body {
  padding: 0px;
  margin: 0px;
 
}
.view-backg {
  position: relative;
  height: 100vh;
}
img.phone {
     
    height: 20px;
    width: 20px;
    padding-bottom: 2px;
}
div.data1 {
     display: none;
    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;
}

img.logo {
    
     padding-top: 5px;
    width: 130px;
    height: 105px;
    padding-left: 15px;

}
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: 18px; 
    color: #ffffff;
    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: 28px;
         /*  max-width */

  } 
   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: 35px;
    right: 30px;
    display: none;
  }
  button.toggle-menu {

    background: none;
    border: none;
     width: 40px;    
     cursor: pointer;
     
  }
  button.toggle-menu:focus {
    outline: none;

  }
  button.toggle-menu span {
   display: block;
   background-color: #338fb1;
   height: 4px;
   margin-bottom: 4px;   
   /*  */

  }
  .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));
   }
   .background001 {
    height: 100vh;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
   
   }
  
   div.video {
    display: flex;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1600;
   }

.video::before {
    content: "" ;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;  
  }
video {
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: -1500;
  filter: brightness(0.3);
  
}

.text1 {

    /* left: 54px;
    transform: translateY(50%); */
    animation: firstName 2.9s ease-in;
    z-index: 200;
    width: 100%;
    text-align: center;
    display: grid;
    align-content: center;
    height: 100%;
}
 .text1 h1 {
  z-index: 200;
   
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    font-size: 24px;
    text-shadow: 3px 2px 9px black;
    margin-bottom: 0px;



}

.text1 h2 {
 margin-top: 0px;

}

@keyframes firstName {
  0% {
       opacity: 0;
       display: none;
 
      }
 
  75% {
    opacity: 0;
    display: none;
  }

  100% {
    opacity: 0.9;
  }
}
.text1 p {

  /* margin-top: 0px;
  background-color: #ffffffef;
  width: 105px;

  border: 1px solid white;
  border-radius: 3px; */
  font-size: 18px;
  color: #ffb42a;

    text-align: center;
    text-transform: capitalize;
    font-weight: 800;
    display: inline;
} 
 .text1 p:hover {

cursor: pointer;
  
} 

p.max1
{
    color: #003f7f;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    word-spacing: 5px;
    text-transform:uppercase;
    padding-left: 70px;
    padding-top: 80px;
    margin-top: 0px;
  
}


h1.max2
{ /*
    color: #330a0a;
    font-weight: 300;
    font-size: 32px;
 
    padding-left: 70px;
    padding-top:0px ;
    margin-top: 0px;
    width: 45%;
    text-align: justify;
    line-height: 40px;

*/ 
opacity: 0;
    transition: 2s;
    display: flex;
    color: #0e394b;
 
    /* padding-top: 55px; */
    /* font-style: normal; */

    justify-content: center;
    font-size: 27px;
    padding-left: 50px;
    padding-right: 50px;
    /* padding-top: 50px; */
    margin-top: 0px;
    width: auto;

    
}
.nnn1 h2 {

  color: #0e394b;
  text-align: left;
  padding: 55px 95px 25px;
  font-weight: 400;
  transform: translateY(65px);
  opacity: 0;
  transition: 2s;
}
div.nnn1 {
  
    width: 100%;
   
   text-align: center;
   position: relative;
 /* background-image: linear-gradient(140deg, #ffffff 0%, #ffffff 50%, #c1c1c185 75%);
    background-image: linear-gradient(11deg, #4fd5ff1c 25%, #FFFFFF 6%); 
   background-image: linear-gradient(364deg, #87ceeb40 64%, #ebebeb85 68%); 
   background-image: linear-gradient(5deg, #87ceeb40 62%, #ebebeb85 65%); */
   /* Sbackground-image: linear-gradient(5deg, #bed3db40 62%, #ebebeb85 65%); */
   /* background-image: radial-gradient(#ffffff, rgb(229 229 229)); */
   /* float:; */
}
.high1 {
    color: #005555;
    text-transform: uppercase;
    font-size: 34px;
    padding-right:30px;
}
.watt {
        width: auto;
        height: 229px;
        /* float: right; */
        display: inline;
        opacity: 0.2;
        position: absolute;
        right: 0;
        bottom: 9px;
        

}

