@font-face {
    font-family: "Hand Scribble Sketch Times Normal";
    font-style: normal;
    font-weight: normal;
    src: url('http://mossacres.com/font/HandScribbleSketchTimes-Normal.eot');
    src: url("http://mossacres.com/font/HandScribbleSketchTimes-Normal .eot?#iefix") format("embedded-opentype"),
        url("http://mossacres.com/font/HandScribbleSketchTimes-Normal.woff2") format('woff2'), 
    	url("http://mossacres.com/font/HandScribbleSketchTimes-Normal .woff") format("woff"), 		   
        url("http://mossacres.com/font/HandScribbleSketchTimes-Normal .ttf") format("truetype"), 	
        url("http://mossacres.com/font/HandScribbleSketchTimes-Normal .svg#HandScribbleSketchTimes-Normal ") format("svg");
    text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal; 
  font-weight: 400;
  src: local('Montserrat-Regular'), url(//themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(//themes.googleusercontent.com/static/fonts/montserrat/v3/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff');
}




* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a img {
    border: 0 none;
}
a {
    color: #587815;
    text-decoration: none;
}
a:hover {
    color: #c5ae2c;
}
a.tab_white {
    color: #fbf3e6;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 7.5pt;
    font-weight: bold;
    text-decoration: none;
}
a.tab_white:hover {
    color: #c5ae2c;
    text-decoration: underline;
}
.tab_white_selected {
    color: #c5ae2c;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 7.5pt;
    font-weight: bold;
}
a.tab_green {
    color: #668365;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 7.5pt;
    font-weight: bold;
    text-decoration: none;
}
a.tab_green:hover {
    text-decoration: underline;
}
.tab_green_selected {
    color: #7f3802;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 7.5pt;
    font-weight: bold;
}
a.menu_white {
    color: #fbf3e6;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 70%;
    font-weight: bold;
    text-decoration: none;
}
a.menu_white:hover {
    color: #c5ae2c;
    text-decoration: underline;
}
.menu_white_selected {
    color: #c5ae2c;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 70%;
    font-weight: bold;
}
.menu_bronze {
    color: #c5ae2c;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 70%;
    font-weight: bold;
    text-decoration: none;
}
a.menu_bronze {
    color: #c5ae2c;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 70%;
    font-weight: bold;
    text-decoration: none;
}
a.menu_bronze:hover {
    color: #fbf3e6;
    text-decoration: underline;
}
.menu_bronze_selected {
    color: #fbf3e6;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 70%;
    font-weight: bold;
}
a.menu_red {
    color: #fbf3e6;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 80%;
    font-weight: bold;
    text-decoration: underline;
}
a.menu_orange {
    color: #c5ae2c;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 60%;
    font-weight: bold;
    text-decoration: none;
}
a.menu_orange:hover {
    color: #668365;
    text-decoration: underline;
}
a.menu_brown {
    color: #654c37;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 60%;
    font-weight: bold;
    text-decoration: none;
}
a.menu_brown:hover {
    color: #654c37;
    text-decoration: underline;
}
a.menu_green {
    color: #2a3603;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 60%;
    font-weight: bold;
    text-decoration: none;
}
a.menu_green:hover {
    text-decoration: underline;
}
.menu_green_selected {
    color: #7f3802;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 60%;
    font-weight: bold;
}
.box_caption {
    color: #fbf3e6;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 60%;
    font-weight: bold;
    text-decoration: none;
}
.box_text {
    font-family: arial,Helvetica,sans-serif;
    font-size: 75%;
    padding-bottom: 4px;
    padding-top: 5px;
}
.common {
    /*font-family: "Hand Scribble Sketch Times Normal" !important;*/
    font-size: 14px;
    line-height: 1.52857;
    margin: 0 0 10px;
}
.common-center {
    font-family: arial,Helvetica,sans-serif;
    font-size: 75%;
    text-align: center;
}
.common_cart {
    clear: left;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 6pt;
    text-align: justify;
}
.common2 {
    font-size: 14px;
    line-height: 1.52857;
}
.common3 {
    font-family: arial,Helvetica,sans-serif;
    font-size: 75%;
}
.common4 li {
    font-family: arial,Helvetica,sans-serif;
    font-size: 75%;
    line-height: 16px;
    padding-bottom: 10px;
}
.common_title {
    font-family: "Hand Scribble Sketch Times Normal" !important;
    color: #78a227;
    display: block;    
    font-size: 28px;
    padding-top: 10px;
    letter-spacing: 0.025em;
    text-transform: none;
    
}
.common_error {
    color: #cc0000;
    font-size: 120%;
}
.common_green {
    color: #63732c;
}
.common_green2 {
    color: #587815;
    font-size: 90%;
}
.common_grey {
    color: #555555;
}
.common_greyest {
    color: #888888;
}
.common_shipping {
    color: #777777;
    font-family: arial,Helvetica,sans-serif;
    font-size: 11px;
}
a.common_title {
    color: #587815;
    font-size: 120%;
    font-weight: bold;
}
.imgpadding {
    padding: 0;
}
.tableNavigation {
    background: #e4e2d1 none repeat scroll 0 0;
}
.moss-navigation {
    background: #e4e2d1 none repeat scroll 0 0;
    list-style: outside none none;
    margin: 0;
    padding: 3px 0 0;
}
.moss-navigation li a {
    background: rgba(0, 0, 0, 0) url("images/Menu1_Bullet.gif") no-repeat scroll 6px 0;
    color: #2a3603;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    margin: 0;
    padding: 0 0 0 26px;
    text-decoration: none;
}
.moss-navigation li a:hover {
    color: #63732c;
}
.moss-navigation li.separator {
    background: rgba(0, 0, 0, 0) url("images/nav-line.jpg") no-repeat scroll 0 0;
    height: 2px;
    margin: 0;
    padding: 0;
}
.moss-2nd-navigation {
    background: #e4e2d1 none repeat scroll 0 0;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 17em 0;
}
.moss-navigation-sub {
    background: #e4e2d1 none repeat scroll 0 0;
    list-style: outside none none;
    margin: 0;
    padding: 3px 0 0;
}
.moss-navigation-sub li a {
    color: #2a3603;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 21px;
    margin: 0;
    padding: 0 0 0 26px;
    text-decoration: none;
}
.moss-navigation-sub li a:hover {
    color: #63732c;
    text-decoration: underline;
}
#left_nav {
    background: #e4e2d1 url("images/nav_footer.gif") no-repeat scroll left bottom;
    padding-bottom: 190px;
}
.sidebox {
    background: #ffffff none repeat scroll 0 0;
    margin: 25px auto;
    width: 157px;
}
.sidebox h3 {
    background: rgba(0, 0, 0, 0) url("images/head-bg.jpg") no-repeat scroll left top;
    color: #3d3e38;
    font-family: "tahoma";
    font-size: 11px;
    height: 25px;
    letter-spacing: normal;
    line-height: 2;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 0 #859c32;
}
.img-box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #cbc998;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    padding-bottom: 5px;
}
.sidebox img {
    margin: 0 auto;
    padding: 5px;
}
a.readmore {
    background: rgba(0, 0, 0, 0) url("images/arrow-dot.png") no-repeat scroll right top;
    color: red;
    font-size: 10px;
    font-style: italic;
    padding-right: 15px;
    text-decoration: none;
}
.sidebox-banner {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cbc998;
    margin: 10px auto;
    padding: 10px 0;
    width: 157px;
}
.sidebox-banner a {
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
}
.contentwrap {
    background: #fff none repeat scroll 0 0;
    padding: 10px;
}
.bread_crumb {
    border-bottom: 1px solid #efefef;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin-bottom: 0.05in;
    padding: 0 0 8px;
}
.bread_crumb_footer {
    color: #cac997;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
.bread_crumb_footer a {
    color: #cac997;
    text-decoration: underline !important;
}
.bread_crumb_footer a:hover {
    color: #a7a677;
}
ol li {    
    font-size: 14px;
    text-align: justify;
}
#seeding-table td {    
    font-size: 14px;
    text-align: justify;
}
div.hr {
    border-top: 1px solid #000000;
    height: 1px;
}
.ecolawn {
    color: #fff;
    font-family: arial,Helvetica,sans-serif;
    font-size: 100%;
    letter-spacing: normal;
    text-align: center;
}
.ecolawn a:link {
    color: #fff;
    text-decoration: none;
}
.ecolawn a:visited {
    color: #fff;
    text-decoration: none;
}
.ecolawn a:hover {
    color: #fff;
    text-decoration: underline;
}
.ecolawn a:active {
    color: #fff;
    text-decoration: none;
}
.bread_crumb {
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 70%;
    margin: 1.5em 0;
}
img.homephoto {
    margin-right: 12px;
}
img.thumbnail {
    border: 1px solid #668365;
    margin-bottom: 5px;
    margin-top: 5px;
}
img.thumbnail_left {
    border: 1px solid #668365;
    margin-right: 10px;
}
img.thumbnail_right {
    border: 1px solid #668365;
    margin-left: 10px;
}
img.product {
    border: 1px solid #668365;
}
img.product1 {
    border: 1px solid #668365;
}
.mr20 {
    margin-right: 20px;
}
.ml20 {
    margin-left: 20px;
}
.product_list {
    font-family: arial,Helvetica,sans-serif;
    font-size: 75%;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-top: 3px;
}
.product_text {
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 75%;
}
.cart_remove {
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 65%;
}
.cart_total {
    color: #fbf3e6;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 105%;
}
.cart_total2 {
    color: #006219;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 105%;
}
.cart_white {
    color: #fbf3e6;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 75%;
    font-weight: bolder;
}
.checkout_label {
    color: #668365;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 80%;
}
.checkout_warning {
    color: #cc0000;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 80%;
}
.checkout_form {
    color: #006219;
    font-family: Verdana,arial,Helvetica,sans-serif;
    font-size: 80%;
}
.invisible {
    color: #668365;
    font-family: arial,Helvetica,sans-serif;
    font-size: 75%;
    text-decoration: none;
}
img.photo_nomargin {
    border: 1px solid #003300;
}
img.photoleft {
    border: 1px solid #003300;
    float: left;
    margin-right: 10px;
}
img.photoleft-nb {
    clear: both;
    float: left;
    margin-right: 10px;
}
img.photoright {
    border: 1px solid #003300;
    clear: both;
    float: right;
    margin-left: 10px;
}
img.photoright-nb {
    clear: both;
    float: right;
    margin-left: 10px;
}
a.blue {
}
a.blue:link {
    background-color: transparent;
    color: #336699;
    font-weight: bold;
    text-decoration: underline;
}
a.blue:active {
    background-color: transparent;
    color: #c5ae2c;
    font-weight: bold;
    text-decoration: underline;
}
a.blue:visited {
    background-color: transparent;
    color: #336699;
    font-weight: bold;
    text-decoration: underline;
}
a.blue:hover {
    background-color: transparent;
    color: #c5ae2c;
    font-weight: bold;
    text-decoration: underline;
}
body {
   
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.52857;
  color: #333;
   background: #63732c none repeat scroll 0 0;
    margin: 0;
}
.l {
    float: left;
}

