@charset "UTF-8";

body {
    font-family: 'Quicksand', Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
    line-height: 26px;
}
.preorder {
    background: #6e5682;
    color:#fff;
    font-size:11px;
    padding:3px;
    line-height:12px;
}
.prebut {
    background: #6e5682 !important;
}

/*Text*/
a {
    color: #212529;
}

/*White*/
.block-btn, .block-btn:hover, .cart-btn, .modal-cart-btn {
    color: #FFFFFF;
}

    /*Grey*/
    .block-btn:hover, .block-nav li a:hover, .products-open, footer, .cart-btn:hover, .modal-cart-btn:hover, #grid-list a:hover, #team-list a:hover, .basket-basket-col a:hover {
        background-color: #696969;
    }

.header-promo p {
    color: #696969;
    color: #696969;
}

/*Light Grey*/
#header-btm, .grey-bgr, #sort-navigation, #grid-list a:hover > .grid-block-wrap, #team-list a:hover > .team-block-wrap, .filter-wrap h3, .modal-item-wrap, .view-link:hover, .basket-prices-content, #steps, .time-price-row {
    background-color: #e5e5e5;
}

    /*Green*/
    h1, h2, h3, h4, h5, h6, a:hover, .search-container button, .sub-heading, .crumbs li, .crumbs li a, .prod-cart p a:hover, .sample-block p a:hover, #product-select .bag-price, .green-text, .basket-prices-content .baset-total, .address-result p a {
        color: #5aa557;
    }

.primary-btn, .header-m-col, .top-block a:hover, .green-bgr, .postcode-container button:hover {
    background-color: #5aa557;
}

.time-btn.active, .date-btn.active, .time-price-row .active {
    border-color: #5aa557;
}
    /*Orange*/
    .search-container button:hover, #heading-block h2, .prod-cart p a, .sample-block p a, .heading-block h2, #product-select a, #product-cart-wrap p, #product-cart-wrap label, .orange-text, .slider-block-btm li, .grid-price, .team-price, .calc-price, .modal-item-price h3, .remove-btn:hover, .basket-price-block, .summary-item .price, .summary-total .including, .address-result p a:hover, .time-price-row .active .time-price-text, .time-price-row .active .time-price-time, .checkout-thanks h1, .checkout-thanks h2, .best-details h3, #filter_cats .attr_list li a:hover {
        color: #434242;
    }

        .secondary-btn, .block-btn-cart, .top-block a, .orange-bgr, .postcode-container, .circle-badge, .circle-badge-content, #grid-list a, #team-list a, .basket-basket-col a, #steps ul .active, #filter_cats .attr_list li a:hover:before {
            background-color: #f39200;
        }
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

.slick-prev,
.slick-next {
    font-size: 25px;
    line-height: 25px;
    position: absolute;
    top: 42%;
    display: block;
    width: 30px;
    height: 97px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: #F29201;
        outline: none;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.5;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: 1;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -37px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    /* [disabled]content: '←'; */
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -37px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    /* [disabled]content: '→'; */
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }


/*Global*/
h1, h2, h3, h4, h5, h6 {
    font-size: 18px;
    font-weight: 700;
}

a {
    text-decoration: underline;
    transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -webkit-transition: all .10s ease-in-out;
}

ul {
    padding-left: 12px;
}

section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.white-text {
    color: #FFFFFF;
}

.page-section {
    padding-bottom: 60px;
}

.padding-wrap {
    max-width: 1466px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.padding-wrap-blocks {
    max-width: 1396px;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
}

.padding-wrap-header {
    max-width: 1466px;
    margin-left: auto;
    margin-right: auto;
}

.sub-nav a, .block-btn, .block-btn:hover, .cart-btn, .cart-btn:hover, .modal-cart-btn, .modal-cart-btn:hover {
    text-decoration: none;
}

.nofont, .top-nav, .block-nav {
    font-size: 0px;
}

.block-btn {
    display: inline-block;
    padding: 7px 15px;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.cart-btn {
    display: block;
}

.modal-cart-btn {
    display: inline-block;
    width: 100%;
}

.cart-btn, .modal-cart-btn {
    padding-top: 10px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 10px;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 500;
    text-align: center;
    border:0;
}

    .cart-btn:hover, .modal-cart-btn:hover {
        color: #FFFFFF;
    }

#top-blocks {
    text-align: center;
    margin-top: 10px;
}

.top-block {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

    .top-block img {
        width: 100%;
        margin-bottom: 10px;
    }

    .top-block a {
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        color: #FFFFFF;
        font-size: 18px;
        padding-bottom: 10px;
        line-height: 18px;
        font-weight: 700;
    }

#slider {
    margin-left: 5px;
    margin-right: 5px;
}

.hero {
    margin-bottom: 40px;
}

.section-head {
    text-transform: uppercase;
    margin-bottom: 25px;
}

.why-icon-wrap {
}

.why-icon-block {
    font-size: 15px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    width: 50%;
}

    .why-icon-block p {
        line-height: 24px;
        opacity: 0.8;
        display: none;
    }

    .why-icon-block img {
        width: 62px;
        height: 62px;
    }

    .why-icon-block h3 {
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 500;
        margin-top: 20px;
        margin-bottom: 15px;
    }

.blocks-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

footer {
    padding-top: 60px;
    padding-bottom: 80px;
}

    footer h2 {
        color: #FFFFFF;
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    footer p {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px;
        opacity: 0.8;
        font-size: 14px;
    }

    footer a {
        color: #FFFFFF;
        text-decoration: none;
        display: block;
    }

        footer a:hover {
            text-decoration: none;
        }

    footer ul {
        padding: 0;
        list-style-type: none;
        font-size: 14px;
        opacity: 0.8;
    }

.f-col {
    padding-right: 20px;
    margin-bottom: 30px;
}

.social {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    margin: 0;
    text-align: center;
    list-style-type: none;
    display: inline-block;
}

    .social li {
        display: inline-block;
        font-size: 12px;
    }

    .social img {
        
        margin-left: 5px;
        margin-right: 5px;
    }

    .social:hover > li a {
        opacity: 0.6;
    }

        .social:hover > li a:hover {
            opacity: 1.0;
        }

.social-wrap {
    text-align: center;
}

.prod-container {
}

.testimonial-section {
    color: #FFFFFF;
}

    .testimonial-section h3 {
        text-transform: uppercase;
        color: #FFFFFF;
    }

.testimonial-name {
    font-weight: 500;
    font-size: 16px;
}

.crumbs {
    list-style-type: none;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .crumbs li {
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
    }

        .crumbs li a {
            text-decoration: none;
        }

            .crumbs li a:hover {
                color: #212529;
            }

            .crumbs li a::after {
                content: ">";
                padding-right: 7px;
                padding-left: 7px;
            }

.prod-images {
    display: table-header-group;
}

.prod-reviews {
    display: table-footer-group;
}

.prod-cart {
    display: table-row-group;
}

.prod-desc {
}

.heading-block {
    margin-bottom: 30px;
}

    .heading-block h1 {
        text-transform: uppercase;
        color: #5aa557;
        font-size: 24px;
        margin: 0;
        display: inline-block;
        padding-right: 20px;
    }

    .heading-block h2 {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 5px;
        text-transform: none;
        display: inline-block;
        font-size: 24px;
    }

    .heading-block p {
        margin: 0;
        font-size: 11px;
        line-height: 18px;
    }

.postcode-container {
    padding: 5px;
    width: 100%;
    overflow: auto;
    margin-top: 15px;
    margin-bottom: 20px;
}

    .postcode-container input[type=text] {
        font-size: 22px;
        font-weight:600;
        float: left;
        border: none;
        padding: 5px 15px;
        width: 100%;
        border-radius: 3px;
        margin-bottom: 5px;
    }

    .postcode-container button {
        float: left;
        background-color:#36b449;
        font-size: 20px;
        border: none;
        cursor: pointer;
        padding-top: 5px;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 5px;
        transition: all .10s ease-in-out;
        -moz-transition: all .10s ease-in-out;
        -webkit-transition: all .10s ease-in-out;
        border-radius: 3px;
        font-weight: 500;
        color: #FFFFFF;
    }

.light-text {
    font-weight: 400;
}

#calculator {
    padding: 15px;
    background-color: #DFDFDF;
    margin-bottom: 20px;
}

.calc-wrap {
    font-size: 0px;
}

.calc-input {
    width: 100%;
    border-radius: 3px;
    border-style: none;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
}

.input-col {
    padding-top: 0;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0;
    margin: 0;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    width: 33.3333%;
}

.calc-select {
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 8px;
    padding-bottom: 5px;
    border-style: none;
    border-radius: 3px;
    height: 36px;
    width: 100%;
}

.input-col label {
    margin-bottom: 0px;
}

.size-illustration {
    display: none;
}

.prod-cart p {
}

    .prod-cart p a {
        font-weight: 400;
        text-decoration: none;
    }

.sample-block {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .sample-block img {
        display: inline-block;
        vertical-align: top;
    }

    .sample-block p {
        display: inline-block;
        vertical-align: top;
        font-size: 16px;
        line-height: 24px;
        padding-top: 2px;
    }

        .sample-block p a {
            font-size: 14px;
        }

.page-section h3 {
    padding-top: 10px;
}

.postcode-heading {
    margin-top: 20px;
}

.reviews-heading {
    margin-top: 30px;
    display: block;
    border-top: 1px solid #D8D8D8;
    padding-top: 40px;
}

#product-select {
    font-size: 0px;
    border-top: 3px solid #DFDFDF;
    border-bottom: 3px solid #DFDFDF;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 20px;
}

    #product-select a {
        font-size: 13px;
        display: inline-block;
        width: 50%;
        text-align: center;
        text-decoration: none;
        margin: 0;
        padding-top: 5px;
      
        padding-bottom: 0px;
        line-height: 18px;
        vertical-align: top;
        min-height:200px;
    }

        #product-select a:hover {
            background-color: #DFDFDF;
        }

    #product-select .bag-type {
        color: #212529;
    }

    #product-select .bag-price {
        font-weight: 700;
    }

    #product-select img {
        margin-bottom: 5px;
    }

.qty-input {
    padding-right: 5px;
    padding-left: 10px;
    border: 2px solid #F39101;
    padding-top: 6px;
    border-radius: 3px;
    padding-bottom: 6px;
    width: 55px;
    margin-left: 5px;
}

.basket-input {
    padding-right: 5px;
    padding-left: 10px;
    border: 1px solid #CDCDCD;
    padding-top: 6px;
    border-radius: 3px;
    padding-bottom: 6px;
    width: 55px;
    margin-left: 5px;
}

#product-cart-wrap {
    font-size: 0px;
    padding-top: 15px;
    padding-bottom: 30px;
    border-bottom: 3px solid #DFDFDF;
}

    #product-cart-wrap label {
        font-size: 16px;
    }

    #product-cart-wrap p {
        font-size: 16px;
        margin: 0;
        line-height: 18px;
    }

    #product-cart-wrap .subtext {
        font-size: 11px;
    }

    #product-cart-wrap span {
        font-weight: 700;
        font-size: 18px;
        color: #212529;
    }

.product-cart-col {
    margin-bottom: 20px;
    font-size: 13px;
}

.product-cart-total {
    padding-top: 10px;
}

.right-wrap h1 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 28px;
}

.right-wrap h2 {
    font-weight: 400;
    margin-bottom: 20px;
}

#sort-navigation {
    padding: 5px;
    margin-bottom: 20px;
}

    #sort-navigation ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

.slider-block {
    background-image: url(../img/prod-image.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    .slider-block .slider-block-top {
        padding-top: 25px;
        padding-left: 25px;
        padding-bottom: 110px;
    }

    .slider-block ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

.slider-block-top li {
    display: inline-block;
    width: 110px;
    height: 110px;
    vertical-align: top;
}

.slider-block-btm {
    background-color: #FFFFFF;
    display: inline-block;
    padding-top: 30px;
    padding-right: 30px;
    margin-right: 30px;
}

    .slider-block-btm h1 {
        text-transform: uppercase;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 10px;
        padding: 0;
        font-size: 32px;
        line-height: 30px;
    }

    .slider-block-btm li {
        display: inline-block;
        font-size: 16px;
        padding-right: 8px;
    }

    .slider-block-btm ul {
        margin-bottom: 15px;
    }

.circle-badge {
    border-radius: 50%;
    text-align: center;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    padding: 3px;
    text-transform: uppercase;
}

.circle-badge-content {
    border-radius: 50%;
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #FFFFFF;
}

.circle-badge-small .circle-badge-price {
    display: block;
    font-size: 42px;
    margin-top: 27px;
}

#best-sellers {
    padding-bottom: 10px;
}

#grid-list {
}

.grid-list-block {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

#grid-list a {
    font-size: 16px;
    text-decoration: none;
    line-height: 22px;
    margin-bottom: 40px;
    display: block;
    margin-left: 6px;
    margin-right: 6px;
  
}
#grid-list a picture{
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

    #grid-list a:hover {
        color: #212529;
        font-size: 16px;
        border: solid 3px #36b449;
    }

        #grid-list a:hover > .grid-info, #grid-list a:hover > .grid-block-wrap {
            transition: all .10s ease-in-out;
            -moz-transition: all .10s ease-in-out;
            -webkit-transition: all .10s ease-in-out;
        }

    #grid-list a h2 {
        margin: 0;
        text-transform: uppercase;
        padding-bottom: 5px;
        font-weight: 600;
        font-size:26px;
    }

