@charset "utf-8";
/* CSS Document */

html{padding:0px;margin:0px;width:100%; height: 100%; min-height:100% !important;position:relative !important;} 
body{ height: 100%;padding:0px;margin:0px;background-color:#EEE;}
.container-fluid{padding:0px !important;width:100%; min-height:100% !important; position:relative; }


p{padding:0px; margin:0px;}
#container { padding:0px; margin:0px;} 

@font-face { font-family:font1; src:url(fonts/Roboto-Light.ttf);} 
@font-face { font-family:font1b; src:url(fonts/Roboto-Bold.ttf);} 
@font-face { font-family:font2; src:url(fonts/FlemishScriptBT.ttf);} 


.space5{height:5px;}
.space10{height:10px;}
.space15{height:15px;}
.space20{height:20px;}
.space30{height:30px;}
.space60{height:60px;}  

.height0{ height:0px !important; font-size:0px !important; } 

.colpad{padding:10px;}
.colpad1{padding:1px;} 
.colpad20{padding:20px;} 
.colpad30{padding:30px;} 
.colpad5{ padding:5px;}
.colpadleft20{padding-left:20px;}
.colpadright20{padding-right:20px;}

.relative{ position:relative;}
.cursor{ cursor:pointer;} 
.width100{ width:100%;}  
.borderwhite1px{ border:solid 1px #CCC;} 
.linered{height:1px; background-color:#d2232b;} 
.bggreen{ background-color:#3d5a18;}

*{outline:none;}  

.textfield::-webkit-input-placeholder {color: #333333;}    



.containnavbar{ height:0px;}
.divnavbar-toggle{  position:relative;}
.icon-bar{background-color:#144b7f}
.navbar-toggle{float:right !important;margin:5px !important;padding: 5px !important;margin-right:0px !important;padding-bottom:0px !important}
.navbar-collapse{border-top:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;float:left !important;}  
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-left:0px !important;margin-right:0px !important; }
.navbar-collapse.collapse{width:100% !important;}




/*................. TOP CSS....................*/ 
.serachbox{ height:60px; display:inline-block; width:300px; padding:10px 0px; vertical-align:top;}
.serachboxfield{ height:40px; border-radius:5px; width:100%; font-family:font1; font-size:16px; line-height:40px; border:0px; padding:0px 5px;}
.gosearch{ height:60px; display:inline-block; width:60px; padding:10px 0px; vertical-align:top;}

.divsocial{ display:table; height:50px; padding:5px 0px; float:right;}
.social{ cursor:pointer; float:right; border-radius:5px; overflow:hidden; padding:0px 2px;}

.logo{   padding:30px; }
.slogan{  padding:30px;  font-family:"font2";  font-size:60px; color:#3d5a18; line-height:86px; text-align:center;   letter-spacing:2px; }

/*................. TOP CSS....................*/ 
   

#sticker{ z-index:10000 !important; background-color:#EEE; border-top:solid 1px #3d5a18;}
.divmenu{ display:table; float:left;  }
.menu{  font-family:"font1"; font-size:18px; float:left; padding:5px 20px;  vertical-align:top; text-align:center; color:#595959; line-height:40px; cursor:pointer;}
.menusel{ color:#FF0000;}  
.menu:hover{ color:#FF0000;}
.imgmenu{ float:left; width:1px; height:50px; background-repeat:no-repeat; background-position:center;/* background-image:url(images/dotmenu.png);*/}

/*................. about CSS....................*/ 

.titleabout{ font-family:"font1"; font-size:26px;color:#3d5a18; display:table;  margin:auto; line-height:40px; background-position:center bottom; background-repeat:repeat-x; background-image:url(images/line.jpg); }
.aboutimage{ padding-top:0px;}
.titleabout span{ color:#595959;}
.textabout{ font-family:"font1"; font-size:16px; color:#595959; line-height:22px; padding:10px 20px 10px 0px; text-align:justify; }
.subtitleabout{font-family:"font1"; font-size:22px;color:#595959; line-height:26px; padding:5px 10px; font-weight:bold; text-align:center}
.subtextabout{ font-family:"font1"; font-size:16px; color:#595959; line-height:22px; padding:5px 10px;  text-align:center }
  
  
.titlecategorydiv{ background-position:center ; background-repeat:repeat-x; background-image:url(images/line.jpg); display:table; padding:20px 50px; margin:auto;}
.titlecategory{font-family:"font1"; font-size:30px;color:#595959; line-height:50px; background-color:#eee; padding:0px 10px; }
 
.bgdivparallex { 
/* The image used */
background-image:/*url(images/hoverallsitecristalpoint2.png),*/url(images/bgparallex.jpg); 
/* Set a specific height */
height: 475px;  
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover; 
/*background-position: center;*/
background-position: 100% auto; 
} 

.centertext{display: flex;align-items: center;justify-content: center;}
.boxrender{ display:inline-block; padding:0px; max-width:250px; cursor:pointer; margin:10px; position:relative; } 
.imageproducthomecat{cursor:pointer; position:absolute;width:70px; height:53px; bottom:0px; right:0px; background-color:#fff;
-webkit-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);}
.boxrenderIMG img{ width:100px;  background-color:#fff; -webkit-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.75);}
.boxrendertext{font-family:"font1"; font-size:18px;color:#595959; text-align:center; line-height:30px; }

.categoryname1{font-family:"font1b"; font-size:30px;text-align:center;  color:#000; line-height:40px; }
.categoryname{font-family:"font1b"; font-size:30px;text-align:center;  color:#fff; line-height:40px; text-shadow: 2px 2px #000; font-weight:bold;}

/*................. news CSS....................*/  

.imgnewshome{ overflow:hidden;}
.imgnewshome:hover img{ 
-webkit-transition: all 1000ms ease-in;
-webkit-transform: scale(1.2);
-ms-transition: all 1000ms ease-in;
-ms-transform: scale(1.2);   
-moz-transition: all 1000ms ease-in;
-moz-transform: scale(1.2);
transition: all 1000ms ease-in;
transform: scale(1.2); }
.newstitle{font-family:"font1b"; font-size:20px;text-align:left;  color:#3d5a18; line-height:30px; padding:5px 2px; }
.newsdesc{font-family:"font1"; font-size:14px;text-align:justify;  color:#000; line-height:20px; padding:5px 2px; }
.readmore{font-family:"font1"; font-size:16px;text-align:justify;  color:#F00; line-height:20px; padding:5px 2px; cursor:pointer; }

.eventtitle2{font-family:font1b; font-size:20px; line-height:26px; color:#000; padding:10px; border-bottom:solid 2px #000;  }
.eventdate2{font-family:font1; font-size:16px; line-height:26px; color:#000; text-align:right; border-bottom:solid 2px #000;  padding:10px; }
.eventdesc{font-family:font1; font-size:16px; line-height:24px; color:#000; padding:20px 10px; border-bottom:solid 2px #000;  }


/*................. about CSS....................*/  
.abouttitle{font-family:"font1"; font-size:30px; color:#3d5a18; line-height:40px; padding:15px 2px; text-align:center;}
.aboutdesc{font-family:"font1"; font-size:20px;text-align:center;  color:#000; line-height:28px; padding:5px 2px;}
.aboutmoreinfo{font-family:"font1"; font-size:30px; color:#3d5a18; line-height:40px; padding:10px 2px; text-align:center;}
.aboutmoreinfo2{font-family:"font1"; font-size:24px; color:#3d5a18; line-height:30px; padding:10px 2px; text-align:center;}
.aboutmoreinfo2desc{font-family:"font1"; font-size:18px;text-align:center;  color:#000; line-height:22px; padding:5px 2px;}

/*................. product CSS....................*/ 

.catego{-webkit-box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.75);
font-family:"font1b"; font-size:24px;text-align:left;color:#3d5a18; line-height:80px; background-color:#fff; position:relative; padding-left:10px; margin-bottom:10px; }

.imageproductcat{cursor:pointer; position:absolute;width:40px; height:30px; top:0px; right:0px;
	-webkit-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);}

.imageproduct{ 
	-webkit-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);}

.productname{font-family:"font1b"; font-size:24px;text-align:center;  color:#000; line-height:34px; padding:15px 10px  ;}
.addtocart{font-family:"font1b"; font-size:16px; text-align:center;  color:#fff; line-height:26px; display:table; margin:auto; background-color:#3d5a18; padding:10px 20px 10px 40px; border-radius:5px; background-image:url(images/cart.png); background-position: center left 3px; background-repeat:no-repeat;}
.addtocart a{  color:#fff !important; cursor:pointer;  display:block; text-decoration:none !important; min-width:100px;}
.addtocart2{font-family:"font1b"; font-size:16px; text-align:center;  color:#fff; line-height:26px; display:table;  background-color:#3d5a18; padding:10px 20px 10px 40px; border-radius:5px; background-image:url(images/cart.png); background-position: center left 3px; background-repeat:no-repeat;}
.addtocart2 a{  color:#fff !important; cursor:pointer;  display:block; text-decoration:none !important; min-width:100px;}
.checkout{font-family:"font1b"; font-size:16px; text-align:center;  color:#fff; line-height:26px; display:table;  background-color:#3d5a18; padding:10px 20px 10px 40px; border-radius:5px; background-image:url(images/checkout.png); background-position: center left 3px; background-repeat:no-repeat; min-width:160px;}

.showprodname{font-family:"font1b"; font-size:30px;text-align:left;  color:#000; line-height:40px; }
.showprodnameimg{ -webkit-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75); box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);}
.showprodprice{font-family:"font1b"; font-size:30px;text-align:left;  color:#F00; line-height:40px;}
.showproddesc{font-family:"font1"; font-size:20px;text-align:justify;  color:#000; line-height:30px; }
.quantity{font-family:"font1b"; font-size:24px;   color:#F00; line-height:40px; width:40px; height:40px; text-align:center; border:solid 1px #F00; }

#secureinfo{ display:none;}
.buttonsecure{font-family:"font1b"; font-size:16px; text-align:center;  color:#fff; line-height:26px; display:table;  background-color:#3d5a18; padding:10px 20px 10px 40px; border-radius:5px; background-image:url(images/secure.png); background-position: center left 3px; background-repeat:no-repeat;}
.passwordtitle{font-family:"font1b"; font-size:22px;text-align:center;  color:#fff; line-height:40px; }
#popup {
width:250px;
height:150px;
padding:20px;
background-color:#3d5a18;    
position:fixed; border-radius:10px;
top:50%;
left:50%; margin-left:-125px; margin-top:-75px;
display:none;
-webkit-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 23px 1px rgba(0,0,0,0.75);
}
.centerinfo{ display:table; margin:auto;}
.passinput{background-color:#FFF; border:solid 1px #fff; border-radius:5px; text-align:center; padding:5px 10px;font-family:"font1b"; font-size:16px; width:90px; margin:0px 5px;}
.button{ background-color:#FFF; border:solid 1px #fff; border-radius:5px; text-align:center; padding:5px 10px;font-family:"font1b"; font-size:16px;}

 

/*................. cart CSS....................*/ 

.titlecat{font-family:"font1b"; font-size:20px;text-align:left;  color:#000; line-height:34px;  border-bottom:solid 1px #000;} 
.namefiled{font-family:"font1";font-size:20px; line-height:30px; color:#000;display:inline-block;vertical-align:top ; width:150px; } 

.textinput2{height:30px;min-width:360px;margin-right:5px;display:inline-block;vertical-align:top; text-align:right;}
.textfield2{width:100%;height:100%;padding:0px;resize:none;border:none;border:solid 1px #000;font-size:18px;font-family:"font1";
color:#000;background-color:transparent;padding-left:5px; line-height:30px;}  
.bord2{border-bottom:solid 2px #000}

.titlerowcart{font-family:"font1b";font-size:20px;color:#000; line-height:30px; border-bottom:solid 1px #000}


.titlecart{font-family:"font1b";font-size:18px; color:#000; padding-left:10px;}
.titlecart span{color:#333333;font-size:16px; }
.descimg2{font-family:font1b;font-size:20px;color:#4b5f7e; font-weight:bold;}

.imgcart{border:solid 1px #000}
.colcart{padding:10px}
.cartborder{border-right:solid 2px #000}
.order{font-family:font1b;font-size:20px;color:#fff;background-color:#ec2026;border-radius:10px;width:115px;height:42px;display:inline-block;text-align:center;line-height:42px;border:0px; cursor:pointer}

.note{font-family:font1b;color:#FF0000; font-size:18px; line-height:26px;text-align:left; }

/*................. cross CSS....................*/ 

.crosstitle{font-family:"font1b"; font-size:26px; text-align:left;  color:#3d5a18; padding:10px 0px; border-bottom:solid 1px #3d5a18; }
.textformcross{font-family:"font1b"; font-size:20px; text-align:left; background-color:#3d5a18; color:#fff; line-height:30px; padding:5px 10px ; border:solid 1px #666;}
.textfieldcross{width:100%; padding:5px 10px ;font-family:"font1b"; font-size:20px;resize:none;border:solid 1px #666; line-height:30px; color:#FF0000;background-color:#fff; }
.requestmore{background-color:#eeeeee;width:100%;height:50px; }
.requestmore input{border:solid 1px #3d5a18;padding:0px;background-color:#3d5a18;text-align:center;width:100%;height:100%;font-size:20px; font-family:font1b; color:#fff;line-height:50px;}
.rowcross{display:none;}

/*................. contact CSS....................*/ 
.titlecontactpage{font-family:"font1b"; font-size:40px;text-align:left;  color:#3d5a18; line-height:50px; padding:5px 2px;}

.contactinfo{font-family:"font1b"; font-size:22px;text-align:left;  color:#3d5a18; line-height:30px;}
.contactinfo2{font-family:"font1"; font-size:20px;text-align:left;  color:#000; line-height:30px;}

.locationcontact{background-image:url(images/Location.png); background-repeat:no-repeat; background-position:left; padding-left:40px; background-size:contain;} 
.phonecontact{background-image:url(images/phone-5122.png); background-repeat:no-repeat; background-position:left; padding-left:40px; background-size:contain;}
.mobilecontact{background-image:url(images/cell-5122.png); background-repeat:no-repeat; background-position:left; padding-left:40px; background-size:contain;}
.emailcontact{ background-image:url(images/email_icon2.png); background-repeat:no-repeat; background-position:left; padding-left:40px; background-size:contain;}


.mapdiv{ height:400px; position:relative;}  
.scrolloff {pointer-events:none;} 
#map_canvas1{ border:0px; height:100% !important; width:100% !important; }


.textinput{height:50px;max-width:100%;}
.textfield{width:100%;height:100%;padding:0px;resize:none;border:solid 1px #7a6666;font-size:20px; font-family:font1;color:#7a6666;background-color:#eee;padding-left:10px;}  
.textarea1{height:120px;}
.submit1{background-color:#eeeeee;width:100%;height:50px; float:right;}
.submit1 input{border:solid 1px #3d5a18;padding:0px;background-color:#eee;text-align:center;width:100%;height:100%;font-size:20px; font-family:font1b; color:#3d5a18;line-height:50px;}

/*................. footer CSS....................*/ 

.logofooter{ padding:20px 5px 00px; float:left;}
.footertitle{font-family:"font1"; font-size:30px;text-align:left;  color:#fff; line-height:40px; padding:20px 5px 5px 5px;}
.footertext{font-family:"font1"; font-size:18px;text-align:left;  color:#fff; line-height:30px;margin:0px 0px;}
.phoneicon{background-image:url(images/phone-512.png); background-repeat:no-repeat; background-position:left; padding-left:30px; background-size:contain;}
.cellicon{background-image:url(images/cell-512.png); background-repeat:no-repeat; background-position:left; padding-left:30px; background-size:contain;}
.mailicon{ background-image:url(images/email_icon.png); background-repeat:repeat-y; background-position:left top 0; padding-left:30px;  }  

.divsocialfooter{ display:table; height:50px;padding:10px 0px 0px 15px;float:left;} 
  
@media screen and (max-width: 1200px){  
  
.logo{   padding:10px; }
.slogan{  padding:10px;   font-size:40px;    }

.menu{  font-size:16px;  padding:5px 15px; }  
.imgmenu{  width:4px; } 
.social{ padding:5px 1px;}
.social img{ width:30px;}


.boxrenderIMG img{ width:120px; }

}  
			
@media screen and (max-width: 990px){   
.logo{   padding:2px; }
.slogan{  padding:2px;   font-size:40px;    }

.menu{  font-size:12px;  padding:1px 7px;   }  
.imgmenu{ width:4px; height:40px;} 
.social{ padding:1px 1px;}


.boxrenderIMG img{ width:100px; }
} 




@media screen and (max-width: 767px){ 

.logofooter{ padding:2px 10px; float:none; display:block;}
.divsocialfooter{ padding:2px 10px; float:none; height:30px;  }

.space0{ height:0px;}
.max300{ display:table; margin:auto; max-width:300px;}	 
.colpadleft20{padding:5px;}
.colpadright20{padding:5px;}
.nonephonesize{ display:none;}

/*................. TOP CSS....................*/   

.logo{   padding:2px; display:table; margin:auto; }
.logo img{width:160px; }
.slogan{  padding:2px;   font-size:30px; line-height:40px; }

.divsocial{ display:table; height:auto;  float:none; margin:auto;} 

.containnavbar{ height:35px; position:absolute; right:0px; top:0px;} 
.navbar-collapse{float:none !important;} 

#sticker{ position:relative !important; }
.divmenu{ display:block; float:none; width:100%; height:auto; background-color:#EEE;  }
.menu{  font-size:18px;  padding:2px 7px;  display:block;width:100%;  border-bottom:solid 1px #FF0000;  } 
.imgmenu{ display:none;} 


.boxrenderIMG img{ width:75px;  }


/*................. about CSS....................*/ 

 .titleabout{  line-height:40px;padding:10px; background-position:left 10px bottom; }
.aboutimage{ padding-top:10px;} 
.textabout{ font-size:18px;line-height:24px; padding:10px; }
  
  
/*................. about CSS....................*/  
.abouttitle{ font-size:26px;  line-height:36px; padding:5px 2px; }
.aboutdesc{ font-size:18px; line-height:25px; padding:5px 2px;}
.aboutmoreinfo{ font-size:26px;   line-height:36px; padding:5px 2px; } 

 
}