/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 07-Apr-2023, 4:23:55 pm
    Author     : Socrates
*/

/*---------------------------------------
  VIDEO              
-----------------------------------------*/

html, body { 
      scroll-behavior: smooth
    }

 div.header {
    position: fixed;
    top: 0;
}
 

@media only screen and (max-width:1920px)
{
 
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    width: 100%;
    margin-top: -160px;
    height:100vh;  /* responsive height */
    }
    
.header-area .main-header-area .logo-img img
{
    width: 45%;
    height: auto;
    position: relative;
    top: 15px;
}

.main-menu
{
    position: relative;
    margin-top: 25px;
   
}

.book_room .socail_links
{
   
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: inherit;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
     position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 3.0em;
  color: #fff;
}


/*About area*/

   
  .about_info 
{
  padding: 50px 0px;   
}
.about_area .about_info p{             
             font-size:16px;
             line-height:28px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 25px;
             margin-right: 25px;
             text-align: left;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: auto;    
}

.roomset_2
{
    max-width: 100%;   
margin-left: auto;
margin-right: auto;  
margin-top: 30px;
}
.roomset_3
{
    max-width: 100%;  
    margin-top: 30px;
margin-left: auto;
margin-right: auto;  
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 40px 25px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;
}
.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}

.paragra_1
{
    width: 28%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 58%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline;    
}

.single_offers {
  position: relative;
  width: 100%;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

}

@media only screen and (max-width:1680px)
{
    
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
     margin-top: -160px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    
.header-area .main-header-area .logo-img img
{
    width: 40%;
    height: auto;
    position: relative;
    top: 15px;
}

.main-menu 
{
    position: relative;
    margin-top: 25px;
    left: 0px;
  
}

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:14px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 10px 0px;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
}

.book_room .socail_links
{
    width: 10%;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
     position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 3.0em;
  color: #fff;
}


/*About area*/
.paragra_1
{
    width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 68%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
   
  .about_info 
{
  padding: 45px 0px;   
}
.about_area .about_info p{             
             font-size:16px;
             line-height:28px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 25px;
             margin-right: 25px;
             text-align: left;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: auto;    
}

.roomset_2
{
    max-width: 100%;   
margin-left: auto;
margin-right: auto;  
margin-top: 30px;
}
.roomset_3
{
    max-width: 100%;  
    margin-top: 30px;
margin-left: auto;
margin-right: auto;  
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 40px 25px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;
}
.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/



.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline;    
    max-width: 100%;    
}

.At_a_Glance li img
{
    max-width: 10%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

}


@media only screen and (max-width:1600px)
{
    
    
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
     margin-top: -160px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    
.header-area .main-header-area .logo-img img
{
    width: 40%;
    height: auto;
    position: relative;
    top: 15px;
}

.main-menu 
{
    position: relative;
    margin-top: 25px;
    left: 0px;
  
}

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:13px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 10px 0px;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
}

.book_room .socail_links
{
    width: 10%;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
     position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 3.0em;
  color: #fff;
}


/*About area*/


/*About area*/
.paragra_1
{
    width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 68%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
   
  .about_info 
{
  padding: 45px 0px;   
}
.about_area .about_info p{             
             font-size:16px;
             line-height:28px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 25px;
             margin-right: 25px;
             text-align: left;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: 1%;
margin-right: 1%;    
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: 1%;
margin-right: 1%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: 1%;
margin-right: 1%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 40px 25px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;    
}


.room_description h3
{
    
    min-height: 10px;
}

.room_description .room_name
{
    position: relative;     
    left: -104px;
    
}

.room_description .room_name1
{
    position: relative;     
    left: -83px;
    
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline;    
    max-width: 100%;    
}

.At_a_Glance li img
{
    max-width: 10%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}



@media only screen and (max-width:1530px)
{
    
   .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
     margin-top: -160px;
    background-size: cover;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 45%;
    height: auto;
    position: relative;
    top: 25px;
}

.main-menu 
{
    position: relative;
    margin-top: 25px;
    left: 0px;
  
}

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:12px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 5px 0px;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
}

.book_room .socail_links
{
    width: 10%;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
     position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 3.0em;
  color: #fff;
}


/*About area*/

 

