@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Lato|Pacifico|Righteous|Roboto|Roboto+Condensed|Ubuntu');

html,body{

height: 100%;
width: 100%;
font-family: 'Poppins','sans-serif';
color: #222;


}



.carousel-item{
  /* height: 100vh;*/
  /*min-height: 300px; */

  background: no-repeat center center scroll;
  -webkit-background-size:cover;
  background-size: cover;

  transition: all 1.5s ease;

}


.carousel-indicators .active{
  background-color: #0F6134;
  transition: all 1.5s ease;
}
.carousel-indicators li{

background-color: #6FA788;
  transition: all 1.5s ease;
}

.carousel-indicators li:hover{
  background-color: #14532F;
  transition: all 1.5s ease;
}

.navbar{
  padding: .4rem;



  /* background:rgb(250,250,250); */

}
.navbar-toggler{

    border-color: rgb(0,0,0);
}

 .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}




.navbar-nav li{
  padding-right: 12px;

/* color: #0F6134; */
/* transition: all 2.5s ease; */


}




.navbar-nav a:hover{

   background-color: inherit;

  color: #0F6134;



    /* small line below */

 border-bottom: 1.3px solid #50C097!important;

  /* rounded corners*/

 /* border-radius: 25px;
 border: 2.8px solid #73AD21;  */

}

.navbar-nav li.active a {
  /* small line below */

  border-bottom:1.3px solid #50C097!important;
  color: #0F6134;

  /* rounded corners*/

  /* border-radius: 25px; */
  /* border: 2.8px solid #73AD21; */
}


.btn-default{
  font-size: 1.2em !important;
  font-weight: lighter;
  color: #000 ;
  background-color: rgba(255, 255, 255,0.328);
  border-color: rgba( 115, 173, 33,0.4);

 border-radius: 3px;

}



.nav-link{
font-size: 1.2em !important;
font-weight: lighter;
color: #000 ;
background-color: rgba(255, 255, 255,0.328);

border-radius: 25px;
border: 2px solid  rgba( 115, 173, 33,0.4);
}






.navbar-brand img{
width:90%;
height:50%;


}
.footerLogo img{

  width:50%;
  height:50%;


}


.navbar-caption h1{
  text-align: left;
    /* text-shadow:1.8px 1.8px 1.8px #000; */

    font-family: sans-serif;
    font-weight:100;

}






.navbar-nav{

}





.site-content{
  background-image: url('img/factory.jpg');
  background-attachment: fixed;
  background-size: cover;
}

.site-title{
  font-family: 'Righteous';
  color: black;
}

.site-title {
  margin-top: 30%;
  margin-bottom: 6%;
  font-size: 40px;
}

.site-brand{
    margin-top:2%;
    font-size: 60px;
    font-family:'Roboto';
}

.site-desc{
  font-size: 25px;
  padding-left: 15%;
  color: black;
  font-family: "Righteous";
}

.site-btn1{
  margin-left: 20%;
  background-color: black;
  color: white;
}

.site-btn2{
  background-color: white;
}

.site-btn1, .site-btn2{
  margin-top: 5%;
  margin-bottom: 40%;
}


/* Section1 */
.section-About .heading-1{
  margin-top: 0%;
  text-align: left;
  font-size: 49px;

}
.section-About .heading-2{
  margin-bottom: 5%;
  font-size: 29px;

text-align: left;
}
.section-About{
  background-image: url('img/.jpg');

  background-size: cover;

}
.section-About h1{
  font-size: 30px;
  text-align: left;
  font-family:'Helvetica';
color: #FF9333;
text-shadow: 0.7px 0.7px 0.7px #000;
}

.section-1 .heading-1
{
margin-top: 0%;
text-align: left;
font-size: 49px;
  }

  .section-1 .heading-2{
    margin-bottom: 5%;
    font-size: 29px;

  text-align: left;
  }



.container-tb{
    overflow:scroll!important;

}


 .heading-11
{
margin-top: 8%;


  }

 .heading-21{
  margin-bottom: 5%;
  font-size: 39px;

}



.section-1 h1{
  font-size: 40px;
  text-align: left;
  font-weight:lighter;
  font-style:italic;
  font-family:'Helvetica';
color: #73AD21;

}