.grid-info {
    padding-top: 15px;
    padding-bottom: 15px;
}

.grid-price-wrap {
    padding-bottom: 15px;
}

.grid-info, .grid-price-wrap {
    display: block;
}

.grid-price {
    display: block;
    font-size: 30px;
    font-weight: 700;
}

.grid-price-type {
    font-size: 14px;
}

.grid-price-shop {
    display: block;
    text-transform: uppercase;
    padding: 10px 15px;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}

.grid-block-wrap {
    background-color: #F8F8F8;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}

.grid-padding {
    padding-left: 6px;
    padding-right: 6px;
}

.filter-wrap h3 {
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    display: block;
}

.calc-open {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
}

    .calc-open ul {
        padding-top: 10px;
        padding-right: 0;
        padding-left: 0;
        list-style-type: none;
        width: 100%;
        border-top: 1px solid #C6C6C6;
        margin-bottom: 10px;
        overflow: auto;
    }

        .calc-open ul li {
            display: inline-block;
            vertical-align: middle;
            font-weight: 500;
        }

.calc-add {
    padding-top: 8px;
    width: 100%;
}

.calc-price {
    font-size: 18px;
    border-left: 1px solid #ACACAC;
    padding-left: 10px;
    margin-left: 10px;
}

.calc-open ul li img {
    margin-right: 10px;
    width: auto;
}

.calc-img {
    width: 100%;
}

.promo-section {
    overflow: auto;
    margin-top: 40px;
}

    .promo-section ul {
        padding: 20px;
        margin: 0;
        list-style-type: none;
        color: #FFFFFF;
        float: left;
    }

        .promo-section ul li {
            display: inline-block;
            vertical-align: middle;
            font-size: 26px;
            font-weight: 700;
            line-height: 30px;
            margin-top: 7px;
            margin-bottom: 7px;
            margin-left: 10px;
            margin-right: 10px;
        }

.call {
    float: right;
    display: none;
}

.promo-number {
    font-weight: 400;
}

.modal-dialog {
    max-width: 950px;
}

.modal-content {
    border-radius: 0px;
    border-style: none;
    border: solid 2px #000;
}

.modal-item-wrap {
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    list-style-type: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    border-radius:5px;

}

.modal-item {
    display: inline-block;
    font-size: 14px;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

.modal-item-img {
    width: 40%;
    float: left;
    display: none;
}

.modal-item-info {
}

.modal-item-info-wrap {
    width: 60%;
}

.modal-content h2, .modal-content h3 {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.modal-content h2 {
    font-size: 15px;
}

.modal-content h3 {
    font-size: 30px;
}

.modal-item-info p {
    margin: 0;
}

    .modal-item-info p img {
        margin-right: 10px;
        display: none;
    }

.modal-item-price {
    font-weight: 700;
    width: 100%;
}

    .modal-item-price h3 {
        display: block;
        border-top: 1px solid #CACACA;
        margin: 0;
        padding-top: 10px;
    }

.site-button {
    border-style: none;
    transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -webkit-transition: all .10s ease-in-out;
    cursor: pointer;
}

.modal-body {
    padding-top: 30px;
}

.continue-btn {
}

.modal-item-padding {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.modal-content h4 {
    display: block;
    text-align: center;
    font-size: 20px;
    border-top: 1px solid #DCDCDC;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 16px;
    margin-right: 16px;
}

#interested-list {
    text-align: center;
    padding-left: 9px;
    padding-right: 9px;
}

.interested-block {
    font-size: 14px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 40px;
    text-align: left;
}

    .interested-block h2 {
        font-weight: 500;
    }

.details-link {
    display: block;
}

.view-link {
    display: block;
    text-decoration: none;
    background-color: #F8F8F8;
}

    .view-link:hover {
        color: #212529;
        text-decoration: none;
    }

.interested-block-wrap {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height:120px;
}

    .interested-block-wrap .grid-price-wrap {
        padding-bottom: 5px;
    }

.add-btn {
    width: 100%;
    text-align: center;
}

.interested-block .grid-price {
    font-size: 22px;
    line-height: 20px;
}

.modal-total {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    padding-top: 20px;
}

.remove-btn {
    font-size: 18px;
    background-color: transparent;
    text-decoration: underline;
    border-style: none;
    display: inline-block;
    cursor: pointer;
}

.basket-detail {
    margin-bottom: 50px;
}

    .basket-detail h2 {
        margin: 0;
        text-transform: uppercase;
        font-weight: 500;
    }

    .basket-detail p {
    }

.qty-block {
    float: left;
}

.basket-price-block {
    float: right;
    font-size: 18px;
    font-weight: 700;
    padding-top: 7px;
}

.basket-item {
    overflow: auto;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #CCCCCC;
}

    .basket-item:last-child {
        border-bottom-style: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.basket-prices-content {
    padding: 30px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    border-radius: 5px;
    margin-bottom:5px;
}

    .basket-prices-content p {
        margin: 0;
    }

        .basket-prices-content p span {
            float: right;
            font-weight: 700;
            font-size:18px;
        }

    .basket-prices-content .baset-total {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 28px;
        border-top: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
        margin-top: 20px;
        margin-bottom: 35px;
    }

.basket-prices {
    margin-bottom: 80px;
}

.page-title {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 40px;
    padding-top: 10px;
}

.padding-wrap.page-wrap {
    margin-top: 60px;
}

.padding-wrap.page-wrap-checkout {
    margin-top: 30px;
}

#steps {
    padding-top: 30px;
    padding-bottom: 30px;
}

    #steps ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        font-size: 0px;
    }

        #steps ul li {
            font-size: 14px;
            text-align: center;
            display: inline-block;
            width: 25%;
            text-transform: uppercase;
            line-height: 45px;
            background-image: url(../img/step-left.jpg);
            background-position: left top;
            background-color: #EABB71;
            color: #FFFFFF;
            font-weight: 500;
        }

        #steps ul .active {
            background-image: url(../img/step-left-active.jpg);
        }

            #steps ul .active span {
                background-image: url(../img/step-right-active.jpg);
            }

        #steps ul li span {
            display: block;
            background-image: url(../img/step-right.jpg);
            background-position: right top;
        }

        #steps ul li span, #steps ul li {
            background-repeat: no-repeat;
            background-size: 12px 45px;
        }

    #steps .stept {
        display: none;
    }

.field-input {
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #CDCDCD;
    padding-top: 10px;
    border-radius: 3px;
    padding-bottom: 10px;
    width: 100%;
    font-size: 20px;
    margin-bottom: 15px;
}

.address-result {
    border-top: 1px solid #E5E5E5;
    padding-top: 25px;
    margin-top: 25px;
}

    .address-result p {
        margin: 0;
    }

        .address-result p a {
        }

.checkout-continue {
    margin-top: 30px;
}

.col-btm-gap {
    margin-bottom: 80px;
}

.basket-prices-content h3 {
    text-transform: uppercase;
    margin-bottom: 25px;
}

.summary-item {
    border-top: 1px solid #cfcfcf;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .summary-item h2 {
        color: #333;
        text-transform: uppercase;
        font-size: 20px;
        margin: 0;
        font-weight: 700;
    }

    .summary-item p {
        font-size: 18px;
    }

    .summary-item .price {
        font-size: 16px;
        font-weight: 700;
    }

.summary-total {
    border-top: 2px solid #cfcfcf;
    padding-top: 20px;
}

    .summary-total p {
        font-size: 20px;
        line-height: 26px;
    }

    .summary-total .including {
        font-size: 12px;
    }

.time-btn-wrap {
    margin-bottom: 15px;
}

.time-btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #CDCDCD;
    background-color: transparent;
    font-size: 12px;
    height: 100%;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
    line-height: 18px;
    width: 100%;
    cursor: pointer;
    transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -webkit-transition: all .10s ease-in-out;
}

    .time-btn:hover {
        background-color: #F6F6F6;
    }

    .time-btn.active {
        border-style: solid;
        border-width: 3px;
    }

    .time-btn span {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        margin: 0;
        padding-top: 40px;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 5px;
        display: block;
        background-image: url(../img/day-dot.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 22px 22px;
    }

    .time-btn.active span {
        background-image: url(../img/day-dot_active.png);
    }

.time-options, .date-options {
    margin-bottom: 40px;
}

.time-option-text {
    font-size: 14px;
}

.time-options h2, .date-options h2, .time-price-options h2 {
    color: #333;
    font-size: 20px;
    margin-bottom: 20px;
}

.date-btn-wrap {
    margin-bottom: 15px;
    width: 14.2857%;
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}

.date-btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #CDCDCD;
    background-color: transparent;
    font-size: 16px;
    height: 100%;
    padding: 10px;
    line-height: 25px;
    width: 100%;
    cursor: pointer;
    transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -webkit-transition: all .10s ease-in-out;
    font-weight: 500;
}

    .date-btn:hover {
        background-color: #F6F6F6;
    }

    .date-btn.active {
        border-style: solid;
        border-width: 3px;
    }

.date-option-text {
    font-size: 12px;
}

.day-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 30px;
    margin-left: 30px;
}

.date-btn:disabled,
.date-btn[disabled] {
    border: 1px solid #D6D6D6;
    color: #D6D6D6;
    cursor: default;
    background-color: #F6F6F6;
}

    .date-btn:disabled .orange-text {
        color: #D6D6D6;
    }

    .date-btn[disabled] .orange-text {
        color: #D6D6D6;
    }

.time-price-row {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.time-price-item {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 18px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}

.time-price-block {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 18px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}

.time-price-row button {
    font-size: 18px;
    font-weight: 500;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    cursor: pointer;
    border-style: none;
    background-color: #FFFFFF;
    line-height: 18px;
    width: 100%;
    height: 100%;
}

    .time-price-row button:hover {
        background-color: #F6F6F6;
    }

.time-price-head {
    display: block;
    padding-bottom: 10px;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 44px 29px;
}

.time-price-text {
    font-size: 14px;
    font-weight: 300;
    display: block;
    color: #A5A5A5;
    padding-bottom: 10px;
}

.time-price-time {
    display: block;
    padding-bottom: 10px;
    color: #A5A5A5;
    font-size: 14px;
    font-weight: 300;
}

.anytime {
    background-image: url(../img/anytime-delivery.png);
}

.morning {
    background-image: url(../img/morning-delivery3.png);
}

.midday {
    background-image: url(../img/midday-delivery.png);
}

.afternoon {
    background-image: url(../img/afternoon-delivery3.png);
}

.time-price-row .active {
    border-style: solid;
    border-width: 3px;
}

    .time-price-row .active .anytime {
        background-image: url(../img/anytime-delivery-active.png);
    }

    .time-price-row .active .morning {
        background-image: url(../img/morning-delivery-active3.png);
    }

    .time-price-row .active .midday {
        background-image: url(../img/midday-delivery-active.png);
    }

    .time-price-row .active .afternoon {
        background-image: url(../img/afternoon-delivery-active3.png);
    }

.time-price-row h2 {
    margin-top: 15px;
    margin-right: 0;
    margin-left: 5px;
    margin-bottom: 10px;
}

.checkout-thanks {
    padding-bottom: 70px;
}

    .checkout-thanks h1 {
        font-size: 24px;
        font-weight: 500;
    }

    .checkout-thanks h2 {
        font-size: 32px;
        font-weight: 700;
    }

    .checkout-thanks p {
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .checkout-thanks h3 {
        font-size: 24px;
        font-weight: 300;
    }

.thanks-detail {
    font-weight: 700;
}

.best-col {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

    .best-col a {
        display: block;
        text-decoration: none;
        text-align: center;
        height: 100%;
        background-image: url(../img/best-rollover.jpg);
        background-repeat: repeat-x;
        background-position: center bottom;
    }

        .best-col a:hover {
            background-image: url(../img/best-rollover-hover.jpg);
        }

.best-img-height {
    display: block;
    width: 100%;
}

.best-img-lg {
    height: 250px;
}

.best-img-sm {
    padding-top: 60%;
}

.best-shop {
    text-transform: uppercase;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 18px;
    display: block;
    color: #FFFFFF;
    font-weight:600;
}

.best-supporting {
    height: 50%;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.best-details {
    background-color: #EFEFEF;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.best-supporting, .best-hero {
    padding: 6px;
}

    .best-supporting a, .best-hero a {
        display: table;
        width: 100%;
    }

.best-c {
    display: table-cell;
    vertical-align: bottom;
    font-size: 14px;
    width: 100%;
}

.best-img {
    background-image: url(../img/prod-image.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.best-details h2, .best-details h3 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.best-details h3 {
    font-weight: 500;
}

.best-offer-wrap {
    display: block;
    width: 100%;
    font-size: 14px;
}

.best-banner {
    font-size: 14px;
    display: block;
    float: left;
    width: 150px;
    height: 150px;
}

.best-offer {
    display: block;
    font-size: 14px;
    float: right;
    width: 110px;
    height: 110px;
    margin-top: 20px;
    margin-right: 20px;
}

.date-options {
    /* [disabled]margin-left: 42px; */
    /* [disabled]margin-right: 42px; */
}

#page-hero {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 150px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

    #page-hero h1 {
        font-size: 36px;
        margin: 0;
        text-transform: uppercase;
        color: #FFFFFF;
    }

.about-us {
    background-image: url(../img/about-us.jpg);
}
.delivery {
    background-image: url(../img/header-delivery.jpg);
}
.meet-the-team {
    background-image: url(../img/meet-the-team.jpg);
}

.contact-us {
    background-image: url(../img/contact-us.jpg);
}

.page-section .intro {
    font-size: 16px;
    line-height: 32px;
}

.max {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 750px;
}

.text-img-block {
}

.ti-text-wrap {
}

.ti-text {
    background-color: #FFFFFF;
    padding-top: 60px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 60px;
    width: 100%;
}

    .ti-text h2 {
        font-size: 28px;
        font-weight: 500;
        padding-bottom: 15px;
    }

.fullimg {
    width: 100%;
}

.grey-btm-gap {
    padding-bottom: 90px;
}

.team-block {
    text-align: center;
}

#team-list {
}

.team-list-block {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}

#team-list a {
    font-size: 12px;
    text-decoration: none;
    line-height: 22px;
    margin-bottom: 40px;
    display: block;
    margin-left: 6px;
    margin-right: 6px;
}

    #team-list a:hover {
        color: #212529;
    }

        #team-list a:hover > .team-info, #team-list a:hover > .team-block-wrap {
            transition: all .10s ease-in-out;
            -moz-transition: all .10s ease-in-out;
            -webkit-transition: all .10s ease-in-out;
        }

    #team-list a h2 {
        margin: 0;
        text-transform: uppercase;
        padding-bottom: 5px;
        font-weight: 500;
    }

