::selection{ background-color:red; color:#fff}::-moz-selection{ background-color:red; color:#fff}

.row { margin-left: 0px; margin-right: 0px; }
.container{ padding-left:15px; padding-right:15px;}
 
p{ font-size:16px; line-height:2;}
.mdk li{ list-style:none; margin-bottom:20px;}

.gap{ padding:30px 0 30px 0;}

/* TOP HEADER CSS */
.topheader{ background:#367C33; padding:10px; color:#fff; }
.topheader a{ color:#fff;}
.topheader a:hover{ color:#ccc; text-decoration:none;} 

/* LOGO CSS */
.logo{ float:left;}

/* MAIN NAVIGATION CSS */

.header {
  padding: 10px 16px;
  background: #fff;
  color: #f1f1f1;
  position:relative;
  z-index:999; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
}
 
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

 

.nav_container{ background-color:#fff; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);}
.f-nav{ ackground-color:red; border-bottom:3px solid #367C33; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}
.navbar-default { background-color:transparent; border-color:transparent; margin: 10px 0; }
.navbar-default .navbar-nav > li > a:hover {color: #367C33; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #367C33; background-color:transparent; border-bottom: 2px solid #367C33;}
.nav > li > a {position: relative; display: block; padding: 20px 14px;}

@media (min-width: 768px) {
    .navbar-right {
        margin-top: 10px;
    }
}

/*----- FOR AUTO HOVER CSS  ------*/
.dropdown:hover .dropdown-menu {display: block;}

.price{ float: left; margin-top: 5px; color:#999;}
.price:hover{color:#333;}
.titlebar{ background-color:#57726b; background-image:url(../images/bg.jpg); padding:100px; background-attachment:fixed; background-size: contain; margin-bottom:40px;}
.titlebar_title {font-size:30px; color: #fff;}

/* FONTS CSS */
h1{ color:#367C33; font-size:24px;}
h1:after{  background-color: #367C33; height: 1px; width: 3%; content: " "; display: block;margin: 8px 0 20px;}
/*h1.innertitle{ text-align:center; padding-bottom:15px; margin-bottom:20px;}*/

.imghighlight{ opacity:1;}
.imghighlight:hover{ opacity:0.5;}

.redmore_btn{background:#367C33 none repeat scroll 0 0; border:1px solid #367C33; border-radius:25px; color:#fff; font-size: 12px; line-height:35px; margin:10px 0; padding:0; width:30%; }
.redmore_btn:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #367C33; transition: all 0.5s ease 0s;}

/* FOOTER CSS */
.footer_box{ background-color:#F5F5F5; border:none;}
.copy{ padding-top:5px; color:#367C33; font-size:13px;}

/* DIGI CSS */
.weblink{ font-size:13px; color:#367C33;}
.weblink:hover{ color:#000; text-decoration:none;}

.back-to-top {background-color:#222; border:none; cursor: pointer; position: fixed; bottom: 5px; right: 5px; display:none;}
.back-to-top:hover{ background-color:#367C33; ;}
.back-to-top:focus{ background-color:#367C33; }

form_main { width: 100%;}
.form_main h4 { font-size: 20px; font-weight: 300; margin-bottom: 15px; margin-top: 20px; text-transform: uppercase;}
.heading {border-bottom: 1px solid #fcab0e; padding-bottom: 9px; position: relative;}
.heading span {background: #9e6600 none repeat scroll 0 0; bottom: -2px; height: 3px; left: 0; position: absolute; width: 75px;}   
.form { border-radius: 7px; padding: 6px;}
.txt[type="text"] { border-top:0; border-left:0px; border-right:0; border-bottom:1px solid #eee; margin: 9px 0; padding: 10px 0 10px 5px; width: 100%;}
.txt_3[type="text"] { border-top:0; border-left:0px; border-right:0; border-bottom:1px solid #eee;resize: none; margin: 10px 0 0; padding: 10px 0 10px 5px; width: 100%;}
.txt2[type="submit"] { background: #242424 none repeat scroll 0 0; border: 1px solid #4f5c04; border-radius: 25px; color: #fff; font-size: 16px; font-style: normal; line-height: 35px; margin: 10px 0; padding: 0; text-transform: uppercase; width: 30%;}
.txt2:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #5793ef; transition: all 0.5s ease 0s;}
.bttn{ background: #242424 none repeat scroll 0 0; border: 1px solid #4f5c04;border-radius: 25px; color: #fff;font-size: 16px; font-style: normal; line-height: 35px; margin: 10px 0; padding: 0 15px 0 15px; text-transform: uppercase;}
.bttn:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #5793ef; transition: all 0.5s ease 0s;}

.infobox{ background-color:#367C33; padding:20px 0 20px 0; border-top:5px solid #57726b; border-bottom:5px solid #57726b; margin:30px 0 30px 0; color:#ccc;}
.info_title{ font-size:30px; color:#FFF; margin-bottom:20px;}
.info_text{ font-size:20px; margin-bottom:20px;}
.info_btn{ ackground-color:#F7821F; color:#FFF; padding:10px;}

.tabbable { margin-bottom: 18px; }
.tab-content { float:left; padding: 15px;  border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.tabbable.responsive .nav-tabs a{color:#fff; }
.tabbable.responsive .nav-tabs li { background-color:#57726b; color:#fff; margin-right:5px;}
.tabbable.responsive .nav-tabs li:hover { background-color:#000;  border:0;}
.tabbable.responsive .nav-tabs > .active > a { background-color:#367C33; color:#fff; font-size:12px; border:0;}
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; }

.micon{ background-color: #367C33; font-size:12px; color:#fff; padding:10px; border-radius:20px; }


@media (min-width:200px) and (max-width:767px) {
.topheader{ text-align:center;}
.navbar-default {background-color: #f8f8f8; border-color: #e7e7e7;-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);}	

.titlebar{ background-color:#57726b; background-image:url(../images/bg.jpg); padding:30px; background-attachment:fixed; background-size: contain; margin-bottom:40px;}
.titlebar_title {font-size:19px; color: #fff;}

.tabbable.responsive .nav-tabs { font-size: 16px; }
.tabbable.responsive .nav-tabs ul { margin: 0; }
.tabbable.responsive .nav-tabs li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; height: 44px;line-height: 44px; padding: 0 15px;border: 1px solid #ddd;overflow: hidden;}
.tabbable.responsive .nav-tabs > li > a {border-style: none;display: inline-block;margin: 0;padding: 0;}
/* include hover and active styling for links to override bootstrap defaults */
.tabbable.responsive .nav-tabs > li > a:hover {border-style: none; background-color: transparent;}
.tabbable.responsive .nav-tabs > li > a:active,.tabbable.responsive .nav-tabs > .active > a,.tabbable.responsive .nav-tabs > .active > a:hover {background-color:transparent;border-style: none;}
/* sample styles for the tab controls on small screens  - start with left control and override for right */
.tabbable.responsive .nav-tabs > li > a.tab-control,.tabbable.responsive .nav-tabs > li > span.tab-control-spacer {float: left;width: 36px;height: 36px;margin-top: 4px;font-size: 56px;font-weight: 100;line-height: 26px;color: #fff;text-align: center;background: #444;-webkit-border-radius: 18px;-moz-border-radius: 18px;  border-radius: 18px;}
.tabbable.responsive .nav-tabs > li > a.tab-control.right,.tabbable.responsive .nav-tabs > li > span.tab-control-spacer.right {float: right;}
.tabbable.responsive .nav-tabs > li > a.tab-control:hover {color: #fff;background: #444;}
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer {line-height: 28px;color: transparent;background: transparent;}
}


.footer_area{ background-color:#367C33; color:#ddd; margin-top:50px; }

.custom-vertical-nav {
  padding: 10px;
}

.custom-vertical-nav li a {
  display: block;
  padding: 0 0 15px 0px;
  color: #ddd;
}

/* Optional: Style for the active state */
.custom-vertical-nav li a:hover , .custom-vertical-nav li a:focus {
  background-color: #367C33!important;
  color: #fff;
}


/* Optional: Add a media query if you want it to become horizontal on large screens */
@media (min-width: 768px) {
  .custom-vertical-nav > li {
    float: none; /* Already handled by nav-stacked, but good practice */
  }
}


 
/* Slider */
.slick-slide { margin: 10px; }
.slick-slide img { width: 100%; }