:root {
  --primaryColor: #000000;
  --secondaryColor: #1C1B1B;
  --fontColor: #fff;
  --redColor:#EF0100;
}
/* 
@font-face {
  font-family: "Candara";
  src: url("../fonts/Candara.ttf");
  
} */

body{
  font-family: 'Open Sans', Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 

  
    overflow: scroll;

    background-position: initial initial; 
    background-repeat: initial initial;
    background-color: var(--primaryColor);
    color: var(--fontColor) !important;
  }
  

.text-muted
{
    --bs-text-opacity: 1;
    font-size: 38px;
    color: var(--redColor)!important;
    
    
}
  
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
 
  background-color: var(--redColor); 
   border-color: var(--redColor); 
}

h1 { 
  font-family: "Open Sans", Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
  font-size: 48px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 600; 
  line-height: 60px; 
} 

h2 { 
  font-family: "Open Sans", Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
  font-size: 30px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 600; 
  line-height: 50px; 
} 

h3 { 
  font-family: "Open Sans", Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
  font-size: 24px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 700; 
  line-height: 30px; } 
  

  
h4 { 
  
  font-family: "Open Sans", Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
  font-size: 20px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 700; 
  line-height: 24px; } 
  
  
h5 { 
  font-family: "Open Sans", Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
  font-size: 18px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 700; 
  line-height: 20px; 
  color: var(--fontColor) !important;} 
  
  
h6 { 
  font-family: "Open Sans", Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
  font-size: 16px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 700; 
  line-height: 18px; 
  color: var(--fontColor) !important;
} 
  
  
  
  p { 
    font-family: "Open Sans", Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
    font-size: 18px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 200; 
    line-height: 2rem; 
    text-align: justify;
    color: var(--fontColor) !important;
  } 

    blockquote { 
      font-family: "Open Sans", Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
      font-size: 21px; 
      font-style: normal; 
      font-variant: normal; 
      font-weight: 400; 
      line-height: 30px;
     } 
      
      pre { 
        font-family: "Open Sans", Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
        font-size: 13px; 
        font-style: normal; 
        font-variant: normal; 
        font-weight: 400; 
        line-height: 18.5714px; 
        color: var(--fontColor) !important;
      }

      .navbar{
        background-color: var(--primaryColor) !important;
         height: 76px;
      }

      .navbar-collapse {
        background-color: var(--primaryColor) !important;
        color: var(--fontColor) !important;
        
      }
      .carousel-indicators button{
        background-color:var(--redColor) !important;
      }

      
.navbar-nav{
  margin-left: 2rem;

}
     
      .company-name{

        font-family: 'Open Sans';
        font-weight:600;
        font-size: 1.5rem;
        line-height: 2rem;
        float: left;
          margin-left: 180px;
          transition: height 0.3s ease-in-out;
        
       
      }

      
      .navbar-brand img {
        position: absolute;
        top:0;
        height: 105px;
        transition: height 0.3s ease-in-out;
    }
    
  
    .navbar-shrink .navbar-brand img {
      height: 76px;
   }
  
   .navbar-shrink .company-name {
    margin-left: 115px;
 }

 .carousel-caption {
  /* background-color: rgba(0,0,0,.5);
  color: #fff; */
     
    position: absolute;
    top: 60%;
    
  }


@media(max-width: 768px) {
  .carousel-caption h3{
    font-size: 1.4rem;
    line-height: 1.6rem; 
    
  }
  .carousel-caption h6{
    font-size: 1.2rem;
    line-height: 1.2rem;  font-weight: lighter;

    
  }
}

@media(max-width: 576px) {
  .carousel-caption h3{
    font-size: 1.2rem;
    line-height: 1.4rem; 
   
  }
  .carousel-caption h6{
    font-size: 1rem;
    line-height: 1rem; 
    font-weight: lighter;
   
  }
}    
    
.main-img {
  position: relative;
  height: 650px;
  margin-top: 76px; 
  background-color: var(--accentColor); 
  background-image: url(/images/EIL-Pyramids-Ship.jpg);
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: 6%;
}

@media(max-width: 992px) {
  .main-img {
    height: 500px;
    margin-top: 56px;
  
  }
}

@media(max-width: 768px) {
  .main-img {
    height: 400px;
    margin-top: 36px;
  
  }
}

@media(max-width: 576px) {
  .main-img {
    height: 300px;
    
    
  }
}

      /* .navbar-brand{

        font-family: 'Candara';
        font-weight:800;
        font-size: 1.5rem;
        line-height: 2rem;
      } */


.alternate{
  background-color: var(--secondaryColor);
  border-radius: 2rem;
  padding-left: 0 !important;
  --bs-gutter-x: 0rem;
}