.team-info {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

.team-link {
    display: block;
    text-transform: uppercase;
    padding: 10px 15px;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}

.team-block-wrap {
    background-color: #F8F8F8;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}

.team-padding {
    padding-left: 6px;
    padding-right: 6px;
}

.figs {
    font-weight: 700;
    font-size: 22px;
}

.quote-block {
    background-color: #FFFFFF;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.quote-img {
    position: relative;
    z-index: 1;
}

.quote-block h2 {
    font-size: 28px;
}

.quote-block .quote-name {
    font-size: 18px;
    font-weight: 700;
}

.cols {
}

.cols-gap {
    margin-top: 50px;
}

.cols h2 {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px !important;
    font-size: 28px !important;
    font-weight: 500;
}

.max h2 {
    font-size: 38px;
    font-weight: 500;
    padding-bottom: 15px;
}

.section-heading {
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 40px;
}



@media (min-width:400px) {
    .padding-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width:500px) {
    .postcode-container button {
        width: 35%;
        border-radius: 0px 3px 3px 0px;
    }

    .postcode-container input[type=text] {
        width: 65%;
        border-radius: 3px 0px 0px 3px;
        margin-bottom: 0px;
    }

    .product-cart-col {
        width: 40%;
        padding-right:10px;
        display: inline-block;
        vertical-align: middle;
    }

    .product-cart-total {
        text-align: right;
    }

    .calc-img {
        width: auto;
    }

    .time-price-item {
        width: 33.3333%;
    }

    .best-banner {
        width: 188px;
        height: 188px;
    }

    .team-list-block {
        width: 50%;
    }
}

@media (min-width:575px) {
    .modal-dialog {
        padding: 20px;
    }
}

@media (min-width:600px) {
    .padding-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .why-icon-block {
        width: 33.3333%;
        padding-left: 15px;
        padding-right: 15px;
    }

    #product-select a {
        width: 25%;
    }

    .modal-item-info p img {
    }

    .modal-cart-btn {
        width: auto;
    }

    .basket-btn {
        float: right;
    }

    .continue-btn {
        float: left;
    }

    .grid-list-block {
        width: 50%;
    }
}

@media (min-width:768px) {


    

    .postcode-container button {
        width: 25%;
    }

    .postcode-container input[type=text] {
        width: 75%;
    }

    .size-illustration {
        display: inline;
        margin-top: 20px;
        max-width: 240px;
    }

    .slider-block-btm h1 {
        font-size: 48px;
        line-height: 44px;
    }

    .slider-block-btm li {
        font-size: 18px;
    }

    .calc-add {
        width: auto;
        float: right;
    }

    .call {
        display: inline-block;
    }

    .promo-section ul {
        width: 80%;
    }

    .modal-content h2 {
        font-size: 18px;
    }

    .modal-content h3 {
        font-size: 42px;
    }

    .modal-item-img {
        width: 20%;
        display: inline-block;
    }

    .modal-item-info {
        width: 80%;
    }

    .modal-item-price {
        width: 80%;
    }

    .modal-item-info p img {
        display: inline;
    }

    .modal-content h4 {
        font-size: 26px;
    }

    .interested-block {
        width: 33.3333%;
    }

    .basket-detail h2 {
        font-size: 20px;
    }

    .basket-detail {
        margin-bottom: 80px;
    }

    .basket-prices {
    }

    .basket-item {
        margin-right: 25px;
    }

    #steps .stept {
        display: block;
    }

    #steps .stepn {
        display: none;
    }

    .col-right-gap {
        padding-right: 25px;
    }

    .best-col {
        width: 50%;
    }

    .best-img-lg {
        height: 450px;
    }

    .best-img-sm {
        padding-top: 0px;
    }

    #page-hero h1 {
        font-size: 52px;
    }

    .text-img-block {
        background-repeat: no-repeat;
        background-position: right center;
        background-size: cover;
        background-image: url(../img/gravel-delivery.jpg);
    }

    .ti-text-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
        background-repeat: repeat-y;
        background-position: center top;
        background-image: url(../img/text-img-strip.png);
    }

    .ti-text {
        background-color: #FFFFFF;
        padding-top: 60px;
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 60px;
        width: 50%;
    }

        .ti-text h2 {
            font-size: 28px;
        }

    .mob-img {
        display: none;
    }

    .team-list-block {
        width: 25%;
    }

    .quote-block h2 {
        font-size: 28px !important;
    }

    .quote-block, .quote-img {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .quote-minus {
        margin-top: -100px;
    }

    .quote-minus-lg {
        margin-top: -270px;
    }

    .quote-left {
        margin-left: 10%;
    }

    .img-left {
        margin-right: 10%;
    }

    .quote-right {
        margin-right: 10%;
    }

    .img-right {
        margin-left: 10%;
    }

    .max h2 {
        font-size: 48px;
    }
}

@media (min-width:900px) {
}

@media (min-width:992px) {
    .customerReviews .page-accord-section .panel {
        max-height: initial !important;
    }
    .customerReviews .page-accord-section .accordion:after {
        color:#fff !important;
    }
        .top-block {
        width: 25%;
    }
    .grid-wrap {
        border-left: solid 2px #cdcdcd;
    }
    .modal2 {
        max-height: 90% !important;
        overflow:hidden !important;
    }
    .why-icon-block p {
        display: block;
    }

    .prod-images, .prod-reviews {
        width: 40%;
        display: block;
    }

    .prod-cart, .prod-desc {
        width: 60%;
        display: block;
    }

    .prod-images {
        float: left;
    }

    .prod-reviews {
        float: left;
        clear: left;
    }

    .prod-cart {
        overflow: hidden;
    }

    .prod-desc {
        float: right;
    }

    .postcode-container button {
        width: 35%;
    }

    .postcode-container input[type=text] {
        width: 65%;
    }

    .prod-col-left {
        padding-right: 20px;
    }

    .prod-col-right {
        padding-left: 20px;
    }

    .postcode-heading {
        margin-top: 0px;
    }

    .reviews-heading {
        margin-top: 40px;
        padding-top: 0px;
        border-top-style: none;
    }

    .cart-btn, .modal-cart-btn {
        display: inline-block;
    }

    #product-cart-wrap .product-cart-add {
        text-align: right;
    }

    .calc-add {
        display: block;
        width: 100%;
    }

    .modal-item-img {
        width: 20%;
        float: none;
    }

    .modal-item-info {
        width: 60%;
        float: none;
    }

        .modal-item-info h2 {
            padding-top: 10px;
        }

    .modal-item-price {
        width: 20%;
        float: none;
        text-align: right;
    }

        .modal-item-price h3 {
            border-top-style: none;
        }

    .interested-block {
        width: 25%;
    }

    .modal-total {
        font-size: 24px;
        text-align: right;
        padding-top: 30px;
    }

    .basket-item {
        margin-right: 35px;
    }

    .col-right-gap {
        padding-right: 35px;
    }

    .time-btn span {
        font-size: 18px;
    }

    .checkout-thanks {
        text-align: center;
    }

    .best-details h2 {
        font-size: 22px;
    }
 .best-details h3
 {
     font-size:18px;
 }
    .ti-text {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-left: 70px;
        padding-right: 70px;
    }

        .ti-text h2 {
            font-size: 38px;
        }

    .page-section .quote-block h2 {
        font-size: 38px;
    }
}
@media (min-width:992px)
{
.product-cart-col {
        width: 29%;
    }

    .product-cart-add {
        width: 29%;
        display: inline-block;
        vertical-align: middle;
    }

}
@media (min-width:1125px) {
    

    .calc-add {
        width: auto;
        float: right;
    }

    .time-price-block {
        width: 20%;
    }

    .time-price-item {
        width: 20%;
    }

    .grid-list-block {
        width: 33.3333%;
    }
}

@media (min-width:1300px) {
    .header-l-col {
        width: 22%;
    }

    .header-m-col {
        width: 39%;
    }

    .why-icon-block {
        width: 16.6666%;
    }


    .calc-wrap {
        margin-top: 5px;
    }

    .size-illustration {
        margin-top: 5px;
    }
}

