body{
  font-family: montserrat;
}
nav{
  background: white;
  height: 80px;
  width: 100%;
}
label.logo{
  color: white;
  font-size: 35px;
  line-height: 80px;
  padding: 0 100px;
  font-weight: bold;
  Width :278px;
  Height :116px;
  top:11px;
  left:280px;
}
nav ul{
  float: right;
  align-items: center;
  z-index: 1;
}
nav ul li{
  display: inline-block;
  line-height: 80px;
  /* margin: 0 5px; */
}
nav ul li a{
  color: #2C2C9F;
  font-size: 22px;
  padding: 10px 30px;
  border-radius: 3px;
  text-transform: uppercase;
}

a.active,a:hover{
  background: white;
  transition: .5s;
}
.checkbtn{
  font-size: 30px;
  color: #2C2C9F;
  float: right;
  line-height: 80px;
  margin-right: 40px;
  cursor: pointer;
  display: none;
}
#check{
  display: none;
}
@media (max-width: 952px){
  label.logo{
    font-size: 30px;
    padding-left: 50px;
  }
  nav ul li a{
    font-size: 16px;
  }
}

.apply-font-family{
  font-family: 'Roboto';
}
.apply-font-style{
  font-style: normal;
}

.apply-font-size-22{
  font-size: 22;
}

.apply-font-size-20{
  font-size: 20px;
}


@media (max-width: 858px){
  .checkbtn{
    display: block;
  }
  ul{
    position:absolute;
    width: max-content;
    height: 100vh;
    background: #dce0e4;
    top: 80px;
    left: -100%;
    text-align: center;
    transition: all .5s;
  }
  nav ul li{
    display: block;
    margin: 50px 0;
    line-height: 30px;
  }
  nav ul li a{
    font-size: 20px;
  }
  a:hover,a.active{
    background: none;
    color: #0082e6;
  }
  #check:checked ~ ul{
    left: 0;
  }
}



.text-color{
  color: #2C2C9F;
}

.text-center{
  color: #2C2C9F;
}

/* Start */


.nav-last-button{
  color:black; 
  background-color: #2C2C9F;
  border-radius: 15px; 
  text-align: center;
}
.button-style{
  background-color: #2C2C9F;
  border-radius: 15px;
  color:white;
  Width:200px;
  Height :64px;
  font-size:16px;
  padding: 25px;
  padding-left: 35px;
  padding-right: 35px;
  /* display: flex; */
  align-items: center;
  text-align: center;
  letter-spacing: 0.75px;
}
.container-first-image{
  padding-top: 2%; 
  padding-bottom: 2%;
}

.amenities-padding{
  padding-top: 20px;
}

.figcaption-padding-fontsize{
  padding-left: 5px; 
  font-size: 20px;
  padding-top: 10px;
  color: white;
}

.vl {
  /* border-right: 1px solid rgb(252, 252, 252);
  height: 50px;
  right: 100%;
  margin-right: -3px;
  top: 0; */
  border-right: 1px solid rgb(253, 253, 253);
  height: 40px;
  margin-top: 5%;
  align-items: center;
}
.nav-style{
    padding-left: 50%;
    font-size: 22px;
    left: 280px;

 }
 /* .navbar{
    width: 1920px;
    height: 125px;
 } */
 
 .logo-footer{
  width: 90%;
 }



 a{
  color: #2c2c9f;
  text-decoration: none;
 }
 .nav-bar-color{
   background-color:white;
   color: #2c2c9f;
 }
 /* error */
 .navbar-collapse{
  background-color:white;
 }

 .logo-nav-bar{
    position: absolute;
    width: 60px;
    height: 26px;
    left: 116px;
    top: 11px;
    padding-left: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    

 }
 .logo-style{
    font-size: 22px;
    padding-left: calc(40% - 60px/2 - 327px);
 }
 .navbar-within-lables{
    padding-left: 40px;
  
 }


 .nav-button{
   position: absolute;
   left: 5%;
   right: 5%;
   top: 0%;
   bottom: 0%;
   
   font-family: Roboto;
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 28px;
   
   display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: 0.75px;
 }
 .image-style{
   position: fixed;
   width: 100vw;
   height: 941.55px;
   z-index: -10;
   object-fit: cover;
 }
 .cardding-image{
   color: rgb(3, 1, 7);
   background-color: #2C2C9F;
   width: 60%;
   position: center;
   left: 50%;
   top:80%;
   border-radius: 15px;
 }
 .card-row{
    left: 50%;
 }
 .last-nav-section{
    background-color: #2C2C9F;
    padding-left: 10%;
    width: fit-content;
    border-radius: 15px;
    text-align: center;
 }
 .card-shadow{
   padding: auto;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border-radius: 15px;
   background-color: white;
 }
 .button-nav{
   border-radius: 15px;
 }

 

 .button-review{

  text-align: left;
  display: inline-block; 
  height: 90%;
  border-radius: 15px; 
  width: 100%;
  padding-left: 20px;
 }

 .text-of-insta{
    padding-top: 60px;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 59px;
    text-align: center;
}
.text-of-contact{
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 50px;
  line-height: 59px;
  text-align: center;
}

 .img-edit{
  width: 100%;
  height: auto;
  position: relative;
  top: 30px;
  z-index: -1;
  display: inline-block;
 }
 

 .img-blur{
  width: 100%;
  height: auto;
  position: absolute;
  top: 2800px;
  z-index: -1;
  border-radius: 15px;
  background-attachment: fixed;
 }

 .img-insta{
   height: 300px;
   width: 400px;
   border-radius: 15px;
 }

 .insta-image{
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

 .top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}