.paragraph{
text-align: left;
font-size: 20px;
 font-family: 'sans-serif';
/*font-family: Helvetica;*/
color:rgba(57, 57, 57,0.9);
font-weight:lighter;


background-size: cover;
background-position: center;
background-repeat: no-repeat;
/* background-attachment: fixed; */

}
.lf{
  text-align: center;
}
.rg{
  text-align: center;
}


















.section-12 .container-fluid{
  background-image: url('img/c101.png');
  background-size: cover;
  background-attachment: fixed;
padding-right:500px;
padding-bottom:500px;
}


.section-12 .heading-1{
  margin-top:  20%;
  margin-bottom: 4%;
  font-family: 'Helvetica';
  font-style:italic;

  font-weight:lighter;
  width: 100%;
color: rgb(110,110,110);



}



.section-12 .btn-default{
  margin-bottom: 20%;
  width: 150%;
  padding:  2% 5%;

}







.section-123 .container-fluid{
  background-image: url('img/interior11com.jpg ');
  background-size: cover;
  background-attachment: fixed;

}


.section-123 .heading-1{
  margin-top:  20%;
  margin-bottom: 4%;
  font-family: 'Righteous';
  width: 80%;
  color: black;
}

.section-123 .para{
  width: 80%;

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

  margin-bottom: 30%;
}







  .gallery-block{
   padding-bottom: 60px;
   padding-top: 60px;
 }

 .gallery-block .heading{
     margin-bottom: 50px;
     text-align: center;
     font-family: Lato;
     font-weight: normal;
 }

 .gallery-block .heading h2{
     font-weight: normal;
     font-size: 1.4rem;
     font-family: Lato;
 }

 .gallery-block.compact-gallery .item{
   overflow: hidden;
   margin-bottom: 0;
   /* background: black */
   opacity: 1;
 }

 .gallery-block.compact-gallery .item .image{
   transition: 0.8s ease;
 }

 .gallery-block.compact-gallery .item .info{
   position: relative;
     display: inline-block;
 }

 .gallery-block.compact-gallery .item .description{
   display: grid;
     position: absolute;
     bottom: 0;
     left: 0;
     color: #fff;
     padding: 10px;
     font-size: 17px;
     line-height: 18px;
     width: 100%;
     padding-top: 15px;
     padding-bottom: 15px;
     opacity: 1;

     transition: 0.8s ease;
     text-align: center;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));
 }

 .gallery-block.compact-gallery .item .description .description-heading{
   font-size: 1em;
   font-weight: normal;
 }

 .gallery-block.compact-gallery .item .description .description-body{
   font-size: 0.8em;
   margin-top: 10px;
   font-weight: 300;
 }

 @media (min-width: 576px) {

   .gallery-block.compact-gallery .item .description {
     opacity: 0;
   }

   .gallery-block.compact-gallery .item a:hover .description {
     opacity: 1;
   }

   .gallery-block .zoom-on-hover:hover .image {
     transform: scale(1.3);
     opacity: 0.7;
   }


 }














.col-12 h1{
  text-align: left;
  font-family: Helvetica;
  font-weight: lighter;
  font-size: 20px;
}

.col-md-12 h1{
  text-align: center;

  font-family: Helvetica;

  font-size: 30px;
}

.col-md-12 h6{
  text-align: left;



  font-family: Helvetica;

  font-size: 20px;
}

.col-sm-4 h3{
     text-align: center;

  font-family: Helvetica;
  font-weight:normal;
  font-size: 30px;
}

.col-md-4 h3{
   text-align: center;

  font-family: Helvetica;

  font-size: 25px;

}

.globe{
  background-image: url("img/earth2.jpg");
  background-repeat: no-repeat;

  margin: auto;
  width: 450px;
  height: 480px;


  border-size: cover;
	box-shadow: -5px -5px 10px 0.5px #000 inset, 0 0 5px 0.5px #000;

animation: rotate 23s linear  infinite;
border-radius: 100%;
}
@keyframes rotate {
100%{background-position: 100%}

}


.col-12 h2{
text-align: left;

font-family: sans-serif;
color:  #000;
font-weight:100;
font-size:35px;


}