/* SS additions */
.top-block a {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.selected {
    border: solid 6px #f39200;
}
.best-img {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.best-img1 {
    background-image: url(https://cdn.gravelmaster.co.uk/optimised/20BBAS1-600.jpg);
}
.best-img2 {
    background-image: url(https://cdn.gravelmaster.co.uk/optimised/PLAYBK2-330.jpg);
}
.best-img3 {
    background-image: url(https://cdn.gravelmaster.co.uk/optimised/PLAYS2-330.jpg);
}
.best-img4 {
    background-image: url(https://cdn.gravelmaster.co.uk/optimised/20ICEB-330.jpg);
}
.best-img5 {
    background-image: url(https://cdn.gravelmaster.co.uk/optimised/20MOON-330.jpg);
}


.quantity {
    display: inline-block;
}

    .quantity .input-text.qty {
        width: 80px;
        height: 41px;
        padding: 0 5px;
        text-align: center;
        background-color: transparent;
        border: 1px solid #efefef;
    }

    .quantity.buttons_added {
        text-align: left;
        position: relative;
        white-space: nowrap;
        vertical-align: top;
    }

        .quantity.buttons_added input {
            display: inline-block;
            margin: 0;
            vertical-align: top;
            box-shadow: none;
        }

        .quantity.buttons_added .minus,
        .quantity.buttons_added .plus {
            padding: 5px 10px 8px;
            height: 41px;
            background-color: #5aa557;
            color:#fff;
            border: 1px solid #efefef;
            cursor: pointer;
        }

        .quantity.buttons_added .minus {
            border-right: 0;
        }

        .quantity.buttons_added .plus {
            border-left: 0;
        }

            .quantity.buttons_added .minus:hover,
            .quantity.buttons_added .plus:hover {
                background: #f39200;
                
            }

    .quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        margin: 0;
    }

    .quantity.buttons_added .minus:focus,
    .quantity.buttons_added .plus:focus {
        outline: none;
    }


.materialize-red {
    background-color: #e51c23 !important
}

.materialize-red-text {
    color: #e51c23 !important
}

.materialize-red.lighten-5 {
    background-color: #fdeaeb !important
}

.materialize-red-text.text-lighten-5 {
    color: #fdeaeb !important
}

.materialize-red.lighten-4 {
    background-color: #f8c1c3 !important
}

.materialize-red-text.text-lighten-4 {
    color: #f8c1c3 !important
}

.materialize-red.lighten-3 {
    background-color: #f3989b !important
}

.materialize-red-text.text-lighten-3 {
    color: #f3989b !important
}

.materialize-red.lighten-2 {
    background-color: #ee6e73 !important
}

.materialize-red-text.text-lighten-2 {
    color: #ee6e73 !important
}

.materialize-red.lighten-1 {
    background-color: #ea454b !important
}

.materialize-red-text.text-lighten-1 {
    color: #ea454b !important
}

.materialize-red.darken-1 {
    background-color: #d0181e !important
}

.materialize-red-text.text-darken-1 {
    color: #d0181e !important
}

.materialize-red.darken-2 {
    background-color: #b9151b !important
}

.materialize-red-text.text-darken-2 {
    color: #b9151b !important
}

.materialize-red.darken-3 {
    background-color: #a21318 !important
}

.materialize-red-text.text-darken-3 {
    color: #a21318 !important
}

.materialize-red.darken-4 {
    background-color: #8b1014 !important
}

.materialize-red-text.text-darken-4 {
    color: #8b1014 !important
}

.red {
    background-color: #F44336 !important
}

.red-text {
    color: #F44336 !important
}

.red.lighten-5 {
    background-color: #FFEBEE !important
}

.red-text.text-lighten-5 {
    color: #FFEBEE !important
}

.red.lighten-4 {
    background-color: #FFCDD2 !important
}

.red-text.text-lighten-4 {
    color: #FFCDD2 !important
}

.red.lighten-3 {
    background-color: #EF9A9A !important
}

.red-text.text-lighten-3 {
    color: #EF9A9A !important
}

.red.lighten-2 {
    background-color: #E57373 !important
}

.red-text.text-lighten-2 {
    color: #E57373 !important
}

.red.lighten-1 {
    background-color: #EF5350 !important
}

.red-text.text-lighten-1 {
    color: #EF5350 !important
}

.red.darken-1 {
    background-color: #E53935 !important
}

.red-text.text-darken-1 {
    color: #E53935 !important
}

.red.darken-2 {
    background-color: #D32F2F !important
}

.red-text.text-darken-2 {
    color: #D32F2F !important
}

.red.darken-3 {
    background-color: #C62828 !important
}

.red-text.text-darken-3 {
    color: #C62828 !important
}

.red.darken-4 {
    background-color: #B71C1C !important
}

.red-text.text-darken-4 {
    color: #B71C1C !important
}

.red.accent-1 {
    background-color: #FF8A80 !important
}

.red-text.text-accent-1 {
    color: #FF8A80 !important
}

.red.accent-2 {
    background-color: #FF5252 !important
}

.red-text.text-accent-2 {
    color: #FF5252 !important
}

.red.accent-3 {
    background-color: #FF1744 !important
}

.red-text.text-accent-3 {
    color: #FF1744 !important
}

.red.accent-4 {
    background-color: #D50000 !important
}

.red-text.text-accent-4 {
    color: #D50000 !important
}

.pink {
    background-color: #e91e63 !important
}

.pink-text {
    color: #e91e63 !important
}

.pink.lighten-5 {
    background-color: #fce4ec !important
}

.pink-text.text-lighten-5 {
    color: #fce4ec !important
}

.pink.lighten-4 {
    background-color: #f8bbd0 !important
}

.pink-text.text-lighten-4 {
    color: #f8bbd0 !important
}

.pink.lighten-3 {
    background-color: #f48fb1 !important
}

.pink-text.text-lighten-3 {
    color: #f48fb1 !important
}

.pink.lighten-2 {
    background-color: #f06292 !important
}

.pink-text.text-lighten-2 {
    color: #f06292 !important
}

.pink.lighten-1 {
    background-color: #ec407a !important
}

.pink-text.text-lighten-1 {
    color: #ec407a !important
}

.pink.darken-1 {
    background-color: #d81b60 !important
}

.pink-text.text-darken-1 {
    color: #d81b60 !important
}

.pink.darken-2 {
    background-color: #c2185b !important
}

.pink-text.text-darken-2 {
    color: #c2185b !important
}

.pink.darken-3 {
    background-color: #ad1457 !important
}

.pink-text.text-darken-3 {
    color: #ad1457 !important
}

.pink.darken-4 {
    background-color: #880e4f !important
}

.pink-text.text-darken-4 {
    color: #880e4f !important
}

.pink.accent-1 {
    background-color: #ff80ab !important
}

.pink-text.text-accent-1 {
    color: #ff80ab !important
}

.pink.accent-2 {
    background-color: #ff4081 !important
}

.pink-text.text-accent-2 {
    color: #ff4081 !important
}

.pink.accent-3 {
    background-color: #f50057 !important
}

.pink-text.text-accent-3 {
    color: #f50057 !important
}

.pink.accent-4 {
    background-color: #c51162 !important
}

.pink-text.text-accent-4 {
    color: #c51162 !important
}

.purple {
    background-color: #9c27b0 !important
}

.purple-text {
    color: #9c27b0 !important
}

.purple.lighten-5 {
    background-color: #f3e5f5 !important
}

.purple-text.text-lighten-5 {
    color: #f3e5f5 !important
}

.purple.lighten-4 {
    background-color: #e1bee7 !important
}

.purple-text.text-lighten-4 {
    color: #e1bee7 !important
}

.purple.lighten-3 {
    background-color: #ce93d8 !important
}

.purple-text.text-lighten-3 {
    color: #ce93d8 !important
}

.purple.lighten-2 {
    background-color: #ba68c8 !important
}

.purple-text.text-lighten-2 {
    color: #ba68c8 !important
}

.purple.lighten-1 {
    background-color: #ab47bc !important
}

.purple-text.text-lighten-1 {
    color: #ab47bc !important
}

.purple.darken-1 {
    background-color: #8e24aa !important
}

.purple-text.text-darken-1 {
    color: #8e24aa !important
}

.purple.darken-2 {
    background-color: #7b1fa2 !important
}

.purple-text.text-darken-2 {
    color: #7b1fa2 !important
}

.purple.darken-3 {
    background-color: #6a1b9a !important
}

.purple-text.text-darken-3 {
    color: #6a1b9a !important
}

.purple.darken-4 {
    background-color: #4a148c !important
}

.purple-text.text-darken-4 {
    color: #4a148c !important
}

.purple.accent-1 {
    background-color: #ea80fc !important
}

.purple-text.text-accent-1 {
    color: #ea80fc !important
}

.purple.accent-2 {
    background-color: #e040fb !important
}

.purple-text.text-accent-2 {
    color: #e040fb !important
}

.purple.accent-3 {
    background-color: #d500f9 !important
}

.purple-text.text-accent-3 {
    color: #d500f9 !important
}

.purple.accent-4 {
    background-color: #a0f !important
}

.purple-text.text-accent-4 {
    color: #a0f !important
}

.deep-purple {
    background-color: #673ab7 !important
}

.deep-purple-text {
    color: #673ab7 !important
}

.deep-purple.lighten-5 {
    background-color: #ede7f6 !important
}

.deep-purple-text.text-lighten-5 {
    color: #ede7f6 !important
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important
}

.deep-purple-text.text-lighten-4 {
    color: #d1c4e9 !important
}

.deep-purple.lighten-3 {
    background-color: #b39ddb !important
}

.deep-purple-text.text-lighten-3 {
    color: #b39ddb !important
}

.deep-purple.lighten-2 {
    background-color: #9575cd !important
}

.deep-purple-text.text-lighten-2 {
    color: #9575cd !important
}

.deep-purple.lighten-1 {
    background-color: #7e57c2 !important
}

.deep-purple-text.text-lighten-1 {
    color: #7e57c2 !important
}

.deep-purple.darken-1 {
    background-color: #5e35b1 !important
}

.deep-purple-text.text-darken-1 {
    color: #5e35b1 !important
}

.deep-purple.darken-2 {
    background-color: #512da8 !important
}

.deep-purple-text.text-darken-2 {
    color: #512da8 !important
}

.deep-purple.darken-3 {
    background-color: #4527a0 !important
}

.deep-purple-text.text-darken-3 {
    color: #4527a0 !important
}

.deep-purple.darken-4 {
    background-color: #311b92 !important
}

.deep-purple-text.text-darken-4 {
    color: #311b92 !important
}

.deep-purple.accent-1 {
    background-color: #b388ff !important
}

.deep-purple-text.text-accent-1 {
    color: #b388ff !important
}

.deep-purple.accent-2 {
    background-color: #7c4dff !important
}

.deep-purple-text.text-accent-2 {
    color: #7c4dff !important
}

.deep-purple.accent-3 {
    background-color: #651fff !important
}

.deep-purple-text.text-accent-3 {
    color: #651fff !important
}

.deep-purple.accent-4 {
    background-color: #6200ea !important
}

.deep-purple-text.text-accent-4 {
    color: #6200ea !important
}

.indigo {
    background-color: #3f51b5 !important
}

.indigo-text {
    color: #3f51b5 !important
}

.indigo.lighten-5 {
    background-color: #e8eaf6 !important
}

.indigo-text.text-lighten-5 {
    color: #e8eaf6 !important
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important
}

.indigo-text.text-lighten-4 {
    color: #c5cae9 !important
}

.indigo.lighten-3 {
    background-color: #9fa8da !important
}

.indigo-text.text-lighten-3 {
    color: #9fa8da !important
}

.indigo.lighten-2 {
    background-color: #7986cb !important
}

.indigo-text.text-lighten-2 {
    color: #7986cb !important
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important
}

.indigo-text.text-lighten-1 {
    color: #5c6bc0 !important
}

.indigo.darken-1 {
    background-color: #3949ab !important
}

.indigo-text.text-darken-1 {
    color: #3949ab !important
}

.indigo.darken-2 {
    background-color: #303f9f !important
}

.indigo-text.text-darken-2 {
    color: #303f9f !important
}

.indigo.darken-3 {
    background-color: #283593 !important
}

.indigo-text.text-darken-3 {
    color: #283593 !important
}

.indigo.darken-4 {
    background-color: #1a237e !important
}

.indigo-text.text-darken-4 {
    color: #1a237e !important
}

.indigo.accent-1 {
    background-color: #8c9eff !important
}

.indigo-text.text-accent-1 {
    color: #8c9eff !important
}

.indigo.accent-2 {
    background-color: #536dfe !important
}

.indigo-text.text-accent-2 {
    color: #536dfe !important
}

.indigo.accent-3 {
    background-color: #3d5afe !important
}

.indigo-text.text-accent-3 {
    color: #3d5afe !important
}

.indigo.accent-4 {
    background-color: #304ffe !important
}

.indigo-text.text-accent-4 {
    color: #304ffe !important
}

.blue {
    background-color: #2196F3 !important
}

.blue-text {
    color: #2196F3 !important
}

.blue.lighten-5 {
    background-color: #E3F2FD !important
}

.blue-text.text-lighten-5 {
    color: #E3F2FD !important
}

.blue.lighten-4 {
    background-color: #BBDEFB !important
}

.blue-text.text-lighten-4 {
    color: #BBDEFB !important
}

.blue.lighten-3 {
    background-color: #90CAF9 !important
}

.blue-text.text-lighten-3 {
    color: #90CAF9 !important
}

.blue.lighten-2 {
    background-color: #64B5F6 !important
}

.blue-text.text-lighten-2 {
    color: #64B5F6 !important
}

.blue.lighten-1 {
    background-color: #42A5F5 !important
}

.blue-text.text-lighten-1 {
    color: #42A5F5 !important
}

.blue.darken-1 {
    background-color: #1E88E5 !important
}

.blue-text.text-darken-1 {
    color: #1E88E5 !important
}

.blue.darken-2 {
    background-color: #1976D2 !important
}

.blue-text.text-darken-2 {
    color: #1976D2 !important
}

.blue.darken-3 {
    background-color: #1565C0 !important
}

.blue-text.text-darken-3 {
    color: #1565C0 !important
}

.blue.darken-4 {
    background-color: #0D47A1 !important
}

.blue-text.text-darken-4 {
    color: #0D47A1 !important
}

.blue.accent-1 {
    background-color: #82B1FF !important
}

.blue-text.text-accent-1 {
    color: #82B1FF !important
}

.blue.accent-2 {
    background-color: #448AFF !important
}

.blue-text.text-accent-2 {
    color: #448AFF !important
}

.blue.accent-3 {
    background-color: #2979FF !important
}

.blue-text.text-accent-3 {
    color: #2979FF !important
}

.blue.accent-4 {
    background-color: #2962FF !important
}

.blue-text.text-accent-4 {
    color: #2962FF !important
}

.light-blue {
    background-color: #03a9f4 !important
}

.light-blue-text {
    color: #03a9f4 !important
}

.light-blue.lighten-5 {
    background-color: #e1f5fe !important
}

.light-blue-text.text-lighten-5 {
    color: #e1f5fe !important
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important
}

.light-blue-text.text-lighten-4 {
    color: #b3e5fc !important
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important
}

.light-blue-text.text-lighten-3 {
    color: #81d4fa !important
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important
}

.light-blue-text.text-lighten-2 {
    color: #4fc3f7 !important
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important
}

.light-blue-text.text-lighten-1 {
    color: #29b6f6 !important
}

.light-blue.darken-1 {
    background-color: #039be5 !important
}

.light-blue-text.text-darken-1 {
    color: #039be5 !important
}

.light-blue.darken-2 {
    background-color: #0288d1 !important
}

.light-blue-text.text-darken-2 {
    color: #0288d1 !important
}

.light-blue.darken-3 {
    background-color: #0277bd !important
}

.light-blue-text.text-darken-3 {
    color: #0277bd !important
}

.light-blue.darken-4 {
    background-color: #01579b !important
}

.light-blue-text.text-darken-4 {
    color: #01579b !important
}

.light-blue.accent-1 {
    background-color: #80d8ff !important
}

.light-blue-text.text-accent-1 {
    color: #80d8ff !important
}

.light-blue.accent-2 {
    background-color: #40c4ff !important
}

.light-blue-text.text-accent-2 {
    color: #40c4ff !important
}

.light-blue.accent-3 {
    background-color: #00b0ff !important
}

.light-blue-text.text-accent-3 {
    color: #00b0ff !important
}

.light-blue.accent-4 {
    background-color: #0091ea !important
}

.light-blue-text.text-accent-4 {
    color: #0091ea !important
}

.cyan {
    background-color: #00bcd4 !important
}

.cyan-text {
    color: #00bcd4 !important
}

.cyan.lighten-5 {
    background-color: #e0f7fa !important
}

.cyan-text.text-lighten-5 {
    color: #e0f7fa !important
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important
}

.cyan-text.text-lighten-4 {
    color: #b2ebf2 !important
}

.cyan.lighten-3 {
    background-color: #80deea !important
}

.cyan-text.text-lighten-3 {
    color: #80deea !important
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important
}

.cyan-text.text-lighten-2 {
    color: #4dd0e1 !important
}

.cyan.lighten-1 {
    background-color: #26c6da !important
}

.cyan-text.text-lighten-1 {
    color: #26c6da !important
}

.cyan.darken-1 {
    background-color: #00acc1 !important
}

.cyan-text.text-darken-1 {
    color: #00acc1 !important
}

.cyan.darken-2 {
    background-color: #0097a7 !important
}

.cyan-text.text-darken-2 {
    color: #0097a7 !important
}

.cyan.darken-3 {
    background-color: #00838f !important
}

.cyan-text.text-darken-3 {
    color: #00838f !important
}

.cyan.darken-4 {
    background-color: #006064 !important
}

.cyan-text.text-darken-4 {
    color: #006064 !important
}

.cyan.accent-1 {
    background-color: #84ffff !important
}

.cyan-text.text-accent-1 {
    color: #84ffff !important
}

.cyan.accent-2 {
    background-color: #18ffff !important
}

.cyan-text.text-accent-2 {
    color: #18ffff !important
}

.cyan.accent-3 {
    background-color: #00e5ff !important
}

.cyan-text.text-accent-3 {
    color: #00e5ff !important
}

.cyan.accent-4 {
    background-color: #00b8d4 !important
}

.cyan-text.text-accent-4 {
    color: #00b8d4 !important
}

.teal {
    background-color: #009688 !important
}

.teal-text {
    color: #009688 !important
}

.teal.lighten-5 {
    background-color: #e0f2f1 !important
}

.teal-text.text-lighten-5 {
    color: #e0f2f1 !important
}

.teal.lighten-4 {
    background-color: #b2dfdb !important
}

.teal-text.text-lighten-4 {
    color: #b2dfdb !important
}

.teal.lighten-3 {
    background-color: #80cbc4 !important
}

.teal-text.text-lighten-3 {
    color: #80cbc4 !important
}

.teal.lighten-2 {
    background-color: #4db6ac !important
}

.teal-text.text-lighten-2 {
    color: #4db6ac !important
}

.teal.lighten-1 {
    background-color: #26a69a !important
}

.teal-text.text-lighten-1 {
    color: #26a69a !important
}

.teal.darken-1 {
    background-color: #00897b !important
}

.teal-text.text-darken-1 {
    color: #00897b !important
}

.teal.darken-2 {
    background-color: #00796b !important
}

.teal-text.text-darken-2 {
    color: #00796b !important
}

.teal.darken-3 {
    background-color: #00695c !important
}

.teal-text.text-darken-3 {
    color: #00695c !important
}

.teal.darken-4 {
    background-color: #004d40 !important
}

.teal-text.text-darken-4 {
    color: #004d40 !important
}

.teal.accent-1 {
    background-color: #a7ffeb !important
}

.teal-text.text-accent-1 {
    color: #a7ffeb !important
}

.teal.accent-2 {
    background-color: #64ffda !important
}

.teal-text.text-accent-2 {
    color: #64ffda !important
}

.teal.accent-3 {
    background-color: #1de9b6 !important
}

.teal-text.text-accent-3 {
    color: #1de9b6 !important
}

.teal.accent-4 {
    background-color: #00bfa5 !important
}

.teal-text.text-accent-4 {
    color: #00bfa5 !important
}

.green {
    background-color: #4CAF50 !important
}

.green-text {
    color: #4CAF50 !important
}

.green.lighten-5 {
    background-color: #E8F5E9 !important
}

.green-text.text-lighten-5 {
    color: #E8F5E9 !important
}

.green.lighten-4 {
    background-color: #C8E6C9 !important
}

.green-text.text-lighten-4 {
    color: #C8E6C9 !important
}

.green.lighten-3 {
    background-color: #A5D6A7 !important
}

.green-text.text-lighten-3 {
    color: #A5D6A7 !important
}

.green.lighten-2 {
    background-color: #81C784 !important
}

.green-text.text-lighten-2 {
    color: #81C784 !important
}

.green.lighten-1 {
    background-color: #66BB6A !important
}

.green-text.text-lighten-1 {
    color: #66BB6A !important
}

.green.darken-1 {
    background-color: #43A047 !important
}

.green-text.text-darken-1 {
    color: #43A047 !important
}

.green.darken-2 {
    background-color: #388E3C !important
}

.green-text.text-darken-2 {
    color: #388E3C !important
}

.green.darken-3 {
    background-color: #2E7D32 !important
}

.green-text.text-darken-3 {
    color: #2E7D32 !important
}

.green.darken-4 {
    background-color: #1B5E20 !important
}

.green-text.text-darken-4 {
    color: #1B5E20 !important
}

.green.accent-1 {
    background-color: #B9F6CA !important
}

.green-text.text-accent-1 {
    color: #B9F6CA !important
}

.green.accent-2 {
    background-color: #69F0AE !important
}

.green-text.text-accent-2 {
    color: #69F0AE !important
}

.green.accent-3 {
    background-color: #00E676 !important
}

.green-text.text-accent-3 {
    color: #00E676 !important
}

.green.accent-4 {
    background-color: #00C853 !important
}

.green-text.text-accent-4 {
    color: #00C853 !important
}

.light-green {
    background-color: #8bc34a !important
}

.light-green-text {
    color: #8bc34a !important
}

.light-green.lighten-5 {
    background-color: #f1f8e9 !important
}

.light-green-text.text-lighten-5 {
    color: #f1f8e9 !important
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important
}

.light-green-text.text-lighten-4 {
    color: #dcedc8 !important
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important
}

.light-green-text.text-lighten-3 {
    color: #c5e1a5 !important
}

.light-green.lighten-2 {
    background-color: #aed581 !important
}

.light-green-text.text-lighten-2 {
    color: #aed581 !important
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important
}

.light-green-text.text-lighten-1 {
    color: #9ccc65 !important
}

.light-green.darken-1 {
    background-color: #7cb342 !important
}

.light-green-text.text-darken-1 {
    color: #7cb342 !important
}

.light-green.darken-2 {
    background-color: #689f38 !important
}

.light-green-text.text-darken-2 {
    color: #689f38 !important
}

.light-green.darken-3 {
    background-color: #558b2f !important
}

.light-green-text.text-darken-3 {
    color: #558b2f !important
}

.light-green.darken-4 {
    background-color: #33691e !important
}

.light-green-text.text-darken-4 {
    color: #33691e !important
}

.light-green.accent-1 {
    background-color: #ccff90 !important
}

.light-green-text.text-accent-1 {
    color: #ccff90 !important
}

.light-green.accent-2 {
    background-color: #b2ff59 !important
}

.light-green-text.text-accent-2 {
    color: #b2ff59 !important
}

.light-green.accent-3 {
    background-color: #76ff03 !important
}

.light-green-text.text-accent-3 {
    color: #76ff03 !important
}

.light-green.accent-4 {
    background-color: #64dd17 !important
}

.light-green-text.text-accent-4 {
    color: #64dd17 !important
}

.lime {
    background-color: #cddc39 !important
}

.lime-text {
    color: #cddc39 !important
}

.lime.lighten-5 {
    background-color: #f9fbe7 !important
}

.lime-text.text-lighten-5 {
    color: #f9fbe7 !important
}

.lime.lighten-4 {
    background-color: #f0f4c3 !important
}

.lime-text.text-lighten-4 {
    color: #f0f4c3 !important
}

.lime.lighten-3 {
    background-color: #e6ee9c !important
}

.lime-text.text-lighten-3 {
    color: #e6ee9c !important
}

.lime.lighten-2 {
    background-color: #dce775 !important
}

.lime-text.text-lighten-2 {
    color: #dce775 !important
}

.lime.lighten-1 {
    background-color: #d4e157 !important
}

.lime-text.text-lighten-1 {
    color: #d4e157 !important
}

.lime.darken-1 {
    background-color: #c0ca33 !important
}

.lime-text.text-darken-1 {
    color: #c0ca33 !important
}

.lime.darken-2 {
    background-color: #afb42b !important
}

.lime-text.text-darken-2 {
    color: #afb42b !important
}

.lime.darken-3 {
    background-color: #9e9d24 !important
}

.lime-text.text-darken-3 {
    color: #9e9d24 !important
}

.lime.darken-4 {
    background-color: #827717 !important
}

.lime-text.text-darken-4 {
    color: #827717 !important
}

.lime.accent-1 {
    background-color: #f4ff81 !important
}

.lime-text.text-accent-1 {
    color: #f4ff81 !important
}

.lime.accent-2 {
    background-color: #eeff41 !important
}

.lime-text.text-accent-2 {
    color: #eeff41 !important
}

.lime.accent-3 {
    background-color: #c6ff00 !important
}

.lime-text.text-accent-3 {
    color: #c6ff00 !important
}

.lime.accent-4 {
    background-color: #aeea00 !important
}

.lime-text.text-accent-4 {
    color: #aeea00 !important
}

.yellow {
    background-color: #ffeb3b !important
}

.yellow-text {
    color: #ffeb3b !important
}

.yellow.lighten-5 {
    background-color: #fffde7 !important
}

.yellow-text.text-lighten-5 {
    color: #fffde7 !important
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important
}

.yellow-text.text-lighten-4 {
    color: #fff9c4 !important
}

.yellow.lighten-3 {
    background-color: #fff59d !important
}

.yellow-text.text-lighten-3 {
    color: #fff59d !important
}

.yellow.lighten-2 {
    background-color: #fff176 !important
}

.yellow-text.text-lighten-2 {
    color: #fff176 !important
}

.yellow.lighten-1 {
    background-color: #ffee58 !important
}

.yellow-text.text-lighten-1 {
    color: #ffee58 !important
}

.yellow.darken-1 {
    background-color: #fdd835 !important
}

.yellow-text.text-darken-1 {
    color: #fdd835 !important
}

.yellow.darken-2 {
    background-color: #fbc02d !important
}

.yellow-text.text-darken-2 {
    color: #fbc02d !important
}

.yellow.darken-3 {
    background-color: #f9a825 !important
}

.yellow-text.text-darken-3 {
    color: #f9a825 !important
}

.yellow.darken-4 {
    background-color: #f57f17 !important
}

.yellow-text.text-darken-4 {
    color: #f57f17 !important
}

.yellow.accent-1 {
    background-color: #ffff8d !important
}

.yellow-text.text-accent-1 {
    color: #ffff8d !important
}

.yellow.accent-2 {
    background-color: #ff0 !important
}

.yellow-text.text-accent-2 {
    color: #ff0 !important
}

.yellow.accent-3 {
    background-color: #ffea00 !important
}

.yellow-text.text-accent-3 {
    color: #ffea00 !important
}

.yellow.accent-4 {
    background-color: #ffd600 !important
}

.yellow-text.text-accent-4 {
    color: #ffd600 !important
}

.amber {
    background-color: #ffc107 !important
}

.amber-text {
    color: #ffc107 !important
}

.amber.lighten-5 {
    background-color: #fff8e1 !important
}

.amber-text.text-lighten-5 {
    color: #fff8e1 !important
}

.amber.lighten-4 {
    background-color: #ffecb3 !important
}

.amber-text.text-lighten-4 {
    color: #ffecb3 !important
}

.amber.lighten-3 {
    background-color: #ffe082 !important
}

.amber-text.text-lighten-3 {
    color: #ffe082 !important
}

.amber.lighten-2 {
    background-color: #ffd54f !important
}

.amber-text.text-lighten-2 {
    color: #ffd54f !important
}

.amber.lighten-1 {
    background-color: #ffca28 !important
}

.amber-text.text-lighten-1 {
    color: #ffca28 !important
}

.amber.darken-1 {
    background-color: #ffb300 !important
}

.amber-text.text-darken-1 {
    color: #ffb300 !important
}

.amber.darken-2 {
    background-color: #ffa000 !important
}

.amber-text.text-darken-2 {
    color: #ffa000 !important
}

.amber.darken-3 {
    background-color: #ff8f00 !important
}

.amber-text.text-darken-3 {
    color: #ff8f00 !important
}

.amber.darken-4 {
    background-color: #ff6f00 !important
}

.amber-text.text-darken-4 {
    color: #ff6f00 !important
}

.amber.accent-1 {
    background-color: #ffe57f !important
}

.amber-text.text-accent-1 {
    color: #ffe57f !important
}

.amber.accent-2 {
    background-color: #ffd740 !important
}

.amber-text.text-accent-2 {
    color: #ffd740 !important
}

.amber.accent-3 {
    background-color: #ffc400 !important
}

.amber-text.text-accent-3 {
    color: #ffc400 !important
}

.amber.accent-4 {
    background-color: #ffab00 !important
}

.amber-text.text-accent-4 {
    color: #ffab00 !important
}

.orange {
    background-color: #ff9800 !important
}

.orange-text {
    color: #ff9800
}

.orange.lighten-5 {
    background-color: #fff3e0 !important
}

.orange-text.text-lighten-5 {
    color: #fff3e0 !important
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important
}

.orange-text.text-lighten-4 {
    color: #ffe0b2 !important
}

.orange.lighten-3 {
    background-color: #ffcc80 !important
}

.orange-text.text-lighten-3 {
    color: #ffcc80 !important
}

.orange.lighten-2 {
    background-color: #ffb74d !important
}

.orange-text.text-lighten-2 {
    color: #ffb74d !important
}

.orange.lighten-1 {
    background-color: #ffa726 !important
}

.orange-text.text-lighten-1 {
    color: #ffa726 !important
}

.orange.darken-1 {
    background-color: #fb8c00 !important
}

.orange-text.text-darken-1 {
    color: #fb8c00 !important
}

.orange.darken-2 {
    background-color: #f57c00 !important
}

.orange-text.text-darken-2 {
    color: #f57c00 !important
}

.orange.darken-3 {
    background-color: #ef6c00 !important
}

.orange-text.text-darken-3 {
    color: #ef6c00 !important
}

.orange.darken-4 {
    background-color: #e65100 !important
}

.orange-text.text-darken-4 {
    color: #e65100 !important
}

.orange.accent-1 {
    background-color: #ffd180 !important
}

.orange-text.text-accent-1 {
    color: #ffd180 !important
}

.orange.accent-2 {
    background-color: #ffab40 !important
}

.orange-text.text-accent-2 {
    color: #ffab40 !important
}

.orange.accent-3 {
    background-color: #ff9100 !important
}

.orange-text.text-accent-3 {
    color: #ff9100 !important
}

.orange.accent-4 {
    background-color: #ff6d00 !important
}

.orange-text.text-accent-4 {
    color: #ff6d00 !important
}

.deep-orange {
    background-color: #ff5722 !important
}

.deep-orange-text {
    color: #ff5722 !important
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important
}

.deep-orange-text.text-lighten-5 {
    color: #fbe9e7 !important
}

.deep-orange.lighten-4 {
    background-color: #ffccbc !important
}

.deep-orange-text.text-lighten-4 {
    color: #ffccbc !important
}

.deep-orange.lighten-3 {
    background-color: #ffab91 !important
}

.deep-orange-text.text-lighten-3 {
    color: #ffab91 !important
}

.deep-orange.lighten-2 {
    background-color: #ff8a65 !important
}

.deep-orange-text.text-lighten-2 {
    color: #ff8a65 !important
}

.deep-orange.lighten-1 {
    background-color: #ff7043 !important
}

.deep-orange-text.text-lighten-1 {
    color: #ff7043 !important
}

.deep-orange.darken-1 {
    background-color: #f4511e !important
}

.deep-orange-text.text-darken-1 {
    color: #f4511e !important
}

.deep-orange.darken-2 {
    background-color: #e64a19 !important
}

.deep-orange-text.text-darken-2 {
    color: #e64a19 !important
}

.deep-orange.darken-3 {
    background-color: #d84315 !important
}

.deep-orange-text.text-darken-3 {
    color: #d84315 !important
}

.deep-orange.darken-4 {
    background-color: #bf360c !important
}

.deep-orange-text.text-darken-4 {
    color: #bf360c !important
}

.deep-orange.accent-1 {
    background-color: #ff9e80 !important
}

.deep-orange-text.text-accent-1 {
    color: #ff9e80 !important
}

.deep-orange.accent-2 {
    background-color: #ff6e40 !important
}

.deep-orange-text.text-accent-2 {
    color: #ff6e40 !important
}

.deep-orange.accent-3 {
    background-color: #ff3d00 !important
}

.deep-orange-text.text-accent-3 {
    color: #ff3d00 !important
}

.deep-orange.accent-4 {
    background-color: #dd2c00 !important
}

.deep-orange-text.text-accent-4 {
    color: #dd2c00 !important
}

.brown {
    background-color: #795548 !important
}

.brown-text {
    color: #795548 !important
}

.brown.lighten-5 {
    background-color: #efebe9 !important
}

.brown-text.text-lighten-5 {
    color: #efebe9 !important
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important
}

.brown-text.text-lighten-4 {
    color: #d7ccc8 !important
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important
}

.brown-text.text-lighten-3 {
    color: #bcaaa4 !important
}

.brown.lighten-2 {
    background-color: #a1887f !important
}

.brown-text.text-lighten-2 {
    color: #a1887f !important
}

.brown.lighten-1 {
    background-color: #8d6e63 !important
}

.brown-text.text-lighten-1 {
    color: #8d6e63 !important
}

.brown.darken-1 {
    background-color: #6d4c41 !important
}

.brown-text.text-darken-1 {
    color: #6d4c41 !important
}

.brown.darken-2 {
    background-color: #5d4037 !important
}

.brown-text.text-darken-2 {
    color: #5d4037 !important
}

.brown.darken-3 {
    background-color: #4e342e !important
}

.brown-text.text-darken-3 {
    color: #4e342e !important
}

.brown.darken-4 {
    background-color: #3e2723 !important
}

.brown-text.text-darken-4 {
    color: #3e2723 !important
}

.blue-grey {
    background-color: #607d8b !important
}

.blue-grey-text {
    color: #607d8b !important
}

.blue-grey.lighten-5 {
    background-color: #eceff1 !important
}

.blue-grey-text.text-lighten-5 {
    color: #eceff1 !important
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important
}

.blue-grey-text.text-lighten-4 {
    color: #cfd8dc !important
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important
}

.blue-grey-text.text-lighten-3 {
    color: #b0bec5 !important
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important
}

.blue-grey-text.text-lighten-2 {
    color: #90a4ae !important
}

.blue-grey.lighten-1 {
    background-color: #78909c !important
}

.blue-grey-text.text-lighten-1 {
    color: #78909c !important
}

.blue-grey.darken-1 {
    background-color: #546e7a !important
}

.blue-grey-text.text-darken-1 {
    color: #546e7a !important
}

.blue-grey.darken-2 {
    background-color: #455a64 !important
}

.blue-grey-text.text-darken-2 {
    color: #455a64 !important
}

.blue-grey.darken-3 {
    background-color: #37474f !important
}

.blue-grey-text.text-darken-3 {
    color: #37474f !important
}

.blue-grey.darken-4 {
    background-color: #263238 !important
}

.blue-grey-text.text-darken-4 {
    color: #263238 !important
}

.grey {
    background-color: #9e9e9e !important
}

.grey-text {
    color: #9e9e9e !important
}

.grey.lighten-5 {
    background-color: #fafafa !important
}

.grey-text.text-lighten-5 {
    color: #fafafa !important
}

.grey.lighten-4 {
    background-color: #f5f5f5 !important
}

.grey-text.text-lighten-4 {
    color: #f5f5f5 !important
}

.grey.lighten-3 {
    background-color: #eee !important
}

.grey-text.text-lighten-3 {
    color: #eee !important
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important
}

.grey-text.text-lighten-2 {
    color: #e0e0e0 !important
}

.grey.lighten-1 {
    background-color: #bdbdbd !important
}

.grey-text.text-lighten-1 {
    color: #bdbdbd !important
}

.grey.darken-1 {
    background-color: #757575 !important
}

.grey-text.text-darken-1 {
    color: #757575 !important
}

.grey.darken-2 {
    background-color: #616161 !important
}

.grey-text.text-darken-2 {
    color: #616161 !important
}

.grey.darken-3 {
    background-color: #424242 !important
}

.grey-text.text-darken-3 {
    color: #424242 !important
}

.grey.darken-4 {
    background-color: #212121 !important
}

.grey-text.text-darken-4 {
    color: #212121 !important
}

.black {
    background-color: #000 !important
}

.black-text {
    color: #000 !important
}

.white {
    background-color: #fff !important
}

.white-text {
    color: #fff !important
}

.transparent {
    background-color: transparent !important
}

.transparent-text {
    color: transparent !important
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}



mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}



.z-depth-1, .collapsible {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)
}

.z-depth-1-half {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)
}

.z-depth-2 {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)
}

.z-depth-3 {
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3)
}

.z-depth-4 {
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3)
}

