@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Reenie+Beanie&display=swap');

/** body {background: #fff;  font-family: "Quattrocento Sans", sans-serif; font-weight: 400; color: #222;} **/
body {background: #fff; font-family: "Outfit", sans-serif; font-weight: 300; color: #222;}
.head-container {border-bottom: 0px solid #5c604d;background:none;box-shadow:none}
.footerContainer {background:#2d5544 !important;}
.container, .footerContainer {background:none}
.footerContainer .container {background:none}
.content-container {font-size:20px}

/** .page1 .content-container {width:90%} **/

.topnav-container {background:url(../images/headerImage2.jpg) no-repeat center; margin-top:-50px}
.navbar-default {background:none}

.navbar-fixed-top {
    position:inherit;
}

h1, h2, h3, h4, h5, h6 { font-family:"Outfit", sans-serif; font-weight: 400; color: #2d5544;}
h1, h2 {color:#2d5544}

a {color: #d63d0a} 
a:hover, a:focus {text-decoration:none; color: #2d5544;}

.addressData a, .addressData a:visited {color:#fff; font-size:15px; text-shadow:0px 0pc 10px black}
.addressData a:hover{color:#fff}

/** TOPNAV **/
.navbar-default .navbar-nav>li>a { color: #fff; border-right:2px solid #fff; font-size:18px !important; padding-top:5px; padding-bottom:5px}
li.page10 a {border-right:0px solid !important}
.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #f38763;border-right:2px solid #f38763;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color: #f38763;border-right:2px solid #f38763;}
.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: 15px;display:inline-block; }
.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;}
.navbar-header{float:none;margin-top:60px}
 
.navbar-nav {border-top: 0px solid #DADADA; border-bottom: 0px solid #cfdece;list-style:none;text-align:center; background:#2d5544; padding-top:15px; padding-bottom:15px; margin-top:50px }

.topnav-container .container-fluid {padding-left:0px; padding-right:0px}
.container-fluid.topnav-container {padding-left:0px; padding-right:0px}

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

/** LEFT NAV **/
.catNavigator dt {color:#5c844e; text-transform:uppercase}
.catNavigator dd, .catNavigator a:link, .catNavigator a:visited { color:#555; padding:9px; border-radius:9px; text-transform:uppercase}
.catNavigator a:hover, .catNavigator a:focus, .catNavigator a.current { color: #555; background:rgba(118,161,116,0.35)}
.leftExtras {display:none}

/** DROPDOWN MENU **/
.dropdown-header{color:#5c604d}
.dropdown-menu{background:#fcfcfc}
.dropdown-menu>li>a, .dropdown-menu>li>a:visited {color:#555}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background:#cfdece;color:#555}
.dropdown-menu .divider{background-color:#f0f0f0}

/** FOOTER **/
#footer a:link, #footer a:visited {color:#fff; padding:7px}
#footer a:hover {color: #f38763;}
#footer dd {color:#fff;}
#footer dt {color:#f38763;}

/***** QUOTES FOR TESTIMONIALS *****/
blockquote {font-size: 15px; text-align:center; margin: 0.25em 0;padding: 1.35em 60px;line-height: 1.45;position: relative;color: #fff;margin-top:0px;margin-bottom:15px;background:#2d5544;border-radius:6px;border:0px;}
blockquote:before {display: block;padding-left: 20px;content: "\201C";font-size: 90px;font-family:serif;position: absolute;left: 0px;top: -10px;color: #f38763;}
blockquote:after {display: block;padding-left: 20px;content: "\201D";font-size: 90px;font-family:serif;position: absolute;right: 15px;top: -10px;color: #f38763;}

/** PANELS **/
.designButton .price {display:none}
.designButton .title {text-transform:uppercase; color:#5c844e;font-size:13px; padding-top:10px}
.panel{background: #fcfcfc;border: 1px solid #ffffff;color:#555;}
.panel:hover{background:#fcfcfc;border:1px solid #5c844e;}
.designButton:hover, .designButton:focus, .designItems, .catImages:hover {  background: #fcfcfc; border: 1px solid #5c844e;color: #555; text-decoration:none}
.newsPanel:hover{  background: #fcfcfc; border: 1px solid #5c844e;color: #555; text-decoration:none}
.panel-heading h2 {color:#5c844e;}

/** TO FORCE IMAGES TO FULL WIDTH IN PRODUCT PANELS **/
.designButton .panel-body img, .catImages .panel-body img, .promotionPanel img{width:250px;height:216px;object-fit:cover;object-position:50% 50%}

/** buttons **/
.btn-primary{border: 0px solid #5c844e; background:#5c844e}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active{border: 0px solid #c4cac1;background:#cee8c5; color:#5c844e} 
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active, .btn-primary:active:focus,.btn-primary.active.focus {border: 0px solid #c4cac1;background:#cee8c5; color:#5c844e} 
.btn-header {border-radius: 0px;  border: 1px solid #DADADA;}
.btn-header:hover {border: 1px solid #5c844e; color:#5c844e}
a.btn-header:hover{color:#5c844e}
.btn-default{border:0px solid #474949;color:#fff;}
.btn-default:hover{border:0px solid #a09d9d; background:#a09d9d}

/**** MARKS TWEAKS FOR v65 BUGS ****/
.socialHead i {padding-right: 12px;}
.catImages, .designButton{height:300px}
.newsPanelHeight{min-height:240px}
.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:#fff;}
.addressDataMobile a:hover{color:#f38763;}
.pageMap{margin-top:20px}
#content{margin-bottom:30px}
.owl-carousel{margin-bottom:20px}
.addressData-right .fa{margin-right:8px}
.navbar-toggle {border:1px solid #fff}
.navbar-toggle:hover {border:1px solid #f38763}
.navbar-toggle .icon-bar {background-color:#fff}
.navbar-toggle:hover .icon-bar {background-color:#f38763}
#mobilenav a{color:#fff;}
#mobilenav a:hover{color:#f38763; background:#2d5544}
#mobilenav .adminButton a{color:#fff;}
#mobilenav .adminButton a:hover{color:#fff; background:#f38763}
#mobilenav .adminButton{margin-right:10px; background:#5c844e}
#mobilenav .adminButton:hover {margin-right:10px; background:#f38763}
.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;}
}
.owlDiv img{max-width:100%}
.selectDate{z-index:100;}

.mobile-nav{padding-left:0px;text-align:center;}
.mobile-nav>li>a{padding: 10px 0px;text-transform: uppercase;}
.testLogin{    text-align: center;padding-bottom: 10px;}

@media ( max-width:768px) {
    .head-container {position:fixed;top:0;z-index:1030;right:0;left:0; background:#2d5544}
    .navbar-header{float:none;margin-top:100px}
}

/**** admin text editor window ****/
.cke_show_borders {background:#fff}

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

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

.billyText {
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    height:100%;
}

.pagePic1 img {
    border-radius:0px 0px 0px 0px;
    border-right:5px solid #2d5544;
    border-top: 5px solid #2d5544;
}

.pagePic2 img {
    border-radius:0px 0px 0px 0px;
    border-left:5px solid #2d5544;
    border-bottom: 5px solid #2d5544;
}

#leftNavigator {display:none}
.col-sm-9.contentLeft {width:100%}

/** CATEGORIES AND PRODUCTS **/
.catImages img {
    width: 100% !important;
    height: 100% !important;
    max-height: none;
    object-fit: cover;
    transition: .7s;
    z-index: 1;
}

.catImages {
    height: auto;
    max-width: 400px;
    margin: 25px auto;
    border: none;
    background: 0 0;
}

.catImages .img-responsive {
    max-height: none;
}

.catImages:hover,
.catImages:hover h2,
.catImages h2 {
    border: none;
    z-index: 10;
}

.catImages:hover img {
    scale: 1.2;
	z-index: 1;
}

.catImages .panel-body {
    padding: 0;
	overflow: hidden;
}

.catImages,
.catImages .panel-body {
    height: 350px;
}

.catImages img {
    height: 100%;
}

.catDesignTypes .col-sm-6.col-md-3 {
    width: calc(100% / 3);
}

.page33 .catDesignTypes .col-sm-6.col-md-3 {
    width: calc(100% / 2);
}

.page47 .catDesignTypes .col-sm-6.col-md-3 {
    width: calc(100% / 2);
}

.page48 .catDesignTypes .col-sm-6.col-md-3 {
    width: calc(100% / 2);
}

@media (max-width: 765px) {
	.catDesignTypes .col-sm-6.col-md-3 {
    width: calc(100% / 1);
}
}

@media (max-width: 765px) {
	.page33 .catDesignTypes .col-sm-6.col-md-3 {
    width: calc(100% / 1);
}
}

@media (max-width: 765px) {
	.page47 .catDesignTypes .col-sm-6.col-md-3 {
    width: calc(100% / 1);
}
}

@media (max-width: 765px) {
	.page48 .catDesignTypes .col-sm-6.col-md-3 {
    width: calc(100% / 1);
}
}

/** PRODUCTS **/
.designButton img {
    width: 100% !important;
    height: 300px !important;
    max-height: none;
    object-fit: cover;
    transition: .7s;
    z-index: 1;
}

.designButton {
    height: auto;
    max-width: 400px;
    margin: 15px auto;
    border: none;
    background: 0 0;
}

.designButton:hover {
    border: none;
    background: 0 0;
}

.designButton:hover img {
    scale: 1.1;
	z-index: 1;
}

 .designButton .panel-body {
    padding: 0;
	overflow: hidden;
} 

.designButton .title {
    font-size: 1.8rem;
    font-weight: 400;
    z-index: 10;
    position: relative;
    background:none;
    margin-top: 12;
    padding: 10px;
    color: var(--colorSec);
}

.designButton .price {
    font-size: 1.4rem;
}

.designList {
    max-width: 1300px;
    margin: auto;
}

.designButton .price {
	font-size: 1.8rem;
}

/** CATEGORIES **/
.catImages .panel-heading,
.catImages .panel-heading:hover,
.catImages:hover .panel-heading {
    background: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #00000030;
    padding: 10px;
    z-index: 10;
}

.catImages .panel-heading h2 {
    background: none;
    color: #fff;
    font-size: 2.5rem;
}

.catImages .panel-heading h2:before {
    content: 'Shop Our';
    display: block;
    font-size: 1.6rem;
    margin-bottom: 15px;
}

.catImages .panel-heading h2:after {
    content: 'Collection';
    display: block;
    font-size: 1.6rem;
    margin-top: 15px;
}

.catImages .panel-heading {
	white-space:pre-wrap;
}

.blockBackground {
	background-image: url(../upload/files/images/britFlowers1.jpg);
	background-position:center;
	background-size:cover;
	width: 100%;
	height: 350px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin-bottom:20px
}

.blockBackground a {
	color:#fff;
	font-size:2.7rem;
	box-shadow:0px 5px 10px #000;
	padding:10px;
	background:#2d5544;
}

.blockBackground a:hover {
	background:#d63d0a;
}

.blockBackground2 {
	background-image: url(../upload/files/images/espanola1.jpg);
	background-position:center;
	background-size:cover;
	width: 100%;
	height: 350px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}

.blockBackground2 a {
	color:#fff;
	font-size:2.7rem;
	box-shadow:0px 5px 10px #000;
	padding:10px;
	background:#2d5544;
}

.blockBackground2 a:hover {
	background:#d63d0a;
}

 .page2 .catOccasions> h2 {
	display:none
} 

.owl-carousel {
	margin-top:10px
}