.h-line {
    background: rgba(0, 0, 0, 0) url("images/nav-wrap-bg.png") repeat-x scroll center bottom;
    height: 10px;
}

.top-h-line {
    background: rgba(0, 0, 0, 0) url("images/nav-wrap-bg.png") repeat-x scroll center bottom;
    height: 10px;
    margin-bottom: 15px;
    display: block;
}

@media (min-width: 992px) {
    .top-h-line {
      display:none } }

.footer-box {
    font-size: 12px;
    padding-bottom: 15px;
    margin: 0 auto;
}

#header, .main {    
    padding: 0 15px;
    margin: 0 auto;
}
.main {
    margin-bottom: 25px;
}
@media (min-width: 768px) {
    #header, .main, .footer-box {
      width: 750px; } }
  @media (min-width: 992px) {
    #header, .main, .footer-box {
      width: 970px; } }
  @media (min-width: 1200px) {
    #header, .main, .footer-box {
      width: 1170px; } }
      
#header .row {
    height: 115px;
}

#header .col_40 {
    margin: 0 !important;
}
.header__element {
    height: 80px;
}
   
.header__mid {
    display: block;
    text-align: center;
}

#mobile-logo{float:left;
    width: 50%;
    text-align: center; } 

@media (min-width: 992px) {
    .header__mid {
      display:none }    
       } 
      