.z-depth-5 {
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3)
}

.hoverable {
    transition: box-shadow .25s;
    box-shadow: 0
}

    .hoverable:hover {
        transition: box-shadow .25s;
        box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
    }

.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0
}

blockquote {
    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: 5px solid #ee6e73
}

i {
    line-height: inherit
}

    i.left {
        float: left;
        margin-right: 15px
    }

    i.right {
        float: right;
        margin-left: 15px
    }

    i.tiny {
        font-size: 1rem
    }

    i.small {
        font-size: 2rem
    }

    i.medium {
        font-size: 4rem
    }

    i.large {
        font-size: 6rem
    }

img.responsive-img, video.responsive-video {
    max-width: 100%;
    height: auto
}

.pagination li {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px
}

    .pagination li a {
        color: #444;
        display: inline-block;
        font-size: 1.2rem;
        padding: 0 10px;
        line-height: 30px
    }

    .pagination li.active a {
        color: #fff
    }

    .pagination li.active {
        background-color: #ee6e73
    }

    .pagination li.disabled a {
        cursor: default;
        color: #999
    }

    .pagination li i {
        font-size: 2rem
    }

    .pagination li.pages ul li {
        display: inline-block;
        float: none
    }
.filter-options {
    display: none;
}

@media only screen and (max-width: 992px) {
    .crumbs li {
        font-size:12px !important;
    }
    .padding-wrap {
            padding-left: 10px;
            padding-right: 10px;
        
    }
    #approxPrice
    {
        float:left !important;
    }
        .pagination {
        width: 100%
    }
    .page-accord-section
    {
        margin-top:10px;
    }
    #sort-navigation {
        display: none;
    }
    .filter-options {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 0 15px rgba(0,0,0,.2);
        font-size: 0;
        z-index: 1000;
        border-top: solid 2px #5aa557;
    }
    

    .filter-options > div {
        position: relative;
        display: inline-block;
        padding: 20px 10px;
        width: 50%;
        background: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 20px;
        font-weight:bold;
        color: #000;
        cursor: pointer;
    }

        .filter-options > div:before {
            display: inline-block;
            margin-right: 5px;
            font-family: prisma,Verdana, Geneva, Tahoma, sans-serif;
            font-size: 20px;
            color: #57b568;
            vertical-align: middle;
            cursor: pointer;
        }

    

    .filter-options li:after {
        content: '.';
        position: absolute;
        top: 10px;
        right: 0;
        height: 40px;
        width: 1px;
        background: #eee;
        text-indent: -9999px;
        font-size: 0;
    }

    .filter-options li:last-of-type:after {
        content: none;
    }

    .filter-options > div > div span {
        display: none;
    }

    .product-sorting-mobile,
    .product-display-mobile {
        position: relative;
    }

        .product-sorting-mobile select,
        .product-display-mobile select {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }



        .pagination li.prev, .pagination li.next {
            width: 10%
        }

        .pagination li.pages {
            width: 80%;
            overflow: hidden;
            white-space: nowrap
        }
}

