@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;}
html {scroll-behavior: smooth;}
.fullpad{padding: 0!important; margin:0!important;}
.arial{font-family: Arial, sans-serif; font-weight: 600;}
.helvetica{font-family: helvetica, sans-serif;}
.marquee {width: 100%; overflow: hidden; font-size: 14px; margin-top: 3px;}
.clr1 {color: #eaf10c !important;}
.clr3 {color: #e31e24 !important;}
.navbar-light .navbar-nav .nav-link {font-size: 18px !important;color: #fff !important;font-family: Arial, sans-serif;padding-left: 30px !important;font-weight: bold;}
.navbar-light .navbar-nav .active>.nav-link {color: yellow !important;}
.navbar-light .navbar-nav .nav-link:hover {color: yellow !important;}
.hang-icon{top: -7px; left: 20px;}
.header-top {background-color: #d21c1c;}
.header-top .header-info-left ul li {
	color: #ffffff;
	display: inline-block;
	margin-right: 5px;
	padding: 7px 12px 7px 0;
	font-weight: 500;
	font-family: helvetica, sans-serif;}
.marquee {width: 100%;overflow: hidden;font-size: 14px;margin-top: 3px;color: #000000;}
#note {width: 600px; overflow: hidden;}
#note small {
    position: relative;
    display: inline-block;
    animation: mymove 10s infinite;
    animation-timing-function: all;
	color: #cfd426;
	font-size: 16px;
	font-weight: bold;}
.logo {width: 220px;}
.bg1 {background-color: #1842b6;}
.navbar-light .navbar-nav .nav-link {color: #fff !important;font-size: 18px;font-weight: 600;}
.iconp {font-size: 40px;}
.headfnt {font-size: 18px;}
.border-end {padding-left: 24px;}
.flee1 {position: relative;right: -50px;}
.four {padding: 10px !important;}
.pricelist_pdf {
    padding: 10px 20px !important;
    background-color: #f00;
    color: #fff !important;
    border: 0;
    border-radius: 10px;
    font-weight: bold;
    display: inline-block;
    margin-left: 0px;}
.topbg {background-color: #dde310;}
.btn-effect:hover {color: #212121;}
.btn-effect {padding: 10px 50px;color: white;border: 1px solid #74292e;position: relative;overflow: hidden;transition: all .5s;}
.btn-effect::before {width: 100%;height: 100%;content: '';margin: auto;position: absolute;top: 0%;left: 0%;background: #c91325;transition: all .5s;z-index: -1;}
.btn-effect::after {width: 100%;height: 100%;content: '';margin: auto;position: absolute;top: 0%;left: 0%;background: #c91325;transition: all .5s;z-index: -1;}
.btn-effect:hover:before{transform: rotateX(90deg);}
.btn-effect:hover:after{transform: rotateY(90deg);}
.project-single-box {margin: 10px;}
.project-thumb {position: relative; overflow: hidden;}
.project-thumb img {width: 100%;}
.project-thumb img:nth-child(1) { transition: transform 0.8s;}
.project-thumb img:nth-child(2),
.project-thumb img:nth-child(3) {position: absolute; top: 0; z-index: 3; transition: transform 1.6s;}
.project-thumb img:nth-child(2) {left: 0; clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);}
.project-thumb img:nth-child(3) {right: 0; clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);}
.project-single-box:hover .project-thumb img:nth-child(1) {transform: scale(1.2);}
.project-single-box:hover .project-thumb img:nth-child(2) {transform: translateX(-700px) skewX(40deg);}
.project-single-box:hover .project-thumb img:nth-child(3) {transform: translateX(700px) skewX(-40deg);}
.project-content {
    position: absolute;
	bottom: 0px;
	width: 227px;
	height: 0px;
	border-radius: 45px;
	background-color: #e22024;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 26px 27px 39px 28px;
	opacity: 0;
	transition: 0.5s;}
.project-single-box:hover .project-content {
    opacity: 1;
    bottom: 40px;}
.project-title h4 a {
    font-size: 16px;
    line-height: 0px;
    color: #ffffff;
    text-decoration: none;
    transition: 0.5s;
    position: relative;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
	bottom: -10px;}
.project-title h4 a:hover {background-size: 100% 1px;}
.project-title span {
    font-size: 13px;
    line-height: 31px;
    color: #f9f9f9;}
.project-icon a {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	transform: rotate(-25deg);
	transition: 0.5s;
	position: relative;
	bottom: -7px;}
.project-icon a:hover {transform: rotate(0deg);}
.bg2 {background-color: #ebf10d;}
.get_btn1 {display: inline-block;padding: 0px 30px;border: 2px solid #272164;line-height: 50px;font-size: 16px;color: black;font-weight: bold;position: relative;z-index: 2;overflow: hidden;transition: color .5s;}
.get_btn1:hover{color:#fff;}	
.get_btn1::before {content: "";position: absolute;z-index: -1;background: #272164;height: 250px;width: 300px;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom: 100%;transition: all .7s;}
.get_btn1:hover::before {bottom: -50px;}	
.btn1 {
	color: black !important;
  	padding: 15px 30px;
  	background-color: #eaf10d;
  	border-radius: 10px;}
.safetytipsbg {
	background-image: url("../images/safetytips.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}
.safetypad {padding: 150px 0px;}
.headfont {font-size: 50px;}
.footer {
	width: 100%;
	height: auto;
	background: #cf2127;
	padding: 60px 0;
	background-size: cover;
	background-position: center top;}
.footer h1 {
	color: #fafafa;
	font-family: Arial, sans-serif !important;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	text-align: left;
	padding-bottom: 14px;
	margin-bottom: 25px;
	border-bottom: 1px solid #cccc;}
.footer h1::after {
	content: "";
	position: absolute;
	width: 50px;
	background: #eeca1c;
	left: 0;
	bottom: -2px;
	height: 4px;}
.footer-bottom {
	width: 100%;
	height: auto;
	background: #f8f8f8;
	padding: 10px 0;}
.welcome h1::after {
	width: 250px;
	height: 8px;
	background: orange;
	content: "";
	display: block;
	transform: skew(-30deg);
	margin-top: 11px;
	text-align: center;
	margin-left: 113px;
	margin-bottom: 20px;}
.diwali1 {width: 88%; margin-left: 80px;}
.counterbg {
	background-image: url("../images/parallax.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: auto;
	position: relative;
	padding: 80px 0;}
.counterbg::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;}
.counttext {
	color: #fff009;
	font-size: 46px;
	font-weight: 700;}
.bannerhead {
	color: #fdd500;
	font-size: 44px;
	font-weight: 700;}
.aboutparallax {
	background-image: url("../images/whybg.jpg");
	min-height: 500px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;}
.icon {
	width: 80px;
	height: 80px;
	display: table;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;}
.icon i {
	font-size: 35px;
	height: 100px;
	width: 100px;
	margin: 3px;
	border-radius: 100%;
	line-height: 100px;
	background: #bd181e;
	color: #f5dc0c;
	border: 3px solid #ffffff;
	transition: 500ms;
	display: block;
	text-align: center;}
.text11 {
	position: relative;
	padding: 0px 0 0 120px;
	margin-top: -89px;
	margin-bottom: 41px;}
.topbg1 {background-color: #c8151b;}
.section-title-divider {width: 220px;height: 3px;background: #1F5AAD;text-align: center; margin: 5px auto;}
.font{font-size: 45px;}
.block-head {position: relative;margin-bottom: 20px;padding: 0 0 20px;border-bottom: 1px #cac9c9 solid;font-weight: normal;color: #559926;font-weight: bold;}
.block-head::before {position: absolute;bottom: -3px;left: 20px;width: 35px;height: 5px;content: "";display: inline-block;background-color: #559926;}
.block-head::after {position: absolute;bottom: -1px;left: 0;width: 80px;height: 1px;content: "";display: inline-block;background-color: #559926;}
.block-head1 {position: relative;margin-bottom: 20px;padding: 0 0 20px;border-bottom: 1px #cac9c9 solid;font-weight: normal;color: #ec2424;font-weight: bold;}
.block-head1::before {position: absolute;bottom: -3px;left: 20px;width: 35px;height: 5px;content: "";display: inline-block;background-color: #ec2424;}
.block-head1::after {position: absolute;bottom: -1px;left: 0;width: 80px;height: 1px;content: "";display: inline-block;background-color: #ec2424;}
.icnclr1 {color: #559926; font-size: 30px;}
.icnclr3 {color: #b61818; font-size: 30px;}
.text4 {
	position: relative;
	padding: 0 0 0 46px;
	margin-top: -52px;}
.text2 {
	position: relative;
	padding: 5px 0 0 23px;
	margin-top: -45px;}
.line {border-bottom: 1px solid #d2d0d0;margin: 20px 0;}
.bg-footer {background-color: #e22024;}
.header {padding: 0 100px;}
.features-area {position: relative; background-color: #f2f2f2;}
.single-feature.feature-2.text-center img {
    height: 80px;
    object-fit: contain;
    max-width: 100%;}
.features-area.feature-style-2::before {
    background: url(../images/shadow-bottom.png) no-repeat scroll center bottom;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: 100%;
    width: 100%;}
.feature-2 .feature-content > h3 {
    color: #333;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 24px;
    margin-bottom: 5px;}
.feature-2 .feature-content > p {
    color: #838383;
    font-size: 16px;
    line-height: 24px;}
.sb {border-bottom: 1px solid #ebebeb;}
.pb-40 {padding-bottom: 40px;}
.pt-40 { padding-top: 40px;}
.crack {border-radius: 30px !important;}
.backbg {
	background-image: url("../images/cta.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: auto;
	position: relative;
	padding: 80px 0;}
.backbg::after {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;}
.box-bg {position: relative; z-index: 1;}
.btn2 a{
	background: #eeca1cf5;
  color: #000000 !important;
  border-radius: 6px;
  padding: 10px 20px;
  transition: all 0.4s ease;
  text-decoration: none;
  font-weight: 600;}
.owl-nav {display: none;}
.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;}}
@keyframes mymove {
	from {left: -100%;}
	to {left: 100%;}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	  }
	  100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	  }
}

@media (min-width:1px) and (max-width:767.98px){
.pad{padding:40px 0;}
.logo {width: 190px;}
.navbar-light .navbar-nav .nav-link {text-align: center; padding-left: 0px!important;}
.four {display: none;}
.butt {margin-bottom: 40px !important;}
.pricelist_pdf {margin-left: 0px !important;}
.navbar-light .navbar-toggler {color: rgb(0, 0, 0) !important;background-color: white !important;}
.saleimg {padding-top: 47px !important;}
.diwali1 {display: none !important;}
.welcome h1::after {margin-left: 0px;}
}	

@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.navbar-light .navbar-nav .nav-link {text-align: center;}
.navbar-light .navbar-toggler {color: rgb(0, 0, 0) !important;background-color: white !important;}
.pricelist_pdf {margin-left: 45px !important;}
.butt {margin-bottom: 40px !important;}
.diwali1 {display: none !important;}
.four {display: none;}
}

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