/*<!---========================= Media queries start here =====================----->*/


@media (min-width: 320px) and (max-width: 1024px){

.logo {
    padding-top: 10px;
    /*height: 150px;*/
    /*width: 260px;*/
}

}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  
  
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px){




}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  
  
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  
  
}

/*<!---========================= Media queries End here =====================----->*/

.main{
     background-image: url(../images/Banner1.png);
   width: 100%;
     background-size: cover;
     height: 990px;
     background-repeat: no-repeat;
     background-image: cover;
   }
   button.navbar-toggle.collapsed {
    color: white;
    background-color: orange;
}
   .logo{
    padding-top: 10px;
    /*height: 150px;*/
    /*width: 260px;*/
   }
   .top-bar{
    margin-top: 40px;
    float: right;

   }

   .profile {
    font-size: 17px;
    text-decoration: none;
    color: black;
   font-weight: bold;
    border: none;
    background-color: unset;
}
select:hover {
  color: orange;
}

  .experiences{
   
  font-size: 17px;
    text-decoration: none;
    color: black;
   font-weight: bold;
    border: none;
    background-color: unset;
  }
  select:hover {
  color: orange;
}
  .partners{
    margin-top: 40px;
        text-decoration: none;
        color: black;
        font-size: 17px;
        font-weight: bold;
         margin-left: 20px;

  }
  .partners:hover {
  color: orange;
}
  .product{
      text-decoration: none;
        color: black;
        font-weight: bold;
        font-size: 17px;
            margin-left: 25px;


  }
   .product:hover {
  color: orange;
}
  .services{
       text-decoration: none;
       font-weight: bold;
        color: black;
        font-size: 17px;
            margin-left: 25px;


  }
    .services:hover {
  color: orange;
}

  .main-img-contant{
    /*background-color: #00000096;*/
    /*border-color: orange;*/
    /*border-style: solid;*/
    /*margin-top: 90px;*/
    /*float: right;*/
      background-color: #ffffff54;
    margin-top: 50px;
    padding: 30px;
    float: right;
    color: #000;

  }
  .Pinnacle-para{
     color: white;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 18px;
  }
  h2 {
    font-size: 25px!important;
}
  .main-img-bot{
   /* border-radius: 5px;*/
   /*margin-bottom: 5px;*/
   /* padding: 5px 15px;*/
   /* background-color: orange;*/
   /* color: white;*/
   /* float: right;*/
   /* border: none;*/
   /* margin-right: 5px;*/
   border-radius: 5px;
    margin-bottom: 14px!important;
    padding: 13px 15px;
    background-color: orange;
    color: white;
    /* float: right; */
    border: none;
    /*margin-left: 9px;*/
  }
  .main-img-bot:hover{
    background-color: white;
    color: orange;
    text-decoration: none;
  }

  hr.new4 {
  border: 2px solid orange;
  width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.Pinnacle-para2{
  text-align: center;
}
.our-project{
  background-color: orange;
}
.our-project-head{
  font-size: 23px;
  padding-top: 20px;
  text-align: center;
  color: white;
  margin-bottom: 10px;
  font-weight: bold;
      margin-left: auto;
    margin-right: auto;
}
.our-client-head{
  text-align: center;
  color: black;
  margin-bottom: 10px;
  font-weight: bold;
      margin-left: auto;
    margin-right: auto;
}

.our-project-pic1{


}
.our-project-pic2{
   margin-top: 1.5%;
}
.our-project-pic3{
   margin-top: 1.5%;
}
}
.new6{
    width: 9%;
    margin-left: auto;
    margin-right: auto;
    border: 1.5px solid black;
    margin-top: initial;
}


.Locomotive-head {
    color: white;
    text-align: center;
    margin-top: 15%;
}
.safety-head{
  text-align: center;
   color: white;
    margin-top: 15%;
}
.Suppply-head{
  text-align: center;
   color: white;
    margin-top: 15%;
}
.layer5{
       padding-left: 50px;
       transition:         transform .8s ease-in-out;
}
.img.layer5:hover{
  
   transform: rotate(360deg);
}
.lay5-img{

}
.flip-box {
  background-color: transparent;
  
  height: 165px;
 
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: orange;
  color: orange;
}

.flip-box-back {
  background-color: darkgoldenrod;
  color: white;
  transform: rotateY(180deg);
}
img.Layer63 {
    padding-left: 50px;
}
img.Layer64 {
    padding-left: 50px;
}
.view-all-bot{
        border: none;
    color: black;
    background-color: white;
    font-size: 20px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: 30%;
    /* float: right; */
    margin-bottom: 20px;
    margin-top: 20px;
}
.view-all-bot:hover{
  background-color: green;
}

.new5{
width: 95%;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid orange;
    color: black;
    margin-top: initial;
}
ol.carousel-indicators {
    background-color: orange;
    width: -1%;
    /* margin-left: -32%; */
    /* margin-left: 20px; */
    width: 50px;
    margin-left: 0px;
}
span.glyphicon.glyphicon-chevron-left {
    color: orange;
}
span.glyphicon.glyphicon-chevron-right {
    color: orange;
}
.layer10-img{
 /* background-image: url("../images/Layer 10.png");
  
  width: 100%;
 background-size: cover;
   height: 70vh;
     background-repeat: no-repeat;
     background-image: cover;*/
     color: orange;
}
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}