.breadcrumb {
    font-size: 18px;
    color: rgba(255,255,255,0.7)
}

    .breadcrumb i, .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"], .breadcrumb i.material-icons {
        display: inline-block;
        float: left;
        font-size: 24px
    }

    .breadcrumb:before {
        content: '\E5CC';
        color: rgba(255,255,255,0.7);
        vertical-align: top;
        display: inline-block;
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 25px;
        margin: 0 10px 0 8px;
        -webkit-font-smoothing: antialiased
    }

    .breadcrumb:first-child:before {
        display: none
    }

    .breadcrumb:last-child {
        color: #fff
    }

.parallax-container {
    position: relative;
    overflow: hidden;
    height: 500px
}

.parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

    .parallax img {
        display: none;
        position: absolute;
        left: 50%;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transform: translateX(-50%)
    }

.pin-top, .pin-bottom {
    position: relative
}

.pinned {
    position: fixed !important
}

ul.staggered-list li {
    opacity: 0
}

.fade-in {
    opacity: 0;
    transform-origin: 0 50%
}

@media only screen and (max-width: 600px) {
    .hide-on-small-only, .hide-on-small-and-down {
        display: none !important
    }
}

@media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .hide-on-med-only {
        display: none !important
    }
}

@media only screen and (min-width: 993px) {
    .hide-on-large-only {
        display: none !important
    }
}

