*{
    margin: 0;
    padding: 0;
}
body{
    background-image: url(../img/backgroundimages.png);
   background-size: cover;
   
}


/*navbar*/
.navbar {
    background-color:rgba(242,242,242,0.8);
   height:auto;
    border-radius: 0;
       
    font-size:16px;
    font-weight: 600;
    font-weight: bold;
    margin:0; ;
    padding: 0;
}

.paddingLeft0 {
    padding-left: 0;    
}
.navbar img{
    width: 150px;
    
}  
.navbar .nav .nav-item .nav-link {
    color:#000;
    background-color:rgba(79,76,72,0.0);
    margin-right: 10px;
    margin-top:30px;
}
 
.nav {
    float: right
}
.navbar-toggle {
    color: black;
}


.navbar .nav .nav-item .navbar-link:hover {
        background-color:rgba(39,104,162,0.0);
        color: #1fefef;
        
    }
.navbar .nav .nav-item .navbar-link:visited {
        background-color:rgba(39,104,162,0.0);
        color: #1fefef;
       
    }
.navbar .nav .nav-item .navbar-link:active {
      background-color:rgba(39,104,162,0.0);
        color: #1fefef;
       
    }
.navbar .nav .nav-item .navbar-link:focus{
       background-color:rgba(39,104,162,0.0);
        color: #1fefef;
        
    }
/*end navbar*/
#banner{
    margin-top: 100px;
}
#aboutus{
     margin-top: 100px;
}
/*About us*/
#about{
    padding: 60px 0;
}
#about .boderabout{
    position: relative;
    padding:1px 0 0 11px; 
}
#aboutus .row .col-md-12 img{ 
   height: 450px;
    width: 100%;
    
}
#about .boderabout:before{
    content: '';
    width:80px;
    height:60px;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 2px solid #5e9741;
    border-top: 2px solid #5e9741;
}
#about .container .row .col-md-7 .boderabout h2{
    color: #EE741C;
    margin-bottom:10px; 
}
#about .container .row .col-md-7 p{
    text-align: justify;
    color: black;
}

#about .container .row .col-md-7 .btn{
    padding:8px 30px; 
    border: 1px solid #5e9741;
    border-radius:10px; 
    color: #5e9741;
    font-size:16px;
    font-weight: bold;
  
}
#about .container .row .col-md-7 .btn:hover{
    background-color:#5e9741;
    color: white;
}


/*End About Us*/
/*Applications*/
#applications{
     background-image: url("../img/banner.jpg");

      /* Set a specific height */
      min-height: 200px; 

      /* Create the parallax scrolling effect */
      background-attachment: local;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   background-color: aqua;
}
#applications .container .row .col-md-6 h1{
    padding: 50px 0;
    color: brown;
}
#applications .container .row .col-md-6 a{
    
     margin: 70px 0;
}
#applications .container .row .col-md-6 .btn{
    padding:8px 30px; 
    border: 1px solid #EE741C;
    border-radius:10px; 
    color: #fff;
    font-size:16px;
    font-weight: bold;
    float: right;
    background-color:#EE741C;
    
  
}
#applications .container .row .col-md-6 .btn:hover{
    background-color:#5e9741;
    color: white;
}
/*End Applications*/
/*Products*/
#product{
     padding:40px 0 90px 0; 
  background-color: #ffffff;
}
#product .container-fluid .row .col-md-12 h1{
    text-align: center;
    color: #e77817;
    margin: 0;
    font-weight: bolder;
    padding:0px 0 40px 0;
}
#product .container-fluid .row .col-md-12 span{
    color: black;
}
#product .container-fluid .row .col-md-3{
    width: 24%;
    margin-right: 1%;
} 
.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
}

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
.col-md-3 .hovereffect{
       width: 300px;
    height: 300px;
}
 .col-md-3 .hovereffect  img{
    width: 300px;
    height: 300px;
}
.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
#product .container-fluid .row .col-md-12 .linkview{
    text-align: center;
    margin-top: 30px;
}
#product .container-fluid .row .col-md-12 .linkview a{
    border: 1px solid #EE741C;
    padding:8px 40px; 
    background-color:#EE741C;
    color: #fff;
    text-decoration: none;
    font-size:16px; 
    font-weight: bold;
    border-radius:10px; 
}
#product .container-fluid .row .col-md-12 .linkview a:hover{
   background-color:#5e9741;
    color: white;
     border: 1px solid #5e9741;
}

