.leftExtras {
    display:none;
}
.headSearch {
    display:none;
}

.owlDiv .owlCustom{bottom:10px;top:inherit!important;font-size:10px!important;text-align:left;left:10px;}


.basket h1::after {
  content:'We are unable to take timed deliveries, if the recipient is out we will leave in a safe place or with a neighbour and put a card through the door to say where it has been left.';
  display:block;
  text-align:center;
  margin-top:2rem;
}

.textTop {
    font-size: 1.5em;
    margin: 0 auto;
    position: relative;
    text-align: center;
    background-color: #537f92;
    color: #fff;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.dropdown-menu>li>a, .dropdown-menu>li>a:visited {
    color: #fff;
}

.NSF {
    max-height: 500px;
}

.navbar-brand>img {
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
}

@media (min-width: 768px) {
	.navbar-brand>img {
    margin-top: -30px;
}
}
@media (max-width: 767px) {
	.navbar-header {
    margin-top: 70px;
}
}

.navbar-header {
    float: none;
}
.navbar-brand {
    float: none;
}

/** fixing the blurred images by displaying at normal size and centered **/
.splide__track{text-align:center}
.splide__slide img{width:auto!important}
.mainImage {max-height:400px}
#thumb-carousele-list li{height:150px!important}
#thumb-carousele-list {margin-top:10px!important}

/** Add on pop up **/
.addOnImage2 img {width:240px;max-height:200px;object-fit:cover;object-position:50% 50%}

@media (max-width:768px){
#addCrossSales .col-xs-4{width:100%;text-align:center;display:block;}
.addOnImage2 img{margin:auto;}
.xsaleTitle{text-align:center!important;}
 } 
 
 /** Shopping Cart section **/
.newCSBlock h2 {letter-spacing:initial;background:#fff}
.newCSBlock .desSelection {background:#fff}


.bannerText {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

span.owlCustom {
    top: 0;
    height: 100%;
}

.bannerText h2 {
    color: #fff;
    font-size: 4rem;
}


/** FANCY BUTTON **/
.button {
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 2.5rem;
    max-width: 160px;
    width: 100%;
    letter-spacing: 0.3rem;
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: center;
    transition: all 1s ease-in;
    font-family: 'Jost';
    background: #fff;
    height: 40px;
    align-items: center;
   
}

.bannerText .button {
    color: #000;
    background: #fff;
}

.button:hover {
    color: #fff;
    background: #017477;
}

.button svg {
    height: 40px;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}

.button rect {      
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 450, 00;
    transition: all 0.5s linear;
}

.button:hover rect {
    stroke-dasharray: 20, 500;
    stroke-dashoffset: 50;
;
    stroke: #fff;
    transition: all 2s cubic-bezier(
        0.22, 1, 0.25, 1
    );
}