@media only screen and (min-width: 993px) {
    .show-on-large {
        display: block !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .show-on-medium {
        display: block !important
    }
}

@media only screen and (max-width: 600px) {
    .show-on-small {
        display: block !important
    }
}

@media only screen and (min-width: 601px) {
    .show-on-medium-and-up {
        display: block !important
    }
}

@media only screen and (max-width: 992px) {
    .show-on-medium-and-down {
        display: block !important
    }
}

@media only screen and (max-width: 600px) {
    .center-on-small-only {
        text-align: center
    }
}

footer.page-footer {
    margin-top: 20px;
    padding-top: 20px;
    background-color: #ee6e73
}

    footer.page-footer .footer-copyright {
        overflow: hidden;
        height: 50px;
        line-height: 50px;
        color: rgba(255,255,255,0.8);
        background-color: rgba(51,51,51,0.08)
    }

table, th, td {
    border: none
}

table {
    width: 100%;
    display: table
}

    table.bordered > thead > tr, table.bordered > tbody > tr {
        border-bottom: 1px solid #d0d0d0
    }

    table.striped > tbody > tr:nth-child(odd) {
        background-color: #f2f2f2
    }

    table.striped > tbody > tr > td {
        border-radius: 0
    }

    table.highlight > tbody > tr {
        transition: background-color .25s ease
    }

        table.highlight > tbody > tr:hover {
            background-color: #f2f2f2
        }

    table.centered thead tr th, table.centered tbody tr td {
        text-align: center
    }

thead {
    border-bottom: 1px solid #d0d0d0
}

td, th {
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px
}

@media only screen and (max-width: 992px) {
    table.responsive-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative
    }

        table.responsive-table td:empty:before {
            content: '\00a0'
        }

        table.responsive-table th, table.responsive-table td {
            margin: 0;
            vertical-align: top
        }

        table.responsive-table th {
            text-align: left
        }

        table.responsive-table thead {
            display: block;
            float: left
        }

            table.responsive-table thead tr {
                display: block;
                padding: 0 10px 0 0
            }

                table.responsive-table thead tr th::before {
                    content: "\00a0"
                }

        table.responsive-table tbody {
            display: block;
            width: auto;
            position: relative;
            overflow-x: auto;
            white-space: nowrap
        }

            table.responsive-table tbody tr {
                display: inline-block;
                vertical-align: top
            }

        table.responsive-table th {
            display: block;
            text-align: right
        }

        table.responsive-table td {
            display: block;
            min-height: 1.25em;
            text-align: left
        }

        table.responsive-table tr {
            padding: 0 10px
        }

        table.responsive-table thead {
            border: 0;
            border-right: 1px solid #d0d0d0
        }

        table.responsive-table.bordered th {
            border-bottom: 0;
            border-left: 0
        }

        table.responsive-table.bordered td {
            border-left: 0;
            border-right: 0;
            border-bottom: 0
        }

        table.responsive-table.bordered tr {
            border: 0
        }

        table.responsive-table.bordered tbody tr {
            border-right: 1px solid #d0d0d0
        }
}

.collection {
    margin: .5rem 0 1rem 0;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    position: relative
}

    .collection .collection-item {
        background-color: #fff;
        line-height: 1.5rem;
        padding: 10px 20px;
        margin: 0;
        border-bottom: 1px solid #e0e0e0
    }

        .collection .collection-item.avatar {
            min-height: 84px;
            padding-left: 72px;
            position: relative
        }

            .collection .collection-item.avatar .circle {
                position: absolute;
                width: 42px;
                height: 42px;
                overflow: hidden;
                left: 15px;
                display: inline-block;
                vertical-align: middle
            }

            .collection .collection-item.avatar i.circle {
                font-size: 18px;
                line-height: 42px;
                color: #fff;
                background-color: #999;
                text-align: center
            }

            .collection .collection-item.avatar .title {
                font-size: 16px
            }

            .collection .collection-item.avatar p {
                margin: 0
            }

            .collection .collection-item.avatar .secondary-content {
                position: absolute;
                top: 16px;
                right: 16px
            }

        .collection .collection-item:last-child {
            border-bottom: none
        }

        .collection .collection-item.active {
            background-color: #26a69a;
            color: #eafaf9
        }

            .collection .collection-item.active .secondary-content {
                color: #fff
            }

    .collection a.collection-item {
        display: block;
        transition: .25s;
        color: #26a69a
    }

        .collection a.collection-item:not(.active):hover {
            background-color: #ddd
        }

    .collection.with-header .collection-header {
        background-color: #fff;
        border-bottom: 1px solid #e0e0e0;
        padding: 10px 20px
    }

    .collection.with-header .collection-item {
        padding-left: 30px
    }

        .collection.with-header .collection-item.avatar {
            padding-left: 72px
        }

.secondary-content {
    float: right;
    color: #26a69a
}

.collapsible .collection {
    margin: 0;
    border: none
}

span.badge {
    min-width: 3rem;
    padding: 0 6px;
    margin-left: 14px;
    text-align: center;
    font-size: 1rem;
    line-height: inherit;
    color: #757575;
    float: right;
    box-sizing: border-box
}

    span.badge.new {
        font-weight: 300;
        font-size: 0.8rem;
        color: #fff;
        background-color: #26a69a;
        border-radius: 2px
    }

        span.badge.new:after {
            content: " new"
        }

    span.badge[data-badge-caption]::after {
        content: " " attr(data-badge-caption)
    }

nav ul a span.badge {
    display: inline-block;
    float: none;
    margin-left: 4px;
    line-height: 22px;
    height: 22px
}

.side-nav span.badge.new, .collapsible span.badge.new {
    position: relative;
    background-color: transparent
}

    .side-nav span.badge.new::before, .collapsible span.badge.new::before {
        content: '';
        position: absolute;
        top: 10px;
        right: 0;
        bottom: 10px;
        left: 0;
        background-color: #26a69a;
        border-radius: 2px;
        z-index: -1
    }

.collapsible span.badge.new {
    z-index: 1
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #acece6;
    border-radius: 2px;
    margin: .5rem 0 1rem 0;
    overflow: hidden
}

    .progress .determinate {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #26a69a;
        transition: width .3s linear
    }

    .progress .indeterminate {
        background-color: #26a69a
    }

        .progress .indeterminate:before {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
        }

        .progress .indeterminate:after {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            animation-delay: 1.15s
        }

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    100% {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    100% {
        left: 107%;
        right: -8%
    }
}

.hide {
    display: none !important
}

.left-align {
    text-align: left
}

.right-align {
    text-align: right
}

.center, .center-align {
    text-align: center
}

.left {
    float: left !important
}

.right {
    float: right !important
}

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

.circle {
    border-radius: 50%
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.no-padding {
    padding: 0 !important
}

.material-icons {
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga'
}

a {
    text-decoration: none
}

strong {
    font-weight: 500
}

small {
    font-size: 75%
}

.light, footer.page-footer .footer-copyright {
    font-weight: 300
}

.thin {
    font-weight: 200
}

.flow-text {
    font-weight: 300
}

@media only screen and (min-width: 360px) {
    .flow-text {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 390px) {
    .flow-text {
        font-size: 1.224rem
    }
}

@media only screen and (min-width: 420px) {
    .flow-text {
        font-size: 1.248rem
    }
}

@media only screen and (min-width: 450px) {
    .flow-text {
        font-size: 1.272rem
    }
}

@media only screen and (min-width: 480px) {
    .flow-text {
        font-size: 1.296rem
    }
}

@media only screen and (min-width: 510px) {
    .flow-text {
        font-size: 1.32rem
    }
}

@media only screen and (min-width: 540px) {
    .flow-text {
        font-size: 1.344rem
    }
}

@media only screen and (min-width: 570px) {
    .flow-text {
        font-size: 1.368rem
    }
}

@media only screen and (min-width: 600px) {
    .flow-text {
        font-size: 1.392rem
    }
}

@media only screen and (min-width: 630px) {
    .flow-text {
        font-size: 1.416rem
    }
}

@media only screen and (min-width: 660px) {
    .flow-text {
        font-size: 1.44rem
    }
}

@media only screen and (min-width: 690px) {
    .flow-text {
        font-size: 1.464rem
    }
}

@media only screen and (min-width: 720px) {
    .flow-text {
        font-size: 1.488rem
    }
}

@media only screen and (min-width: 750px) {
    .flow-text {
        font-size: 1.512rem
    }
}

@media only screen and (min-width: 780px) {
    .flow-text {
        font-size: 1.536rem
    }
}

@media only screen and (min-width: 810px) {
    .flow-text {
        font-size: 1.56rem
    }
}

@media only screen and (min-width: 840px) {
    .flow-text {
        font-size: 1.584rem
    }
}

@media only screen and (min-width: 870px) {
    .flow-text {
        font-size: 1.608rem
    }
}

@media only screen and (min-width: 900px) {
    .flow-text {
        font-size: 1.632rem
    }
}

@media only screen and (min-width: 930px) {
    .flow-text {
        font-size: 1.656rem
    }
}

@media only screen and (min-width: 960px) {
    .flow-text {
        font-size: 1.68rem
    }
}

@media only screen and (max-width: 360px) {
    .flow-text {
        font-size: 1.2rem
    }
}

.collapsible {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: .5rem 0 1rem 0
}

.collapsible-header {
    display: block;
    cursor: pointer;
    min-height: 40px;
    line-height: 3rem;
    padding-left:5px;
    border-bottom: 1px solid #ddd
}

    .collapsible-header i {
        width: 2rem;
        font-size: 1.6rem;
        line-height: 3rem;
        display: block;
        float: left;
        text-align: center;
        margin-right: 1rem
    }

.collapsible-body {
    display: none;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box
}

    .collapsible-body p {
        margin: 0;
        padding: 2rem
    }

.side-nav .collapsible, .side-nav.fixed .collapsible {
    border: none;
    box-shadow: none
}

    .side-nav .collapsible li, .side-nav.fixed .collapsible li {
        padding: 0
    }

.side-nav .collapsible-header, .side-nav.fixed .collapsible-header {
    background-color: transparent;
    border: none;
    line-height: inherit;
    height: inherit;
    padding: 0 16px
}

    .side-nav .collapsible-header:hover, .side-nav.fixed .collapsible-header:hover {
        background-color: rgba(0,0,0,0.05)
    }

    .side-nav .collapsible-header i, .side-nav.fixed .collapsible-header i {
        line-height: inherit
    }

.side-nav .collapsible-body, .side-nav.fixed .collapsible-body {
    border: 0;
    background-color: #fff
}

    .side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a {
        padding: 0 23.5px 0 31px
    }

.collapsible.popout {
    border: none;
    box-shadow: none
}

    .collapsible.popout > li {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        margin: 0 24px;
        transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

        .collapsible.popout > li.active {
            box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
            margin: 16px 0
        }



#style-switcher {
}

#filter_cats {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 30px;
    list-style-type: none;
}

    #filter_cats .accordion {
        width: 100%;
        padding-top: 7px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 7px;
        text-align: left;
        font-weight: 500;
        font-size: 16px;
        color: #FFFFFF;
    }

    #filter_cats .attr_list {
        padding: 0;
        margin-top: 15px;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 15px;
        list-style-type: none;
    }

        #filter_cats .attr_list li a {
            display: block;
            font-size: 18px;
            font-weight:600;
            text-decoration: none;
            padding-left: 20px;
            padding-right: 20px;
        }

            #filter_cats .attr_list li a:before {
                content: "";
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-right: 5px;
                border: 1px solid #5F5F5F;
                vertical-align: middle;
                transition: all .10s ease-in-out;
                -moz-transition: all .10s ease-in-out;
                -webkit-transition: all .10s ease-in-out;
            }

            #filter_cats .attr_list li a:hover:before {
                content: "";
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-right: 5px;
                border: 1px solid #5F5F5F;
                vertical-align: middle;
            }

        #filter_cats .attr_list .selected a:before {
            content: url(/img/filter-off.png);
            border-style: none;
        }

        #filter_cats .attr_list .selected a:hover:before {
            background-color: transparent;
            border-style: none;
            content: url(/img/filter-off.png);
        }

    #filter_cats .filter-1 {
        background-color: #65a5a2;
    }

    #filter_cats .filter-2 {
        background-color: #8a5566;
    }

    #filter_cats .filter-3 {
        background-color: #90b28f;
    }


#sort, #ppp {
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    line-height: 1;
    outline: 0;
    padding: 8px 25px 8px 8px;
    border-radius: 5px;
    background-color: white;
    background-image: linear-gradient(white, white), linear-gradient(-135deg, transparent 50%, white 50%), linear-gradient(-225deg, transparent 50%, white 50%), linear-gradient(white 42%, #212529 42%);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 7px 100%, 20px 22px, 25px 29px, 20px 100%;
    background-position: right 20px center, right bottom, right bottom, right bottom;
    width: auto !important;
}

.sort-text {
    font-size: 14px;
    margin-right: 5px;
}

#sort-button {
    display: inline-block;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.carousel-control-next, .carousel-control-prev {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    opacity: 0.9;
    width: 40px;
    height: 40px;
    margin-top: -40px;
}

.grid-price{
    display:initial;
}

#product-select a {
    color:#464646;
  font-weight:bold;
  font-size:13.5px;
  width:33%;
}



.page-accord-section .accordion {
    background-color: #E5E5E5;
    color: #59A457;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
    font-weight: 600;
    margin-bottom: 2px;
}

.page-accord-section .active, .page-accord-section .accordion:hover {
    background-color: #696969;
    color: #FFFFFF;
}

.page-accord-section .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 30px;
}



.page-accord-section .active:after {
    content: "\2212";
    color: #FFFFFF;
}

