@font-face {
  font-family: "Cairo";
  src: url("./fonts/Cairo-Regular.ttf");
}
* 
{
    font-family: 'Cairo';
    font-weight: 300;
    box-sizing: border-box;
}
body, html {height: 100%;}
.lead 
{
  font-size: 1rem;
  font-weight: 300;
  overflow:auto;
  overflow:initial;
}
/* h1, h2, h3, h6 
{
  margin-top: 135px;
  margin-bottom: 0.5rem;
} */
h4,h5 
{
  margin-top:0px;
  margin-bottom: 0.5rem;
}
h1,h2,h3,h4,h5{ font-weight: 400;}
.dropdown-item{color:rgb(255, 255, 255)}
.dropdown-item:hover, .dropdown-item:focus
{
  background-color: rgb(1,1,1,0);
  color: darkorange ;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
/* ::-webkit-scrollbar-track {
  background: #f1f1f1; 
} */
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.dropdown-menu
{
  background-color: rgb(24 24 24 / 70%);
  border: 0px solid rgb(255, 255, 255)
}
.menu2
{
  background-color: rgb(24 24 24 / 70%);
  width: 225px !important;
}
.f3 {
    width: 100% !important;
    margin-bottom: 20px;
}
.service-drop {
  margin-top: -10.6px !important;
}
.nav-link {
  display: block;
  padding: 5px;
}
.navbar-toggler:focus {
  outline: 0px auto -webkit-focus-ring-color !important;
}
.fiber-title {
    background: #ecead8;
    margin: auto;
    padding: 6px 0;
}
.text-lft {
  text-align: left;
}
.bar {
  margin-right: 21px;
  color: white;
}
.nav-header {
  padding: 0px;
  position: fixed;
  width: 100%;
  z-index: 100000000000000000000000011;
}
.dropdown-item{font-size: 13px;}
a:hover 
{
  color: darkorange;
  text-decoration: none;
}
/*start nav*/

.bg-light{background-color: rgb(0 0 0 / 60%) !important;} 
.navbar-light .navbar-nav .nav-link 
{
  color: rgb(255, 255, 255);
  margin-left: 10px;
  font-size: 12PX;
}
.navbar-light .navbar-nav .nav-link2 
{
  color: rgb(1, 2, 65);
  margin-left: 10px;
  font-size: 12PX;
}
.xh3 {
  float: left;
    margin-top: -10px;
    width: 90px;
    background-color: #f68700;
}
#vission-btn, #stra-btn, #miss-btn, #cli-btn {
  cursor: pointer;
}
.nav-auto {
  margin: auto !important
}
.navbar-nav{margin-right: 324px;}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active 
{
  color: darkorange;
  font-size: 12PX;
}
.navbar-light .navbar-nav .nav-link {margin-left: 51px;}
.navbar-light .navbar-nav .nav-link 
{
  margin-left: 50px;
  margin-right: -4px;
}
.navbar-light .navbar-nav .nav-link2
{
  color: rgb(1, 2, 65);
  margin-left: 22px;
  font-size: 12PX;
}
.navbar-light .navbar-nav .show > .nav-link2,
 .navbar-light .navbar-nav .active > .nav-link2,
  .navbar-light .navbar-nav .nav-link.show,
   .navbar-light .navbar-nav .nav-link2.active 
{
  color: darkorange;
  font-size: 12PX;
}
.navbar-nav a {
  width: max-content;
  margin-left: 15px !important;
  font-size: 11px !important;
}
.navbar-light .navbar-nav .nav-link2{color: rgb(255, 255, 255);}
.x13{margin-right: 10px;}

/*End nav*/

/*start slider*/

