.pl {
	padding-left: 220px;
}
.fr {
	position: relative;
	padding-left: 220px;
}
.fl4 {
	position: absolute;
	text-align: center;
	top: 0;
	width: 200px;
	left: 0;
}

.left20 {
	margin-left: 20px;
}
.padtop10 {
	padding-top: 10px;
}
.hei20 img {
	height: 35px;
}
*{
	margin:0px;
	padding:0px;
	
	font-family: system-ui;
}
body {
	margin-bottom: 100px;
	font-size: 13px;
	background: #302e22;
}

.wrapperDiv {
	width: 1280px;
	margin: 0px auto;
	background: red;
}
a {
	text-decoration: none;
	color: white;
	text-decoration: none;
}
p {
	font-size: 14px;
}

.header {
	background:black;
	color: white;
	padding-bottom: 20px;
	border-bottom: 3px solid #2d2d2d;

}
.header .logo {
	width: 25%;
	display: inline-block;
	padding: 20px;
}
.header .logo img {
	width: 180px;
}
.header .headRight {
	width: 70%;
	text-align: right;
	vertical-align: top;
	display: inline-block;
	padding-top: 20px;
}
.header .headRight span {
	display: block;
}
.header .headRight a img {
	width: 20px;
    margin-bottom: 0px;
}	
.menus {
	background: #042939;
    display: inline-block;
    border: 1px #d1b676 solid;
    border-radius: 8px;
    padding: 5px;
    margin: 14px 0px;
}
.inlineBlock{
	display: inline-block !important;
	margin-left: 30px;
}
.menus a {
	padding: 7px 20px 10px 20px;
    display: inline-block;
}
.menus a:hover, .menus a.active {
	background: #06090a;
	color: #d00412;
}

.hero_section {
	width: 100%;
	background: black;
	position: relative;
}

.welcomeDiv {
	width: 100%;
	height: 170px;
    background-color: white;
    text-align: center;
    padding: 45px 0px;
    background-image: url(../images/img1.png), url(../images/img2.png);
    background-position: top left, right top;
    background-repeat: no-repeat, no-repeat;
    background-size: 250px;

}
.welcomeDiv span, .welcomeDiv b {
	font-size: 25px;
	 font-family: "Oswald" !important;
}

.aboutDiv {
	padding: 50px;
	display: inline-block;
	background: url(../images/hero2.gif);
	color: black;
}
.aboutDiv .about_inner {
	background-color:rgba(256,256,256,0.9);
	display: block;
	padding-bottom: 45px;
    padding-top: 10px;
}
.aboutDiv .about_inner .left {
	width: 72%;
	padding: 0px 50px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
    font-size: 19px;
}
.aboutDiv p {
	font-family: "Oswald" !important;
	font-size: 15px;
}
.aboutDiv .about_inner .right {
	width: 25%;
	display: inline-block;
}
.aboutDiv .about_inner .right img {
	width: 249px;
}
.aboutDiv h1 {
	display: block;
	font-family: "Oswald" !important;
	padding: 20px;
	text-align: center;
	font-size: 39px;
}
.aboutDiv span {
	display: inline-block;
	font-family: "Oswald" !important;
}
.aboutDiv img {
	width: 100%;
	/*float: right;
	padding: 20px;*/
}
    
.prodSlider {
	background: #fff;
	position: relative;
	padding-top: 15px;
}

.prodsList ul {
	display: block;
	width: 100%; text-align: center;
}

.prodsList ul li {
	display: inline-block;
	width: 18%;
	text-align: center;
	margin-bottom: 30px;
	vertical-align: top;
	padding:20px;
	margin-right: 11px;
}
.prodsList ul li:hover {
	background: #ccc;
	transition:1s;
}

.prodsList ul li img {
	width: 195px;
}
.prodSlider h1 {
	display: block;
	font-family: "Oswald" !important;
	padding: 20px;
	text-align: center;
	font-size: 39px;
}

.prodsList ul li a {
	background: #0074a8;
	color: white;
	padding: 10px 15px;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 15px;
	margin-top: 15px;
	font-family: "Oswald" !important;
	font-size: 20px;
}
.prodsList ul li a:hover {
	background: #d00412;
}

.prodSlider a.seeAll {
	    display: inline-block;
    float: right;
    position: absolute;
    color: #0074a8;
    font-family: "Oswald" !important;
    right: 50px;
    top: 32px;
    font-size: 20px;
}
.prodSlider a.seeAll:hover {
	color:#d00412;
}

.redClr {
	color:#d00412;
	font-family: "Oswald" !important;
}


