@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
a{text-decoration:none!important;}
li{list-style-type: none!important;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.pad{padding:90px 0;}
.wrdbrk{white-space:pre;}
.fullpad{padding: 0!important; margin:0!important;}
.arial{font-family: Arial, sans-serif; font-weight: 600;}
.helvetica{font-family: helvetica, sans-serif;line-height: 28px;}
.logo{width:250px;}
.clr1 {color: #D20303;}
.topbg {background: #D20303;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
.marquee {width: 100%;overflow: hidden;color: #fff;}
.backbg {background: linear-gradient(225deg, #FFF7B3, 62%, #fffefd 25%);}
.icnclr1 {color: #D20303;font-size: 20px;}
.smallfnt {font-size: 14px;}
.part1 {padding: 15px 0px 15px 0px !important;}
.part2 {padding: 15px 0px 15px 0px !important;}
.navbar {background-color: #D20303;padding: 0px !important;}
.navbar-light .navbar-nav .nav-link {font-size: 18px;color: #fff !important;font-family: Arial, sans-serif;font-weight: bold;margin: 0px 12px;text-align: center;}
.navbar-light .navbar-nav .active>.nav-link {color: #ffea46 !important;}
.navbar-light .navbar-nav .nav-link:hover {color: #ffea46 !important;}
.navbar-light .navbar-toggler {color: rgba(0, 0, 0, 0.96) !important;background-color: cornsilk;margin: 0 auto;}
/* product start */
.single-service-box {position: relative;}
.single-service-box .services-content1 {position: absolute;background-color: #ffffff;padding: 10px;text-align: center;left: 30px;right: 30px;bottom: 30px;transition: all ease 0.5s;}
.single-service-box .services-content1 h3 {font-size: 24px;margin-bottom: 0;}
.single-service-box .services-content2 {position: absolute;padding: 30px;left: 30px;right: 30px;bottom: 30px;background: rgba(0, 0, 0, 0.83);transform: scaleX(0);transition: all ease 0.5s;}
.single-service-box .services-content2 h3 {font-size: 24px;color: #ffffff;margin-bottom: 18px;}
.single-service-box .services-content2 p {color: #ffffff;}
.single-service-box:hover .services-content1 {transform: scaleY(0);}
.single-service-box:hover .services-content2 {transform: scaleX(1);}
.clr-green{color:#237523;}
.clr3 {color: #D20303 !important;}
.clr4 {color: yellow !important;}
.services-img img {border: 9px solid #ffffff;}
.bg-products {background-color: #eef6eb;}
.owl-prev span {
	width: 45px;
	height: 45px;
	opacity: 1;
	font-size: 30px;
	color: #fefefd;
	background-color: #D20303;
	display: block;
	position: absolute;
	left: -70px;
	top: 186px;
	line-height: 41px;
	border-radius: 50%;}
.owl-next span {
	width: 45px;
	height: 45px;
	opacity: 1;
	font-size: 30px;
	color: #fefefd;
	background-color: #D20303;
	display: block;
	position: absolute;
	right: -70px;
	top: 186px;
	line-height: 41px;
	border-radius: 50%;}
.spl-box-content{background-color: #1F3076;
	border: 5px dashed red;
}	
.spl-pad{padding:0!important}
.spl-border{background-color: #fff;
	width: 100%;
	height: 2px;
	margin: 35px 0;}
/* product end */
.footer {
	background-image: url("../images/footer1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: auto;
	position: relative;
	border: 12px dashed yellow;}
.footer::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;}
.text1 {position: relative;padding: 5px 0 0 30px;margin-top: -51px;}
.media-body {margin-left: 14px;}
.top3 {border-top: 1px solid white;}
.border-bottom1 {border-bottom: 1px solid #ffffff52;}
.clr44 {padding: 6px 7px; color: yellow !important;}
.black {color: #000 !important;}
.block-head2 {
	position: relative;
	margin-bottom: 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #cac9c9;
	color: #272164;}
.block-head2::before {
	position: absolute;
	bottom: -3px;
	left: 20px;
	width: 35px;
	height: 5px;
	content: "";
	display: inline-block;
	background-color: #e90606;}
.block-head2::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 80px;
	height: 1px;
	content: "";
	display: inline-block;
	background-color: #e90606;}
.diwali1 {width: 85%;border-radius: 212px;}
.btn1 {
	background-color: #d20303;
	padding: 13px 29px;
	color: white !important;
	font-size: 17px;
	border-radius: 3px;}
.smallborder3 {
	background-color: #e81e0f;
	width: 85px;
	height: 10px;
	margin: 6px auto;}
.parallax {background-image: url("../images/footer1.jpg");background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.bg-overlay {position: relative;}
.parallax::before {background: #000 none repeat scroll 0 0;content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;}
.bg-overlay::after {background-color: #1e1d1e94;z-index: 0;position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;}
.box-bg {position: relative;z-index: 1;}
#counter{background: rgba(black, .05);}
/* #counter li{flex: 1; text-align: center;width: 100%;text-align: center;border-style: dotted;border-color: #f2f2f2;font-size: 30px;margin-top: 28px;background-color: #31018a;} */
/* #counter li span.percent:after { content: ""; display: inline-block;} */
.counttext{color: #ffffff; font-size: 50px; font-weight: 700; font-family:  Helvetica, sans-serif;}
.bannerhead {color: #ffffff; font-size: 50px; font-weight: 700; text-transform: uppercase; line-height: 1.3em;}
.head60 {font-size: 60px;}
.smallborder1 {width: 70px;height: 2px; background-color: #f00;margin: 10px auto;}
.bgcount {
	background-color: #be0909;
	padding: 0px 0 41px;
	margin: 35px 0 0;
	border: 4px dashed white;
	position: relative;
	z-index: 9999;}
.homeparallax1 {background-image: url("../images/funding-bg.webp");background-size: 100% 100%;}
.smallborder2 {width: 70px;height: 4px; background-color: #f00; margin: 5px 0px 10px;}
.funding-box {
	background: rgb(255, 248, 237);
	border: 1.20762px solid rgb(246, 121, 11);
	box-shadow: rgba(255, 255, 255, 0.44) -6.44062px -7.24569px 11.2711px, rgba(0, 0, 0, 0.07) 7.24569px 6.44062px 24.9574px;
	border-radius: 9px;
	padding: 33px 18px;
	text-align: left;}
.funding-box span i {
	border-radius: 50%;
	background: linear-gradient(111.04deg, rgb(231, 16, 0) -0.63%, rgb(159, 117, 114) 107.47%), rgb(184, 197, 208);
	justify-content: center;
	align-items: center;
	padding: 15px;
	display: inline-flex;
	color: white;
	font-size: 30px;}
.homeparallax {
	background-image: url("../images/fireworks.webp");
	padding: 40px 0;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;}
.homeparallax::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;}
.headfnt {font-size: 55px;}
.btn-white-outline{
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition-delay: 0.2s;
	border-radius: 0;
	box-shadow: inset 0px 0px 0px 1px #ffffff !important;
	background-color: transparent !important;
	border-color: #ffffff;
	color: #ffffff !important;
	padding: 19px 46px !important;}
.btn-lg{padding: 0.8rem 2.6rem;}
.btn-white-outline::before{
	content: "";
	pointer-events: none;
	position: absolute;
	width: 500px;
	height: 100%;
	left: -60%;
	top: 0;
	background-position: 0 0;
	transform: translateY(90%) scale(0.9) translateX(-150px);
	transition: all 1s;
	z-index: -1;
	color: black !important;
	background: #ffffff;
	-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='561' height='85' xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='xMinYMax slice'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1'%3E%3Cpath fill='transparent' class='st0' d='m-6.66292,-4.57555c23.4,0 23.4,6 46.7,6c23.4,0 23.4,-6 46.7,-6c23.4,0 23.4,6 46.8,6s23.4,-6 46.8,-6' id='svg_2'/%3E%3Cpath fill='black' class='st1' d='m187.45162,9.67907c23.5,0 23.5,6 47,6s22.7,-10.8 46.2,-10.8s24.3,10.8 47.8,10.8s23.5,-6 47,-6l0,76.5l-188,0l0,-76.5z' id='svg_3'/%3E%3Cpath fill='black' class='st1' d='m-0.02952,9.67907c23.5,0 23.5,6 47,6s22.7,-10.8 46.2,-10.8s24.3,10.8 47.8,10.8s23.5,-6 47,-6l0,76.5l-188,0l0,-76.5z' id='svg_4'/%3E%3Cpath fill='black' class='st1' d='m374.48614,9.67907c23.5,0 23.5,6 47,6s22.7,-10.8 46.2,-10.8s24.3,10.8 47.8,10.8s23.5,-6 47,-6l0,76.5l-188,0l0,-76.5z' id='svg_5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%0A%3Csvg width='561' height='85' xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='xMinYMax slice'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1'%3E%3Cpath fill='transparent' class='st0' d='m-6.66292,-4.57555c23.4,0 23.4,6 46.7,6c23.4,0 23.4,-6 46.7,-6c23.4,0 23.4,6 46.8,6s23.4,-6 46.8,-6' id='svg_2'/%3E%3Cpath fill='black' class='st1' d='m187.45162,9.67907c23.5,0 23.5,6 47,6s22.7,-10.8 46.2,-10.8s24.3,10.8 47.8,10.8s23.5,-6 47,-6l0,76.5l-188,0l0,-76.5z' id='svg_3'/%3E%3Cpath fill='black' class='st1' d='m-0.02952,9.67907c23.5,0 23.5,6 47,6s22.7,-10.8 46.2,-10.8s24.3,10.8 47.8,10.8s23.5,-6 47,-6l0,76.5l-188,0l0,-76.5z' id='svg_4'/%3E%3Cpath fill='black' class='st1' d='m374.48614,9.67907c23.5,0 23.5,6 47,6s22.7,-10.8 46.2,-10.8s24.3,10.8 47.8,10.8s23.5,-6 47,-6l0,76.5l-188,0l0,-76.5z' id='svg_5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.btn-white-outline:hover::before{transform: translateY(-25%) scale(1.5) translateX(120px);}
.btn-white-outline:hover{color: #000000 !important;}
.owl-dots {display: none;}
.parallax12 {margin: 0 auto;width: 80%;}
.parallax-info {
	border: 15px solid #e81e0f;
	margin-bottom: 0px;
	border-bottom: 0;
	text-align: center;}
.parallax-title {font-size: 42px; font-weight: 600; line-height: 83px;}
.parallax-title::before {
	content: '';
	position: absolute;
	left: 126px;
	bottom: 50px;
	width: 200px;
	height: 15px;
	background: #e81e0f;}
.parallax-title::after {
	content: '';
	right: 126px;
	left: auto;
	position: absolute;
	bottom: 50px;
	width: 200px;
	height: 15px;
	background: #e81e0f;} 	
.parallax-subtitle {
	font-size: 24px;
	font-weight: 400;
	line-height: 20px;
	padding: 0 15px;
	position: relative;
	top: 0px;
	letter-spacing: 3px;
	margin-bottom: 20px;
	text-align: center;}
.btn2 {
	background-color: #332688;
	color: white !important;
	font-weight: bold;
	padding: 13px 17px;
	font-size: 16px;}
.hpydiwali {margin-top: 70px;}
.services-2 {
	width: 100%;
	display: block;
	padding: 20px;
	transition: all 0.3s ease;
	border: 1px solid black;}
.services-2 .icon-wrap {
	position: relative;
	width: 170px;
	height: 170px;
	margin: 0 auto;
	margin-bottom: 10px;
	z-index: 0;}
.services-2 .icon-wrap .number {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	z-index: 1;
	background: #d20303;
	border: 5px solid #fff;}
.services-2 .icon-wrap .number span {font-weight: 500;color: #fff;}
.services-2 .icon {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: #f5f4f0;
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;
	z-index: 0;
	transition: all 0.3s ease;}
.services-2 .icon::after {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #d20303;
	content: '';
	z-index: -1;
	transition: all 0.3s ease;}
.services-2 .icon span {font-size: 50px;}
.services-2 h2 {
	font-size: 24px;
	text-transform: uppercase;
	color: #610c9f;
	margin-top: 15px;}
.services-2:hover .icon-wrap .number {background: #fff;box-shadow: 0px 4px 15px -6px rgba(0, 0, 0, 0.15);}
.services-2:hover .icon-wrap .number span {color: #d20303;}
.services-2:hover .icon {background: #d20303;box-shadow: 0px 4px 15px -6px rgba(0, 0, 0, 0.15);}
.services-2:hover .icon::after {background: #fff;right: 50px;}
.aboutbg {
	background-image: url("../images/aboutparallax.webp");
	background-attachment: fixed;
	background-position: bottom;
	background-size: cover;
	position: relative;}
.aboutbg::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.6;}
.headft1 {font-size: 30px; text-transform: uppercase; color: white !important;}
.btn3 {font-size: 18px;font-weight: 800;text-transform: uppercase;color: #FFF !important;background-color: #F70D33 !important;padding: 20px 55px 20px 55px !important;text-align: center;transition: all .9s;}
.whychoose {width: 60%;}
.tips1 {font-size: 60px; text-shadow: 0px 1px 1px #555;color: #ffffff;}
.feature-h, .feature-s {margin-bottom: 35px; }
.icons11, .icons12 {margin-right: 1em;}
.icons11 i {
	color: #048404;
	font-size: 52px;
	background: #efefef;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50px;
	text-align: center;
	transition: .3s all ease;
	transform: scale(1);
	display: block;}
.icons12 i {
	color: #bc0f0f;
	font-size: 52px;
	background: #efefef;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50px;
	text-align: center;
	transition: .3s all ease;
	transform: scale(1);
	display: block;}
.feature-s:hover .icons11 i {border: 2px solid #048404;color: #048404;background-color: transparent;transform: scale(1.07);}
.feature-s:hover .icons12 i {border: 2px solid #bc0f0f;color: #bc0f0f;background-color: transparent;transform: scale(1.07);}
.green {color: #08b923 !important;}
.red {color: #b50000 !important;}
.contact-box {
	flex: 1;
	text-align: center;
	padding: 25px 15px;
	border-radius: 37px 37px 0 0;
	background: #fff;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 1px 10px #bf9999;
	height: 240px;}
.c-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 50%;
	position: relative;
	z-index: 2;}
.c-icon::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	height: 22px;
	width: 22px;
	background: #b47c3f45;
	border-radius: 50%;}
.addressicon {width: 70px;}
.phoneicon {width:70px;}
.mailicon {width: 70px;}
.contactus {width: 45%;}
.contactbg1 {background-color: #b50000;}
.background4 {background-image: url("../images/background4.webp");}
.who_bg {background-image: url("../images/who_bg.webp");background-size: cover;}
.wholesale {border: 6px solid #fefefe;box-shadow: 0 5px 30px rgba(41,41,59,.5);margin-top: 12px;}
.retail {border: 6px solid #fefefe;box-shadow: 0 5px 30px rgba(41,41,59,.5);margin-top: 12px;}
.fireworksimg {background: url("../images/fireworksimg.webp"); background-position: center; background-repeat: no-repeat;background-size: contain;background-color: #d2b9b96e;}
.w0{width:0%;}
.border-right1 {border-right: 1px solid #464646  !important;}
.fixed{position:fixed; z-index:2;}
.priceicn{width:50px;}
.priceicn2 {width: 120px;}
.point{bottom:10px; left:10px;}
.point1{bottom:70px; left:10px;}
.point2{bottom: 15px; right: 10px;}
.blink{
    -webkit-animation: blink 1s;
	animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}}
@-webkit-keyframes blink {
    0% {opacity: 1;}
    50% { opacity: 0;}
    100% {opacity: 1;}}
@keyframes rotate {
	0% {transform: Scale(0.7);}
	50% {transform: Scale(1);}
	100% {transform: Scale(0.7);}}

@media (min-width:1px) and (max-width:767.98px){
.pad{padding:40px 0;}
.backbg {background: linear-gradient(225deg, #DCE30329, 100%, #fffefd 0%);}
.owl-prev span {position: relative !important;left: 0px;top: 0px;}
.owl-next span {position: relative !important; right: 0px;top: 0px;}
.funding-box {padding: 33px 10px; margin-top: 15px;}
.headfnt {font-size: 31px;}
.crack h1 {padding: 12px 0;}
.media {margin-left: 12px !important;}
.mt-70 {margin-top: 70px;}
.parallax12 {width: 100%;}
.parallax-title {font-size: 36px;line-height: 110px;}
.parallax-title::before {left: 14px;bottom: -50px;width: 260px;}
.parallax-title::after {right: 14px;bottom: -50px;width: 260px;}
.parallax-subtitle {line-height: 28px;}
.hpydiwali {margin-top: 19px;}
.ft26 {font-size: 26px !important;}
.headft1 {font-size: 41px;}
.contact-box {height: 100%;}
.border-right1 {border-right: none !important;}}	


@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.owl-prev span {position: relative !important;left: 0px;top: 0px;}
.owl-next span {position: relative !important;right: 0px; top: 0px;}
.funding-box {padding: 33px 10px; margin-top: 15px;}
.backbg {background: linear-gradient(225deg, #DCE30329, 100%, #fffefd 0%);}
.crack h1 {padding: 12px 0;}
.media {margin-left: 12px !important;}
.parallax-title::before {left: 84px;bottom: -50px;width: 300px;}
.parallax-title::after {right: 84px;bottom: -50px;width: 300px;}
.mt-70 {margin-top: 70px;}
.whychoose {width: 86%;}
.services-2 {padding: 25px !important;}
.fts {margin-top: 30px !important;}
.headft1 {font-size: 50px;}
.order2 {order: 1;}
.contact-box {height: 100%;}}


#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.oopslogo{width:350px;}
.notfound h2 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
}

.time-of-year {
	margin: 100px 75px 10px 75px;
	position: relative;
	transform: translateZ(0);
	-webkit-transform: translateZ(0); }
.time-of-year .tooltip {
	background: #db2a1b;
	border-radius: 3px;
	bottom: -49px;
	font-size: 20px;
	display: block;
	left: -67px;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	width: 320px;
	height: 100px;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .7s ease-out;
	transition: all .7s ease-out;}
.time-of-year .tooltip::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #db2a1b;
	bottom: 58px;
	content: " ";
	position: absolute;
	left: 0%;
	margin-left: -13px;
	transform: rotate(92deg);}
.time-of-year:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);}