.header__left {
    display: none;
} 

@media (min-width: 992px) {
    .header__left {
      display:block } }  

#body {
    background: #cac997 none repeat scroll 0 0;
    border: 5px solid #cac997;
    margin: 30px 0 0;
}
.moreinfo {
    background: rgba(0, 0, 0, 0) url("images/Bullet_MoreInfo.gif") no-repeat scroll 0 5px;
    display: inline-block;
    text-indent: -6000px;
    width: 60px;
}
#socialmedia {
    float: right;
    right: 125px;
    margin-top: 6px;
    position: relative;
    width: 84px;
}
#header-contact-info {
    color: #eee;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 0px 10px 0;
    text-align: right;
    text-shadow: 1px 1px #444;
}
#header-contact-info a {
    color: #eee;
}
#header-contact-info a:hover {
    color: #f6ff90;
    text-decoration: none;
}
#header-contact-info span a {
    background: url("images/cart-icon.png") no-repeat 0px -1px;
    padding-left: 24px;    
    font-weight:bold;
    font-style: normal;
    text-transform: uppercase;
    margin-left: 30px;
    
}
.main a img {
    padding: 2px;
}
.main a img:hover {
    box-shadow: 0px 0px 2px #333;
   /* border: 1px solid #fff;*/
   padding: 2px;
}

