﻿/*==== #Home Page Layout
       #Inner Page Layout === */ 


/* ======= Home Page Layout ======= */ 
.section-top
{
	background: #389043 url('images/bg_nav-top.jpg') repeat-x 0 0;
	border-color: #389043;
	min-height: 30px !important;
	margin-bottom: 0px;
}
.top-menu{
    background:#389043 url('images/bg_nav-top.jpg') 0 0 repeat-x ;
    min-height:30px!important;
    margin-bottom:0px;
    margin-left:-15px;
}

.top-menu .navbar-nav > li > a{
	 padding:5px;
	 color:#fff;
	 font-size:12px;
}
.themes {
    background-color: #FFF;
    border: 1px solid #328D3E;
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.50);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.50);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.50);
    width: 70px;
    height: 23px;
    display: inline-block;
    margin-top: 4px; }
.themes a{ display: inline-block;
    height: 12px;
    width: 12px;
    margin: 5px;
    margin-top: 5px;
    margin-right: 2px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.themes .title{
color:#20822f;
	
}

.themes .green {
   background-color: #45B352;
}
.themes .orange{
    background-color: #518FFF;
 }
.themes .grey{
    background-color: #4A4A4A;
 }
 
 
 .font-resize{display: inline-block;
    color: #FFF;
    vertical-align: super;
    height: 25px;
	
}
.font-resize a{
	color: #FFF;
    display: inline-block;
    /* vertical-align: middle; */
    padding: 5px 3px;

}

.version{display: inline-block;
    color: #FFF;
    vertical-align: super;
    height: 25px;
	
}
.version a{
	color: #FFF;
    display: inline-block;
    /* vertical-align: middle; */
    font-size:12px;
    padding: 5px;

}


.header-menu{
    background:#389043 url('images/bg_nav-header.jpg') top center repeat-x ;
    border-color: #389043;
}

.header-menu .navbar-nav>li>a {
    color: #FFF;
    font-size:16px;
}


.navbar-default .navbar-nav > .active > a {
    color: #555;
    background-color: #C2DA3E;
}
.header-menu .navbar-nav>li{
	 background:url('images/sep_nav-header.png') left center no-repeat;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #404040;
background-color: #C2DA3E;
}
.header-menu .navbar-nav>.w-active>a {
background:url('images/bg_nav-active.jpg') 0 0 repeat-x;
border-left:1px solid #fff;
	
}

.header-menu .navbar-nav>.c-active>a {
background:url('images/bg_nav-active.jpg') 0 0 repeat-x;
border-left:1px solid #fff;
	
}
.header-menu .navbar-nav>.n-active>a {
background:url('images/bg_nav-active.jpg') 0 0 repeat-x;
border-left:1px solid #fff;
border-right:1px solid #fff;
	
}

#section-01{
	background-color:#f3f3e5;     padding: 10px 0 10px 0;	border-bottom: 2px solid #EAEAE9; 
	
}

#section-02{
	background-color:#f3f3e5; padding: 20px 0 20px 0;	
	
}
.produceslider{padding:0; margin:0;}
.slider{padding:5px; border:1px solid #e9e9db; background-color:#fff;}
/* ======= For Tab Highlight 1 ======= */ 
  .highlight-1, .highlight-2, .module-context{
	margin-bottom: 10px;
}  
.highlight-1 .tab-content
{ border: 1px solid #E9E9DB;
    min-height: 193px;
    background-color: #FFF;
    padding:5px 10px;
    box-shadow: 1px 0px 6px #E0E0E0;
}
.highlight-1 .nav-tabs {
    border-bottom: 1px solid #e9e9db;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    background: #FFF url('images/bg_nav1_li.gif') 0 0 repeat-x;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    color: #333;
       /* font-family: 'Open Sans'; */
    font-family: 'Roboto Slab';
    /* font-family: Century Gothic; */
    font-size: 14px;
    font-weight: 600;
        border-color: #E9E9DB #E9E9DB #E9E9DB;
}
.highlight-1 .nav-tabs > li.active > a, .highlight-1 .nav-tabs > li.active > a:hover, .highlight-1 .nav-tabs > li.active > a:focus {
    color: #ea6800;
    cursor: default;
    background: #FFF url('images/bg_nav1_li_active.gif') 0 0 repeat-x;
    border: 1px solid #e9e9db;
    border-bottom-color: #e9e9db;
    /* font-family: 'Open Sans'; */
    font-family: 'Roboto Slab';
    /* font-family: Century Gothic; */
    font-size: 14px;
    font-weight: 600;
}
.highlight-1  .nav-tabs > li > a:hover {
    border-color: #e9e9db #e9e9db #e9e9db;
}
.highlight-1  .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #e9e9db;
}
/* ======= For End Tab Highlight 1 ======= */ 

