@import url(https://web.archive.org/web/20160410043328cs_/http://fonts.googleapis.com/css?family=Courgette);
*{margin:0px; padding:0;}
body {margin:0px; padding:0px;}
ul li {list-style:none;}
a {text-decoration:none; outline:none;} a img {border:none;}
textarea:focus, input:focus, select{outline: none;}
.clear {clear:both;}

@font-face {font-family:"Open Sans Bold";src:url("../css/OpenSans-Bold.html") format("eot"),url("../css/OpenSans-Bold-2.html") format("woff"),url("../css/OpenSans-Bold-3.html") format("truetype"),url("../css/OpenSans-Bold-4.html#OpenSans-Bold") format("svg");font-weight:normal;font-style:normal;}

@font-face {
    font-family: 'ciderscript';
    src: url('../css/cider_script-webfont.html');
    src: url('../css/cider_script-webfont.html#iefix') format('embedded-opentype'),
         url('../css/cider_script-webfont-2.html') format('woff'),
         url('../css/cider_script-webfont-3.html') format('truetype'),
         url('../css/cider_script-webfont-4.html#ciderscript') format('svg');
    font-weight: normal;
    font-style: normal;}

#wrapper{ width:100%;  height:auto; float:left; background:url(../images/bg-hwt.jpg) center ; overflow:hidden;}
.main{width:100%; height:auto; float:left; }
.center{ width:1010px; height:auto; margin:0 auto;}
.top-header{ width:100%; height:102px; float:left; position:relative;}
.top-header .logo{ width:225px; height:175px; top:0px; left:0px; position:absolute; z-index:9999;}
.top-header .nav{ width:750px; height:102px; float:right; font-family:"Open Sans Bold";}
.top-header .nav .fone-email{ width:96%; height:20px; float:left; text-align:right; padding:15px 0px; color:#999999; font-size:14px; padding-right:25px;}
.top-header .nav .main-nav-box{width:100%; height:60px; float:left; text-align:right;  color:#fff; font-size:20px; text-shadow: 1px 1px 2px #000;}
.home-banner-box{ width:100%; height:450px; float:left; position:relative; }
.home-header{ width:100%; height:auto; float:left; padding:20px 0px; text-align:center; text-shadow: 1px 1px 2px #fff;}
.home-header h1{font-family: 'ciderscript'; font-family: 'Dancing Script'; font-size:48px; font-weight:normal; color:#4f7c15;}
.home-header h2{font-family: 'Courgette', cursive; padding:0px 20px; font-size:14px; font-weight:normal; color:#666;}
.home-prdct-scrllr{ width:100%; height:260px; float:left; background:url(../images/scrller-bg.png) center;}
.main .one{ width:100%; float:left; height:590px; background:url(../index_files/banner-bg.png) center;}
.main .one-inner{ width:100%; float:left; height:250px; 
background:url(../index_files/inner-banner.html) center;}
.main .one-inner .home-header h1{ color:#FFFFFF!important; text-shadow:none !important;}
.main .one-inner .home-header h2{font-family:"Open Sans Bold"; text-shadow:none !important; font-size:14px; font-weight:normal; color:#fff;}
.main .two{ width:100%; float:left; height:auto;}
.main .aboutus{ width:100%; float:left; height:auto;}
.main .prodcts{ width:100%; float:left; height:auto;}
.main .prodcts ul{ width:100%; height:auto; float:left; padding:20px 0px;}
.main .prodcts li{ width:237px; height:262px; font-family: 'Courgette', cursive;  float:left; margin:4px; background:#FFFFFF; position:relative; 
margin-bottom:10px; border:4px solid solid;
 -webkit-box-shadow: 0px 2px 2px 0px #CCC;
-moz-box-shadow:    0px 2px 2px 0px #CCC;
box-shadow:         0px 2px 2px 0px #CCC; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.main .prodcts li img { width:100%; height:200px;}
.main .prodcts li h2{ font-family: 'Courgette', cursive; text-align:center; font-size:14px; padding:10px 0px;}
.main .prodcts li .hover-box{width:205px; height:210px; position:absolute; background:#fff; display:none; padding:20px; font-family: 'Courgette', cursive; font-size:12px; }
.main .prodcts li .hover-box h2{font-size:20px; padding-bottom:10px;}
.main .prodcts li .hover-box p{ font-size:12px; }
.main .prodcts li:hover .hover-box{ display:block;}

.main .aboutus .center .left{ width:30%; height:auto; float:left; padding:40px;}
.main .aboutus .center .left h1{font-family: 'ciderscript'; font-family: 'Dancing Script'; font-size:40px; line-height:21px; font-weight:normal; color:#4f7c15; text-shadow: 1px 1px 2px #ccc; padding-bottom:20px; } 
.main .aboutus .center .left .list_carousel{ padding:0px !important; margin:0 !important;}
.main .aboutus .center .left .list_carousel li{ width:288px !important; height:110px !important; font-family:"Open Sans Bold"; font-size:12px; color:#666666;}

.main .aboutus .center .left .list_carousel li h2{ font-size:16px; padding-bottom:5px; color:#666666;}
.main .aboutus .center .left .list_carousel li h3{ font-size:16px; padding-top:10px; color:#CC6633;}

.main .aboutus .center .left .list_carousel .prev{ position:absolute; left:-50px!important; top:5px!important;}
.main .aboutus .center .left .list_carousel .next{ position:absolute; right:-58px!important; top:5px!important;}
.main .aboutus .center .right{ width:50%; height:auto; float:right; padding:40px; line-height:18px;}

.main .aboutus .center .right h1{font-family: 'ciderscript'; font-family: 'Dancing Script'; font-size:40px; line-height:21px; font-weight:normal; color:#000; text-shadow: 1px 1px 2px #ccc; padding-bottom:20px; } 
.main .aboutus .center .right .addrs{ width:40%; height:auto; float:left;}
.main .aboutus .center .right .addrs h3{font-family:"Open Sans Bold"; font-size:14px;}
.main .aboutus .center .right .feedback{width:60%; height:auto; float:right;}
.main .aboutus .center .right .feedback h2{font-family: 'ciderscript'; font-size:25px; padding-bottom:10px; font-weight:normal; text-align:center;}
.feedbak-txtfld{ width:90%; padding:10px; height:auto; border:none; float:left; background:#FFFFFF; -webkit-box-shadow: 0px 2px 2px 0px rgba(209, 209, 209, 0.75);
-moz-box-shadow:    0px 2px 2px 0px rgba(209, 209, 209, 0.75);
box-shadow:         0px 2px 2px 0px rgba(209, 209, 209, 0.75); border-radius:4px; margin-bottom:5px; resize:none; }
.main .aboutus .center .right p{font-family:"Open Sans Bold"; font-size:12px; color:#666666;}
.main .three{ width:100%; float:left; min-height:200px; height:auto; background:url(../images/footer-bg.png) top center; position:relative;}
.main .three .image-one{ position:absolute; width:300px; height:200px;  top:-100px; left:20px;}
.footer-clms{ width:212px; height:auto; float:left; padding:90px 20px 20px 20px; text-shadow: 1px 1px 2px #000;}
.footer-clms h1{font-family: 'ciderscript'; font-family: 'Dancing Script'; font-size:40px; line-height:21px; font-weight:normal; color:#fff; text-shadow: 1px 1px 2px #000;  height:58px;}
.footer-clms li{ padding:0px; margin:0px; height:170px !important; font-family:"Open Sans Bold"; font-size:12px; color:#CCCCCC; }
.footer-clms .list_carousel{ padding:0px !important; margin:0px!important; }
.footer-clms p{ font-family:"Open Sans Bold"; font-size:12px; color:#CCCCCC;}
.footer-clms span{ padding:4px 10px; float:left; font-size:12px; margin-bottom:5px; margin-right:4px; color:#FFFFFF; background:#666666; font-family:"Open Sans Bold"; border-radius:4px;}
.footer-clms span a{ color:fff !important;}.footer-clms span:hover{ background:#096;}
.footer-last{ width:100%; float:left; height:auto; padding:10px 0px; border-top:#999 dashed 1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-align:center;}
.footer-last a{ color:#66CC33;}

/*banner*/
.slider-box{ width:1010px; height:450px; float:left; position:relative; }
.right-image{ width:487px; height:460px; position:absolute; right:0px;}
.left-txt{ right:610px !important; }
.left-img{ width:487px; height:460px; position:absolute; left:0px;}
.banner-text-box{ width:350px; height:300px; position:absolute; right:70px; top:70px; color:#FFF; text-shadow: 1px 1px 2px #000; z-index:99999999;}
.banner-text-box h1{font-family: 'ciderscript'; font-size:48px; font-weight:normal; padding-bottom:10px; }
.banner-text-box  h2{ padding:4px 10px; width:100px; float:left; border-radius:4px; color:#CC9933; border:#FFFFFF solid 1px; font-family:"Open Sans Bold"; font-size:12px;}
.banner-text-box p{ font-family:"Open Sans Bold"; font-size:14px;}
.banner-btn{ padding:10px 20px; -webkit-border-radius: 60px 60px 60px 60px;
border-radius: 60px 60px 60px 60px; font-family:"Open Sans Bold"; font-size:14px; color:#FFF;
 text-shadow:none; position:relative; margin-right:4px; border:none; cursor:pointer;}
 .banner-btn .online-order{ width:45px; height:36px; position:absolute; right:-10px; top:22px;}
.left-img-two{ width:340px; height:250px; position:absolute; left:370px; top:150px;}
.leaf-two{ width:292px; height:210px; position:absolute; left:-140px; top:30px;}
.leaf-one{ width:390px; height:242px; position:absolute; z-index:9999999; left:110px; top:350px;
/* Chrome, Safari, Opera */
-webkit-animation-name:myfirst;
-webkit-animation-duration:5s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
/* Standard syntax */
animation-name:myfirst;
animation-duration:5s;
animation-timing-function:linear;
animation-delay:2s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst
{
0%   {top:350px;}
25%  {top:340px;}
50%  {top:330px;}
75%  {top:340px;}
100% {top:350px;}
}

/* Standard syntax */
@keyframes myfirst
{
0%   {top:0px;}
25%  {top:10px;}
50%  {top:20px;}
75%  {top:10px;}
100% {top:0px;}
}
.leaf-three{ width:180px; height:160px; position:absolute; right:110px; top:350px;}
.leaf-four{ width:450px; height:210px; position:absolute; right:-310px; top:120px; }
/*banner*/

/* Wobble Vertical */

@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble-vertical {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-vertical:hover {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Wobble Horizontal */

@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    -ms-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.wobble-horizontal {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-horizontal:hover {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Pop */

@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pop {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pop:hover {
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Hover Shadow */

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.hover-shadow:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.hover-shadow:hover:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}


  .mypopbg{ background:#000; padding:2px; -webkit-border-radius:2px;
border-radius: 2px;
box-shadow: 0px 0px 200px #000;
  height:400px;
  position:absolute;
  width:600px;
  left: 0;
  right: 0;
  top:90px;
  margin: 0 auto; z-index:99999999; animation-name: cloud;
	animation-duration: 12s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0;
	animation-play-state: running;
	animation-fill-mode: forwards;}
	
	@keyframes mypopbg {

	0% {
		opacity: 0;
	}
	
	50% {
		opacity: 0.2;
	}
	
	75% {
		opacity: 0.6;
	}
	
	100% {
		opacity: 1;
	}

}


/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideLeft {
	0% {
		transform: translateX(50%);
	}
	50%{
		transform: translateX(-8%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(-4%);
	}
	95%{
		transform: translateX(2%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(50%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}



/*crsrl*/


.list_carousel {width:95%; float:left; padding-top:40px; padding-left:35px; padding-right:35px; position:relative;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {width: 180px;height: 194px; margin:0px 4px;padding: 0;display: block;float: left; cursor:pointer;}
.prduct-list{ width:180px; height:194px; float:left;}
.prduct-list:hover{ opacity:0.4;}
.prduct-list img{ float:left; width:180px; height:150px;}
.prduct-list h2{font-family:"Open Sans Bold"; font-size:14px; color:#999; padding:10px 0px; text-align:center; }
.list_carousel.responsive {width: auto;margin-left: 0;}
.clearfix {float: none;clear: both;}
.prev { position:absolute; top:120px;  left:10px;}
.next { position:absolute; top:120px;  right:30px;}
.pager {float: left;width: 300px;text-align: center;}
.pager a {margin: 0 5px;text-decoration: none;}
.pager a.selected {text-decoration: underline;}
.timer {background-color: #3dbb7b;height: 2px;width: 0px;}
.mmber{ width:100px; height:81px; position:absolute; right:0px; bottom:0px; position:fixed; background:#FFFFFF;}

/*
     FILE ARCHIVED ON 04:33:28 Apr 10, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:48:01 May 30, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 303.045 (3)
  esindex: 0.014
  captures_list: 335.082
  CDXLines.iter: 10.302 (3)
  PetaboxLoader3.datanode: 409.77 (4)
  exclusion.robots: 0.31
  exclusion.robots.policy: 0.289
  RedisCDXSource: 6.098
  PetaboxLoader3.resolve: 318.783
  load_resource: 473.306
*/