body {
    /* font-family: Montserrat, Arial, Helvetica, sans-serif; */
    /* font-family: "Open Sans", sans-serif; */
    font-family: "Jost", sans-serif;
    color: #444444;
  }
  h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Jost", sans-serif;
}
p,li{
    /* font-family: "Open Sans", sans-serif;   */
    font-family: "Jost", sans-serif;
}
#preloader{
display:none;}

  a{
    text-decoration:none;
  }
  .sImg{
    /* height:500px;
    width:100%; */
     animation:move 20s  ease-in-out;
	 animation-timing-function:linear;
 }

@keyframes move{
0%{
 transform: scale(1) rotate(0deg);
}
  100%{
   transform: scale(2) rotate(0.1deg);

  }

}
.topheader{
height:40px;
color:white;
background:navy;
right:0;
left:0;
display:block;
position:fixed;
z-index:997;
transition:all 0.5s;
}

#header{
    margin-top:40px;
    /* background:#11256e; */
    background:#011742;
}
#footer{
    background:#011742;
    color:#fff;
}
#footer .footer-top{
    background:#011742;
    color:#fff;
} 
#coming{
    height:70px;
    width:75px;
   
}

#coming1{
    height:80px;
    width:90px;
   
}
/* #thunderstrokeproduct{
    width:40px;
    height:400px;
    margin-top:30px;
    margin-bottom:30px;
  } */
  #rproduct{
    width:30px;
    height:260px;
    margin-top:30px;
    margin-bottom:30px;
  }
  #rproduct1{
    width:50px;
    height:265px;
    margin-top:30px;
    margin-bottom:30px;
  }
  #rproduct1:hover{
    transition:transform .5s;
    transform:scale(.8);
    transition-duration:.5s;
  }
  #rproductrela1{
    width:65px;
    height:225px;
    margin-top:30px;
    margin-bottom:10px;
  }
  #ayira{
    width:70px;
    height:230px;
    margin-top:30px;
    margin-bottom:5px;
  }
  #ayira:hover{
    transition:transform .5s;
    transform:scale(.8);
    transition-duration:.5s;
  }
  #ayira1{
    width:80px;
    height:240px;
    margin-top:30px;
    margin-bottom:30px;
  }
  #ayira1:hover{
    transition:transform .5s;
    transform:scale(.8);
    transition-duration:.5s;
  }
#rproduct:hover{
        transition:transform .5s;
        transform:scale(.8);
        transition-duration:.5s;
    
}
.sliderimg{
    height:95vh;
}
#dtxt{
    font-size:15px;
    color:#11256e;
    text-align:center;
}

.zoom:hover{
    
transition:transform .4s;
transform:scale(1.1);
transition-duration:.5s;
  
}
.zoom1:hover{
    
    transition:transform .3s;
    transform:scale(1.1);
    transition-duration:.6s;
}    
.productname{
    border-radius:0px 0px 15px 15px;
    box-shadow:0px 0px 3px 3px #d1d1d1;
}
.cardimg{
    border-radius:15px 15px 0px 0px;
    box-shadow:0px 0px 3px 3px #d1d1d1;
}
#aproduct{   
    height:220px;
    width:40px;
    /* margin-top:35px; */
    margin-bottom:10px;
    padding-top: 14px;
}
#aproduct2{   
    height:255px;
    width:50px;
    /* margin-top:35px; */
    margin-bottom:10px;
    padding-top: 14px;
}
/* #aproduct:hover{   */
    /* transform:scale(1.2);
    transition-duration:.2s;
    transition-duration:.6s; 
    transition: all .6s ease; */
    /* transition:transform .5s;
    transform:scale(.8);
    transition-duration:.5s; 
} */
#aproduct1{   
    width:220px;
    height:100px;
    margin-top:3px !important;
    margin-bottom:35px;
}
/* #aproduct1:hover{   
    transition:transform .5s;
    transform:scale(.8);
    transition-duration:.5s; 
}*/
#spike{
    width:60px;
    height:200px;
    /* padding-top:50px; */
    /* margin-top:10px; */padding-top:5px;
    margin-bottom:5px;
}
/* #spike:hover{
    transition:transform .5s;
    transform:scale(.8);
    transition-duration:.5s;
} */
#eric{   
    width:180px;
    height:230px;
    /* margin-top:38px; */
}
/* #eric:hover{   
    transition:transform .5s;
    transform:scale(.8);
    transition-duration:.5s;
} */

