@font-face {
    font-family:aakri;
    src: url(../fonts/aakri.ttf);
 
}
@font-face {
    font-family:aakriti;
    src: url(../fonts/AAKRITI.TTF);
 
}
@font-face {
    font-family:AakritiBold;
    src: url(../fonts/AakritiBold.ttf);
 
}
@font-face {
    font-family:Aakriti;
    src: url(../fonts/AakritiRegular.ttf);
 
}
@font-face {
    font-family:ITCAvantGardeStd-Bold;
    src: url(../fonts/ITCAvantGardeStd-Bold.otf);
 
}
@font-face {
    font-family:Roboto-Bold;
    src: url(../fonts/Roboto-Bold.ttf);
 
}
@font-face {
    font-family:ITCAvantGardeStd-BoldCn;
    src: url(../fonts/ITCAvantGardeStd-BoldCn.otf);
 
}
@font-face {
    font-family:'AakritiBold';
    src: url(../fonts/AakritiBold.ttf);
 
}
@font-face {
    font-family:CVGANESH;
    src: url(../fonts/CVGANESH.TTF);
 
}
@font-face {
    font-family:SourceCodePro;
    src: url(../fonts/SourceCodePro-Regular.ttf);
 
}
@font-face {
    font-family:RobotoSlab;
    src: url(../fonts/RobotoSlab-Regular.ttf);
 
}
@font-face {
    font-family:ITCAvantGardeGothic;
    src: url(../fonts/ITC Avant Garde Gothic Medium.otf);
 
}
@font-face {
    font-family:ITCAvantGardeGothic;
    src: url(../fonts/ITC Avant Garde Gothic Medium.otf);
 
}
@font-face {
    font-family:SourceSanPro;
    src: url(../fonts/SourceSansPro-Regular.otf);
 
}
::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
element {

    display: block;

}
.scrollup {

    width: 30px;
    height: 30px;
    border-radius: 15px;
    opacity: .3;
    position: fixed;
    bottom: 20px;
    right: 25px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    z-index: 1000;
    transition: opacity .5s, background-color .5s;
    -moz-transition: opacity .5s, background-color .5s;
    -webkit-transition: opacity .5s, background-color .5s;

}
::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.fa-chevron-up::before {

    content: "\f077";

}
.fa-chevron-up::before {

    content: "\f077";

}

.scrollup i {

    font-size: 13px;
    position: absolute;
    opacity: 1;
    color: #fff;
    left: 50%;
    top: 50%;
    margin-top: -7px;
    margin-left: -6px;
    text-decoration: none;

}
.section-title h2{
 
    text-transform: uppercase;
}
.img-banner a{
    color:white;
}
.section-title h2{
    font-weight: bold;
}
.section-title h3{
    text-transform: uppercase;
}

.fab {
  
    padding-left: 10px;
}
.middle-product {
    width:100%;
}
.our-works{
  
 background: #73bf45;    
margin: 4px;
border-radius: 6px;
margin-top:14px;
max-width:24%;
}
.our-works h4{
    text-align: center;
margin-top: 15px;

}
.our-works img {
    display: block;

margin-left: auto;

margin-right: auto;

width: 100%;
background:white;
border: 1px solid #73bf45;
}

.our-works p{
text-align: center;


font-size:14px;
padding-bottom: 12px;
}
.our-works p {

    background: #73bf45;
    padding: 14px;
        padding-top: 19px;
    padding-top: null;
    padding-top: 10px;
    color: white;
    border-radius: 4px;
    margin:0px;

}


.img-banners img{
	width: 100%;


}
.img-slide img{
	width: 100%;
	

}
.img-offer img{
	width: 100%;
	

}

.banner-text {
	position: relative;
top: 126px;


font-weight: bold;
text-transform: uppercase;
}
.banner-text span {
font-family:CVGANESH;
font-size:30px;

color: green;

}
.banner-text p {

font-size:24px;

color: #72bf44;
margin-bottom: 0rem;
font-family: 'SignikaRegular';

}
.banner-text b {

font-size:24px;

color:#00a651;
font-family: 'aakri';

}

.green-dark{
	background: green;
	height: 5px;
}
.green-fade{
	background:#00a651;
	height: 5px;
}
.green-light{
	background:#72bf44;
	height: 5px;
}
.nopadding{
	padding-right: unset;
padding-left: unset;

}
.col-height{
	background: #72bf44;
}
#green-line{
	margin-top: 10px;
}

.img-banner img {
   width: 100%;

margin-top: 31px;

}
.offer-section{
	background:#72bf44;
	 width: 100%; 
      text-align: center;
    
    
}

.gallery .our-works {
    width: 30.33%;
    float: left;
    padding: 0 0px;
}
.inner-div{
display: inline-block;
padding: 10px 87px 10px 95px;
background-color: #f1f3ed;
margin: 120.9px;
      }
     
 .col-products p{
        font-family: 'SourceCodePro';
      }

.product-background{
	background-image: url('../images/vector-background.png');
	 background-repeat: no-repeat;
	 background-size: 15%;
	 margin-bottom: 45px;
     margin-top: 70px;
}