.images
{
  background: url('images/Refinery.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 100%;
  min-width: 100%;
    /* height: auto; */
  position: fixed;
  z-index: -95;
  /*position: fixed;*/
  background-attachment: scroll;
  /* overflow: scroll; */
  /* height: 100%;; */
  animation: slide 20s infinite;
  }

  @keyframes slide {
    0%{
      background-image: url('images/Refinery.jpg');
    }
    33%{
      background-image: url('images/energy-services-1.jpg');
    }
    67%{
      background-image: url('images/82bfdfc7888d04200b1e8843208eb5d5.jpg');
    }
  }

/*End slider*/

/*start intro*/

.intro
{
  /* margin-left: 145px; */
  background-color: rgba(1, 1, 1, .5);
  /* height: 425px; */
  /* width: 1065px; */
  margin-top: 150px;
  color: rgb(255, 255, 255);
}
.intr {
  /* height: 385px; */
  padding-bottom: 90px;
}
.circle::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -100%;
  width: 100%;
  height: 1px;
  background: dodgerblue;
  z-index: -10000;
}
.large-title {
  margin-top: 100px
}
.intro2
{
  background-color: rgb(0 0 0 / 55%);  /* height: 250px; */
  /* width: 1065px; */
  margin-top: 150px;
  color:rgb(255 255 255);
}
.x2 h2 
{
  margin-bottom: 15px;
  margin-top: 75px;
}
.x4 {margin-top: 20px;}
.x5 {margin-top: -10px;}
svg { margin-top: -18px;}
.x5 {margin-top: 150px;}
.x6 {margin-bottom: -80px;}
.X8,.x9{margin-top: 15px;}
.x10 
{ 
  color: rgb(255, 255, 255);
  font-size: 25px;
}
.x11
{
  margin-left: 25px;
  width: 125px;
  margin-bottom: 6px;
}
.vision-icon {
  height: 30px;
  margin-right: -7px;
}
.vision-intro {
  padding: 0 20px;
  padding-bottom: 40px;
  padding-top: 20px;
}
.owl-item img {
  width: 100%;
}
#CLIENTS {
  margin-bottom: 100px
}
.mission-icon {
    height: 30px;
    margin-right: -1px;
    margin-top: -15px;
}
.about-intro {
    /* height: 405px; */
    padding: 0 35px;
    padding-bottom: 65px;
}

.x12 
{ 
  font-size: 15px;
  color: rgb(255, 255, 255);
  margin-right: 20px;
}
.xh1{
  width: 135px;
  margin-top: 10px;
  margin-bottom: 13px;
}

/* .ic2
{
  margin-top: -146px;
  margin-right: 169px;
} */
.xh2 {
  width: 66px;
  margin-top: 7px;
}
.cont {
  text-align: center;
    margin-top: 25px;
}

/*End intro*/

/* start clients */
.center 
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding-top: auto;
}
.slick-slide 
{
  margin: 20px 20px;
  height: 100px;
}

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

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{outline: none;}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after{clear: both;}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}
.s5{margin-top: -3px;}
.s6{margin-top: 0px;}
.s1{margin-top: -8px;}
.s2{margin-top: 18px;}
.s3{margin-top: -10px;}
.s7{margin-top: 10px;}
.s8{margin-top: 0px;}
.s9{margin-top: -15px;}
.s10{margin-top: 0px;}
.s11{margin-top: -30px;}
.s12{margin-top: 30px;}
.s13{margin-top: 20px;}
.s14{margin-top: -30px;}
.s15{margin-top: -30px;}
.s16{margin-top: 15px;}
.s17{margin-top: -30px;}
.s18{margin-top: 25px;}
.s19{margin-top: 30px;}

/*End clients */

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color: rgb(255 140 0);}
  

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

  /************contact us**********/
  .phone-icn {
    font-size: 30px;
  }
  .contact-icons a {
    color: #ff8c00;
    font-size: 18px;
  }
  .contact-icons a:hover {
    color: #ec8508;
  }
  .head-off {
    font-weight: 600;
    font-size: 18px;
  }
.contact-header {
    height: 350px;
    background-image: url(images/contact.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 40px;
}

.x27{height: 280px;}

  /* start nav */
.x22,.x32 {background-color:rgba(9, 9, 9, 0) !important;} 

  /* End nav */

  /* start images 2 */
  
.p2
{
  margin-left: auto !important;
  height: 300px;
}
.p3
{
  margin-left: 220px !important;
  height: 300px;
}
.overlaycolor
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #021e2f;
  z-index: 1;
}
.overlay
{
  background: url('images/Contact-us-banner.png');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 2;
}

/* End images 2 */

/* start logo */

.x21
{
  width: 250px;
  height: 150px;
  margin-top: 300px;
  position: fixed;
  z-index: 9999;
}

/*End logo*/


.title
{
  color: rgb(36, 35, 35);
  margin-top: 0px;
  font-size: 30px;
}

.x23,.x33
{
  color: rgb(36, 35, 35);
  margin-top: 350px;
  margin-left: 500px;
}
.xx33
{
  color: rgb(36, 35, 35);
  margin-top: -30px;
  margin-left: -160px;
}
/*End title*/
#loading {
  width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    /* opacity: 0.7; */
    background-color: #fff;
    z-index: 9999999999999999999999999;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*#loading-image {*/