/*About area*/
.paragra_1
{
    width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 68%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
  .about_info 
{
  padding: 45px 0px;   
}
.about_area .about_info p{             
             font-size:16px;
             line-height:28px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 25px;
             margin-right: 25px;
             text-align: left;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: 2%;
margin-right: 1%;    
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: 2%;
margin-right: 1%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: 2%;
margin-right: 1%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 40px 25px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;    
}


.room_description h3
{
    
    min-height: 10px;
}

.room_description .room_name
{
    position: relative;     
    left: -104px;
    
}

.room_description .room_name1
{
    position: relative;     
    left: -83px;
    
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline;    
    max-width: 100%;    
}

.At_a_Glance li img
{
    max-width: 10%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:1440px)
{
     
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
     margin-top: -160px;
    background-size: cover;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 45%;
    height: auto;
    position: relative;
    top: 25px;
}

.main-menu 
{
    position: relative;
    margin-top: 25px;
    left: 0px;
  
}

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:14px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 10px 0px;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
}

.book_room .socail_links
{
    width: 10%;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
     position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 3.0em;
  color: #fff;
}


/*About area*/


/*About area*/
.paragra_1
{
    width: 38%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 68%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
   
  .about_info 
{
  padding: 50px 0px;   
}
.about_area .about_info p{             
             font-size:16px;
             line-height:28px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 25px;
             margin-right: 25px;
             text-align: left;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: 2%;
margin-right: 1%;    
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: 2%;
margin-right: 1%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: 2%;
margin-right: 1%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 40px 25px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;    
}


.room_description h3
{
    
    min-height: 10px;
}

.room_description .room_name
{
    position: relative;     
    left: -84px;
    font-size: 1.0em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: -70px;
      font-size: 1.0em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline;    
    max-width: 100%;    
}

.At_a_Glance li img
{
    max-width: 10%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:1366px)
{
      
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -160px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 45%;
    height: auto;
    position: relative;
    top: 25px;
}

.main-menu 
{
    position: relative;
    margin-top: 25px;
    left: 0px;
  
}

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:14px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 10px 0px;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
     position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 3.0em;
  color: #fff;
}


/*About area*/



/*About area*/
.paragra_1
{
    width: 38%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 68%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
   
  .about_info 
{
  padding: 45px 0px;   
}
.about_area .about_info p{             
             font-size:16px;
             line-height:28px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 25px;
             margin-right: 25px;
             text-align: left;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: 1%;
margin-right: 1%;    
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: 1%;
margin-right: 1%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: 1%;
margin-right: 1%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 15px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;    
}


.room_description h3
{
    
    min-height: 10px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 1.0em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 1.0em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline;    
    max-width: 100%;    
}

.At_a_Glance li img
{
    max-width: 10%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}


@media only screen and (max-width:1280px)
{  
     
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -160px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 45%;
    height: auto;
    position: relative;
    top: 25px;
}

.main-menu 
{
    position: relative;
    margin-top: 25px;
    left: 0px;
  
}

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:12px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 10px 0px;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
     position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.5em;
  color: #fff;
}


/*About area*/


/*About area*/
.paragra_1
{
    width: 45%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 68%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 35%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
   
  .about_info 
{
  padding: 45px 0px;   
}
.about_area .about_info p{             
             font-size:16px;
             line-height:28px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 25px;
             margin-right: 25px;
             text-align: left;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: 1%;
margin-right: 1%;    
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: 1%;
margin-right: 1%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: 1%;
margin-right: 1%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 15px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;    
}


.room_description h3
{
    
    min-height: 10px;
}

.room_description .room_name
{
    position: relative;     
    left: -60px !important;
    font-size: 1.0em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: -35px !important;
    font-size: 1.0em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline;    
    max-width: 100%;    
}

.At_a_Glance li img
{
    max-width: 10%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}


@media only screen and (max-width:1194px)
{
      
   
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -160px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 1.8em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 50%;
    height: auto;
    position: relative;
    top: 25px;
    left: 30px;
}

.main-menu 
{
    position: relative;
    margin-top: 25px;
    left: -40px;
  
}

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -10px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.2em;
  color: #fff;
}


/*About area*/


/*About area*/
.paragra_1
{
    width: 48%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 75%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 40%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
   
   
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 20px;
             margin-right: 20px;
             text-align: justify;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: 2%;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: 2%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: 2%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;    
}

 p
{
    font-size: 0.9em !important;
}