.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}

#viewproduct{
    border-radius:35px;
    padding-left:40px;
    padding-right:40px;
    margin-top:50px;
     color:#11256e;
    background:#fff; 
    border: 2px solid #11256e!important; 
}
#exploreeebtn{
    margin-top:30px;
    /*margin-bottom:20px; */
    border-radius:35px;
    padding-left:40px;
    padding-right:40px;
    height:50px;
    color:#11256e;
    background:#fff;
    border: 2px solid #11256e!important; 
}
 #viewproduct:hover{
color:#fff;
border:none !important;
} 
#exploreeebtn:hover{
    color:#fff;
    border:none !important;
    }
/*.varrow:hover{
    display:none;
}*/
#explore{
    border-radius:35px;
    padding-left:30px;
    padding-right:30px;
    margin-top:30px;
}
#certificate{
    height:130px;
    width:145px;
    margin-bottom:10px;
    border:1px solid gray;
    border-radius:5px;
}
#certificate:hover{
    transition:transform .3s;
    transform:scale(1.1);
    transition-duration:.6s;
    border:3px solid #272e5a;
}
#ecofriendly{
    height:127px;
    width:153px;
    border:1px solid gray;
    border-radius:5px;
}
#ecofriendly:hover{
    transition:transform .3s;
    transform:scale(1.1);
    transition-duration:.6s;
    border:2px solid #272e5a;
}
#ULR{
    height:125px;
    width:150px;
    margin-bottom:10px;
    border:1px solid gray;
    border-radius:5px;
}
#ULR:hover{
    transition:transform .3s;
    transform:scale(1.1);
    transition-duration:.6s;
    border:2px solid #272e5a;
}
#clients{
    height:130px;
    width:140px;
    margin-bottom:10px;
    border:1px solid gray;
    border-radius:10px;
}
#clients:hover{
    border:3px solid #272e5a;
}
    .productss{
        color:#fff;
        width:100%;
        /* padding-top:3px;  */
        padding-bottom:1px;
        text-transform:uppercase;
    }
    /* .productss:hover{
        color:#2046cc; 
    } */
    .productimg{
        background:url('../img/back/b3.jpg');
        background-size:cover;
    }
    /* .productimg:hover{
        background:url('../img/back/th1.jpg');
    background-size:cover;
    }  */
    .productimg1{
        background:url('../img/back/b5.jpg');
        background-size:cover;
    }
     /* .productimg1:hover{
        background:url('../img/back/th1.jpg');
    background-size:cover;
    }  */
    .productimg2{
        background:url('../img/back/b3.jpg');
        background-size:cover;
    }
     /* .productimg2:hover{
        background:url('../img/back/th1.jpg');
    background-size:cover;
    }  */
    .productimg3{
        background:url('../img/back/brbs.png');
        background-size:cover;
    }
     /* .productimg3:hover{
        background:url('../img/back/th1.jpg');
    background-size:cover;
    }  */
    .productimg4G{
        background:url('../img/back/b13.jpg');
        background-size:cover;
    }
    .productimgsmall{
        background:url('../img/back/b13.jpg');
        background-size:cover;
    }
     /* .productimg4G:hover{
        background:url('../img/back/th1.jpg');
        background-size:cover;
    }  */
    .productimgeric{
        background:url('../img/back/sdd.jpg');
        background-size:cover;
    }
    /* .productimgeric:hover{
        background:url('../img/back/th1.jpg');
    background-size:cover;
    }  */
    .productimgrela1{
        background:url('../img/back/bl7.png');
        background-size:cover;
    }
     /* .productimgrela1:hover{
        background:url('../img/back/th1.jpg');
    background-size:cover;
    }  */
    .productimgrela2{
        background:url('../img/back/blue1.png');
        background-size:cover;
    }
    /* .productimgrela2:hover{
        background:url('../img/back/th1.jpg');
    background-size:cover;
    } */
    .productimgcopper{
        background:url('../img/back/bl7.png');
        background-size:cover;
    }
    /* .productimgcopper:hover{
        background:url('../img/back/th1.jpg');
    background-size:cover;
    }  */
    #cateimg{
    height:160px;
    width:120px;
    border-radius:20px;
    margin-top:20px;
    margin-bottom:20px;
   }
  .hovereffect:hover{
    transition:transform .6s;
    transform:scale(1.1);
    transition-duration:.8s;
    border:2px solid #011742;
    font-size:17px;
    border-radius:5px;
  }
  #ourapp{
    margin-top:40px;
   }
   .explorejob{
	   min-height:300px;
	   box-shadow:3px 3px 4px 4px inset #e0e1e2;
	   border-radius:10px;	
   }
   .explorejob:hover{
	    transition:transform .6s;
    transform:scale(1.1);
    transition-duration:.8s;
	box-shadow:0px 0px 4px 4px inset lightgray;
	
   }
    .jobicon{
	   height:60px;
	   width:60px;
	   background:#a9c7fe;
	   color:black;
	   border-radius:50px; 
	   padding:20px;
	   margin-top:60px;
	    margin:40px 0px 0px 135px; 
   }
    .jobicon:hover{
		background:#129bf4;
		color:#fff;
	}
    /* blog page */
   
    /* end blog page */
   /* breadcumb */
   .breadcumb{
    /* background:url('../img/back/slide.jpg'); */
    background:url('../img/back/new.png');
        background-size:100% 100%;
        opacity:0.9;
}
#aboutbreadcumb{
  height:180px;
  margin-top:95px;
}
.page_heading a{
  text-decoration:none;
  color:#444444;
}
@media only screen and (max-width: 600px) {
    #aboutbreadcumb{
        margin-top:54px;
      }
      .page_heading h1{
        padding-top:50px;
       
      }
      .contenttttt{
        display:none;
      }
    }
    /* relatedproduct */
    .relatedproduct{
        min-height:200px;
    }
   
    /* end relatedproduct */
   /* end breadcumb */
   /*client section*/
   .clientsection {
    width: 100px; 
    margin-right: 10px;
}
.page_heading h1{
  padding-top:35px;
  /* font-family: Montserrat, Arial, Helvetica, sans-serif; */
    letter-spacing: -.02em;
    font-weight: 500;
}


   /* end client section*/
   /* career page */
  
   /* end career */
    /*team section*/
  #news-slider{
      margin-top: 80px;
  }
  .post-slide{
      background: #fff;
      margin: 20px 15px 20px;
      border-radius: 15px;
      padding-top: 1px;
      box-shadow: 0px 14px 22px -9px #bbcbd8;
  }
  .post-slide .post-img{
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      margin: -12px 15px 8px 15px;
  }
  .post-slide .post-img img{
      width: 100%;
      height: auto;
      transform: scale(1,1);
      transition:transform 0.2s linear;
  }
  .post-slide:hover .post-img img{
      transform: scale(1.1,1.1);
  }
  .post-slide .over-layer{
      width:100%;
      height:100%;
      position: absolute;
      top:0;
      left:0;
      opacity:0;
      background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
      transition:all 0.50s linear;
  }
  .post-slide:hover .over-layer{
      opacity:1;
      text-decoration:none;
  }
  .post-slide .over-layer i{
      position: relative;
      top:45%;
      text-align:center;
      display: block;
      color:#fff;
      font-size:25px;
  }
  /* application overlay */
  .page_heading span a{
    color:#11256e;
    }
    .page_heading span{
    color:#11256e;
    }


  
  /* end application overlay */
  .post-slide .post-content{
      background:#fff;
      padding: 2px 20px 40px;
      border-radius: 15px;
  }
  .post-slide .post-title a{
      font-size:15px;
      font-weight:bold;
      color:#333;
      display: inline-block;
      text-transform:uppercase;
      transition: all 0.3s ease 0s;
  }
  .post-slide .post-title a:hover{
      text-decoration: none;
      color:#3498db;
  }
  .post-slide .post-description{
      line-height:24px;
      color:#808080;
      margin-bottom:25px;
  }
  .post-slide .post-date{
      color:#a9a9a9;
      font-size: 14px;
  }
  .post-slide .post-date i{
      font-size:20px;
      margin-right:8px;
      color: #CFDACE;
  }
  .post-slide .read-more{
      padding: 7px 20px;
      float: right;
      font-size: 12px;
      background: #2196F3;
      color: #ffffff;
      box-shadow: 0px 10px 20px -10px #1376c5;
      border-radius: 25px;
      text-transform: uppercase;
  }
  .post-slide .read-more:hover{
      background: #3498db;
      text-decoration:none;
      color:#fff;
  }
  .owl-controls .owl-buttons{
      text-align:center;
      margin-top:20px;
  }
  .owl-controls .owl-buttons .owl-prev{
      background: #fff;
      position: absolute;
      top:-13%;
      left:15px;
      padding: 0 18px 0 15px;
      border-radius: 50px;
      box-shadow: 3px 14px 25px -10px #92b4d0;
      transition: background 0.5s ease 0s;
  }
  .owl-controls .owl-buttons .owl-next{
      background: #fff;
      position: absolute;
      top:-13%;
      right: 15px;
      padding: 0 15px 0 18px;
      border-radius: 50px;
      box-shadow: -3px 14px 25px -10px #92b4d0;
      transition: background 0.5s ease 0s;
  }
  .owl-controls .owl-buttons .owl-prev:after,
  .owl-controls .owl-buttons .owl-next:after{
      content:"\f104";
      font-family: FontAwesome;
      color: #333;
      font-size:30px;
  }
  .owl-controls .owl-buttons .owl-next:after{
      content:"\f105";
  }
  @media only screen and (max-width:1280px) {
      .post-slide .post-content{
          padding: 0px 15px 25px 15px;
      }
  }
   /* end team section*/
   /*faq page*/
   .template_faq {
    background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 30px;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    background: #1d41bc none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #1d41bc none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    left: -20px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 55px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px;
}
   /*end faq page*/
   /*testomony section*/
  
