@import url('https://fonts.googleapis.com/css2?family=DM+Sans&family=Roboto&display=swap');
li{list-style-type:none!important;}
a{text-decoration:none!important;}
html{scroll-behavior: smooth;}
.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;}
.navfont{font-family: 'DM Sans', sans-serif; font-size:16px;}
.dmsans{font-family: 'DM Sans', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
.smallfnt{font-size: 15px;}
.logo{width:280px;}
.desklogopad{padding:0 50px;}
.lightbox {position: fixed !important; top: 50px !important;}
.mynav{position:fixed!important; width:100%; z-index:999; padding: 25px 0 !important;}
.mynav.black {background: #363636db ; transition:.5s linear; padding: 13px 0px !important;}
.mynav.black1 {background: none; transition:.5s linear; color: white; padding: 25px 0px!important;}
.navbar-light .navbar-nav .nav-link.active{color:white!important;}
.navbar-light .navbar-nav .nav-link {color:#a7c44c!important;}
.navbar .navbar-nav .nav-link:hover{color:white!important;}
.navbg{background-color: #363636db;}
.navbar button {background-color: white;}
.dropdown-item:active{color: white!important; text-decoration: none; background-color: #94ae44!important;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff!important; text-decoration: none; background-color: #94ae44!important;}
.dropdown-item{padding: 10px 35px!important;}
.dropdown-item.active, .dropdown-item:active {color: #fff;background-color: #a7c44c!important;}
.intro {
	display: table;
	width: 100%;
	padding: 0;
	background: url(../images/paperbanner.webp) no-repeat center bottom;
	background-color: #e5e5e5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;}
.intro h1 {
	color: #fff;
	font-size: 68px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 10px;
	letter-spacing: -1px;}
.intro span {color: #a7c44c; font-weight: 600;}	
.intro .overlay {background: rgba(0,0,0,0.40);}
.intro-text {padding-top: 280px; padding-bottom: 200px; text-align: center;}
.greenbutton{background-color:#94ae44; border-color:#94ae44; padding: 15px 20px; color:#fff!important; font-size:18px; border-radius: 12px 0 12px 0;}	
.clr{color: #739213;}
.paraclr{color:#757575;}
.smallborder1{width:100px; height:4px; background-color:#a7c44c; margin:0 auto;}
.abouts img {border-radius: 100px 0 100px 0; box-shadow: -15px 0 #a7c44c;}
#services img {width: 300px; border-radius: 75px 0 75px 0; box-shadow: 15px 0 #a7c44c;}
.contain {position: relative; width: 100%;}
.image {display: block; width: 100%; height: auto;}
.overlays {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ffffffb8;
	border-radius: 0 50px 0 50px;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;}
.contain:hover .overlays {height: 100%;}
.text {
	color: #383434;
	font-size: 14px;
	position: absolute;
	top: 50%;
	left:50%;
	right:0px;
	width:90%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
#products img{border-radius: 0 50px 0 50px;}
.contact-form .form-control {height: 50px;}
.formheight {height: 150px !important;}
.head-banner{background-color: #94ae44;}
.text1 {position: relative; padding: 0px 0 0 40px; margin-top: -57px;}
.parallax {
	background-image: url("../images/parallax.webp");
	height:auto;
	background-attachment: fixed;
	background-size: cover;
	background-position: right;}
.bg-overlay {position: relative;}
.bg-overlay::after {
	background-color: #739213e6;
	z-index: 0;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;}
.box-bg {position: relative; z-index: 1;}
figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;}
.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.1);
	transform: scale(1.1);}


@media (min-width:5px) and (max-width:767.98px){
.logo{width:220px;}
.intro h1 {font-size: 40px;}
.pad{padding:90px 0;}
.mynav{padding: 20px 10px !important;}
.mynav.black {padding: 13px 15px !important;}
.mynav.black1 {padding: 20px 10px!important;}
}


@media (min-width:768px) and (max-width:992.98px){
.pad{padding:90px 0;}	
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-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;
	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;}
}


.contact-form .infos {
	font-size: 12px;
	line-height: 15px;
	display: inline-block;
	color: #f90606;
	padding: 4px;
	font-weight: bold;
	margin: 2px;}
.box-text{font-size:16px;}
.success-box {
	max-width: 450px;
	background-color: #5f895f;
	display: flex;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
	padding:10px; border-radius: 2px;
	position: fixed;
	right: 10px;
	top: 100px;
	z-index: 9999;
	width: 350px;}
.error-box {
	max-width: 450px;
	background-color:#be1c1c;
	display: flex;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
	padding:10px; border-radius: 2px;
	position: fixed;
	right: 10px;
	top: 100px;
	z-index: 9999;
	width: 350px;}
.italic-style{font-style:italic;}
.check-size{font-size:25px;}