@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Aller';
    src: url('../fonts/Aller-Light.eot');
    src: url('../fonts/Aller-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aller-Light.woff') format('woff'),
        url('../fonts/Aller-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Aller';
    src: url('../fonts/Aller-Bold.eot');
    src: url('../fonts/Aller-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aller-Bold.woff') format('woff'),
        url('../fonts/Aller-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Aller';
    src: url('../fonts/Aller-Regular.eot');
    src: url('../fonts/Aller-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aller-Regular.woff') format('woff'),
        url('../fonts/Aller-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url('../fonts/HelveticaNeue-Roman.eot');
	src: url('../fonts/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeue-Roman.woff') format('woff'),
		url('../fonts/HelveticaNeue-Roman.ttf') format('truetype'),
		url('../fonts/HelveticaNeue-Roman.svg#HelveticaNeue-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'SybillaPro';
    src: url('../fonts/SybillaPro-Medium.eot');
    src: url('../fonts/SybillaPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SybillaPro-Medium.woff') format('woff'),
        url('../fonts/SybillaPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SybillaPro';
    src: url('../fonts/SybillaPro-Regular.eot');
    src: url('../fonts/SybillaPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SybillaPro-Regular.woff') format('woff'),
        url('../fonts/SybillaPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/loader2.gif) center no-repeat #fff;}
#beep-one { opacity:0; position:absolute; z-index:0;}
.lock-active { overflow:hidden !important; height:inherit !important;}
* { padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing: border-box; outline:none; }
body{ overflow-x: hidden; padding:0; margin:0; font-family: 'Aller'; font-weight:300; font-size:14px; color:#fff; width:100%; height:100%; }
h1,h2,h3,h4,h5,h5,h6,p,div,span,table,ul,li,form,labelclass { padding:0; margin:0; font-weight:normal; }
ul, li { list-style:none; }
img { max-width:100%;}
a { text-decoration:none;}
span.wpcf7-not-valid-tip , div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { color:#fff; font-size:16px !important; }
.verticalCenter{display:table; width:100%; height:100%;}
.verticalInner{display:table-cell; vertical-align:middle;}
.firstbox { height:100%; opacity:0; border-radius:100px; overflow:hidden; }
.firstbox.actives { height:100%; opacity:1; transition-duration:1.5s; -webkit-transition-duration:1.5s; border-radius:5px;}
.logobox { left:0; right:0; text-align:center; width:100%; position:absolute; display:table; height:100%;}
.logobox span { vertical-align:middle; display:table-cell; }
.logobox span a { width: 500px; display: inline-block; height: 90px; }
.scrolldown { position: absolute; bottom: 20px; color:#fff; z-index: 9; left: 0; right: 0; text-align: center;}
.scrolldown a { color:#fff; }
.scrolldown p span { width: 16px; height: 30px; border: 2px solid #fff; border-radius: 10px; display: inline-block; margin: 0px 0 -7px 0;}
.scrolldown p span label { animation: bounce 2s infinite; background: #fff; width: 2px; height: 6px; display: inline-block; border-radius: 100%; margin: 4px 0 8px 0;}
.header { opacity:0; text-align:center; position:absolute; width:100%; z-index:99; top:-100px;}
.header.actives { opacity:1; transition-duration:2s;-webkit-transition-duration:2s; top:0; }
.header .site_logo { text-align:center; position:absolute; top:-100px; left:0; right:0; z-index:99; width:100%; opacity:0; transition-duration:1s;-webkit-transition-duration:1s; }
.header.custom .site_logo { position:absolute; top:10px; opacity:1; transition-duration:1s;-webkit-transition-duration:1s;}
.header .site_logo img { display:block; margin:0 auto; }
.header .menubox { position:absolute; top:0; left:0; right:0; z-index:99; width:100%; transition-duration:1s; -webkit-transition-duration:1s; }
.header.custom .menubox { width:100%; top:65px; transition-duration:1s; -webkit-transition-duration:1s;}
.menubox ul { text-align:center; font-size:0px; margin:15px 0;  }
.menubox ul li { display:inline-block; padding:0 15px; font-size:14px; border-right:1px dashed #db0707; position:relative; margin:0; }
.menubox ul li a:after { position:absolute; background:#db0707; height:5px; bottom:-15px; width:0; content:''; left:0; right:0; margin:0 auto; transition-duration:1s; -webkit-transition-duration:1s; }
.menubox ul li:hover a:after { width:100%; transition-duration:1s; -webkit-transition-duration:1s; }
.menubox ul li:last-child { border-right:0;  }
.menubox ul li a { color:#db0707; transition-duration:1s; -webkit-transition-duration:1s; position:relative; }
.menubox ul li.active a, .menubox ul li:hover a { color:#fff; transition-duration:1s; -webkit-transition-duration:1s; }
.menubox ul li.active a:after { width:100%;}
.menubox ul li.active { border-right:1px dashed #fff; }
.menubox ul li:last-child.active { border-right:0px; }
#typed1 { color:#e4e2e1; font-size:18px; width:100%;}
#typed1 strong { font-size:28px;}
#typed { color:#73bc43; font-size:33px; width:100%; }
.element .typed-cursor { color:#e4e2e1; }
.element1 .typed-cursor { color:#73bc43;}
.typetextbox { color:#73bc43; height: 100%; text-align: center; width: 100%; }
.type-wrap{margin:10px auto;padding:20px;background:#f0f0f0;border-radius:5px;border:#CCC 1px solid;}
.typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite;}
.element { position: absolute; width: 100%; bottom: 16%; }
.element1 { position: absolute; width: 100%; bottom: 11%; }
.secondbox { height:100%; display:table; width:100%; }
.ins_secondbox { width: 100%; text-align: center; height: 100%; vertical-align: middle; display: table-cell;}
.ins_secondbox img { display:block; margin:0 auto; }
.kari_image1 { margin:0 0 20px; position:relative; text-align:center; }
.leafimage1 {  position:absolute; left:-60px; bottom:0; }
.leafimage11 {  position:absolute; right: -0px; top: -5px;}
.kari_image2 { width:400px; margin:0 auto 20px; position:relative; }
.kari_textimage { animation:image_rotate 25s linear infinite; }
.kari_image3 { min-height:160px; margin:0 0 0px; position:relative; animation-delay:3s; animation:image_rotate 25s linear infinite; }
.kari_image31 { position: relative; top: 25px; animation-duration:3s; animation-name:image_show; animation-timing-function: ease-out; }
.kari_image32 { position: absolute; left: 0; right: -90px;  top: 0; animation-duration:1s; animation-name:image_show2; animation-timing-function: ease-out; }
.kari_image33 { position: absolute; left: -360px; right: 0; top: 0px; animation-duration:1s; animation-name:image_show3; animation-timing-function: ease-out; }
.kari_image34 { position: absolute; left: -160px; right: 0; top: 25px; animation-duration:1s; animation-name:image_show4; animation-timing-function: ease-out; }
.kari_contentbox { max-width:660px; margin:0 auto 15px; position:relative; }
.kari_contentbox p { text-align:center; color:#ffffff; font-size:23px; margin-bottom:10px; font-weight:300; }
.sitelogo.active { transition-duration:.6s; -webkit-transition-duration:.6s; transform:scale(1); -webkit-transform:scale(1); opacity:1; }
.sitelogo { z-index:10; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; opacity:0; transform:scale(.5); -webkit-transform:scale(.5); }
.karidetailbox { margin-top:5%; }
.section.pp-table { display:none; }
#pp-nav { display:none; }
.section.pp-table.active { display:block; }
.second_bannerbox { position:absolute; width:100%; height:100%;}
.second_bannerbox img { position:absolute; width:100%; height:100%; animation-duration:1.5s; animation-name:image_show; animation-timing-function: ease-out; }
.thirdbox { height:100%; display:table; width:100%; }
.thirdbox ul { margin-top:8%; text-align:center; width:100%; transition-duration:1s; -webkit-transition-duration:1s; text-align: center;  position: relative; }
.thirdbox .wasabi_active { transform:scale(1); -webkit-transform:scale(1); background: #2c5e02; transition-duration: 1s; -webkit-transition-duration: 1s; width: 50px; height: 50px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 45%; border-radius: 100px; z-index: 0;} 
.thirdbox .chilli_active { transform:scale(1); -webkit-transform:scale(1); background:#740304; transition-duration:1s; -webkit-transition-duration:1s; width: 50px; height: 50px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 45%; border-radius: 100px; z-index: 0;}
.thirdbox .salt_active { transform:scale(1); -webkit-transform:scale(1); background:#957870; transition-duration:1s; -webkit-transition-duration:1s; width: 50px; height: 50px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 45%; border-radius: 100px; z-index: 0; }
.thirdbox .mania_active { transform:scale(1); -webkit-transform:scale(1); background:#f8941d; transition-duration:1s; -webkit-transition-duration:1s; width: 50px; height: 50px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 45%; border-radius: 100px; z-index: 0; }
.thirdbox ul li { display:inline-block; vertical-align:middle; width:20%; text-align: center;  position: relative; }
.thirdbox ul li img { z-index:3; position: relative; }
.thirdbox ul li a { display:inline-block; }
.wasabi a:hover .wasabi_active { transform:scale(100); -webkit-transform:scale(100); transition-duration:1s; -webkit-transition-duration:1s; }
.chilli a:hover .chilli_active { transform:scale(100); -webkit-transform:scale(100); transition-duration:1s; -webkit-transition-duration:1s; }
.salt a:hover .salt_active { transform:scale(100); -webkit-transform:scale(100); transition-duration:1s; -webkit-transition-duration:1s; }
.mania a:hover .mania_active { transform:scale(100); -webkit-transform:scale(100); transition-duration:1s; -webkit-transition-duration:1s; }
.detailbox { /* background:url(../images/detail-background.png) no-repeat center top ; */ background:#a50708; height:100%; float:left; width:100%; background-size:100% 100%; overflow:hidden; }
.ins_detailbox { /* padding:5% 0 0; */ float:left; width:100%; }
.detailbox .site_logo { position: absolute; top: 10px; opacity: 1; }
.detailbox .menubox { width: 100%; top: 65px; }
.chilliboxs1 { position:relative; padding:7% 0;}
.chillimagebox1 { float:left; width:100%; left:0; right:0; text-align:center;  }
.chillimagebox { position:absolute; top:0%; width:100%; animation-duration:.5s; animation-name:shake2; animation-timing-function: ease-out; z-index:0; }
.garlicbox {  text-align: right; max-width: 580px; position: relative;  left: 0%; right:0; margin: 0 auto; padding-top: 60px; clear:both;  animation-duration:1.5s; animation-name:karicontbxs1; animation-timing-function: ease-out; z-index:2; }
.garlicbox img { text-align: right; float: right; margin: 0; }
.garlicbox h4 { margin: 0 0 10px; float: left; width: 100%; }
.garlicbox p { color:#ffffff; font-size:19px; line-height:22px; padding-bottom:10px; font-weight:300; }
.moving2 { z-index:2; position: absolute; width: 100%; top: 8%; animation-duration:.8s; animation-name:shake1; animation-timing-function: ease-out;}
.justboxes { text-align:center; width:100%; float:left; padding:0;}
.justboxes img { display:block; margin: 0 auto; }
.threeboxes { width:100%; float:left; margin:10% 0 0;}
.firstboldbox { width:30%; float:left; }
.insfirstboldbox img { margin:0 auto 12px; display:block; }
.insfirstboldbox ul { max-width:300px; margin:10px auto 0; }
.insfirstboldbox ul li { background:url(../images/border-image.png) no-repeat bottom; padding:15px 0; font-size:19px; text-align:center; color:#fad46b;}
.secondboldbox { text-align:center; width:40%; float:left; }
.thirdboldbox { width:30%; float:left; }
.perfectbox { width:100%; float:left; padding:0; margin:-10px 0 0; position:relative; z-index:9; }
.perfectbox img { margin:0 auto; display:block; animation-delay:1s; animation:image_rotate1 15s linear infinite; }
.lftarrowbx { position:absolute; left: -30px; top: 10px; }
.rightarrowbx {position:absolute; right:-30px; bottom:10px; }
.testimonialbx { width:100%; float:left; padding:5% 0 0;}
.instestimonialbox { position:relative; width:280px; background:#2c2c2b; margin:0 auto; height:173px; display:block;}
.testbox { margin:0px; }
.testbox .owl-controls { display:none !important; }
.testbox.owl-carousel .owl-item img  { position:relative; bottom:5px; margin:0 auto; width:auto; }
.testbox.owl-carousel .owl-item .item  {  bottom:0; }
.expimage1 { position:relative; }
.expimage2 { position:relative; }
.expimage3 { position:relative; }
.expimage4 { position:relative; }
.socialbox { width:100%; float:left; padding:40px 0;}
.socialbox ul { text-align:center;}
.socialbox ul li { display:inline-block; margin:0 10px;}
.socialbox ul li:hover img { transition-duration:1s; -webkit-transition-duration:1s;  transform:scale(1.3); -webkit-transform:scale(1.3); }
.socialbox ul li img { transition-duration:1s; -webkit-transition-duration:1s;  transform:scale(1); -webkit-transform:scale(1); }
footer { background:#2c2c2b; padding:20px 0; float:left; width:100%; }
footer ul { font-size:0px; margin:10px 0; text-align:center;}
footer ul li { font-size:16px;  display:inline-block; padding:0 15px; }
footer ul li a { color:#838080; }
footer ul li a:hover { color:#fff; }
.hm_prodbox.active { bottom:-5px; transition-duration:1s; -webkit-transition-duration:1s;}
.hm_prodbox { position:absolute; bottom:-50px; width: 100%; text-align: center; transition-duration:1s; -webkit-transition-duration:1s; }
.inshmprodbox { display:inline-block; }
.inshmprodbox img { float:left; }
.active .hm_prodbox.active .hmprodbox1 { animation-duration:1.5s; animation-name:leftrotate; animation-timing-function: ease-out; }
.active .hm_prodbox.active .hmprodbox2 { animation-duration:.8s; animation-name:centerrotate; animation-timing-function: ease-out; }
.active .hm_prodbox.active .hmprodbox3 { animation-duration:2.2s; animation-name:rightrotate; animation-timing-function: ease-out; }
.active .hm_prodbox.active .inshmprodbox34 { animation-duration:1.5s; animation-name:rightrotate1; animation-timing-function: ease-out; }
.hmprodbox1 { left: 35px; position: relative; z-index: 0; }
.hmprodbox2 { left: 0px; position: relative; z-index: 1; }
.hmprodbox3 { left: -85px; position: relative; z-index: 0; }
.inshmprodbox34 {left: -45px;}
.active .homeiconbx.active .hmpgicon4 { right:0; animation-duration:1s; animation-name:icon4; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon7 { right:5%; animation-duration:1s; animation-name:icon7; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon1 { animation-duration:1s; animation-name:icon1; animation-timing-function: ease-out; right:0;}
.active .homeiconbx.active .hmpgicon2, .active .homeiconbx.active .hmpgicon3, .active .homeiconbx.active .hmpgicon5 { animation-duration:1s; animation-name:icon2; animation-timing-function: ease-out; left:0;}
.active .homeiconbx.active .hmpgicon6 { left:3%; animation-duration:1s; animation-name:icon6; animation-timing-function: ease-out;}
.active .homeiconbx.active .hmpgicon8 { right: -14%; animation-duration:1s; animation-name:icon8; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon9 { right: 7%; animation-duration:1s; animation-name:icon9; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon10 { right: 1%; animation-duration:1s; animation-name:icon10; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon11 { left: -14%; animation-duration:1s; animation-name:icon11; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon12 { right: -8.7%; animation-duration:1s; animation-name:icon12; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon13 { right: 3%; animation-duration:1s; animation-name:icon13; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon14 { right: 0%; animation-duration:1s; animation-name:icon14; animation-timing-function: ease-out;}
.active .homeiconbx.active .hmpgicon15 { right: 4%; animation-duration:1s; animation-name:icon15; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon16 { left: 3%; animation-duration:1s; animation-name:icon16; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon17, .active .homeiconbx.active .hmpgicon18 { right:0; animation-duration:1s; animation-name:icon17; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon19 { right:-11%; animation-duration:1s; animation-name:icon19; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon20 { animation-duration:1s; animation-name:icon20; animation-timing-function: ease-out; transform:scale(1);-webkit-transform:scale(1);}
.active .homeiconbx.active .hmpgicon21 { left:0; animation-duration:1s; animation-name:icon21; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon22 { right:0; animation-duration:1s; animation-name:icon22; animation-timing-function: ease-out; }
.active .homeiconbx.active .hmpgicon23 { left:-3%; animation-duration:1s; animation-name:icon23; animation-timing-function: ease-out; }
.hmpgicon4 { top:40%; position:absolute; right:-100px;}
.hmpgicon7 { top:48%; position:absolute; right:0%;}
.hmpgicon1 { top:50%; position:absolute; right:-50px;}
.hmpgicon2 { top:45%; position:absolute; left:-50px; z-index:1; }
.hmpgicon3 { top:38%; position:absolute; left:-50px;}
.hmpgicon5 { top:20%; position:absolute; left:-50px;}
.hmpgicon6 { z-index:1; left:0%; right: 0; position: absolute; width: 100%; text-align: center; top: 37%; }
.hmpgicon8 { position: absolute; width: 100%; text-align: center; right: -10%; top: 39%;}
.hmpgicon9 { position: absolute; width: 100%; text-align: center; right: 0%; top: 39%; z-index:1; }
.hmpgicon10 { z-index:1; position: absolute; width: 100%; text-align: center; right: -100px; top: 57%;}
.hmpgicon11 { position: absolute; width: 100%; text-align: center; left: -10%; top: 34.5%;}
.hmpgicon12 { position: absolute; width: 100%; text-align: center; right: -5%; top: 56%;}
.hmpgicon13 { position: absolute; right: 0%; top: 65%;}
.hmpgicon14 { position: absolute; right: -100px; top: 65%;}
.hmpgicon15 { position: absolute; right: 0%; top: 51%;}
.hmpgicon16 { z-index:1; position: absolute; left: 0%; top: 70%;}
.hmpgicon17 { position: absolute; right: -100px; top: 78%;}
.hmpgicon18 { z-index:1; position: absolute; right: -100px; top: 24%;}
.hmpgicon19 { position: absolute; width: 100%; text-align: center; right: -5%; top: 61%;}
.hmpgicon20 img { position: absolute; left: 0; right: 0px; margin: auto; top: 0; bottom: 0;}
.hmpgicon21 img { position: absolute; left: -14%; margin: auto; top: -32%; bottom: 0; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.hmpgicon22 img { position: absolute; right: -17%; margin: auto; top: -5%; bottom: 0; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.hmpgicon20 { position: absolute; width:100%; z-index:0; height:100%; transform:scale(0);-webkit-transform:scale(0);}
.hmpgicon21 { position: absolute; width:100%; left:-10%; z-index:0; height:100%; }
.hmpgicon22 { position: absolute; width:100%; right:-10%; z-index:0; height:100%; }
.hmpgicon23 { position: absolute; width:100%; left:-5%; z-index:0; height:100%; top:48%; }
.insfirstboldbox { max-width: 285px; margin: 0 auto; padding:15% 0 0; }
.insfirstboldbox p { font-size:15px; line-height:24px; padding-top:5px; color:#fad46b; font-weight:300; }
.insfirstboldbox.insfirstboldbox1 p { font-size:15px; line-height:24px; padding-top:5px; color:#69320e; }
.pp-table.active .aboutbox1 { animation-duration:1s; animation-name:about_image1; animation-timing-function: ease-out; }
.pp-table.active .aboutbox2 { animation-duration:1s; animation-name:about_image2; animation-timing-function: ease-out; }
.pp-table.active .aboutbox3 { animation-duration:1s; animation-name:about_image3; animation-timing-function: ease-out; }
.pp-table.active .aboutboxs11 { animation-duration:1s; animation-name:about_images11; animation-timing-function: ease-out; }
.pp-table.active .aboutboxs51 { animation-duration:1s; animation-name:about_images11; animation-timing-function: ease-out; }
.pp-table.active .aboutboxs31 { animation-duration:1s; animation-name:about_images31; animation-timing-function: ease-out; }
.pp-table.active .aboutboxs52 { animation-duration:2s; animation-name:about_images31; animation-timing-function: ease-out; }
.pp-table.active .aboutboxs53 { animation-duration:1s; animation-name:about_images31; animation-timing-function: ease-out; }
.aboutbox1 { position: absolute; left: 12%; top:0px;  }
.aboutbox2 { position: absolute; left: 25%; bottom:0; }
.aboutbox3 { position: absolute; right: 25%; bottom:0;  }
.aboutboxs11 { top:-18%; position: absolute; left: 12%; } 
.aboutboxs51 { top:-18%; position: absolute; right: 12%; } 
.aboutboxs31 { position: absolute; right: 0; left:0; text-align:center; bottom:-18%;  }
.aboutboxs52 { position: absolute; left:20%; bottom:-18%;  }
.aboutboxs53 { position: absolute; right:20%; bottom:-18%;  }
.aboutbox2 img, .aboutbox1 img, .aboutbox3 img  { display:block; }
.leaf_image1 { position:absolute; top: -50px; left: -40px;  animation-duration:1s; animation-name:leafimage; animation-timing-function: ease-out; }
.leaf_image2 { position:absolute; top: -45px; right: -40px;  animation-duration:1s; animation-name:leafimage1; animation-timing-function: ease-out; }
.pp-table.active .starimagebx { animation-duration:1s; position:relative; animation-name:star_image; opacity:1; animation-timing-function: ease-out; }
.pp-table.active .kari_contentbox { animation-duration:1.5s; animation-name:karicontbxs1; opacity:1; animation-timing-function: ease-out; }
.pp-table.active .kariaboutbox { animation-duration:1s; animation-name:karicontbxs; opacity:1; animation-timing-function: ease-out; }
.starimagebx { margin: 15px 0 0; float: left; width: 100%; opacity:0; }
.starimagebx img { position:relative; animation-delay:2s; animation:image_rotate 25s linear infinite; }
.thirdbox ul li { animation-duration:1s; animation-name:bottomkari; opacity:1; animation-timing-function: ease-out; position:relative; z-index:1; }
.wasabibox { position: absolute; top: -85px; right: 135px; animation-duration:1.5s; animation-name:karitopbxs1; opacity:1; animation-timing-function: ease-out; }
.chillibox { position: absolute; top: -110px; right: 25px; animation-duration:1.5s; animation-name:karitopbxs2; opacity:1; animation-timing-function: ease-out;  }
.maniabox { position: absolute; top: -70px; right: 95px; animation-duration:1.5s; animation-name:karitopbxs3; opacity:1; animation-timing-function: ease-out;  }
.saltbox { position: absolute; top: -150px; left: 105px; animation-duration:1.5s; animation-name:karitopbxs4; opacity:1; animation-timing-function: ease-out;  }
.w1 { position:absolute; left: 10px; top: 0px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w2 { position:absolute; top: 46px; left: -20px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w3 { position:absolute; top: 45px; left: 46px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w4 { position:absolute; top: 44px; left: 31px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w5 { position:absolute; top: 71px; left: -20px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w6 { position:absolute; top: 86px; left: -19px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w7 { position:absolute; top: 71px; left: 3px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w8 { position:absolute; top: 69px; left: 43px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w9 { position:absolute; top: 96px; left: -15px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w10 { position:absolute; top: 100px; left: 21px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w11 { position:absolute; top: 108px; left: -16px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w12 { position:absolute; top: 116px; left: 44px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w13 { position:absolute; top: 140px; left: -11px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w14 { position:absolute; top: 134px; left: 14px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w15 { position:absolute; top: 143px; left: 17px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w16 { position:absolute; top: 137px; left: -7px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w17 { position:absolute; top: 157px; left: 20px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w18 { position:absolute; top: 183px; left: -1px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w19 { position:absolute; top: 203px; left: 6px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w20 { position:absolute; top: 194px; left: 35px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w21 { position:absolute; top: 221px; left: 15px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w22 { position:absolute; top:122px; left:-14px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.w23 { position:absolute; top: 18px; left: -14px; transition-duration:.1s; -webkit-transition-duration:.1s;} 
.w24 { position:absolute; display:none; transition-duration:.1s; -webkit-transition-duration:.1s; -webkit-animation-name: shakings1; z-index:4; -webkit-animation-duration: 5s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;} 
.w25 { position:absolute; display:none; transition-duration:.1s; -webkit-transition-duration:.1s; -webkit-animation-name: shakings1; z-index:4;	-webkit-animation-duration: 5s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;} 
.prodimgbxs1 { height: 290px; width: 110px; position: relative; top: 25px; }
.prodimgbxs1:hover { -webkit-animation-name: shake;	-webkit-animation-duration: .8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;  }
.prodimgbxs1.mouseon1 .w1 { position:absolute; left: 10px; top: -5px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs1.mouseon1 .w2 { left: -55px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs1.mouseon1 .w3 { left: 76px; top: 35px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w4 { left: 66px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w5 { left: -50px; top: 80px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w6 { left: -55px; top: 100px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w7 { left: 5px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w8 { left: 75px; top: 76px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w9 { display:none; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs1.mouseon1 .w10 { left: 53px; top: 110px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w11 { left: -25px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w12 { display:none; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w13 { display:none; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs1.mouseon1 .w14 { left: 49px; top: 140px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w16 { left: -37px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w17 { top: 167px; left: 55px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs1.mouseon1 .w18 { top: 190px; left: -21px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs1.mouseon1 .w21 { top:241px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w22 { left: -44px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w23 { left: -30px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs1.mouseon1 .w24 { display:block; bottom:30px; transition-duration:.1s; -webkit-transition-duration:.1s; z-index:4; }
.prodimgbxs1.mouseon1 .w25 { display:block; top:60px; left:-45px; transition-duration:.1s; -webkit-transition-duration:.1s; z-index:4; }
.c1 { position:absolute; left: 10px; top: 0px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c2 { position:absolute; left: 29px; top: 0px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c3 { top: 14px; left: 84px; position:absolute; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c4 { position:absolute; left: 10px; top: 33px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c5 { position:absolute; left: 24px; top: 34px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c6 { position:absolute; left: 22px; top: 42px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c7 { position:absolute; left: 82px; top: 26px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c8 { position:absolute; left: 62px; top: 39px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c9 { position:absolute; left: 50px; top: 94px; transition-duration:.1s; -webkit-transition-duration:.1s;} 
.c10 { position: absolute; left: 58px; top: 70px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c11 { position: absolute; left: 102px; top: 78px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c12 { position: absolute; left: 59px; top: 107px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c13 { position: absolute; left: 84px; top: 142px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c14 { position: absolute; left: 90px; top: 142px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c15 { position: absolute; left: 89px; top: 184px; transition-duration:.1s; -webkit-transition-duration:.1s; } 
.c16 { position: absolute; left: 111px; top: 185px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c17 { position: absolute; left: 112px; top: 190px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c18 { position: absolute; left: 108px; top: 212px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c19 { position: absolute; left: 107px; top: 242px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c20 { position: absolute; left: 120px; top: 262px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c21 { position: absolute; left: 100px; top: 280px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.c22 { display:none; position: absolute; transition-duration:.1s; -webkit-transition-duration:.1s; -webkit-animation-name: shakings1;	-webkit-animation-duration: 5s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; z-index:4; }
.c23 { display:none; position: absolute; transition-duration:.1s; -webkit-transition-duration:.1s; -webkit-animation-name: shakings1;	-webkit-animation-duration: 5s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;  z-index:4;}
.prodimgbxs2 { height: 300px; width: 190px; position: relative; }
.prodimgbxs2:hover { -webkit-animation-name: shake;	-webkit-animation-duration: .8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
.prodimgbxs2.mouseon2 .c6 { left: 2px; top: 55px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c7 { left: 92px; top: 25px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c8 { left: 74px; top: 44px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c9 { left: 60px; top: 84px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c10 { left: 18px; top: 92px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c11 { left: 112px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c12 { left: 9px; top: 133px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c12 { left: 9px; top: 133px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c15 { left: 49px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c13 { display:none; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c14 { left: 100px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c16 { left: 101px; top: 190px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c17 { left: 122px; top: 195px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c18 { left: 80px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c19 { top: 237px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c20 { left: 130px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c21 { left: 90px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs2.mouseon2 .c22 { display:block; left:10px; top: 80px; position: absolute; transition-duration:.1s; -webkit-transition-duration:.1s; z-index:4;}
.prodimgbxs2.mouseon2 .c23 { display:block; left: 70px; bottom: 30px; position: absolute;transition-duration:.1s; -webkit-transition-duration:.1s; z-index:4;}
.s1 { position:absolute; left: 10px; top: 0px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s2 { position:absolute; left: 38px; top: 5px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s3 { position:absolute; left: 46px; top: -3px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s4 { position:absolute; left: 58px; top: -7px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s5 { position:absolute; left: 72px; top: -16px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s6 { position:absolute; left: 112px; top: -16px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s7 { position:absolute; left: 113px; top: 34px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s8 { position:absolute; left: 75px; top: 8px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s9 { position:absolute; left: 5px; top: 59px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s10 { position:absolute; left: 5px; top: 69px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s11 { position:absolute; left: 16px; top: 97px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s12 { position:absolute; left: 28px; top: 80px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s13 { position:absolute; left: 46px; top: 59px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s14 { position:absolute; left: 107px; top: 62px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s15 { position:absolute; left: 112px; top: 43px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s16 { position:absolute; left: 122px; top: 20px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s17 { position:absolute; left: 113px; top: 66px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s18 { position:absolute; left: 119px; top: 144px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s19 { position:absolute; left: 27px; top: 116px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.s20 { position:absolute; display:none; transition-duration:.1s; -webkit-transition-duration:.1s; -webkit-animation-name: shakings1; -webkit-animation-duration: 5s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;  z-index:4;}
.prodimgbxs3 { position:relative; height:190px; width: 200px;}
.prodimgbxs3:hover { -webkit-animation-name: shake;	-webkit-animation-duration: .8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;  }
.prodimgbxs3.mouseon3 .s1 { left:-5px; top:-20px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs3.mouseon3 .s3, .prodimgbxs3.mouseon3 .s7, .prodimgbxs3.mouseon3 .s8 { display:none; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s6 { left: 122px; top: -36px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs3.mouseon3 .s9 { left: -15px; top: 49px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs3.mouseon3 .s10 { left: -20px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs3.mouseon3 .s11 { left: -8px; top: 107px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s12 { left: 15px; top: 95px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s13 { left: 46px; top: 69px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s14 { left: 127px; top: 92px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s15 { left: 132px; top: 53px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s16 { left: 152px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s17 { display:none; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s18 { top: 174px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s19 { left: 12px; top: 146px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs3.mouseon3 .s20 { display:block; top:45px; left:20px; transition-duration:.1s; -webkit-transition-duration:.1s; z-index:4;}
.sp1 { position:absolute; top:0; left:90px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.sp2 { position:absolute; top: 38px; left: 89px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.sp3 { position:absolute; top: 65px; left: 87px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.sp4 { position:absolute; top: 80px; left: 112px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp5 { position:absolute; top: 93px; left: 65px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp6 { position:absolute; top: 107px; left: 21px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp7 { position:absolute; top: 104px; left: 44px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp8 { position:absolute; top: 63px; left: 146px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp9 { position:absolute; top: 64px; left: 164px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp10 { position:absolute; top: 42px; left: 176px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp11 { position:absolute; top: 24px; left: 210px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp12 { position:absolute; top: 51px; left: 191px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp13 { position:absolute; top: 74px; left: 166px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp14 { position:absolute; top: 86px; left: 166px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp15 { position:absolute; top: 96px; left: 93px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp16 { position:absolute; top: 114px; left: 71px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp17 { position:absolute; top: 102px; left: 125px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp18 { position:absolute; top: 98px; left: 128px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp19 { position:absolute; top: 125px; left: 75px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp20 { position:absolute; top: 121px; left: 107px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp21 { position:absolute; top: 127px; left: 149px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp22 { position:absolute; top: 158px; left: 73px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp23 { position:absolute; top: 162px; left: 45px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp24 { position:absolute; top: 168px; left: 75px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp25 { position:absolute; top: 200px; left: 21px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp26 { position:absolute; top: 151px; left: 115px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp27 { position:absolute; top: 171px; left: 116px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp28 { position:absolute; top: 152px; left: 137px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp29 { position:absolute; top: 182px; left: 131px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp30 { position:absolute; top: 182px; left: 138px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp31 { position:absolute; top: 174px; left: 154px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp32 { position:absolute; top: 182px; left: 164px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp33 { position:absolute; top: 228px; left: 183px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp34 { position:absolute; top: 263px; left: 201px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp35 { position:absolute; top: 210px; left: 162px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.sp36 { display:none; position:absolute; top: 60px; left:90px; transition-duration:.1s; -webkit-transition-duration:.1s; -webkit-animation-name: shakings1;	-webkit-animation-duration: 5s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;  z-index:4;}
.sp37 { display:none; position:absolute; top: 170px; transition-duration:.1s; -webkit-transition-duration:.1s; -webkit-animation-name: shakings1;	-webkit-animation-duration: 5s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;  z-index:4;}
.prodimgbxs4 { position:relative; height:340px; width: 300px; }
.prodimgbxs4:hover { -webkit-animation-name: shake;	-webkit-animation-duration: .8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
.prodimgbxs4.mouseon4 .sp1 { top:0; left:70px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs4.mouseon4 .sp2 { top: 24px; left: 89px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs4.mouseon4 .sp3 { top: 57px; left: 79px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs4.mouseon4 .sp4 { top: 73px; left: 118px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs4.mouseon4 .sp5, .prodimgbxs4.mouseon4 .sp8, .prodimgbxs4.mouseon4 .sp10, .prodimgbxs4.mouseon4 .sp15, .prodimgbxs4.mouseon4 .sp20, .prodimgbxs4.mouseon4 .sp28, .prodimgbxs4.mouseon4 .sp29, .prodimgbxs4.mouseon4 .sp33 { display:none; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs4.mouseon4 .sp6 { left: 5px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs4.mouseon4 .sp7 { top: 84px; left: 38px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs4.mouseon4 .sp9 { top: 54px; left: 160px; transition-duration:.1s; -webkit-transition-duration:.1s;}
.prodimgbxs4.mouseon4 .sp11 { transition-duration:.1s; -webkit-transition-duration:.1s; top: 14px; left: 220px;}
.prodimgbxs4.mouseon4 .sp12 { transition-duration:.1s; -webkit-transition-duration:.1s; top: 41px; left: 201px;}
.prodimgbxs4.mouseon4 .sp13 { transition-duration:.1s; -webkit-transition-duration:.1s; top: 64px; left: 171px;}
.prodimgbxs4.mouseon4 .sp14 { transition-duration:.1s; -webkit-transition-duration:.1s; top: 100px; left: 186px;}
.prodimgbxs4.mouseon4 .sp16 { top: 95px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp18 { top: 108px; left: 138px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp21 { top: 137px; left: 179px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp22 { top: 140px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp23 { top: 152px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp24 { top: 198px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp26 { top: 140px; left: 110px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp19 { top: 125px; left: 19px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp30 { top: 196px; left: 133px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp31 { top: 154px; left: 150px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp32 { top: 178px; left: 174px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp34 { top: 273px; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp36 { display:block; z-index:4; transition-duration:.1s; -webkit-transition-duration:.1s; }
.prodimgbxs4.mouseon4 .sp37 { display:block; z-index:4; transition-duration:.1s; -webkit-transition-duration:.1s; }
.innerheader { float:left; opacity:1; top:auto; position:relative; }
.innerheader .menubox { float:left; position: relative; top: 0; margin-top:15px; }
.innerheader .site_logo { position: relative; top: 10px; opacity: 1;  }
.insjustboxes { position:relative; display:inline-block; opacity:0; }
.insjustboxes.active { animation-duration:.5s; animation-name:justappear; opacity:1; animation-timing-function: ease-out;}
.justbx1 { position: absolute; left: 0;  top: 35px; animation-delay:1.2s; animation:image_rotate3 15s linear infinite;}
.insjustpepperboxs .justbx1{ left:-40px;}
.justbx2 { position: absolute; right: -75px;  top: 10px; animation-delay:1.2s; animation:image_rotate3 15s linear infinite;}
.insjustpepperboxs .justbx2 { right:-110px; top:30px;}
.insjustspiceboxs .justbx2 { right: -90px; top: -15px; }
.insjustpepperboxs .justbx2 img  { transform:rotate(120deg); -webkit-transform:rotate(120deg); }
.insjustspiceboxs .justbx2 img  { transform:rotate(-60deg); -webkit-transform:rotate(-60deg); }
.blendbox { text-align:center;}
.blendbtnbx { position: relative; top: 72px; background:url(../images/blend-button.png) no-repeat center; width:196px; height:196px; border:0px; outline:none; cursor:pointer; font-size:0px;}
#btnPlayPause2 { background:url(../images/blend-button1.png) no-repeat center; }
#btnPlayPause1 { background:url(../images/blend-button2.png) no-repeat center; }
#btnPlayPause3 { background:url(../images/blend-button3.png) no-repeat center; }
.blendbox { position: relative; padding:17% 0 0; }
.secondboldbox { position:relative; height:600px; opacity:0; }
.scingrvideobx { height:600px;}
.scingrvideobx video { background:none; top:48% !important; height:670px !important;}
.scingrvideobx1 { height:600px;}
.scingrvideobx1 video { background:none; top:48% !important; height:670px !important;}
.scingrvideobx2 { height:600px;}
.scingrvideobx2 video { background:none; top:48% !important; height:670px !important;}
.scingrvideobx3 { height:600px;}
.scingrvideobx3 video { background:none; top:48% !important; height:670px !important;}
.vidbg-overlay { background:none !important;}
.vidbg-container { background-size:auto 100% !important;}
.chilliboxs1 img { margin:0 auto; display:block; }
.detailchilli { animation-duration:.5s; animation-name:image_rotate2; animation-timing-function: ease-out; opacity:1; }
.detailchilli { z-index:1; position:relative; }
.threeboxes.active .secondboldbox {animation-duration:1s; animation-name:threeappear2; opacity:1; animation-timing-function: ease-out;}
.threeboxes.active .scingrvideobx {-webkit-animation-name: spaceboots;	-webkit-animation-duration: 10s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
.threeboxes.active .scingrvideobx1 {-webkit-animation-name: spaceboots; -webkit-animation-duration: 10s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
.threeboxes.active .scingrvideobx2 {-webkit-animation-name: spaceboots;-webkit-animation-duration: 10s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
.threeboxes.active .scingrvideobx3 {-webkit-animation-name: spaceboots;-webkit-animation-duration: 10s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
.threeboxes.active .firstboldbox { animation-duration:1s; animation-name:threeappear1; opacity:1; position:relative; animation-timing-function: ease-out;}
.threeboxes.active .thirdboldbox { animation-duration:1s; animation-name:threeappear3; opacity:1; position:relative; animation-timing-function: ease-out;}
.testimonialbx.active { animation-duration:1s; animation-name:justappear; opacity:1; animation-timing-function: ease-out;}
.testimonialbx.active .lftarrowbx { animation-duration:1s; animation-name:justleftappear; opacity:1; animation-timing-function: ease-out; z-index:2; }
.testimonialbx.active .rightarrowbx { animation-duration:1s; animation-name:justrightappear; opacity:1; animation-timing-function: ease-out; z-index:2; }
.feedback_section {  width:100%; height:100%; display:table;}
.insfeedback_section {  width:100%; height:inherit; display:table-cell; vertical-align:middle; }
.insfeedback_section .kari_image1 { text-align:center;}
.insfeedback_section .kari_image2 { margin:-10px auto 0; }
.insfeedback_section .kari_image2 h3 { font-family: 'SybillaPro'; text-align:center; color:#e4e2e1; font-size:42px; font-weight:bold; }
.feedbackform { text-align:center; margin:30px 0 0; }
.insfeedbackform { max-width:650px; margin:0 auto; font-size:0px; }
.selectbox2 { vertical-align:top; width:45%; margin:5px 5px; display:inline-block; }
.textbox1 { vertical-align:top; width:45%; margin:5px 5px; display:inline-block; }
.textbox2 { vertical-align:top; width:45%; margin:5px 5px; display:inline-block; }
.textformbox { width:91%; margin:5px; display:inline-block; }
.textbox1 input , .textbox2 input { font-family: 'Aller'; width:100%; height:45px; padding:0 10px; background:#fff; border-radius:5px; border:0px; color:#191919; font-size:18px; outline:none; }

.textbox1 input::-webkit-input-placeholder { color:#191919; }
.textbox1 input::-moz-placeholder { color:#191919; }
.textbox1 input:-ms-input-placeholder { color:#191919; }
.textbox1 input:-moz-placeholder { color:#191919; }
.textbox2 input::-webkit-input-placeholder { color:#191919; }
.textbox2 input::-moz-placeholder { color:#191919; }
.textbox2 input:-ms-input-placeholder { color:#191919; }
.textbox2 input:-moz-placeholder { color:#191919; }
.textformbox textarea::-webkit-input-placeholder { color:#191919; }
.textformbox textarea::-moz-placeholder { color:#191919; }
.textformbox textarea:-ms-input-placeholder { color:#191919; }
.textformbox textarea:-moz-placeholder { color:#191919; }

.selectbox2 select { font-family: 'Aller'; width:100%; height:45px; padding:0 10px; background:url(../images/drop-arrow.png) no-repeat 96% center #fff; border-radius:5px; border:0px; color:#191919; font-size:18px; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.textformbox textarea { font-family: 'Aller'; width:100%; height:90px; padding:10px; background:#fff; border-radius:5px; border:0px; color:#191919; font-size:18px; }
.feedbackbtn { width:91%; margin:5px; display:inline-block; margin:25px 0 0; }
.feedbackbtn input { font-size:0px; background:url(../images/feedback_btn.png) no-repeat center; width:89px; height:64px; border:0px; outline:none; cursor:pointer; }
.feedbackbtn input:hover { background:url(../images/feedback_hoverbtn.png) no-repeat center; opacity:.8; }
.feed1 { position: absolute; left: 22%; bottom: 18%; opacity:0; }
.feed2 { position: absolute; right: 18%; opacity:0; bottom:100px; }
.feed3 { position: absolute; left: 0%; right: -10%; display: inline-block; bottom:150px; margin: 0 auto; width: 48px; opacity:0;}
.feed4 { position: absolute; left: -9%; right: 0%; bottom:200px; display: inline-block; margin: 0 auto; width: 35px; opacity:0;}
.feed5 { bottom:100px; position: absolute; left: 0; right: 0; display: inline-block; margin: 0 auto; width: 108px; opacity:0;}
.pp-table.active .feed1 , .pp-table.active .feed2 ,.pp-table.active .feed3 ,.pp-table.active .feed4 ,.pp-table.active .feed5 { animation-duration:2.5s; animation-name:feedimage; animation-timing-function: ease-out; opacity:1; }
.feedformbox { opacity:0; position:relative; }
.pp-table.active .feedformbox { opacity:1; position:relative; animation-duration:1s; animation-name:feedform; animation-timing-function: ease-out; }
.storiesbox { width:100%; height:100%; display:table; opacity:0;}
.pp-table.active .storiesbox { position:relative; animation-duration:1s; animation-name:feedform; animation-timing-function: ease-out; opacity:1; }
.insstoriesbox {  width:100%; height:inherit; display:table-cell; vertical-align:middle; }
.insstoriesbox .kari_image1 { text-align:center; margin:6% 0 20px;}
.insstoriesbox .kari_image2 { margin:-10px auto 0; }
.insstoriesbox .kari_image2 h3 { font-family: 'SybillaPro'; text-align:center; color:#e4e2e1; font-size:42px; font-weight:bold; }
.storieslistbox { width:80%; margin:20px auto 0; }
.storieslistbox ul { text-align:center; font-size:0px; }
.storieslistbox ul li { width:33.3%; padding:0 20px;  margin-bottom:20px; float:left; }
.storieslistboxs1 { border:12px solid #fff; width:100%; float:left; background:#d9d9d9; transition-duration:.5s; -webkit-transition-duration:.5s; }
.storieslistboxs1:hover { transform:scale(1.03);-webkit-transform:scale(1.03); transition-duration:.5s; -webkit-transition-duration:.5s; }
.leftstoriesbx { float:left; width:35%; }
.leftstoriesbx img { width:100%; }
.rightstoriesbx { float:right; width:65%; height:100%; background:#d9d9d9; padding: 15px; text-align: left;}
.fullimagebx { float:left; width:100%; height:110px; }
.fullstoriesbx.rightstoriesbx { float:left; width:100%; background:#d9d9d9; padding:15px; text-align: left;}
.fullstoriesbx1 { float:left; width:100%; height:100%; }
.fullstoriesbx1 .rightstoriesbx { float:left; width:100%; height:auto; padding:15px; text-align: left;}
.rightstoriesbx h4 { transition-duration:.5s; -webkit-transition-duration:.5s; font-family: 'SybillaPro'; font-weight:bold; font-size:21px; color:#171718; margin-bottom:5px; }
.storieslistboxs1:hover .rightstoriesbx h4 { transition-duration:.5s; -webkit-transition-duration:.5s; color:#f95f1b; }
.rightstoriesbx span { font-family: 'SybillaPro'; font-weight:bold; display:block; font-size:11px; margin-bottom:5px; color:#171718; }
.rightstoriesbx h6 { font-family: 'SybillaPro'; font-weight:bold; border-top:1px dashed #151515; padding:5px 0; font-size:11px; color:#171718; }
.rightstoriesbx p { font-family: 'SybillaPro'; font-weight:bold; padding: 0; font-size:15px; color:#171718; }
.storieslistboxs1 { height:205px; overflow:hidden; }
.loadmorebx { display: block; clear:both; margin: 20px auto 0 ; width: 150px; text-align:center;}
.loadmorebx:hover { opacity:.8;}
.aboutstroesbx { position: absolute; top: -10%; left: -8%; opacity:0; }
.pp-table.active .aboutstroesbx { animation-duration:2s; animation-name:aboutstroesbx; animation-timing-function: ease-out; opacity:1; }
.aboutstroesbxs1 { position: absolute; bottom: -10%; right: -8%; opacity:0; }
.pp-table.active .aboutstroesbxs1 { animation-duration:2s; animation-name:aboutstroesbxs1; animation-timing-function: ease-out; opacity:1; }
.storiesdetailpage { background:url(../images/background.jpg) no-repeat center top/ cover; float:left; width:100%; padding:0 0 20px;} 
.single-post { background:url(../images/background.jpg) no-repeat center top/ cover; float:left; width:100%; position:relative; padding:0 0 40px;}
.st_instoriespage { padding:150px 0 100px; float:left; width:100%; }
.st_instoriespage .kari_image2 h2 { font-family: 'SybillaPro'; text-align: center; color: #e4e2e1; font-size: 42px; line-height:40px; font-weight: bold; }
.storiesdetailpost { max-width: 1200px; margin: 0px auto; width:100%; padding:50px 0 0;}
.instoriesdetailpost { border:12px solid #fff; float:left; width:100%; }
.admindetailbx { background:#fff; padding:0 15px 12px; float:left; width:100%; }
.instoriesdetailpost img { float:left; width:100%; }
.leftadmindetailbx { float:left; }
.leftadmindetailbx h5 { color:#171718; font-family: 'SybillaPro'; font-weight:bold; font-size:21px; line-height:27px; }
.leftadmindetailbx h5 sup { color:#171718; font-family: 'SybillaPro'; font-weight:bold; font-size:14px; }
.rightadmindetailbx { float:right; }
.rightadmindetailbx h6 { color:#171718; font-family: 'SybillaPro'; font-weight:bold; font-size:19px; line-height:27px; }
.innrstoriespostbox { margin:40px 0; float:left; width:100%; }
.leftstoriespstbx { float:left; width:65%; min-height:460px; padding:0 30px 0 0; border-right:2px solid #ffffff; }
.leftstoriespstbx h3 { font-size:45px; line-height:40px; color:#ffffff; margin-bottom:20px; font-family: 'SybillaPro'; font-weight:700; }
.leftstoriespstbx p { font-size:15px; line-height:22px; color:#ffffff; margin-bottom:30px; }
.rightstoriespstbx { float:left; width:35%; padding:0 0 0 30px;}
.rightstoriespstbx h4 { color:#ffffff; font-size:29px; margin-bottom:15px; font-family: 'SybillaPro'; font-weight:700; }
.rightstoriespstbx ul li { float:left; padding:5px 5px 10px; border-bottom:1px dashed #fff; width:100%; margin-bottom:10px;}
.rightstoriespstbx ul li p { margin-bottom:5px; font-size:20px; color:#fff; float:left; width:100%; }
.rightstoriespstbx ul li p a { color:#fff; transition-duration:.5s; -webkit-transition-duration:.5s;}
.rightstoriespstbx ul li p a:hover { color:#f95f1b; transition-duration:.5s; -webkit-transition-duration:.5s;  }
.rightstoriespstbx ul li span.leftbox { float:left; font-size:11px; color:#fff; }
.rightstoriespstbx ul li span.rightbox { float:right; font-size:11px; color:#fff; }
.karidetailimagebox { position: absolute; top: -8%;  left: -8%;}
.karidetailimageboxs2 { position: absolute; bottom: 0%; text-align:center; left: -20%; right:0;}
.karidetailimageboxs2 img { bottom: -3px; position: relative;}
.wasabiheader { background:url(../images/background.jpg) no-repeat center/ cover; position:fixed; }
.single-post header.header.innerheader.actives {
    position: fixed;
    background-color: #000;
}

/* .single-post .storiesdetailpage {
   margin-top: 100px;
} */


.wasabi_detailbox { overflow:hidden; float:left; width:100%; /* background:url(../images/wasabi_banner.jpg) no-repeat center top/ 100% 100%; */ background:#225904; }
.pepper_detailbox { overflow:hidden; float:left; width:100%;/*  background:url(../images/pepper_banner.jpg) no-repeat center top/ 100% 100%; */ background:#80744c; }
.spice_detailbox { overflow:hidden; float:left; width:100%; /* background:url(../images/spice_banner.jpg) no-repeat center top/ 100% 100%; */ background:#eb972a; }
.wasabi_garlic { padding-top:20px; max-width:630px; }
.pepper_garlic { padding-top:20px; max-width:630px; }
.pepper_garlic p { color:#554625; }
.insjustboxes1 .justbx1 { top: 0px; left: -50px; }
.insjustboxes1 .justbx2 { top: -25px; right: -110px; }
.chillimagebox img { left: -2.5%; max-width: inherit; width: 105%; position: relative; }
.spice_detailbox .chillimagebox img { left: -2.5%; max-width: inherit; width: auto; position: relative; }
.blendbtnbx.rotateimg { transition-duration:1s; -webkit-transition-duration:1s; transform:rotate(360deg);-webkit-transform:rotate(360deg);  }
.leftstoriesbx { height:100%; position:relative; }
.leftstoriesbx img { height: 100%; left: 0; position: absolute; width: 100%;}
.thirdbox ul { font-size:0px;}
.mobilemenu, .mobilemenu1  { display:none;}
.menutogglebx , .fixedsidebar , .productpopupbx { display:none;}
.innerpagebxs #section24, .page-template-template_stories-php { display:none; }
.innerpagebxs #section25 , .page-template-template_feedback-php { display:none; }
.innerpagebxs #section26 , .page-template-template_contact-php { display:none; }

.contactpagebx { max-width: 600px; margin: 40px auto 0; clear: both; }
.lftcntctpagebx { width:40%; float:left; padding:30px 30px 30px 0px; background: url(../images/dotsborder.png) no-repeat right/ auto 100%; }
.lftcntctpagebx ul { float:left; width:100%; }
.lftcntctpagebx ul li {cursor:pointer; padding:10px 5px; border-bottom:1px dotted #d85236; color:#d85236; font-size:18px; display:block; width:100%;}
.lftcntctpagebx ul li:hover a { color:#e6d551; cursor:pointer; }
.lftcntctpagebx ul li a { color:#d85236; }
.lftcntctpagebx ul li label { cursor:pointer; }
.lftcntctpagebx ul li span { font-size:20px; float:right; cursor:pointer; }
.rghtcntctpagebx { padding:30px 0 30px 30px; width:60%; float:left; }
.rghtcntctpagebx p { font-size:17px; color:#d85236; border-bottom:1px solid #d85236; padding-bottom:10px; margin-bottom:10px; }
.rghtcntctpagebx p:last-child { border-bottom:0; }
.rghtcntctpagebx p a { color:#d85236; }
.rghtcntctpagebx p a:hover { color:#e6d551; }
.contactpagebx h4 { margin-bottom:15px; color:#e6d551; font-weight:500; font-size:20px; }

.popup_textbox{clear:both;}
.inspopupbox { border-radius:5px; max-width: 650px; margin: 0 auto; background: #fff; padding: 25px 30px; }

.popup_heading { float:left; width:100%; border-bottom:1px solid #464646; padding:10px 0; }
.popup_heading h5 { float:left; font-size:20px; color:#e32634; }
.closebox { float:right; cursor:pointer; }
.closebox p { float:left; font-size:14px; color:#464646; font-weight:600; }
.closebox p a { float:left; font-weight:600; font-size:14px; color:#464646; text-transform:uppercase; }
.closebox p a:hover { color:#d85236; }
.closebox p img { margin:0 0px -2px 5px; }

.popup_textbox ul { height:240px; overflow-y:auto;  }
.popup_textbox ul li {display:block; width:100%; padding:10px 0; color:#464646; font-size:16px; border-bottom:1px solid #aaaaaa;  }
.lftcntctpagebx .popup_textbox ul li:hover { color:#464646;  }
.myList1 { display:none;}
.myList li:nth-child(-n+6) { display:block;}
html .logged-in { margin:0 0 0 0px !important;}
html .logged-in .header { margin:32px 0 0 0px !important;}
html  { margin:0px !important;}

.productimage1 { padding:5% 0 0; float:left; width:100%; background:url(../images/new_prodimage1.jpg) no-repeat center top / 100% 100%; }
.productimage2 { padding:5% 0 0; float:left; width:100%; background:url(../images/new_prodimage2.jpg) no-repeat center top / 100% 100%; }
.productimage3 { padding:5% 0 0; float:left; width:100%; background:url(../images/new_prodimage4.jpg) no-repeat center top / 100% 100%; }
.productimage4 { padding:5% 0 0; float:left; width:100%; background:url(../images/new_prodimage3.jpg) no-repeat center top / 100% 100%; }

.se-pre-con p { animation:loaderanim 2s linear infinite; font-weight: bold; color:grey; position:fixed; top:60%; left:50%; transform:translate(-50%, -50%); font-size:21px; text-align:center; text-transform:uppercase; font-family:SybillaPro;}

@keyframes loaderanim {
	0% , 100% { color:grey; }
	50% { color:#fff; }
}
@keyframes aboutstroesbx {
	0% { transform: rotate(-30deg); -webkit-transform: rotate(-30deg); top: -20%; opacity:0; }
	100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); top: -10%; opacity:1;}
}
@keyframes aboutstroesbxs1 {
	0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); bottom: -20%; opacity:0; }
	100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: -10%; opacity:1;}
}
@keyframes feedform {
	0% { opacity:0; bottom:-10%;}
	100% { opacity:1; bottom:0; }
}
@keyframes feedimage {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes spaceboots {
	0% { -webkit-transform: translate(1px, 2px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -1px) rotate(-.2deg); }
	20% { -webkit-transform: translate(-1px, 0px) rotate(.2deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(.2deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-.2deg); }
	60% { -webkit-transform: translate(-1px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(1px, 2px) rotate(-.2deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(.2deg); }
	90% { -webkit-transform: translate(1px, 1px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-.2deg); }
}
@keyframes leftrotate {
  0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); bottom: -90px; left:-135px; opacity:0; }
  100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: 0px; left:35px; opacity:1;}
}
@keyframes centerrotate {
  0% { transform: rotate(50deg); -webkit-transform: rotate(50deg); bottom: -135px; opacity:0; }
  100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: 0px; opacity:1;}
}
@keyframes rightrotate {
  0% { transform:rotate(70deg); -webkit-transform: rotate(70deg); bottom: -150px; left:145px; opacity:0; }
  100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: 0px; left:-85px; opacity:1;}
}
@keyframes rightrotate1 {
  0% { transform:rotate(70deg); -webkit-transform: rotate(70deg); bottom: -150px; left:145px; opacity:0; }
  100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: 0px; left:-45px; opacity:1;}
}
@keyframes icon1 {
  0% { right:-50px; }
  100% { right:0; }
}
@keyframes icon2 {
  0% { left:-50px; }
  100% { left:0; }
}
@keyframes icon4 {
  0% { right:-100px; }
  100% { right:0; }
}
@keyframes icon6 {
  0% { left:0px; }
  100% { left:3%; }
}
@keyframes icon7 {
  0% { right:0px; }
  100% { right:5%; }
}
@keyframes icon8 {
  0% { right:-10%; }
  100% { right:-14%; }
}
@keyframes icon9 {
  0% { right:0%; }
  100% { right:7%; }
}
@keyframes icon10 {
  0% { right:-100px; }
  100% { right:1%; }
}
@keyframes icon11 {
  0% { left:-10%; }
  100% { left:-14%; }
}
@keyframes icon12 {
  0% { right:-5%; }
  100% { right:-8.7%; }
}
@keyframes icon13 {
  0% { right:0%; }
  100% { right:3%; }
}
@keyframes icon14 {
  0% { right:-100px; }
  100% { right:0; }
}
@keyframes icon15 {
  0% { right:0px; }
  100% { right:4%; }
}
@keyframes icon16 {
  0% { left:0px; }
  100% { left:3%; }
}
@keyframes icon17 {
  0% { right:-100px; }
  100% { right:0%; }
}
@keyframes icon19 {
  0% { right:-5%; }
  100% { right:-11%; }
}
@keyframes icon20 {
  0% { transform:scale(0);-webkit-transform:scale(0); }
  100% { transform:scale(1);-webkit-transform:scale(1); }
}
@keyframes icon21 {
  0% { left:-10%; }
  100% { left:0%; }
}
@keyframes icon22 {
  0% { right:-10%; }
  100% { right:0%; }
}
@keyframes icon23 {
  0% { left:-10%; }
  100% { left:-3%; }
}
@keyframes justappear {
  0% { transform: scale(0); -webkit-transform: scale(0);}
  100% { transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes justleftappear {
  0% { left:30px; opacity:0; }
  100% { left:-30px; opacity:1; }
}
@keyframes justrightappear {
  0% { right:30px; opacity:0; }
  100% { right:-30px; opacity:1; }
}
@keyframes threeappear2 {
  0% { transform: scale(0); -webkit-transform: scale(0);}
  100% { transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes threeappear1 {
  0% { opacity:0; left:-10%;}
  100% { opacity:1; left:0; }
}
@keyframes threeappear3 {
  0% { opacity:0; right:-10%;}
  100% { opacity:1; right:0;}
}
@keyframes shake {  
  	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-4deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(4deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(4deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-4deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-4deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(4deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-4deg); }
}
@keyframes shakings1 {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(10deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(-10deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(-10deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(10deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(10deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(-10deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(10deg); }
}
@keyframes shaking {  
  	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes shake1 {
  0% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity:0;  }
  50%, 90% { transform:rotate(0deg);}
  60%, 80% { transform:rotate(1deg);}
  70% { transform:rotate(-1deg);} 
  100% { transform: scale(1); -webkit-transform: scale(1); opacity:1;}
}
@keyframes shake2 {
  0% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity:0;}
  100% { transform: scale(1); -webkit-transform: scale(1); opacity:1; }
}
@keyframes karitopbxs1 { 
	0% { opacity:0; top:50px; }
	100% { opacity:1; top:-85px; }
}
@keyframes karitopbxs2 { 
	0% { opacity:0; top:50px; }
	100% { opacity:1; top:-110px; }
}
@keyframes karitopbxs3 { 
	0% { opacity:0; top:50px; }
	100% { opacity:1; top:-70px; }
}
@keyframes karitopbxs4 { 
	0% { opacity:0; top:50px; }
	100% { opacity:1; top:-150px; }
}
@keyframes bottomkari { 
	0% { opacity:0; bottom:-80px; }
	100% { opacity:1; bottom:0px; }
}
@keyframes leafimage { 
	0% { opacity:0; left:0%; }
	100% { opacity:1; left:-40px; }
}
@keyframes leafimage1 { 
	0% { opacity:0; right:0; }
	100% { opacity:1; right:-40px; }
}
@keyframes star_image { 
	0% { opacity:0; bottom:-50px; }
	100% { opacity:1; bottom:0; }
}
@keyframes karicontbxs1 { 
	0% { opacity:0;  }
	100% { opacity:1; }
}
@keyframes karicontbxs { 
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes about_image1 {
	0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); top: -90px; opacity:0; }
	100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); top: 0px; opacity:1;}	
}
@keyframes about_image2 { 
	0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); bottom: -90px; opacity:0; }
	100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: 0px; opacity:1;}
}
@keyframes about_image3 {
	0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); bottom: -90px; opacity:0; }
	100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: 0px; opacity:1;}
}
@keyframes about_images11 {
	0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); top: -30%; opacity:0; }
	100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); top: -18%; opacity:1;}	
}
@keyframes about_images31 {
	0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); bottom: -30%; opacity:0; }
	100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: -18%; opacity:1;}
}
@keyframes image_show { 
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes image_show2 { 
	0% { right:-50px; }
	100% { right:-90px; }
}
@keyframes image_show3 { 
	0% { left:-100px; }
	100% { left:-360px; }
}
@keyframes image_show4 { 
	0% { left:-100px; }
	100% { left:-160px; }
}
@keyframes image_rotate { 
	0%, 100% { transform:rotate(0deg);}
	10%, 30%, 50%, 70%, 90% { transform:rotate(-5deg);}
	20%, 40%, 60%, 80% { transform:rotate(5deg);}	
}
@keyframes image_rotate3 { 
	0%, 100% { transform:rotate(0deg);}
	10%, 30%, 50%, 70%, 90% { transform:rotate(-5deg);}
	20%, 40%, 60%, 80% { transform:rotate(5deg);}	
}
@keyframes image_rotate2 { 
	0%, 100% { transform:rotate(0deg);}
	10%, 30%, 50%, 70%, 90% { transform:rotate(-1deg);}
	20%, 40%, 60%, 80% { transform:rotate(1deg);}	
}
@keyframes image_rotate1 { 
	0%, 100% { transform:rotate(0deg);}
	10%, 30%, 50%, 70%, 90% { transform:rotate(-6deg);}
	20%, 40%, 60%, 80% { transform:rotate(6deg);}	
}
@keyframes bounce { 
	0%, 20%, 50%, 70%, 100% { transform: translateY(0px); }
	40% { transform: translateY(10px); }
	60% { transform: translateY(12px); }
	80% { transform: translateY(10px); }
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
.mobilelogo { display:none; }
.icon-search { display:none;}
.wrap { padding:110px 0 0; }
.wrap .content-area { padding:50px 30px; }
.page-header, .page-content { color:#000; font-size:15px;}
.page-header h1 { font-size:26px; margin-bottom:10px; }
.page-content p { font-size:16px; margin-bottom:10px; }
.search-field { height: 40px; padding: 0 10px; border: 1px solid #000; font-size: 16px; }
.search-submit { height: 40px; padding: 0; border: 1px solid #000; width:100px; font-size: 16px; background: #fff; color: #000; }

.footsocialbx { position: absolute; z-index: 999; right: 10px; top: 10px; display:block; }
/* .page-template-template_product-details .footsocialbx { display:none; } */
.footsocialbx ul { font-size:0px; }
.footsocialbx ul li { vertical-align:middle; margin:0 10px; display:inline-block; }

.locatnwrapperbx { max-width:1200px; margin:0 auto; padding:0 10px;}
.loactionbx { background:url(../images/background.jpg) no-repeat center top /cover; }
.locationdetailbx { float:left; width:100%; margin:80px 0 0; }
.inrlocationdtlbx { float:left; width:100%; padding:20px; background:#d85236;}
.leftlocationbx { float:left; width:50%; padding:0 20px; }
.rightlocationbx { float:left; width:50%; padding:0 20px; position:relative; }
.lftloctntxtbx { height:480px; overflow-y:scroll; }
.lftloctntxtbx ul { padding:0px 20px 0px 0px; }
.lftloctntxtbx ul li { color:#fff; font-size:16px; padding:10px 0px 10px 15px; border-bottom:1px dashed #fff; background:url(../images/arrow-img.png) no-repeat 0px center ; cursor:pointer; }
.lftloctntxtbx ul li a { color:#fff; transition-duration:.5s; -webkit-transition-duration:.5s; display:inline-block; }
.lftloctntxtbx ul li:hover a { padding:0 0 0 10px; transition-duration:.5s; -webkit-transition-duration:.5s; }
.statelocabox { float:left; width:100%; text-align:right; }
.statelocabox h3 { background:#d85236; font-size:17px; color:#ffffff; padding:10px 30px; display:inline-block;  }
.insrightlocationbx {height:480px; position:relative; width:100%; }
.insrightlocationbx img { position:absolute; width:100%; height:100%; }



@media (max-width:1900px) {
	.sitelogo { max-width:35%; }
	.storieslistbox { width:90%;}
}
@media (max-width:1700px) {
	.thirdbox ul { font-size:0px;}
	.thirdbox ul li { width:25%;}
	.aboutbox3 { display:none;}
	.fullstoriesbx.rightstoriesbx, .rightstoriesbx, .fullstoriesbx1 .rightstoriesbx  { padding:10px;}
	.rightstoriesbx h4 { font-size:16px; }
	.rightstoriesbx p { font-size: 13px; padding: 2px 0;}
	.kari_contentbox p { font-size:21px;}
}
@media (max-width:1500px) {
	.hmpgicon22 img { right: -23%; }
	.hmpgicon21 img { left: -23%; }
	.aboutbox1 { left:9%; }
	.aboutboxs31 img { margin-bottom: -10%; }
	.aboutboxs11 img { margin-top: -40%; }
	.aboutstroesbx img {margin: -45% 0 0 0; }
	.aboutboxs53 img , .aboutboxs52 img {margin-bottom:-50%; }
	.aboutboxs51 img {margin-top:-35%; }
	.starimagebx { margin: 10px 0 0; }
	.starimagebx img { width:120px;}
	.storieslistboxs1 { border:10px solid #fff; height:160px;}
	.kari_contentbox p { font-size:19px;}
	.loadmorebx { margin:0px auto 0;}
	.loadmorebx img {width:80px;}
	.feed3 , .feed4, .feed5 {display:none; }
	.hmpgicon20 img { max-width:30%; }
	.hm_prodbox { margin-bottom:-40px; }
}
@media (max-height: 650px) {
	.storieslistbox ul { height:160px; overflow-y:scroll; margin-bottom:10px;}
}
@media (max-width:1380px) {
	.starimagebx { margin: 10px 0 0; }
	.starimagebx img { width:120px;}
	.kari_contentbox p { font-size: 18px }
	.kari_contentbox p:last-child { margin-bottom:0px; }
	.aboutbox1 { left:-11%;}
	.kari_contentbox { margin: 0 auto 5px; max-width: 600px;}
	.aboutboxs31 img { margin-bottom: -10%; }
	.aboutboxs11 img { margin-top: -40%; }
	.thirdbox ul li span.chillibox img { margin: 40px 10px 0 0; width: 140px;}
	.thirdbox ul li span.wasabibox img { margin: 25px 0 0; width: 90px;}
	.thirdbox ul li span.saltbox img { width: 90px; margin: 30px 0 0 0; }
	.thirdbox ul li span.maniabox img { width: 110px; margin: 30px 0 0 0; }
	.aboutstroesbx img {margin: -45% 0 0 0; }
	.storieslistbox ul li { padding: 0 10px; margin-bottom:15px;}
	.storieslistboxs1 { border:10px solid #fff; height:160px;}
	.fullimagebx { height: 85px;}
	.rightstoriesbx h4 { margin:0 0 2px; font-size:15px; }
	.rightstoriesbx p { font-size: 12px; line-height:14px; padding: 0 0;}
	.aboutstroesbxs1 > img {  margin-bottom: -35%;}
	.loadmorebx { margin:0px auto 0;}
	.loadmorebx img {width:80px;}
	.insstoriesbox .kari_image2 { margin: -20px auto 0; }
	.menubox ul { font-size: 0; margin: 10px 0 10px;}
	.insfeedback_section .kari_image2 h3, .insstoriesbox .kari_image2 h3 { font-size:36px; line-height:36px; }
	.aboutboxs53 img , .aboutboxs52 img {margin-bottom:-50%; }
	.aboutboxs51 img {margin-top:-35%; }
	.feed3 , .feed4, .feed5 {display:none; }
	.feedbackbtn { margin:10px 0 0;}
	.feedformbox { margin-top:5%;}
	.hm_prodbox { margin-bottom:-20px; }
}
@media (max-width:1200px) {
	.aboutbox1 { left:-11%;}
	.aboutbox3, .feed3, .feed4 { display:none;}
	.starimagebx { margin:5px 0 0; }
	.starimagebx img { width:120px;}
	.kari_contentbox p { font-size:20px;}
	.hm_prodbox.active { bottom:-55px; }
	.aboutboxs11 { top:-28%; }
	.aboutboxs31  { bottom: -27%;}
	.aboutboxs53  { right:0; bottom: -27%;}
	.aboutstroesbx { top: -28%; left: -10%;}
	.aboutstroesbxs1 { bottom: -26%;}
	.aboutboxs51 { top:-28%; }
	.aboutboxs52 { bottom: -27%; left:0; }
	.thirdbox ul {font-size:0px; }
	.thirdbox ul li { width:22%;}
	.wasabibox { right:75px; }
	.saltbox { left:55px; }
	.chillibox { right:-25px; }
	.maniabox { right:25px; }
	.hm_prodbox { margin-bottom:0px; }
	.storieslistbox { width:90%;}
	.storieslistbox ul li { padding:0 10px; }
	.rightstoriesbx h4 { font-size:14px; margin-bottom:3px; }
	.rightstoriesbx span { font-size:10px; margin-bottom:3px; }
	.rightstoriesbx h6 { font-size:10px; padding:3px 0; }
	.rightstoriesbx p { font-size:11px; padding:3px 0; }
	.storieslistboxs1 {  height: 160px; border:10px solid #fff;  overflow: hidden;}
	.fullstoriesbx.rightstoriesbx, .rightstoriesbx, .fullstoriesbx1 .rightstoriesbx  { padding:5px 10px;}
	.insstoriesbox .kari_image1{ margin:12% 0 20px;}
	.insfeedback_section .kari_image2 h3, .insstoriesbox .kari_image2 h3 { font-size:34px; line-height:36px; }
	.st_instoriespage .kari_image2 h2 { font-size:34px; line-height:36px; }
	.fullimagebx { height:95px;}
	.loadmorebx { margin: 10px auto 0;}
	.hmpgicon21 img { left:-29%;}
	.hmpgicon22 img { right:-29%;}
	.hmpgicon20 img { max-width:30%; }
	.karidetailbox {  margin-top: 10%; }
	@keyframes about_images11 {
		0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); top: -30%; opacity:0; }
		100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); top: -28%; opacity:1;}	
	}
	@keyframes about_images31 {
		0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); bottom: -40%; opacity:0; }
		100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: -27%; opacity:1;}
	}
	@keyframes aboutstroesbx {
		0% { transform: rotate(-30deg); -webkit-transform: rotate(-30deg); top: -30%; opacity:0; }
		100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); top: -28%; opacity:1;}
	}
	@keyframes aboutstroesbxs1 {
		0% { transform: rotate(30deg); -webkit-transform: rotate(30deg); bottom: -30%; opacity:0; }
		100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); bottom: -26%; opacity:1;}
	}	
	.storiesdetailpost { padding:50px 10px 0;}
	.instoriesdetailpost { border:10px solid #fff;}
	.leftstoriespstbx h3 { font-size:40px;}
	.chilliboxs1 { padding: 7% 10px;}
	.hm_prodbox { margin-bottom: 20px;}
}
@media (max-width:1100px) {
	.thirdbox ul {font-size:0px; }
	.thirdbox ul li { width:25%;}
	.karidetailimagebox { top: -10%; left: -15%; }
	.vidbg-container {  background-size: 100% 100% !important;}
	.aboutboxs11 img { margin-top: -20%; }
	.aboutboxs31 img {  margin-bottom: -5%; }
	.aboutstroesbx img { margin: -25% 0 0 0; }
	.aboutstroesbxs1 > img { margin-bottom: -20%; }
	.aboutboxs53 img, .aboutboxs52 img { margin-bottom: -20%; }
	.aboutboxs51 img {  margin-top: -15%;}
	.moving2 { top: 4%;}
	.inshmprodbox34  { display:none; }
	.sitelogo { max-width:50%; }
}
@media (max-width:1023px) {
	body{ overflow-y:scroll;}
	.section { position:relative; float:left; height:auto !important; width:100%; overflow:hidden; }
	.header {position:fixed; top:-55px; background:url(../images/background.jpg) no-repeat center top ; padding:10px 0; opacity:1;}	
	.single-post .header { position:relative; background:none ; }	
	.header.actives { top:-55px; }
	.header .site_logo { padding:0 0 5px; position:relative; opacity:0; top:-100px; }
	.header.sticky .site_logo { opacity:1; top:0; }
	.header.custom .site_logo {  position:relative; top:-5px; opacity:1;}
	.header .menubox { position:relative; top:0px; opacity:1;}
	.header.custom .menubox { position:relative; top:0px; opacity:1;}
	.header.sticky { top:0px; opacity:1;}
	.homeiconbx { position:relative; }
	.hm_prodbox { display:none;}
	.pp-tableCell { height:auto!important; position:relative; }
	#section1 { position:relative; float:left; width:100%; height:100%; }
	.homeiconbx {  position: relative; min-height:600px;  width: 100%;}
	.secondbox { margin:50px 0 50px;}
	.thirdbox { margin:10px 0 0; padding:0px;}
	.aboutbox1, .aboutbox2, .aboutbox3, .aboutboxs11 , .aboutboxs31, .aboutboxs51 , .aboutboxs52, .aboutboxs53{ display:none;}
	.starimagebx { opacity:1; }
	.thirdbox ul li span.wasabibox img , .thirdbox ul li span.saltbox img, .thirdbox ul li span.maniabox img{ margin: 20px 0px 5px 0; width: 110px;}
	.thirdbox ul li span.chillibox img { margin: 20px 0px 5px 0; width: 150px;}
	.thirdbox ul li { width:50%;}
	.thirdbox ul { margin:0px;}
	.prodimgbxs2, .prodimgbxs1, .prodimgbxs3, .prodimgbxs4 { height:310px;}
	.prodimgbxs3 { top:30px;}
	.wasabibox, .chillibox, .saltbox, .maniabox{ top:0; left:0;  animation:none; right:0; position:relative; }
	.storiesbox { opacity:1; margin:50px 0;}
	.insstoriesbox .kari_image1 {  margin: 20px 0;}
	.storieslistbox {  width: 100%; margin:50px 0 0; }
	.storieslistbox ul li {width: 50%;}
	.feedformbox { opacity:1; margin:50px 0; }
	.karidetailbox{ margin:0px;}
	.feed3, .feed4,.feed5, .feed2, .feed1  { display:none;}
	.section.pp-table { display:block; transform:translate3d(0,0,0) !important;}
	.mobilemenu { display:block;}
	.desktopmenu { display:none;}
	.header.actives { transition-duration:.5s; -webkit-transition-duration:.5s; }
	.leftstoriespstbx { width:100%; padding:0px; border-right:0px; }
	.rightstoriespstbx { width:100%; padding:0px; }
	.leftstoriespstbx h3 { font-size: 36px; line-height: 30px;}
	.st_instoriespage .kari_image2 h2 { font-size: 32px; line-height: 30px;}
	.leftstoriespstbx p { margin-bottom:20px; }
	.innerheader .menubox { margin-top:0;}
	.rightstoriespstbx ul li p { font-size:18px; }
	.storiesdetailpost {  padding: 40px 10px 0; }
	.st_instoriespage {  padding: 20px 0 100px;}
	.threeboxes { padding:0 10px;}
	.firstboldbox { width:100%; }
	.secondboldbox { margin:50px 0 0; width:100%; }
	.thirdboldbox { width:100%; }
	.vidbg-container {  background-size: auto 100% !important;}
	.insfirstboldbox {  max-width: inherit;  margin: 0 auto;  padding: 0; }
	.blendbox { padding:0px; margin:-30px 0 0; }
	#pagepiling { padding: 55px 0 0; float: left; width: 100%;}
	.ins_detailbox { /* padding: 150px 0 0; */ }
	.productimage1, .productimage2, .productimage3, .productimage4 { background-position:center 20%; padding: 150px 0 0; }
	.insfirstboldbox img { margin:0 0 10px; }
	footer{ display:none;}
	.innerheader .site_logo { opacity:1; top:0;}
	.innerheader.header.actives { top:0; }
	.innerheader.header { top:0; }
	.leftstoriespstbx { min-height:inherit; }
	.instoriesdetailpost img { height:inherit; max-height:200px; }
	.insjustboxes { opacity:1; }
	.footsocialbx { position: relative; z-index: 9; right: 0; top: 0; display: block; text-align: center; background:url(../images/background.jpg) no-repeat center top ; float: left; width: 100%; padding: 10px 0 55px; margin: -1px 0 0 0;}
	.post-template-default.single .footsocialbx { display:none;}
	.loactionbx { position:relative !important;}
	.st_instoriespage.loca_instoriespage { padding:20px 0; }
	.leftlocationbx { float: left; width: 100%; padding: 0 10px 30px;}
	.rightlocationbx { float: left; padding: 0 10px; width: 100%;}
	.inrlocationdtlbx { padding: 20px 10px;}
	.locationdetailbx { margin: 50px 0 0;}
	.lftloctntxtbx { height: 320px; overflow-y: scroll;}
	.insrightlocationbx { height:auto; }
	.insrightlocationbx img { position: relative;}
}
@media (max-width:991px) {
	.karidetailimageboxs2 { /* bottom: -10%; */  left: -10%;}
	.storieslistbox ul {  height: auto; overflow-y: scroll; margin-bottom: 10px; }
}
@media (max-width:767px) {
        .page-template-template_product-details .footsocialbx { display:none; }
	.mobilemenu { display:none; }
	.menubox.mobilemenu1 { left:0%; width: 100% !important; height: 100%; position: fixed !important; z-index: 999 !important; top: -100%; bottom: 0%; vertical-align: middle; background:url(../images/menu_backbanner.png) no-repeat center top / cover;  display:block; opacity:0; transition-duration:.8s;-webkit-transition-duration:.8s;  }
	.menubox.mobilemenu1.active { top:0; opacity:1; transition-duration:.8s;-webkit-transition-duration:.8s;  }
	.header { float:left;}
	.header .site_logo { margin:0px auto; padding:0px; width:225px; float:none; }
	.menubox ul { margin:0px 0; vertical-align:middle;}
	.menubox ul li { font-size:22px; width:100%; border-right:0px; top:0; padding:10px 0px; position:relative; }
	.menubox.active ul li { animation-duration:1.5s; animation-name:leftscroll1; animation-timing-function: ease-out; }
	.menubox.active ul li a { color:#fff; }
	.menubox.active ul li:hover a { color:#e3232a; }
	@keyframes leftscroll1 {
		0% { opacity:0; left:-30%; }
		100% { opacity:1; left:0;}	
	}
	.header { top:-65px; }
	.menubox ul li.active { border-right:0px; }
	.menubox ul li a:after { display:none;}
	.menutogglebx { cursor:pointer; display:block; padding:0 20px 0px 0; width:110px; text-align:right; position:fixed; right:0; bottom:0; float:right; border-left:1px solid #e3232a9c; }
	.menutogglebx.menuactives { background:#282828;  }
	.menutogglebx span.hidebx { display:none;}
	.menutogglebx.menuactives span.hidebx { color:#fff; display:block;}
	.menutogglebx.menuactives span.showbx { display:none;}
	/* .menutogglebx span { cursor:pointer; width:100%; display:block; height:3px; margin-bottom:5px; background:#fff; position:relative; float:right;}
	.menutogglebx span:last-child {  margin-bottom:0px; } */
	.menutogglebx h5:after { display: block; position: absolute; left: -15px; content: ''; width: 13px; height: 15px; background: url(../images/rectangle_img.png) no-repeat top left/ auto 100%; top: 2px; }
	.menutogglebx.menuactives h5:after { left: -20px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
	.menutogglebx h5{ position:relative;}
	.header .menubox { position:absolute; z-index:2; top:100%; background:url(../images/background.jpg) no-repeat center top ;}
	.menubox {display:none;}
	.sitelogo { max-width:50%; }
	.hmpgicon22 img { right: -40%;}
	.hmpgicon21 img { left: -40%; }
	.hmpgicon23 img { left: -10%; position: relative; }
	.homeiconbx {  position: relative;  min-height: 500px;  width: 100%;  margin-bottom: 50px;}
	.kari_image2 { width:auto; margin-bottom:10px; }
	.leaf_image1, .leaf_image2 { display:none !important; }
	.karidetailbox { margin: 0px; padding: 0 15px; }
	.kari_contentbox p { text-align:left; font-size: 18px; line-height: 22px;}
	.thirdbox ul li {  width: 100%;}
	.prodimgbxs1 { left: 15px; height: 300px ; top:0; margin: 0 0 20px;}
	.prodimgbxs2 { top:20px; margin: 0 0 30px;}
	.prodimgbxs3 { height:210px; margin: 0 0 30px; }
	.prodimgbxs4 { height:310px; margin: 0 0 30px; }
	.thirdbox { margin:30px 0 0;}
	.secondbox {  margin: 45px 0 20px;}
	.feedformbox { padding:0 10px; margin: 20px 0;}
	.storiesbox {  margin: 20px 0;}
	.storieslistbox {  margin: 20px 0 0px;}
	.insstoriesbox .kari_image1 { margin: 5px 0 15px; }
	.storieslistbox ul li { width: 100%; }
	.feedbackform { margin:15px 0 0;}
	.textbox1 { width:100%; margin:0 0 10px; }
	.textbox2 { width:100%; margin:0 0 10px; }
	.selectbox2 { width:100%; margin:0 0 10px; }
	.textformbox { width:100%; margin:0 0 10px; }
	.insfeedback_section .kari_image2 h3, .insstoriesbox .kari_image2 h3 { font-size:26px; line-height:28px; }
	.st_instoriespage .kari_image2 h2 { font-size:28px; line-height:28px; }
	.kari_image1 { margin: 0 0 12px; }
	.leftadmindetailbx h5 { font-size:16px; line-height:17px;}
	.rightadmindetailbx h6 { font-size:16px; line-height:22px;}
	.admindetailbx { padding:0 8px 8px; }
	.instoriesdetailpost { border: 8px solid #fff; }
	.innerheader .menubox { margin-top:0;}
	.karidetailimagebox { display:none;}
	.st_instoriespage { padding:85px 0 120px; }
	.rightstoriespstbx ul li p { font-size:16px; }
	.rightstoriespstbx h4 { font-size: 24px; margin-bottom: 10px; }
	.leftstoriespstbx h3 { font-size: 26px; margin-bottom:15px; line-height: 20px; }
	.innrstoriespostbox { margin:20px 0 0;}
	.storiesdetailpost { padding: 20px 10px 0;}
	.leftstoriespstbx p { font-size:14px; line-height:21px; margin-bottom: 15px; }
	.rightstoriespstbx ul li { padding:5px 0 10px;}
	.karidetailimageboxs2 {  position: absolute; /*  bottom: -13%; */}
	.insfirstboldbox img { margin:0 0 10px; }
	.chilliboxs1 { padding:0 10px;}
	.garlicbox { width:auto; z-index:2;}
	.garlicbox p { font-size:17px; }
	.justbx1 { top: -65px; width: 100%; }
	.justbx1 img { width:50px; display:none; }
	.justbx2 img { width:100px; display:none; }
	.insjustboxes1 .justbx1 { top:-65px; left: 0px;}
	.insjustboxes1 .justbx2 { top: auto; right: 0;}
	.justbx2 { right:0; top: auto; width: 100%; bottom:-65px; }
	.justboxes { padding:25px 10px; }
	.firstboldbox, .secondboldbox, .thirdboldbox { width:100%;}
	.blendbox { padding:0px; }
	.insfirstboldbox { max-width:inherit; padding:0 0px;}
	.secondboldbox { margin:50px 0 0; }
	.insjustpepperboxs .justbx2 { right:0; top:auto;}
	.insjustpepperboxs .justbx1 { left:0; }
	.insjustpepperboxs .justbx2 img { transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	.perfectbox { padding: 0 20px;}
	.testimonialbx { padding:40px 0 0;}
	.blendbox {  padding: 0px; z-index:11; margin: -230px 0 0 0;}
	.blendbtnbx { top: 0; background: url(../images/play-icon.png) no-repeat center /100% 100% !important; width: 70px; height: 70px; }
	.blendbtnbx.blendbtnhidebx { display:none !important; }
	footer ul li { font-size: 12px; padding: 0px 7px;}
	#pagepiling {  padding: 0px 0 10px; float: left; width: 100%;}
	.ins_detailbox { padding: 0px 0 30px;  }
	.productimage1, .productimage2, .productimage3, .productimage4 { background-position:center 10%; padding: 80px 0 30px; }
	.testimonialbx { display:none; }
	.detailchilli { max-width:85%; z-index:2;} 
	.garlicbox { padding:20px 0 0;}
	.garlicbox p { text-align: justify;}
	.insjustboxes { padding:0 10px;}
	.threeboxes { margin:0px; }
	footer { display:none; }
	.socialbox { padding:35px 0;}
	.closebtn { position:absolute; top:5px; right:5px; cursor:pointer; opacity:1; background:#fff; padding:8px;  }
	.closebtn img { float:left; }
	.closebtn1 img { float:left; width:16px; }
	.closebtn1 { position:absolute; top:5px; right:5px; cursor:pointer; opacity:1; padding:5px; }
	.closebtn:hover { opacity:.8; }
	.closebtn1:hover { opacity:.8; }
	.fixedsidebar { position: fixed; bottom: 0;  z-index: 9999; background: #181818; width: 100%; height:45px; padding: 0 10px; display:block; border-top:1px solid #e3232a; }
	.fixedsidebar h5 { display: inline-block; vertical-align: middle; font-size: 16px; color: #e3232a; text-transform: uppercase; margin: 12.5px 10px 12.5px 15%; line-height: 20px; }
	#section23 , #section24, #section25, #section26 { display:none; }
	.aboutstroesbx, .aboutstroesbxs1 { display:none; }
	.innerpagebxs #section24 { background:none !important; display:block; padding:55px 0 0; }
	.innerpagebxs #section25 { background:none !important; display:block; padding:55px 0 0; }
	.innerpagebxs #section26 { background:none !important; display:block; padding:55px 0 0; }
	.page-template-template_contact-php, .page-template-template_feedback-php, .page-template-template_stories-php { display:block; }
	.storieslistbox ul { height: auto;  overflow-y: inherit; margin-bottom: 10px;}
	.loadmorebx img { width: 90px; }
	.insstoriesbox .kari_image2 , .insfeedback_section .kari_image2 { margin:0px;}
	.insstoriesbox .kari_image1, .insfeedback_section .kari_image1 { margin: 5px 0 5px; }
	.productpopupbx { display:block; opacity:0; transition-duration:1s;-webkit-transition-duration:1s; position: fixed; height: 100%; width: 100%; background: #000; left:0; top:-100%; z-index: 999; }
	.productpopupbx.actives { opacity:1; transition-duration:1s;-webkit-transition-duration:1s; top:0; }
	.productpopupbx ul { float:left; padding:10px; width:100%; font-size:0px; }
	.productpopupbx ul li { position:relative; vertical-align:middle; height:200px; border-right:1px solid #212121; border-bottom:1px solid #212121; text-align:center; width:50%; display:inline-block; padding:75px 20px 10px; }
	.productpopupbx.actives ul li img { animation-duration:3s; animation-name:leftscroll11; animation-timing-function: ease-out;}
	.productpopupbx ul li span { width: 80px; position: absolute; left: 10px; top: 10px; }
	.productpopupbx ul li:nth-child(3) span { width: 65px; }
	.productpopupbx ul li:nth-child(2) { border-right:0px; }
	.productpopupbx ul li:nth-child(3) { border-right:1px solid #212121; border-bottom:0px ; }
	.productpopupbx ul li:nth-child(4) { border-right:0px; border-bottom:0px; }
	.productpopupbx ul li img { max-height:100%; }
	.loadmorebx { margin: 0px auto 0; }
	.menubox ul li a { width: 110px; text-align: left; display: inline-block; }
	.moving2 { top: -11%; left:0;}
	.moving1 { display:none;}
	.justboxes img { width:240px;}
	.inspopupbox { width: 90%; padding:15px 15px; }
	.popup_textbox ul { height: 160px;} 
	@media (orientation: landscape) {
		.productpopupbx ul li { padding:10px; height:130px;}
		.popup_textbox ul { height: 110px;} 
	}
	@keyframes leftscroll11 {
		0% { opacity:0; transform:scale(0.5);-webkit-transform:scale(0.5); }
		50% { opacity:.5; transform:scale(1.05);-webkit-transform:scale(1.05);}	
		100% { opacity:1; transform:scale(1);-webkit-transform:scale(1);}		
	}
	.popup_heading h5 { float: left; font-size: 16px; }
	.contactpagebx { max-width: inherit;  margin: 20px auto 0;}
	.lftcntctpagebx { width: 100%; float: left; padding: 0px 10px 30px 10px; background: none;}
	.rghtcntctpagebx { width:100%; padding:0px 10px; }
	.rghtcntctpagebx p { font-size: 15px; }
	.lftcntctpagebx ul li { font-size:16px; }
	.innerpagebxs { float:left; width:100%; }
	.mobilesite_logo { text-align:center; width:100%; padding:10px 0 0; position:absolute; }
	.mobilesite_logo img { width:180px; }
	.blendtxtbx { display:none;}
	body { background:url(../images/background.jpg) repeat center top ; }
	.header.actives { top: -65px; }
	.mobilelogo { display:block; }
	.desktoplogo,.statelocabox { display:none; }
	.lftloctntxtbx { height: 225px; overflow-y: scroll;}
	.insrightlocationbx { height: auto; }
	.se-pre-con p {  top:70%; font-size:11px; }
	.locationdetailbx { margin: 20px 0 0;}
	.lftloctntxtbx ul li { font-size: 14px;}
	.leftlocationbx { padding: 0 10px 20px;}
	.insrightlocationbx img { position:relative;}
	.inrlocationdtlbx { padding: 10px 10px;}
}
@media (max-width:480px) {
	.sitelogo { max-width:65%; }
	.hmpgicon22 img { right: -75%; }
	.hmpgicon21 img { left: -72%; }
	.hmpgicon23 img { left: -25%; position: relative; }
	.leftadmindetailbx h5 { font-size:14px; line-height:17px;}
	.rightadmindetailbx h6 { font-size:14px; line-height:22px;}
	.st_instoriespage .kari_image2 h2 { font-size:24px; line-height:28px; }
	.storiesdetailpost { padding:10px 10px 0; }
	.karidetailimageboxs2 {/*  bottom: -9%; */ }
	.lftarrowbx img { left: 20px; position:relative; }
	.rightarrowbx img { right: 20px; position:relative;  }
	.secondboldbox {  margin: 40px 0 0;}
	.testimonialbx { padding:30px 0 0;}
	.garlicbox p { font-size: 15px; }
	footer ul li { font-size: 11px; padding: 0px 5px;}
	.scingrvideobx3, .scingrvideobx2 , .scingrvideobx1, .scingrvideobx { height: 360px; }
	.secondboldbox { height: 360px; }
	.scingrvideobx3 video, .scingrvideobx2 video , .scingrvideobx video, .scingrvideobx1 video { background: none; top: 48% !important; height: 430px !important; }
	.homeiconbx { position: relative;  min-height: 445px; width: 100%; margin-bottom: 80px; }
	.kari_contentbox p { font-size: 16px; line-height: 21px; text-align: left; }
	.popup_textbox ul li { font-size:13px; }
	.rghtcntctpagebx p { font-size: 14px; }
	.hmpgicon14 { right: 0; top: 85%;}
	.hmpgicon14 img{ width: 60px;}
	.hmpgicon16 { top: auto; bottom: -50px;}
	.hmpgicon18 { right:0px; top:30px;}
	.hmpgicon18 img { width:30px; }
	.hmpgicon13 { top:75%; }
	.hmpgicon13 img { width:70px; }
	.hmpgicon1 { top:60%;}
	.hmpgicon2, .hmpgicon3, .hmpgicon4, .hmpgicon15 { display:none;}
	.chilliboxs1 { margin:30px 0 0;}
	.insjustboxes { opacity:1;}
	.detailbox .moving2 { width: 75%; right:0; display:block; margin:0 auto; }
	.pepper_detailbox .moving2 { width: 90%; right:0; display:block; margin:0 auto; }
	.spice_detailbox .moving2 { width: 90%; right:0; display:block; margin:0 auto; }
	.wasabi_detailbox .moving2 { width: 80%; top:0; right:0; display:block; margin:0 auto; }
}
@media (max-width:380px) {
	.hmpgicon2, .hmpgicon3, .hmpgicon4, .hmpgicon15 { display:none;}
	.hmpgicon22 img { right: -86%;}
	.hmpgicon23 img { left:-40%; }
	.hmpgicon21 img {  left: -85%;}
	.hmpgicon16 { top: auto; bottom: -50px;}
	.hmpgicon18 { right:0px; top:30px;}
	.hmpgicon18 img { width:30px; }
	.hmpgicon13 { top:75%; }
	.hmpgicon13 img { width:70px; }
	.hmpgicon14 { right: 0px; top: 87%;}
	.hmpgicon14 img { width:50px; }
}