body {
  padding: 0px;
  margin: 0px;
}
.header1 {
  background-color: white;
  position: relative;
  z-index: 1000;


}
img.phone {
     
    height: 20px;
    width: 20px;
    padding-bottom: 2px;
}
div.data1 {
    background-color: darkgoldenrod;
    position: relative;
}
div.part1 {
    display: inline-block;
}

div.firstOfHead {
    
     padding-top: 9px;
    padding-left: 50px;
}
div.number {
  
    display: inline;
   
}

span.Number1 
{ 

 font-size: 15px;
 font-weight: 200;
 padding-top: 0px;
 padding-left: 9px;
 color: #ffffff;

}
a 
{
    display: flex;
    color: black;
    text-decoration: none;
}
img.loc {
    width: 25px;
}
div.secondOfHead {
    float: right; 
    margin-top: 2px;
    padding-right: 10px;
}
img.loc {
    padding: 2px;
}
span.loc2 {
     color: #ffffff;
    font-size: 12px;
}

img.time {
    padding-right: 5px;
    width: 13px;
    padding-top: 3px;
}
h1.time1 {
    color: #ffffff;
    font-weight: 200;
    word-spacing: 1px;
    letter-spacing: 1px;
    font-size: 14px;
    display: inline;
    padding-bottom: 12px;
    text-transform: uppercase;
}
div.lastOfpart1 { 
  
    display: inline-block;
    position: absolute;
    bottom: 6px;
    left: 220px;

}
div.line {
    background-color: #939393;
    width: 100%;
    height: 1px;
    margin-top: 2px;
}
.logo01 {
  display: none;
}
img.logo1 {
  width: 115px;
  height: 88px;

}

img.logo {
    
     padding-top: 5px;
     width: 300px;
     height: 90px;

}
div.logo0 {
    display: inline-block;
}
/*div.head1 {

    
}   */