.whyUs {
	background: url(../images/whyUs_BG.gif);
	/*width: 90%;*/
	padding: 5%
}
.whyUs h1 {
	display: block;
    text-align: center;
    font-size: 39px;
    padding-bottom: 15px;
}
.whyUs .inner {
	text-align: center;
	display: block;
	padding: 50px 100px;
	background-color:rgba(256,256,256,0.9);
}
.whyUs .inner  p {
	font-size: 22px;
	padding-bottom: 29px;
}

.whyUs .inner a {
	color: #0074a8;
	font-family: "Oswald" !important;
	font-size: 22px;
}

.whyUs .inner a:hover {
	color:#d00412;
}

.membership {
	background: white;
	/*width: 90%;*/
	padding: 2%;
	text-align: center;
	position: relative;
}
.membership h1 {
	display: block;
    text-align: center;
    font-size: 39px;
    font-family: "Oswald" !important;
    padding-bottom: 15px;
}
.membershipDiv ul {
	width: 100%;
}
.membershipDiv ul li {
	width: 13%;
	margin-top: 10px;
	display: inline-block;
}
.membershipDiv ul li img {
	height: 120px;
}
.membershipDiv ul li img:hover {
	opacity: 0.3;
	transition:500ms;
}

h1 {
	    font-weight: 500 !important;
}
.abso_left {
	position: absolute;
    bottom: 170px;
    background: url(../images/leftArrow.png);
    width: 50px;
    height: 60px;
    left: 20;
    background-size: 32px;
    background-repeat: no-repeat;
    color: white;
    border: 0px;
}

.abso_right {
	position: absolute;
    bottom: 170px;
    background: url(../images/rightArrow.png);
    width: 50px;
    height: 60px;
    right: 20;
    background-size: 32px;
    background-repeat: no-repeat;
    color: white;
    border: 0px;
}

.benefits {
	width: 100%;
    vertical-align: top;
    background: #eeeeee;
    padding: 4% 4% 4% 4%;
}
.benefits h1 {
	display: block;
    text-align: left;
    font-size: 39px;
    font-family: "Oswald" !important;
    padding-bottom: 15px;
}
.benefits .left {
	width: 53%;
	padding-top: 20px;
	vertical-align: top;
	display: inline-block;
}
.benefits .left a {
	background: #0074a8;
	font-size: 20px;
	color: white;
	padding: 10px 20px;
	border-radius: 10px;
	display: inline-block;
	margin-top: 20px;
    font-family: "Oswald" !important;
}
.benefits .left a:hover {
	background: #d00412;
}

.benefits .left p {
	font-size: 20px;
    font-family: "Oswald" !important;
}
.benefits .right {
	 width: 45%;
    display: inline-block;
    text-align: right;
}
.benefits .right img {
	width: 500px;
}

.suppliers {
	background: url(../images/supplierBg.gif);
	padding: 7% 10%;
	width: 100%;
	color: white;
	background-size: 106%;
    background-position-x: -8px;
    background-position-y: -5px;
}
.suppliers h1 {
	display: block;
    text-align: left;
    font-size: 69px;
    font-family: "Oswald" !important;
    padding-bottom: 15px;
}
.suppliers a {
	background: #0074a8;
	font-size: 20px;
	color: white;
	padding: 10px 20px;
	border-radius: 10px;
	display: inline-block;
	margin-top: 20px;
    font-family: "Oswald" !important;
}

.suppliers a:hover {
	background: #d00412;
}


.customerSays {
	background: white;
	padding-top: 40px;
	padding-bottom: 45px;
	position: relative;

}

.customerSays h1 {
	margin-top: 0px;
	display: block;
    text-align: center;
    font-size: 39px;
    font-family: "Oswald" !important;
    padding-bottom: 15px;
}

.customer_inner {
	border-radius: 20px;
	background: #ededed;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    height: 215px;
}
.customer_inner img {
	    float: left;
    width: 204px;
    padding-right: 30px;
    border-radius: 15px;
}

.customer_inner p {
	font-size: 18px;
	line-height: 26px;
}

.customer_inner h3 {
	 font-family: "Oswald" !important;
	 color: #d00412;
}
.customer_inner h3 {
	margin-bottom: -12px;
}

.abso_right, .abso_left {
	bottom: 130px;
}



.footer {
	background: #111111;
	color: white;
	padding: 40px;

}
.footer ul {
	width: 100%;
}
.footer ul li {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}
.footer ul li img {
	height: 36px;
}
.footer ul li span {
	display: inline-block;
	line-height: 33px;
	font-family: "Oswald" !important;
	font-size: 19px;
}

.foot1 {
	display: inline-block;
    width: 62px;
    height: 123px;
    float: left;
    margin-right: 16px;
}
.foot1 img {
	height: 86px !important;
}

.height1 {
	height: 120px !important;
}

.foo_width1 {
	width: 35% !important;
}
.foo_width2 {
	width: 45% !important;
}
.foo_width3 {
	width: 10% !important;
}
.foo_width3 img {
	height: 100px !important;
}