.testimonial{
    margin: 0 20px 40px;
}
.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    position: relative;
}
.testimonial .testimonial-content:before{
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    border-top: 15px solid #718076;
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.testimonial .testimonial-content:after{
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    border-top: 15px solid #718076;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.testimonial-content .testimonial-icon{
    width: 50px;
    height: 45px;
    background: #011742;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #011742;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #011742;
}
.owl-theme .owl-controls{
    margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span{
    background: #ccc;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #0CCA4A;
}
   /*end testomony section*/
   
@media only screen and (max-width: 600px) {
    .topheader{
    display:none;
    }
    #header{
        margin-top:0px;
    }
    .media{
        margin-top:20px;
    }
    
    #viewproduct{
        margin-top:30px;
}   
.sliderimg{
    height:50vh;
}
.secondpro{
    margin-top:-50px;
}
#ourapp{
    margin-top:30px;
}
#phonproducts{
    margin-top:-13px;
}
#explore{
    margin-top:30px;
    margin-bottom:40px;
}
.companyhigh{
 margin-top:20px;   
}
/* #comhighlights{
    margin-top:-25px;
    } */
    #dtxt{
        font-size:20px;
        color:#11256e;
    }
   .leadingsec{
    margin-left:0px;
   }
   
}
@media only screen and (max-width: 941px) {
    
    .imgdivv{
        margin-top:20px;
    }
    #aproduct1 {
        width: 202px;
        height: 90px;
        margin-top: 3px !important;
        margin-bottom: 20px
}
.appslider {
    width:100%;
    height: 101vh;
}
}

#shortimage{
    height:80px;width:30x;
    margin-top:2px;
    margin-bottom:3px;
}
/* =================================product gallery=================================================== */