nav.navbar
{ 
    position: relative;
    top: 32px;
    left: 0px; 
    float: right;
}
nav.navbar h1
{ 
      margin-top: 0px;
      margin-bottom: 0px;
      padding-top: 7px;
      font-size: 21px;
      font-weight: 500;
      text-transform: capitalize;
      display: inline-block;
      padding-right: 17px;
}
   .navbar a {

   
    float: left;
    text-decoration: none;
    font-size: 17px; 
    color: rgb(0, 0, 0);
    text-align: left;
          
      
   }
   nav.navbar a:hover{
    color:#54ccff;
  }

  .navdrop {
      width: 300px;
      background-image: linear-gradient(164deg, #f1f1f1, #ffffff);
     height: 100%;
     list-style: none;
     float: right;    
      text-align: center;
      font-size: 22px;
      position: fixed;
      top:  0px;
      right: 0px;
      overflow-y: scroll;
      display: none;
   }
   .line3 {
     margin-top: 80px;
     height: 1px;
     background-color: #c9c9c9;
   }
 
   
   .number22  {
 
     margin-top: 40px;
     padding-left: 21px;
   }
   .Number21  {
   
   color: #7f7f7f;
   font-size: 16px;
   }
   img.phone1 {
     height: 20px;
     width: 20px;
     padding-right:8px ;
     padding-top: 1px;
    
   }
   
   .navdrop li  { 
      
      padding-top: 15px;
 
   }
   .navdrop li a { 
     font-weight: 500;
     display: inline;
     color: #000000;
     
   }
   .time02 {
     margin-top: 35px;
  text-align: left;
  
   padding-left: 26px;
   }
 
   .time2 {
     font-size: 16px;
     display: inline-block;
     font-weight: 200;
     padding-left: 4px;
     padding-right: 7px;
     color: #7f7f7f;
     
   }
   .loc22 {
     padding-bottom: 50px;
     margin-top: 40px;
     padding-left: 20px;
     padding-right: 10px; 
    /* text-alinge: */
      
   }
   img.locc {
     width: 30px;
     height: 30px;
   } 
 .loc33 {
   font-size: 16px;
   font-weight: 200;
   margin-bottom: 50px;
   color: #7f7f7f;
 }

   .font1 {
    font-family: "Saira Semi Condensed", sans-serif;
    font-weight: 500;
    font-style: normal;
   }
   .font2 {
    font-family: "Saira Semi Condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
   }
    .font3 {
   font-family: "Mate SC", serif;
   font-weight: 600;
   font-style: normal;
    }
   

  .font4 {
  font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.font5 {

  
        font-family: "Archivo Black", sans-serif;
        font-weight: 400;
        font-style: normal;
      
}
.font6 {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;


}
.font7 {
font-family: "Merriweather Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}


.font8 {
  
  font-family: "LXGW WenKai Mono TC", serif;
  font-weight: 300;
  font-style: normal;

}
.font9 {
font-family: 'Gruppo';
font-style: normal;
font-weight: 400;
}
.font10 {
font-family: 'Dela Gothic One';
font-style: normal;
font-weight: 400;
}
.font11 {
font-family: 'New Amsterdam';
font-style: normal;
font-weight: 400;
}
.font12 {
font-family: 'Luckiest Guy';
font-style: normal;
font-weight: 400;
}
.font13 {
font-family: 'Comic Neue';
font-style: italic;
font-weight: 300;
}
.font14 {
font-family: 'Andika';
font-style: italic;
font-weight: 400;
}


  .navbar li {
 padding: 0px; 
  }
    .open  {
     height: 290px;  
     
  
   }
 
 
   
   div.sec2 {
      overflow: hidden;
    width: 100%;
     height: 8px;
     background-color: #b8860b;
   } 
    ul.ggg {
     display: flex;
      margin: 0;
     padding: 0px;
    }
    li.n1 {
     margin-left: 240px;
    }
    li.n2 {
     padding-right: 0px;
    }
    li.gg {
       width: 33%;
      list-style: none;
  
    }
   .sec2 li.gg a {
      padding-top: 2px;
     text-transform: uppercase;
     font-style: oblique;
     font-size: 20px;
     color: #86ccec;
     padding-right: 0;
     display: inline-block;
      }
    .sec2 li.n0 a {
 
 
           width: 97px;
    }
    .sec2 li.n2 a {
 
 
     width: 85px;
 }
     li.gg a:hover {
    
      color: #d6ffe3;
   }


   div.menu-bar { 
      /* margine-top : 50px ;
      padding left 40px */  
      
  
      text-align: right;
      position: absolute;
      top: 24px;
      right: 30px;
      display: none;
    }
    button.toggle-menu {
  
      background: none;
      border: none;
       width: 38px;    
       cursor: pointer;
       
    }
    button.toggle-menu:focus {
      outline: none;
  
    }
    button.toggle-menu span {
     display: block;
     background-color: #338fb1;
     height: 3px;
     margin-bottom: 3px;
  
    }
    .close-menu {
      display: none;
      position: absolute;
      top: -1px;
      right: 40px;
      z-index: 1;
    }
    .close-menu h1{
      
      color: #007385;
     cursor: pointer;
  
    }
     div.mid1 {
  
      background-color: rgb(223, 223, 223);
      height: 500px;
      width: 100%;
      
      
  
     }
     .head-bar
     {
      position: relative;

      z-index: 8000;

  }


    
    div.thaMainDiv {

       /* background-image:radial-gradient( #f0f8ff  ,  rgb(229 229 229));; */
       background-image: radial-gradient(#ffffff, rgb(229 229 229));
      }


      .gallery {
      
   
        margin: 0px 30px 0px;
        padding-bottom: 150px;
        
      }
   
      .gallery h1{
   

        
        margin: 0px 0 25px;
        font-size: 55px;
        text-transform: uppercase;
        color: #4789b9;
        font-weight: 600;
        text-align: center;
        padding-top: 30px;
 
        
      }



      .gallery .img-cont {
        text-align: center;

      }

      .gallery .img-cont img {
        margin-top: 50px;
       margin-right: 25px;
       width: 500px;
       height: 300px;
        border: 10px solid #037987;

      }
      .gallery .img-cont img:hover {
       cursor: pointer;
       

        
      }
      .popup-overlay {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.767);

        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
      }
  
      .popup-box {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50% , -50%);
        background-color: #FFF;
        border: 1px solid #CCC;
        padding: 20px;
        z-index: 10033;
    
    
    }
    .popup-box img{ 
        width: 900px;
        max-width: 900px;
        max-height: 500px;
    }


    .close-button {
        position: absolute;
        top: -15px;
        right: -15px;
        background-color: #64ad56;
        width: 40px;
        line-height: 40px;
        text-align: center;
        color: white;
        cursor: pointer;
        font-weight: bold;
        font-family: arial, tahoma;
        border-radius: 50%;
        
    }
  
    


.next-button
{
   position: absolute;
    top: 224px;
    right: -36px;
    background-color: #00a98a;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    cursor: pointer;
    font-weight: bold;
    font-family: arial, tahoma;
    border-radius: 50%;

}
.prev-button
{
   position: absolute;
   top: 224px;
   left: -36px;
    background-color: #00a98a;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    cursor: pointer;
    font-weight: bold;
    font-family: arial, tahoma;
    border-radius: 50%;

}














    div.delet {
        height: 500px;
    }








   
    div.footer {
      position: relative;
        background-color: rgb(14 25 55);
     }
     div.logo11 { 
        padding-top: 20px;
        margin-bottom: 30px;
        text-align: center;
     } 
     div.logo11 a{ 
        display: inline-block;
     } 
      
     .logo11 img {
        
        width: 350px;
        
     }
     /*  */
    p.p-sec9 {
        
        font-size: 50px;
        margin-left: 90px;
        color: #64ad56;
        margin-bottom: 0px;
    }
    
      
    div.mid-footer {
        display: flex;
        padding: 0 20px;
    }
    div.shourt-about {
        width: 25%;
        
        /* margin-left: 110px; */
    }
    h1.fh1 {
        color:#ffffff;
        text-align: center;
        margin-bottom: 30px;
        font-size: 23px;
        text-transform: capitalize;
    }
    
    
    .shourt-about h2 {
        color: white;
        font-size: 19px;
        text-align: left;
        font-weight: 500;
        text-transform: capitalize;
    }
    div.links
     {  width: 25%;
    
        /* margin-left: 130px; */
    }
    .links ul {
       text-align: center;
        padding-left: 0;
        list-style: none;
        display: block;
    }
    .links ul li {
    margin-bottom: 5px;
    
    }
    
    .links ul li a {
        color: white;
       font-size: 17px;
        letter-spacing: 0px;
        display: inline-block;
    }
    
    
    /* .media1 {
    
      padding-right: 7px;
    } */
    .scroll1 {
      position: absolute;
      top: 10px;
      right: 20px;
     
    
    }
    
      
    
    .scroll1:hover {
         cursor: pointer;
        
    }
    .scroll1 img {
    width: 60px ; 
    height: 90px;
    animation-name: scrol ;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    
    
    }
    
    @keyframes scrol {
    
      0%{
     transform: translateY(15px);
      }
      50% {
        transform: translateY(0px);
      }
      100% {
        transform: translateY(15px);
      }
    }
    
    .shourt-cont {
     
     width: 25%;
    
       
    
    }
    .shourt-cont ul {
      
    list-style: none;
       padding-left: 0px;
       text-align: center;
    
    }
    .shourt-cont ul li  {
    color: white;
    margin-bottom: 8px;
    
    }
    
    .shourt-cont ul a  {
    
        color: white;
        display: inline-block;
        
        }
    
    
    
        .shourt-media {
     
          width: 25%;
          margin-right: 130px;
          text-align: center;
      
      }
      .shourt-media ul {
      list-style: none;
      text-align: center;
      margin-top: 0px;
      padding-left: 0px;
      }
      .shourt-media ul li  {
      color: white;
      margin-bottom: 18px;
      
      }
      
      .shourt-media ul a  {
          color: white;
          display: inline-block;
          }
          .mid-footer li a:hover {
            color: #c6f50d;
          }
      
          div.line10 {
    
            height: 1px;
            background-color: #cfcfce;
          }
    
      div.copyright {
        text-align: center;
        padding-bottom: 20px;
      }
      
      .copyright p {
         padding-top: 20px;
        color: white;
        margin-bottom: 2px;
        font-size: 13px;
        text-transform: uppercase;
        word-spacing: 1px;
    
      }
     
    
      .copyright span {
        margin-left: 7px;
        font-size: 13px;
        text-transform: lowercase;
        
       
        
      }

      @media screen and (max-width: 1215px)   {

          
        
        a.linksec9 {
          padding-left: 20px;
          width: 150px; 
        }
       
        .shourt-about h2 {
          font-size: 17px;
          width: 200px;
        }
    
    
    
      }
      
      @media screen and (max-width: 1090px)   {
    
      
        .popup-box {
          position: fixed;
          left: 50%;
          top: 50%;
          transform: translate(-50% , -50%);
          background-color: #FFF;
          border: 1px solid #CCC;
          padding: 8px;
          z-index: 10033;
          width: 86%;
          height: 72%;
      
      }
      .popup-box img{ 
      
        width: 100%;
        max-height: unset;
        height: 100%;
        max-width: unset;
      
      }
  
      
      
      
      
      
       

        .header1 {
          background-image: linear-gradient(164deg, #f1f1f1, #ffffff);
          border-bottom: 1px solid #0000008f;
            position: fixed;
            z-index: 1000;
            width: 100%;
            height: 65px;
        }
        .head-bar
     
     
        {
            position: relative;
            height: 65px;
            width: 100%;
            z-index: 8000;
            background-color: black;

}



        div.logo0 {
            display: none;
        }
        .logo01 {
            display: inline-block;
        }
        img.logo1 {
          width: 90px;
          height: 64px;
          padding: 1px;
        }
        
        
        
        .data1 , .navbar , .nav3 , .sec2{
          display: none;
        }
        div.menu-bar {
          display: block;
        
        }
        .hidden {
          display: none;
    
        }
         .displayOn {
          display: block;
    
         }
    
         .overhid {
          overflow: hidden;
         }
       
    
    
        img.logo { 
          width: 140px;
          height: 108px;
          
        }
     
       
        div.shourt-about {
            width: unset;
          margin-left: 30px;
        }
        .shourt-media {
          margin-right: 100px;
        }
    
      }
    
      @media screen and (max-width: 1016px)   { 
        
    
    
    h1.fh1 {
    font-size: 19px;  
    
    }
    div.shourt-about {
    
        margin-left: 35px;
    }
    .shourt-about h2 {
      width: 200px;
    
    }
    
    
    div.links  {
        width: unset;
      margin-left: 80px;
      margin-right: 0px;
    }
    
    .links ul {
      padding-left: 0px;
      width: 90px;
    }
    
    .shourt-media {
      margin-right: 80px;
    }
    .shourt-cont {
    margin-right: 35px;
    
    
    }
    
      }
    
    @media screen and  (max-width: 895px)   { 
    
   
    
    
      div.shourt-about {
          margin-left: 20px;
      }
    
      /*  */
      div.links {
        margin-left: 45px;
      }
    
      .shourt-media {
        text-align: start;
        margin-right: 0px;
    }
    
    .shourt-media ul {
      list-style: none;
      float: none;
      padding-left: 0px;
    }
    
          
    
    }
    
    
    @media screen and (max-width:810px)   { 
    
    /* */
    .gallery .img-cont img {

      width: 550px;
      height: 340px;
    }
    .popup-box {
      padding: 4px;
      width: 80%;
      height: 71%;
  }
  .next-button {
    top: 202px;
    right: -29px;
  }
  .prev-button {
    top: 202px;
    left: -29px;
  }
    .gallery h1 {
      font-size: 48px;
    }
    .logo11 img {
      width: 245px;
    }
    
    div.mid-footer {
      display: block;
      text-align: center;
    }
    div.mid-footer h1  {
    
      text-transform: uppercase;
    }
    
    div.shourt-about {
      width: auto; 
       margin-left: 0px;
       margin-bottom: 50px;
    
    }
    
    .shourt-about h2 {
       width: auto;
       padding: 0px 35px;
       text-align: justify;
       color:rgb(204, 241, 133);
    
       font-weight: 300;
    }
    
    
                                               
    div.links {
    
      width: auto;
      margin: 30px 0px;
      text-align: center;
    }
    div.links h1 {
    width: auto;
    
    }
    div.links ul {
      width: auto;
        
    }
    div.links ul li a {
      color:rgb(204, 241, 133);
       font-weight: 500;
        
    }
    
    .shourt-media {
     margin: 30px 0px;
     width: auto;
     text-align: center;
    }
    .shourt-media ul {
     margin: 30px 0px;
     padding: 0;
     text-align: center;
     width: auto;
     
    }
    .shourt-media ul li a {
      color:rgb(204, 241, 133);
      font-weight: 500;
      display: block;
    }
    .shourt-cont {
    width: auto;
    padding: 0px;
    margin: 30px 0px;
    padding: 0px 30px;
    
    
    }
    .shourt-cont li a {
      color:rgb(204, 241, 133);
      font-weight: 500;
    }
    
    
    div.mid-footer  ul li a {
      display: inline-block;
    }
    
    }
    
    
    
    
    
    @media screen and (max-width:640px)   {
    .navdrop {
    
      width: 100%;
    }
    .gallery .img-cont img {
      width: 90%;
      height: 362px;
      margin-right: 0px;
  }
    
    
    }
    
    @media screen and (max-width:539px)   {
    
      .gallery h1 {
        font-size: 44px;
    }
    .gallery .img-cont img {
      width: 95%;
  }
    .scroll1 {
      right: 9px;
    }
    .scroll1 img {
      width: 49px;
      height: 78px;
    }
    div.copyright {
      padding-bottom: 3px;
    }
    .copyright p {
      font-size: 11px;
      padding: 5px 14px;
      margin-bottom: 11px;
    }
    .copyright span {
        font-size: 11px;
    }
    
    }
    
    @media screen and  (max-width:465px)   {
      div.menu-bar {
        right: 13px;
      }
      .gallery h1 {
        font-size: 39px;
    }
    .gallery .img-cont img {
  
      height: 300px;
    }
    .popup-box {
      padding: 3px;
      width: 81%;
      height: 66%;
  }
  .close-button {
    top: -14px;
    right: -12px;
    width: 29px;
    line-height: 36px;
}
  .next-button {
    top: 191px;
    right: -18px;
    line-height: 31px;
    width: 28px;
}
.prev-button {
  top: 191px;
  left: -18px;
  line-height: 31px;
  width: 28px;
}
  .popup-box img {
    width: 100%;
    max-height: unset;
    height: 100%;
}
    
    
    }
    
    @media screen and (max-width:420px)   {
    
      .logo11 img {
        width: 211px;
    }
    .scroll1 {
      top: 46px;
    }
    .scroll1 img {
      width: 45px;
      height: 71px;
    }
    div.mid-footer {
    
      padding-top: 20px;
    }
    div.mid-footer ul li {
      margin-bottom: 17px;
    }
    
    
    
    }
    
    
    
    @media screen and (max-width: 375px) {
      .gallery h1 {
        font-size: 33px;
    }
      /* p.found8 {
        font-size: 38px;
    }
    
     */
    
    }
    
    
    
    @media screen and (max-width: 320px) {
      
   
    /* .part-title1-foun h2 {
      font-size: 12px;
    } */
    
    
    }