.room_description h3
{
    
    min-height: 10px;
}

.room_description .room_name
{
    position: relative;     
    left: -25px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: -10px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 20%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:1180px)
{
    
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -160px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 1.8em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 50%;
    height: auto;
    position: relative;
    top: 25px;
    left: 30px;
}

.main-menu 
{
    position: relative;
    margin-top: 25px;
    left: 0px;
  
}

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:12px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 10px 0px;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: 5px;
    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: 0px; 
    top: -3px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
     position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.5em;
  color: #fff;
}


/*About area*/


/*About area*/
.paragra_1
{
    width: 38%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 68%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 40%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
   
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 20px;
             margin-right: 20px;
             text-align: justify;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: 1%;
margin-right: 1%;    
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: 1%;
margin-right: 1%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: 1%;
margin-right: 1%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;    
}

 p
{
    font-size: 0.9em !important;
}

.room_description h3
{
    
    min-height: 10px;
}

.room_description .room_name
{
    position: relative;     
    left: -35px !important;
    font-size: 1.0em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: -15px !important;
    font-size: 1.0em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 20%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:1024px)
{
      
   
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -160px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 1.8em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 50%;
    height: auto;
    position: relative;
    top: 25px;
    left: 30px;
}

.main-menu 
{
    position: relative;
    margin-top: 25px;
    left: -40px;
  
}

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -10px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.2em;
  color: #fff;
}


/*About area*/


/*About area*/
.paragra_1
{
    width: 48%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 75%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 40%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
   
   
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 20px;
             margin-right: 20px;
             text-align: justify;
             text-align-last: auto;
             
}

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: 2%;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: 2%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: 2%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px;
    top: 0px;
    padding-top: 10px;
    border: none;
    border-radius: 0;
    
}

.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 0.95em;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 42px;
    height: auto;    
}

 p
{
    font-size: 0.9em !important;
}

.room_description h3
{
    
    min-height: 10px;
}

.room_description .room_name
{
    position: relative;     
    left: -25px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: -10px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 20%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:990px)
{
     
     .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -200px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 1.8em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 120px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 17%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center;    
    margin-left: 39%;
    margin-right: 39%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -41px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.2em;
  color: #fff;
}


/*About area*/