/*START NAVIGATION MENU*/
    
#nav-bar {    
    background: #462118 url("images/nav-wrap-bg.png") repeat-x scroll center bottom;
    border-bottom: 2px solid #779e27;    
    padding: 0 0 10px;
	margin: 0 0 25px;     
    position: relative;
    z-index: 10;
    display: none;
}
@media screen and (min-width: 992px) {
    #nav-bar {
      display: block; } 
}
  
nav.group {
    /*max-width: 1170px;*/
    width: 100%;
    margin: 0 auto;
}
ul#nav-menu {
 padding:0;
 margin:0;
 text-align:center;  
}
ul#nav-menu ul.sub-menu {
    text-align: left;
}
ul#nav-menu li{
  line-height: 30px;
  margin: 0;  
}

ul#nav-menu li, ul#nav-menu ul.sub-menu li {
 list-style-type:none;
 display:inline-block;  
}

/*ul#nav-menu li a  {    
    background: url(../images/line-nav.png) no-repeat left top;
}*/
ul#nav-menu > li:first-child > a  {    
    background: none;
}

ul#nav-menu li a {
     text-decoration:none;     
     color: #eeeeee;
    display: block;
    font: 400 12px "Montserrat",sans-serif;
    padding: 15px 20px;
    text-transform: uppercase; 
 -webkit-transition: all 0.3s ease-in;
 -moz-transition: all 0.3s ease-in;
 -o-transition: all 0.3s ease-in;
 -ms-transition: all 0.3s ease-in;
 transition: all 0.3s ease-in;
}
ul#nav-menu li ul.sub-menu li a {
 text-decoration:none;
 color: #eeeeee;
 background:#592b1f; 
 display:block; 
 width: 100%;
 min-width: 200px;
 margin: 0;
 padding: 8px 15px;
 position: relative;
 z-index: 100;
 
}

ul#nav-menu li a:hover{
 background: #592b1f;
    color: #eeeeee;
}

ul#nav-menu li ul.sub-menu li a:hover, ul#nav-menu li ul.sub-menu li:hover ul.sub-menu-1 li a {
 background:#6b3426; 
}
ul#nav-menu li ul.sub-menu li:hover ul.sub-menu-1 li:hover a {background:#773f31}

ul#nav-menu li {
 position:relative
}

ul#nav-menu li ul.sub-menu {
 position: absolute;
 top:45px; /* Ganti TOP menjadi BOTTOM jika ingin submenu muncul ke atas (Drop Up) */
 display:none; 
}