.col-12 h3{
  text-align: left;

  font-family: monospace;
  font-weight: normal;
  font-size: 40px;

}






.col-12 h4{
  text-align: left;
  font-family: sans-serif;

  font-weight:100;
  font-size: 35px;
}



.col-12 p {
  text-align: left;
}




.col-md-4 h2{
  font-size:25px;
font-family: sans-serif;
font-weight: lighter;
}






#testimonial p{
  font-size:18px;
  font-family:Helvetica;
  font-weight:lighter;
  text-align:left;
color:rgba(253,253,253,1);
}


#testimonial h2{
    font-family:sans-serif;
  font-size:23px;
text-align: left;
font-weight: light;
color:rgba(253,253,253,0.9);
}
#testimonial{
  background:#B82222;


  padding: 50px 0 30px 0;
  text-align:center;

}
.btn-outline-info{
  margin-top: 10px;
}







.connect{
  font-style: normal !important;
  font-family: sans-serif !important;
   text-shadow:0px 0px 0px #000 !important;
   text-align:center !important;
   font-weight:100 !important;
}

.padding{
  padding-bottom: 2rem;
}
.welcome{
  width: 75%;
  margin: 0 auto;
  padding-top: 2rem;
}
.welcome hr{
  border-top: 1px solid #b4b4b4;
  width: 95%;
  margin-top: .1rem;
  margin-bottom: .1rem;
margin-right: 2.3rem;

}

.display-4{

padding-top: 2rem;
}





.fa-code{
  color: #e54d26;
}
.fa-bold{
  color: #563d7c;
}
.fa-css3
{
  color: #2163af;
}
.fa-code, .fa-bold, .fa-css3{
  font-size: 4rem;
  margin: 1rem;
}

.social a{
  font-size: 1.3em;
  padding: 0.4rem;


}
.fa-facebook{
 color:rgba(0, 0,0,0.85)!important;
}
.fa-twitter{
 color:rgba(0, 0,0,0.85)!important;
}


.fa-instagram{
 color:rgba(0, 0,0,0.85)!important;
}

.fa-youtube{

 color:rgba(0, 0,0,0.85)!important;
}
.fa-file-pdf {
  color: #bb0000;
  font-size: 150%;

}
.fa-book{
    /*color:#656565!important;*/
   color:rgba(0, 0,0,0.85)!important;
}

.fa-facebook:hover,
.fa-twitter:hover,
.fa-instagram:hover,
.fa-youtube:hover

{
color: #51976F!important;
}




footer {
  /* background-image: url('img/ab.jpg'); */
  background-color: rgba(232, 232, 222,  0.9);
background-position: center;
  background-size:cover;
  /*   rgb(200,0,0) ; */
/* color: #DADADC!important; */
color: rgba(0, 0, 0,0.85);

  padding-top: 2rem;

  font-family: Helvetica;
  font-weight: normal;
  /* text-shadow: 0.5px 0.5px 0.5px #000; */


}




hr.light{
  border-top: 3.9px solid  #B82222;
  width: 60%;
  margin-top: .8rem;
  margin-bottom: 1rem;
  margin-left: 0.0rem;

}

hr.light-60{
  border-top: 3.9px solid  #B82222;
  width: 85%;
  margin-top: .8rem;
  margin-bottom: 1rem;
  margin-left: 0.0rem;
}

hr.dash{
  border-top: 2.2px solid  #51976F;
  width: 25.3%;
  margin-top: .8rem;
  margin-bottom: 1rem;
  margin-left: 0.0rem;

}


hr.light-50{
  border-top: 3.3px solid  #B82222;
  width: 100%;
  margin-top: .8rem;
  margin-bottom: 1rem;
}

hr.light-100{
  border-top: 2.3px solid #51976F;
  width: 100%;
  margin-top: .8rem;
  margin-bottom: 1rem;
}


