@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
.navfont{font-family: Arial, sans-serif; font-size:16px;}
.bgred{background-color:#c00e0e;}
p{font-family: 'Helvetica', sans-serif;}
.head{    
font-family: Helvetica, sans-serif;
text-shadow: 0px 1px 2px #000000;
letter-spacing: 2px;
word-spacing: 3px;
font-weight:bold;
}
.pf1{font-size:16px; line-height: 30px;}
.pclr{color:white;}
.pf3{font-size:13px; line-height:2em; color:white; letter-spacing:1px;}
.logo{
    background: -webkit-linear-gradient(left top,#ffe908,#fcfcfc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: bold;
    color: #fc0;
}
.navbar-brand{font-size:25px!important;}
.navbar button {background-color:white;}
.navbar-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;}
.navbar-light .navbar-nav .active>.nav-link{font-weight:700; color:White!important;}
.navbar-light .navbar-nav .nav-link:hover{color:white!important;}
.navbar-light .navbar-nav .nav-link {color: white!important}
.clr{color:red;}
.spa{color: #d2232a;}
.chak{color: #ffec00;}
.bom{color: #6e8a8d;}
.roc{color: #a53c5a;}
.flow{color: #007f56;}
.fanc{color: #ff7803;}
.prdhd{color:#ff0505;}
.sparkler{background-image: url("../images/sparkler.jpg");}
.chakkar{background-image: url("../images/chakkar.jpg");}
.atombomb{background-image: url("../images/bomb.jpg");}
.rockets{background-image: url("../images/rocket.jpg");}
.flowerpots{background-image: url("../images/flower.jpg");}
.fancy{background-image: url("../images/fancyshot1.jpg");}
.btn-warning{background: linear-gradient(to bottom,#ffde00 0,orange 100%)!important; color:white!important;}
.btn-warning:hover{background-color:white!important; color:#d3181f!important; font-weight:bold;}
figure {margin: 0!important; padding: 0;}
.zoom figure img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.zoom figure:hover img {-webkit-transform: scale(1.3); transform: scale(1.3);}
.footer{background: url("https://buychennaicrackers.com/wp-content/uploads/2018/06/fott.png") #133259;}
.ftclr{color:yellow;}
.fa-check{color:red;}
.bottomft{background-color: #001b55;}
.parallax { 
  background-image: url("../images/about.jpg");
  height:350px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.brd{border-top:1px solid red;}
.bottomft a{color:white!important;}
.wrdbrk{white-space: pre;}
.priceicn{width:150px;}
.point{bottom:50px!important; right:10px!important;}
@media (min-width:1px) and (max-width:767.98px){
.priceicn{width:130px;}	
.head{font-size: 25px; line-height: 42px;}
.padtp{padding:10px 0;}
}


#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 {
	font-family: 'Helvetica', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	font-family: 'Helvetica', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-family: 'Helvetica', sans-serif;
	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;
	-webkit-box-shadow: 0px 4px 15px -5px #0046d5;
	box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
.notfound .notfound-404 h1 {font-size: 112px;}
}