/*About area*/
.paragra_1
{
    width: 65%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 88%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


   .about_area
   {       
       margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: 4%;
      margin-right: 2%;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: 2%;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: 2%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: 2%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 40px;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 0.9em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 p
{
    font-size: 0.9em !important;
}

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 20%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:836px)
{
     
     .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -200px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 1.8em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 17%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center;    
    margin-left: 39%;
    margin-right: 39%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -41px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.2em;
  color: #fff;
}


/*About area*/



/*About area*/
.paragra_1
{
    width: 65%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 88%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


   .about_area
   {       
       margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: 4%;
      margin-right: 2%;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: 2%;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: 2%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: 2%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 40px;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 0.9em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 p
{
    font-size: 0.9em !important;
}

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 20%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:768px)
{
      
  .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -200px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 1.8em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 17%;
    height: auto;
    top: 10px;    
    position: relative;
    text-align: center;    
    margin-left: 39%;
    margin-right: 39%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -41px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.2em;
  color: #fff;
}


/*About area*/

.paragra_1
{
    width: 65%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 88%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


   .about_area
   {       
       margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: 4%;
      margin-right: 2%;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: 2%;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: 2%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: 2%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 40px;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 0.9em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 p
{
    font-size: 0.9em !important;
}

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;    
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 20%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media (max-width: 767px)
{
    .header-area .main-header-area 
    .logo-img img
    {
      width: 27%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center !important;    
    margin-left: 30%;
    margin-right: 30%;
    }
}


@media only screen and (max-width:480px)
{
     
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -230px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 1.8em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 27%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center !important;    
    margin-left: 30%;
    margin-right: 30%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -55px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  padding-left: 15px;
  line-height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 3.0em !important;
  color: #fff;
  
}

.paragra_1
{
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
     width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
     width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/*About area*/

   .about_area
   {       
      margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: 4%;
      margin-right: 2%;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: 2%;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: 2%;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: 2%;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 40px;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 0.9em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 p
{
    font-size: 0.9em !important;
}

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;    
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 100%;
    height: 100%;
}


.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}


.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:428px)
{
     
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -230px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;

    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;        
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 30%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center !important;    
    margin-left: 27%;
    margin-right: 27%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -55px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  padding-left: 15px;
  line-height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.5em !important;
  color: #fff;
  
}


/*About area*/

.paragra_1
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
   width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
      width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 95%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mobile_para1
{
    width: 97%;
    text-align: justify !important;
}


   .about_area
   {       
    margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px !important;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: auto;
      margin-right: auto;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;    
  }
  .offers_area p
  {
      font-size: 14px !important;
      text-align: center;
      margin-left: 15px;
      margin-right: 15px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: auto;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: auto;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: auto;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px !important;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 1.1em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;    
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 100%;
    height: 100%;
}

.amplecarpark 
{
    left: -15px;
}

.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}

.features_room .rooms_here .single_rooms {
    width: 100%;
    margin-bottom: 5px;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}


@media only screen and (max-width:414px)
{
     
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -230px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;

    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;        
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 30%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center !important;    
    margin-left: 27%;
    margin-right: 27%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -55px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  padding-left: 15px;
  line-height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.5em !important;
  color: #fff;
  
}


/*About area*/

.paragra_1
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
   width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
      width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 95%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mobile_para1
{
    width: 97%;
    text-align: justify !important;
}


   .about_area
   {       
    margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px !important;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: auto;
      margin-right: auto;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;    
  }
  .offers_area p
  {
      font-size: 14px !important;
      text-align: center;
      margin-left: 15px;
      margin-right: 15px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: auto;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: auto;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: auto;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px !important;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 1.1em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;    
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 100%;
    height: 100%;
}

.amplecarpark 
{
    left: -15px;
}

.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}

.features_room .rooms_here .single_rooms {
    width: 100%;
    margin-bottom: 5px;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:412px)
{
      
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -230px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;        
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 30%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center !important;    
    margin-left: 27%;
    margin-right: 27%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -55px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  padding-left: 15px;
  line-height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.5em !important;
  color: #fff;
  
}


/*About area*/

.paragra_1
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
   width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
      width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 95%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mobile_para1
{
    width: 97%;
    text-align: justify !important;
}

   .about_area
   {       
      margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px !important;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: auto;
      margin-right: auto;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;
  }
  .offers_area p
  {
      font-size: 14px !important;
      text-align: center;
      margin-left: 15px;
      margin-right: 15px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: auto;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: auto;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: auto;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px !important;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 1.1em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;    
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 100%;
    height: 100%;
}

.amplecarpark 
{
    left: -15px;
}

.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}

.features_room .rooms_here .single_rooms {
    width: 100%;
    margin-bottom: 5px;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:393px)
{
     
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -230px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;        
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 30%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center !important;    
    margin-left: 27%;
    margin-right: 27%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -55px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  padding-left: 25px;
  line-height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.2em !important;
  color: #fff;
  
}


/*About area*/

.paragra_1
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
   width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
      width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mobile_para1
{
    width: 97%;
    text-align: justify !important;
}

   .about_area
   {       
     margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px !important;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: auto;
      margin-right: auto;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;
  }
  .offers_area p
  {
      font-size: 14px !important;
      text-align: center;
      margin-left: 15px;
      margin-right: 15px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: auto;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: auto;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: auto;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px !important;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 1.1em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;    
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 100%;
    height: 100%;
}

.amplecarpark 
{
    left: -15px;
}

.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}

.features_room .rooms_here .single_rooms {
    width: 100%;
    margin-bottom: 5px;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:375px)
{
    
     .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -230px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;        
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 30%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center !important;    
    margin-left: 27%;
    margin-right: 27%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -55px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  padding-left: 20px;
  line-height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.2em !important;
  color: #fff;
  
}


/*About area*/

.paragra_1
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
   width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
      width: 90%;    
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mobile_para1
{
    width: 60%;
    text-align: center !important;
    margin-left: 20% !important;
    margin-right: 20% !important;
}


   .about_area
   {       
     margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px !important;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: auto;
      margin-right: auto;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;
  }
  .offers_area p
  {
      font-size: 14px !important;
      text-align: center;
      margin-left: 15px;
      margin-right: 15px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: auto;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: auto;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: auto;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px !important;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 1.1em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;    
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 100%;
    height: 100%;
}