div.nnn2 {
  
margin-top: 50px;

}
p.max3 {   
    

    color: #002f87;
    font-weight: 600;
    font-size: 44px;
    text-transform: capitalize;
    padding-left: 70px;
    padding-top: 80px;
    margin-top: 0px;
     

}
.nnn1 h3 {

    width: auto;
    padding-top: 15px;
    transition: 0.5s;
    transition-delay: 1.3s;
    opacity: 0;

}
.nnn1 h4 {

   font-size: 23px;
  color: #0e394b;
  text-align: left;
  padding: 25px 95px;
  font-weight: 400;
  transform: translateY(25px);
  opacity: 0;
  transition: 2s;

}
a.read {
  background-color: #0e394b;
    display: inline;
    color: rgb(255, 255, 255);
    text-transform: uppercase; 
    text-align: center;
    font-size: 20px;
    padding-right: 5px;
    padding-left: 5px;
}



.fir-bac {
  padding-left: 34px;
    background-image: url(images/bac1122.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #072329;
    background-position: 34px -31px;
    opacity: 4.9;
    height: 148px;
}



.plus1 {
    margin-bottom: 20px;
}
h1.mis1 {
    -webkit-text-stroke: 2px rgb(6 12 16 / 52%);
    font-size: 30px;
    font-style: italic;
    letter-spacing: 3px;
    margin-top: 0px;
    padding-left: 100px;
    color: #ffffff00;
    font-weight: 600;
     animation-name: x;
     animation-duration: 2s;
     animation-timing-function: ease-in-out;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     display: inline-block;
       
}
@keyframes x {
    0% {
      transform: translateX(0px);
      
       }


    100% {
        
        transform: translateX(10px);
        color: rgb(34, 34, 34);
    } 
}
div.sec3 {
 text-align: center;
    margin-top: 40px;
 
    text-align: center;
}
div.a1 {
  border: 5px solid rgb(35 3 3 / 84%);
  margin-right: 80px;
  display: inline-block;
  background-color: #ffffff;
  height: 285px;
  width: 296px;
  box-shadow: 0 0 3px black;
  overflow: hidden;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 30px;
  transition: 0.4s ease-in-out;
}
/* <<a> hello form data bases < */
div.se2 {
    margin-top: 20px;
}
h3 {
   
    text-align: center;
    padding-top: 50px;
} 

div.lm {
    text-align: center;
}

img.mm { 
   
    width: 90px;
    height: 90px;
        opacity: 0.5;
}
div.a1:hover { 
    

transform: scale(1.1);
background-color: #f5f9ff;




}

.a1 h4 {
    text-align: center;
    color: #792c2c;
    padding: 0px 4px;
}
p.p2 {
    margin-top: 120px;
}
.sec4 {
    overflow: hidden;
    display: flex;
    background-color: #8b8b8b;
    height: 670px;
    position: relative;

}




div.part1sec4 {
  padding-top: 20px;
  /* width: 530px; */
  display: flex;
  align-items: center;
   /* max-width: 36%; */
}
.part1sec4 img{
/* width: 375px;
height: 345px;
padding-top: 70px;
margin-left: 80px;
border-radius: 23px;
     */

     width: 88%;
     margin-top: 50px;
     height: 345px;
     margin-left: 30px;
     border-radius: 23px;
 
}
div.part1tit1  {
    padding-top: 140px;
    
}
.part1tit1 h1
{
    color: #ffffff;
  
    
}

.part1tit1 h2
{   padding-top: 36px;
    font-size: 24px;
    color: #fcd9b1;
}
.part1tit1 h3
{   width: 400px;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 100;
    text-transform: capitalize;
    margin-top: 20px;
   text-align: justify;
  
}
.part1tit1 h5
{  
  

     /* margin-top 50px; 
     position: relative; 
     top: -23px;
     left: 399px;
      font-size: 20px; */
     margin: 0px;
     /* background-color: #ff9800; */
     display: inline-block;
     /* border-left: 300px solid #ff9800; */
     padding-left: 12px;
     /* padding-top: 8px; */
     padding-right: 12px;
     /* width: 152px; */
     height: 28px;
     padding-bottom: 5px;
     /* z-index: 1000;  */
    /**/
     /*  */

}

.part1tit1 a
{
  padding-top: 5px;
  font-size: 16px;
  color: #ffffff;
transition: 0.4s;

}
.part1tit1 a:hover
{
    color: red;


}
div.line4 
{   
    margin-right: 30px;
    margin-top: 165px;
    width: 4px;
    height: 422px;
    background-color: #ff9800;

}
div.line5 {
  margin-right: 10px;
  margin-top: 33px;
  width: 400px;
  height: 0.2px;
  background-color: #ffffff;
}
img.back0 {
   
    width: 347px;
    height: 463px;
    opacity: 0.3;
    position: relative;
    right: 10px;
    top: 105px;
}
div.sec5 {
    height: 300px; 
}

/*.photo-item img {
 
    width: 150px;
    height: 110px;
} 
*/

  .slider-container {
    margin: 10px auto;
    width: 800px;
    height: 250px;
    position: relative;
    margin-bottom: 70px;
  }
  .slider-container img {
    position: absolute;
    opacity: 0;
    transition: opacity 1s;
    z-index: 1;
  }
  .slider-container img.active {
    opacity: 1;
  }
  .slider-container .slide-number {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: rgba(0, 0, 0, .6);
    color: #FFF;
    padding: 5px 10px;
    font-size: 20px;
    z-index: 2;
    border-radius: 6px;
  }
  .slider-controls {
    width: 800px;
    margin: auto;
    overflow: hidden;
  }
  .slider-controls .prev,
  .slider-controls .next {
    background-color: #0c0e4d;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    padding: 5px;
    user-select: none;
    width: 12%;
  }
  .slider-controls .prev {
    float: left;
  }
  .slider-controls .next {
    float: right;
  }
  /*.slider-controls .prev.disabled,
  .slider-controls .next.disabled {
    background-color: #0c0e4d71;
    cursor: no-drop;
  }*/
  .slider-controls .indicators {
    width: 55%;
    float: left;
  }
  .slider-controls .indicators ul {
    width: 133%;
    list-style: none;
    margin: 0;
    text-align: center;
    padding-left: 0px;
  }
  .slider-controls .indicators ul li {
    display: inline-block;
    background-color: #d1d1d1;
    color: #333;
    font-weight: bold;
    height: 28px;
    width: 28px;
    border-radius: 4px;
    margin: 0 2px;
    line-height: 28px;
    cursor: pointer;
  }
  .slider-controls .indicators ul li.active {
    background-color: #0c0e4d;
    color: #FFF;
  }
  .yyy1 {
    display: none;
  }
  .sec7 {
      position: relative;
    margin-top: 10px;
    padding-bottom: 165px;
   

  }
  .sec7 p {
  
    margin-bottom: 40px;
  }
  div.last1sec7 {
    display: inline-block;

    width: 900px;
    margin-left: 50px;
    margin-bottom: 70px;
  }
  div.last1sec7 h1 {
    font-size: 21px;
    color: #04280c;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-weight: 600;
    
    
    

  }
  
  /*animation: 7s ease-in-out;
  animation-name:  left-to-right; 
  animation-timeline: view();
  animation-range-start: entry 5%;
  animation-range-end: entry 8%;

@keyframes left-to-right {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}
*/
  div.last2sec7 {
    width: 55%;
    margin-left: 50px;
    display: inline-block;
  }
  div.last2sec7 h2 {
   line-height: 40px;
   color: #042a38;
   font-size: 17px;
    text-align: justify;
    font-weight: 400;
    word-spacing: 1px;
  }
  .vispho {
    position: relative;

  }
  img.photo-view { 
    width: 379px;
    height: 429px;
    /* margin-top: 0px; */
    opacity: 1;
    position: absolute;
    bottom: 30px;
    right: 30px;
    filter: drop-shadow(-14px -36px 6px #586c9e36);

 
  }


/*   
  img.photo-view {
    /* padding-top: 30px;   
    position: static; 

    position: absolute;
    bottom: 30px;
    right: 30px;
  } 
   position: absolute;
    bottom: 8px;
    right: 36px;
    z-index: 0;
} */
  .background-home00
  {

    position: absolute;
 
    bottom: 50px;
    right: 36px;
    z-index: 0;

  }
  .background-home00 img
  {

  
   opacity: 0.7;

  }
  
  .sec-found8 {
     text-align: center;
     margin-top: 180px;
     padding-bottom: 0px;
     background-image: url(/images/bac001115-01.png);
     background-size: contain;
    

  }

   p.found8 {
    
    color: #033946;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 1px;
    word-spacing: 5px;
    text-transform:uppercase;
    padding-left: 0px;
   text-align: center;
    margin-top: 0px;
    
   }
   .left1-sec {
    display: inline-block;
    margin-right:70px;
    
   }

   .right1-sec {
    display: inline-block;
   }
   .sec8-fo{
    border: 0px solid #b5710b;
    position: relative;
    background-color: #3d000e;
    width: 400px;
    height: 510px;
    transition:  0.4s ease-in-out;
   }


   a.conv-about1 {
    display: block;
   }
   .convert1 {
     position: absolute;
     bottom: 60px;
     left:0px;
     opacity: 0;
     transition:  0.2s ease-in;
     width: 100%;
    
    }
    .convert1 h3 {
      
      background-color: #e6e6e6;
      color: #0a5897;
      text-transform: uppercase;
      margin: 0;
      padding: 0;
      text-align: center;
      padding: 5px;
      
    
    }


   .part-photo1-foun img {
    
    width: 400px;
    height: 510px;
    transition:  0.4s ease-in-out;
   }
 .sec8-fo:hover {
  border: 1px solid #b5710b;
  background-color: #ffffff;
    cursor: pointer;
  
  
   
   }
   .sec8-fo:hover .part-title1-foun   {
   opacity: 0;
    
 
   }
   
   .sec8-fo:hover .convert1 {
    opacity: 1;
   }
    
   .part-title1-foun {
    width: 100%;
    text-align: left;
    position: relative;
    bottom: 73px;
  
    background-color: #ededed9c;
   }
   .part-title1-foun  h1  {
    font-size: 16px;
    color: #0c1a45;
    padding-left: 20px;
   }
   .part-title1-foun  h2 {
    font-size: 14px;
    color: #0c1a45;
    padding-left: 20px;
   }
   .part-title1-foun  span {
    font-size: 16px;
    color: #0c1a45;
    position: absolute;
    top:10px;
    text-transform: capitalize; 
    opacity: 0;
   }
   
   .sec8-fo:hover  h1   {
    opacity: 1;

    }
    a.conv-about1
    {
     max-height: 510px;
    }

    
    .backgro-fo {

      background-color: #00533c;
      width: 200px;
      height: 600px;
    }
    

   
    .sec11  p.max1 {
      margin-bottom: 0px;
     padding-bottom: 70px;

     }
     .s11 {
      display: flex;
       justify-content: space-between;
        padding: 35px 40px;
     }
     .s11-p1 
     {
     
      display: inline-block;
    width: 32%;
    margin-left: 40px;
  
    border-bottom: 2px #978181 dashed;
    border-bottom-right-radius: 74px;
    border-top: 1px solid #00000047;
    
     }
     .p01 , .p02 , .p03 , .p04{

      opacity: 0;
      transition: 2s;
     }
     .s11-p1 h1 {
      padding-left: 20px;
      padding-bottom: 40px;
      font-size: 26px;
      color: #00533c;
      font-weight: 800;
      /* text-aling */
     }
     .s11-p1 h2 {
      color: #250000;
      font-size: 23px;
      padding-left: 30px;
      padding-right: 13px;

     }
   

  div.sec9 {
    height: 450px;
    
    margin:30px 11px 0px 30px ;
    padding-bottom: 150px;
  }
  div.map {
   display: block;
   float:left;

  }
  div.part1sec9 {
    display: flex;
   
    height: 450px;
    background-color: #8ba5c1;
    
    
  }


  .partsec9 {
    width: 100%;
  }
  .p2s9 {
    display: flex;
    height: 367px;
    align-items: center;
    justify-content: center;
  }
  .part1sec9 p {
    padding: 50px 11px 0px;
    font-size: 17px;
    color: rgb(0 0 0);
    text-shadow: 0px 0px 1px #000000;
   
     line-height: 40px;
     
  }
  a.linksec9 {

  margin-top: 0px;

  }
  div.one {
    align-items: end;
    display: flex;
  }
  a.linksec9 {
    font-size: 10px;
     padding-left: 50px;
     background-color: #ffe3a6;
     width: 180px;
  }
  h1.link9 {
    color: #28415b;
  }
  a.linksec9:hover {
    background-color: #ffb50f;
    
  }
 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;
    
   
    
  }



  /* padding-left:50px; mar */

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

    div.a1 {
      height: 270px;
      width: 275px;
    }
    img.back0 {
      
      width: 290px;
      height: 460px;
    }
    .part1tit1 h1 {
    font-size: 26px;

    }
    .part1tit1 h3 { 
      width: 360px;
    }

    div.line5 {
     width: 360px;
    }
    iframe {
      width: 700px;
    }
   
    div.shourt-about {
      margin-left: 35px;
    }


    .background-home00 {

        position: absolute;
        bottom: 50px;
        right: 56px;
        z-index: 0;
    }
    .background-home00 img {

      width: 340px;
      height: 320px;
     
    }

 
    img.photo-view {
      width: 340px;
      height: 320px;
    }

    a.linksec9 {
      padding-left: 20px;
      width: 150px; 
    }
   
    .shourt-about h2 {
      font-size: 17px;
      width: 200px;
    }



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

    div.a1 { 
      height: 270px;
      width: 240px;
    }
    img.back0 {
      width: 235px;
      height: 500px;
    }
    .part1tit1 h1 {
    font-size: 26px;
 
     
    }
     
    .data1 , .navbar , .nav3 , .sec2{
      display: none;
    }
    div.menu-bar {
      display: block;
    }
    .hidden {
      display: none;

    }
     .displayOn {
      display: block;

     }

     .overhid {
      overflow: hidden;
     }
     
    div.a1:hover {
      transform: scale(1);
      background-color: white;
      
    }


    img.logo { 
      width: 140px;
      height: 108px;
      
    }
 
    iframe {
      width: 600px;
      
    }
    div.shourt-about {
      margin-left: 80px;
    }
    .shourt-media {
      margin-right: 100px;
    }

  }

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

  div.a1 {
    height: 245px;
    width: 225px; 
  }
  .sec3 h3 {
     padding-top: 10px; 
     
  }
  .sec3 h4 {
     padding: 0px 10px;
     
  }

  img.mm {
    width: 75px;
    height: 75px; 
  }

  
    img.back0 {
      width: 170px;
      height: 515px;
    }


    .part1sec4 img {
      width: 84%;
      height: 321px;
    }


    div.line4 {
      margin-right: 14px;
      margin-top: 160px;
  
      height: 422px;
    }

    div.last1sec7 {
      display: inline-block;
      width: auto;
      margin-left: 26px;
    }
    div.last1sec7 h1 {
      font-size: 20px;
      padding-right: 20px;
    }
    div.last2sec7 {
      width: auto;
      padding-right: 36px;
      margin-left: 20px;
    }
    
    .vispho {

      text-align: center;

    }
    img.photo-view {
      padding-top: 30px;   
      position: static;
      border-radius: 26px;
    }
    
    .background-home00 {


       display: none;
     }

     .slider-container , .slider-container img , .slider-controls { 
      
      width: 650px;

    }

 p.max1 {
  font-size: 40px;
 }
 .left1-sec {
  margin-right: 35px;
}
.sec8-fo {
  width: 370px;
}
.part-photo1-foun img {
  width: 370px;
}


