@import url('https://fonts.googleapis.com/css2?family=Castoro&family=Poppins&display=swap');
a{text-decoration: none!important;}
li{list-style-type: 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;}
.logo{width:300px;}
.pad{padding:90px 0;}
.poppins{font-family: 'Poppins', sans-serif; }
.castoro{font-family: 'Castoro', serif; }
.wrdbrk{white-space: pre;}
.navfont{font-size:18px;}
.mynav{position:fixed!important; width:100%; z-index:999;}
.logo{width:200px;}
.mynav.black {background: white; transition:.5s linear; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}
.mynav.black1 {background: none; transition:.3s linear; color: white;}
.dropdown-item:active{color: white!important; text-decoration: none; background-color: #589442!important;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff!important; text-decoration: none; background-color: #589442!important;}
.dropdown-item{padding: 10px 35px!important;}
.carousel-caption1{position: absolute; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; top: 35%; left: 1%;}
.carousel-caption{top: 35% !important;}
.carousel-caption2{position: absolute; right: 3%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; top: 35%; left: 55%;}
.bg-overlay {position: relative;}
.bg-overlay:after {background-color: #1c1c1c6e; z-index: 0; position: absolute; content: ''; width: 100%; height: 100%; top: 0;left: 0;}
.bannercaption{font-size:70px; text-shadow: 0 2px 4px #000;}
.btn1{background:#589442; color:white; padding:10px 25px;}
.btn1:hover{background:#51ac30; color:white; padding:10px 25px; transition:.5s;}
.bg_gray {background-color: #f4f4f4;}
.main_title {position: relative; margin-bottom: 25px; position: relative;}
.main_title span {
    width: 120px;
    height: 2px;
    background-color: #e1e1e1;
	margin: auto;
    display: block;
}
.main_title span em {
    width: 60px;
    height: 2px;
    background-color: #589442;
	margin: auto;
    display: block;
}
.fullpad{padding:0!important; margin:0!important;}
.secpad {padding: 0 0 0 7px !important;}
.gridpad{padding-top:9px!important;}
.categories_grid a img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.categories_grid a:hover img {-webkit-transform: scale(1); transform: scale(1);}
.categories_grid a {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
}
.categories_grid a .wrapper {
    width: 100%;
    background: transparent;
    position: absolute;
    left:0;
    bottom: 0;
    line-height: 1;
    padding: 100px 20px 30px 30px;
	background: linear-gradient(to bottom, transparent, #000000cf);
}
.categories_grid a .wrapper h2 {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0;
    -webkit-transform: translateY(20px) translateZ(0);
    transform: translateY(20px) translateZ(0);
    -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.categories_grid a:hover h2 {-webkit-transform: translateY(-5px) translateZ(0); transform: translateY(-5px) translateZ(0);}
.categories_grid a .wrapper p {
    color: #fff;
    opacity: 0;
    margin: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    -webkit-transform: translateY(20px) translateZ(0);
    transform: translateY(20px) translateZ(0);
    -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition-delay: 0s;
}
.categories_grid a:hover p {
    opacity: 0.8;
    transition-delay: 0.2s;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}
.parallax {background-image: url("../images/aboutbanner.jpg"); height:600px; background-attachment: fixed; background-position: center;
background-repeat: no-repeat; background-size: cover;}
.parallax1 {background-image: url("../images/parallax2.jpg"); height:550px; background-attachment: fixed; background-position: center;
background-repeat: no-repeat; background-size: cover;}
.parallaxpad{padding:90px 0px;}
.bannercaption1{font-size:45px;}
.text2 {position: relative; padding: 0 0 0 47px; margin-top: -43px;}
.clr{color: #64a507;}
.icnfnt{font-size:25px;}
.abticnfnt{font-size:60px;}
.contain {position: relative; width: 100%;}
.image {display: block; width: 100%; height: auto;}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.contain:hover .overlay {height: 98%;}
.text {
  color: black;
  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%);
}
.owlpad{padding-top:100px;}
.owl-nav{display:none;}
.owl-dots{display:none;}
.divider {border-top: 4px solid #000; width: 50px; margin: 0;}
.quality{background-color: rgba(0,0,0,0.85); padding:20px;}
.footer {background-color: #000000; padding-top:70px;}
.footclr {background-color: #000000;}
.brdlft {border-left: 4px solid #fff;}
.footfnt{font-size:14px;}
.text1 {position: relative; padding: 0 0 0 28px; margin-top: -37px;}
.bottombg {background: url("../images/pattern.png") center #589442; background-size: auto!important; background-size: cover;}
.btn2{background:#f0f0f0; color:black!important; padding:10px 25px;}
.aboutpad{padding:85px 0px;}
.contact-form .form-control {
	height: 50px!important;
	border: 1px solid #279342;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-top: 5px;
	font-size: 14px;
}
.contact-form  .form-control.formheight{height: 150px!important;}
.why-choose-us {margin-top: 20px; position: relative; width: 100%; float: left;}
.why-choose-us::before {
    position: absolute;
    display: block;
    height: 100%;
    background-color: #66923d;
    left: 0px;
    top: 0px;
    content: "";
    width: 2px;
}
.why-choose-us .why-choose-us-icon {
    line-height: 45px;
    margin: 10px 0px;
    position: relative;
    font-size: 15px;
    color: #444444;
    padding-left: 40px;
    float: left;
    width: 100%;
}
.why-choose-us .why-choose-us-icon::before {
    position: absolute;
    display: block;
    height: 2px;
    background-color: #66923d;
    left: 0px;
    top: 50%;
    margin-top: -1px;
    content: "";
    width: 40px;
}
.why-choose-us-icon i.fa {
    width: 56px;
    height: 56px;
    background-color: #66923d;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    margin-right: 18px;
    line-height: 56px;
    font-size: 28px;
    position: relative;
    z-index: 1;
}
.text3 {position: relative; padding: 0 0 0 68px; margin-top: -49px;}
.btn3{background:#589442; color:white; padding:10px 25px; border-radius:50px;}
.btn3:hover{background:#51ac30; color:white; transition:.5s;}
.btn4{background:#589442; color:white; padding:10px 41px; border-radius:50px;}
.btn4:hover{background:#51ac30; color:white; transition:.5s;}
.w0{width:0%;}
.wapp{width:75px;}
.point{bottom:15px!important; right:10px!important;}
.imgrad{border-radius: 10px;}

@media (min-width: 5px) and (max-width: 767.98px){	
.pad{padding:50px 0;}
.navbg {background: white; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}	
.carousel-caption1{left: 2%; top: 15%;}
.carousel-caption{top:15%!important;}
.carousel-caption2{right: 0%; left: 0%; top: 15%;}
.bannercaption{font-size:40px; text-shadow: 0 2px 4px #000;}
.parallaxpad{padding:20px 0px;}
.parallax, .parallax1{height:auto;}
.bannercaption1{font-size:35px;}
.owlpad{padding-top:50px;}
.quality{margin:50px;}
.aboutpad{padding:40px 0px;}
.categories_grid a .wrapper {padding: 50px 20px 30px 30px;}
.why-choose-us .why-choose-us-icon {line-height: 25px; margin: 16px 0px; font-size: 13px; padding-left: 26px;}
.btn3{padding:10px;}
.btn4{padding:10px 26px;}
}


@media (min-width: 768px) and (max-width: 992.98px){
.pad{padding:50px 0;}	
.navbg {background: white; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}	
.bannercaption{font-size:40px; text-shadow: 0 2px 4px #000;}
.carousel-caption1{left: 2% !important; top: 20% !important;}
.carousel-caption{top:20%!important;}
.carousel-caption2{right: 0%!important; left: 0% !important; top:20%!important;}
.parallax, .parallax1{height:auto;}
.parallaxpad{padding:20px 0px;}
.owlpad{padding-top:50px;}
}


@media (min-width:993px) and (max-width:1199.98px){
.navbg {background: white;}	
.carousel-caption{bottom:400px!important;}
.bannerhead{font-size: 40px;}
}

#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;}
.notfound .notfound-404 {height: 280px; position: relative; z-index: -1;}
.notfound .notfound-404 h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 190px;
	margin: 0px;
	font-weight: 900;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url('../images/bg.jpg') no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: cover;
	background-position: center;
}
.notfound h2 {
	font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}
.notfound p {
	font-family: 'Montserrat', sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 0px;
}
.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;}
}