/* ======= For Tab Highlight 2 ======= */ 

.highlight-2 .btn {
    padding: 3px 12px !important;}

.highlight-2 .tab-content{ 
	border: 1px solid #E9E9DB;
    min-height: 264px;
    background-color: #FFF;
    padding:5px 10px;
    box-shadow: 1px 0px 6px #E0E0E0;
}
.highlight-2 .nav-tabs {
    border-bottom: 1px solid #e9e9db;
}
.highlight-2 .nav-tabs > li{font-size: 16px;font-family: 'Roboto Slab';}
.highlight-2 .nav-tabs > li > input[type=submit] {
    margin-right: 2px;
    line-height: 1.42857143;
    background: #FFF url('images/bg_nav2_li.gif') 0 0 repeat-x;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    color: #333;
      font-size: 16px;
    font-weight: bold;
        border-color: #E9E9DB #E9E9DB #E9E9DB;
}
.highlight-2 .nav-tabs > li.active > input[type=submit], .highlight-2 .nav-tabs > li.active > input[type=submit]:hover, .highlight-2 .nav-tabs > li.active > input[type=submit]:focus {
    color: #ffffff;
    cursor: default;
    background: #FFF url('images/bg_nav2_li_active.gif') 0 0 repeat-x;
    border: 1px solid #e9e9db;
    border-bottom-color: #e9e9db;
     /* font-family: 'Open Sans'; */
    font-family: 'Roboto Slab';
    /* font-family: Century Gothic; */
    font-size: 16px;
    font-weight: 600;


}
.highlight-2  .nav-tabs > li > input[type=submit]:hover {
    border-color: #e9e9db #e9e9db #e9e9db;
}
.highlight-2  .nav > li > input[type=submit]:hover, .nav > li > input[type=submit]:focus {
    text-decoration: none;
    background-color: #e9e9db;
}