.footerLinks {
	background: white;
	padding: 20px;
	color: black;
	margin-top: 25px;
}

.footerLinks a {
	font-family: "Oswald" !important;
	display: inline-block; 
	padding-right: 10px;
	padding-left: 10px;
	color: black;
}
.footerLinks a:hover {
	color: #d00412;
}
.copyright {
	float: right;
    font-family: system-ui;
}

.product_details {
	background: #f0f0f0;
	vertical-align: top;
	padding: 20px;
}
.product_details .left {	
	display: inline-block;
	width: 25%;
	vertical-align: top;
}

.product_details .left img {
	width: 300px;
}
.product_details .center {	
	display: inline-block;
	margin-left: 40px;
	width: 45%;
}
.product_details .center h1 {
	font-family: "Oswald" !important;
	color: #d00412;
}	

.product_details .center .breadcrums {	
	display: block;
}

.product_details .center .breadcrums a {	
	display: inline-block;
	font-family: "Oswald" !important;

}

.product_details .center h1 {

}
.product_details .right {	
	display: inline-block;
	width: 20%;
	vertical-align: top;
	background: white;
	padding: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	margin-top: 20px;
	margin-left: 40px;
}
.product_details .right a {
	display: block;
	padding-left: 15px;
	font-weight: 500;
	font-size:14px;
}
.product_details .right a:hover, .product_details .right a.active {
	color: #d00412;

}
.product_details .right h2 {	
	background: #d00412;
	font-family: "Oswald" !important;
	padding: 5px 10px;
	color: white;
	font-size: 19px;
    margin-top: 0px;
    text-transform: uppercase;
}
.normalLink {
	background: #0074a8;
    color: white;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 15px;
    margin-top: 15px;
    font-family: "Oswald" !important;
    font-size: 20px;
}

.normalLink:hover {
	background: #d00412;
	transition:300ms;
}

.productDesc {
	background: #10130d;
	color: white;
	position: relative;
	padding: 40px;
	display: block;
}

.productDesc h1 {
	font-family: "Oswald" !important;
}
.productDesc h1::before {
	content: url(../images/arrow.png);
  	position: absolute;
    left: 130px;
    top: -20px;
}
.productDesc ul {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}

.productDesc ul li {
	display: inline-block;
	width: 20%;
	padding-left: 30px;
	position: relative;
	vertical-align: top;
}


.productDesc ul li:before {
  content: url(../images/squareBullet.png);
  position: absolute;
  left:0;
}


.productTitle {
	background: #e9e9e9;
	text-align: center;
	padding: 20px 0px;
}
.productTitle h1 {
	color: #d00412;
	font-family: "Oswald" !important;
	margin:0px;
}
.productTitle h2 {
	margin: 0px;
	font-size: 40px;
	color: #3a3b39;
	font-weight: 200;
}


.products {
	background: url(../images/productsBg.jpg);
	padding: 25px;

}
.products a:hover {
	color: #d00412;
}
.products h1 {
 color: #fff;
 background: #d00412;
 font-family: "Oswald" !important;
 padding: 5px 29px;
 position: relative;
 font-size: 21px;
 text-transform: uppercase;
}
.products ul {
	width: 100%;
	vertical-align: top;
	color: white;
	padding: 15px;
}
.products ul li {
	list-style: none;
	    
    padding-bottom: 5px;
    padding-top: 5px;
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}
.products ul li ul li {
  	border-bottom: 1px solid #6a6a6a;
  	width: 100%;
  }
.products table {
	width: 98%;

}
.products table tr {
	margin: 20px;
}
.products table tr td {
	padding: 20px;
	vertical-align: top;
	width: 33%;
}

.protitle {
	font-family: "Oswald" !important;
    color: #d08804;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.iconSpices::after {
	 content: url(../images/icon_spices.png);
	     position: absolute;
    right: 20px;
    top: -10px;
}

.icondryfruts::after {
	 content: url(../images/icon_dryfruts.png);
	     position: absolute;
    right: 20px;
    top: -10px;
}

.iconcoffeeTea::after {
	 content: url(../images/icon_coffetea.png);
	     position: absolute;
    right: 20px;
    top: -10px;
}

.iconfruits::after {
	 content: url(../images/icon_fruits.png);
	     position: absolute;
    right: 20px;
    top: -10px;
}

.iconVeggies::after {
	 content: url(../images/icon_veggies.png);
	     position: absolute;
    right: 20px;
    top: -10px;
}

.icongroceri::after {
	 content: url(../images/icon_grocesries.png);
	     position: absolute;
    right: 20px;
    top: -10px;
}

.iconcocoa::after {
	 content: url(../images/icon_cocoa.png);
	     position: absolute;
    right: 20px;
    top: -10px;
}