hr.light-10{
  border-top: 3.3px solid  #ffffff;
  width: 100%;
  margin-top: .8rem;
  margin-bottom: 2.5rem;
}
hr.light-20{
  border-top: 3.3px solid  #ffffff;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}



/*---Media Queries --*/


@media (max-width: 992px) {



.site-content{

  background-attachment: scroll;
 background-size: cover;
}

.section-12 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}

.section-2 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
.section-123 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
.section-122 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
  .container-tb{
    overflow:scroll!important;
}

.navbar{
    position:relative!important;
}

  }

  @media (max-width: 1024px){




    .site-content{

  background-attachment: scroll;
  background-size: cover;

 }
 .section-12 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
.section-2 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
.section-123 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
.section-122 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}

  .container-tb{
    overflow:scroll!important;
}

 .navbar{
    position:relative!important;
}

  }




@media (max-width: 768px) {


.display-4{
  font-size: 200%;
}


.site-content{

  background-attachment: scroll;
 background-size: cover;
}

.section-12 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}


.section-2 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}

.section-123 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
.section-122 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
  .container-tb{
    overflow:scroll!important;
}

.navbar{
    position:relative!important;
}

  }

@media(max-width:600px)  {

hr.dash{
  border-top: 2.2px solid  #51976F;
  width: 40.3%;
  margin-top: .8rem;
  margin-bottom: 1rem;
  margin-left: 0.0rem;

}
  .container-tb{
    overflow:scroll!important;
}
.navbar{
    position:relative!important;
}

}



@media (max-width: 576px) {


  .globe{
    width: 400px;
    height: 400px;
  }



  .display-4{
    font-size: 160%;
  }

.navbar{
    position:relative!important;
}


.site-content{

  background-attachment: scroll;
 background-size: cover;
}
.section-12 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}


.section-2 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
.section-123 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}
.section-122 .container-fluid{

  background-size: cover;
  background-attachment: scroll;

}


  .container-tb{
    overflow:scroll!important;
}





}



@media(max-width:500px){
  .megamenu{
    width: 400px;
    height: 300px;
  }

  .globe{
    width: 400px;
    height: 400px;
  }

  .item{
    margin: 0;
  padding-top: 16px;

  }
  .item a{
  padding-bottom:  0px;
  }

  .container-tb{
    overflow:scroll!important;
}


.navbar{
    position:relative!important;
}


}


/*---Firefox Bug Fix --*/


.container{

  width:100%;
 margin:auto;
 overflow:hidden;

}
.container-1{
    width:auto;
  margin:auto;
  overflow:hidden;


}
.container-BallS{
  width:auto;
margin:auto;
overflow:hidden;
}

.container-Clamp{
 width:auto;
margin:auto;
overflow:hidden;
}
.container-tb2{
 overflow:hidden;
 width:85%;
 margin:auto;


}




.container-last{
    height:200px;
    width:200px;
    background-color:red;
}

.btn-success {
opacity: 0;
}
/* .card-title {
  opacity: 0
} */








.card{
border: none;
/* box-shadow: -1px 90px 40px -12px rgba(25,114,83,0.95); */
 transition: all 0.8s ease;

}
.img-fluid{
    background-color:white!important;
}


.card:hover {
  transition:  0.9s ease!important;
-webkit-box-shadow: -1px 90px 70px -12px rgba(25,114,83,0.95);
-moz-box-shadow: -1px 90px 70px -12px rgba(25,114,83,0.95);
box-shadow: -1px 90px 70px -12px rgba(25,114,83,0.95);



}

/* .card:hover .card-title{
  opacity: 1;

} */
.card:hover .btn-success{

  opacity: 1;

}
 .card:hover {

      transition: all 0.8s ease;
  margin-top:-8px;
   border-bottom: 3.3px solid #50C097!important;

}


.innerZoom {
  overflow: hidden;
}
.innerZoom img {
  transition: all 1.2s ease;

}

.innerZoom:hover img {
  transform: scale(1.2);


}
.card p{
  transition: all 1.2s ease;
}

.card:hover p{

    /*transform: scale(1.1);*/
}
.card a{
    transition: all 0.8s ease;
}
.card:hover a{
  -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
     opacity: 1;
}


.down:hover img{
  transform: scale(1.2);

}
.down img{
  transition: all 0.7s ease;
}



.innerZoom:hover .btn-success {
  opacity: 1;


}
.innerZoom:hover .card-title{
  opacity: 1;

}



.card-block a{

margin-bottom:10px;


}