.amplecarpark 
{
    left: -15px;
}

.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}

.features_room .rooms_here .single_rooms {
    width: 100%;
    margin-bottom: 5px;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:360px)
{
   
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -230px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;        
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 30%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center !important;    
    margin-left: 25%;
    margin-right: 25%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -55px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  padding-left: 20px;
  line-height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 2.0em !important;
  color: #fff;
  
}


/*About area*/

.paragra_1
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
   width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
      width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mobile_para1
{
    width: 65%;
    text-align: center !important;
    margin-left: 20% !important;
    margin-right: 20% !important;
}

   .about_area
   {       
       margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px !important;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: auto;
      margin-right: auto;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;
  }
  .offers_area p
  {
      font-size: 14px !important;
      text-align: center;
      margin-left: 15px;
      margin-right: 15px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: auto;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: auto;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: auto;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px !important;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 1.1em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;    
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 100%;
    height: 100%;
}

.amplecarpark 
{
    left: -15px;
}

.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}

.features_room .rooms_here .single_rooms {
    width: 100%;
    margin-bottom: 5px;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}

@media only screen and (max-width:340px)
{
   
    .bg-image
    {
   background-image: url('../video/HomePageVideo_Moment.jpg');  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      margin-top: -230px;
    width: 100%;
    height:100vh;  /* responsive height */
    }
   
    
    .offers_area h3,.features_room h3 , #experience h3, #contact h3, #leisure h3 {
      font-size: 2.0em !important;
    }
    
    .header-area .main-header-area .mainmenu_section
    {
        height: 100px;
        padding: 0px 20px;        
    }
    
    
.header-area .main-header-area .logo-img img
{
    width: 30%;
    height: auto;
    top: 10px;
    position: relative;
    text-align: center !important;    
    margin-left: 25%;
    margin-right: 25%;
}

/*Sticky Nav Button*/

.mobile_menu {
    position: absolute;
    right: 10px;
    width: 100% !important;
    z-index: 99;
}



.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -55px;
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top:0;
    padding: 0;
    width: 105%;
    padding: 0;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    background: rgba(255,255,255,0.9);
}

.slicknav_nav a:hover {
     color: #be9b5b !important;
    text-decoration: none;
}

.slicknav_nav li {
    display: block;
}

.slicknav_menu .slicknav_nav a.active {
    color: #be9b5b !important;
}
.slicknav_nav a {
    font-size: 18px !important;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    text-transform: inherit;
     text-align: center;
    text-decoration: none;
    display: block;
}


/*Sticky Navigation*/

.header-area .main-header-area .main-menu ul li a
{
    color:#000;
    font-size:10px;
    text-transform:inherit !important ;
    font-weight:500;
    display:inline-block;
    padding:0px 0px 7px 0px !important;
    font-family:"Raleway",sans-serif;
    position:relative;
    text-transform:capitalize
}

.header-area .main-header-area .book_room
{  
    position: relative;       
    top: 10px;
    left: -50px;
max-width: 100%;    
}

.book_room .socail_links
{
    width: 10%;
    position: relative;
    left: -50px;
}

section
{
    padding-top: 10em;
}

body
{
   overflow-x: hidden;
}

#home .video-wrap {
  z-index: -100;
   height: 100vh !important;
}

#home .custom-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;  
  height: 100% !important;
}

.spaces
{
    height: 10px;
}

#home .video_caption
{
   
}

#home .video_caption .headertext{
  
   
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  padding-left: 20px;
  line-height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-transform: inherit;
   font-family: 'Raleway';
   font-weight: 500;
  letter-spacing: 1.1px;
  font-size: 1.6em !important;
  color: #fff;
  
}


/*About area*/