/*  position: absolute;*/
/*  top: 100px;*/
/*  left: 240px;*/
/*  z-index: 100;*/
/*}*/
/* start footer */
footer{width: 100%;}
.x24,.x34{margin-top: 495px;}
.xx34{margin-top: 360px;}
.x25,.x35{padding-left: 200px;}
.x26{font-size: 16px;}
.xx25{margin-top: -150px;}

.footer-logo {
  width: 85%;
}
footer ul {
  list-style: none;
  margin-top: 14px;
  padding-left: 0;
}
/* footer ul li {
  display: inline-grid;
} */
footer ul li a {
  color: white;
  font-size: 12px;
  margin-right: 10px;
}
.footer-text {
  color: white;
  font-size: 12px;
  line-height: 21px;
  margin-top: 20px;
}
footer {
  background-color: rgb(0 0 0 / 55%);
}
.footer-container {
  border-bottom: 2px solid #e2d8d8;
  margin-bottom: 20px;
}
.rights {
  border-top: 1px solid grey;
  color: white;
  font-size: 9px;
  line-height: 21px;
  margin-top: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
}
/*End footer*/



/* start title */

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

  /************storage tanks**********/

/* start background*/
.overlay2
{
  background: url('images/Background-Image-Petroleum-Bulk-Storage-Tanks.jpg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  
  z-index: 2;
}
.storage-header {
  height: 350px;
  background-image: url(images/photo.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
}

.xx39{margin-left: 50px;}
/* End background*/

/*body*/

.x36
{
  margin-left: -187px;
  margin-top: 30px;
  color: rgb(88, 88, 88);
}

.x37
{
  margin-left: -160px;
  margin-top: 30px;
  font-size: 25px;
}
.x33
{
  color: rgb(252, 252, 252);
  margin-top: 120px;
  margin-bottom: 20px;
  margin-left: 0px;
}

.x38
{
  margin-top: 70px;
  font-size: 22px;
  margin-bottom: 30px;
}

.x39{color: rgb(77, 77, 77);}

hr {
  /*width: 350px;*/
  height: 1px;
  background: #dfe6e6;
}
  .portiflio .img25
  {
      background-image:url(images/dd.jpg);
  }
  .portiflio .img26
  {
      background-image:url(images/unnamed.jpg);
  }
  .portiflio .img27
  {
      background-image:url(images/photo.jpg);
  }
  .portiflio .img28
  {
      background-image:url(images/pressure-vessel.jpg);
  }
  .portiflio .img29
  {
      background-image:url(images/116406730_322491145794919_2699781386533787141_n.jpg);
  }
  .portiflio .img30
  {
      background-image:url(images/90908189_231038738273494_5201671678580490240_o.jpg);
  }
  /*****************************/

    /************pipng**********/

/* start background*/
.pipes-header {
  height: 350px;
  background-image: url('images/iStock-640322960 pipeline.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
}
.overlay3
{
  background: url('images/iStock-640322960 pipeline.jpg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  
  z-index: 2;
}
.xx35{margin-top: 350px;}
  
/* End background*/

/*body*/

.x36
{
  margin-left: -155px;
  margin-top: 30px;
  color: rgb(88, 88, 88);
}

.x37
{
  margin-left: -160px;
  margin-top: 30px;
  font-size: 25px;
}
.x33
{
  color: rgb(252, 252, 252);
  margin-top: 120px;
  margin-bottom: 20px;
  margin-left: 0px;
}

.x38
{
  margin-top: 70px;
  font-size: 22px;
  margin-bottom: 30px;
}

.x39{color: rgb(77, 77, 77);}

hr {
  /*width: 350px;*/
  height: 1px;
  background: darkorange;}

  .x67
{
  margin-left: -160px;
  margin-top: -250px;
  font-size: 25px;
}
.portiflio .img10
{
    background-image:url(images/1_62WJpBzEdlsjlc2TtjFf3g.jpeg);
}
.portiflio .img11
{
    background-image:url(images/pipelinevalve.png);
}
.portiflio .img12
{
    background-image:url(images/713723270892644454.jpg);
}
.portiflio .img13
{
    background-image:url(images/original.jpg);
}
.portiflio .img14
{
    background-image:url(images/procad-3d-plant-modeling-1000x737-1.jpg);
}
.portiflio .img15
{
    background-image:url(images/valves-solutions.forum_.jpg);
}
.portiflio .img16
{
    background-image:url(images/hero-protect-centrifugal-pump.jpg);
}
.portiflio .img17
{
    background-image:url(images/shutterstock_332680175-scaled.jpg);
}
.portiflio .img18
{
    background-image:url(images/Single-Stage-Single-Suction-Horizontal-End-Suction-Centrifugal-Pump-ISO2858-IS-Pump-.jpg);
}
  /*****************************/


/************Engineering**********/

.x56 
{
  margin-bottom: 80px;
  margin-top: 80px;
  margin-left: -152px;
}

.overlay4
{
  background: url('Plan-Printing.jpg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 2;
}
.portiflio .img43
{
    background-image:url(images/image_o.jpg);
}
.portiflio .img44
{
    background-image:url(images/3D-render-design-realistic-CAD-1440x960.jpg);
}
.portiflio .img45
{
    background-image:url(images/2_7.jpg);
}
.portiflio .img46
{
    background-image:url(images/ISO1.PNG);
}
.portiflio .img47
{
    background-image:url(images/3d1.PNG);
}
.portiflio .img48
{
    background-image:url(images/3.PNG);
}
/*****************************/

/************Electrical**********/
.overlay5
{
  background: url('colocation-data-center.jpg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  
  z-index: 2;
}
.portiflio .img31
{
    background-image:url(images/31.jpg);
}
.portiflio .img32
{
    background-image:url(images/35.jpg);
}
.portiflio .img33
{
    background-image:url(images/distributed-control-systems.jpg);
}
.portiflio .img34
{
    background-image:url(images/internal-bus-field-terminal-wiring-e1536096203941.jpg);
}
.portiflio .img35
{
    background-image:url(images/kns_en.bmp);
}
.portiflio .img36
{
    background-image:url(images/lighting-industrial.jpg);
}
/*****************************/

/************Steel**********/
.steel-header {
  height: 350px;
  background-image: url(images/steel-structure-77080539-1200pxW.550b7136.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
}
.steel-icon {
  font-size: 35px;
}
.overlay6
{
  background: url('structure_architecture_construction_119793_3840x2160.jpg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  
  z-index: 2;
}
.portiflio .img19
{
    background-image:url(images/20190112095507_59822.jpg);
}
.portiflio .img20
{
    background-image:url(images/15512387935326933.jpg);
}
.portiflio .img21
{
    background-image:url(images/20180817041291549154.jpg);
}
.portiflio .img22
{
    background-image:url(images/Steel-Structure-Design.jpg);
}
.portiflio .img23
{
    background-image:url(images/warehouse-1.jpg);
}
.portiflio .img24
{
    background-image:url(images/steel-structure-77080539-1200pxW.550b7136.jpg);
}
/*****************************/

/************Instrumentation & Fittings**********/
.fire-header {
  height: 350px;
  background-image: url('images/Home_Fire.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
}
.socials {
  position: fixed;
  left: 0;
  top: 33vh;
  height: 80px;
  text-align: center;
  padding-top: 5px;
  box-shadow: 0px 1px 4px #2b2929;
  width: 32px;
  background: rgb(0 0 0 / 55%);
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  z-index: 1000;
}
.socials a {
  color: white;
}
.socials a:hover {
  color: #fe8c00;
}
.fiber-header {
  height: 350px;
  background-image: url('images/2017073014484123772.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
}
.eng-header {
  height: 350px;
  background-image: url('images/tech.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
}
.inst-header {
  height: 350px;
  background-image: url('images/Rosemount.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
}
.electric-header {
  height: 350px;
  background-image: url('images/colocation-data-center.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
}
.overlay7
{
  background: url('Rosemount.jpg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 2;
}
.portiflio .img37
{
    background-image:url(images/Emerson1017_Plunger-Lift-Fig-1.png);
}
.portiflio .img38
{
    background-image:url(images/instrumentation-and-electrical.jpg);
}
.portiflio .img39
{
    background-image:url(images/Piping-systems-620x413.jpg);
}
.portiflio .img40
{
    background-image:url(images/product-group.jpg);
}
.portiflio .img41
{
    background-image:url(images/rosemount-3051s.jpg);
}
.portiflio .img42
{
    background-image:url(images/Swagelok_GBValve_Accessories-1024x1024.jpg);
}
.small-img {
  width: 100px !important;
}

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

/************PROJECTS**********/
.projects-header {
  height: 350px;
  background-image: url(images/wp2890910.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
}
.white {
    color: white;
}
.project-title {
  font-size: 35px;
  letter-spacing: 3px;
}
.project-row {
  display: flex;
  justify-content: center;
  height: 100%;
  color: white;
  align-items: center;
}
.cont div {
  display: inline-block;
}
.overlay212 {
  height: 350px;
  background-color: rgb(2 30 47 / 45%);
}
.overlay11
{
  background: url('images/wp2890910.jpg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  
  z-index: 2;
}

.card-img-top{height: 150px;}

.about-us3
{
  /*height: 400px;*/
  margin-top: 20px;
}
.about-us4
{
  height: 400px;
  margin-top: 100px;
}

.card 
{
  margin:30px;
  margin: auto;
  padding: 0;
  text-align: center;
  margin-bottom: 20px !important;
  margin-right: 20px;
}
.x01{font-size: 18px;}
.x02,.x03{font-size: 15px;}
.x03{margin-top: -10px;}
.card {
  overflow: hidden;
  height: 375px;
}
.xxx3{margin-left: -140px;}

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


/************Fiber**********/
.overlay12
{
  background: url('2017073014484123772.jpg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  
  z-index: 2;
}
.xxx36{color: red;}
.f1
{
  width: 80%;
  margin-top: 5px;
}
.f2
{
  width: 80%;
  margin-top: 30px;
}
.r2
{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 100px;
  margin-left: -15px;
}
.r3
{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 100px;
  margin-left: -15px;
  margin-top: 100px;
  margin-bottom: 50px;
}
.wx36{margin-left: 10px;}
.f4{height: 400px;}
.f5{margin-top: -30px;}

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


/************FF**********/
/*Start portiflio*/

.portiflio
{
  background-color: #f8f8f8;
  margin-top: 0;
  /* padding-top: 70px; */
  padding-bottom: 70px
}
.port-row {
  display: flex;
  justify-content: space-evenly;
  margin-right: 0;
}
.portiflio .row .img1,.portiflio .row .img2,
.portiflio .row .img3,.portiflio .row .img4,
.portiflio .row .img5,.portiflio .row .img6,
.portiflio .row .img7,.portiflio .row .img8,
.portiflio .row .img9,
.portiflio .row .img10,.portiflio .row .img11,
.portiflio .row .img12,.portiflio .row .img13,
.portiflio .row .img14,.portiflio .row .img15,
.portiflio .row .img16,.portiflio .row .img17,
.portiflio .row .img18,
.portiflio .row .img19,.portiflio .row .img20,
.portiflio .row .img21,.portiflio .row .img22,
.portiflio .row .img23,.portiflio .row .img24,
.portiflio .row .img25,.portiflio .row .img26,
.portiflio .row .img27,.portiflio .row .img28,
.portiflio .row .img29,.portiflio .row .img30,
.portiflio .row .img31,.portiflio .row .img32,
.portiflio .row .img33,.portiflio .row .img34,
.portiflio .row .img35,.portiflio .row .img36,
.portiflio .row .img37,
.portiflio .row .img38,.portiflio .row .img39,
.portiflio .row .img40,.portiflio .row .img41,
.portiflio .row .img42,
.portiflio .row .img43,.portiflio .row .img44,
.portiflio .row .img45,.portiflio .row .img46,
.portiflio .row .img47,.portiflio .row .img48
{
  /* max-width: 31%; */
  height: 300px;
  /* overflow: hidden; */
  background-size: cover;
  margin-left: -12px;
  margin-bottom: 12px;
  padding-left: 0px;
}

.portiflio .img1{background-image:url(images/p-one.jpg);}
.ff1{margin-top: 0px;}
.portiflio .img1 .km
{
  background-color: aqua;
  width: 353px;
  height: 300px;
  overflow: hidden;
  margin-bottom: 12px
}

.portiflio .img1
{
    background-image:url(images/43.jpg);
}
.portiflio .img2
{
    background-image:url(images/fire-alarm.jpg);
}
.portiflio .img3
{
    background-image:url(images/FF.jpg);
}
.portiflio .img4
{
    background-image:url(images/industrial-fire-alarm-systems-500x500.jpg);
}
.portiflio .img5
{
    background-image:url(images/B-Safe-Security_How-Do-Fire-Detection-Systems-Work_Image-1.jpeg);
}
.portiflio .img6
{
    background-image:url(images/19.jpg);
}
.portiflio .img7
{
    background-image:url(images/150304JHE-Chua-chay-1.jpg);
}
.portiflio .img8
{
    background-image:url(images/fire-protection-sprinker-system-in-a-chemical-plant.png);
}
.portiflio .img9
{
    background-image:url(images/36.jpg);
}
.portiflio p
{
    margin-top: 20px;
    font-size: 15px;
    margin-bottom: 40px;
    color: #626262
}

@media screen and (min-width: 994px) {
.me {
   margin-left: 200px;
  }
  
}
@media screen and (max-width: 992px) {
.menu2 {
  background-color: transparent !important;
  margin-left: 0 !important;
}
.dropdown-menu
{
  background-color: rgb(24 24 24 / 70%);
  border: 0px solid rgb(255, 255, 255)
}
.menu2
{
  background-color: rgb(24 24 24 / 70%);
  width: 225px !important;
}
.service-drop {
  margin-top: -21.6px !important;
}
.nav-link {
  display: block;
  padding: 5px;
}
.navbar-toggler:focus {
  outline: 0px auto -webkit-focus-ring-color !important;
}
.text-lft {
  text-align: left;
}
.bar {
  margin-right: 21px;
  color: white;
}
.nav-header {
  padding: 0px;
  position: fixed;
  width: 100%;
  z-index: 10000000000000000000000001;
}
.dropdown-item{font-size: 13px;}
a:hover 
{
  color: darkorange;
  text-decoration: none;
}

/*start nav*/

.bg-light{background-color: rgb(0 0 0 / 60%) !important;} 
.navbar-light .navbar-nav .nav-link 
{
  padding-left: 30px;
  color:black;
  margin-left: 10px;
  font-size: 12PX;
  width: 100%;
  border-bottom: 1.5px solid #c5c5c5;
  padding: 10px;
}
.navbar-collapse {
  background-color: white;
  transition: all 1.5s ease 0s;
  z-index: 100000000000000000000000011;
}
.navbar-light .navbar-nav .nav-link2 
{
  color: rgb(1, 2, 65);
  margin-left: 10px;
  font-size: 12PX;
}
.dropdown-item{
  color: black !important
}
}
@media screen and (max-width: 765px) {
  .text-cn {
    text-align: center !important;
  }
}
@media screen and (max-width: 1189px) {
.me {
   margin-left: 200px;
  }
}
@media screen and (min-width: 1189px) {
.me {
   margin-left: -15px;
  }
}
@media screen and (max-width: 770px){
    .portiflio .row .img1,.portiflio .row .img2,
.portiflio .row .img3,.portiflio .row .img4,
.portiflio .row .img5,.portiflio .row .img6,
.portiflio .row .img7,.portiflio .row .img8,
.portiflio .row .img9,
.portiflio .row .img10,.portiflio .row .img11,
.portiflio .row .img12,.portiflio .row .img13,
.portiflio .row .img14,.portiflio .row .img15,
.portiflio .row .img16,.portiflio .row .img17,
.portiflio .row .img18,
.portiflio .row .img19,.portiflio .row .img20,
.portiflio .row .img21,.portiflio .row .img22,
.portiflio .row .img23,.portiflio .row .img24,
.portiflio .row .img25,.portiflio .row .img26,
.portiflio .row .img27,.portiflio .row .img28,
.portiflio .row .img29,.portiflio .row .img30,
.portiflio .row .img31,.portiflio .row .img32,
.portiflio .row .img33,.portiflio .row .img34,
.portiflio .row .img35,.portiflio .row .img36,
.portiflio .row .img37,
.portiflio .row .img38,.portiflio .row .img39,
.portiflio .row .img40,.portiflio .row .img41,
.portiflio .row .img42,
.portiflio .row .img43,.portiflio .row .img44,
.portiflio .row .img45,.portiflio .row .img46,
.portiflio .row .img47,.portiflio .row .img48
{
  margin-left: 15px;
}
  .me {
    margin-left: 100px;
  }
  .footer-logo {
    width: 45%;
    float: left;
  }
}
/* @media screen and (max-width: 576) {
.col-sm-5  {
  margin: auto !important
} */
  
/* } */
@media screen and (max-width: 640px) {
  .images {
      animation: unset;
  }
}
.overlay13
{
  background: url('Home_Fire.png');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  
  z-index: 2;
}
/*End portiflio*/

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

@media only screen and (max-width: 576px) {
  .card {
    margin: auto !important;
    margin-bottom: 20px !important;
  }
  .project-title {
    font-size: 30px !important
  }
}