:root {
  --pinkColor: #06e2f0;
  --blue: #06568f;
  --green: #6bab43;
  --navy-blue: #041d32;
  --gray: #777777;
  --grayDark: #b5b5b5;
  --text-dark: #333;
  --blackColor: #000;
  --redColor: #e4514d;
  --redlight: #d41611;
  --redDark: #cc221e;
  --yellow: #ffcc00;
  --orange: #fc5945;
  --gray-light: #fffbfa;
}


@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia.eot');
    src: url('../fonts/Georgia.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Georgia.woff') format('woff'),
        url('../fonts/Georgia.ttf') format('truetype'),
        url('Georgia.svg#Georgia') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



a:hover, a:focus, a.active, a.active:hover {
  text-decoration: none;
  outline: none;
}

body {
    background: #f3e9c8 url(../images/bodybg.jpg) top center no-repeat;
    font-family: Georgia, arial, sans-serif;
    font-size: 12px;
    color: #666666;
    height: 100%;
    margin: 0;
    padding: 0;
}

/*-------------------------------------------------------------- 
# Header 
--------------------------------------------------------------*/
a {
    color: #767d49;
    text-decoration: none;
}
.headerTop{padding: 12px 0 11px 0;}
.headerNav {
  z-index: 2000;
  transition: all 0.9s;
  display: flex;
  align-items: center;
}
/*.navbarscroll{position: absolute;}*/


.cart-shortlist {
  top: -8px;
  left: 4px;
  height: 19px;
  width: 19px;
  background: var(--pinkColor);
  color: #fff;
  line-height: 19px;
  font-size: 13px;
  border-radius: 50%;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.otherlink {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}


/*-------------------------------------------------------------- # 
Navigation Menu 
--------------------------------------------------------------*/
.main-nav, .main-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-nav > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
  z-index: 2;
 padding: 0px 2px 0px 0px;
 background: url(../images/navigationli.gif) right 5px no-repeat;
}
.main-nav{}
.main-nav a {
   color: #6e7641;
    z-index: 2;
    padding: 0px 10px 0px 8px;
    font-size: 16px;
  display: inline-block;
}
.main-nav li:not(:last-child) a {
  /* border-right: 1px solid #6e6ab1; */
}
.main-nav a:hover, .main-nav a.active, .main-nav ul a.active, .main-nav li:hover > a {
  color: #2a310e;
  /* background: #071c4b; */
}
.main-nav .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
  margin-top: 0px;
}
.main-nav .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.main-nav .drop-down li {
  min-width: 180px;
  position: relative;
}
.main-nav .drop-down ul a {
  padding: 4px 20px;
  font-size: 14px;
  color: #353535;
  display: block;
}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {
  background-color: #5b8c51;
  color: #eddd5e;
}
.main-nav .drop-down > a:after {
  border: none !important;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107" !important;
  vertical-align: 0;
  padding-left: 6px;
}
.main-nav .drop-down:hover .main-nav .drop-down > a:before {
  border: none !important;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f106" !important;
  vertical-align: 0;
}
.main-nav .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}
.main-nav .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}
.main-nav .drop-down .drop-down > a {
  padding-right: 35px;
}
.main-nav .drop-down .drop-down > a:after {
  content: "\f105";
  position: absolute;
  right: 15px;
}
/* Mobile Navigation */
.mobile-nav {
  padding: 0px;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 4444;
  overflow-y: auto;
  left: -290px;
  width: 290px;
  padding-top: 8px;
  background: #fff;
  transition: 0.4s;
}
.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-nav a {
  display: block;
  position: relative;
  color: #333;
  padding: 10px 20px;
  font-weight: 500;
  border-bottom: 1px solid;
  border-color: #f1f1f1
}
.mobile-nav a:focus, .mobile-nav a.active, .mobile-nav .drop-down.active {
  background-color: #01ae31;
  color: #fff;
  text-decoration: none;
}
.mobile-nav .drop-down.active a {
  color: #fff
}
.mobile-nav .drop-down.active ul li a {
  color: #000
}
.mobile-nav .drop-down ul li a:hover {
  background-color: var(--pinkColor);
  color: #fff;
}
.mobile-nav .drop-down > a:after {
  right: 15px;
  top: 13px;
  position: absolute;
  content: "\f067";
  border: none !important;
  font: normal normal normal 14px/1 FontAwesome;
  vertical-align: 0;
}
.mobile-nav .drop-down.active > a:after {
  content: "\f068" !important;
}
.mobile-nav .drop-down > a {
  padding-right: 35px;
}
.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}
.mobile-nav .drop-down ul li {
  background-color: #fff4fa
}
.mobile-nav .drop-down li a {
  padding-left: 20px;
}
.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 3337;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  display: none;
}
.mobile-nav-active {
  overflow: hidden;
}
.mobile-nav-active .mobile-nav {
  left: 0;
}
.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}
/*END*/
/*-------------------------------------------------------------- # 
**/
 h2 {font-size: 19px;color:#000;font-weight:normal;line-height:1.5;padding: 5px 0px 5px 0px;margin: 0;}
small{color:#000; font-style: italic; font-size: 14px;}
 p { font-family: Tahoma;
    line-height: 25px;
    color: #403b34;
    font-size: 17px;
    padding: 5px 0px 5px 0px; }
}
.container{max-width:996px; margin: auto;}
.content-Section .container{max-width: 950px;margin: auto;}
.bannerOuter{padding-top: 30px;text-align: center;padding-bottom: 8px;}

.footerouter{
    margin: 0 auto;
    background: url(../images/footerbg.jpg) top no-repeat;
    padding: 50px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
	background-position: right 0;
	
    }
footer .container{max-width:950px; margin: auto;}
    .footerouter p{text-align: left;color: #403b34;
    font-size: 13px;    font-family: Georgia, arial, sans-serif;}
    div.paragraph {
    font-family: Tahoma;
    line-height: 170%;
    color: #403b34;
    font-size: 13px;
    padding: 5px 0px 5px 0px;
}

.wsite-button {
    display: inline-block;
    padding: 0 15px 0 0;
    background: url(../images/small_grey.png) no-repeat 100% -100px;
    text-decoration: none !important;
    font-weight: normal !important;
    font-size: 14px !important;
    color: #222 !important;
    cursor: pointer;
}

.wsite-button-inner {
    float: left;
    background: url(../images/small_grey.png) no-repeat 0 -1px;
    padding: 0 5px 0 20px;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
}

.contactPage h4{
    font-size: 20px;
    color: #000;
    font-weight: 500;
    font-family: Tahoma;
}
.contactPage h5{
    font-size: 18px;
    color: #000;
    font-weight: 500;
    padding: 10px 0 3px 0px;
    font-family: Tahoma;
}
.contactPage small{font-family: Tahoma;}
.contactPage h2{    font-size: 24px;
    color: #403b34;
    font-weight: normal;
    line-height: 1.5;
    padding: 5px 0px 5px 0px;}
.logodiv img{margin-left: 10px;} 


.ekko-lightbox-nav-overlay a{ opacity: 1;}
.ekko-lightbox-nav-overlay a span {
    color: #577501;
}