.paragra_1
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_2
{
   width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_3
{
      width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}
.paragra_4
{
     width: 90%;
    text-align: justify !important;
    margin-left: auto;
    margin-right: auto;
}

.paragra_5
{
     width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mobile_para1
{
    width: 65%;
    text-align: center !important;
    margin-left: 20% !important;
    margin-right: 20% !important;
}

   .about_area
   {       
       margin-top: 20px !important;
       margin-bottom: -100px;
   }
  .about_info 
{
  padding: 10px 0px;   
}
.about_area .about_info p{             
             font-size:14px !important;
             line-height:24px;
             margin-top:0;
             margin-bottom:20px;
             margin-left: 10px;
             margin-right: 10px;
             text-align: justify;
             text-align-last: auto;
             
}

  .about_area .img_1,.about_area .img_2
  {
      margin-left: auto;
      margin-right: auto;
      width: 100% !important;
          
  } 
  .offers_area
  {
      margin-bottom: -160px;
  }
  .offers_area p
  {
      font-size: 14px !important;
      text-align: center;
      margin-left: 15px;
      margin-right: 15px;
  }

.roomset_1
{
max-width: 100%;   
margin-left: auto;
margin-right: auto;      
text-align: center;
}

.roomset_2
{
  max-width: 100%;   
margin-left: auto;
margin-right: auto;    
text-align: center;
margin-top: 30px;
}
.roomset_3
{
max-width: 100%;     
margin-left: auto;
margin-right: auto;    
text-align: center; 
 margin-top: 30px;
}

.book_now_room
{
    background: #5a134a;
    float: right;
    position: relative;
    color: #fff;
    right: 0;    
    height: 50px !important;
    top: 20px;    
    border: none;
    border-radius: 0;
    width: 100% !important;
}



.roomset_1 .single_offers .room_description h3, .roomset_2 .single_offers .room_description h3 ,.roomset_3 .single_offers .room_description h3
{
    position: relative;
    padding: 10px 5px !important;
    top: 10px;
    color: #fff;
    font-size: 1.1em !important;
    
}

.room_description
{
    background: #999999;
    height: auto;
    min-height: 2px !important;
    height: 84px;   
    
}

 

.room_description h3
{
    
    min-height: 0px;
}

.room_description .room_name
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
    
}

.room_description .room_name1
{
    position: relative;     
    left: 0px !important;
    font-size: 0.8em !important; 
}

.book_now_room:hover
{
    background: #be9b5b;
    color: #fff;
}


.roomset_1 .single_offers h3, .roomset_1 .single_offers .book_now, .roomset_1 .single_offers .amenities
{
    display: inline;
}

.roomset_2 .single_offers h3, .roomset_2 .single_offers .book_now, .roomset_2 .single_offers .amenities
{
    display: inline;
}

.roomset_3 .single_offers h3, .roomset_3 .single_offers .book_now, .roomset_3 .single_offers .amenities
{
    display: inline;
}
.amenities_block
{
    background: #585757;
     max-width: 100%;
    width: 100%;
    padding: 10px 15px;    
text-align: center;    
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    

}


/*light box*/


.btn
{
    color: #fff;
}

.bi-caret-down
{
    position: relative;
    margin-top: 4px;
}

.btn:focus
{
    box-shadow: none;
}

.amenities
{
    color: #fff !important; 
    background: #585757;
    position: relative;    
    border-radius: 0;
     top: -3px;    
    border: none;
    padding: 5px;
    font-size: 1.0em;
}

.amenities:active
{
    color: #fff;
}

.amenities:hover
{
    background: #585757;
    color: #5a134a;
    border: none !important;
}

.card-body
{
    border: none;
    background: #585757;
    top: -17px;
    border-radius: 0; 
    list-style-type: none !important;
}

.card-body p 
{
    color: #fff !important;    
    list-style-type: none !important;
    text-align: center;
    
}

/*At a glance*/

.At_a_Glance
{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.At_a_Glance li
{
    display: inline-block;    
    max-width: 100%;    
    padding: 25px;
}

.At_a_Glance li img
{
    max-width: 100%;
    height: 100%;
}

.amplecarpark 
{
    left: -15px;
}

.single_offers {
  position: relative;
  width: 100%;
}


/*Explore*/
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 22px !important;
    color: #fff;
    position: relative;
    z-index: 8;
}

.features_room .rooms_here .single_rooms {
    width: 100%;
    margin-bottom: 5px;
}

.single_offers .overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0.0.0,0.7);
}

.single_offers .overlay12
{
    overflow: hidden;
}

.single_offers:hover .overlay12 {
  opacity: 0.7;
  }

.single_offers .text12 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.contact_map img
{
    width: 10%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        
}

}