*{
    padding: 0px;
    margin:0px;
    box-sizing: border-box;
}
body{
   /* background-image: url('./images/static.jpg');
    background-color: black;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100vw;
    height:100vh;*/
    overflow-x: hidden;
    font-family: "montaga", "Miniver", "Milonga";
    }
   .home-section{
    height:500px;
    
   }
  
  
body h1{
    color:#EFD044;
    font-family: "Milonga";
    font-weight: normal
}
body p,h4{
  
  font-family: "montaga";
  font-weight: normal
}
.home-page{
  width:100vw;
}
.head-section{
 
    height: 0px;
    width:100vw;
    position: relative;
    
}

/*.franchaddr{
  position: absolute;
  left:60%;
  top:330%;
  border: 1px solid #EFD044;
  padding: 12px;
  display: block;
}
li.franchise:hover + .franchaddr{
display: block;
}
*/
.home-menu{
    position:fixed;
    /*top:0;left:0;right:0;*/
    display:flex;
    align-items: top;
    justify-content: space-between;
    z-index: 1000;
      background-color:black;
      height:50px;
      width:100%;
      
}
.top-navbar{
   position:fixed;
     /*background-color: rgba(206, 43, 43, 0.8);*/
    z-index: 1000;
   right:0;
   padding-right: 70px;
  
}
.top-navbar ul li{
    position:relative;
    list-style-type: none;
    display: inline-block;
}
.top-navbar ul li a{
    text-decoration: none;
    padding:25px;
    display:block;
    color:aliceblue;
    padding-top: 10px;
    padding-bottom: 10px;
    }
.top-navbar ul li a:hover{
    border-bottom: 1px solid yellow;
  
}

   .top-navbar ul li ul {
    position: absolute;
    left:0;
    width:150px;
    background: black;
    display:none;
    }
    li.addr{
      color:#FFFFFF;
    }
 .top-navbar ul li ul li{
    width:100%;
    border-bottom: 1px solid rgb(181, 187, 204);

}
 .top-navbar ul li ul li ul{
    top:0;
    left:150px;
}
.top-navbar ul li ul a,header .top-navbar ul li ul li ul a {
    color:white;
}
.top-navbar ul li:hover > ul{
    display:initial;
}
.image-logo{
  position: absolute;
  top:-34%;
  left:3%;
}



#menu-bar{
    display:none;
}

.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
  height:500px;
}
.mySlides fade img{
width:100%;
}

/* Caption text */
.text {
 position: absolute;
  bottom: 200px;
  width: 100%;
  text-align: center;
}
p.miniver{
  font-family:'Miniver';
  font-size: 30px;
 }
 h1.montaga{
  font-family:'Montaga';
  color:#EFD044;
  font-size: 40px;
 }