.card-title{
    font-family:'Times';
    font-weight:lighter;
    font-size:20px;
}

.dark{
  padding:50px;
  color:#000;
  margin-top:10px;
  margin-bottom:10px;

}

/* sidebar */

aside#sidebar{
float:right;
width:30%;
margin-top:10px;
}

aside#sidebar .quote input,aside#sidebar .quote textarea{
  width:100%;
  padding:3px;
}

/* Article  main col */
article#main-col1 {

float:left;
width:65%;
}

article#main-col1 .heading{
color:#000;

}



/* Contact */

.sendButtonForm {
  height:30px;
  background:#FF9333;
  border:none;
  padding-left: 20px;
  padding-right: 20px;
  color:black;
}
.sendButtonForm:hover{
  color:#FFFFFF;
}

.form-control{
  background: #FFFAFA;
}


/* Services */

ul#services {
  list-style:none;
  padding:20px;
  border: #cccccc solid 1px;
  margin-bottom:5px;
  background:#e6e6e6;
}


@media(max-width:768px){



  ul#services {
    list-style:none;
    padding:20px;
    border: #cccccc solid 1px;
    margin-bottom:5px;
    background:#e6e6e6;
  }
}



/* *******************************************************************  */

#start {
 /* background-image: url("img/back.jpg"); */

}


#showcase h1{

 font-family: sans-serif;
font-weight:100;
font-size:35px;

}
#showcase h3{

    font-family: Helvetica;
    font-size: 30px;
}

#showcase img{
  width:90%;
  margin-left:60px;
}

#showcaseT h1{

 font-family: sans-serif;
font-weight:100;
font-size:35px;
 margin-left:15px;

}
#showcaseT h3{
    margin-left:15px;
    font-family: Helvetica;
    font-size: 30px;
}

#showcaseT p{
    margin-left:15px;
}
#showcaseT img{
  width:90%;
}





/* rgb(200,0,0) ; */



#info2{
  margin:20px 0 60px 0;
background-image: url("img/factory.jpg");
background-position:bottom;
}

#info2 .container{
color: white; text-shadow: 3px 3px 3px #000;
font-size: 30px;
}
/*
#info1 h1{
  color: #31A192;
  text-shadow: 0.5px 0.5px 0.5px #000;
}
#middle h2 {
  color: #31A192;
  text-shadow: 0.5px 0.5px 0.5px #000;
}
.col-12 h4{
  color: #31A192;
  text-shadow: 0.5px 0.5px 0.5px #000;
}
.col-md-4 h3{
  color: #31A192;
  text-shadow: 0.5px 0.5px 0.5px #000;
} */

#info11{
  background-color: 	#FFFFFF;
  /*#DCDCDC;*/

}
#showcaseHR{
  background-color: #B22222;
}
#info11{
  background-color: #B22222;
}
#info221{
background-color: #FFEBCD;
}



.footera{
    text-align:left;

list-style-type:none;

}
/*.footerul .footera::before {*/
/*  content: "\2022";*/
/*  color: #656565;*/
/*  font-weight: bold;*/
/*  display: inline-block; */
/*  width: 1em;*/
/*  margin-left: -1em;*/
/*}*/

.socialN{
    padding-left:10px;

}
.right-ad{

   text-align:inherit;

    padding-top:9px;
}

.left-ad{
     text-align:left;
}
.footera a{
   color:rgba(0,0,0,0.85);

}


.footera:hover a {
 text-decoration: none !important;
 color: #0F6134;


}


.term:hover{
    color:rgba(135, 135, 135,0.5)!important;

}




.footera{
   padding-bottom:9.4px;
   color: #0F6134;


}


.footera:active{
    color: #0F6134;

     text-decoration: none !important;
     cursor: not-allowed;
     pointer-events: all !important;


}

.container-O{
    padding-left:34px;
}

.headG{
    color: #808080;
    font-size:38px!important;
}


/*#showcaseTwl{*/
/*  background-image: url('img/c101.png');*/
/*background-position: center;*/
/*background-repeat: no-repeat;*/
/*background-size: cover;*/
/*background-attachment: fixed;*/
/*padding-bottom:300px;*/



/*}*/


/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/