.sec8-fo:hover {
  border: none;
  background-color: #ffffff;
    cursor: pointer;
  
  
   
   }
   .sec8-fo:hover .part-title1-foun   {
   opacity: 1;

   }
   
   .sec8-fo:hover .convert1 {
    opacity: 0;
   }
  
   iframe {
    width: 580px;
}
div.sec9 {

  max-width: 910px;
}
a.linksec9 { 
  padding-left: 11px;
  width: 124px;
  font-size: 8px;
}

h1.fh1 {
font-size: 19px;  

}
div.shourt-about {

    margin-left: 35px;
}
.shourt-about h2 {
  width: 200px;

}


div.links  {
  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)   { 

p.max1 {
  font-size: 37px;
}

.high1 {
  font-size: 25px;
}

h1.max2 {
  display: block;
}

.s11-p1 {
  width: 32%;
  margin-left: 0px; 
   border-bottom: unset;

}

  .p01 , .p02 , .p03 , .p04{

    width: 35%;
  }
  .s11-p1 h2 {
  padding-left: 0px;
  padding-right: 0px;
  font-size: 22px;
    font-weight: 400;

  }
  .s11-p1 h1 {
  padding-left: 0px;
  
  font-size: 25px;

  }
div.a1 {

  height: 269px;
  width: 172px;

}
h1.mis1 {
 
  font-size: 23px;
  padding-left: 88px;

}

div.sec3 {
  padding-right: 9px;
  padding-left: 9px;
}
img.back0 {
  display: none;
}

.part1tit1 h1 {
  font-size: 22px;
}
.part1tit1 h2 {
  padding-top: 36px;
  font-size: 21px;
}
.part1tit1 h3 {
  width: 314px;
}

div.line5 {
  width: 335px;
  margin-right: 17px;
}
div.line4 {
  margin-right: 11px;
}

.part1sec4 img {
  width: 94%;
  height: 321px;
  margin-left: 9px;
}
  .slider-container, .slider-container img, .slider-controls {
      width: 581px;
  }

  p.found8 {
    padding-left: 0px;
  }

  .left1-sec {
     display: inline-block; 
     margin-right: 0px; 
    text-align: center;

  }
  div.map {
    display: block;
    float: none;
    text-align: center;
}
div.part1sec9 {
  text-align: center;
   display: block;
   height: auto;
   background-color: unset;

}


.partsec9 {
  display: grid;
  justify-content: center;
}

a.linksec9 {
  margin-top: 20px;
  padding-left: 11px;
  width: 143px;
  font-size: 9px;
}

.p2s9 {
  display: block;
  height: auto;
}
.part1sec9 p {
  display: none;
}

iframe {
 width: 586px;
}


  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;
}


