#footer {border-top: 1px solid #ddd;}
#footer .footerSocial .social {font-size: 21px;}
label {font-weight: 100;}
.catImages:hover {background:#e7e7e7}
.designButton:hover {background: #e7e7e7; color: #000;}

.mobile-nav {width: 100%; margin-top: 0px; list-style: none; padding: 0px; text-align: center; margin-top: 10px;}

.testLogin {text-align: center;}

#mobilenav a {padding:10px 0px;}

.gallery .highlight:hover {border: 1px solid #dadada;}

#leftNavigator {border: 0px solid #dadada;}

.btn.headCart:hover {color: #000;}
.btn.headSearch:hover {color: #000;}

#homeSlides {background:#ccc;width:770px;height:510px;float:left}
#homeSlides ul {display:none}
.firstpanel{margin-left:0px}
#weddingBlocks .homepanel{display:inline;float:left;width:230px;height:230px;margin:0px 14px 0px 0px}
.lastPanel{margin-right:0px}
.homepanel {margin-bottom:10px;margin-top:10px;}

.owlTop {max-width:75%;float:left;}
.rightPanels {
    float:right;
    margin-top:-12px;
}

.navbar-collapse  {padding-left:0px;padding-right:0px;}

.gallery #leftNavigator{display:none;}
.gallery .contentLeft{width:100%}
.slideshow{font-size:1em;font-weight:700;}
.textSlide{font-weight:700;}

.owlDiv img{max-height:530px!important}
.page1 .pageContTop .col-md-3{width:21%}
.page1 .rightPanels p{margin:0px}
.rightPanels{float:left;margin-top: 0px;}
.owl-carousel{margin-left:30px;}

/*** IF TOP NAV SUB MENU MESSES UP ITS BECAUSE OF THIS - ASK MARK ***/
#leftNavigator{display:none}
.contentLeft{width:100%;}
.columns {- webkit-column-count:5!important;column-count:5!important;text-align:center;}
.dropdown-menu li{display:inline;}
.dropdown-menu .overview-part{display:none}
.dropdown-menu .dropdown-header{display:none}
.dropdown-menu{width:100%;position:relative; top:0px!important;border:none;background:none;box-shadow:none;border-top:1px solid #555;}
.page2 .dropdown-menu, .occassion.page .dropdown-menu{display:flex;justify-content:center;}
.dropdown-toggle{font-size:0px!important;}
.dropdown .caret{display:none}
div.occassion.page+div.topnav-container .dropdown-menu, div.designpage+div.topnav-container .dropdown-menu{display:block}
.mobile-nav .dropdown-menu{display:none;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background:none;color:#111;}
/*** END OF SUB NAV CODE ***/

@media (max-width:974px) {
    .owlTop {max-width:100%;float:none;}
    .rightPanels {float:none;}
    .mobileWidth {width:50%;float:left;}
    .owl-carousel{margin-left:0px;}
    .page1 .pageContTop .col-md-3{width:initial}
    .imagesmall img{max-height:80px;}
}

@media (max-width:767px){
.discbtn {margin-top:10px;}
}

@media (max-width:768px){
.gallerPageQty{float:left;}
}

/* */
body {font-family: Verdana,Geneva,sans-serif;font-size: 12px;}
h1,h2 {font-family: "Droid Serif", serif;font-variant: small-caps;}
.panel-heading h2 {font-family: Verdana,Geneva,sans-serif;font-size: 12px;color: #333;}

.dropdown-menu>li>a, .dropdown-menu>li>a:visited {font-family: Verdana, Geneva, sans-serif;font-size: 13px;}

/**.designButton img {
    max-height: 157px;
} **/

.catImages .img-responsive {
    height: 215px;
}

/** TO HIDE THE SEARCH BUTTON IN HEADER ON 6.5 **/
.btn.btn-header.headSearch {display:none !important}
.addressDataMobile .headerSearch {display:none !important}

#chars {
    font-size: 0px;
}

#chars:after {
    content: '160';
    font-size: 12px;
}

.page2 #catDesign11 {
    display: none;
}


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

.footerContainer img[src="/upload/styles/images/prop.png"] {
    display: none;
}


img.mainImage {
    min-width: 0 !important;
    width: 100% !important;
}

.mainImage {
    max-width: 480px !important;
    height: auto !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1;
    max-height: none;
}

.btn-lg {font-size:1.3rem;}

p#lyCuttoff {
    display: none;
}


/** BANNER **/
.owlDiv .owlCustom {
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    padding: 40px 20px;
    pointer-events: none;
}

.owlDiv .bannerText {
    font-size: 2rem;
    background: #ffffffab;
    border: 2px solid #555;
    padding: 20px 40px;
}

.bannerText h1 {
    margin: 0;
    font-size: 4.3rem;
    color: #000;
}

.bannerText p {
    color: #000;
    font-family: 'Cinzel';
    font-size: 2.4rem;
}

.owlDiv img {
    height: 530px;
    object-fit: cover;
    transition: 0.5s;
}

.owlDiv:hover img {
    opacity: 0.6;
}


/** HOME PANELS **/
.homeRight img {
    max-width: 100%;
    aspect-ratio: 1.7 / 1;
    object-fit: cover;
    transition: 0.5s;
}

.homeRight:hover img {
    opacity: 0.6;
}

.homeRightText {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    color: #fff;
    font-size: 2.3rem;
    padding: 10px;
    font-family: 'Cinzel';
    text-shadow: 0 0 10px #000;
    background: #0000001f;
    text-align: center;
}

.homeRight {
    position: relative;
    margin-bottom: 12px;
}

.markB2 {
    height:500px;
    background-size:cover;
    background-position:center;
    display:none;
}
.topbanner-container {padding-left:30px;padding-right:30px;}
.homeBanner {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    height:100%;
    color:#222;
}
.homeBannerBox {background:#ffffff8a;padding:3rem;text-align:center;border:1px solid #111;margin-bottom:2rem;}
.homeBanner h2 {color:#222;font-size:3rem;font-weight:300;font-family: 'Cinzel';}
.btnBanner {background:none;border-radius:0px;border:0px;padding:0px;font-family: 'Cinzel';font-size:2.5rem;font-weight:400;}
@media (max-width:768px) {
    .owlTop {display:none!important;}
    .markB2 {display:block;}
}