/*------- Font Family Starts -------*/

@font-face { font-family: "Poppins-Light"; src: url("../fonts/Poppins-Light.otf"); }
@font-face { font-family: "Poppins-Regular"; src: url("../fonts/Poppins-Regular.otf"); }
@font-face { font-family: "Poppins-Medium"; src: url("../fonts/Poppins-Medium.otf"); }
@font-face { font-family: "Poppins-SemiBold"; src: url("../fonts/Poppins-SemiBold.otf"); }
@font-face { font-family: "Poppins-Bold"; src: url("../fonts/Poppins-Bold.otf"); }

/*------- Font Family Ends -------*/

/*------- Reset CSS Starts -------*/

html { letter-spacing: 1px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
address { margin: 0; padding: 0; }
li { list-style: none; }
a,
a:hover,
a:focus { outline: 0; text-decoration: none; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }

/*------- Reset CSS Ends -------*/

/*------- Common CSS Starts -------*/

body { overflow-x: hidden; }
body.active { overflow: hidden; }
.container-fluid { padding: 100px; }
.no-gutters { margin: 0; }
.no-gutters > [class*=col] { padding: 0; }
.flex-align-center-desktop { -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.section-heading > h4 { color: #006633; font: 1.8rem/1.2 "Poppins-Light"; letter-spacing: 4px; margin-bottom: 15px; text-transform: uppercase; }
.section-heading > h2 { color: #002c47; font: 3rem/1.4 "Poppins-SemiBold"; margin-bottom: 30px; }
p { color: #272727; font: 1.6rem/1.7 "Poppins-Light"; }
.read-more > a { background-color: #006633; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; color: #ffffff; display: inline-block; font: 1.6rem/1.2 "Poppins-Light"; padding: 10px 15px; text-align: center; text-transform: uppercase; }
.btn:focus,
.btn:active:focus { outline: 0; }
.btn:active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Header Section Starts -------*/

.bg-header-mobile { display: none; }

	/*------- Mobile Header Section Ends -------*/

	/*------- Mobile Fixed Navigation bar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { display: none; }

	/*------- Mobile Fixed Navigation bar Menu Section Ends -------*/

  /*------- Banner Section Starts -------*/

.header-navbar-menu-desktop { display: block; left: 50%; position: absolute; top: 50px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 1070px; z-index: 1; }
.menu-listing-desktop { -webkit-align-items: center; align-items: center; background-color: #ffffff; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; padding: 10px; }
.menu-listing-desktop > li { margin-right: 50px; }
.menu-listing-desktop > li:last-child { margin-right: 0; }
.menu-listing-desktop > li > a { color: #272727; font: 1.6rem/1.2 "Poppins-Light"; }
.menu-listing-desktop > li > a > img { margin-top: -4px; width: 100px; }
.menu-listing-desktop > li.active > a,
.menu-listing-desktop > li > a:hover { color: #006633; }
.bg-banner { background: url("../images/banner.jpg") no-repeat top/cover; height: 100vh; overflow: hidden; padding: 0; position: relative; z-index: 1; }
.banner-info { left: 50%; position: absolute; top: 57%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }
.banner-info > h2 { color: #ffffff; font: 12rem/1.2 "Poppins-Medium"; }
.banner-info > h1 { color: #006633; font: 30rem/1.2 "Poppins-SemiBold"; line-height: 0.8; text-transform: uppercase; }
.banner-grass,
.banner-grunge { bottom: 0; left: 0; position: absolute; width: 100%; z-index: 1; }
.banner-grass { bottom: 15px; }
.banner-grass > img,
.banner-grunge > img { width: 100%; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-about { overflow: hidden; padding: 200px 100px 100px; position: relative; z-index: 1; }
.about-shape { left: 30px; position: absolute; top: 30px; z-index: 1; }
.about-shape > img { -webkit-filter: blur(2px); filter: blur(2px); margin-bottom: 30px; width: 150px; }
.about-info > h2 { text-transform: uppercase; }
.about-info > h2 > span:first-child { color: #006633; display: block; }
.about-info > h2 > span:last-child { display: block; }
.about-info > p { margin-bottom: 30px; }
.about-image { position: relative; z-index: 1; }
.about-image > img { width: 100%; }
.about-img-shape { bottom: 0; left: -50px; position: absolute; z-index: 1; }
.about-img-shape > img { -webkit-filter: blur(2px); filter: blur(2px); width: 150px; }

  /*------- About Us Section Ends -------*/

  /*------- Quote Section Starts -------*/

.bg-quote { overflow: hidden; padding: 0; }
.quote > p { color: #006633; font: 16rem/1.2 "Poppins-Bold"; text-transform: uppercase; white-space: nowrap; }

  /*------- Quote Section Ends -------*/

  /*------- Counter Section Starts -------*/

.bg-counter { position: relative; z-index: 1; }
.counter-left-leaf-shape { left: 30px; position: absolute; top: 75px; z-index: 1; }
.counter-left-leaf-shape > img { filter: blur(2px); -webkit-filter: blur(2px); width: 100px; }
.counter-right-leaf-shape { position: absolute; right: 30px; text-align: right; top: 75px; z-index: 1; }
.counter-right-leaf-shape > img { display: inline-block; filter: blur(4px); -webkit-filter: blur(4px); width: 100px; }
.counter-heading-desc > h2 > span { display: block; }
.counter-heading-desc > p { margin: 0 auto 50px; width: 700px; }
.media-counter { -webkit-border-radius: 20px 0; -moz-border-radius: 20px 0; -ms-border-radius: 20px 0; -o-border-radius: 20px 0; border-radius: 20px 0; -webkit-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -moz-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -ms-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -o-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); padding: 15px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.media-counter:hover { background-color: #f7f7f7; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.media-left-counter > img { width: 40px; }
.media-body-counter > h4 { color: #006633; font: 1.8rem/1.2 "Poppins-Medium"; margin-bottom: 0; }
.media-body-counter > p { font-size: 1.2rem; }

  /*------- Counter Section Ends -------*/

  /*------- Products Section Starts -------*/

.bg-products { overflow: hidden; padding: 100px 100px 170px; position: relative; z-index: 1; }
.product-quote > p { color: #4ca9d6; }
.background-img-product { bottom: 0; opacity: 0.1; position: absolute; right: 0; text-align: right; z-index: -1; }
.background-img-product > img { display: inline-block; width: 50vw; }
.media-product-1,
.media-product-3 { margin-bottom: 5px; }
.media-body-product > h3 { color: #006633; font: 2.4rem/1.2 "Poppins-Medium"; margin-bottom: 10px; text-transform: uppercase; }
.media-body-product > p { color: #272727; font: 1.6rem/1.2 "Poppins-Light"; }
.media-right-product > img,
.media-left-product > img { width: 75px; }
.product-img > img { margin: 0 auto; width: 350px; }

    /*------- Slick Slider CSS Starts -------*/
    
.product-slick-slider .slick-dots { bottom: -100px; }
.product-slick-slider .slick-dots li { cursor: pointer; display: inline-block; height: auto; margin: 0 15px; padding: 0; position: relative; width: auto; }
.product-slick-slider .slick-dots li button { background-color: #006633; height: 6px; line-height: 6px; margin: 0; opacity: 0.5; padding: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; width: 40px; }
.product-slick-slider .slick-dots li.slick-active button { opacity: 1; }
.product-slick-slider .slick-dots li button::before { content: ''; }

	  /*------- Slick Slider CSS Ends -------*/

  /*------- Products Section Ends -------*/

  /*------- Testimonials Section Starts -------*/

.bg-testimonials { background: url("../images/testimonials.jpg") no-repeat fixed top/cover; position: relative; z-index: 1; }
/* .bg-testimonials { background: url("../images/plant_photo.jpg") no-repeat fixed top/cover; position: relative; z-index: 1; } */
.bg-testimonials::before { background-color: #006633; clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); content: ""; display: block; height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; width: 75%; z-index: -1; }
.testimonials-leaves-shape { left: 0; position: absolute; top: -50px; z-index: -1; }
.testimonials-heading > h4 { color: #ffffff; }
.testimonials-heading > h2 { color: #ffffff; text-transform: uppercase; }
.testimonials-heading > h2 > span { display: block; }
.box-testimonials { background-color: #ffffff; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; padding: 30px; }
.box-testimonials > p { margin-bottom: 30px; }
.box-testimonials > h3 { color: #006633; font: 2.4rem/1.2 "Poppins-Medium"; margin-bottom: 5px; }
.box-testimonials > h5 { color: #272727; font: 1.4rem/1.2 "Poppins-Light"; }

    /*------- Slick Slider CSS Starts -------*/
  
.testimonials-slick-slider { margin-left: -15px; }
.testimonials-slick-slider .slick-slide { padding: 0 15px; }
.testimonials-slick-slider .slick-dots { bottom: -50px; }
.testimonials-slick-slider .slick-dots li { cursor: pointer; display: inline-block; height: auto; margin: 0 15px; padding: 0; position: relative; width: auto; }
.testimonials-slick-slider .slick-dots li button { background-color: #ffffff; height: 6px; line-height: 6px; margin: 0; opacity: 0.5; padding: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; width: 40px; }
.testimonials-slick-slider .slick-dots li.slick-active button { opacity: 1; }
.testimonials-slick-slider .slick-dots li button::before { content: ''; }

	  /*------- Slick Slider CSS Ends -------*/

  /*------- Testimonials Section Ends -------*/

  /*------- Partners Section Starts -------*/

.bg-partners { padding: 100px 100px 0; }
.bg-partners-quote { padding: 100px 100px 0; }
.partners-quote > p { color: #5f903f; }
.partners-img > img { margin: 0 auto 15px; width: 150px; }
.partners-img > h4 { color: #006633; font: 1.8rem/1.2 "Poppins-Medium"; margin-bottom: 10px; text-align: center; }
.partners-img > p { color: #272727; font-size: 1.2rem; text-align: center; }

  /*------- Partners Section Ends -------*/

  /*------- Footer Section Starts -------*/

.bg-footer { background: url("../images/footer.jpg") no-repeat fixed center/cover; margin-top: 200px; padding: 200px 100px 50px; position: relative; z-index: 1; }
.box-contact { background: url("../images/navbar-pattern.png") center #80c04e; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; left: 50%; padding: 50px; position: absolute; top: 0; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 60%; z-index: 2; }
.contact-heading > h3 { color: #ffffff; font: 2.4rem/1.2 "Poppins-Medium"; margin-bottom: 15px; }
.contact-heading > p { color: #f7f7f7; }
.contact-listing > li { display: block; margin-bottom: 10px; }
.contact-listing > li:last-child { margin-bottom: 0; }
.contact-listing > li > a { color: #ffffff; font: 1.8rem/1.2 "Poppins-Light"; }
.calculator-text { position: absolute; right: -50px; top: -50px; }
.calculator-text > a { display: block; }
.calculator-text > a > img { -webkit-animation: calculatorRotate 7s infinite; -moz-animation: calculatorRotate 7s infinite; -ms-animation: calculatorRotate 7s infinite; -o-animation: calculatorRotate 7s infinite; animation: calculatorRotate 7s infinite; width: 150px; }
@-webkit-keyframes calculatorRotate {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-moz-keyframes calculatorRotate {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-ms-keyframes calculatorRotate {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-o-keyframes calculatorRotate {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes calculatorRotate {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
.footer-grunge { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.footer-grunge > img { width: 100%; }
.footer-leaf-shape { position: absolute; right: 30px; top: -30px; z-index: 1; }
.footer-leaf-shape > img { -webkit-filter: blur(1px); filter: blur(1px); width: 100px; }
.footer-logo > img { margin-bottom: 50px; width: 200px; }
.footer-about-desc > p { color: #ffffff; }
.footer-heading > h3 { color: #80c04e; font: 2.4rem/1.2 "Poppins-Medium"; margin-bottom: 30px; padding-bottom: 15px; position: relative; }
.footer-heading > h3::after { background-color: #ffffff; bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 50px; }
.footer-listing > li { display: block; margin-bottom: 10px; }
.footer-listing > li:last-child { margin-bottom: 0; }
.footer-listing > li > a { color: #ffffff; font: 1.6rem/1.2 "Poppins-Light"; }
.social-listing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.social-listing > li { margin-right: 20px; }
.social-listing > li:last-child { margin-right: 0; }
.social-listing > li > a { color: #ffffff; font-size: 1.6rem; }
.footer-listing > li > a:hover,
.social-listing > li > a:hover { color: #80c04e; }
.cr-info { margin: 50px 0 0; }
.cr-info > p { color: #ffffff; }
.cr-info > p > span { color: #80c04e; }

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Banner Section Starts -------*/

.bg-banner-ip { height: 72vh; overflow: hidden; position: relative; z-index: 1; }
.bg-banner-ap { background: url("../images/about-banner.jpg") no-repeat fixed center/cover; }
.bg-banner-ip::before { background-color: #0a0a0a34; content: ""; display: block; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: -1; }
.banner-info-ip > h2 { letter-spacing: 4px; text-transform: uppercase; }
.banner-info-ip > h1 { color: #80c04e; font-size: 14rem; }
.banner-grunge-ip { bottom: -1px; left: 0; position: absolute; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); width: 100%; z-index: 1; }

  /*------- Banner Section Ends -------*/

  /*------- About Information Section Starts -------*/

.about-info-ap > h4 { color: #80c04e; font: 1.8rem/1.2 "Poppins-Light"; letter-spacing: 4px; margin-bottom: 15px; text-transform: uppercase; }
.about-info-ap > h2 { color: #002c47; font: 3rem/1.4 "Poppins-SemiBold"; text-transform: uppercase; }
.about-info-ap > h2 > span { display: block; }
.box-vision-mission-info-ap > h3 { color: #002c47; font: 2.4rem/1.2 "Poppins-Medium"; margin-bottom: 30px; padding-bottom: 15px; position: relative; }
.box-vision-mission-info-ap > h3::after { background-color: #002c47; bottom: 0; content: ""; display: block; height: 2px; left: 0; margin-top: -2px; position: absolute; width: 100px; }
.box-vision-mission-info-ap > p { margin-bottom: 30px; }

  /*------- About Information Section Ends -------*/

  /*------- Message Section Starts -------*/

.bg-chairman-message-ap { padding: 0 100px 100px; }
.chairman-message > p { color: #006633; font: 7rem/1 "Poppins-Bold"; text-transform: uppercase; }

  /*------- Message Section Ends -------*/

  /*------- Video Section Starts -------*/

.bg-video-ap { background: url("../images/video-banner.jpg") no-repeat fixed top/cover; height: 100vh; padding: 100px; position: relative; z-index: 1; }
.bg-video-ap::before { background-color: #000000; content: ""; display: block; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: -1; }
.video-play-button { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; display: block; height: 44px; left: 50%; padding: 18px 20px 18px 28px; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 32px; z-index: 10; }
.video-play-button::before { -webkit-animation: pulse-border 1500ms ease-out infinite; -moz-animation: pulse-border 1500ms ease-out infinite; -ms-animation: pulse-border 1500ms ease-out infinite; -o-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; background-color: #80c04e; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 80px; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 80px; z-index: 0; }
.video-play-button::after { background: #80c04e; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 80px; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; width: 80px; z-index: 1; }
.video-play-button:hover::after { background-color: darken(#80c04e, 10%); }
.video-play-button img { height: auto; max-width: 100%; position: relative; width: auto; z-index: 3; }
.video-play-button span { border-bottom: 22px solid transparent; border-left: 32px solid #fff; border-top: 22px solid transparent; display: block; height: 0; position: relative; width: 0; z-index: 3; }
@-webkit-keyframes pulse-border {
  0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
  100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}
@-ms-keyframes pulse-border {
  0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
  100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}
@-o-keyframes pulse-border {
  0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
  100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}
@keyframes pulse-border {
  0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
  100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}

    /*------- Popup Section Starts -------*/

.bg-blur { background-color: #000000; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 9; }
.bg-blur.active { opacity: 0.5; visibility: visible; }
.fixed-video-popup { left: 50%; position: fixed; top: 45%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); visibility: hidden; width: 50%; z-index: 10; }
.fixed-video-popup.active { opacity: 1; top: 50%; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; visibility: visible; }
.box-video-popup { background-color: #ffffff; padding: 30px; position: relative; }
.display-video-ap { border: 0; height: 400px; width: 100%; }
.box-video-popup-close { position: absolute; right: -30px; top: -30px; }
.popup-close-circle { background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 50px; text-align: center; width: 50px; }
.popup-close-circle > i { color: #272727; cursor: pointer; font-size: 2.4rem; line-height: 50px; }

    /*------- Popup Section Ends -------*/

  /*------- Video Section Starts -------*/

/*------- About Us Page Ends -------*/

/*------- Our Products Page Starts -------*/

  /*------- Product Information Section Starts -------*/

.bg-product-1-pp,
.bg-product-2-pp,
.bg-product-3-pp,
.bg-product-4-pp,
.bg-product-5-pp,
.bg-product-6-pp { overflow: hidden; }
.all-product-heading-pp > h2 { color: #002c47; font: 5rem/1.2 "Poppins-SemiBold"; margin-bottom: 100px; text-align: center; text-transform: uppercase; }
.our-product-details-pp > p { margin-bottom: 15px; }
.our-product-img-pp > img { margin: 0 auto; }
.our-product-listing-pp > li { color: #272727; font: 1.6rem/1.4 "Poppins-Light"; margin-bottom: 10px; padding-left: 20px; position: relative; }
.our-product-listing-pp1 > li { color: #272727; font: 1.8rem/1.4 "Poppins-Light"; text-align: justify; margin-bottom: 10px; padding-left: 20px; position: relative; }
.our-product-listing-pp > li:last-child { margin-bottom: 0; }
.our-product-listing-pp1 > li:last-child { margin-bottom: 0; }
.our-product-listing-pp > li::before { background-color: #272727; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 10px; left: 0; position: absolute; top: 4px; width: 10px; }
.our-product-listing-pp1 > li::before { background-color: #272727; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 10px; left: 0; position: absolute; top: 4px; width: 10px; }
.bg-product-1-pp,
.bg-product-2-pp,
.bg-product-3-pp,
.bg-product-4-pp,
.bg-product-5-pp,
.bg-product-6-pp { position: relative; }
.bg-product-1-pp::before,
.bg-product-3-pp::before,
.bg-product-5-pp::before { background-color: #f7f7f7; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: 1s linear; -moz-transition: 1s linear; -ms-transition: 1s linear; -o-transition: 1s linear; transition: 1s linear; width: 0; } 
.bg-product-2-pp::before,
.bg-product-4-pp::before,
.bg-product-6-pp::before { background-color: #f7f7f7; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: 1s linear; -moz-transition: 1s linear; -ms-transition: 1s linear; -o-transition: 1s linear; transition: 1s linear; width: 0; }
.bg-product-1-pp.active::before,
.bg-product-2-pp.active::before,
.bg-product-3-pp.active::before,
.bg-product-4-pp.active::before,
.bg-product-5-pp.active::before,
.bg-product-6-pp.active::before { width: 50%; }

  /*------- Product Information Section Ends -------*/

/*------- Our Products Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Contact Information Section Starts -------*/

.bg-contact-info-cp { padding: 50px 100px 0; }
.box-contact-info-cp { background-color: #f7f7f7; -webkit-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -moz-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -ms-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -o-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); margin-bottom: 30px; padding: 30px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.box-contact-office-cp { margin-bottom: 50px; }
.box-contact-info-cp > h3 { color: #002c47; font: 3rem/1.2 "Poppins-Medium"; margin-bottom: 15px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.box-contact-info-cp > p,
.box-contact-info-cp > p > a { color: #272727; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.contact-heading-cp > h2 { color: #002c47; font: 3rem/1.2 "Poppins-Medium"; margin-bottom: 30px; }
.contact-heading-cp > p { margin-bottom: 30px; }
.box-contact-info-cp:hover { background-color: #002c47; }
.box-contact-info-cp:hover > h3,
.box-contact-info-cp:hover > p,
.box-contact-info-cp:hover > p > a { color: #ffffff; }
.form-group-contact-home { margin-bottom: 30px; }
.form-group-contact-home:last-of-type { margin-bottom: 0; }
.form-control-contact { border: 1px solid #000000; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #000000; font-family: "Poppins-Light"; font-size: 1.6rem; height: 40px; }
textarea.form-control-contact { resize: none; height: 150px; }
.form-control-contact::placeholder { color:#000000; opacity:1; }
.form-control-contact:-ms-input-placeholder { color:#000000; }
.form-control-contact::-ms-input-placeholder { color:#000000; }
.form-control-contact:focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.btn-submit { background-color: #002c47; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #ffffff; display: block; font-family: "Poppins-Light"; font-size: 1.6rem; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 100%; }
.btn-submit:hover { background-color: #80c04e; color: #ffffff; }
.btn-submit:focus { background-color: #002c47; color: #ffffff; }
.display-map-cp > iframe { border: 0; height: 450px; width: 100%; }

  /*------- Contact Information Section Ends -------*/

/*------- Contact Us Page Ends -------*/