/** COLOUR OPTIONS START **/
/** MINIMAL WHITE **/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap');

:root{
	--gold:#b8a569;
	--purple:#6d23a5;
	--lilac:#c09ae0;
	--grey:#6D6D6D;
	--lightGrey:#b5b5b5;
	--white:#ffffff;
	
	--bodyFont:"Poppins", sans-serif;
	--headFont:"Poppins", sans-serif;

}

.fa {font-family: 'FontAwesome'!important;font-weight:300!important;}

body {background: var(--white); color: var(--grey)}
.container {background:var(--white);}
.head-container {border-bottom: 0px solid #5c604d;background:var(--white);}
.topnav-container, .navbar-default {background:var(--white);border-bottom:1px solid #f1f1f1;}  
.topnav-container{padding-left:0px;padding-right:0px;}
.topnav-container:after{content:'Independent Family Florist Established 1981';background:var(--purple);width:100%;text-align:center;color:var(--white);padding:10px;text-transform:uppercase;letter-spacing:1px;font-size:2rem;}
.container-fluid.topnav-container .container-fluid {max-width:1440px;}
h1, h2, h3, h4, h5, h6 {color: var(--purple);}
.cartHeader, .confirmTell {color: var(--white);}

.navbar-nav li:nth-child(2) .dropdown-menu>li:first-child{display:none}
.content-container{width:100%;max-width:1440px;}
.content-container .row {
    margin-right:0px;
    margin-left:0px;
}

.addressData a, .addressData a:visited {color:var(--purple);}
.addressData a:hover{color:var(--lilac);}

.navbar-default .navbar-nav>li>a { color: var(--purple);}
.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: var(--lilac);}

.catNavigator dt {color:var(--grey);}
.catNavigator dd, .catNavigator a:link, .catNavigator a:visited { color:var(--grey)}
.catNavigator a:hover, .catNavigator a:focus, .catNavigator a.current { color: #5c604d; text-decoration:none}

.btn-primary{background:var(--purple); color: var(--white);font-weight:500;border-radius:30px;text-transform:uppercase;letter-spacing:1px;min-width:130px;border:6px double var(--white);}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active, .btn-primary:active:focus,.btn-primary.active.focus{background:var(--gold);color:var(--white);border:6px double;} 

.btn-lg{font-size:14px;}
.btn-secondary, .btn-default{text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 30px;
    border: 6px double var(--white);
    background: var(--grey);
    color: var(--white);}
.btn-secondary:hover, .btn-default:hover{background:var(--lightGrey);  border: 6px double var(--white);}
.panel{background: var(--white);border: 0px solid #f1f1f1;color:var(--grey);box-shadow:none;}
.panel:hover{background:none;border:0px solid #e0e0e0;}
.designButton:hover, .designButton:focus, .designItems, .catImages:hover {  background: var(--white); border: 0px solid #909090;color: var(--purple); text-decoration:none}
.newsPanel:hover{  background: #f9f9f9; border: 1px solid #909090;color: var(--gold); text-decoration:none}
.panel-heading h2 {color:var(--grey);}

.panel-body {
    padding:0px;
}

.productCol {
    /* padding-left:0px; */
    /* padding-right:0px; */
    /* margin-right: 15px; */
    width:calc(100% / 4);
}

.designButton .title, .designButton .price {
    text-align:left;
    padding-left:0px;
    font-size:12pt;
}

.designButton .title {
    font-weight:400;
}

.designButton .price {
    font-weight:600;
}


.designButton .panel-body img, .catImages .panel-body img, .promotionPanel img{width:100%;height:auto;object-fit:cover;object-position:50% 50%;aspect-ratio:1 / 1;max-height:100%}

h1.title, h2.title {color:#555;}
h1.title::before, h1.title::after, h2.title::before, h2.title::after {border-bottom:1px solid #DADADA;}

.footerContainer {padding-left:0px;padding-right:0px; border-top: 0px solid #5c604D;  background: var(--purple); color: var(--white);font-size:12px;text-transform:uppercase;}
.footerContainer .container{border-top: 0px solid #dadada;background:var(--purple);}
.footerContainer:before{content:"Can't find what you are looking for - Give us a call 01707 265220";background:var(--gold);width:100%;text-align:center;color:var(--white);padding:10px;text-transform:uppercase;letter-spacing:1px;font-size:2rem;}

#footer a:link, #footer a:visited {color:var(--white);letter-spacing:1px;}
#footer a:hover {color: var(--gold)}
#footer dd {color:var(--white);}
#footer .footerSocial {text-align:left;max-width:none;}
#footer dt {color:var(--gold);text-transform:uppercase;font-weight:600;letter-spacing:1px;font-size:15px;}
.footerSocial i.fa{font-size:2rem;}

.panel-default>.panel-heading {background:inherit;}

/**.highlight{background:#333333;}**/

.head-container {padding: 4px 0;}
.topbanner-container {  padding-left: 0px;  padding-right: 0px; }

.designpage #leftNavigator {
    display:none;
}

.contentLeft {
    width:100%;
}

.imagesmall.col-sm-3 {
    padding-left:0px;
}

.imageNote {
    margin-top:10px;
}

.designPrices {
    background:var(--white);
    border:1px solid #f5f5f5;
    padding:15px;
}

/** nav bar **/
.navbar-brand { margin-top: 60px;float:none}
.navbar-default {  border-color: #99a285;border-radius: 0px; border: 0px solid #444; border-right:none; border-left:none; border-top:none}
.navbar-default .navbar-nav>li>a {font-size: 14px;display:inline-block;text-transform:UPPERCASE;font-weight:500;letter-spacing:1px;}
.navbar-right { width:100%;  margin-top: 0px;margin-right:0px} 
.navbar-nav>li{float:none;display:inline}
.navbar-brand>img {margin-left: auto;margin-right: auto;max-height:100px;}
.navbar-header{float:left;margin-top:-20px}
 
.navbar-nav {border-top: 0px solid #DADADA; border-bottom: 0px solid #DADADA;list-style:none;text-align:right;margin-top:-100px; }

@media (max-width:768px) {
    .navbar-header {
        float:none;
    }
}

/** buttons **/
.btn-header {border-radius: 0px;  border: 1px solid #DADADA;}
.btn-header:hover { color:var(--lilac);}
a.btn-header:hover{color:var(--lilac);}

.btnGo {
    margin-right:0px;
}

@media (min-width: 1024px) {
.designButton {/* height: 350px; */}
}

h1.title {  display: flex; align-items: center;  text-align: center; margin: 20px 0 20px 0}
h2.title {  font-size: 18px; display: flex; align-items: center;  text-align: center;  margin: 20px 0}

h1.title::before, h1.title::after, h2.title::before, h2.title::after { content: ''; flex: 1;}
h1.title::before, h2.title::before { margin-right: .65em; }
h1.title::after, h2.title::after { margin-left: .65em; } 

@media screen and (min-width: 992px){
    .columns{
        -moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari and Chrome */
        column-count:3;
        width: 600px;
    }
}


/***** AMENDS BY MARK AUG 2015 *****/
/*size of header contact icons */
.fa-envelope, .fa-phone-square{font-size:21px !important}

/* search box */
#collapseSearch .well{background:#444;border:1px solid #333;}


/* navbar-toggle */
.navbar-toggle {border-color: #dddddd;}
.navbar-toggle .icon-bar {background-color: #5c604d;}
.navbar-toggle:hover .icon-bar{background-color:var(--lilac);}
.navbar-toggle{float:none;top:3px;margin-left:3px}



.dropdown-header{color:#5c604d}
.dropdown-menu{background:var(--purple)}
.dropdown-menu>li>a, .dropdown-menu>li>a:visited {color:var(--white)}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background:#f0f0f0;color:#555}
.dropdown-menu .divider{background-color:#f0f0f0}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color:var(--white);background-color:var(--purple);}

.homepanel {background:var(--purple);text-align:center;margin-bottom:20px;margin-top:0px}
.date-disp-square-sm{background-color:#5c604d;border:1px solid #5c604d}

.newsH1 {padding:35px 0 15px 0; color: var(--white)}

/** Footer **/
.footerTextAlign {text-align:left;}

#socialShare{margin-top:30px}
.mosaicflow__item {margin: 10px 10px 0px 0px;}

.galleryCell .panel, .galleryCell, .galleryCell .panel-default{height:250px;margin-bottom:18px;}
.galleryCell img{max-height:220px;}
#content{margin-top:20px}
.dropdown-menu{min-width:240px}
.galleryPageSize{color:#333;font-size:14px}

.contactDetails a{font-size:18px}

.galleryCell img{width:250px;height:250px;object-fit:cover;object-position:50% 50%}

/**** MARKS TWEAKS FOR v65 BUGS ****/
.socialHead i {padding-right: 12px;}
.catImages, .designButton{height:auto;}
.newsPanelHeight{min-height:440px;margin-top:50px;margin-bottom:-20px;}
.navbar-right .dropdown-menu {left:0;top:33px}
.headerSearch, .headerCart, .headerEmail, .headerTel{text-align:center;padding-top:12px;font-size:16px}
.headerSearch, .headerCart{padding-top:16px}
.navbar-toggle{margin-top:4px}
.addressDataMobile .col-xs-2{width:20%}
.addressDataMobile a{color:#666;}
.addressDataMobile a:hover{color:#deb0a3;}
.pageMap{margin-top:20px}
#content{margin-bottom:30px}
.owl-carousel{margin-bottom:20px}
.addressData-right .fa{margin-right:8px}
#mobilenav .adminButton a{color:var(--white);}
#mobilenav .adminButton{margin-right:10px}
#mobilenav .adminButton:hover {background:#583446;}
.pageGallery h1{display:none;}
.loginFormControl{height:45px;padding-top:10px}
@media (min-width: 992px){
#detailLeft p{height:400px;width:400px;overflow:hidden;text-align:-webkit-center}
#detailLeft p img{object-fit:cover;object-position:50% 50%;}
}
@media (max-width: 768px){
.dropdown-menu {max-height: 400px;width: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
}

.owl-item .item, .itemBanner {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height:500px;
}

.onlineBannerSub {
    max-width:50%;
    margin-right:auto;
    margin-left:auto;
    font-weight:500;
}

.onlineBannerSub2 {
    max-width:50%;
    margin-right:auto;
    margin-left:auto;
    font-size:14px;
    font-weight:300;
}

@media (max-width:768px) {
    .onlineBannerSub, .onlineBannerSub2 {
        max-width:100%;
        font-size:9pt;
    }
}

.small-gutter [class*="-3"] {
    padding-left:8px;
    padding-right:8px;
}

.small-gutter {margin-right:0px;margin-left:0px;}

.homeSection1 h1 {
    text-align:center;
    font-size:36pt;
    color:#888;
    font-weight:500;
    margin-bottom:70px;
}

.homeSection2 {
    text-align:center;
}

.homeSection3 {
    margin-bottom:80px;
}
.btnHomeAction {
    background:var(--purple);
    padding:15px 20px 15px 20px;
    font-size:14px;
    font-weight:400;
}

@media (max-width:768px) {
    .btnHomeAction {
        margin-bottom:30px;
    }
}

.homeSection4 {
    background:#333;
}

.homeSection4 .container {
    background:none;
    padding:50px 0px 50px 0px;
    color:var(--white);
}

.homeSection5 {
    text-align:center;
    padding:50px 0px 50px 0px;
    margin-top:0px;
    border-top:1px solid #f5f5f5;
}

.page1 .homeSection5 {
    margin-top:20px;
}

.homeSection4 .container h2 {
    font-size:30px;
    color:var(--white);
}

.page1 .contentFull {
    padding-right:0px;
    padding-left:0px;
}


.customAddressRow {
    margin-top:50px;
    font-size:17px;
}

.customAddressRow h3 {
    font-size:15pt;
    font-weight:600;
}



.pageBreak {
    border:3px solid #dedede;
    width:10%;
    margin-right:auto;
    margin-left:auto;
    margin-top:80px;
    margin-bottom:80px;
}

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

.homeBannerContent {
    font-size:20pt;
    color:var(--white);
    width:70%;
    margin-top:-20px;
}

.billyText {
	text-shadow:5px 0px 4px #000
}

.homeBannerContent h1 {
    font-size:30pt;
    color:var(--white);
}

.btnBannerBtn {
    background:none;
    border:2px solid var(--white);
    border-radius:2px;
    font-size:14pt;
    padding:10px 20px 10px 20px;
    font-weight:500;
}

.btnBannerBtn:hover {
    border:2px solid #583446;
}

blockquote {
font-size: 18px;
font-style: italic;
margin: 0.25em 0;
padding: 1.35em 60px;
line-height: 1.45;
position: relative;
color: #555;
border-left:5px solid var(--purple);
margin-top:40px;
margin-bottom:40px;
background:var(--white);
}

blockquote:before {
display: block;
padding-left: 40px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: 0px;
color: var(--purple);
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

.testimonialSection h2 {
    font-size:25pt;
}

.btnTestimonialBtn {
    background:none;
    color:#888;
    font-weight:400;
    border:1px solid #cecece;
    border-radius:2px;
    padding:15px 20px 15px 20px;
}

.btnTestimonialBtn:hover {
    border:1px solid #583446;
}



.customContainer {
    padding:50px 0px 50px 0px;
    color:var(--white);
}


.customContainer h1 {
    text-align:center;
    font-size:30pt;
    color:var(--white);
    margin-bottom:80px;
}

.customContainer .btn-primary {
    margin-bottom:8px;
}


#customBottom {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    background:var(--white);
}

#customBottom .homeSection5 .container {
    background:var(--white);
}





.venueRow {
    margin-bottom:50px;
    margin-top:50px;
}

.venueRow h2 {
    color:var(--white);
    font-weight:500;
    font-size:20pt;
}

.galleryHeader {
    background: #333;
    text-align:center;
    color:var(--white);
    font-size:17pt;
    padding:80px 0px 50px 0px;
    margin-top:-35px;
}

.galleryHeader h1 {
    color:var(--white);
}



.testimonialContainer {
    background:var(--purple);
}

.testimonialContainer .row {
    max-width:1140px;
    margin-right:auto;
    margin-left:auto;
}

.form-control {
    border-radius:0px;
    box-shadow:none;
}

.form-horizontal .control-label {
    font-weight:400;
}

.col-md-8.contactForm {
    width:100%;
}

.addressDataMobile a{color:var(--purple);}
.addressDataMobile a:hover{color:var(--lilac);}

.navbar-toggle {border-color: #666;border:none;}
.navbar-toggle .icon-bar {background-color: #666;}
.navbar-toggle .icon-bar:hover {background-color:var(--lilac);}

.addressDataMobile li {list-style:none;}
.addressDataMobile{margin-top: 0px;padding-bottom: 0px;border-bottom:0px solid #f1f1f1;margin-bottom:0px;text-align:center;}
.addressDataMobile li {line-height: 35px; padding: 0 0 0 0px;}

.mobile-nav{width:100%;margin-top:0px;list-style:none;background:var(--white);padding:0px;text-align:center;margin-top:10px;}
.mobile-nav>li>a{display:block;border-top:none;border-bottom:1px solid #f5f5f5;padding-bottom:5px;padding-top:5px;color:#888!important;font-weight:400;text-transform:uppercase;color:var(--white);}
.mobile-nav>li>a:hover, .mobile-nav>li>a:focus {background:#f9f9f9;color:#555}
.testLogin {background:var(--white);text-align:center;margin-top:-20px;padding-top:10px;padding-bottom:10px;color:#8a8a8a;}
.adminButton {margin-left:10px;margin-right:10px;color:var(--white);background:var(--purple);font-weight:300;font-size:14px;border-radius:0px;}
.adminButton a {color:var(--white);}



.row.customAddressRow {
    max-width:1140px;
    margin-right:auto;
    margin-left:auto;
}

.deliveryContainer {
    margin-top:50px;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.rightText {
    text-align:center;
    max-width:70%;
}

.rightText h2 {
    font-size:30pt;
}

.miniBorder {
    border:1px solid #e4e4e4;
    max-width:20%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:30px;
}

.topText {
    font-size:13pt;
}

.rightFlex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.borderBottom {
    border:1px solid #e6e6e6;
    margin-bottom:30px;
}


.newsPages {
    float:none;
    background:var(--white);
    margin-top:4rem;

}

.imageNews span.img {
    background-position: center;
    background-size: cover;
    height: 190px;
    display: block;
}

.productContainer {
    color:var(--white);
    margin-bottom:50px;
}



.page4 .contentFull {
    padding-left:0px;
    padding-right:0px;
}

/*** RESPONSIVE YOUTUBE VIDEO ***/
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom:20px;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*** THIN HEIGHT BANNER TWEAKS ON 16/04/2020 ***/
.owl-carousel, .owl-stage-outer, .owl-stage, .owl-item{max-height:300px}
.owl-item .item{max-height:300px;background-position:inherit}

.homeBannerContent h1 {text-shadow:0px 0px 10px #000;}

#leftNavigator {display: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:var(--white)}
.newCSBlock .desSelection {background:var(--white)}
.newCSBlock .designList {padding: 0px}


.owlCustom .flexRow {background: #00000024;}


/** BANNER GOOGLE WIDGET **/
.googleReviewWidget {
    position: absolute;
    right: 0;
    top: 406px;
    z-index: 10;
}

.googleReviewWidget img {
    height: 100px;
}
.interfloraBadge {height:120px!important;float:right;margin-right:1px;}

@media (max-width: 1015px) {
    .googleReviewWidget{
        display: none;
    }
}


/** REVIEWS HOME **/
/** REVIEWS ROTATOR **/
main {
  min-height: 100vh;
  display: grid;
  place-items: center;
}
.title {
  text-align: center;
  margin-bottom: 4rem;
}
h2 {
  font-size: 2rem;
  text-transform: capitalize;
}
.underline {
  height: 0.25rem;
  width: 5rem;
  background-color: #ffbf00;
  margin: 0 auto;
}

.review {
    transition: all 0.3s linear;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 10%;
    min-height: 340px;
    justify-content: center;
}

.img-container, .person-img  {display: none;}

.homeReviews h1 {color: var(--white);}

.author {
  margin-bottom: 0.25rem;
  text-transform: capitalize;
  font-weight: 300;
  letter-spacing: 0.25rem;
  font-size: 1.7rem;
}
.date {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: #509993;
  font-style: italic;
}
.info {margin-bottom: 0.75rem; font-size: 1.8rem;}

.prev-btn, .next-btn {
  fill: var(--white);
  width: 1.25rem;
  background: transparent;
  border-color: transparent;
  margin: 0;
  transition: all 0.3s linear;
  cursor: pointer;
}

.next-btn {margin-right: 50px}

.prev-btn:hover, .next-btn:hover {fill: var(--white);}

button svg {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    padding: 10px;
    transition: .3s;
}

button svg:hover {
    background: var(--white);
    fill: #333;
}

.homeReviews p, .homeReviews h4 {color: var(--white);}

h4.author:after {
    content: '';
    width: 20px;
    height: 2px;
    background: var(--purple);
    display: block;
    margin: 10px auto;
}

h4.author {
    font-size: 2rem;
}

/** MOVE REVIEW CONTROLS **/
.button-container {
    position: absolute;
    width: 100%;
    margin: auto;
    left: 0;
    z-index: 10;
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.homeReviews {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 10px;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    width: 100%;
    overflow-x: hidden;
    background: #333;
}

#customBottom {background: #333;}


/* ------------- GOOGLE REVIEWS PLUGIN -------------- */
#map-plug {display:none;}
#google-reviews {display:flex;flex-wrap:wrap;/*display: grid;grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/}

.review-item {background: var(--white);border: solid 0px var(--white);margin:0 auto;padding:1.5em;margin: 15px 50px 15px;width: 100%;border-radius: 0px;}

@media ( max-width:1200px) {
  .review-item { flex: 1 1 40%; }
}

@media ( max-width:450px) {
  .review-item { flex: 1 1 90%; }
}

.review-meta, .review-stars {/* text-align:center; */font-size:115%;}
.review-stars {position: absolute;left: 180px;margin-top: -24px;}
.review-author {text-transform: capitalize;font-weight:bold;margin-right: 10px;margin-top: 10px;text-align: right;display: block;color:#555;}
.review-author:before {display: block;content: "";position: absolute;left: 0;width: 87%;height: 1px;background: #cca2bc;z-index: 1;margin-top: 10px;margin-left: 57px;max-width: 69vw;}
.review-author i {position: relative;background: var(--white);padding-left: 10px;font-style: italic;z-index: 5; color:#555}
.review-date {opacity:1; display:block;color:#555;}
.review-text {line-height:1.55;margin:auto;margin-left: 34px;clear: none;margin-top: 20px;color:#555;}

.review-stars ul {display: inline-block;list-style: none !important;margin:0; padding:0;}
.review-stars ul li {float: left;list-style: none !important;margin-right: 1px;line-height:1;}
.review-stars ul li i {color: #E4B248;font-size: 1.4em;font-style:normal;}
.review-stars ul li i.inactive { color: #c6c6c6;}
.star:after { content: "\2605"; }


.btnReview {
    margin: 20px 50px;
    border: 1px solid var(--white);
    border-radius: 0;
}


.page .googleReviewWidget {display: none !important;}


.footerContainer img[src="/upload/styles/images/footer.png"] {
    content: url(/upload/mt/amas355/images/footerCard_defaultWhite.png) !important;
}


td.day,
th.dow,
th.datepicker-switch,
th.next,
th.prev,
span.month {
    color: var(--white);
}


table.table-condensed {
    margin: auto;
}
 
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-right.datepicker-orient-top,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-right.datepicker-orient-bottom {
    left: 0 !important;
    margin: auto;
    width: auto;
}



/** NEW BANNERS **/



.page1 .markZ {
    background-size:cover;
    background-position:center;
    height:50vh;
    margin-top:0px;
    position:relative;
}
.bannerStaticHeading {
    display:flex;
    align-items:flex-start;
    justify-content:center;
    height:100%;
    flex-direction:column;
    color:#fff;
    background-color: transparent;
    background-image: linear-gradient(to right, #360f54c2, #371e5200);
    text-align:center;
    padding:6rem 3rem;
    margin-top:0px;
}
.bannerLeft {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:500px;text-align:left;padding:5rem;font-size:1.7rem;color:#fff;width:40%;}
.bannerLeft h2 {font-size: 4rem;font-weight:400;margin-bottom:20px;color:#fff;}
.bannerLeft p {margin-bottom:25px;}
.bannerLeft .btnArrow{background:none;border:6px double var(--white);font-size:1.6rem;}
.bannerLeft .btnArrow:hover{background:var(--gold);border: 6px double var(--white);font-size:1.6rem;}

.purpleBlock{
	background: var(--purple);
    color: var(--white);
    padding: 30px;
    box-shadow: 0px 0px 30px #2a064182;
    margin: 4rem 0rem;
    }
.purpleBlock a{color:var(--lilac);}
.purpleBlock a:hover{color:var(--white);}
.purpleBlock h2{color:var(--gold);}

.homePanelText2 {
    position: absolute;
    top: 0;
    left: 10%;
    height: 100%;
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    pointer-events: none;
    text-align: center;
    flex-direction: column;
}
.homePanelRow img {
	filter: brightness(.8);
	margin-bottom: 15px;
}

.homePanelRow img:hover {
	filter: brightness(1);
	transform: scale(1.1);
}

.homePanelRow h3 {
    margin: 0;
    color: #fff;
    filter: drop-shadow(2px 2px 10px #000000)
}

.homePanelText2 h3 {
    color: white;
}

.homePanel2 {
    height: 340px;
    overflow: hidden;
    margin: 30px 0px;
    box-shadow: 10px 10px 10px #00000024;
}

.homePanel2 img {
    height: 340px;
    width: 100%;
    object-fit: cover;
	transition: all .3s ease-in-out;
	opacity: .85;
	object-position: center;
}

.homePanel2 .btn {
    background: none;
    border: 1px solid white;
    margin-top: 20px;
    transition: .5s;
    border-radius: 0;
    color: white;
    text-shadow:0px 0px 20px #000;
}

.homePanel2:hover .btn {
    background: var(--gold);
    color: #fff;
	border-color: var(--gold);
}


.promotionPanel span.title {font-weight:600;font-size:12pt;}
.promotionPanel span.title strong {font-weight:400;}

.shopOpen{width:70%;margin:auto;}
.shopOpen img{max-height:300px;border-radius:4px;}


@media (max-width: 768px) {
    .homePanelText2 h3 {
        font-size: 2rem;
    }
    .productCol, .promotionPanel {
        width: calc(100% / 2);
        float: left;
		padding-left:4px;
		padding-right:4px;
    }
	 .productCol .panel-body, .promotionPanel .panel-body{padding:4px;}
	.promotionPanel span.title {
    	font-weight: 600;
    	font-size: 9pt;
	}
	.bannerLeft{
		padding:1rem;
		width:90%;
	}
	.page1 .markZ{height:40vh;}
	.shopOpen{width:100%;margin:auto;}
.shopOpen img{max-height:100%;float:none;}
}