.Layer12 {
     
    margin-top: 40px;
       padding: 10px 0px 10px 1px;
    border-radius: 5px;
  
}
.lay12 {
    height: 100px;
    width: 150px;
    margin-left: 30px;
    border-radius: 5px;
    width: 80%;
    /* height: 100px; */
}
.lay12:hover{
 
    transform: scale(1.2);

}
.lay14-1{
  margin-top: 70px;
  float: left ;

}
.lay14-2{
  margin-top: 70px;
  float: right;

}
.Layer13 {
         
    margin-top: 40px;
    padding: 10px 0px 10px 0px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.content2{
   background-color:#e8eaed ;
}
.product-head{
  text-align: center;
  font-weight: bold;
}
.product-images{
  background-color:#e8eaed ;
 
  border-radius: 10px;
}
.product-img{
     margin-top: 20px;
    margin-left: 40px;
    width: 70%;
}
.view-all{
    border: none;
    color: black;
    background-color: orange;
    font-size: 20px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: 30%;
    /* float: right; */
    margin-bottom: 20px;
    margin-top: 20px;
}
.view-all:hover{
  background-color: green;
}
.layer24{
 /*  background-image: url("../images/ship.jpg");
    
     background-size: cover;
     margin-bottom: 20px;
     background-repeat: no-repeat;
     background-image: cover;
     height: 70vh;*/
     color: orange;
     

}
.lay26{
        margin-top: 40px;
        margin-left: 30px;
         filter: grayscale(20%);
}
.lay26:hover{
 
    transform: scale(1.1);

}
.lay27{ 
      margin-top: 40px;
       margin-left: 30px;
}
.lay27:hover{
 
    transform: scale(1.1);

}
.lay29{
      margin-top: 40px;
       margin-left: 30px;

}
.lay29:hover{
 
    transform: scale(1.1);

}
.arrow-1{
         margin-top: 40px;
}
.arrow-2{
         margin-top: 40px;
         float: right;
}

.lay26{
     margin-top: 20px;
}
.lay26:hover{
 
    transform: scale(1.1);

}
.lay29{
    margin-top: 20px;
}
.lay29:hover{
 
    transform: scale(1.1);

}
.lay28{
  margin-top: 20px;
      margin-bottom: 40px;
    
}
.lay28:hover{
 
    transform: scale(1.1);

}
.droparrow{
  float: right;
  margin-top: 20px;
  margin-right: 20px;
}
.lay33{
   margin-top: 20px;
  margin-bottom: 50px;
  margin-left: 10px;
     
}
.lay33:hover{
 
    transform: scale(1.1);

}
.lay35{
   margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 10px;
   
}
.lay35:hover{
 
    transform: scale(1.1);

}
.cyber{
  background-color: orange;
}
.profile1{
  border: 1px solid orange;
}
.about-head{
     text-align: center;
    font-size: 30px;
 color: white;
}
.lay41-img{
      float: left;
    margin-top: 9px;
   
    margin-bottom: 10px;


}
.about-p{
float: left;
display: inline;
    float: left;
   
    margin-top: 10px;
    margin-bottom: 10px;
}
.item {
    background-color: white;
}
.para-1{
  

    color: white;
    font-size: 18px;
   
    padding: 0px 30px 14px 33px;
}


.new6{
width: 12%;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid black;
    color: black;
    margin-top: initial;
}
.lay5:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.lay63:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.lay64:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.our-team-head{
  color: black;
  text-align: center;
  font-size: 35px;
}
.our-team{
  background-color: #eaebed;
      padding-bottom: 10px;
      padding-top: 5px;
}
.last-para{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: black;
}
.last-paragraph{
 margin-left: 20px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: black;
}

.foot{
  background-color: black;
}
.logo2{
        margin-top: 30px;
}
.contact{
      margin-top: 30px;
   color: white;
}
.email{
  color: white;
}
.follow-us{
      color: white;
    margin-top: 40px;
        font-size: 20px;
}
.facebook{
float: left;
display: inline;
 margin-top: 20px;
}
.teewter{
float: left;
display: inline;
 margin-top: 20px;
}
.linkdin{
float: left;
display: inline;
 margin-top: 20px;
}
.gmail{
float: left;
display: inline;
 margin-top: 20px;
}
.lay65{
  margin-top: 20px;
}
.use-link{margin-top: 40px;
  color: white;
  text-align: center;
  font-size: 20px;
}

.home-list{
  text-align: center;
 color: white;
 font-size: 15px;
 margin-left: 20px;
}
.home-list:hover {
  color: orange;
}
.expertise-lst{ font-size: 15px;
  text-align: center;
  margin-left: 20px;
 color: white;
}
.expertise-lst:hover {
  color: orange;
}
.Product-list{ font-size: 15px;
  text-align: center;
  margin-left: 20px;
  color: white;

}
.Product-list:hover{
  color: orange;
}
img.product-img:hover {
    transform: scale(1.1);
}
.profile-list{ font-size: 15px;
  text-align: center;
  margin-left: 20px;
color: white;
}
.profile-list:hover {
  color: orange;
}

.partners-list{ font-size: 15px;
  text-align: center;
     margin-left: 20px;
color: white;
}
.partners-list:hover {
  color: orange;
}
.service-list{    
color: white;
text-align: center;
margin-left: 20px;
 font-size: 15px;
}
.service-list:hover {
  color: orange;
}
.download-profile{
     /* text-align: center; */
    color: white;
    font-weight: bold;
    font-size: 15px;
}
.download-profile:hover{
   color: orange;
}
.copright{
  text-align: center;
  color: white;
  font-size: 15px;
}
.cyhber{
 background-image: url("../images/Rectangle.png");
  background-size: cover;
  
     background-repeat: no-repeat;
     background-image: cover;

}
.cyber-img{
  float: left;
    display: inline;
    margin-top: 40px;
    height: 100px;
    margin-left: 20px;
    width: 80%;
}

.cyber-img:hover{
 
    transform: scale(1.1);

}
.cyber-sec-para{
  float: left;
  display: inline;
  color: white;
  font-size: 20px;
  margin-top: 40px;
}