.highlight-2 .list-items{ padding:0; padding-left:5px; list-style:none; margin-top: 5px;}
.highlight-2 .list-items li a{    background: url('images/blt_leaf.png') top left no-repeat;
    padding-left: 25px;
    /* line-height: 30px; */
   padding-bottom: 5px;
    padding-top: 5px;color: #383736;}

/* ======= For End Tab Highlight 1 ======= */ 
.position-1 .module-head, .position-2 .module-head, .position-3 .module-head, .position-4 .module-head, .position-5 .module-head, .position-6 .module-head, .position-7 .module-head, .position-8 .module-head, .position-9 .module-head, .position-10 .module-head{
	  /* font-family: 'Open Sans'; */
    font-family: 'Roboto Slab';
    /* font-family: Century Gothic; */
    font-size: 14px;
    font-weight: 600;

}
/* ======= For Position 1 ======= */
.position-1 .module-head{
	 background:url('images/bg_mod_msg.gif') 0 0 repeat-x;
	 padding:5px 10px;
	 color:#fff;
	 font-size:14px;
	 font-weight:bold;
	     border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.position-1 .module-context{
    border: 1px solid #E9E9DB;
    background-color: #FFF;
    min-height: 196px;
       padding: 5px 10px;;
    font-size: 13px;
    line-height: 20px;
	
}
.position-1 .module-context ul{
	           padding: 0px;
    list-style: none;
}

.position-1 .module-context ul > li{
    background: url('images/blt_mod_msg.png') 0px center no-repeat;
        padding: 3px 0px 3px 18px;
    border-bottom: 1px solid #EAEAEA;
	
}

.position-1 .module-context ul > li > a{
	 color:#393533;
}

.position-1 .module-context ul > li > a:hover, .position-1 .module-context > li > a:focus{
	color:#6D6D4E;
}
/* ======= End Position 1 ======= */ 

/* ======= For Position 2 ======= */
.position-2 .module-head{
	 background:url('images/bg_mod_msg.gif') 0 0 repeat-x;
	 padding:5px 10px;
	 color:#fff;
	 font-size:16px;
	 font-weight:bold;
	     border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.position-2 .module-context{
   border: 1px solid #E9E9DB;
    background-color: #FFF;
    min-height: 265px;
    padding: 5px 0px;
    font-size: 12px;
    line-height: 20px;
	
}
.position-2 .module-context td{
	 text-align:left;
	   border-bottom: 1px solid #EAEAEA;
	   padding-top:4px;

}

.position-2 .module-context h6{
	 color:#3C3C3C;
	     margin:5px 0;
	     font-size: 14px;
    font-weight: bold;
}
.position-2 .module-context img{
	    margin: 4px 5px 0 0;}

.position-2 .module-context .msg-wrap p {
    margin: 0 0 5px;
}

.position-2 .module-context a{
	 color:#3b9043;
	 font-size: 12px;
}

.position-2 .module-context a:hover, .position-2 .module-context a:focus{
	color:#6D6D4E;
}
/* ======= End Position 2 ======= */ 

/* ======= For Position 3 ======= */
.position-3 .module-head, .position-4 .module-head, .position-5 .module-head{
	 padding:10px 0px;
	 color:#369042;
	 font-size:18px;
	 font-weight:bold;
}
.position-3 .module-context{
    border: 1px solid #E9E9DB;
    min-height: 300px;
    padding: 5px 10px;
    overflow-y: auto;
	
}
.position-3 .module-context .box-btn{
	 text-align:center;
	 border: 1px solid #f1f1f1;
	 padding:10px 5px 5px 5px;
	 background:#fbf9fa;
	 margin: 5px -5px;
     height: 84px;
     transition: background ease-in 0.5s;
}

.position-3 .module-context .box-btn:hover{
	background:#F7F7DD;
}

.position-3 .module-context .box-btn img{
	margin:0 auto;
	transition: 1s ease-in-out;
 }
.position-3 .module-context .box-btn:hover img{
	transform: rotate(360deg); 
	-ms-transform:  rotate(360deg);  /* IE 9 */
	-webkit-transform:  rotate(360deg);  /* Safari */


}

.position-3 .module-context .box-btn a{
	    color: #2E6722;
    font-size: 14px;
    display: block;
    padding: 5px 0px;
    font-weight: bold;
    font-family: 'Josefin Slab';}

.position-3 .module-context .box-btn a:hover, .position-3 .module-context .box-btn a:focus{
	color:#6D6D4E;
}
.position-3 .col-md-3{
    padding-right: 10px!important;
    padding-left: 10px!important;
    }
/* ======= End Position 3 ======= */ 

/* ======= For Position 4 ======= */


.position-4 .module-head{
	 background:url('images/bg_mod_msg.gif') 0 0 repeat-x;
	 padding:5px 10px;
	 color:#fff;
	 font-size:16px;
	 font-weight:bold;
	 border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
.position-4 .module-context{
   border: 1px solid #E9E9DB;
    background-color: #FFF;
    min-height: 265px;
    padding: 12px 10px;
    font-size: 13px;
    line-height: 20px;
	
}
.position-4 .module-context ul{
    padding: 0px;
    list-style: none;}
    
 .position-4 .module-context ul>li  
 {
 	border-bottom: 1px solid #e9e9db;
    margin: 8px 0px 0px;
    padding-bottom: 7px;}
    
  .position-4 .module-context ul>li>a 
  {
  	color: #005D0C;
  	background:url('images/blt_mod_msg.png') 0 center no-repeat;
    font-size: 14px;
    padding-top: 2px;
    padding-left: 20px;
    display: block;
    text-decoration: none;}

.position-4 .module-context .list-group{margin-bottom: 0; }
 
.position-4 .module-context p{
	color:#2E6722;
}
.award-scroll{
	padding:10px 5px;
	background: #fff;
	
}
.award-scroll a{
border:none;
    border-top: 1px solid #F3F3F3;
}
    

/* ======= End Position 4 ======= */ 

/* ======= For Position 5 ======= */
.position-5 .module-context{
      border: 1px solid #E9E9DB;
    min-height: 300px;
    padding: 5px 10px 5px 7px;
    overflow-y: auto;	
}
.position-5 .module-context ul{
	           padding: 0px;
    list-style: none;
}

.position-5 .module-context ul > li{
    border-bottom: 1px solid #EAEAEA;
    margin: 5px;
    }
.position-5 .module-context ul > li:hover{ background: #369042;}
.position-5 .module-context ul > li > a img{

transition:all ease-in 0.3s;
}

.position-5 .module-context ul > li > a img:hover, .position-5 .module-context > li > a img:focus{
box-shadow:0 0 6px #FF8F37;
transform:scale(1.05);
	}
/* ======= End Position 5 ======= */ 
/* ======= Section-03 position-6, position-7, position-8, position-9 ======= */ 
#section-03 {
border-top:4px solid #eaeae9;
background:#51a058 url('images/bg_section03.gif') repeat-x left bottom;
padding: 10px 0 20px 0;
}
.position-6 .module-head, .position-7 .module-head, .position-8 .module-head, .position-9 .module-head{
	 padding: 10px 0px 0px 0px;
	 color:#195b20;
	 font-size:18px;
	 font-weight:bold;
	 text-transform:uppercase;
}
.position-6 .module-context, .position-7 .module-context, .position-8 .module-context{
     /* border-left: 1px solid #E9E9DB; */
    min-height: 250px;
    padding: 5px 0px;
    /* overflow-y: auto; */
	
}
.position-6 .module-context ul, .position-7 .module-context ul, .position-8 .module-context ul{
 padding : 0px;
    list-style: none;
}

.position-6 .module-context ul > li, .position-7 .module-context ul > li, .position-8 .module-context ul > li{
    border-bottom: 1px solid #e9e9db;
    margin: 5px 0px 10px;    }
.position-6 .module-context ul > li:hover, .position-7 .module-context ul > li:hover, .position-8 .module-context ul > li:hover{ background: #369042;}
.position-6 .module-context ul > li > a , .position-7 .module-context ul > li > a , .position-8 .module-context ul > li > a {
 color:#fefee5;
transition:all ease-in 0.3s;
    font-size: 12px;
    padding-top:2px;
    display:block;
}

.position-6 .module-context ul > li > a:hover, .position-6 .module-context > li > a:focus, .position-7 .module-context ul > li > a:hover, .position-7 .module-context > li > a:focus, .position-8 .module-context ul > li > a:hover, .position-8 .module-context > li > a:focus{
 color:#f9ef81;
 text-decoration:none;
     padding-left: 5px;
	}
	
.position-9 .AddressInfo ul {padding: 10px 0px 0 20px;}
.position-9 .AddressInfo ul li{ color:#f7f7f6; font-size:12px; margin-bottom:5px;}
.add-ho{list-style-image:url('images/icon_addr.png'); list-style-position:outside;}
.phone-ho{list-style-image:url('..././images/icon_phone.png')}
.fax-ho{list-style-image:url('../images/icon_fax.png')}
.email-ho{list-style-image:url('images/icon_email.png')}

.position-9 .SocialConnect ul {padding: 10px 0px 0 20px;}
.position-9 .SocialConnect ul li{ color:#f7f7f6; font-size:12px; margin-left:5px; display:inline;}
.position-9 .SocialConnect ul li img { 
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  transition:all ease-in 0.5s;
  
  }
  
  .position-9 .SocialConnect ul li img:hover{
    filter: none;
  -webkit-filter: grayscale(0%);
	
}

.position-9 .VisiorCount{
color:#fff;	
font-size:18px;
font-weight:bold;
text-align:left;
}

/* ======= End Section-03 position-6, position-7, position-8, position-9 ======= */ 

/* ======= Section-04 position-6, position-7, position-8, position-9 ======= */ 
#section-04{
background:#ffffff url('images/bg_section04.gif') left bottom repeat-x;
 border-bottom:4px solid #b7b790;
 padding:5px;
}
#section-04 p{
margin:5px 0px;
font-size:11px;
}
.position-copyright p{	
}
.position-10 p{
	 text-align:center;
}
.position-credit p a{
color: #AB6429;	
}
/* ======= End Section-04 position-6, position-7, position-8, position-9 ======= */ 
/* ======= End Home Page Layout ======= */ 

/* ======= Inner Page Layout ======= */ 
.breadcrumbs {
        border-bottom: 1px solid #F4F3F1;
    margin: 0 0 0 15px;
    padding-left: 0px;}
.breadcrumbs ul {
    padding: 0px;
}
.breadcrumbs ul li {
    display: inline;
    float: left;
    font-size: 11px;
    color: #93643F;
    padding-left: 3px;
}
.breadcrumbs ul li.prev {
    padding-right: 10px;
    padding-left: 0px;
    background: url(images/blt_brdcrmb.png) right center no-repeat;
}
.breadcrumbs ul li a {
    color: #93643F;
    text-decoration: none;
}
.content-wrap{
box-shadow:0px 0px 5px #ccc;
background-color:#fff;
padding: 15px;
margin-bottom: 10px;

}
.sect-left{
	margin-top:15px;
}
.sect-left .module-head {
    background: url('images/bg_mod_left.gif') 0 0 repeat-x;
    padding: 5px 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sect-left .module-context {
    border: 1px solid #E9E9DB;
    background-color: #FFF;
    min-height: 196px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 20px;
}
.sect-left .module-context ul {
    padding: 0px;
    list-style: none;
}
.sect-left .module-context ul > li {
    background: url('images/blt_mod_msg.png') 0px center no-repeat;
    padding: 3px 0px 3px 18px;
    border-bottom: 1px solid #EAEAEA;
}
.sect-left .module-context ul > li > a {
    color: #393533;
}
.sect-center{
	margin-top:15px;
}
.sect-center .page-title{
           /* max-height: 40px; */
    font-size: 20px;
    color: #A0A059;
    font-weight: bold;
    margin-bottom: 10px;
    border: 1px solid #E6E6D6;
    border-radius: 20px;
    /* border-bottom-left-radius: 15px; */
    padding: 5px 10px;
    /* padding-left: 10px; */
    /* text-align: center; */
    background-color: #FBFBF3;}
    
    .sect-center .center-title{ text-align:center;}
    
    
.sect-center .page-context{
padding: 5px 10px;
}

/*Login Page*/
.login-instruct{
    min-height: 377px;
}
.pop
{
	text-align:center;
	}
	
/* for Dropdown on Hover*/

.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

/** Bootstrap Overrite For JCE Editor **/	
#editor-custom-content h4{color: #800000;}
#editor-custom-content p{ text-align:justify;}
#editor-custom-content .img-rounded {
  margin:5px 5px 5px 10px;
}

/**End**/















.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{
	color: #fff;
	background-color: #45B352;
}