.nnn1 h1  {


  font-size: 25px;



}

.nnn1 h4 , h2 {


  font-size: 21px;



}







}


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

/* */

.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%;
}


.text1 h1 {

  font-size: 21px;

}

.nnn1 h1 {
  font-size: 22px;
}
.nnn1 h4, h2 {
  font-size: 20px;
}
a.read {
 
  font-size: 18px;
}
p.max1 {
  padding-left: 33px;
  font-size: 33px;
}
.s11 {
  padding: 35px 20px;
}

.s11 h1 {
  font-size: 22px;
  font-weight: 700;
}
.s11 h2 {
  font-size: 19px;
}
.part1tit1 h1 {
  font-size: 18px;
}
.part1tit1 h2 {
  padding-top: 34px;
  font-size: 19px;
  font-weight: 600;
}


.part1tit1 h3 {
  width: 237px;
  font-size: 14px;
}

div.line5 {
  width: 242px;
  margin-right: 18px;

}
.part1sec4 img {
 
  margin-top: 23px;
  margin-left: 9px;
  width: 94%;

}

div.line4 {

  margin-top: 147px;
  height: 403px;
  width: 1px;
  margin-right: 6px;
}

p.max1 {
  padding-left: 40px;
}
.slider-controls {
  width: 492px;
}
.slider-container  {
  overflow: hidden;
    width: 100%;

}
.slider-container img {
  width: 535px;

}
.slider-controls .prev, .slider-controls .next {
  
  width: 17%;
}

