html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	line-height: inherit;
	vertical-align: baseline;


}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap');


@font-face {
    font-family: 'Inter';
    /*src: url('fonts/Inter-Black.ttf'), url('fonts/Inter-Bold.ttf'), url('fonts/Inter-Light.ttf'), url('fonts/Inter-Regular.ttf'), url('fonts/Inter-Thin.ttf')   format('truetype'), url('fonts/EntezareZohoor2.svg') format('svg');*/
    font-weight: normal;
    font-style: normal;
}


* {
	margin: 0;
	padding: 0;
	font-family: 'Inter', sans-serif; 
}


div, div p, div h1, h2, h3, h4, h5, h6, div span, ul, li, body{
	font-family: 'Inter', sans-serif; 

}

/*Global Settings*/

/*Headers*/

h2{font-size:28px !important;}

/*End Headers*/



body{
	/*background: #2a2a2a;*/
	max-width: 100%;
	overflow-x: hidden;
	margin:0;
	padding: 0;
	font-family: 'Inter', sans-serif; 




}

p, span{
	font-size: 16px !important;
}


	header{
	background-color: #fff;
	padding: 10px;
	margin-bottom: 20px;
	}

	#banner-section{width: 100%;}





a{
	text-decoration: none;
	color:#000 !important;
}

a:hover	{
	text-decoration: none;
}