ul#nav-menu li ul.sub-menu li ul.sub-menu-1 {
 position: absolute;
 top:0px;
 left: 200px; /* Ganti TOP menjadi BOTTOM jika ingin submenu muncul ke atas (Drop Up) */
 display:none; 
}

ul#nav-menu li:hover ul.sub-menu {
 display:block;  
}

ul#nav-menu li ul.sub-menu li:hover ul.sub-menu-1 {
 display:block;  
}
ul#nav-menu li ul.sub-menu li ul.sub-menu-1 li a {
    width: 210px;
}

li#menu-project ul.sub-menu li a {
    min-width: 400px !important;
}
li#menu-products ul.sub-menu li a {
    min-width: 260px !important;
}

ul#nav-menu li#menu-products ul.sub-menu li ul.sub-menu-1 {
 left: 260px !important;
 }

/*END NAVIGATION MENU*/

#display_homepage_title {
    height: 40px;
}

#display_homepage_title a {
  background: url('images/ma_logo.png') no-repeat top left;
  background-size: 200px auto;  
  text-indent: -9999px;
  width: 200px;
  height: 40px;
  display: inline-block;
  margin-top: 5px;
}

@media screen and (max-width: 360px) {    
    #display_homepage_title a {
      background: url('images/ma_logo.png') no-repeat top center;
      background-size: 100% auto;  
      text-indent: -9999px;
      width: 100%;
      height: 100%; 
      display: inline-block; 
    }
}

#tag-title h2 {
    color: #fff;
    font-size: 15px;
    font-family: "Helvetica", Arial, sans-serif;
    text-transform: none;
    text-shadow: 0 1px 1px #222;
    margin: 8px 0;    
}
#tag-title h2 span {
    color: #222;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: bold;
}

@media screen and (min-width: 1200px) {
    #display_homepage_title {
    height: 60px;
    }
        #display_homepage_title a {
      background: url('images/ma_logo.png') no-repeat top center;
      background-size: 300px auto;
      width: 300px;
      height: 60px;  
    }
    #tag-title h2 {
      font-size: 18px;  
    }
}

.ghost::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
}

.header__right {
    color: #fff;
    text-align: right;
}

.divider {
    color: #eee;
    margin: 0 7px;
}

.sitetools {
    display: none;
    vertical-align: middle;
}

.sitetools__item {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle;
}

.sitetools__item:hover {
    color: #2d3e12;
}
.ghost__content {
    display: inline-block;
    vertical-align: middle;
}

@media screen and (min-width: 992px) {
    .sitetools {
      display: inline-block; } 
}

.cart-summary {
    margin-left: 15px;
}

#contact-info {
    color: #fff;
    text-align: right;
    display: none;
    font-size: 13px;
}

#contact-info a {
    color: #fff;
    text-decoration: underline;
}

@media screen and (min-width: 992px) {
    #contact-info {
      display: block; } 
}


.search-popout {
    margin-left: 15px;
}

.search-popout__trigger {
    cursor: pointer;
    font-size: 21px;
    margin: 0;
    padding: 2px 0;
}

.search-popout__input {
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    border: 1px solid #e0e0e0;
    height: 28px;
    text-indent: 5px; }

    /* Firefox 18- */
    /* Firefox 19+ */
    /* Firefox 18- */
    /* Firefox 19+ */ }
    .search-popout__input::-webkit-input-placeholder {
      color: #777;
      font-style: normal;
      font-weight: normal; }
    .search-popout__input:-moz-placeholder {
      color: #777;
      font-style: normal;
      font-weight: normal; }
    .search-popout__input::-moz-placeholder {
      color: #777;
      font-style: normal;
      font-weight: normal; }
    .search-popout__input:-ms-input-placeholder {
      color: #777;
      font-style: normal;
      font-weight: normal; }
    .search-popout__input:focus::-webkit-input-placeholder {
      color: #cccccc;
      font-style: normal;
      font-weight: normal; }
    .search-popout__input:focus:-moz-placeholder {
      color: #cccccc;
      font-style: normal;
      font-weight: normal; }
    .search-popout__input:focus::-moz-placeholder {
      color: #cccccc;
      font-style: normal;
      font-weight: normal; }
    .search-popout__input:focus:-ms-input-placeholder {
      color: #cccccc;
      font-style: normal;
      font-weight: normal; }
    .search-popout__input:focus {
      outline: none;
      border-color: #91cfcd; }
  .search-popout__submit {
    height: 28px;
    padding: 0 6px;
  }

  .search-popout__submit img {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal; }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -1 -1 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.05);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: white; }
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.05); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: white; }
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.05);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: white; }
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.05); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: white;
    bottom: -10px; }
    
 @media screen and (max-width: 991px) {
    .search-popout{
      display: none; } 
}   
    
    
.footer .column .column__title, .elist__title {
    color: #fff;    
    font-weight: bold;
    margin-bottom: 6px;
    text-transform: uppercase;    
    font-size: 14px;
}