.slider-controls .indicators {
  width: 47%;
}

iframe {
  width: 405px;
}















}

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

  
  img.logo {
    width: 111px;
    height: 90px;
  }

  h1.mis1 {
    font-size: 22px;
    padding-left: 49px;
  }
  p.max1 {
    padding-left: 21px;
    font-size: 29px;
    padding-top: 30px;
}

  .sec4 {
  display: block;
  height: unset;


  }

.nnn1 h2 , .nnn1 h4 {
  padding-right: 27px;
  padding-left: 27px;
}

a.read {
  font-size: 17px;
}
  div.part1sec4 {
    width: unset;
    display: block;
    max-width: unset;
    /* padding: 0 30px; */
}
.part1sec4 img { 

  height: unset;
}
  div.line4 {

    display: none;
  }

  div.part1tit1 {
    padding-top: 6px;
    text-align: center;
}
div.part1sec4 {
text-align: center;

}
.part1sec4 img {
  margin-top: 23px;
  margin-left: 0;
  width: 83%;

}
.part1tit1 h1 {
  font-size: 21px;
}
.part1tit1 h2 {
  padding-top: 33px;
  font-size: 21px;
  
}
.part1tit1 h3 {
  width: unset;
  font-size: 14px;
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 35px;
}
.part1tit1 h5 {
  padding: 19px 0px;
  margin: 0px;
  height: unset;
}
div.line5 {
  display: none;
}
.part1tit1 a {
  padding-top: 0px;
  font-size: 19px;
}
.part1tit1 a:hover {
  color: white;
}
div.sec5 {
  height: unset;
}
  .slider-container img {
    height: 100%;
    width: 100%;
}