.alternate img{
  height: 100%;
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

.section-grey{
  margin-top: 3rem;
  background-color: var(--secondaryColor);
  
}
.card-body{
   background-color: black; 
   /* background-image: var(--bs-gradient)!important; */
   background-image: radial-gradient(circle,rgb(81, 80, 80),rgb(43, 41, 41), black);
  border-radius: 0 0  0.375rem  0.375rem;

}
.card{
   /* background-color: white;  */
  /* background-image: url(/images/bkg01.jpg); */
  align-items: center;
  border: 0;

  
}

.nav-link{
margin-left: 0.1rem;
font-family: "Open Sans";
font-style:normal;
font-weight:400;
font-size: 1rem;
line-height: 1rem;
color: var(--fontColor);

}


.navbar-nav {
  
  
  --bs-nav-link-hover-color: var(--redColor);
  
 
}

 .navbar .active, .navbar .active:focus, .navbar >a {
 border-radius: 4px;
  background-color: var(--redColor)  ; 
}

.ml-auto, .mx-auto {
  margin-left: auto !important;
}

.Social-links{
  
  
  padding-right: 0 !important;
  margin-right: 0;
}

.Social-links > .btn {

  margin-right: 0.5rem !important;

}

.btn.btn-social-icon{
  width: 30px;
  height: 30px;
  padding: 0;
  /* border-radius: 50px; */
  background: var(--redColor);
  color: var(--primaryColor);
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EF0100'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EF0100'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.slider-caption{
 position: absolute; 
text-align: left;
font-family: "Open Sans";
font-style: normal;
padding-top: 1.5rem; 
padding-left: 2.5rem;
color: var(--redColor);

}



.slider-caption p{
    font-size: 16px;
    padding-left: 4rem;
}

 
.slider-caption h1
{
  font-family: "Open Sans";
  font-weight: 200;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.slider-caption h2{
  font-family: "Open Sans";
  font-weight: 200;
  font-size: 1rem ;
  line-height: 1.2rem;
  padding-left: 2rem;
}

 .btn-primary{
  font-family: "Open Sans";
   font-size: .7rem;
   font-weight: 100;
   background-color: transparent;
   color: var(--fontColor) !important;
   --bs-btn-hover-bg:var(--redColor);
   --bs-btn-hover-border-color: var(--redColor);
    border-color:  var(--redColor);
    border-width: 2px;

  } 
  .btn-primary{
    
    font-size: 1.1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  

   } 

   .btn-black{
    background-color: var(--primaryColor) !important;
    color: var(--redColor) !important;
    --bs-btn-hover-bg:var(--redColor);
   }
  
   .btnPrimary{
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 0.6rem;
  }

@media only screen and (max-width: 767px)
{
    
    .navbar-collapse {
    
      position: absolute;
      top: 76px !important;
      right: 0;
      left: 0;
      z-index: 1;
  
     text-align: left;
}
    
}

@media (min-width: 1200px){

.nav-link{
  margin-left: 0.1rem;
  font-family: "Open Sans";
  font-style:normal;
  font-weight:400;
  font-size: 1.1rem;
  line-height: 1.5rem;
  }

 

    .btnPrimary{
   
      margin-top: 8rem !important;
    }
    

  .slider-caption{
   padding-top: 8rem; 
   }
   
.slider-caption h1{
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 2.75rem;
  line-height: 3rem;
}

.slider-caption h2{
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.25rem;
  padding-left: 4rem;
}
}



.btn-contactus {
  
 font-family: "Open Sans";
 font-size: 18px;
 font-weight: 100;
 background-color: var(--primaryColor);
 color: #CECDD9;

/* padding:  10px 50px 10px 50px; */
 /* position: absolute; */
 /* right: 0; */
 bottom: 0;
 left: 0;
 z-index: 2;
 display: flex;
 justify-content: left;
 border-radius:15px;
 /* margin-right: 15%; */
 margin-bottom: 5rem;
 /* margin-left: 10rem; */
 list-style: none;
 
 border-color:  var(--accentColor);
box-shadow: 0 12px 16px 0 var(--primaryColor),0 17px 50px 0 var(--secondaryColor);
  
}

.btn-contactus:active
{
  background-color: var(--secondaryColor) !important;
  color: #CECDD9 !important;
  border-color:  var(--accentColor);
}
.btn-contactus:hover{
  background-color: var(--maronColor);
 color: #CECDD9;

 border-color:  var(--accentColor);
 
}

/* .btn-primary{
 
font-family: "Candara";
 font-size: 18px;
 font-weight: 100;
 background-color: var(--primaryColor);
 color: #CECDD9;
min-width: max-content;

} */


.aboutus p{
  padding: 2px 20px;
  line-height: 2rem;
}
.aboutus img{
  position: relative;
  
 
  border-radius: 2rem; 
  vertical-align:middle;
  /* box-shadow: 0 12px 16px 0 var(--primaryColor),0 17px 50px 0 var(--secondaryColor); */
}


.services{
  font-size: 5rem; 
  color:var(--fontColor);

  
  
}


.service-item{
  visibility: visible;
  animation-delay: 0.1s; 
  animation-name: fadeInUp;
}

.bg-linear-gradient-dark {
  background-color:var(--primaryColor);
  background-image: linear-gradient(to right top,white 50%,var(--accentColor) 90%);
}



.footer{
  background-color: var(--redColor) !important;
}

.footer-main {
  
 
  color:var(--fontColor)
}

.footer-main li.div {
 
  color:var(--fontColor)
}
.footer-main .text-muted {
 
  color:var(--fontColor) !important
}

.footer-sub{
  background-color: var(--redColor);
  background-image: linear-gradient(to bottom,var(--secondaryColor),var(--primaryColor) 40%);
  color: var(--fontColor);
  height: 70px;
  
}

.separator{
  margin-top: 15px;
  background-color: var(--redColor);
 
  height: 2px;

  background-image: linear-gradient(to right,var(--primaryColor),var(--redColor) 55%,var(--primaryColor));
  
  
  
}

.moveTop{
  display: none;
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--redColor);
    width: 36px;
    height: 36px;
    background: var(--primaryColor);
    padding: 0;
    line-height: 36px;
    border-radius: 4px;
    transition: 0.3s ease-out;
}

.office-link{
  position:relative; 
  top: -76px; 
  visibility: hidden;
}

.owl-carousel {
 
  position: relative; 
}

.owl-carousel .owl-item {
    opacity: 1; 
}
    
.owl-carousel .owl-item.active {
      opacity: 1; 
}
  .owl-carousel .owl-nav {
    
    position: absolute;
    top: 50%;
    width: 100%; }

    .owl-carousel .owl-item img {
      position: relative;
      margin: 20px;
      border-radius: 8px !important;
      width: 210px !important;
      text-align: center !important;
      opacity: 80%;
  }

  .card-title{
    text-align: center;
  }
    .card-text-p{
      text-align: center;
      min-height: 250px;
    }
   .heading {
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 600; 
    min-height: 48px;;
   }
     .heading a {
      color: var(--redColor); 
      text-decoration: none;
    }
      .heading a:hover,  
      .heading a:focus, 
      .heading a:active {
        color: #fff; 
      }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev{
      font-size: 30px !important    }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: absolute;
      /* -webkit-transform: translateY(-50%); */
      /* -ms-transform: translateY(-50%); */
      /* transform: translateY(-50%); */
      margin-top: -10px;
      color:var(--redColor) !important;
      font-size: 30px;
      /* -webkit-transition: 0.7s; */
      /* -o-transition: 0.7s; */
      /* transition: 0.7s; */
      /* opacity: 0;  */
    }
      /* @media (prefers-reduced-motion: reduce) {
        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; } } */
      /* .owl-carousel .owl-nav .owl-prev span:before,
      .owl-carousel .owl-nav .owl-next span:before {
        font-size: 30px; } */
    .owl-carousel .owl-nav .owl-prev {
      left: -20px; }
    .owl-carousel .owl-nav .owl-next {
      right: -20px; }
  .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px; }
    /* .owl-carousel .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin: 5px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.1);
      position: relative; }
      .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {
        outline: none !important; }
      .owl-carousel .owl-dots .owl-dot.active {
        background: #ff487e; } */
  /* .owl-carousel:hover .owl-nav .owl-prev,
  .owl-carousel:hover .owl-nav .owl-next {
    opacity: 1; } */
  /* .owl-carousel:hover .owl-nav .owl-prev {
    left: -25px; }
  .owl-carousel:hover .owl-nav .owl-next {
    right: -25px; } */

/* .owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y; } */

  .center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .gallery{

     position: relative;

   
    height: 750px;
    background-image: url(../images/gallery.jpg)
    ;
  }



  
  #demo {
    height:100%;
    position:relative;
    overflow:hidden;
  }
  
  
  .green{
    background-color:#6fb936;
  }
          .thumb{
              margin-bottom: 30px;
          }
          
          .page-top{
              margin-top:85px;
          }
  
     
  img.zoom {
      width: 100%;
      height: 200px;
      border-radius:5px;
      object-fit:cover;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
  }
          
   
  .transition {
      -webkit-transform: scale(1.2); 
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
  }
      .modal-header {
     
       border-bottom: none;
  }
      .modal-title {
          color:#000;
      }
      .modal-footer{
        display:none;  
      }