@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap');


.topnav{background:#fff; padding:10px 0px;}
.navbar {
  border-radius: 0px; min-height:20px; margin-bottom:0px; border-radius:0px; margin-top:7px;
}
.navbar-default {
  background: #fff;
  border:none;border-radius: 0px;
}
.navbar-default .navbar-nav > li > a {
  color: #333;font-family: 'Montserrat', sans-serif;text-transform: uppercase;
position: relative;font-family: Montserrat,Helvetica,Arial,sans-serif;
font-weight: 600;
font-style: normal; border-bottom:2px solid transparent;
}
.navbar-default .navbar-nav > li > a:hover{color:#000;border-bottom: 2px solid #008538;}






.carousel-control.left{height:45px; width:45px; border-radius:50%; text-align:center; background:#fff; line-height:45px; opacity:1; top:50%; left:30px; text-shadow:none; color:#333;}

.carousel-control.right{height:45px; width:45px; border-radius:50%; text-align:center; background:#fff; line-height:45px; opacity:1; top:50%; right:30px;text-shadow:none; color:#333;}


.homeab{padding:140px 0px;}

.mb-4 {
  margin-bottom: 40px !important;
}
.section-title {
  font-size: 34px;
  color: #333;
  line-height: 1.4em;
  font-family: Merriweather;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
}

.homeab p{font-size:15px; line-height:32px;font-family: Lato,Helvetica,Arial,sans-serif;}


.mynewbtn{background-color:#008538;
color: #fff;
padding: 0 20px;
display: inline-block;
font-size: 14px;
font-family: Montserrat;
font-weight: 400;
line-height: 46px;
height: 48px;
border: 1px solid #008538;
text-transform: uppercase;
letter-spacing: .05em; margin-top:20px;transition:all 0.3s ease;}




.mynewbtn:hover {
  background-color: transparent;
  color: #008538; text-decoration:none; transition:all 0.3s ease;
}

ul.biottomlink li a {
 
  color: #fff;
}

.navbar-nav > li > a.active{border-bottom:2px solid #008538; color:#000;}



.videobox{margin-top:130px;}

.bg-dark {
  background: #333 !important;
}

.section {
  position: relative;
  width: 100%;
  z-index: 1;
}
.popup-video.style-2 {
  margin-top: -110px;
  margin-bottom: 50px;
  -moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
  box-shadow: 0 0 20px rgba(0,0,0,.5);
position: relative;
overflow: hidden;

}

.popup-video img {
  display: block;
  width: 100%;
  height: auto;
  transition: all .5s;
  z-index: 96;
}






.filter-button
{
    
    border:none;
    border-radius:0px;
    text-align: center;
    color: #da0e2b;
    margin-bottom: 30px;
	font-size: 14px;
letter-spacing: .1em;
font-family: Montserrat;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 22px;

}
.filter-button:hover
{
    
    color: #000;
   

}
.btn-default:active .filter-button:active
{
    background:none;
    color:#000;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}


.home_img_gallery{padding:120px 0px;}


.bottomcontact {
 margin:0;
}
.mainbottomform {
  background: #333;
  min-height: 400px;
}
.bottodetail::after {
  
  top: 8px;
  left: 8px;
  bottom: 8px;
  right: 8px;
  border: 1px solid #fff;
  content: "";
  position: absolute;
}

.bottodetail {
  background: #000;
  min-height: 400px;
  padding: 50px 30px;
  position: relative;
}
.mybottomform {
  padding: 30px;
}

.bottodetail ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 2;
}
.bottodetail ul li {
  margin-bottom: 15px;
  color: #fff;
}
.bottodetail ul li strong{display:block;}


.footermain{margin-top:120px; padding:50px 0px; background:#131517;}
.footermain img{max-width:100px; margin-left:auto; margin-right:auto;}


ul.navfooter{margin:30px 0 0 0; padding:0; list-style:none; display:inline-block; }
ul.navfooter li{float:left; padding:0px 12px; position:relative;}
ul.navfooter li a{color:#fff; font-size:14px; display:block;}

.bottomsocial ul{margin:20px 0 0 0; padding:0; list-style:none; display:inline-block;}
.bottomsocial ul li{float:left; position:relative; margin-bottom:20px; text-align:center; padding:0px 10px;}
.bottomsocial ul a{height:35px; width:35px; text-align:center; border-radius:50%; line-height:35px; background:#008538; color:#fff; display:block;}
.bottomsocial{text-align:center;}

.footerbottom{padding:15px 0px; background:#008538; text-align:center;}
.footerbottom p{color:#fff; margin:0;}







.topNewbar{background:#008538; color:#fff; padding:5px 0px;}
.topNewbar p{color:#fff; margin:0;}

.mr-70 {
  margin-right: 70px;
}
.about__area-left-image {
  position: relative;
  margin-bottom: 120px;
}
.about__area-left-image img {
  max-width: 435px;
  padding-right: 20px;
  border-right: 15px solid #008538;
}
.about__area-left-image-small-img {
  position: absolute;
  bottom: -120px;
  right: 0px;
  max-width: 350px;
  border: 20px solid #fff;
  -webkit-box-shadow: 0 0 70px rgba(29, 101, 185, 0.1);
  box-shadow: 0 0 70px rgba(29, 101, 185, 0.1);
}
.about__area-left-image-small-img img {
  border: none;
  padding: 0;
}
.about__area-left-image-content::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 190px;
  border-radius: 30px;
  margin: 15px;
  height: 190px;
  border: 2px dashed #fff;
}
.about__area-left-image-content {
  background: #008538;
  display: inline-block;
  text-align: center;
  padding: 60px 0 0 0;
  position: absolute;
  left: 40px;
  bottom: -70px;
  width: 220px;
  height: 220px;
  border-radius: 40px;
}

.about__area-left img{width: 100%;
height: auto;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}

.about__area-left-image-content p:first-child {
  color: #fff;
  font-weight: 700;
  
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 5px;
}
.about__area-left-image-content p {
  
  color: #fff;
  font-weight: 700;
  position: relative;
  z-index: 2;
}

.subtitle-one::after {
  position: absolute;
  content: '';
  width: 60px;
  height: 1px;
  right: -20px;
  bottom: 8px;
  background: #1D7773;
}
.subtitle-one::before {
  position: absolute;
  content: '';
  width: 40px;
  height: 1px;
  right: 0;
  top: 11px;
  background: #1D7773;
}
.subtitle-one {
  display: inline-block;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #1D7773;
  text-transform: capitalize;
  padding-right: 50px;
  margin-bottom: 15px;
  font-family: "Roboto Slab", serif;
  z-index: 1;
}


.tab{
    background-color: #fff;
   
    padding: 30px;
    border-radius: 0px;
}
.tab .nav-tabs{
    padding: 0;
    margin: 0;
    border: none;
}   
.tab .nav-tabs li a{
    color: #333;
    background: transparent;
    
    text-align: center;
    text-transform: uppercase;
    padding: 7px 15px 6px;
    margin: 0 15px 15px 0;
    border: none;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    border-radius: 0;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0.2s;
	font-family: Montserrat,Helvetica,Arial,sans-serif;
font-weight: 400;
font-style: normal; font-size:16px;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover{
    color: #000;
    background: transparent;
    border: none;
    border-top: 2px solid #008538;
    border-bottom: 2px solid #008538;
}
.tab .nav-tabs li a:before,
.tab .nav-tabs li a:after{
    content: '';
    background-color: #008538;
    height: 2px;
    width: 0;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a:after{
    top: auto;
    bottom: -2px;
}
.tab .nav-tabs li.active a:before,
.tab .nav-tabs li a:hover:before,
.tab .nav-tabs li.active a:hover:before,
.tab .nav-tabs li.active a:after,
.tab .nav-tabs li a:hover:after,
.tab .nav-tabs li.active a:hover:after{
    width: 100%;
}
.tab .tab-content{
   
    padding: 10px 0px;
   
}

.propimg{padding:8px; border:1px solid #ccc; margin-bottom:30px;}
.propimg:hover{border:1px solid #000;}

.ourproduict{padding:60px 0px; background:url(../images/bg.jpg) no-repeat center center; background-size:cover;}


.section-title2 {
  font-size: 34px;
  color: #fff;
  line-height: 1.4em;
  font-family: Merriweather;
  font-weight: 400;
  font-style: normal;
  text-transform: none; text-align:center;
}

.subtitle-two::after {
  position: absolute;
  content: '';
  width: 60px;
  height: 1px;
  right: -20px;
  bottom: 8px;
  background: #fff;
}
.subtitle-two::before {
  position: absolute;
  content: '';
  width: 40px;
  height: 1px;
  right: 0;
  top: 10px;
  background: #fff;
}
.subtitle-two {
  display: inline-block;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
  padding-right: 50px;
  margin-bottom: 15px;
  z-index: 1;
}





.blog__area-item-image::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  bottom: 0;
  width: 100%;
  height: 0;
  background: #04060B;
  opacity: 0.8;
  z-index: 2;
}
.blog__area-item-image {
  position: relative;
  overflow: hidden;
}
.blog__area-item-image img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
.blog__area-item-content {
  background: #F6F9FF;
  padding: 30px;
    padding-top: 30px;
  padding-top: 0;
}
.blog__area-item-content-date {
  text-align: center;
  display: inline-block;
  margin-top: -40px;
  margin-bottom:0px;
  position: relative;
  z-index: 3;
}
.blog__area-item-content-date span {
  color: #fff;
 
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  background: #1D7773;
  padding: 4px 0;
  width: 70px;
  height: auto;
  display: block;
}
.blog__area-item-content-date {
  text-align: center;
}
.blog__area-item-content-date p {
  color: #04060B;
  
  font-weight: 700;
  font-size: 12px;
  background: #FADC22;
  padding: 0;
  width: 70px;
  height: auto;
  display: block;
}
.blog__area-item-content h3 a {
  color: #04060B;
  display: block;
  margin-bottom: 15px; font-size:17px;
  overflow: hidden;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}


.bloghome{padding:100px 0px;}

.blog__area-item:hover .blog__area-item-image::before {
  height: 100%;
}
.blog__area-item:hover .blog__area-item-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.footermain h4{text-transform:uppercase; color:#008538; font-weight:600; margin-bottom:25px;}

ul.biottomlink{margin:0; padding:0; list-style:none;}
ul.biottomlink li{padding:8px 0px; color:#fff;}
ul.biottomlink li i{margin-right:10px;}

.footermain{color:#fff;}

.midtitlebaner {
  background: url(../images/innerbg.jpg) no-repeat center center;
    background-attachment: scroll;
    background-size: auto;
  background-size: cover;
  background-attachment: fixed;
  padding: 100px 0px;
}

.midtitlebaner h1 {
  font-size: 34px;
  color: #fff;
  font-family: Merriweather;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  text-transform: uppercase;
}

.product_btns{text-align:right; margin-top:10px;}

.outermain{margin-bottom:30px; border-bottom:1px solid #008538; padding-bottom:15px;}




.mycontact ul{margin:0; padding:0; list-style:none;}
.mycontact ul li{padding:8px 0px; position:relative;}
.mycontact h4 i{color:#fff;}
.mycontact{margin-bottom:30px;padding:20px; background:#008538; color:#fff;min-height: 300px;}
.mapbox{padding:15px; border:1px solid #ccc;}
.mapbox iframe{width:100%; min-height:350px;}
.contactus{padding:60px 0px;}

.mynewform{padding:30px; background:#f8f8f8; margin-top:50px;}
.mynewform .form-control:not(textarea){height:50px;}
.form-control{border-radius:0px; background:#fff;}


.modal-header {
  background:#008538; color:#fff !important;
}
.modal-title{color:#fff !important;}
.modal-content {border-radius:0px;}


.fixed {
   position: fixed;
   transition: all 1.5s ease 0s;
    width: 50px;
    height: 50px;
    bottom: 12px;
    /*background-color: #25d366;*/
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    
    left: 15px;
    z-index: 100;
    animation: white-shadow .8s infinite, green-shadow .8s infinite;
    box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
    background-color: #13990a;
}

@keyframes white-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.5);
    box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.5);
    -webkit-transition: box-shadow .3s ease-in-out;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow .4s ease-in-out;
    -webkit-transition: -webkit-box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  }
  }
  @-webkit-keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4);
    box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
  }
  @keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4);
    box-shadow: 0 0 0 0 rgba(228, 31, 122, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
  }
  .fixedright {
   position: fixed;
    width: 50px;
    height: 50px;
    bottom: 12px; 
    right: 13px;
    /*background-color: #d2131b;*/
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    
    /*left: 15px;*/
    z-index: 100;
    animation: white-shadow .8s infinite, red-shadow .8s infinite;
    box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
    background-color: #d2131b;
}


  @media (max-width: 991px){
.about__area-left {
  margin-right: 40px;
}

.about__area-left-image {
  max-width: 480px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 120px;
}


  }
  
  @media (max-width: 768px){
	  
	 .mylogo img{max-width:187px;} 
	 .navbar-toggle {
  
  margin-top: -40px;
	  }
	 .navbar {
 
  min-height: 1px;
 
  margin-top: 0px;
} 
.midtitlebaner {
 
  padding: 30px 0px;
}
.midtitlebaner h1 {
  font-size: 16px;
  }
  
  .section-title {
  font-size: 23px;}
  
  }


@media only screen and (max-width: 479px){
	.about__area-left-image img {
  max-width: 330px;
}
    .tab .nav-tabs{
        padding: 0;
        margin: 0 0 5px;
    }
    .tab .nav-tabs li{
        width: 100%;
        text-align: center;
    }
    .tab .nav-tabs li a{ margin: 0 0 10px; }
	.about__area-left-image-small-img {
  right: -40px;
  max-width: 250px;
}
.about__area-left-image-content {
  left: 0;
}
}