@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
html{scroll-behavior: smooth;}
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;}
.text-shad{text-shadow: 0 2px 4px #000;}
.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:26px;}
.marquee-head {width: 100%;overflow: hidden;font-size: 14px;line-height: 25px;  background:#fecc0b;color: #000;}
svg {position: relative;bottom:-2px;}
.copyrightbg{background-color:#d72005;}
.radius25 {border-radius: 25px;}
.clr1{color:#FF5F00;}
.clr2{color:#002195;}
.clr3{color:#000!important;}
.clr4{color:#dd7c00;}
.font1{font-size: 45px;}
.font2{font-size: 50px;}
.logo{width:100px;}
.navbar-light .navbar-nav .active > .nav-link {color: #db2a1b !important;}
.color {transition: background 1s ease;}
.bg1{background-color: #fff1be !important;}
.bg2{background-color: #fed430 !important;}
.bg3{background-color: #173ee9 !important;}
.title {padding-bottom: 30px;margin-bottom: 33px;}
.title-border {padding-bottom: 29px;margin-bottom:20px;}
.title {display: flex;align-items: flex-start;gap: 23px;}
.title-tagline {
	position: relative;
	top:4px;
	margin: 0;
	margin-top: 30px;
	color:#FF5F00;
	text-shadow:0 2px 2px rgba(255, 255, 255, 0.5);
	font-size:40px;
	line-height: 1;
	text-transform: uppercase;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	font-weight:700px;
	text-shadow: 0 2px 4px #000;}
.title-tagline::before {
	content: "";
	position: absolute;
	top: -26px;
	left: 0px;
	width: 20px;
	height: 16px;
	background-color:#fff;}
.title-tagline::after {
	content: "";
	position: absolute;
	top: -26px;
	right: 0px;
	width: 20px;
	height: 16px;
	background-color:#FF5F00;}
.head-title{
	margin: 0;
	margin-bottom: 0px;
	font-size: 55px;
	font-weight:700;
	line-height: 1.09;
	letter-spacing:2px;
	margin-bottom: 0;}
.handbook-cta {background: #f7faf9;border: 2px solid #eeb441;border-radius: 8px;padding: 32px;position: relative;}
.handbook-cta .handbook-cta-inner {margin: 0 auto;max-width: 500px;}
.handbook-cta a {
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.4);
	border-radius: 6px;
	font-size: 20px;
	padding: 6px 18px;
	display: inline-block;
	background:red;
	font-weight: 700;
	text-decoration: none !important;
	transition: all .2s ease;}
.handbook-cta.in-view .star {
	-webkit-animation-name: stars;
	animation-name: stars;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;}
@keyframes stars {
		0% {transform: rotate(0deg) scale(1);opacity: 1;}
		50% {transform: rotate(180deg) scale(1.2);opacity: 1;}
		100% {transform: rotate(360deg) scale(1);opacity: 1;}}
.handbook-cta .star-1 {top: 25%;left: -16px;transform: rotate(-14deg);}
.handbook-cta .star {position: absolute;width: 60px;top: 0;opacity: 0;}
.handbook-cta .star-2 {top: -6px;left: 4.5%;width: 30px;transform: rotate(15deg);-webkit-animation-delay: .1s;
animation-delay: .1s;}
.handbook-cta .star-3 {top: auto;bottom: 58px;right: -2%;transform: rotate(15deg);-webkit-animation-delay: .2s;
animation-delay: .2s;}
.handbook-cta .star-4 {width: 40px;bottom: -14px;top: auto;right: 5%;transform: rotate(5deg);-webkit-animation-delay: .3s;
animation-delay: .3s;}
.handbook-cta .star-5 {width: 30px;bottom: 26px;top: auto;right: 13%;transform: rotate(-27deg);-webkit-animation-delay: .4s;
animation-delay: .4s;}
.list li {
	position: relative;
	float: left;
	width: 45%;
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	color: #282932;
	background:#fff;
	min-height: 50px;
	margin-bottom: 15px;
	padding: 11px 0px 15px 70px;
	-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.10);
	border-radius: 5px;
	margin: 0 10px 30px 0;}
.list li i {position: absolute;left: 10px;top: 0px;font-size: 35px;line-height: 50px;}
.w-35 {width: 35%;}
.sticky-top2 {z-index:0!important;top: 70px !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;}
.footerbg {
	background-image: url("../images/parallax2.webp");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;}
.footerbg::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;}
.footer-space{position: relative;z-index: 2;padding: 75px 0 50px;border-top: 6px solid #ff5f00;}
.footer-infobox{
	position: absolute;
	top:30px;
	background: transparent linear-gradient(93deg,#ed1414,#ba8115) 0 0 no-repeat padding-box;
	padding: 40px;
	z-index: 2;
	border-radius:10px;}
.contact-gap{margin-top: 0;margin-bottom: 30px;padding-left: 80px;}
.contact-gap i{font-size: 24px;top: 3px;position: relative;margin-right: 18px;color: gold;}
.footer-widget {padding-left: 80px;}
.footer-widget li {margin-bottom: 18px;list-style: none;}
.footer-widget li a{font-family: helvetica, sans-serif;color:#dddddd;}
.footer-widget ul {width: 50%;float: left;margin: 0;padding: 0;}
.animate-border.border-black::after {border-right-color: #44382d;border-left-color: #44382d;}
.animate-border.border-white::after {border-right-color: #ffffff26!important;border-left-color: #ffffff!important;}
.animate-border::after {
	position: absolute;
	content: "";
	width: 35px;
	height: 3px;
	left: 15px;
	bottom: 0;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;}
.animate-border::after {-webkit-animation: animborder 2s linear infinite;animation: animborder 2s linear infinite;}
.animate-border {position: relative;display: block;width: 115px;height: 3px;background:red;overflow: hidden;}
  @keyframes animborder {
	0% {-webkit-transform: translateX(0px);transform: translateX(0px);}
	100% {-webkit-transform: translateX(113px);transform: translateX(113px);}}
.footer-widget span {margin-bottom: 25px;}
.pricelist_pdf {
	padding: 10px 20px !important;
	background-color: #f00;
	color: #fff !important;
	border: 0;
	border-radius: 10px;
	font-weight: bold;
	display: inline-block;}
.product-card{position: relative;transition: .5s;padding: 20px !important;background: #fff;display: block;text-align: center;}
.product-card:hover img{transition: .5s; transform: rotate(-8deg);}
.product-bg{
	background-image: url('../images/product-bg.webp');
	margin-bottom: 32px;
	background-size: 100% 100%;
	background-position: center;
	transition:.5s;}
.product-card::before{
	left: 0;
	background: url('../images/shadow-bg.webp') no-repeat top left;
	position: absolute;
	content: "";
	z-index: 1000;
	height: 18px;
	width:100%;
	top: 100%;
	border: 0;}
.product-card:hover .product-bg {background-size: 115% 115%;}
.product-card {position: relative;margin-bottom: 40px;}
.product-bg img{padding:30px;}
.w0{width:0%;}
.brdr{position: relative;margin-bottom: 20px;padding: 0 0 20px;border-bottom: 1px #cac9c9 solid;color: #ec2424;}
.brdr::before {
	position: absolute;
	bottom: -3px;
	left: 20px;
	width: 35px;
	height: 5px;
	content: "";
	display: inline-block;
	background-color: #ec2424;}
.brdr::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 80px;
	height: 1px;
	content: "";
	display: inline-block;
	background-color: #ec2424;}
.box{background: white;padding: 20px;border-radius: 8px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
height: 150px;margin-bottom: 20px;}
.dont-icon{margin-right:1rem;}
.clr-grn{color: #559926;}
.clr-red{color: #ec2424;}
.do i {
	font-size: 40px;
	background: #e9edf6;
	width: 65px;
	height: 65px;
	line-height: 65px;
	border-radius: 50%;
	text-align: center;display: inline-block;}
.bg-fnt {background-color: #fff !important;box-shadow: 0 10px 20px rgba(0,0,0,0.10);}
.fixed{position:fixed; z-index:2;}
.counter-icon {
	width: 112px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	position: relative;
	margin-bottom: 2px;
	z-index: 2;}
.counter-icon::before, .counter-icon::after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 204, 1, 0.57);
	-webkit-clip-path: path( "M13.3648 23.689C12.3113 18.0885 13.5019 11.7494 18.6938 9.40012C35.1267 1.96429 68.7714 -9.44147 82.3112 14.0815C100.548 45.7649 138.846 59.5402 82.3112 87.5508C66.122 95.5719 56.2138 98.9992 50.3168 99.8059C42.2525 100.909 34.515 87.5508 26.3756 87.5508H13.8433C10.9933 87.5508 8.2154 86.3499 6.50037 84.0737C-12.7867 58.4757 17.3824 45.0461 13.3648 23.689Z" );
	clip-path: path( "M13.3648 23.689C12.3113 18.0885 13.5019 11.7494 18.6938 9.40012C35.1267 1.96429 68.7714 -9.44147 82.3112 14.0815C100.548 45.7649 138.846 59.5402 82.3112 87.5508C66.122 95.5719 56.2138 98.9992 50.3168 99.8059C42.2525 100.909 34.515 87.5508 26.3756 87.5508H13.8433C10.9933 87.5508 8.2154 86.3499 6.50037 84.0737C-12.7867 58.4757 17.3824 45.0461 13.3648 23.689Z" );
	z-index: -2;
	float:none;}
.counter-icon {line-height: 100px;text-align: center;}
.counttext, .bannerhead {color: #000;font-size: 45px;font-weight: 700;}
.list2 li {
	position: relative;
	width: 100%;
	font-size: 2px;
	line-height: 26px;
	color: #282932;
	min-height: 50px;
	margin-bottom: 0px;
	padding: 12px 0px 12px 52px;}
.list2 li i {
	position: absolute;
	left: -7px;
	top: -6px;
	font-size: 65px;
	line-height: 50px;
	font-weight: 400;}
.get_btn1 {
	display: inline-block;
	padding: 0px 35px;
	border: 2px solid #fed430;
	line-height: 50px;
	background-color: #fed430;
	font-size: 16px;
	border-radius:50px;
	color: #000;
	font-weight: bold;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-webkit-transition: color .5s;
	transition: color .5s;
	animation: tada 2s ease-in-out infinite;}
.get_btn1:hover{color:#fff;}	
.get_btn1::before {
	content: "";
	position: absolute;
	z-index: -1;
	background:#ff5f00;
	height: 250px;
	width: 300px;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100%;
	-webkit-transition: all .7s;
	transition: all .7s;}
.get_btn1:hover::before {bottom: -50px;}	
.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: 37px; line-height: 1.2;}
.about-content-area .content::after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	height: 100%;
	width: 150%;
	background:#fff1be;
	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;}
.single-cat {
	-webkit-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	background:#E4E9FF;
	padding: 45px 25px 45px 25px;
	position: relative;
	z-index: 1;
	border-radius:5px;
	height:300px;}
.icnclr {font-size: 40px;color: rgb(180, 13, 13);}
.single-cat:hover{-webkit-box-shadow: 0 20px 30px rgba(85, 63, 35, 0.1);box-shadow: 0 20px 30px rgba(85, 68, 35, 0.1);cursor: pointer;}
.single-cat::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
  	background:#f8f9fa;
  	transition: .6s;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: 5px;}
.single-cat:hover::before {height: 100%;}
.safetytipsbg {background-image: url("../images/safetytips.webp");background-repeat: no-repeat;background-size: cover;background-position: center;}
.contact-head {
	margin-top: 30px;
	padding: 30px;
	border: 1px solid #E8F0FF;
	background-color: #fff1be;
	-webkit-filter: drop-shadow(10px 4px 60px rgba(204, 204, 204, 0.25));
	filter: drop-shadow(10px 4px 60px rgba(204, 204, 204, 0.25));
	height: 300px;
	border-radius:15px;}
.contact-head .icon {font-size: 45px;color:#002195;}
.contact-head .fonthead {color: #000811; font-size:25px;}
.contact-head .image {margin-bottom: 25px;}
.contact-form input, .contact-form textarea {border: 1px solid #E3E4E6;font-size: 16px;width: 100% !important;padding: 10px 20px;
border-radius: 10px;background:#DFD7D73B;}
.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;}
.head-title {font-size: 40px;}
.title-tagline {top: -21px;font-size: 21px;}
.list li {width:70%;}
.footer-infobox {position: absolute;top: 0;left: 0;margin: 13px;}
.contact-gap {padding-left: 18px;}
.footer-css {position: relative;margin-top: 103%;}
.footer-widget {padding-left: 20px;}
.handbook-cta .star {width: 35px;}
.footer-space {padding: 30px 0 50px;}
.about-content-area .content::after {width: 100%;}
.about-content-area .content {padding: 30px;}
.font1 {font-size: 28px;}
.font2 {font-size: 28px;}
.ord1{order:2;}
.ord2{order:1;}
}	


@media (min-width:768px) and (max-width:991.98px){
.pad{padding:40px 0;}
.footer-infobox {position: absolute;top: 0;left: 0;margin: 13px;}
.contact-gap {padding-left: 18px;}
.footer-widget {padding-left: 20px;}
.handbook-cta .star {width: 35px;}
.footer-space {padding: 30px 0 50px;}
.footer-widget ul {width: 50%;}
.about-content-area .content::after {width: 100%;}
.ord1{order:2;}
.ord2{order:1;}
.list li {padding: 11px 0px 15px 40px;}
.list li i {font-size: 20px;}
.head-title {font-size: 45px;}
}

#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);}
span.infos {
	font-size: 14px;
	line-height: 15px;
	display: inline-block;
	color: #d93025;
	font-weight: bold;
}