.center-right{
  position:relative;
  
  left: 60%;
}
.cardding-image{
  color: rgb(3, 1, 7);
  background-color: #2C2C9F;
  width: 60%;
  position: center;
  left: 50%;
  top:90%;
  border-radius: 15px;
}
.start-img{
  margin-left: 20px; 
  height: 116px;
  width: 278px;
  left: 280px;
  top: 11px;
}
.image-aboutus{
  /* max-width:100%;
  height: auto; */
  border-radius: 15px;
  text-align: center;
  /* position: absolute; */
  width: 539px;
  height: 516px;
  left: 961px;
  top: 426px;
}


/* .stars i {
  font-size: 18px;
  color:#EDAC2E;
} */
#str1,#str2,#str3,#str4{
  color:#EDAC2E;
}
#str5{
  color:gray;
}
.blue-color{
  color:#2C2C9F;
}
.no-decoration{
  text-decoration: none;
}

.responsive-map-container {
  position: relative;
  padding-bottom: 45%;
  padding-top: 30px;
  padding-left: 25px;
  height: 0;
  overflow: hidden;
  align-content: center;
}

.responsive-map-container iframe,   
.responsive-map-container object,  
.responsive-map-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


#button-addon1 {
  color: #ffc371;
}

i {
  color: #ffc371;
}

.form-control::placeholder {
  font-size: 0.95rem;
  color: #aaa;
  font-style: italic;
}

.form-control.shadow-0:focus {
  box-shadow: none;
}

.footer-text{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 25px;
text-align: left;
}

.col-padding{
  margin-left: 21px;
  padding-top: 30px;
  text-align: center;
}
.background-color{
  background-color:#2C2C9F;
}
.font-change{ 
  font-size: 30px;
  padding-top: 10px;
  color: white;
}
.font-size-small{
  font-size: 20px;
  padding-top: 10px;
  color: white;
}
.review-button-image{
  width: 50px; 
  height: 50px; 
  padding-bottom: 10px; 
  padding-right:10px; 
  vertical-align: top;
}

.span-text-review-button{
  margin-left: 10px; 
  font-size:20px; 
  font-weight: bold;
}

.font-size{
  font-size:14px;
}
.scrolled.slide-right {
  animation: slide-in-right 1s ease-in-out both;
}


.padding-class{
  padding-bottom: 0%;
}



.header-font1{
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 50px;
  line-height: 59px;
  }
              
  
  .header-font2{
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    color: #2C2C9F;
  }
  
  .header-font3{
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  }
  
  .room-text-font{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  }
  
  .icons-size{
    width: 44px;
    height: 45px;
  }
  
  .icon-text-style{
    font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  }
  
  .image-logos-style{
  width: 57px;
  height: 54px;
  top: 39px;
  }


  .image-on-text{
    position: absolute;
    top: 50%;
    left: 60%;
    text-align: center;
    color: #2C2C9F;
    background-color: rgba(252, 252, 252, 0.384);
    border-radius: 15px;
    font-size: 30px;
    font-family: Roboto;
    font-style:normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 70px;
    align-items: center;

   }