.page-accord-section .panel {
    padding-right: 18px;
    padding-left: 18px;
    background-color: #F8F8F8;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

    .page-accord-section .panel p {
        padding-top: 20px;
        padding-bottom: 20px;
    }

.link-section-head {
    color: #f39200;
    padding-top: 40px;
}

.padding-top-btm {
    padding-top: 50px;
    padding-bottom: 90px;
}

.linkul {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    margin: 0;
    list-style-type: none;
}

    .linkul li a {
        text-decoration: none;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
        display: block;
        padding-top: 7px;
        padding-bottom: 7px;
        line-height: 22px;
    }

.link-btm {
    margin-bottom: 20px;
}


@media screen and (max-width: 900px) {
    .prod-images {
        display: block;
    }
    header {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 999999;
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    }
    .header-top {
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    }

   
  

    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 20px;
        height: 20px;
        margin-top: -19px;
    }
    #style-switcher {
        position: fixed;
        top: 73px;
        right: 100px;
        width: 240px;
        right: -240px;
        transition: 0.3s all;
        font-family: 'Roboto', Verdana, Geneva, Tahoma, sans-serif;
        z-index: 10;
    }

        #style-switcher * {
            box-sizing: border-box;
        }

        #style-switcher.active {
            right: 0;
        }

        #style-switcher .box {
            background: #fff;
            border: 1px solid #423d2a;
            border-right: none;
            border-radius: 4px 0 0 4px;
            padding: 20px 5px;
            min-height: 120px;
            height: 420px;
            box-sizing: border-box;
            overflow-y: scroll;
            overflow-x: visible;
        }

            #style-switcher .box .box-inner {
                padding-bottom: 20px;
            }

            #style-switcher .box .options-box h3 {
                margin: 0;
                padding: 0;
                font-size: 16px;
                font-weight: 300;
                text-transform: uppercase;
                color: #555;
            }

            #style-switcher .box .options-box .colors-list {
                padding: 10px 0 0 0;
                margin: 0 -5px;
                display: table;
                width: 100%;
                clear: both;
            }

                #style-switcher .box .options-box .colors-list a {
                    display: block;
                    float: left;
                    width: 25%;
                    padding: 5px;
                    cursor: pointer;
                    position: relative;
                }

                    #style-switcher .box .options-box .colors-list a span {
                        display: block;
                        height: 30px;
                        background: #e5e5e5;
                        position: relative;
                        z-index: 3;
                    }

                        #style-switcher .box .options-box .colors-list a span.color-black {
                            background: #111111;
                        }

                        #style-switcher .box .options-box .colors-list a span.color-silver {
                            background: #d6d2d0;
                        }

                        #style-switcher .box .options-box .colors-list a span.color-white {
                            background: #ffffff;
                        }

                        #style-switcher .box .options-box .colors-list a span.color-violet {
                            background: #415e9b;
                        }

                        #style-switcher .box .options-box .colors-list a span.color-red {
                            background: #cb2026;
                        }

                        #style-switcher .box .options-box .colors-list a span.color-yellow {
                            background: #efda39;
                        }

                        #style-switcher .box .options-box .colors-list a span.color-green {
                            background: #94d631;
                        }

                        #style-switcher .box .options-box .colors-list a span.color-blue {
                            background: #32b8e5;
                        }



                    #style-switcher .box .options-box .colors-list a:hover:after {
                        background: #fff;
                        border: 3px solid #eee;
                    }

                    #style-switcher .box .options-box .colors-list a.active:after {
                        background: #fff;
                        border: 3px solid #999;
                    }

            #style-switcher .box .options-box + .options-box {
                padding-top: 15px;
            }

            #style-switcher .box .options-box .sa-toggler {
                display: inline-block;
                padding: 3px 8px;
                border: 1px solid #89e84e;
                background: #89e84e;
                color: #fff;
                cursor: pointer;
                transition: 0.3s all;
            }

                #style-switcher .box .options-box .sa-toggler > .on {
                    display: block;
                }

                #style-switcher .box .options-box .sa-toggler > .off {
                    display: none;
                }

                #style-switcher .box .options-box .sa-toggler.off {
                    background: #fff;
                    color: #b22c37;
                    border: 1px solid #e5e5e5;
                }

                    #style-switcher .box .options-box .sa-toggler.off > .on {
                        display: none;
                    }

                    #style-switcher .box .options-box .sa-toggler.off > .off {
                        display: block;
                    }

        #style-switcher .style-switcher-toggle {
            display: block;
            width: 101px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            position: absolute;
            left: -100px;
            top: 40px;
            font-size: 20px;
            background: #fff;
            border: 1px solid #423d2a;
            border-right: none;
            border-radius: 4px 0 0 4px;
            color: #423d2a;
            cursor: pointer;
            background: #f89938;
            color: #fff;
            font-weight: lighter;
        }

    #style-switcher-loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        backgorund: #fff;
        z-index: 1100;
    }

        #style-switcher-loader span {
            display: block;
            width: 50px;
            height: 50px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -25px 0 0 -25px;
            line-height: 50px;
            text-align: center;
            font-size: 36px;
            color: #423d2a;
        }
}
@media screen and (max-width: 768px) {
    #product-select a {
        color: #464646;
        font-size: 14px;
    }
        .heading-block h1 {
        padding-right: 0;
    }
    #product-select a {
       
        min-height:220px;
        width:32%;
    }
    .variantsels img
    {
        width:90% !important;
    }
        #howMuchDesktop{
        display:none;
    }
    #howMuchMobile{display:block !important;}
    }
    @media screen and (min-width: 1200px) {
        #style-switcher {
            float: left;
        }

        .style-switcher-toggle {
            display: none;
        }
    }
.pricesFrom{
    font-size:18px;
}

#prod-desc h2
{
    font-size:20px;
    font-weight:600;
}
.modal-backdrop.fade
{
    opacity:0.7 !important;
}

.pcaAutoComplete .inputArea {
    height: 50px !important;
    background-image:none !important;
}
    .pcaAutoComplete .inputArea .suggestion {
        font-size: 24px !important;
        height: 50px !important;
        top: 10px !important;
    }
    .pcaAutoComplete .inputArea .search {
        height: 50px !important;
        font-size: 24px !important;
        top:2px !important;
    }
.pcaAutoComplete .pnlAutoComplete, .pcaAutoComplete .pnlResults, .pcaAutoCompleteSmall .pnlAutoCompleteSmall, .pcaAutoCompleteSmall .pnlResultsSmall, .geolocation , .recentFavourites{
    top: 50px !important;
}
@media screen and (max-width: 1160px) {
    .top-nav li a {
       font-size:14px
    }
}
@media screen and (max-width: 1160px) {
    .block-nav li a{
        font-size: 14px
    }
}


@media screen and (max-width: 1000px) {
    .top-nav li a {
        font-size: 12px
    }
}


@media screen and (max-width: 900px) {
    .top-nav li a {
        font-size: 18px
    }
}

    @media screen and (max-width: 1300px) {
        .top-nav li a {
            padding-left: 3px;
            padding-right: 3px;
            font-weight: normal;
        }

        .block-nav li a {
            font-weight: normal;
        }

        .postcode-container button, .cart-btn, .modal-cart-btn {
            font-size: 15px;
        }
    }

    .view-link {
        cursor: pointer;
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        line-height: 1;
    }

    #time {
        padding: 5px;
        background: #5aa558;
        border-radius: 3px;
        color: #fff;
        font-weight: 600;
        font-size: 18px;
    }

    .timer {
        font-size: 36px;
    }

    #team-list a {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    }

    .ti-text {
        font-size: 18px;
    }

    .delivery ~ .grey-bgr #team-list a {
        font-size: 15px;
    }

    .search-container input::input-placeholder {
        font-weight: 700;
        font-size: 16px;
    }


    .search-container input::-webkit-input-placeholder {
        font-weight: 700;
        font-size: 16px;
    }

    .search-container input:-moz-placeholder { /* older Firefox*/
        font-weight: 700;
        font-size: 16px;
    }

    .search-container input::-moz-placeholder { /* Firefox 19+ */
        font-weight: 700;
        font-size: 16px;
    }

    .search-container input:-ms-input-placeholder {
        font-weight: 700;
        font-size: 16px;
    }

    #steps li {
        cursor: pointer;
    }

    .basket-prices-content h3 {
        font-size: 26px;
    }


    .wistia_responsive_padding {
      
        margin-top: auto;
        margin-bottom: auto;
        box-shadow: 0 0 5px black;
    }

   

    .best-img {
        border: 3px solid #5aa557;
        border-radius: 10px 8px 0 0;
    }

    .orange-border {
        border: 3px solid #fd7e14 !important;
    }

    #totalPrice {
        color: #5aa557 !important;
        font-size: 28px !important;
    }

    .added {
        opacity: 0.5;
    }

    .summary-total p:first-child {
        font-size: 28px !important;
    }

    .summary-item h2 {
        color: #5aa557;
    }

    .promo {
        padding-top: 9px;
        padding-bottom: 9px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color: #fb8402;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-right: 2%;
        border-radius: 0 4px 4px 0;
        font-weight: 700;
        text-align: center;
        background-color: #fb8402;
        padding: 10px;
    }

    .glide__slide {
        border-radius: 6px;
    }

    .blocker {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        z-index: 1;
        padding: 20px;
        box-sizing: border-box;
        background-color: #000;
        background-color: rgba(0,0,0,0.75);
        text-align: center
    }

        .blocker:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -0.05em
        }

        .blocker.behind {
            background-color: transparent
        }

    .modal2 {
        display: none;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        max-width: 500px;
        box-sizing: border-box;
        width: 90%;
        background: #fff;
        padding: 15px 30px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 10px #000;
        -moz-box-shadow: 0 0 10px #000;
        -o-box-shadow: 0 0 10px #000;
        -ms-box-shadow: 0 0 10px #000;
        box-shadow: 0 0 10px #000;
        text-align: left;
        max-height: 70%;
        overflow: scroll;
    }

        .modal2 a.close-modal2 {
            position: absolute;
            top: -12.5px;
            right: -12.5px;
            display: block;
            width: 30px;
            height: 30px;
            text-indent: -9999px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')
        }

    .modal2-spinner {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        padding: 12px 16px;
        border-radius: 5px;
        background-color: #111;
        height: 20px
    }

        .modal2-spinner > div {
            border-radius: 100px;
            background-color: #fff;
            height: 20px;
            width: 2px;
            margin: 0 1px;
            display: inline-block;
            -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
            animation: sk-stretchdelay 1.2s infinite ease-in-out
        }

        .modal2-spinner .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .modal2-spinner .rect3 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s
        }

        .modal2-spinner .rect4 {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s
        }

    @-webkit-keyframes sk-stretchdelay {
        0%,40%,100% {
            -webkit-transform: scaleY(0.5)
        }

        20% {
            -webkit-transform: scaleY(1.0)
        }
    }

    @keyframes sk-stretchdelay {
        0%,40%,100% {
            transform: scaleY(0.5);
            -webkit-transform: scaleY(0.5)
        }

        20% {
            transform: scaleY(1.0);
            -webkit-transform: scaleY(1.0)
        }
    }

    #reviewForm textarea {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #reviewForm textarea {
        width: 75%;
        max-width: 700px;
    }

    .about-links li a {
        font-size: 20px;
        color: #5aa557;
        font-family: 'Quicksand', Verdana, Geneva, Tahoma, sans-serif;
    }

    .about-links li {
        margin-bottom: 15px;
    }

    .about-links {
        border-radius: 8px;
        border: solid 1px #cdcdcd;
        padding-top: 15px;
        padding-bottom: 5px;
        position: sticky;
        top: 50px;
    }

.modal {
    z-index: 9999999 !important;
}

.mm-listview {
    font-weight:bold !important;
    font-size: 18px !important;
    
}
@media (min-width:900px) {
    .prodListNav {
        display: none;
    }

    #product-select a {
        font-size: 18px;
        line-height: 25px;
        min-height: 258px !important;
    }
}
#galleryControls {
    background-color: #f2f2f2;
    text-align: center;
    padding: 10px 0;
    font-size: 0;
    border-bottom: 1px solid #e5e5e5;
}
#threed {
    width: 500px;
    height: 500px
}
@media (max-width:900px) {
    .prodListNav2 {
        display: none;
    }
    #threed {
        width:300px;
        height:300px
    }
    #rotate3d {
        display: none;
    }

    #mainBody
    {
        border-left:none !important;
        border-right:none !important;
    }
    #thumbs, .crumbs
    {
        display:none;
    }
    #productName
    {
        margin-top:10px !important;
    }
    #productName, #approxPrice {
        font-size: 22px !important;
        margin-bottom: 0 !important;
        float: none !important;
        display: block !important;
    }
    #approxPrice
    {
        float:none !important;
        display:block !important;
    }
    .selected {
        border: solid 3px #f39200 !important;
    }
    .postcode-heading, #stepvar2
    {
        font-weight:normal !important;
    }
    figure.mz-figure {
       
        box-shadow: none !important;
    }
    .quantity
    {
        margin-left:0 !important;
    }
    .mss-selectors
    {
        height:30px !important;
    }
   
   
    
    }
.mss-slider {
    border-radius: 5px !important;
}

@media (max-width:600px)
{
    #mobileButtons
    {
        display:block !important;

    }
    #addBasketButtons
    {
        display:none !important;
    }

  
}

.shadowDeep {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

#cat_desc_readmore {
    display: none;
}
.prod-images {
   text-align:center;
}

.list-inline__item {
    list-style: none;
    float: left;
}


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


.grey-bar-home
{
    background:#e5e5e5;
    padding:5px;
    border-radius:5px;
    text-align:center;
    margin-bottom:10px;
    font-weight:bold;
}

.mobile-box {
    height: 150px;
    border-radius: 8px;
    border: solid 5px #f39200;
    text-align: center;
    padding-top: 40px;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(/img/PLAYBK.jpg);
    margin-bottom: 10px;
}
.mobile-box h3
{
color:#fff;
}
.white-mob-button
{
    padding-top:7px;
    background:#fff;
    height:40px;
    width:50%;
    margin-left:auto;
    margin-right:auto;
    border-radius:10px;
    font-size:16px;
    font-weight:bold;
    color:#000;
}