.slider-container {

  height: 429px;
  width: 70%;
  padding-left: 15px;
    
}


.slider-controls {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin: unset;
  display: flex;
   

}
.slider-controls .indicators {
  width: 100%;
  display: inline-block;
}
.slider-controls .indicators ul {
  width: 100%;
}

.slider-controls .next {

margin-right: 20px;
width: auto;
    }

    .slider-controls .prev {
      
      margin-left: 20px;
      width: auto;
  
}


p.found8 {
  font-size: 41px;
}
.sec8-fo {
  width: 316px;
  height: 471px;
}

.part-photo1-foun img {

  width: 316px;
  height: 471px;
}

.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;
  }
  button.toggle-menu span {
    display: block;
    background-color: #338fb1;
    height: 3px;
  }
  button.toggle-menu {
    background: none;
    border: none;
    width: 44px;
    cursor: pointer;
}
  img.logo {
    width: 100px;
    height: 90px;
    padding-left: 10px;
}
.text1 h1 {
  font-size: 18px;
}
.text1 h2 {
  margin-top: 6px;
}
.text1 p {
  font-size: 17px;
  font-weight: 700;

}
.nnn1 h1 {
  font-size: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

  p.max1 {
    padding-left: 19px;
    font-size: 26px;
}
.s11 {
  padding: 35px 5px;
}
.p01, .p02, .p03, .p04 {
  width: 35%;
}
a.read {
  font-size: 16px;
}
.s11 h1 {
  font-size: 20px;
  font-weight: 700;
}
.s11 h2 {
  font-size: 18px;
}
h1.mis1 {
  font-size: 20px;
  padding-left: 42px;
}

div.a1 {
  width: 154px;
  
}

.sec11 {
  margin-top: 45px;
  
}
.sec11 p.max1 {
  margin-bottom: 0px;
  padding-bottom: 40px;
}

.sec4 {
  
  display: block;

  
}
.nnn1 h4, h2 {
  font-size: 18px;
}

div.part1sec4 {
  padding-top: 20px;
  width: 100%;
  display: block;
  align-items: center;
  max-width: unset; 
  
}




img.photo-view {
  width: 80%;
  height: 300px;
}




}

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

  img.logo {
    width: 83px;
    height: 75px;
  }

  div.menu-bar {
    top: 26px;
  }

  p.max1 {
    padding-left: 16px;
    font-size: 25px;
}







  .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) {
  
  p.found8 {
    font-size: 38px;
}
  .sec8-fo {
      width: 285px;
      height: 455px;
  }
  .part-photo1-foun img {

    width: 285px;
    height: 455px;
}



}



@media screen and (max-width: 320px) {
  
  p.max1 {
    padding-left: 14px;
    font-size: 23px;
}
  .slider-controls .prev, .slider-controls .next {
    font-size: 14px;
  }
  .slider-controls .prev {
    margin-left: 12px;
  
}
.slider-controls .next {
  margin-right: 12px;
}

  p.found8 {
    font-size: 34px;
}
  .sec8-fo {
      width: 240px;
      height: 395px;
  }
  .part-photo1-foun img {

    width: 240px;
    height: 395px;
}
.part-title1-foun {
  bottom: 62px;
}
.part-title1-foun h1 {
  font-size: 13px;
}
.part-title1-foun h2 {
  font-size: 12px;
}


}