/**************  **************/
body.elementor-editor-active .elementor-element.custom-mobile-popup {
   position: relative;
   height: auto;
   display: block;
}

.elementor-element.full-width-red-btn .elementor-button,
.elementor-element.full-width-black-btn .elementor-button {
   width: 100%;
   min-height: 46px;
   font-size: 18px;
   border-radius: 0;
   font-weight: 600;
   padding: 10px 15px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}
.elementor-element.full-width-red-btn .elementor-button {
   background-color: #ee1c25;
   border: 1px solid #ee1c25;
   color: white;
}
.elementor-element.full-width-red-btn .elementor-button:hover, 
.elementor-element.full-width-red-btn .elementor-button:focus {
   background-color: #fff;
   border: 1px solid #ee1c25;
   color: #ee1c25;
}
.elementor-element.full-width-black-btn .elementor-button {
   background-color: #000;
   border: 1px solid #000;
   color: white;
}
.elementor-element.full-width-black-btn .elementor-button:hover, 
.elementor-element.full-width-black-btn .elementor-button:focus {
   background-color: #fff;
   border: 1px solid #000;
   color: #000;
}

.elementor-element.custom-mobile-popup {
   position: fixed;
   width: 100%;
   height: 100vh;
   z-index: 9999;
   background-color: white;
   top: 0;
   left: 0;
   display: none;
}
.elementor-element.cmp-body {
   height: calc(100% - 70px);
   overflow-y: auto;
   overflow-x: hidden;
}
.elementor-element.cmp-open .elementor-button,
.elementor-element.cmp-close .elementor-button {
   background-color: #ffffff00;
   fill: black;
   font-size: 25px;
   padding: 0;
   height: 32px;
   width: 32px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   line-height: 0;
   transition: all .3s ease-in-out;
}
.elementor-element.cmp-open .elementor-button:hover,
.elementor-element.cmp-open .elementor-button:focus,
.elementor-element.cmp-close .elementor-button:hover,
.elementor-element.cmp-close .elementor-button:focus {
   transform: rotate(-5deg) scale(1.05);
}

body .custom-search-icon, 
.custom-search-form .search-form .search-submit {
   background-image: url(http://akyu.iconcept-staging.com/wp-content/uploads/2025/03/search.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 18px;
   min-height: 37px;
   height: 100%;
   width: 40px;
   transition: all .3s ease-in-out;
   cursor: pointer;
}
.custom-search-form {
   position: relative;
   min-width: 40px;
   height: 37px;
}
body .custom-search-icon {
   position: absolute;
   z-index: 1;
   right: 0;
   top: 0;
   transition: all .3s ease-in-out;
}
body .custom-search-icon:hover{
   opacity: 0.7;
}
.custom-search-form .input-group{
   display: flex;
   border-radius: 100px;
   overflow: hidden;
   position: relative;
   background-color: #ECECEC;
}
.custom-search-form .search-field{
   border: 0;
   font-size: 16px;
   background-color: transparent;
   transition: all .3s ease-in-out;
   max-width: 175px;
   padding: 5px 20px;
}
.custom-search-form .search-field:focus{
   outline: none;
}
.custom-search-form .search-form .search-submit{
   text-indent: -9999px;
   border: 0;
   position: relative;
   background-color: transparent;
}
.custom-search-form .input-group::before{
   content: "";
   position: absolute;
   right: 40px;
   top: 50%;
   transform: translateY(-50%);
   width: 1px;
   background-color: #BEBEBE;
   height: 24px;
   transition: all .3s ease-in-out;
   opacity: 1;
}
.custom-search-form .custom-search-form-wrapper{
   position: relative;
   max-width: 0;
   opacity: 0;
   visibility: hidden;
   z-index: 2;
   transition: max-width .3s ease-in-out, opacity .2s .2s ease-in-out;
}
.custom-search-form.active .custom-search-form-wrapper{
   max-width: 220px;
   opacity: 1;
   visibility: visible;
}
.search-container{
   max-width: 1200px;
   margin: 0 auto 30px;
}
body .eael-simple-menu-container .eael-simple-menu li a{
   line-height: 1;
   height: 37px;
}
body .eael-simple-menu-container{
   min-height: 37px;
}
body .eael-simple-menu-container > .eael-simple-menu.eael-simple-menu-horizontal > li + li{
   margin-left: 6px;
}
body .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li a span{
   margin-top: 3px;
}
body .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li a{
   display: flex;
   align-items: center;
}
body .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li ul{
   z-index: 99999999;
}
body .eael-simple-menu-container .eael-simple-menu .eael-simple-menu-indicator{
   top: 4px;
}
#scroll-top-container{
   position: absolute;
   right: 0;
   width: 50px;
   top: 0;
   transform: translateY(-50%);
}
#scroll-top-container a{
   transition: all .3s ease-in-out;
}
#scroll-top-container a:hover{
   opacity: 0.7;
}
#home-stay{
   position: relative;
}
#home-stay::before{
   content: "";
   position: absolute;
   top: 147px;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(../image/home-stay-bg.jpg) center center no-repeat;
   background-size: cover;
}
#history-milestones::before{
   content: "";
   position: absolute;
   top: 20px;
   left: 0;
   width: 100%;
   height: 920px;
   background: url(../image/grey-bg.jpg) center center no-repeat;
   background-size: cover;
}
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
/**************  **************/
@media (max-width: 1170px) {
   .custom-search-form{
      margin-right: 10px;
   }
}
@media (max-width: 991px) {
   .custom-search-form .search-field{
      max-width: 120px;
   }
}
@media (max-width: 767px) {
   body img.site-logo {
      width: 88px;
   }
   body .eael-simple-menu-container .eael-simple-menu li a{
      line-height: 37px;
   }
}
/**************  **************/