@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;}
.smallfnt{font-size:14px;}
.cursor{cursor: pointer;}
.arial {font-family: Arial, sans-serif;font-weight: 600;}
.helvetica {font-family: helvetica, sans-serif;line-height:26px;}
.clr1{color:#d72005!important;}
.clr2{color:#00296b!important;}
.clr3{color:#000000!important;}
.bga1{background-color:#e6eaffe7 !important;}
.marquee-head {width: 100%; overflow: hidden; font-size: 14px; background:#0046ba; color: #fff;}
.box-border {border: 2px solid #dedede; padding: 8px; margin-bottom: 10px; height: 85px;}
.headbg {
	background-image: url("../images/crackersnavbg.webp");
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #2b2b2b;}
.logo{width: 150px;}	
.navbar-light .navbar-nav .active > .nav-link {color: #db2a1b !important;}
.navfont {font-family: 'Arial', sans-serif;font-size: 19px;font-weight: bold;}
.headbg {background:url("../images/headerbg.png") top center repeat-y;}
.head-icn {width: 42px;}	
.navbg{background:#00296b; border-radius: 50px;}
.navbar-default::after {
    background: rgba(0, 0, 0, 0) url("../images/brdr1.webp") repeat-x scroll 0 0;
    bottom: -8px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
	z-index: 99;}
.navfont{font-family: Arial, sans-serif; font-size: 15px; font-weight:600;}
.navbar-light .navbar-toggler {border-color: #e6e6e6 !important; color:#ffffff!important;}	
.navbar-light .navbar-nav .active>.nav-link{color: #fde500!important;}
.navbar-light .navbar-nav .nav-link{color:#fff!important;}
.navbar-light .navbar-nav :hover.nav-link{color:#fde500!important;}
.pricelist_pdf{
	padding: 10px 20px !important;
	background-color: #f00;
	color: #fff !important;
	border: 0;
	border-radius: 10px;
	font-weight: bold;
	display: inline-block;}
.welcome-img img {-webkit-animation: aboutImage 8s linear infinite;animation: aboutImage 8s linear infinite;}
@keyframes aboutImage {
	0%, 100% {
	-webkit-transform: scale(.95);
	transform: scale(.95);
	border-radius:94% 6% 92% 8% / 9% 94% 6% 91%;}
	50% {
	-webkit-transform: scale(.9);
	transform: scale(.9);
	border-radius: 8% 92% 8% 92% / 92% 6% 94% 8%;}}
.welcome-content ul li {
	border-radius: 30px;
	background:linear-gradient(90deg, rgba(255, 51, 85, 0.14) 0%, rgba(246, 55, 88, 0) 100%);
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 15px;
	color:#F63758;
	width: max-content;}
.welcome-content ul li i {
	width: 24px;
	height: 24px;
	background-color: #F63758;
	border-radius: 50%;
	color: #fff;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	font-size: 12px;}
.parallaxa2 {background-image: url("../images/parallaxa2.webp")!important;}
.parallaxa1 {
	background-image: url("../images/parallaxa1.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	position: relative;
	background-attachment: fixed;}
.parallaxa1::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;}
.btn1 {
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 700;
	color: #fed700;
	background-color:#ec0e0e;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: 1s;
	transition: 1s;
	border-radius: 5px;}
.btn1:hover {background-color: #ec0e0e;color: #ffffff;border-radius: 50px;}	
.radius25 {border-radius: 25px;}
.about-content-area {position: relative; z-index: 1;}
.about-content-area .content {position: relative; z-index: 1;padding: 50px;border-radius:10px;}
.about-content-area .info .H2 {font-weight: 600; margin-bottom: 25px;}
.area-title {font-size: 40px; line-height: 1.2;}
.about-content-area .content::after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	height: 100%;
	width: 150%;
	background:#fffbe8;
	z-index: -1;
	box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
	border-radius:10px;}
.about-content-area .thumb {position: relative; z-index: 1; top: 80px; margin-bottom: 100px;}
.abt-img{width:95%; border-radius:15px;}
.about-content-area .thumb .H2 {
	position: absolute;
	left: 50%;
	top: -50px;
	background: #fd3700;
	text-align: center;
	padding: 20px;
	font-size: 16px;
	height: 155px;
	font-weight: 600;
	transform: translateX(-50%);
	color: #ffffff;
	clip-path: polygon(100% 0, 100% 85%, 85% 100%, 0 99%, 0 0);}
.about-content-area .thumb .H2 strong {display: block; font-size: 45px; font-weight: 700;}
.abt-bg {background: url("../images/bgbottom.webp") no-repeat scroll bottom right;}
.vision-box {
	padding:45px;
	max-width: 600px;
	margin: 30px auto;
	border-radius: 10px;}
.vision-box {border: 3px #ffd489; border-style: solid solid dotted solid;}
.outline-pro {
	border-color:#FAB946;
	background-color: #FFF;
	background-image: url("../images/vision-shape.svg");
	background-size: cover;
	box-shadow: inset 0 1px 0 2px #FFF;}
.products {text-align: center;}
.products .item {
	display: inline-block;
	width: 220px;
	margin: 20px;
	text-align: center;
	position: relative;
	vertical-align: top;}
.products .item h1 {margin-top: 20px;font-size: 18px;color: #000;transition: all 0.4s ease;}
.circle-bg {
	width: 100%;
	height: 220px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	transition: all 0.6s ease;
	background-color: #f1f1f1;}
.circle-bg img {
	width:75%!important;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.6s ease;}
.circle-bg:hover {height:225px;border-radius: 30px;}
.circle-bg:hover img {transform: translate(-50%, -50%) rotate(20deg) scale(1.2);}
.product-one {background: linear-gradient(#a044ff, #6a3093);}
.product-two {background: linear-gradient(#ff8008, #ffc837);}
.product-three {background: linear-gradient(#00c6ff, #0072ff);}
.product-four {background: linear-gradient(#6a6cff, #22009e);}
.product-five {background: linear-gradient(#ff6a00, #ee0979);}
.bga2{background-color:#ffeab4;}
.tik{position: relative;}
.pass{padding: 35px;height: 200px;}
.tik:hover::before {height: 100%;opacity: 1;}
.tik::before{
	position: absolute;
	content: '';
	opacity: 0;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 0;
	transition: all 0.3s;
	background:#d72005;}
.icnclr {color: #eb3800;position: relative;}
.call {font-size: 45px !important;}
.text2 {position: relative;padding: 0 0 0 70px;margin-top: -52px;}
.tik:hover .icnclr {color: #FFCF14;}
.tik:hover .tik1 {color: #fff !important;}
.brand-item:hover img {transform: scale(0,0);}
.brand-item:hover .brand-hover {transform: scale(1,1);}
.brand-item img{transition: all 500ms ease; -webkit-transition: all 500ms ease;} 
.brand-item img{display: inline-block;} 
.brand-item .brand-hover{transform: translateY(100%);-webkit-transform: translateY(100%);}
.brand-item .brand-hover{position:absolute;}
.brand-item .brand-hover{top:0;right:0;left:0;bottom:0;}
.counting-box .box {text-align: center;background-color: #14193e;padding:30px;border-radius:10px;}
.col-lg-3:nth-child(odd) .counting-box .box {border-bottom:8px solid #fdc300;}
.col-lg-3:nth-child(even) .counting-box .box {border-top:8px solid #fdc300;}
.counttext, .bannerhead{color: yellow;font-size: 45px;font-weight: 700;}
.safety_icon i {color: #fff;font-size: 40px; background: #298145; width: 65px; height: 66px; line-height: 65px;border-radius: 50%; text-align: center; display: block;}
.safety_iconr i {color: #fff; font-size: 40px; background: #dd1407; width: 65px; height: 66px; line-height: 65px;border-radius: 50%; text-align: center; display: block;}
.icon_right{margin-left: auto;}
.icon_center{margin: auto;}
.clr-green{color: #298145;}
.clr-red{color: #dd1407;}
.counting-box .box i {
	height:135px;
	width:125px;
	-webkit-clip-path: polygon(50% 0, 50% 0, 100% 25%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 25%);
	clip-path: polygon(50% 0, 50% 0, 100% 25%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 25%);
	margin: 0 auto;
	margin-bottom: 1.5rem;
	color: #000000;
	background-color:#fdc300;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	font-size: 3.5rem;}
.svgfooter svg{fill:#141b50;rotate: 180deg; position:relative; top: 5px;}
.footerbg{background:#141b50;}
.tagcloud a {
	background:#fdc300;
	padding: 6px 10px;
	float: left;
	font-style: italic;
	font-size: 12px;
	margin: 0 5px 5px 0;
	color: #000 !important;
	border-radius: 4px;}
.text1 {position: relative;padding: 1px 0 0 30px;margin-top: -44px;}
.inner-box {
	position: relative;
	padding: 40px 30px;
	padding-left: 100px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	box-shadow: 0 30px 40px rgba(0,0,0,0.10);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	overflow: hidden;
	border-radius: 20px;
	height: 205px;}
.icon-box {position: absolute;left: 30px;top: 50px;display: block;margin-bottom: 30px;}
.icon-box .icon {
	position: relative;
	display: inline-block;
	font-size: 50px;
	line-height: 1em;
	background: rgb(247,0,104);
	background: linear-gradient(to left, rgba(247,0,104) 0%,rgba(68,16,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F70068', endColorstr='#441066',GradientType=1 );
	background: none;
	color: #f14b59;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;}
.icon-box .icon {font-size: 50px;line-height: 1em;color: #f14b59;}
.inner-box:hover {box-shadow: none;}
.inner-box:hover .icon-box .icon {-webkit-transform: scale(-1) rotate(180deg);transform: scale(-1) rotate(180deg);}
.w0{width:0%;}
.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;}}


@media (min-width:1px) and (max-width:767.98px){
.pad{padding:40px 0;}
.ord1{order:2;}
.ord2{order:1;}
.icon_right {margin-left: 0;}
.heading1 {font-size: 2rem;}
.about-content-area .content::after {width: 100%;}
.about-content-area .content {padding: 30px;}
.vision-box {padding: 25px;}}	

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.ord1{order:2;}
.ord2{order:1;}
.heading1 {font-size: 2rem;}
.icon_right {margin-left: 0;}
.about-content-area .content::after {width: 100%;}
.about-content-area .content {padding:20px!important;}}

#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);}