a{color: #ff1016;}
a:hover{color: #c30001;}
p > a{color: #ff1016;}
p > a:hover{color: #c30001;}







.iap-brand-color{color: #ff1016;}



.dropup, .dropright, .dropdown, .dropleft{
	position: unset;
}

.fa-stack-1x, .fa-stack-2x{background: #f2de6e; border-radius: 50%;} 
.fa-stack{
	margin-left: 5px;
	margin-right: 5px;
}

.svg-icons{	
	max-width:70px;
	width: 100%;
	filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(0deg) brightness(94%) contrast(115%);
}

.svg-icons-footer{	
	max-width:40px;
	width: 100%;
	filter: brightness(0) invert(1);
	vertical-align: middle;
}

.svg-icons-body{	
	padding: 10px;
	max-width:55px;
	width: 100%;	
	background-color: #f2dd6e;
	border-radius: 50%;
	/*margin: 20px;*/
	vertical-align: middle;

}

.svg-icon-text{
	/* padding-left:10px; */
	margin:0;

}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding:15px;
	float:left;
}

.col-xs-5-cols {
  width: 20%;
  float: left;
}


@media (min-width: 375px){
  .col-xs-5ths {
    flex: 0 0 50%;
    max-width: 50%;
    /*background-color: #fff701;*/
  }
}

@media (min-width: 576px){
  .col-sm-5ths {
    flex: 0 0 50%;
    max-width: 50%;
    /*background-color: #fff701;*/
  }
}
@media (min-width: 768px){
  .col-sm-5ths{
    flex: 0 0 33.33%;
    max-width: 33.33%;
    /*background-color: #21a0d3;*/
  }
}
@media (min-width: 992px){
  .col-sm-5ths {
    flex: 0 0 33.33%;
    max-width: 33.33%;
   /* background-color: #c30000;*/
  }
}
@media (min-width: 1200px){
  .col-sm-5ths {
    flex: 0 0 20%;
    max-width: 20%;
  }
}


/*.col-xs-5ths {
    width: 20%;
    float: left;
}


@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
        border: 1px solid #c30000;
    }
}




@media (min-width: 768px) {
.col-sm-5ths {
        width: 33.33%;
        float: left;
        border: 1px solid #0e0e0e;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}*/





/*@FORMS:  ADJUSTMENTS*/

.form-label{
	margin-bottom: 10px;
}



.iap-btn{
	background: #ff1016;
	border: 0;
}

.iap-btn{
	background-color: #ff1016;
	border: 0;
}

.iap-btn:hover {
  color: #fff;
  background-color: #c30001;
}



/*PRODUCT CARD*/

	.product-brand, 
	.product-description, 
	.product-code, 
	.product-old-price, 
	.product-new-price, 
	.promo-badge-image{
		margin-bottom: 5px;
	}

	.btn-wrapper{
		margin-top: 5px;
		padding-bottom: 5px;
	}

	.product-brand{
		font-size: 14px !important; 
		display: block;
		text-transform: uppercase;
	}

	.product-description{
		font-size: 10px !important;
		display: block;
	}

	.product-code{
		margin-bottom: 20px;
		font-size: 14px !important; 
		font-weight: bold;
		display: block;
	}

	.product-old-price{
		font-size: 11px !important;
		font-weight: bold;
		text-decoration: line-through;
		display: block;
	}

	.product-new-price{
		font-size: 14px !important;
		color: #c30000;
		font-weight: bold;
		display: block;	
	}

	.btn-add-cart{
		min-width: 125px;
		color: #000 !important;
		margin-right: 5px;
	}

	.btn-add-wishlist{
		max-width: 44px;
		border: 0 !important;
		color: #fff;
		background-color: #FF0F15 !important;
	}

	.product-img{	
		max-width:250px;
		width: 100%;
	}

	.promo-badge-image{
		display: block;
		/* min-width: 176px; */
		max-width: 176px;
		width: 100%;
		min-height: 35.5px;
	}

	.product-item-details{
		min-height: 185px;
	}


	.iap-shopping-cart-icon{
		margin-right: 10px;
	}

/*END PRODUCT CARD*/


/*RESET BOOTSTRAP -> BRANDING*/

	/*BTN*/

	#quantity, .btn-plus, .btn-minus{
		background: transparent;
		border: 0px solid #DCDCDC;
	}

	.btn{
		font-weight:bold !important;
	}

	.btn-primary{
		background-color: #ff0f15;
		border: 0 !important;
	}

	.btn-primary:hover{
		/*background-color: #c30000;*/
		background-color: transparent;
	}


	.btn-secondary{
		background-color: #f2dd6e;
		border-color: #e9d259;
	}

	.btn-secondary:hover{
		background-color: #FF0F15;
		border-color: #FF0F15;
		color: #fff !important;
	}

	.btn-success{
		background-color: #ff0f15 !important;
		border: 0 !important;
		/* min-width:114px !important; */
		/* min-height: 70px !important; */
		/* margin-top:20px !important;
		font-size:20px !important; */
		color:#fff !important;
	}

	.btn-success:hover{
		background-color: #c30000 !important;
	}

	.btn-warning{
		background-color: #FF0F15 !important;
	}
	.btn-warning:hover{
		background-color: #e9d259 !important;
		color: #fff !important;
	}

	.btn-link{color: #ff0f15;border: 0 !important;}


	/*END BTN*/



	/*PAGINATION*/
	.page-item:first-child, .page-item{
		margin: 3px;
	}

	.page-link{
		background-color: #ff0f15;
		border: 1px solid #ff0f15;
		color:  #fff;
	}

	.page-link:hover{
		background-color: #c30000;
		border: 1px solid #c30000;
		color:  #fff;
	}

	.page-link:active{
		background-color: #ff0f15;
		border: 1px solid #ff0f15;
		color:  #fff;
	}
	/*END PAGINATION*/




	div, div > span, div > p {font-size: 14px !important;}
	.bold{font-weight: 900;}
	.semi-bold{font-weight: 800;}
	.paddtop-10{padding: 10px 0 0 0;}
	.paddtop-20{padding: 20px 0 0 0;}

	.paddbot-10{padding-bottom: 10px;}
	.paddbot-20{padding-bottom: 20px;}


	.margin-bottom-10{margin-bottom: 10px;}



	.border-0{border: 0 !important;}
	.shadow-off{box-shadow: none !important;}


	iframe {width:100%;height:100%;}

.line-height-9{line-height: 9;}



