@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700');
.top_bg{ background:#fbfbfb; border-bottom:solid 1px #eee;}
.top_text{ font-family: 'Raleway', sans-serif; font-size:14px; color:#797979; font-weight:400; padding:10px 0;}
.top_icon{ text-align:right; font-size:15px; padding:8px 0;}
.top_icon a{ padding:0 5px; color:#797979;}
.top_icon a:hover{ color:#106c37;}

.logo{ padding:15px 0;}
.search_btn{ background:#2a1b60 !important; border:solid 1px #106c37 !important; color:#fff !important;}
.search_con{ padding-top:25px;}

.menu_name{ font-family:'Raleway', sans-serif; font-weight:500; padding:10px 0 10px 15px; text-align:left; text-transform:capitalize;}
.menu_name a{ font-family:'Raleway', sans-serif; font-size:16px; font-weight:500; color:#797979; display:block;}
.menu_name a:hover{ color:#106c37; text-decoration:none; display:block;}
.menu_name i{ font-size:8px; color:#106c37;}

.nav_bar{ padding-top:18px;}
.catssss{ margin-top:-50px;}
.cat_img{ margin:20px 0; transition:all 0.3s; text-align:center;}
.cat_img:hover{ opacity:0.5; transition:all 0.3s;}

.about_bg{ background:#FFF url(../images/about_bg.jpg) center top repeat-x; padding:30px 0;}
.about_img{ text-align:center;}

.about_head{ font-family:'Raleway', sans-serif; font-weight:700; font-size:28px; color:#2a1b60; padding-bottom:5px; background:url(../images/about_icon.jpg) left bottom no-repeat; margin-bottom:20px; text-transform:uppercase;}
.about_text{font-family:'Raleway', sans-serif; font-weight:400; font-size:14px; color:#797979; padding-bottom:20px;}
.about_btn{ margin-bottom:20px;}
.about_btn a{font-family:'Raleway', sans-serif; font-weight:400; font-size:14px; color:#fff; background:#2a1b60; text-decoration:none; padding:8px 20px;}
.about_btn a:hover{ background:#000; color:#fff;}

.featured_head{ font-family:'Raleway', sans-serif; font-weight:700; font-size:28px; color:#2a1b60; padding-bottom:5px; background:url(../images/about_icon.jpg) center bottom no-repeat; margin:20px 0; text-transform:uppercase; text-align:center;}
.pro_box{ background:#FFF; box-shadow:0px 0px 10px #ccc; margin-bottom:25px; text-align:center; padding:20px;}
.p_img{ text-align:center;min-height:320px; line-height:320px; padding-bottom:20px;}
.p_name{ font-family:'Raleway', sans-serif; font-weight:500; font-size:16px; color:#000;}
.p_art{ font-family:'Raleway', sans-serif; font-weight:500; font-size:15px; color:#000; margin-bottom:20px;}
.p_btn{ margin-bottom:10px;}
.p_btn a{font-family:'Raleway', sans-serif; font-weight:400; font-size:14px; color:#fff; background:#2a1b60; text-decoration:none; padding:8px 20px;}
.p_btn a:hover{ background:#000; color:#fff;}

.certificates_bg{ background:#FFF url(../images/about_bg.jpg) center top repeat-x;}
.certificates_head{ font-family:'Raleway', sans-serif; font-weight:700; font-size:28px; color:#2a1b60; padding-bottom:5px; background:url(../images/about_icon.jpg) left bottom no-repeat; margin:20px 0; text-transform:uppercase;}
.certificates_img{ padding:10px 0 25px 0;}

.pdf_bg{ background:#2a1b60; padding:20px;}
.pdf_head{ font-family:'Raleway', sans-serif; font-weight:700; font-size:24px; color:#fff; padding-bottom:10px; background:url(../images/pdf_line.jpg) left bottom no-repeat; margin-bottom:20px; text-transform:uppercase;}
.pdf_text{font-family:'Raleway', sans-serif; font-weight:400; font-size:14px; color:#fff; padding-bottom:20px;}
.pdf_text a{ text-decoration:underline; color:#fff;}
.pdf_text a:hover{ text-decoration:underline; color:#000;}
.pdf_icon{ text-align:right;}
.pdf_btn{ margin-bottom:10px;}
.pdf_btn a{font-family:'Raleway', sans-serif; font-weight:400; font-size:14px; color:#fff; background:none; border:solid 1px #FFF; text-decoration:none; padding:8px 20px;}
.pdf_btn a:hover{ background:#000; color:#fff;}

.footer_bg{ background:#f6f4f5; border-bottom:solid 1px #dddbdc;}
.footer_bg2{ background:#f6f4f5;}
.footer_icon{ text-align:center; padding:20px 0 10px 0; color:#2a1b60; font-size:40px;}
.footer_head{ text-align:center; font-family:'Raleway', sans-serif; font-weight:700; font-size:18px; color:#2a1b60; text-transform:uppercase; padding-bottom:10px;}
.footer_text{font-family:'Raleway', sans-serif; font-weight:400; font-size:16px; color:#797979; padding-bottom:20px; text-align:center;}
.footer_text a{ color:#797979; text-decoration:none;}
.footer_text a:hover{ color:#797979; text-decoration:underline;}

.footer_heading{ font-family:'Raleway', sans-serif; font-weight:700; font-size:24px; color:#2a1b60; padding-bottom:10px; margin:20px 0; text-transform:uppercase;}
.footer_nav{ margin-bottom:20px;}
.letter_con{ margin-bottom:20px;}
.copy_text{ font-family:'Raleway', sans-serif; font-weight:400; font-size:16px; color:#797979; padding:20px 0; text-align:center;}

.detail_box{ background:#FFF; box-shadow:0px 0px 10px #ccc; padding:20px;}
.d_name{ font-family:'Raleway', sans-serif; font-size:22px; color:#106c37; font-weight:700;}
.d_art{ font-family:'Raleway', 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:'Raleway', sans-serif; font-size:14px; color:#000; padding:5px 0 15px 0; border-bottom:solid 1px #dfdfdf;}
.d_qty{ font-family:'Raleway', sans-serif; font-size:22px; color:#106c37; 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:5px; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets:hover{padding:10px 20px 10px 20px; background:#106c37; border:1px #106c37 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets a{padding:10px 20px 10px 20px; background:#222; border:1px #222 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets a:hover{padding:10px 20px 10px 20px; background:#106c37; border:1px #106c37 solid; border-radius:5px; color:#fff; text-decoration:none; margin-bottom:20px;}

.sub_banner{ text-align:center;}
.left_menu_main a{ background:#2a1b60; font-family:'Raleway', 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:#106c37; text-decoration:none; padding-left:15px; transition:all 0.3s;}
.content_head{font-family:'Raleway', sans-serif; font-size:30px; 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:'Raleway', 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:'Raleway', sans-serif; font-size:15px; color:#565656; margin-bottom:20px; text-align:center; font-weight:700;}
.google_map{ margin:20px 0;}
.paging_con{ margin-bottom:20px;}




@media (max-width:768px){
	.catssss{ margin-top:0px;}
	.top_text{ text-align:center;}
	.top_icon{ text-align:center;}
	.logo{ text-align:center;}
	.search_con{ padding:5px 0 10px 0;}
	.nav_bar{ padding-top:10px;}
	.cat_img{ margin-top:0px; text-align:center;}
	.cat_img:hover{ margin-top:0px;}
	.about_img{ padding-bottom:20px;}
	.banner_margin{ margin-bottom:20px;}
	.certificates_img{ text-align:center; padding:10px 0;}
}

/* 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 rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #106c37;
  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;
}

.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:#106c37;
	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 #106c37;
}
.paging_act{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#106c37;
	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 #106c37;
}
.paging_act:hover{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#106c37;
	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 #106c37;
}