@charset "utf-8";
/* CSS Document */
 @font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}

@font-face {
  font-family: 'baloo';
  font-style: normal;
  font-weight: 400;
  src: url(../image/baloo.woff2);
}
 
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

*{ font-family: "Quicksand", Poppins, baloo !important;}

.fa{ font-family: FontAwesome !important;}

body{ font-family: "Quicksand", Poppins, baloo !important; font-size: 15px;}

p{ font-family: Poppins !important; font-size: 16px; line-height:24px; text-align:justify;}

/*header*/
header img{ padding: 5px 0;}

/*header*/
.banner{
    position: relative;
}
.banner::after { position: absolute; content:''; width: 100%; background: linear-gradient(#000, #fff0 100%); top:0; left:0; height: 20%; opacity; .5} 
.carousel-caption{ left:5%; right:5%; text-align:center; bottom:10%;}
.carousel-caption h1{font-family: "baloo" !important;font-size: 52px;font-weight:700;line-height: 56px;text-align:center;color:#fff;text-shadow: 2px 2px 5px black;}
.carousel-caption h1 span{ Display:block; font-family: "baloo" !important;}

.move1{  animation: mymove1 2s; position: relative;}
.move2{  animation: mymove2 3s; position: relative;}
.move3{  animation: mymove3 4s; position: relative; }
.move4{  animation: mymove4 5s; position: absolute; top:5%;}
.move5{  animation: mymove5 6s; position: relative;}

.capp2{ bottom:30%;}

.whatsapp_btn {
    position: fixed;
    bottom: 95px;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}

.whatsapp_btn .icon_logo {
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn .icon_logo > a > img {
    width: 100%;
}

.whatsapp_btn .circle_waves {
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }

    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}
@keyframes mymove1 {
  from { left:100%;}
  100% { left: 50%;}
  to { left: 0%;}
}

@keyframes mymove2 {
  from { right:100%;}
  100% { right: 50%;}
  to { right: 0;}
}

@keyframes mymove3 {
  from { right:100%;}
  100% { right: 50%;}
  to { right: 0;}
}


@keyframes mymove4 {
  from { left:100%;}
  to { left: 0;}
}


@keyframes mymove5{
  from { right:100%;}
  100% { right: 50%;}
  to { right: 0;}
}


.home-section{ padding: 60px 0; background:#333333;}

.home-section h2{ color:#6ea820; font-size:40px; line-height:40px; text-align:center; margin-bottom:20px; font-weight: 800 !important;}
.home-section h5{ font-size:20px; color:#ee1218; font-weight:700; line-height:30px; text-align:center; text-transform:uppercase;}
.home-section p{ color:#fff; text-align:center;}

.product-sec{ padding: 100px 0; background: url("image/home-bg-raper1.png") no-repeat; 
background-position: center center;
  background-size: cover; min-height:700px;}
  
.product-sec h2{ color:#fff; font-size:40px; line-height:40px; text-align:center; margin-bottom:20px; font-weight: 800;}
.product-sec h5{ font-size:20px; color:#fff; font-weight:700; line-height:30px; text-align:center; text-transform:uppercase;}
.product-sec p{ color:#fff; text-align:center;}
.product-sec .spice-bx{ border:1px #ccc solid; text-align:center; border-radius:10px;}
 
  
.WhyChoose{ padding: 60px 0; background:#333333;}
.WhyChoose h2{ color:#6ea820; font-size:40px; line-height:40px; text-align:center; margin-bottom:20px; font-weight: 800 !important;}
.WhyChoose h5{ font-size:20px; color:#ee1218; font-weight:700; line-height:30px; text-align:center; text-transform:uppercase;}
.WhyChoose p{ color:#fff; text-align:center;} 
.WhyChoose p a{ color:#fff; text-decoration:none;}
  
.product-gallery{}
.product-gallery .prod1{ display: inline-block; vertical-align: top; margin: 0;  overflow:hidden;}
.product-gallery .prod1 img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
  filter: brightness(0.9);
  webkit-transition:.3s ease-in-out;
  -o-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
}
.product-gallery .prod1:hover img{
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1); 
}

.product-gallery .col-md-6{ padding:0;}
.product-gallery .col-md-4{ padding:0;}

.about-inner{ background:#333333; padding:40px 20px;}
.about-inner h2{  font-size: 30px; line-height: 30px; color:#6ea820; text-align:left;}
.about-inner p{  color:#fff;}
.about-inner hr{ color:#777;}

.conclusion-inner{ background:#333333; padding:40px 20px;}
.conclusion-inner h2{  font-size: 30px; line-height: 30px; color:#6ea820; text-align:left; margin-bottom:10px;}
.conclusion-inner p{  color:#fff;}


.WhyChoose-inner{ background:#333333; padding:40px 20px; color:#fff;}
.WhyChoose-inner h2{  font-size:24px; line-height: 30px; color:#6ea820; text-align:left;}
.WhyChoose-inner p{  color:#fff;}
.WhyChoose-inner h3{  color:#fff; font-size:18px;}
.WhyChoose-inner h3 i{color:#fff;font-size: 40px;}
.WhyChoose-inner hr{ color:#777;}

.product-inner{ background:#333333; padding:40px 0; color:#fff;}
.product-inner p{ color:#fff;}
.product-tab{
}
.product-tab .nav-pills{
}
.product-tab .nav-pills .nav-link{ background-color:#6ea820; color:#fff; border-radius:4px; margin-right:2px; font-size: 15px; font-weight: 100; text-transform: uppercase;}
.product-tab .nav-pills .nav-link.active{background-color:#fff;color: #000 !important;}
.product-tab .tab-content{ background-color:#222; color:#fff; padding:30px;}
.product-tab .tab-content h3{ font-size: 24px; font-weight:600; line-height: 30px; color:#6ea820;}


.heading-sub-title{ font-size: 17px; line-height: 30px; color:#ed3237; text-align:center; text-transform:uppercase;}
.heading-title{ font-size: 36px; font-weight:600; line-height: 30px; color:#6ea820; text-align:center;}


.contact-inner{ background:#333333; padding:40px 0; color:#fff;}
.contact-inner p{ color:#fff;}

.contact-inner i{ margin-right:20px;}
.contact-inner .fa{ font-size: 50px; color:#6ea820;}
.callus{ Display:flex; font-size: 15px; line-height:24px; color:#fff; text-align:left;}
.callus b{ Display:contents;}
.address{ Display:flex; font-size: 15px; line-height:24px; color:#fff; text-align:left;}
.address b{ Display:contents;}
.mailus{ Display:flex; font-size: 15px; line-height:24px; color:#fff; text-align:left;}
.mailus b{ Display:contents;}

.contact-form{}
.contact-form .form-control{ background-color: transparent; border:none; border-bottom: 1px solid #ced4da;}

.contact-form input{ margin-bottom:20px;}
.sub-btn-hm{ background:#6ea820; border:0; padding:15px 30px; border-radius:10px; color:#fff; font-weight:600; margin-top:10px;}


/*footer*/
#FooterrControl1_tr_FooterBackImage{ background-image: none !important;}

footer{padding:50px 0px 10px;background: #fdfeff;}
footer h3{color: #0a0a0a;font-size:20px;}
footer h5{ color: #fff;}
footer p {font-size: 15px;color: #0a0a0a;text-align:left;}
footer .sub-footer ul.socialmedia{list-style:none; margin:0; padding:0;}
footer ul.socialmedia li {  display: inline-block;  padding: 4px; }
footer .sub-footer p {
    font-size: 15px;
    margin-right: 8px;
}



footer ul.socialmedia li a {
    /*padding: 10px; */
    /*line-height: 40px;
    width: 40px;
    height: 40px;*/
    /*background: #f4ae10;*/
    color: #fff;
    /*border-radius: 100%;*/
    float: left;
    text-align: center;
    transition: all 300ms ease-in-out;
}

.socialmedia li .fa:hover{ color: #6ea820;}

footer .footer-cntr{}
footer .footer-cntr .fa{font-size:20px;line-height:20px;color: #0a0a0a;margin-right:10px;}
.footer-rht ul{ list-style:none; padding-left:0; margin:0;}
.footer-rht ul li{ padding: 6px 0px;}
.footer-rht ul li a{color: #0a0a0a;position: relative;padding: 6px 20px;text-decoration: none;transition: all 300ms ease-in-out;font-size:15px;}

.footer-rht ul li a:hover{transition:0.5s;color: #1c1a1a;}
.footer-rht ul li a:after{content: "\f105";
    position: absolute;
    left: -5px;
    top: 22%;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}


.sub-footer a{ color:#6ea820; text-decoration:none;}
.sub-footer i{ color:#6ea820;}



.top {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 999;
  outline: none;
  background-color: #333;
  border:2px solid #666;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 30px;
  transition: ease-in 0.5s;
}
.tab-list{
    margin-top: 30px;
}
.top .fa{ font-size:16px;}

.top:hover {
  background-color: #6ea820;
}

/*footer*/
/*fix menu*/

@media (max-width: 991px){
	

}

@media (max-width: 767px){


}
    
@media (max-width: 480px){
    
    
}