body { font-family: 'Lato', sans-serif; margin-bottom: 495px; }
header { margin-top: 50px; }
a { color: #222; }
a:hover { color: #000; }
.btn-primary, .btn-success {
    background-color: #4aa600;
    border-color: #4aa600;
}
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus  {
    background-color: #306a02;
    border-color: #306a02;
}
.btn-primary.disabled  {
    background-color: #76b742;
    border-color: #76b742;
}

h1,h2,h3,h4,h5,h6 { font-family: 'Raleway', sans-serif; font-weight: 400; }
.navbar {font-weight: 400;}

.navbar-default.navbar-fixed-top { background-color: #4aa600; }
.navbar-header { height: 48px; }
.navbar-header a, .navbar-header .fas, .navbar-logout { color: #fff; }
.navbar-header a:hover, .navbar-logout:hover { background-color: #50b300; }
.navbar-myaccount, .navbar-greeting, .navbar-logout { margin-top: 2px; }

#header-detail { margin-top: 14px; }
.header-phone { padding-top: 13px; font-weight: 600; float: left; }
.header-phone a { padding: 13px; font-family: 'Raleway', sans-serif; }
.header-search { float: left; clear: none; width: 60%; }
.header-search .searchform { border: 1px solid #e7e5e5; margin-top: 18px; }
.header-search .searchform .searchterm {
    background: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
    border: none !important;
}
.header-search .searchform .btn { background: #fff; border: none!important; margin-right: 0;}
.header-search .searchform .btn .fa, .header-search .fa-search { color: #743567; }
.header-basket { padding: 0;}
.header-basket-link { line-height: 28px; display: block; padding: 10px; font-size: 14px; }
.header-basket-link:hover { background-color: #f0f3ee; }

.myaccount-login { float: right; margin-right: 20px; text-align: center; padding: 0 10px 10px 10px; font-size: 14px; }
.head-login .fa { font-size: 30px; color: #743567; }
.head-login a { color: #000; display: block; padding: 10px; }
.head-login a:hover { background-color: #f0f3ee; text-decoration: none; }
.head-login p { margin-bottom: 0; line-height: 26px; }

.navbar-default.yamm { background-color: #fff; margin-top: 0; min-height: unset; border: none !important }
.navbar .level1 { height: auto; }
.navbar .level1:first-child { min-width: 240px; }
.navbar .level1 > a { padding: 10px 2px;     }
.navbar .level1 a { color: #333; }
.navbar .level1 > a .fa { padding-left: 6px; vertical-align: text-top; }
.nav-justified > .dropdown .dropdown-menu { top: 40px; }

.yamm .level1:hover, .yamm .level1:focus, .nav > li > a:focus { background-color: #4aa600; color: #fff; }
.yamm .level1:hover > a { color: #fff; }
#main-nav2 > ul > li > ul { border-color: #4aa600; }
.nav-heading.more a { color: #4aa600; font-weight: lighter; }

.home-info-points { background-color: #f0f3ee; padding: 20px 0; }
.home-info-points div div { padding: 0 40px; }
.home-info-points p {
    color: #306a02;
    display: inline-block;
    width: 75%;
    line-height: 16px;
}
.home-info-points .fa {
    color: #4aa600;
    font-size: 30px;
    padding-right: 10px;
    vertical-align: middle;
}
.home-info-points img { padding-right: 10px; display: inline-block; }
.home-info-points a:hover { text-decoration: none; }

.homecarousel { margin-top: 0; }
#home-sub-adds img { border: none; margin-top: 40px; }
#home-sub-adds-wide img { margin-top: 40px; }

.featured-title { background: none; color: #305c2c; margin-top: 40px; font-size: 26px; }
.featured-list .thumbnail { border: none; }
.featured-list .thumbnail h2, .featured-list .thumbnail h3 { color: #222222; text-align: center; }
.featured-list h2 { min-height: 36px; }
.featured-list .thumbnail h3 { font-size: 13px; font-family: 'Lato', sans-serif; }
.featured-list .thumbnail h3 > span.price { font-size: 15px; }
.featured-list img { width: auto!important; }
.featured-list .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 215px;
}
.featured-list .caption span.price { color: #7c4170; }

.home-featured .owl-controls {
    width: 100%;
    position: absolute;
    bottom: 65%;
}
.owl-nav .owl-next {
    position: absolute;
    right: -40px;
    font-size: 60px;
    color: #bdbbb8;
}
.owl-nav .owl-prev {
    position: absolute;
    left: -40px;
    font-size: 60px;
    color: #bdbbb8;
}
.home-featured .owl-nav i, .home-suppliers .owl-nav i {
    border: solid #a6abb3;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 14px;
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}


.category-head { text-align: center; }

.breadcrumb, .panel-default > .panel-heading {
    background-color: #f0f3ee;
    border-color: #e3e2e2;
}

#leftsidebar {
    float: left;
}
#leftsidebar .panel-default > .panel-heading a:hover {
    background-color: #e1efd8;
    color: #222;
}
#leftsidebar .panel-title a::after {
    font-size: 11px;
}

.product-filter-container { background: none; }
.product-filter-container strong { font-weight: normal; }
.product-filter-container .fa-filter { display: none; }
.product-filter-container #accordion .panel { -webkit-box-shadow: none;  box-shadow: none; }
.product-filter-container #accordion .panel-title { padding-bottom: 0; margin-bottom: 10px; font-size: 15px; }
.product-filter-container #accordion .panel-heading { background: none; }
.product-filter-container #accordion .panel-heading a, .product-filter-container #accordion .panel-heading a.collapsed { padding-left: 0; font-size: 13px; }
.product-filter-container #accordion .panel-default > .panel-heading a:hover { background: none; color: #222; }
.product-filter-container #accordion .panel-body { padding-left: 0; }
.product-filter-container #accordion .panel-body .checkbox { margin-left: 0; vertical-align: top; }
#leftsidebar .panel-title a:hover::after, #leftsidebar .panel-title a.collapsed:hover::after { color: #222; }
.product-filter-container #main-filterpanel label.option { max-width: 85%; }

#leftsidebar .portal.panel-default > .panel-heading a:hover {
    background-color: #79828c;
    color: #fff;
}
#leftsidebar .portal .panel-title .collapsed::after, #leftsidebar .portal .panel-title a::after {
    color: #fff;
}

.portalindexheader strong { font-size: 18px; font-weight: 500; }

.cat-caption h2 { text-align: center; }
.category-box a:hover { text-decoration: none;}

.product-box {
    text-align: center;
}

.category-box, .product-box, .grouped-category-box {
    border-color: #e3e2e2;
}
.product-box .price-block { font-size: 13px; min-height: 40px; border-top: none !important; }
.product-box .quantity { display: flex; justify-content: center; width: 100% !important;}
.product-box .price-block > span.price { font-size: 15px; color: #7c4170; }
.product-box .basketflex { display: flex; justify-content: center; }
.product-box .extra-info { height: 0; }
.product-box .product-caption h2, .grouped-category-box .grouped-cat-caption h2 { text-align: center; font-size: 17px; font-weight: 500; }
.product-box .basketqtylabel, .product-box .quoteform button.quotesubmitinput-prodlist .fas { display: none; }
.product-box .basketsubmit { margin: 10px 0; }
.product-box .grid-view-buttons .price-block, .grouped-category-box .grouped-cat-price-label { border-top: none !important}


.grouped-cat-price-label { text-align: center; min-height: 112px; }
.grouped-category-box .viewoptions .btn { width: 100%; }
.list-view .grouped-cat-price-label { text-align: left; }

.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite {
    color: #666;
}

.image.prod-details {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 350px;
    flex-flow: row wrap;
    align-items: flex-start;
    flex-direction: column;
}
.image.prod-details .break {
    width: 100%;
}

.pdetails .price, .pdetails .price span { font-size: 12px; font-weight: 300; }
.pdetails .price #product-price { font-size: 15px; color: #7c4170; font-weight: 600; }
.pdetails .brand { margin-bottom: 20px; display: inline-block; width: 100%; }
.pdetails .brand img { max-width: 90px; float: right; }

.product-group .brand { margin-bottom: 20px; display: inline-block; width: 100%; }
.product-group .brand img { max-width: 90px; float: right; }

.table.group .attribute { text-align: center; }
.table.group .attribute .colour-blocks { width: auto; }
.table.group .attribute .colour-blocks .block { width: 25px; height: 25px; border: 1px solid #eee; float: none; margin: auto; }

#product-tabs { margin: 20px 0 0 0; }
#producttabs ul, #accordian-desc ul {
    list-style: none;
    padding-left: 10px;
}
#producttabs ul li:before, #accordian-desc ul li:before {
    font-family: "FontAwesome";
    content: "\f06c";
    padding-right: 8px;
    color: #4aa600;
}
.tab-content > .active { border: 1px solid #e3e2e2; border-top: 0; padding: 15px; min-height: 200px;}

.suggested-container, .alsobought-box { border: none; padding: 0; text-align: center; }
.suggested-box-price, .alsobought-box-price { min-height: 50px; line-height: 14px; }
.alsobought-container { border: none; }
.suggestedbox h2, .alsobought-container h2 { font-size: 22px; }

.drilldown a.navback { background: #4aa600; color: #fff; }
.drilldown a { background: #f0f3ee; color: #222; }
.drilldown li { border-color: #fff; }

.quote-request .quotesubmitinput-prodlist {
    background-color: #4aa600!important;
    border-color: #4aa600!important;
    color: #fff;
    padding: 6px 12px;
}
.quote-request .quotesubmitinput-prodlist:hover, .quote-request .quotesubmitinput-prodlist:focus {
    background-color: #305c2c!important;
    border-color: #305c2c!important;
}

.quote-request h1, .staticcontent h1 { font-size: 30px; }
.staticcontent h1 { text-align: center; }
#quickorder-table h2 { font-size: 26px; }

.tooltipcontainer, #tooltipcontainer.fixed { position: fixed; top: 0; left: 0; right: 0; }
.tooltipcontainer .basket-notification {
    margin-top: 0;
    opacity: 0.95;
}
.tooltipcontainer .data {
    background: #7c4170;
    text-align: center;
    padding: 13px 10px;
}
.tooltipcontainer .data a { text-decoration: underline; }
.tooltipcontainer .data a:hover { background-color: transparent; }
.tooltipcontainer .tip { display: none!important; }

#editbaskettable input.basket-qty { text-align: center; }

#basketemptybasket .btn-danger {
    background-color: #6e6e6e;
    border-color: #6e6e6e;
}
#basketemptybasket .btn-danger:hover {
    background-color: #cc0c0c;
    border-color: #cc0c0c;
}
#basketcontinueshopping .btn, #basketupdatebasket .btn, .postcode-estimator-btn, .promobtn {
    background-color: #e67e22;
    border-color: #e67e22;
    color: #fff;
}
#basketcontinueshopping .btn:hover, #basketupdatebasket .btn:hover, .postcode-estimator-btn:hover, .promobtn:hover {
    background-color: #cc6c17;
    border-color: #cc6c17;
    color: #fff;
}
.trash { color: #743567; }
#editbasketform #editbaskettable tbody tr td {
    background-color: #fff;
}
.basketpricecol { text-align: right; }
.basketqtycol { text-align: center; }

.btn.previous, .next.btn {
    background-color: #e67e22;
    border-color: #e67e22;
    color: #fff;
}
.btn.previous:hover, .next.btn:hover {
    background-color: #cc6c17;
    border-color: #cc6c17;
    color: #fff;
}
.finish.btn { padding: 10px 30px; }

#SearchResults { top: 55px; }
table.table.search .imagecol { text-align: center; }
.price span.price-unit { font-weight: 300; font-size: 13px; }

#quantitybreaktable { margin: 20px 0; }
#quantitybreaktable th { background: #f0f3ee; border: 1px solid #f0f3ee; padding: 4px; font-size: 12px; }
#quantitybreaktable td { padding: 4px; border: 1px solid #f0f3ee; }
#quantitybreaktable td span.price { font-weight: 600; font-size: 13px; }

.other-blocks .block { background-color: #a6d086; border-color: #a6d086; color: #222; padding: 6px 10px; }
.other-blocks .block:hover, .other-blocks .block.active {
    background-color: #359a00;
    border-color: #359a00;
    color: #fff;
    font-weight: normal;
    -webkit-box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.3);
}

.nav-tabs > li > a { color: #888; background-color: #e7e7e7; }
.nav-tabs > li.active > a { color: #222; }

#loginform .bottom { margin-top: 30px; }

.checkout-confirm-order .btn-primary { min-width: 170px; }

.contactform-intro { margin-top: 50px; }
.contactform { margin-top: 10px; }
.contact h4 { margin: 20px 0 0 0; font-weight: 600; }
.google-maps {
    position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.addtoquote-prodgrp-table #quotesubmitinput { color: #222222; }
.quotesubmitinput-prodlist:hover, .quotesubmitinput-prodlist:active, .quotesubmitinput-prodlist:focus,
.wishlistsubmitinput-prodlist:hover, .wishlistsubmitinput-prodlist:active, .wishlistsubmitinput-prodlist:focus,
.addtoquote-prodgrp-table #quotesubmitinput:hover, .addtoquote-prodgrp-table #quotesubmitinput:focus {
    color: #000;
}

#calenderMonths {
    margin-top: 50px;
}
.calendarMonthSelect h3 {
    margin: 0;
}
#gardenCalenderListing {
    margin: 50px 0 40px;
}
.calendarMonthSelectWrapper span {
    padding: 18px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
}
.gardenCalender h3 {
    margin: 10px 0 20px 0;
}
.topproducts-title, .recentproducts-title {
    text-align: center;
}

.browseby-item.current {
    color: #4aa600;
    display: flex;
    position: relative;
    align-items: center;
    font-weight: 500;
}
li a.browseby-item.current:before {
    content:"";
    background: transparent url("../images/browsebyicon.png") no-repeat center center;
    width: 27px;
    height: 20px;
    display: flex;
    margin: 4px 8px 4px 0;
}

.altimg img {
    max-height: 50px;
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    margin: auto;
}

.image.prod-details a:first-child {
    align-self: center;
}

.newsletter-container {
    padding: 25px 0;
    background-color: #f2f2f2;
    margin: 0;
    text-align: center;
}
.newsletterform h2 { margin-top: 0; font-size: 22px; }
.newsletterform .newsletterfield { margin-right: 20px; width: 50%; border-radius: 4px; border:1px solid #ccc; padding: 7px; }
.newsletterform form { text-align: center; }
.newsletterform .newsletter-btn { border: 1px solid #4aa600; background-color: #4aa600; padding: 7px 25px; border-radius: 4px; width: 150px; }
.newsletterform .newsletter-btn:hover { border-color: #306a02; background-color: #306a02; }

footer { padding: 0; }
footer { background-color: #f0f3ee; }
#footer { background: #f0f3ee url(../images/footer-bg.png) no-repeat center right; padding: 30px 15px 20px 15px; min-height: 298px; }
#footer h4 { color: #4aa600; font-size: 17px; font-weight: 500; }
#footer p, #footer a { font-size: 13px; color: #222; }
.footer-left { padding-left: 50px; }
.footer-right { text-align: right; }
.footer-right .navbar-social { float: right; padding-top: 10px; }
.footer-right .navbar-social i { color: #4aa600; font-size: 28px; }
.footer-right #sagepayLogo img { padding: 20px 15px; float: right; }
footer .full-width { background-color: #4aa600; padding: 20px 0 30px 0; color: #fff; font-size: 12px; }
footer .full-width ul, footer .full-width li { display: inline-block; }
footer .full-width li a { color: #fff; padding: 0 10px; }


/* Mobile Drilldown Menu */
.navbar-toggle:hover .icon-bar, .navbar-toggle .icon-bar {
    background-color: #4aa600;
}
.navbar-toggle {
    padding: 14px 0;
    margin-left: 20px;
    min-width: 30px;
    text-align: center;
}
.navbar-toggle span {
    margin-top: 3px;
    display: block;
}
.navbar-toggle .icon-bar {
    width: 26px;
    height: 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0 auto;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.save-sagepay-token {
    display: none !important
}


/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 20% 90%;
    -ms-transform-origin: 20% 90%;
    transform-origin: 20% 90%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: -10% 20%;
    -ms-transform-origin: -10% 20%;
    transform-origin: -10% -20%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
/* END ANIMATED X */



@media (max-width: 1024px) {
    .home-info-points div div { padding: 0 20px; }
    .header-search { width: 45%; }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .navbar-toggle {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    .alsobought-container { float: left; width: 100%; }
}

@media (max-width: 991px) {
    header { margin-top: 0; }
    .home-info-points div div { padding: 0 10px; }
    .home-info-points{ padding: 20px 0 16px 0; }
    .home-info-points .fa { font-size: 24px; }
    .home-info-points p { font-size: 12px; }
    .home-info-points img { max-height: 25px; display: inline-block; }
    #home-sub-adds-wide img { margin-top: 25px; }

    #collapse-nav { background: none; text-align: center; }
    #collapse-nav .fa-bars { font-size: 32px; color: #4aa600; }
    .header-basket a { font-size: 14px; }
    .myaccount-login { margin-right: 0; font-size: 14px; }
    .myaccount-login p { line-height: 24px; }
    .navbar-toggle { margin-top: 0; }

    .searchform { margin: 0 5px 20px; }

    #search .searchform .btn { background: #fff; border: none!important; }
    #search .searchform .btn .fa { color: #743567; font-size: 18px; }
    #search .searchform { border: 1px solid #e7e5e5; }
    #search .searchform .form-control {
        border: none !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
    }

    .pdetails { margin-top: 10px; }
    #footer h4 { font-size: 20px; }

    .homecarousel { height: 200px; background: #fff; }
    .slides .owl-item {
        overflow: hidden;
        height: 200px;
    }
    .slides .owl-item img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 200px;
        width: 1050px;
        max-width: 1050px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}

@media (max-width: 767px) {
    header { margin-top: 60px; }
    .navbar-default.navbar-fixed-top { background-color: #fff; }
    .navbar-header .fas, .navbar-header a { color: #743567; }
    .navbar a.navbar-toggle { font-size: 26px; }
    .navbar-brand { width: 40%; padding: 15px 0 0 0; }
    .navbar-toggle { margin-left: 8px; margin-bottom: 0; }
    .navbar-toggle.search { margin-left: 0; }
    .navbar-default .navbar-toggle .icon-bar { background: #4aa600; }
    .navbar-default .navbar-toggle .icon-bar:first-child { margin-top: 8px; }
    .navbar-header a:hover, .navbar-logout:hover { background-color: unset; }
    .badge { position: absolute; top: 6px; right: 4px; color: #222; background-color: #f0f3ee; }

    #search-phone .searchform .btn { background: #fff; border: none!important; }
    #search-phone .searchform .btn .fa { color: #743567; font-size: 18px; }
    #search-phone .searchform { border: 1px solid #e7e5e5; }
    #search-phone .searchform .form-control {
        border: none !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
    }

    .owl-controls { display: none; }
    #home-sub-adds img:first-child { margin-top: 10px; }

    body { margin-bottom: 1180px; }

    .newsletter-container { padding-bottom: 0; }
    .newsletterform .newsletterfield, .newsletterform .newsletter-btn { width: 90%; }
    .newsletterform .newsletterfield { margin-right: 0; margin-bottom: 15px; }

    #footer { background: none; }
    .footer-middle, .footer-left { text-align: center; margin: 20px 0; }
    .footer-left { padding-left: 15px; }
    .footer-middle li { padding: 6px 0; }
    #footer .footer-middle li a { font-size: 15px; }
    .footer-legal { text-align: center; }
    footer .full-width ul, footer .full-width li { display: list-item; }
    #poweredByOGL { margin-top: 10px; display: block; }
    .footer-right #sagepayLogo img { padding: 0; float: unset; margin: 30px auto; }
    .footer-social { display: table; margin: 4px auto; }
    #logo { padding: 0 30px; }

    select.btn { width: 100%; }
    .sortby, .show { width: 100%; margin-top: 5px; }
    .layoutButtons { margin-top: 5px; }

    .product-filter-container #accordion .panel-body { padding-left: 15px; }

    .homecarousel { height: 150px; background: #fff; }
    .slides .owl-item {
        overflow: hidden;
        height: 150px;
    }
    .slides .owl-item img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 150px;
        width: 700px;
        max-width: 700px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}

@media (max-width: 320px) {
    .navbar a.navbar-toggle { font-size: 18px; margin-top: 6px; }
    .navbar a.navbar-toggle img { max-height: 22px; }

    .badge { top: 2px; }

    .navbar-toggle .icon-bar { width: 22px; }
    .navbar-toggle.x .icon-bar:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 5% 90%;
        -ms-transform-origin: 5% 90%;
        transform-origin: 5% 90%;
    }
}

@media (max-width: 380px) {
    .navbar-brand {
        width: 37%;
    }
}


/*******************/
/* Homepage loader */
.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
    line-height: 370px;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #a6abb3;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/* HOT FIXES */
/* Delivery options */
#deliverycharges .delopt table{
    width: 100%;
}
#deliverycharges .delopt table tbody tr td:first-child {
    width: 5%;
    padding-right: 10px;
}
#deliverycharges .delopt table tbody tr td:nth-child(2) {
    width: 80%;
    padding-right: 10px;
}
#deliverycharges .delopt table tbody tr td:nth-child(3){
    font-weight: bold;
}
/* End of Delivery options */
/* Fix for Delivery estimator choices too close together */
.postcode-estimator-result .delopt {
    padding-bottom: 30px;
}
.postcode-estimator-result .delopt legend{
    margin-bottom: 5px;
    font-size: 16px;
}
.postcode-estimator-result .delopt table{
    width: 100%;
}
.postcode-estimator-result .delopt table tbody tr td:first-child {
    width: 5%;
    padding-right: 10px;
}
.postcode-estimator-result .delopt table tbody tr td:nth-child(2) {
    width: 80%;
    padding-right: 10px;
}
.postcode-estimator-result .delopt table tbody tr td:nth-child(3){
    font-weight: bold;
}
/* END Fix for Delivery estimator choices too close together */
/* fix-fix Drill down navigation height fix for small devices */
@media only screen and (max-height: 375px) {
    .navbar-collapse {
        max-height: 265px;
    }
}
/* End Drill down navigation height fix for small devices */
/* Fix to remove blue border around buttons after clicked */
.navbar-social:focus, .navbar-myaccount:focus, .navbar-logout:focus, .navbar-greeting:focus {
    outline: none !important;
    text-decoration: none;
}
/* End Fix to remove blue border around buttons after clicked */
/* News Article Image issue fix */
#newsarticles-sidebar .text img, .staticcontent .post-text img{
    max-width: 100%;
}
/* End News Article Image issue fix */
/* Static page image issue */
div.staticcontent img {
    max-width: 100%;
}
/* End Static page image issue */
/* Fix for Product pages - quote not selected box overlay text */
.quote-not-selected-box, .wishlist-not-selected-box {
    z-index: -1;
}
/* End Fix for Product pages - quote not selected box overlay text */
/* Too large carousel loading fix */
.carousel-loading {
    font-size: 15px;
}
/* End Too large carousel loading fix */
/* Guest checkout fix */
.guestcheckout {
    margin-top: 20px;
}
/* End Guest checkout fix */
/* END HOT FIXES */

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.add .alert { font-size: 15px; }
.add .fa-exclamation-circle { padding-right: 5px; }
.bg-warning {
    padding: 15px;

}
.bg-warning.highlight {
    background-color: #ff6600;
    color: #fff;
}

#hrac, #productinfoicon { float: right; }

.break {
    flex-basis: 100%;
    height: 0;
}
.alert-stock {
    background-color: #e1efd8;
    border-color: #e3e2e2;
    color: #222;
}
.alert-stock a { color: #222; text-decoration: none; }
.level-icon { font-size: 15px; }
.level-icon .fa.fa-check { color: #009900; }


#hrac, #productinfoicon {
    width: 50px; height: 50px; margin: 5px;
}
footer{
    bottom:unset;
}

@media only screen and (max-width: 768px) {
    .product-box div.basketsubmit, .product-box .quantity, .product-box .wishlistform, .product-box .quoteform {
        float: none;
    }
}

table.WysiwygTheme__table td {
    border: 0!important;
}