@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700');
.top_bg{ position: absolute;
z-index: 999;
width: 100%;

background-size: cover;
margin-top: 10px;
background-color: rgba(255,255,255,0.58);
    
}
.navbar-default .navbar-nav > li > a {
    
    color: #000;
   
}

.dropdown-menu {
   
    background-color: #333333;
  
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}


#productbg{
    background: #abb3d4;
}

.our-product-head{
      font-family: 'Raleway', sans-serif;
     font-weight: bold;
      font-size: 28px;
      color: #001a7b;
      padding-bottom: 5px;
       margin-bottom: 20px;
       text-transform: uppercase;
      text-align: center;
      padding-top: 4%;
}
.footer_head {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    color: #7e87e4;
    
    font-weight: 600;
    text-transform: uppercase;
}
.footer {
    font-family: 'Open Sans', sans-serif;
    color: #8f8f90;
    font-size: 14px;
}
#top_footer{
    
    background:url(../images/top_footr_bg.jpg) center bottom no-repeat;
    background-size: cover;
    
}
@media (min-width:768px){
#logo{
    
    height: 95px;
}
#imgpara{
    
    margin-left: 64%;
}
#manu{
   float: right; 
    
}
.logo {
    padding-top: 12px;
}
#khaliq{
    
    padding-top: 10px;
}


}
#fimg{
    
    max-height: 250px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #001a7b;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
 color:#001a7b;
  
 background-color:transparent
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
 
 color:#001a7b;
}


.mian_cate{}
.mian_cate .cat_img{position:relative; overflow:hidden;}
.mian_cate .cat_img img{width:100%; transition:all 0.4s ease-out;}
.mian_cate:hover .cat_img img{}
.mian_cate .cat_img .cat_name{position:absolute; bottom:-80%; right:0px; left:0px; text-align:center;  padding-top:10px; transition:all 0.4s ease-out;}
.mian_cate .cat_img .cat_name p{font-family: 'Poppins', sans-serif;font-size:13px; font-weight:600; color:#fff; text-transform:uppercase;}
.mian_cate:hover .cat_img .cat_name{bottom:75%;}




.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{ }
.search_btn{ background: #00F !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:#fff; display:block;}
.menu_name a:hover{ color:#001a7a; text-decoration:none; display:block;}
.menu_name i{ font-size:8px; color:#00F;}

.nav_bar{ padding-top:18px;}
.catssss{ }
.cat_img{ margin:20px 0; transition:all 0.3s; text-align:center;}
.cat_img:hover{  transition:all 0.3s;}

.about_bg{ background:#FFF url(../images/about_bg1.png) center top repeat-x; padding:30px 0;background-size: cover;}
.about_img{ text-align:center;}

.about_head{ font-family:'Raleway', sans-serif; font-weight:700; font-size:28px; color:#001a7b; padding-bottom:5px; margin-bottom:20px; text-transform:uppercase;text-align: center;}
.about_text{font-family:'Raleway', sans-serif; font-weight:400; font-size:14px; color:#797979; padding-bottom:20px;}
.about_btn{ margin-bottom:20px;text-align: center;}
.about_btn a{font-family:'Raleway', sans-serif; font-weight:400; font-size:14px; color:#fff; background: #001a7b; 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:#001a7b; padding-bottom:5px;  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: #001a7b; text-decoration:none; padding:8px 20px;}
.p_btn a:hover{ background:#000; color:#fff;}

.certificates_bg{ }
.certificates_head{ font-family:'Raleway', sans-serif; font-weight:700; font-size:28px; color:#001a7b; padding-bottom:5px; margin:20px 0; text-transform:uppercase;text-align: center;}
.certificates_img{ padding:10px 0 25px 0;}

.pdf_bg{ background:#106c37; 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:#106c37; font-size:40px;}
.footer_head{  font-family:'Raleway', sans-serif; font-weight:700; font-size:18px; color:white; text-transform:uppercase; padding-bottom:10px;padding: 20px 0;}
.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:#106c37; padding-bottom:10px; background:url(../images/about_icon.jpg) left bottom no-repeat; margin:20px 0; text-transform:uppercase;}
a:hover, a:focus {
    
    text-decoration: none;
}
a {
    color: white;
    
}
.follow_us{
    
     color: white;
}
.copy_right{
    
    color: black;
    padding: 15px;
}

.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: #00F; 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:15px; text-align:center;}
	.cat_img:hover{ margin-top:5px;}
	.about_img{ padding-bottom:20px;}
	.banner_margin{ margin-bottom:20px;}
	.certificates_img{ text-align:center; padding:10px 0;}
	
	.top_bg {
    position: inherit;
    z-index: 999;
    width: 100%;
    background-size: cover;
    margin-top: 10px;
    background-color: rgba(255,255,255,0.58);
}

.navbar-toggle {
    position: relative;
    float: initial;
    
    
}
.navbar-header{
    
    text-align: center;
}
.slideshow-wrapper {
   
    
}

#pic{
    padding-left: 0px;
padding-right: 0px;
    
}
#pic_img{
    padding-left: 0px;
padding-right: 0px;
    
}
#pic_col{
      padding-left: 0px;
padding-right: 0px;
    
    
}
.menu_name a {
   
    color: #000;
    
}

#imgimg{
    
    width: 100% !important;
    height: 300px !important;
}



	
}

/* 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: #001a7b;
  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;
	max-height: 250px;
}
.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;
}