.m-0 {margin:0px !important;}
.m-10 {margin:10px !important;}
.m-20 {margin:20px !important;}
.m-30 {margin:30px !important;}
.m-40 {margin:40px !important;}
.m-50 {margin:50px !important;}
.m-60 {margin:60px !important;}
.m-70 {margin:70px !important;}
.m-80 {margin:80px !important;}
.m-90 {margin:90px !important;}
.m-100 {margin:100px !important;}

.mt-0 {margin-top:0px !important;}
.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.mt-60 {margin-top:60px !important;}
.mt-70 {margin-top:70px !important;}
.mt-80 {margin-top:80px !important;}
.mt-90 {margin-top:90px !important;}
.mt-100 {margin-top:100px !important;}

.mb-0 {margin-bottom:0px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-60 {margin-bottom:60px !important;}
.mb-70 {margin-bottom:70px !important;}
.mb-80 {margin-bottom:80px !important;}
.mb-90 {margin-bottom:90px !important;}
.mb-100 {margin-bottom:100px !important;}

.ml-0 {margin-left:0px !important;}
.ml-10 {margin-left:10px !important;}
.ml-20 {margin-left:20px !important;}
.ml-30 {margin-left:30px !important;}
.ml-40 {margin-left:40px !important;}
.ml-50 {margin-left:50px !important;}
.ml-60 {margin-left:60px !important;}
.ml-70 {margin-left:70px !important;}
.ml-80 {margin-left:80px !important;}
.ml-90 {margin-left:90px !important;}
.ml-100 {margin-left:100px !important;}

.mr-0 {margin-right:0px !important;}
.mr-10 {margin-right:10px !important;}
.mr-20 {margin-right:20px !important;}
.mr-30 {margin-right:30px !important;}
.mr-40 {margin-right:40px !important;}
.mr-50 {margin-right:50px !important;}
.mr-60 {margin-right:60px !important;}
.mr-70 {margin-right:70px !important;}
.mr-80 {margin-right:80px !important;}
.mr-90 {margin-right:90px !important;}
.mr-100 {margin-right:100px !important;}

.p-10 {padding: 10px !important;}
.p-20 {padding: 20px !important;}
.p-30 {padding: 30px !important;}
.p-40 {padding: 40px !important;}
.p-50 {padding: 50px !important;}
.p-60 {padding: 60px !important;}
.p-70 {padding: 70px !important;}
.p-80 {padding: 80px !important;}
.p-90 {padding: 90px !important;}
.p-100 {padding: 100px !important;}

.pt-0 {padding-top:0px !important;}
.pt-10 {padding-top:10px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pt-40 {padding-top:40px !important;}
.pt-50 {padding-top:50px !important;}
.pt-60 {padding-top:60px !important;}
.pt-70 {padding-top:70px !important;}
.pt-80 {padding-top:80px !important;}
.pt-90 {padding-top:90px !important;}
.pt-100 {padding-top:100px !important;}

.pb-0 {padding-bottom:0px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-40 {padding-bottom:40px !important;}
.pb-50 {padding-bottom:50px !important;}
.pb-60 {padding-bottom:60px !important;}
.pb-70 {padding-bottom:70px !important;}
.pb-80 {padding-bottom:80px !important;}
.pb-90 {padding-bottom:90px !important;}
.pb-100 {padding-bottom:100px !important;}

.pl-0 {padding-left:0px !important;}
.pl-10 {padding-left:10px !important;}
.pl-20 {padding-left:20px !important;}
.pl-30 {padding-left:30px !important;}
.pl-40 {padding-left:40px !important;}
.pl-50 {padding-left:50px !important;}
.pl-60 {padding-left:60px !important;}
.pl-70 {padding-left:70px !important;}
.pl-80 {padding-left:80px !important;}
.pl-90 {padding-left:90px !important;}
.pl-100 {padding-left:100px !important;}

.pr-0 {padding-right:0px !important;}
.pr-10 {padding-right:10px !important;}
.pr-20 {padding-right:20px !important;}
.pr-30 {padding-right:30px !important;}
.pr-40 {padding-right:40px !important;}
.pr-50 {padding-right:50px !important;}
.pr-60 {padding-right:60px !important;}
.pr-70 {padding-right:70px !important;}
.pr-80 {padding-right:80px !important;}
.pr-90 {padding-right:90px !important;}
.pr-100 {padding-right:100px !important;}

@media (max-width: 768px) {
    .mt-xs-0 {margin-top:0px !important;}
    .mt-xs-10 {margin-top:10px !important;}
    .mt-xs-20 {margin-top:20px !important;}
    .mt-xs-30 {margin-top:30px !important;}
    .mt-xs-40 {margin-top:40px !important;}
    .mt-xs-50 {margin-top:50px !important;}
    .mt-xs-60 {margin-top:60px !important;}
    .mt-xs-70 {margin-top:70px !important;}
    .mt-xs-80 {margin-top:80px !important;}
    .mt-xs-90 {margin-top:90px !important;}
    .mt-xs-100 {margin-top:100px !important;}

    .mb-xs-0 {margin-bottom:0px !important;}
    .mb-xs-10 {margin-bottom:10px !important;}
    .mb-xs-20 {margin-bottom:20px !important;}
    .mb-xs-30 {margin-bottom:30px !important;}
    .mb-xs-40 {margin-bottom:40px !important;}
    .mb-xs-50 {margin-bottom:50px !important;}
    .mb-xs-60 {margin-bottom:60px !important;}
    .mb-xs-70 {margin-bottom:70px !important;}
    .mb-xs-80 {margin-bottom:80px !important;}
    .mb-xs-90 {margin-bottom:90px !important;}
    .mb-xs-100 {margin-bottom:100px !important;}

    .ml-xs-0 {margin-left:0px !important;}
    .ml-xs-10 {margin-left:10px !important;}
    .ml-xs-20 {margin-left:20px !important;}
    .ml-xs-30 {margin-left:30px !important;}
    .ml-xs-40 {margin-left:40px !important;}
    .ml-xs-50 {margin-left:50px !important;}
    .ml-xs-60 {margin-left:60px !important;}
    .ml-xs-70 {margin-left:70px !important;}
    .ml-xs-80 {margin-left:80px !important;}
    .ml-xs-90 {margin-left:90px !important;}
    .ml-xs-100 {margin-left:100px !important;}

    .mr-xs-0 {margin-right:0px !important;}
    .mr-xs-10 {margin-right:10px !important;}
    .mr-xs-20 {margin-right:20px !important;}
    .mr-xs-30 {margin-right:30px !important;}
    .mr-xs-40 {margin-right:40px !important;}
    .mr-xs-50 {margin-right:50px !important;}
    .mr-xs-60 {margin-right:60px !important;}
    .mr-xs-70 {margin-right:70px !important;}
    .mr-xs-80 {margin-right:80px !important;}
    .mr-xs-90 {margin-right:90px !important;}
    .mr-xs-100 {margin-right:100px !important;}

    .pt-xs-0 {padding-top:0px !important;}
    .pt-xs-10 {padding-top:10px !important;}
    .pt-xs-20 {padding-top:20px !important;}
    .pt-xs-30 {padding-top:30px !important;}
    .pt-xs-40 {padding-top:40px !important;}
    .pt-xs-50 {padding-top:50px !important;}
    .pt-xs-60 {padding-top:60px !important;}
    .pt-xs-70 {padding-top:70px !important;}
    .pt-xs-80 {padding-top:80px !important;}
    .pt-xs-90 {padding-top:90px !important;}
    .pt-xs-100 {padding-top:100px !important;}

    .pb-xs-0 {padding-bottom:0px !important;}
    .pb-xs-10 {padding-bottom:10px !important;}
    .pb-xs-20 {padding-bottom:20px !important;}
    .pb-xs-30 {padding-bottom:30px !important;}
    .pb-xs-40 {padding-bottom:40px !important;}
    .pb-xs-50 {padding-bottom:50px !important;}
    .pb-xs-60 {padding-bottom:60px !important;}
    .pb-xs-70 {padding-bottom:70px !important;}
    .pb-xs-80 {padding-bottom:80px !important;}
    .pb-xs-90 {padding-bottom:90px !important;}
    .pb-xs-100 {padding-bottom:100px !important;}

    .pl-xs-0 {padding-left:0px !important;}
    .pl-xs-10 {padding-left:10px !important;}
    .pl-xs-20 {padding-left:20px !important;}
    .pl-xs-30 {padding-left:30px !important;}
    .pl-xs-40 {padding-left:40px !important;}
    .pl-xs-50 {padding-left:50px !important;}
    .pl-xs-60 {padding-left:60px !important;}
    .pl-xs-70 {padding-left:70px !important;}
    .pl-xs-80 {padding-left:80px !important;}
    .pl-xs-90 {padding-left:90px !important;}
    .pl-xs-100 {padding-left:100px !important;}

    .pr-xs-0 {padding-right:0px !important;}
    .pr-xs-10 {padding-right:10px !important;}
    .pr-xs-20 {padding-right:20px !important;}
    .pr-xs-30 {padding-right:30px !important;}
    .pr-xs-40 {padding-right:40px !important;}
    .pr-xs-50 {padding-right:50px !important;}
    .pr-xs-60 {padding-right:60px !important;}
    .pr-xs-70 {padding-right:70px !important;}
    .pr-xs-80 {padding-right:80px !important;}
    .pr-xs-90 {padding-right:90px !important;}
    .pr-xs-100 {padding-right:100px !important;}
}

.opacity-01 {opacity: 0.1 !important}
.opacity-02 {opacity: 0.2 !important}
.opacity-03 {opacity: 0.3 !important}
.opacity-04 {opacity: 0.4 !important}
.opacity-05 {opacity: 0.5 !important}
.opacity-06 {opacity: 0.6 !important}
.opacity-07 {opacity: 0.7 !important}
.opacity-08 {opacity: 0.8 !important}
.opacity-09 {opacity: 0.9 !important}
.opacity-1 {opacity: 1 !important}

.font-weight-100 {font-weight: 100 !important;}
.font-weight-200 {font-weight: 200 !important;}
.font-weight-300 {font-weight: 300 !important;}
.font-weight-400 {font-weight: 400 !important;}
.font-weight-500 {font-weight: 500 !important;}
.font-weight-600 {font-weight: 600 !important;}
.font-weight-700 {font-weight: 700 !important;}
.font-weight-800 {font-weight: 800 !important;}
.font-weight-900 {font-weight: 900 !important;}

.font-italic {font-style: italic !important;}
.posrel {position: relative !important;}
.clearfix {clear: both;}

.color-333 {color: #333 !important;}
.color-8e8e8e {color: #8e8e8e !important;}
.color-aaa {color: #aaa !important;}
.color-ccc {color: #ccc !important;}
.color-green {color: #8eb35a !important;}

.color-bajigur {color: #3aa4bf;}
.color-ginger-green {color: #c9da2f;}
.color-matcha-green {color: #9ecf7c;}
.color-tamarind {color: #faa41a;}
.color-turmeric {color: #f9b5b5;}
.color-turmeric-latte {color: #efd755;}

.bg-khaki {background-color: #f8f7f7 !important;}

.product-ribbon.ribbon-color-bajigur a {background: #3aa4bf;color: #fff;}
.product-ribbon.ribbon-color-ginger-green a {background: #c9da2f;color: #222;}
.product-ribbon.ribbon-color-matcha-green a {background: #9ecf7c;color: #222;}
.product-ribbon.ribbon-color-tamarind a {background: #faa41a;color: #222;}
.product-ribbon.ribbon-color-turmeric a {background: #f9b5b5;color: #222;}
.product-ribbon.ribbon-color-turmeric-latte a {background: #efd755;color: #222;}


html, body {position: relative;z-index: 1;}
a:focus,
a:active,
a:hover {
	text-decoration: none;
}

.montserrat {
	font-family: 'Montserrat', sans-serif;
}
.playfair {
	font-family: "Playfair Display", serif;
}
.garamond {
	font-family: "Garamond", serif;
}
.trans-01 {transition: all 0.1s linear;}
.spizo-logo {
	position: fixed;
	top: 30px;
	left: 50px;
	width: 200px;
	z-index: 9999;
	cursor: pointer;
}
.spizo-logo img {
	width: 100%;
}
.spizo-logo:hover > img {
	transform: scale(1.05);
}
.spizo-logo.active {
	display: none;
}
.spizo-menu,
.spizo-spices,
.spizo-where-to {
	z-index: 0;
}
.spizo-menu.active {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: url(../images/uploads/aboutv1-bg.jpg);
	background-size: cover;
}


.spizo-menu img.emblem {}
.spizo-menu .center-wrapper {
	position: relative;
	width: 300px;
	height: 199px;
	position: absolute;
	top: 28%;
	left: 50%;
	margin: -150px 0 0 -150px;
}
.close-style {
	font-family: "Playfair Display", serif;
	font-size: 16px;
	color: #aaa;
	font-weight: 400;
	font-style: Italic;
	margin-top: 20px;
	letter-spacing: 0.2em;
	line-height: 1.2;
	cursor: pointer;
}
.close-style:hover {
	color: #8eb35a;
	transform: scale(1.1);
}
.spizo-menu a {
	display: block;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	border-bottom: 1px dashed #ececec;
	padding: 15px;
}
.spizo-menu a:hover {
	text-decoration: none;
	color: #bdd630;
}



.spizo-spices.active,
.spizo-where-to.active {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: url(../images/uploads/aboutv1-bg.jpg);
	background-size: cover;
}
.spizo-spices .center-wrapper,
.spizo-where-to .center-wrapper {
	position: relative;
	width: 1100px;
	position: absolute;
	top: 15%;
	left: 50%;
	margin: -150px 0 0 -550px;
	text-align: center;
}
.spizo-spices .center-wrapper.items,
.spizo-where-to .center-wrapper.items {
	top: 50%;
}
.spizo-spices .center-wrapper.items2,
.spizo-where-to .center-wrapper.items2 {
	top: 70%;
}
.spizo-spices .center-wrapper.items3,
.spizo-where-to .center-wrapper.items3 {
	top: 90%;
}
.spizo-spices h1,
.spizo-where-to h1 {
	font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    color: #333333;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 40px;
}
.spizo-spices h4,
.spizo-where-to h4 {
	font-family: "Playfair Display", serif;
    font-size: 16px;
    color: #8eb35a;
    font-weight: 400;
    font-style: Italic;
    margin-bottom: 35px;
    letter-spacing: 0.2em;
    line-height: 1.2;
}
.spizo-spices .heading-bg,
.spizo-where-to .heading-bg {
	text-align: center;
    margin-bottom: 15px;
    background: url(../images/uploads/heading-bg.png) no-repeat;
    background-position: center;
    background-size: 20%;
    padding-top: 70px;
    padding-bottom: 50px;
}
.spice-item {
	width: 366px;
	float: left;
}
.spice-item:hover img {
	transform: scale(1.03);
	opacity: 1;
}
.spice-item img {
	float: left;
	width: 110px;
	margin-right: 20px;
}
.spice-item .text-part {
	float: left;
	width: 210px;
	text-align: left;
	margin-top: 40px;
}
.spice-item h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.spice-item:hover h2 a,
.spice-item h2 a:hover {
	text-decoration: none;
	color: currentColor;
}
.spice-item h4 {
	line-height: 30px;
}
.spizo-where-to .spice-item {
	width: 200px;
    margin-right: 25px;
}
.spizo-where-to .spice-item:hover img {
	transform: scale(1.03);
	opacity: 1;
}
.spizo-where-to .spice-item img {
	float: none;
	width: 100%;
	margin-right: 0px;
}

/*transition template*/
.spizo-logo.active,
.spizo-menu,
.spizo-spices,
.spizo-where-to {
	opacity: 0;
	transition: visibility 0s, opacity 0.1s linear;
}
.spizo-logo,
.spizo-menu.active,
.spizo-spices.active,
.spizo-where-to.active {
	visibility: visible;
	opacity: 1;
}
.spizo-menu,
.spizo-spices,
.spizo-where-to {
	position: fixed;
}


.products .products-it .pro-infor span.pro-cost {font-family: garamond;}
.blogsingle {margin-top: 50px;}


.spitem a:hover {
	text-decoration: none;
}
.spitem a:hover img {
	transform: scale(1.03);
}
.spitem h2 {
	margin-top: 20px;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	line-height: 26px;
}
.spitem h4 {
	font-family: "Playfair Display", serif;
    font-size: 16px;
    color: #8eb35a;
    font-weight: 400;
    font-style: Italic;
    margin-bottom: 35px;
    letter-spacing: 0.2em;
    line-height: 30px;
}
@media (max-width: 768px) {
  body {
  	padding-top: 50px;
    padding-bottom: 20px;
  }
  footer.ht-footer {
    background: #ffffffcc;
  }
}

.spizo-banner img {
	width: 100%;
}
.ind-price {
	font-family: "Playfair Display", serif;
	font-size: 14px;
	font-weight: 700;
	color: #696969;
	font-style: Italic;
}
.title h1 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}
.title h1:after {
	content: '';
    width: 50px;
    height: 1px;
    background-color: #e7e5e4;
    position: absolute;
    left: 0;
    bottom: 0;
}
.spz-btn-green {
	padding: 12px 20px 12px 20px;
    text-transform: uppercase;
    background-color: #8eb35a;
    border: 1px solid #8eb35a;
    border-radius: 25px;
    color: #ffffff;
}
.spz-btn-green-light {
    padding: 12px 20px 12px 20px;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #8eb35a;
    border-radius: 25px;
    color: #8eb35a;
}
.spz-btn-green-light:focus,
.spz-btn-green-light:hover,
.spz-btn-green-light:active,
.spz-btn-green:focus,
.spz-btn-green:hover,
.spz-btn-green:active {
    border: 1px solid #8eb35a;
    border-radius: 25px;
    background-color: #ffffff;
    color: #8eb35a;
    text-decoration: none;
}
.tbl-emulator.w35 {width: 35%;}
.tbl-emulator.w50 {width: 50%;}
.spz-tbl-row {
	clear: both;
}
.spz-tbl-row .left {
	float: left;
	font-weight: 700;
	text-transform: uppercase;
	width: 50%;
}
.spz-tbl-row .right {
	float: right;
	width: 50%;
}
.small-thumbs {
	clear: both;
}
.small-thumbs img {
	width: 30%;
	float: left;
	border: 1px solid #8eb35a;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	opacity: 0.5;
}
.small-thumbs img.active,
.small-thumbs img:hover {
	border: 1px solid #4f7b10;
	opacity: 1;
}
.modal {
    z-index: 105000;
}

@media (max-width: 768px) {
  .tbl-emulator {
  	width: 100% !important;
  }
  .tbl-emulator {
  	width: 100% !important;
  } 
  .mobile-opaque {
  	background: #ffffffdd;
  }
  .text-center-mobile {
  	text-align: center;
  }
  .width-xs-100 {
  	width:100%;
  }
  .btn-mobile-block {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
  }
}