.elist {
    padding-right: 25px;
    border-right: 1px solid #3c5316;
    margin-top: 20px;
} 

.elist .elist__title {
    font-size: 14px;
    text-align: left;
}

.elist form {    
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.elist .elist__input {
    border: 1px solid #e8e8e8;
    box-shadow: none;
    display: inline-block;
    font-size: 12px;
    padding: 6px 10px;
    vertical-align: middle;
    width: 100%;
}

.elist .elist__submit {
    background: #f3c218 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    padding: 11px 10px 10px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
}

.icon-group-mobile {
    display: none;
}

@media screen and (max-width: 767px) {	
    .elist {
    padding-right: 0px;
    border-right: 0px solid #3c5316;
    margin-top: 20px;
    } 

    .elist .elist__title {    
    text-align: center;
    }
    
    .footer {    
    background: #2d3e12 !important;    
  }
    
    .icon-group-mobile {
        display: block;
    text-align: center;
    padding: 15px 0;
    background: #2d3e12 url(images/fern.png) no-repeat bottom right;
  }
 }

.social {
    border-right: 1px solid #3c5316;
    padding: 5px 0;
    text-align: left;
}

.social a {
    margin: 0 3px 0 0;
}
.social a {
    display: inline-block;
    font-size: 23px;
    margin: 0 1px;
    opacity: 1;
    padding: 5px;
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .social {
        text-align:center;
        padding: 15px 0;
        border-right: 0px solid #3c5316;
    }}

.footer-box .column li > a {
    display: block;
}
.footer-box .column li {
    margin-bottom: 4px;
}
.footer-box a {
    color: #bde381;
}

.copyright {
    background: #1a220d none repeat scroll 0 0;
    border-top: 1px solid #63732c;
    padding: 15px;
    text-align: center;
}

.copyright__text {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    font-size: 12px;
}

#togglebutton-wrap {
    width: 25%;
    float: left;
     margin-top: 20px;
     display: block;
}
@media (min-width: 992px) {
    #togglebutton-wrap {
      display:none }    
       } 
       
#mobile-logo {
    width: 50%;
}
#header-right-wrap {
    width: 25%;
    float: right;
}

@media (min-width: 992px) {
    #header-right-wrap {
      width: 50%; }    
       }

.search-mobile {
    display: block;
    height: 58px;
    padding: 15px;
    position: relative;
    width: 100%;
}

.search-mobile__input {
    border: 1px solid #e0e0e0;
    border-radius: 0;
    height: 28px;
    text-indent: 5px;
    width: 100%;
}

.search-mobile__submit {
    display: inline-block;
    height: 28px;
    margin-left: -3px;
    padding: 0 6px;
    position: absolute;
    right: 15px;
    top: 15px;
    vertical-align: middle;
    width: 30px;
    border: 1px solid #557514;
}

.green{color:#587815}

.btn-primary {
    background-color: #557514;
    border-color: #557514;
    color: white;
}

.col-sm-2 {
    width: 16.6667%;
}

.col-sm-3 {
    width: 25%;        
}

.col-xs-12 {
  width: 100%; }
  
 @media screen and (max-width: 384px) {
    .fit {        margin: auto !important;
        
    }
    
    }