p.subtxt{
  font-size: 30px;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

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

.active {
  background-color: #717171;
}

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

@keyframes fade {
  from {opacity: 1} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
.logohome{
  height:200px;
  width:200px;
  background-color: #424242;
}

   .About-section{
    height: 600px;
    width:100vw;
    background-image: url("");
    padding: 60px;
    background-color: black;
    position: relative;
   } 
  
   .About-section p{
    color:white;
    max-width: 700px;
    line-height: 40px;
    font-size: 20px;
   }
   /*.responsive5{
    padding: 43px 40px;
    width: 25%;
    position: absolute;
    top: 5%;
    left: 70%;
    border-radius: 10px;
  }*/
  .flex-container {
    display: flex;
    flex-direction: row;
    font-size: 30px;
    text-align: left;
    height: 516px;
  }
  
  .flex-item-left {
  
    padding: 10px;
    flex: 60%;
  }
  
  .flex-item-right {
  
    padding: 10px;
    flex: 40%;
  }
  
  /* Responsive layout - makes a one column-layout instead of two-column layout */
  @media (max-width: 800px) {
    .flex-container {
      flex-direction: column;
    }
  }
  .responsive5 h4.name{
 color:white;
 text-align: center;
  }
  .responsive5 p.design{
    color:#EFD044;
    text-align: center;
  }
  .gallery5 {
    height:397px;
    width:70%;
  }
  .management{
 
      height:550px;
      width:100vw; background-color: black;
  }

   .Event-section{
    height:1000px;
    width:100vw;
    background-image: url("");
    background-color:black;
  }
  .Event-section h4,p{
    color:white;
  }
   .Event-section h1,.management h1{
    text-align: center;
   }
   /*---div.gallery,.gallery2 {
    border: 1px solid #ccc;
  }
  div.gallery2 {

    box-shadow: rgb(180, 103, 103);
  }
  div.gallery:hover {
    border: 1px solid #777;
  }----*/
  div.gallery2:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
  }
  
  div.gallery img {
    width: 100%;
    height: auto;
  }
  .gallery5 img{
height: 360px;
width: 100%;
  }
  .gallery5 img{
    border-radius: 10px;
  }
  div.desc,.desc2 {
    padding: 15px;
    padding-left: 20px;
    text-align:left;
  }
  .desc h4{
    text-align:left;
    font-size: 18px;
  }
  div.desc p,.desc2 p{
    font-size: 15px;
    color:#9C9999;
  }
  * {
    box-sizing: border-box;
  }
  
  .responsive{
    padding: 43px 40px;
   
    float: left;
    width: 25%;
  }
  .gallery:hover{
    border:1px solid #EFD044;
  }
  .gallery img:hover{
   border: none ;
  }
  .responsive6{
    padding: 43px 40px;
 margin-left: 100px;
    float: left;
    width: 25%;
  }
  .gallery6{
    width: 80%;
  }
  div.gallery6 img {
    width: 100%;
    height: auto;
 
  }
  .gallery img{
    border: 1px solid#EFD044 ;
  }
  div.desc6 {
    padding: 15px;
    padding-left: 0px;
    text-align:center;
  }
  .desc6 h4,.desc5 h4{
    text-align:center;
    font-size: 18px;
    color: white;
  }
 .desc6 p,.desc5 p{
    font-size: 15px;
    color:#EFD044;
    text-align:center;
  }
  .responsive2 {
    padding: 20px 15px;
    float: left;
    width: 49.99999%;
  }
  .container-1{
   
    width:95%;
    height:1080px;
    margin: auto;
    
  }
 .menu-section
 {
    width:100vw;
    height:650px;
    background-image: url("");
    background-color:black;
 }
 .menu-section h1{
    text-align: center;
 }
 p.g-content{
  font-size: 20px;
  color:#EFD044;
  text-align: center;
}

 .container-2{

 width: 70%;
 margin: auto;
 height: 580px;
 }
 .testimonal-section{
  background-image: url("");
  background-color:black;
    height: 815px;
    width:100vw;
 }
 .left {
    float: left;
  }
  
  .right {
    float: right;
  }

.images img{
    height:244px;
    width:360px;
    padding:0px 20px 0px 20px;
}
.image-container{
  height: 246px;
  width: 96%;
  margin:auto;
}
.testimonal-section{
  text-align: center;
  position: relative;
}
.test-heading{
  position: absolute ;
  top: 162px;
  left: 46%;
}
h1.testimonial{
  display:none;
}
.container3{
  background-color: rgb(239, 208, 68);
  width: 50%;
  height: 475px;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  }
  /*.line{
    border-bottom: 1px solid rgb(173, 170, 170);
    width: 74px;
    position: absolute;
    left:46%;
  
    }*/
    .para{
      font-family: "Merienda One";
      font-weight: bold;
    }
    .slide span{
      font-size: 13px;
    }
  img.logo1{
    float:center;
    
    padding-top:24px;
  
  }
.logo1 img{
  height:10px;
  width:10px;
}
  .container{
   
    width: 90%;
    height: 287px;
    margin: auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
   
  }
  .slides {
    display: flex;
    height: 100%;
    width:100%;
    position: absolute;
  } 
  .slide {
    min-width: 90%;
    position: relative;
    
  }
 
  
  .slide-controls {
    position: absolute;
    top: 26%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #next-btn,
  #prev-btn {
    cursor: pointer;
    background: transparent;
    font-size: 30px;
    border: none;
    padding: 10px;
    color: white;
  }
  #next-btn:focus,
  #prev-btn:focus {
    outline: none;
  }
  .slide-content {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    font-size: 60px;
    color: white;
  }
 
  .slide p{
    
    padding-left: 80px;
    font-size: 23px;
    line-height: 33px;
    color: rgb(0, 0, 0);
    width: 550px;
    text-align: justify;
 
   
  }
  .para {
    text-align: center;
    color:#000000;
    padding-top: 10px;
  }
  
 .booking-section{
  background-image: url("");
  background-color:black;
  width:100vw;
  height: 800px;
  position: relative;
 }
 .image3{
  position: absolute;
  top: 20%;
  left: 57%;
  border-radius: 10px;
  width: 550px;
  height: 550px;
 }

 .form-section{
 
  width:44vw;
  height: 729px;
  margin-left: 10px;
  position: relative;
 }
 .booking-top{
  height:170px;
  
 }
 .booking-top h1{
  position: absolute;
    padding-left: 308px;
    margin-top: 89px;
    text-align: center;
 }
 
 .form-inline {  
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline label {
  margin: 5px 10px 5px 0;
  color:#FFFFFF;
}
.form{
  margin-left: 150px;
}
.form-inline input,select ,input[type]{
  vertical-align: middle;
  margin: 15px 15px 10px 0;
  padding: 15px;
  color:#979797;
  background-color: rgb(8, 8, 8);
  border: 1px solid #424242;
  border-radius: 3px;
}
input[type=name],input[type=tel],input[type=number],.form-inline,select{
  width:100%;
  
}
input[type=submit] {
  background-color: #EFD044;
  color: black;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: center;
  width: 30%;
 
 }
 
input[type=submit]:hover{
  background-color: aquamarine;
}
.footer-section{
  height:443px;
  width:100vw;
  background-image: url("");
  background-color:black;
  position:relative;
}


.footer-logo ul li {
  display:inline-block;
  
  padding-left:30px;
}
p.footer-address{
  max-width:197px;
  color:#FFFFFF;
  text-align: left;
  margin-left: 53px;
  line-height: 30px;
}
.footer-logo ul{
  margin-left: 20px;
}

.footer-menu{
  /*background-color: #ff2c45;*/
  height:300px;
  width:70%;
  margin-left:350px;
  margin-top:-262px;
 
}
.footer-menu ul {
  position:relative;
  list-style-type: none;
  display: inline-block;
  

  /*padding:30px;*/
}

.footer-menu ul li a,.footer-menu h4{
  text-decoration: none;
  padding:10px;
  display:block;
  color:#7A7A7A;
  font-weight: normal
}
.footer-menu h4{
color:white;
font-weight: normal;
}

.row1{
  display:inline-block;
  padding-left:100px;
 }
.hide-text a{
  visibility: hidden;
}
@media (max-width:600px){
  
  .home-menu{
    height: 84px;
  }
   .top-navbar{
    height: 100px;
    width: 101%;
   }  
   .top-navbar ul {
    padding-left:51px ;
   }
   .top-navbar ul li a{
    padding-left: 0px;
   }
   .top-navbar ul li ul{
    z-index: 1;
   }
   .head-section{
    height: 83px;
   }
   
    .home-section {
      height: 249px;
      width: 100vw;
      }
    .text{
      bottom: 298px;
    }
    p.miniver {
      font-size: 16px;
  }
  h1.montaga {
    font-size: 21px;
}
p.subtxt {
  font-size: 20px;
  padding: 10px;
}
h1.test-heading{
  display: none;
}
h1.testimonial{
  display: initial;
  color:#000000
}
.logo1{
  padding-left: 23px;
}
      .container3{
       
        width:90%;
        height: 450px;
      }
      .image-logo {
        position: absolute;
        top: -21%;
        left: 0%;
        width:100px ;
        height:100px ;
    }
    .About-section{
      height:1300px;
    }
    .flex-item-left h1{
font-size: 35px;
    }
     .responsive5 {
     flex:column;
  }
    .responsive {
    width: 44%;
    margin: 6px 11px;
    padding: 3px 3px;
    }
    .responsive6 {
      width: 65%;
     
      margin-left: 62px;
  }
  .gallery6{
    width: 100%;
  }
    .Event-section{
      height: 1264px;
    }
    .container-1{
      height: 1100px;
    }
    .management{
      height:1367px;
    }
    div.desc, .desc2 {
   
      text-align: left;}
      div.desc{
font-size: 9px ;
      }
      .desc2 p{
        font-size: 23px ;
      }
.menu-section{
  height:950px;
}
.container-2 {
  width: 70%;
  margin: auto;
  height: 783px;}
  .responsive2 {
 height:400px;
    width: 100%;
   
  position: relative;}
  .gallery2{
    height:363px;
    width: 100%;
   
  }
  .gallery5 {
   width:100%;
  }
  .gallery5 img {
    width:100%;
   }

  .gallery2 img{
    position: absolute;
    width: 88%;
    height: 71%;
  }
  .image-container,.booking-section img{
   display:none;
  }
  .slide p{
    padding: 9px 11px 0px 72px;
    font-size: 15px;
    line-height: 19px;
    color: rgb(0, 0, 0);
    width: 286px;
}
.testimonal-section{
  height:508px;
}
h1.test-heading{
  margin-top: -51%;
margin-left: -17%;
}
.line{
  left:35%;
}
.booking-section{
  position: relative;
  height: 863px;
}
.booking-top img,.book-img img{
  display: none;
}
.booking-section h1{
  margin-left: -225px;
}
.form-section {

      width:80%;
      position: absolute;
      height: 831px;
    }
   .form{
    margin-left: 68px;
   } 
   input[type="submit"]{
    width:50%;
   }
    .form-inline,.form-normal.input[submit] {
      flex-direction: column;
      align-items: stretch;
    }
    
    .footer-address{
      max-width: 200px;
    }
    .footer-logo,.footer-address  {
      width: 100%;
      text-align: center;
    }
  .footer-menu{
    display: none;
  }
  .footer-logo ul{
    margin-left:0px;
  }
  p.footer-address{
    margin-left:141px;
  }
}
@media ( max-width:400px){
   
   .top-navbar ul {
    padding-left:11px ;
   }
   
   .head-section{
    height: 83px;
   }
   
 
 .container-1 {
  width: 95%;}
 .responsive {
  width:84%;
  margin: 7px 32px;
  padding: 3px 8px;
}
.Event-section{
  height:3500px;
}
.testimonal-section{
  position: relative;
  height: 636px;
}
.container3{
  position: absolute;
top: 10%;
left:5%;
margin: auto;
height: 548px;
}
.container{
height: 548px;
}
h1.test-heading{
  margin-top: -42%;
}
.slide p{
padding:50px;
width:321px;
}
.slide-controls
{
display: none;}
}