/*End Products*/
/*FOOTER*/
#footerhed{
    background-color: rgba(238,116,28,0.9);
    padding: 10px 0;
}
#footer{
    background-image: url(../img/footer.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    width: 100%;
    color: white;    
    padding: 20px 0;
     background-color: #25323c;
    }
#footer .container .row .col-md-3 p{

}
#footer .container .row .col-md-3 ul li{
    list-style: none;
    padding:2px 0;
}
#footer .container .row .col-md-3 ul li a{
    color: white;
    text-decoration: none;
}
#footer .container .row .col-md-3 .footericonli{
    display: inline;     
}
#footer .container .row .col-md-3 ul li span{
    color:#e77817; 
}
#footer .container .row .col-md-3 .footericona{
     padding:5px 10px;
    border: 1px solid white; 
    border-bottom: 
}
#footer .container .row .col-md-3 .footericona:hover{
    background-color: #e77817;
      padding:5px 10px;
    border: 1px solid white;  
}
#footerbottom{
    color: white;
    background-color:#00032C;
    border-top:1px solid #2a3f4f; 
   
}
#footerbottom .container .row p{
    margin: 0;
    padding: 5px 0;
}
#footerbottom .container .row .col-md-4{
    text-align: left;
}
#footerbottom .container .row .col-md-8{
    text-align: right;
}
/*END FOOTER*/
/*About Layout*/
#aboutusbanner{
    padding:20px 0; 
}
#aboutusbanner .container .row .col-md-12 h2{
    color: #e77817;
    font-weight: bold;
    text-align: center;
    padding-bottom:px; 
}
#aboutusbanner .container .row .col-md-12 hr{
    margin: 0;
    margin-bottom:40px; 
}
#aboutusbanner .container .row .col-md-12 span{
    color: black;
    font-size:32px; 
}
#aboutusbanner .container .row .col-md-12 p{
    text-align: center;
    color: #000;
   margin-bottom: 40px;
}
#aboutusbanner .container .row .col-md-5 {
 margin-bottom: 20px;
}
#aboutusbanner .container .row .col-md-5 img{
    border-radius: 20px;
}
#aboutusbanner .container .row .col-md-7 h2{
    color: #1B5E20;
    margin-top: 10px;
    font-weight: bold;    
}
#aboutusbanner .container .row .col-md-7 p{
    padding: 10px 0;
}
/*Product*/
#productes .container{
    background-color: #f9f9f9;
    padding-bottom: 20px;
    padding-top: 10px;
     text-align: center;
}
#productes .container .row .col-md-12 h1{
    text-align: center;
    font-weight: bold;
    font-size:37px;
}

#productes .container .row .col-md-12 span{
    color: #e77817;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}


#productes img {
  width: 100%;
  max-width: 100%;
  height: auto;
   
}
#productes h5{
    font-size:17px;
    padding:10px 0; 
    text-align: center;
    font-weight:bold;
    
}
#productes .col-md-3 {
    display: block;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
   
}
.owl-carousel .owl-item {
    float: left;
}
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
}
#owl-speakers .locator{
    text-align: center;
    background-color: red;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #242424;
    border: 2px solid #242424;
}
#productes .speakers-wrapper {
    background: #ffffff;
    padding-bottom: 22px;
}

	
/*End Product*/
/*End About Layout*/
/*Products*/
#product{
     padding:60px 0 60px 0; 
  background-color: #ffffff;
}
#product .container .row .col-md-12 h1{
    text-align: center;
    color: #e77817;
    margin: 0;
    font-weight: bolder;
    padding:0px 0 40px 0;
}
#product .container .row .col-md-12 span{
    color: black;
}
   