.review-header-style{
left: 580px;
top: 60px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 126.19%;
color: #2C2C9F;
}

.review-message-style{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 25px;
color: #2C2C9F;
}
.footer-logo-style{
  width: 100%;
  height: auto;
}


.footer-head2-style{

font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 126.19%;
}



.add-left-padding{
  padding-left: 10%;
}


/* footer */









/* close footer */


@media screen and (max-width: 1180px) {
  #vertical1{
    visibility: hidden; 
    }
}

@media screen and (max-width: 600px){
#menu-footer{

visibility: hidden; 
}
}

@media (min-width: 768px){
.justify-content-md-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;}
}

  @media (min-width: 300px){
    .justify-content-md-center {
        -ms-flex-pack: center!important;
        justify-content: center!important;
      }
    }  
 
@media (max-width: 753px){
  .add-left-padding{
    padding-left: 0%;
  }
}



         
           @media (max-width: 1200px){
            div.image-on-text{
              font-size: 35px;
              top: 59%;
              line-height: 60px;
            }
          }
            @media (max-width: 933px){
              div.image-on-text{
                font-size: 25px;
                top: 50%;
                line-height: 50px;
              }
            }  
           @media (max-width: 900px){
            div.image-on-text{
              font-size: 22px;
              top: 45%;
              line-height: 30px;
            }
          }
          @media (max-width: 828px){
            div.image-on-text {
                font-size: 23px;
                top :30%;
                line-height: 25px;
            }
            }
          @media (max-width:727px){
            div.image-on-text{
              font-size: 16px;
              top :22%;
              line-height: 20px;
            }
          }
          /* @media (max-width:px){
            div.image-on-text{
              font-size: 20px;
              top :40%;
            }
          } */
          @media (max-width:550px){
            div.image-on-text{
              font-size: 15px;
              top :20%;
              line-height: 20px;
            }
          }
          @media (max-width: 492px){
            div.image-on-text {
              font-size: 10px;
              top: 21%;
              line-height: 5px;
            }
            }
          
@media (max-width: 400px){
 .start-img {
  width: 200px;
 }
 }
 @media (width: 394px){
  .start-img {
      width: 200px;
  }
  } 

@media (max-width: 389px){
  .start-img {
    width: 180px;
    height: 100px;
  }
}
             
              @media (max-width: 380px){
                .start-img {
                  width: 100px;
                  height: 60px;
                }
                }   



@media (max-width: 756px){
    div.about-us-text {
        font-size: 15px;
    }
    }
@media (max-width: 756px){
  #review-message {
  font-size: 15px;
  }
}
@media (max-width: 756px){
  .text-font {
  font-size: 10px;
  }
}

@media (max-width: 1108px){
  .img-blur {
  top: 2700px;
  height: max-content;
  }
}
@media (max-width: 972px){
  .img-blur {
  top: 2800px;
  height: max-content;
  }
}
@media (max-width: 748px){
  .img-blur {
    top: 4300px;
    height: max-content;
  }
}
@media (max-width: 546px){
  .img-blur {
    top: 4500px;
    height: max-content;
    }
}    
@media (max-width:1108px) {
  .image-aboutus{
    width:100%;
    height: auto;
  }
}            
@media (max-width:840px){
  #footer-ul{
    display: none;
  }
}


/* review effect */



#map-plug {display:none;}

#google-reviews {
display:flex;
flex-wrap:wrap;
//display: grid;
//grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));
}

.review-item {
border:solid 1px rgba(190,190,190,.35);
margin:0 auto;
padding:1em;
flex: 1 1 20%;
}

@media ( max-width:1200px) {
  .review-item { flex: 1 1 40%; }
}

@media ( max-width:450px) {
  .review-item { flex: 1 1 90%; }
}

.review-meta, .review-stars {text-align:center; font-size:115%;}
.review-author { text-transform: capitalize; font-weight:bold; }
.review-date {opacity:.6; display:block;}
.review-text {  line-height:1.55; text-align:left; max-width:32em; margin:auto;}

 

.review-stars ul {
display: inline-block;
list-style: none;
margin:0; padding:0;
}

.review-stars ul li {
float: left;
margin-right: 1px;
line-height:1;
}

.review-stars ul li i {
  color: #E4B248;
  font-size: 1.4em;
  font-style:normal;
}
.review-stars ul li i.inactive { color: #c6c6c6;}
.star:after { content: "\2605"; }