.footer-image {
    background: url(../images/foot-bg.png) no-repeat center;
    background-size: auto;
    background-size: cover;
}

.footer-col h2{
  color: white;
  font-size: 25px;
  font-family: 'RobotoSlab';
}
.footer-col p{
  color: white;

}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.icon {
  padding: 10px;


color: #7e7979;

min-width: 50px;

text-align: center;

position: relative;

right: 44px;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.btn {
background-color: green;
color: white;
padding: 15px 20px;
border: none;
width: 60%;
box-shadow: 3px 3px 0px 1px #1c2f5f;
}

.btn:hover {
  opacity: 1;
}
.footer-col{
	margin-top:60px;
  padding-bottom: 51px;

}
.footer-col span{
  color: white;
}
#overlay {
  position: absolute;
top: 78%;
left: 40%;
transform: translate(-33%, -51%);
}

#text{
	text-align: center;

text-transform: uppercase;

color: white;


font-weight: bold;

font-size: 14px;
}
#text span{
   font-family: 'RobotoSlab';
 
}


#text p{
	font-size: 11px;
	padding: 10px 0px 10px 0px;
	font-family: 'SourceSanPro';

}
.product-background h2{
color: green;



padding-bottom: 30px;

font-weight: bold;
}
.nav-link{


font-family: 'ITCAvantGardeGothic';
color: black;

font-weight: bold;
}
.nav-item .active{
	border-bottom: 1px solid green !important;
	color: green;
}
.justify-content-center .active{
    border-bottom: 1px solid red;
}

.nav-margin{
    margin-top:10px;
    margin-bottom:10px;
}
.navbar-dark .navbar-nav .nav-link{
    color:white!important;
}
.right-img{
	float:right;
	position: relative;
    left: 11%;
}
.left-img{
margin-top: 13px;
}
.footer-bg-row{
background:#72bf44;
}
.footer-text{
  width: 50%;
  color: white;

    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative
}
.footer-text span{
 float: right;
}
.footer-text p{
 margin-bottom: 0rem;
}

/* Set a style for product info */

.production-info h1 {
    margin-top: 0;
    font-size: 30px;
    font-weight: bold;
}
.production-info p {
    font-size: 14px;
    padding: 0px 112px 0 0;
}
.production-info .sub-title {
    margin-top: 40px;}
    
@media screen and (max-width: 1045px){
    .production-info {
    width: 50%;
    padding: 0; 
}
}
.production-info {
    width: 60%;
    padding: 0 0 0 37px;
    text-align: justify;
    box-sizing: content-box;
}


.section-main-button {
    padding: 100px 0 0 100px;}

/* Set a style for product info */

.h2, h2 {
    font-size: 2rem;
    text-decoration: underline;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

  .banner-text {

    top: 0px;
  }
  .section-title p{
      margin-left: unset;
      margin-right: unset;
  }
  .our-works{
     max-width:100%;
  }
  .gallery .our-works{
      width:100%;
  }
  .main-navigation a {
    padding: 5px 5px;
    font-size: 13px;
}
.production-info p {
    font-size: 14px;
    padding: 0px 0px 0 0;
}
.production-info {
    width: 100%;
    padding: 0 0 0 0px;
}
.product-image {
    width: 130%;
    margin-top: -73px;
}
}



@media screen and (min-width : 1825px) {
  

.container-max {
    max-width: 1638px!important;
}
.banner-text span {
    font-size: 60px;
    color: green;

}
.banner-text p {
    font-size: 35px!important;
    color: #72bf44;
    font-family: 'SignikaRegular';
}
.banner-text b {
    font-size: 52px;
    color: #00a651;
    font-family: aakri;
}
.right-img {
   
    left: 7%;
}
#text p {
    font-size: 13px;
   
}
#text {
font-size: 19px;
}
.product-background {
  background-size: 17%;
}
.left-img{
  width: 150px;
  height:150px;pr
}
.right-img{
   width: 150px;
  height:150px;
}
.navbar-nav {
    font-size: 1.5rem;
}
  
}
@media screen and (min-width : 1200px) and (max-device-width : 1399px) {
    .container-max {
    max-width: 1065px;
}
#overlay {
    top: 81%;
}
#text {
    font-size:12px;
}
.product-background{
    background-size: 20%;
}
.banner-text p {
    font-size: 22px;}


}
@media screen and (min-width : 1400px) {
    .container-max {
   max-width: 1210px;
     background-size: 20%;
}
.product-background{
    background-size: 20%;
}
}
@media screen and (width :768px) {
    .production-info p {
   
    padding: 0px 0px 0 0;
}
.production-info {
    width: 45%;
    padding: 0 0 0 37px;
}
.product-image {
    width: 49%;
    margin-top: -81px;}
    
}
@media screen and (max-width :740px) {
    .footer-image {

    background: #72bf44;
    }
    .footer-col p{
        font-size:16px;
    }
    .footer-col h2{
        font-size:20px;
        text-transform:uppercase;
    }
    .footer-col ul li span{
          font-size:16px;
    }
    #text p{
	font-size: 16px;
    }
    #text {
        font-size:20px;
    }
    .footer-col {
    margin-top: 38px;
    }
        
    
}