.hovereffect {
width:100%;
height:100%;
float:left;
    width: 200px;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
#product .container .row .col-md-12 .linkview{
    text-align: center;
    margin-top: 30px;
}
#product .container .row .col-md-12 .linkview a{
    border: 1px solid #e77817;
    padding:8px 40px; 
    background-color:#ffffff;
    color: #e77817;
    text-decoration: none;
    font-size:16px; 
    font-weight: bold;
}
#product .container .row .col-md-12 .linkview a:hover{
    border: 1px solid #e77817;
     background-color:#e77817;
     color:#ffffff;
}

/*End Products*/

/*INQUIRY*/
#inquiry{
    padding:10px 0 50px 0;   
}
#inquiry .container .row .col-md-12 h1{
    color: #e77817;
    font-weight: bold;
    text-align: center;
    padding-bottom:5px; 
}
#inquiry .container .row .col-md-9{
    margin-top:60px; 
}
#inquiry .container .row .col-md-3{
    border: 1px solid black;
    border-radius:20px; 
    padding:10px 5px; 
}
#inquiry .container .row .col-md-5 img{
    height: 300px;
    margin-top: 20px;
}

/*END INQUIRY*/
/*Contact*/
#Contact{
    padding:10px 0 40px 0;
}
#Contact .container .row .col-md-12 h1{
    text-align: center;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}
#Contact .container .row .col-md-12 span{
    color: #e77817;
}
#Contact .container .row .col-md-12 h2{
    text-align: left;
    font-weight: bold;
    padding-bottom: 10px;
}
#Contact .container .row .col-md-7{
    margin-top: 100px;
}
#Contact .container .row .col-md-7 .men{
    border: 1px solid black;
    border-radius: 20px;
    margin-bottom: 20px;
}
#Contact .container .row .col-md-7 .icon{
    float: left;
    margin-right:10px;
    border: 1px solid #5e9741;
    text-align: center;
    width: 50px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    align-items: center;
    border-radius: 20px;
     margin-top: 10px;
    margin-left: 10px;
    background-color: #5e9741;
    color: #fff;
    
}
#Contact .container .row .col-md-7 .text p{
    font-size:18px;
    margin-top: 18px;
}

/*End Contact*/
/*Services*/
#services{
    padding:10px 0 80px 0;   
   }
#services p{
    text-align: justify;
}
#services .container .row .col-md-12{
    padding: 0;
    padding-right: 40px;
    
}
#services .container .row .col-md-12 h1{
    font-weight: bold;
}
#services .container .row .col-md-12 span{
    color:#e77817; 
    
}

#services .hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

#services .hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg);
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out;
}

#services .hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

#services .hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

#services .hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#services .hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

#services .hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

#services .hovereffect:hover h2 {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

#services.hovereffect:hover a.info {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/*End Services*/
/*Our Product*/
#ourproduct{
    padding:20px 0; 
}
#ourproduct .container .row .col-md-12 h1{
    color: #e77817;
    font-weight: bold;
    text-align: center;
    padding-bottom:px; 
}
#ourproduct .container .row .col-md-12 hr{
    margin: 0;
    margin-bottom:20px; 
}
#ourproduct .container .row .col-md-12 span{
    color: black;
    font-size:32px; 
    color: #000;
}
#ourproduct .container .row .col-md-12 p{
    text-align: center;
    color: #000;
   margin-bottom: 40px;
}
#ourproduct .container .row .col-md-5{
    margin-top: 40px;
}
#ourproduct .container .row .col-md-7{
    margin-top: 40px;
}
#ourproduct .container .row .col-md-5 img{
 width: 70%;
    margin: auto;
    margin-top: 40px;
}
#ourproduct .container .row .col-md-7 h2{
    color: #1B5E20;
    margin-top: 10px;
    font-weight: bold;    
}
#ourproduct .container .row .col-md-7 p{
    padding: 5px 0;
    text-align: justify;
}
/*End Our Product*/
/*innerproduct*/
#innerproduct{
    padding:20px 0; 
}
#innerproduct .container .row .col-md-12 h1{
    color: #e77817;
    font-weight: bold;
    text-align: center;
    padding-bottom:px; 
}
#innerproduct .container .row .col-md-12 hr{
    margin: 0;
    margin-bottom:20px; 
}
#innerproduct .container .row .col-md-12 span{
    color: black;
    font-size:32px; 
}
/*innerproduct*/