.wid45 {
	    width: 45% !important;
    float: left;
}



@font-face {
  font-family: myTitleFont;
  src: url(sansation_light.woff);
}

div {
  font-family: myTitleFont;
}

.oswaldFont {
	font-family: "Oswald" !important;
}

.testimonial .testiImg {
    width: 92px;
    position: absolute;
    top: -16px;
    left: 23px;
    border-radius: 60px;
    border: 3px solid red;
}
.marbot10 {
	margin-bottom: 0px !important;
}

.allProds{

}
.allProds li::before {
	display: none;
}
.allProds li {
	list-style: none;
	width: 16% !important;
	display: inline-block;
}
.allProds li img {
	width: 100%;
}
.allProds li h2 {
	display: block;
	text-align: center;
	margin: 0px;
	font-size: 25px;
	text-transform: uppercase;
	font-family: "Oswald" !important;
}

.aboutinner {
	background: #fff;
	padding: 50px;
}
.aboutinner h1 {
	text-align: center;
	font-size: 28px;
	font-family: "Oswald" !important;
}
.aboutinner h2 {
	font-size: 15px;
}
.aboutinner b {
	color: #d00412;
}
.aboutinner ul li {
	margin-left:25px;
	padding-bottom: 3px;
	font-size: 14px;
}
.wid65 {
	width: 65% !important;
}

.contactTable {
	width: 60%;
	margin: 0 auto;
}
.contactTable span {
	font-weight: bold;
}
.contactTable tr td{
	padding:10px;
}

.contactTable tr td:first-child {
	width: 200px;
	vertical-align: top;
}

.beneTable {
	width: 100%;
    background: #eeeeee;
    padding: 23px;
}

.beneTable tr td {
	padding: 10px;
	border-bottom: 1px solid white;
}
.beneTable tr td:first-child {
	font-weight: bold;
}
.whiteBg {
	background: #fff;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}

.size41 {
	font-size: 41px !important;
}

.replaceLi ul li {
	padding-left: 0px;
	text-align: center;
}
.replaceLi ul li span {
	display: block;
	text-align: center;
}
.replaceLi ul li:before{
	display: none;
}
.replaceLi img {
	width: 180px;
}



/*Form CSS*/
.formDiv {
			background-color: rgba(0, 0, 0, 0.9);
			font-family: sans-serif;
			height: 100%;
			width: 100%;
			padding-top: 100px;
			position: fixed;
			z-index: 9999;
			display: none;
			top: 0;

	
		}
	
		.formDiv .forminner {
			width: 800px;
			font-size: 12px;
			background: white;
			border-bottom: 10px solid #d00412;
			margin: 0 auto;
			padding: 20px 0px 20px 40px;
			position: relative;
		}
	
		.formDiv .forminner div {
			display: block;
			margin-bottom: 20px;
		}
	
		.formDiv .forminner label {
			display: block;
			padding-bottom: 5px;
		}
	
		.formDiv .forminner h1 {
			font-weight: 400;
			font-size: 28px;
			font-family: fantasy;
			color: #d00412;
			text-align: center;
		}
	
		.formDiv .forminner h2 {
			text-align: center;
			margin-top: 0px;
			font-weight: 100;
		}
	
		.formDiv .forminner .left {
			width: 56%;
			margin-right: 32px;
			vertical-align: top;
			display: inline-block;
		}
	
		.formDiv .forminner .left input {
			width: 100%;
			padding: 10px 20px;
			background: #eaeaea;
			border-bottom: 1px solid #d00412 !important;
			border-radius: 10px;
			outline: 0px;
			border: 0px;
		}
	
		.formDiv .forminner .left select {
			width: 100%;
			padding: 10px 20px;
			background: #eaeaea;
			border-radius: 10px;
			border-bottom: 1px solid #d00412 !important;
			border: 0;
		}
	
		.formDiv .forminner .left textarea {
			width: 100%;
			background: #eaeaea;
			border-radius: 10px;
			border: 0;
			border-bottom: 1px solid #d00412 !important;
			padding: 10px;
		}
	
		.formDiv .forminner .left {}
	
		.formDiv .forminner .right {
			width: 39%;
			display: inline-block;
			text-align: right;
		}
	
		.formDiv .forminner .right img {
			width: 300px;
		}
	
		.redcolor {
			color: #d00412;
		}
	
		.redBg {
			background: #0074a8 !important;
			color: white;
			text-transform: uppercase;
			font-weight: bold;
		}
	
		.closeBtn {
			position: absolute;
			top: 10px;
			right: 10px;
			cursor: pointer;
		}
	
		.closeBtn img {
			width: 45px;
		}






/*typewriter text*/

/* DEMO-SPECIFIC STYLES */
.typewriter h1 {
  color: #fff;
  font-family: monospace;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}