@font-face{
	font-family:'bold';
	src:url('font/bold.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;}
@font-face{
	font-family:'medium';
	src:url('font/medium.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;}
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;}
html{scroll-behavior: smooth;}
.bold{font-family:'bold';}
.medium{font-family:'medium';}
.pad{padding:100px 0px;}
.smallfnt{font-size: 17px;}
.marquee {width: 100%; overflow: hidden; font-size: 14px; line-height: 25px;}
.lh-28{line-height: 28px;}
.topbg {background-color: #ff2c04;}
.clr1{color:#ff2c04;}
.navfont{font-family:'bold'; font-size:18px; letter-spacing: 1px;}
.navbar-light .navbar-nav .nav-link {color: black!important; font-weight: bold;}
.navbar-light .navbar-nav .nav-link:hover{color: #ff2c04 !important;}
.navbar-light .navbar-nav .nav-link.active{color:#ff2c04 !important;}
.navbar button {background-color: white;}
.sectionbox {background: #ffefef;padding: 90px 50px;}
.left{color: white; font-weight: bold; position: relative; z-index: 5; text-align: center;}
.bg-1 {
    background-image: url('../images/banner3.jpg');
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.smallfnt {font-size: 14px;}	
.cont-1 {font-size: 17px;color: black;margin: 61px 0px 363px 668px;background-color: white;position: relative;z-index: 5;}
.num{color:darkblue;font-weight: bold;text-decoration: none;}
.counter-box {
	display: block;
	background: #ff2c04;
	padding: 40px 20px 37px;
	text-align: center}
.counter-box p {
	margin: 5px 0 0;
	padding: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 500}
.counter-box i {
	font-size: 60px;
	margin: 0 0 15px;
	color: #fff;}
.counter { 
	display: block;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	line-height: 28px}
.counter-box.colored {background: #ff2c04;}
.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {color: #fff;}
.product-btn{border:2px solid #f0483e; color:#000; padding:10px 25px; background-color: #fff; border-radius: 50px; transition:.3s all ease-in-out;}
.product-btn:hover{color:#fff; background-color: #f0483e;}
.w-per{width: 100px; height: 100px; border-radius: 50px;} 
.num1{color: white;font-size: 35px;font-weight: bold;}
.num2{color: white;font-size: 16px;}
.logo{width: 120px;}
.fullbg{padding: 0px !important;margin: 0px !important;}
.inner{overflow: hidden;}
.inner img{transition: all 1.15s ease;}
.inner:hover img{transform: scale(1.15);}
.heading1{font-size: 2.5rem;}
.contactbg {
    background-image: url("../images/contactbg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;}
.contactbg::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;}
.clr{color: red; font-size: 24px;}
.foot{font-size: 15px;}
.headfnt{font-size: 45px;}
.loc_about_img {padding: 0 0 0 20px;}
.relative {position: relative;}
.loc_about_img::before {
    content: "";
    position: absolute;
    left: 0;
    background:#F6921E;
    z-index: 0;
    width: 300px;
    top: 50px;
    bottom: -25px;
    border-radius: 6px 0 0 6px;}
.loc_effect {position: relative; overflow: hidden;}
.loc_effect::after, .loc_effect::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
    background:#fbfafa47;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;}
.loc_effect::after, .loc_effect:hover::after {left: 0; bottom: 0;}
.loc_effect::before, .loc_effect:hover::before {right: 0; top: 0;}
.loc_about_img img {position: relative; border: none; border-radius: 6px; width: 100%;}
.loc_effect:hover::after, .loc_effect:hover::before {width: 100%; height: 100%; opacity: 0;}
.footer-bg{background-color:#F6921E;}
.docard{border:2px solid #5d8700; border-radius:25px;}
.docardheading{color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #298145;
	padding: 20px 0px 20px 0px;
	border-radius:20px 20px 0 0;}
.docardheadingbottom {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #298145;
	padding: 20px 0px 20px 0px;
	border-radius: 0px 0px 20px 20px;}
.dontcard{border:2px solid #AD3737; border-radius:25px;}
.dontcardheading{color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #AD3737;
	padding: 20px 0px 20px 0px;
	border-radius:20px 20px 0 0;}	
.dontcardheadingbottom{color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #AD3737;
	padding: 20px 0px 20px 0px;
	border-radius:0px 0px 20px 20px;}	
.greenclr1{color:#5d8700}	
.greenclr2{color:#77b255}	
.redclr1{color:#AD3737;}
.redclr2{color:#dd2f45;}	
.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:5px) and (max-width:767.98px) {
.sectionbox {padding: 30px 20px;}
.headfnt {font-size: 35px;}
}


@media (min-width:768px) and (max-width:992.98px){
.sectionbox {padding: 30px 20px;}
.headfnt {font-size: 35px;}
}

#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: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-family: 'Montserrat', 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;}
}

.time-of-year {
	color: #555;
	font-size: 24px;
	margin: 100px 75px 10px 75px;
	position: relative;
	text-align: center;
	width: 200px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0); 
	-webkit-font-smoothing: antialiased;}
.time-of-year .tooltip {
	background: #db2a1b;
	opacity: 0;
	border-radius: 3px;
	bottom: -49px;
	font-size: 20px;
	display: block;
	left: -67px;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	width: 320px;
	height: 100px;
	z-index: 1102;
	-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;
	width: 0;
	height: 0;
	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);}