@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
.top_bg{ background:#000000;}
.top_text{ padding:10px 0; color:white;}
.top_text a{ color:#FFFFFF; padding:0 10px;}
.top_text a:hover{ color:#336501;}
.logo{ padding:30px 0 0 0;}

.padding{ padding-left:0px !important; padding-right:0px !important;}
.menu_name{ font-family: 'Open Sans', sans-serif; padding:10px 0 10px 15px; text-align:left; border-right:solid 1px #636363; border-bottom:solid 1px #636363; display:block; text-transform:capitalize;}
.menu_name a{ font-family: 'Open Sans', sans-serif; color:black; display:block;}
.menu_name a:hover{ color:#336501; text-decoration:none; display:block;}
.menu_name i{ font-size:14px;}

.nav_bar{ padding-top:40px;}
.nav_btns{ padding-top:53px;}
.nav_btns a{ font-size:14px; font-weight:600; color:#000; padding:0 5px;}
.nav_btns a:hover{ color:#336501;}

.about_bg{ background:white; padding:0 20px;}
.about_head{ font-family: 'Open Sans', sans-serif; color:black; font-size:32px; font-weight:700; padding:20px 0 10px 0;}
.about_head span{ font-family: 'Open Sans', sans-serif; color:#336501; font-size:18px; font-weight:600;}
.about_text{font-family: 'Open Sans', sans-serif; color:#5f5f60; font-size:14px; text-align:justify; line-height:28px;}
.about_btn{ margin:20px 0 10px 0;}
.about_btn a{ background:#336501;font-family: 'Open Sans', sans-serif; color:#fff; font-size:16px; font-weight:600; border-radius:20px; padding:10px 15px; text-transform:uppercase;}
.about_btn a:hover{ background:#000000; text-decoration:none;}
.welcome_note{ margin-top:-100px;}

.cats_head{font-family: 'Open Sans', sans-serif; color:#000; font-size:32px; font-weight:700; text-align:center; padding-top:25px;}
.cats_text{font-family: 'Open Sans', sans-serif; color:#5f5f60; font-size:16px; text-align:center; padding-bottom:25px;}
.cat_right{ padding-bottom:20px; text-align:center;}

.mian_cate{padding-bottom:20px;}
.mian_cate .cat_pic{position:relative; overflow:hidden;}
.mian_cate .cat_pic img{width:100%; transition:all 0.4s ease-out;}
.mian_cate:hover .cat_pic img{transform:scale(1.1)}
.mian_cate .cat_pic .cat_name{position:absolute; bottom:-80%; right:0px; left:0px; text-align:center; background:#336501; padding-top:10px; transition:all 0.4s ease-out;}
.mian_cate .cat_pic .cat_name h3{font-family: 'Poppins', sans-serif;font-size:20px; font-weight:700; color:#fff; text-transform:uppercase; padding-bottom:10px;}
.mian_cate:hover .cat_pic .cat_name{bottom:0px;}

.h1, .h1, h2, .h2, h3, .h3{ margin-top:10px !important;}

.features_bg{ background:#999999 url(../images/featured_bg.jpg) center top no-repeat; background-size:cover; position:relative;}
.parallax{ background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;}
.featured_icon{ text-align:center; padding:20px 0 10px 0;}
.featured_head{font-family: 'Open Sans', sans-serif; color:#000; font-size:32px; font-weight:700; text-align:center;}

.pro_box{ text-align:center; padding:20px; background:#FFF; margin-bottom:30px; border:solid 1px #d4d4d4;}
.p_img{ padding:30px 0;}
.featured_description{ font-family:Arial; font-size:14px; font-weight:bold; color:black;}
.article_custom{font-family:Arial; font-size:13px; font-weight:normal; color:black; padding-bottom:10px; margin-bottom:20px;}
.paging_con{ margin-bottom:20px;}

.detail_box{ background:#FFF; padding:20px; text-align:center; border:solid 1px #000000;}
.d_name{ font-family:'Roboto', sans-serif; font-size:22px; color:#336501; font-weight:700;}
.d_art{ font-family:'Roboto', sans-serif; font-size:16px; color:#000; font-weight:700; padding:5px 0 15px 0; border-bottom:solid 1px #dfdfdf; margin-bottom:15px;}
.d_detail{ font-family:'Roboto', sans-serif; font-size:14px; color:#000; padding:5px 0 15px 0; border-bottom:solid 1px #dfdfdf;}
.d_qty{ font-family:'Roboto', sans-serif; font-size:22px; color:#336501; font-weight:700; padding:15px 0; border-bottom:solid 1px #dfdfdf; margin-bottom:20px;}

.baskets{padding:10px 20px 10px 20px; background:#222; border:1px #222 solid; border-radius:0; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets:hover{padding:10px 20px 10px 20px; background:#336501; border:1px #336501 solid; border-radius:0; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets a{padding:10px 20px 10px 20px; background:#222; border:1px #222 solid; border-radius:0; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets a:hover{padding:10px 20px 10px 20px; background:#336501; border:1px #336501 solid; border-radius:0; color:#fff; text-decoration:none; margin-bottom:20px;}

.news_box{ background:#fff; border:solid 1px #ebebeb; padding:20px; margin:20px 0;}
.news_img{ text-align:center;}
.news_text{font-family: 'Open Sans', sans-serif; color:#000; font-size:14px;}

.footer_bg{ background:#181818;}
.footer_head{font-family: 'Open Sans', sans-serif; color:#fff; font-size:20px; font-weight:700; padding:20px 0 15px 0;}
.footer_text{font-family: 'Open Sans', sans-serif; color:#8f8f90; font-size:14px; padding-bottom:20px;}

.footer{ font-family: 'Work Sans', sans-serif; color:#8f8f90; font-size:16px;}
.footer a{ color:#8f8f90; text-decoration:none;}
.footer a:hover{ color:#336501; text-decoration:underline;}
.footer li a{font-family: 'Work Sans', sans-serif; color:#8f8f90; font-size:13px; display:block; transition:all 0.3s; text-transform:uppercase; padding-bottom:5px;}
.footer li a:hover{ text-decoration:none; color:#336501; padding-left:15px; transition:all 0.3s;}

.footer_logo{ text-align:center;padding:20px 0;}
.footer_text2{font-family: 'Open Sans', sans-serif; color:#8f8f90; font-size:14px; padding-bottom:20px; border-bottom:solid 1px #8f8f90; margin-bottom:20px; text-align:center;}
.letter_text{ margin-bottom:20px;}

.letter_input{border-radius:0px !important; padding:25px 10px !important;}
.letter_btn{border-radius:0px !important; padding:10px 30px !important; font-size:21px; background:#336501 !important; color:#fff; border:solid 1px #336501 !important;}

.copy_bg{ background:#282828;}
.copy_text{font-family: 'Open Sans', sans-serif; color:#8f8f90; font-size:14px; padding:20px 0; text-align:center;}
.copy_text a{ text-decoration:underline; font-weight:700; color:#d42b31;}
.copy_text a:hover{ text-decoration:underline; font-weight:700; color:#fff;}

.sub_banner{ text-align:center;}
.left_menu_main a{ background:#336501; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:500; color:#fff; text-transform:uppercase; display:block;padding:6px 10px; transition:all 0.3s; margin-bottom:5px; border-radius:5px;}
.left_menu_main a:hover{ background:#000; text-decoration:none; transition:all 0.3s; padding-left:20px;}

.left_sub_menu a{ background:#000; font-family:Myriad Pro; font-size:13px; color:#fff; display:block; padding:5px 12px;  transition:all 0.3s; margin-bottom:2px; border-radius:5px;}
.left_sub_menu a:hover{ background:#336501; text-decoration:none; padding-left:15px; transition:all 0.3s;}
.content_head{font-family: 'Oswald', sans-serif; font-size:36px; font-weight:600; color:#000; font-weight:normal; padding:12px 0; border-bottom:solid 1px #080808; margin-bottom:20px; text-transform:uppercase;}
.content_text{ font-family: 'Open Sans', sans-serif; font-size:15px; color:#000; padding-bottom:20px;}

.g_box{ background:#FFFFFF; border:solid 1px #999999; padding:15px; margin-bottom:10px;}

.g_name{ font-family: 'Open Sans', sans-serif; font-size:15px; color:#565656; margin-bottom:40px; text-align:center; font-weight:700;}

.google_map{ margin:20px 0;}





@media (max-width:768px){
	.top_text{ text-align:center;}
	.logo{ text-align:center;}
	.nav_bar{ padding-top:0px;}
	.nav_btns{ padding:10px 0; text-align:center;}
	.welcome_note{ margin-top:0px;}
	.padding{ padding-left:15px !important; padding-right:15px !important;}
	.about_img{ text-align:center; padding-top:20px;}
	.news_text{ text-align:center;}
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #336501;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.mg-image img {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
    max-width: 100%;
	overflow:hidden;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
	 overflow:hidden;
}
.mg-image {
  overflow: auto;
  overflow:hidden;
  height: 220px;
}

.paging{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-valign:center;
	text-decoration:none;
	background:#000;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:25px;
	height:25px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #000;
}
.paging:hover{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-valign:center;
	text-decoration:none;
	background:#336501;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:25px;
	height:25px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #336501;
}
.paging_act{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#336501;
	color:#fff;
	text-valign:center;
	text-decoration:none;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:35px;
	height:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #336501;
}
.paging_act:hover{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#336501;
	color:#fff;
	text-valign:center;
	text-decoration:none;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:35px;
	height:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #336501;
}