/* 
-------As Per Page Format Order----------
 intro-text-center,hero-banner,zig-zag-feature-box-all-elements,zig-zag-right-image,form-style,Footer-with-signup,snippet-right-image,landing-header */ 

.lt135-h1 {
    padding: 0 20px 25px;
    text-align: center;
}

.lt135-h1__smalltitle {
    margin-bottom: 0;
}
.lt135-h1__container{
	    max-width: 875px; position:relative; z-index:2;
}

@media (max-width: 1399.98px) {
}

@media (max-width: 1199.98px) {
}

@media (max-width: 1023.98px) {

}

@media (max-width: 959.98px) {

}

@media (max-width: 767.98px) {
    .lt135-h1 {
        padding: 0 0 15px;
        text-align: center;
      	margin-top: -20px;
    }
}

@media (max-width: 639.98px) {
}

@media (max-width: 575px) {
}
/* Layout-182 Starts */
.lt182-widget {
  position: relative;
  margin-top: -110px; 
  background: var(--primary-color); 
}
.lt182-widget__media {
  height: 640px;
  position: relative;
}
.lt182-widget__media:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, #121838 -2%, rgba(18, 24, 56, 0) 37.78%);
}
.lt182-widget__media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.lt182-widget:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(18, 24, 56, 1) 0%, rgba(18, 24, 56, 0) 50%, rgba(255, 255, 255, 1) 100%);
}
@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 1024px) {
  .lt182-widget{
  	margin-top: -109px;
  }
}

@media (max-width: 959.98px) {}

@media (max-width: 767.98px) {  
  .lt182-widget__media {
    height: 420px;
  }
}

@media (max-width: 639.98px) {}

@media (max-width: 575px) {}

/* Layout-182 Ends */

/* Snippet Starts */
.snippet__title {
  margin-bottom: 30px;
}

.snippet__desc-readmore {
  margin-top: 10px;
}

.snippet__actions-call {
  margin-top: 10px;
  letter-spacing: 0.32px;
}

.snippet__actions-call>a {
  font-weight: 700;
}

.snippet__actions,
.snippet__actions--grid {
  margin-top: 40px;
  display: flex;
  align-items: center;
}

.snippet__actions .uk-button+.uk-button,
.snippet__actions--grid .uk-button+.uk-button {
  margin: 0 0 0 25px;
}

.snippet__actions--block {
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.snippet__actions--block .uk-button+.uk-button {
  margin: 25px 0 0;
}

.snippet__amenities {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  justify-self: flex-start;
  column-gap: 30px;
  grid-row-gap: 20px;
  margin-bottom: 30px;
  flex-flow: wrap;
}

.snippet__amenities-item--grid {
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.snippet__amenities-name {
  font: var(--h6-title-fonts);
  margin: 10px 0 0;
}

.snippet__amenities-item--grid .snippet__amenities-name {
  margin: 0; text-align: left;
}

.snippet__amenities-icon {
  display: block;
  color: var(--highlight-color);
  font-size: 20px;
}

.snippet__amenities-item--grid .snippet__amenities-icon {
  display: flex;
  font-size: 26px;
}

.snippet__amenities--stack {
  flex-direction: column;
  align-items: flex-start;
  grid-row-gap: 15px;
}

.snippet__media {
  width: 616px;
  max-width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 103.89610389610388%;
  padding-bottom: 81.5%;
  border-radius: var(--border-radius);
}

.snippet__media:focus-within {
  outline: 1px solid var(--highlight-color);
  box-shadow: 0 0 2px var(--highlight-color) inset;
  -webkit-box-shadow: 0 0 2px var(--highlight-color) inset;
  -ms-box-shadow: 0 0 2px var(--highlight-color) inset;
  -moz-box-shadow: 0 0 2px var(--highlight-color) inset
}

.snippet__media>img {
  width: 100%;
}

.snippet__media--l {
  width: 750px;
}

.snippet__media--xl {
  width: 800px;
}

.snippet__media--vl {
  width: 700px;
  padding-bottom: 115%;
}

.snippet__media--square {
  padding-bottom: 100%;
}

.snippet__media.our-history-media {
  padding-bottom: 133%;
}

.snippet__media--map {
  height: 650px;
  padding: 0;
}

.snippet__media-mapholder {
  height: 100%;
}

.snippet__media-map,
.snippet__media-map>div {
  height: 100% !important;
}

.snippet__title .template-icon {
  display: inline;
  width: 25px;
  height: 25px;
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  align-items: center;
  vertical-align: baseline;
  color: var(--highlight-color);
}

.snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden) {
  margin-top: 40px;
}

.snippet__zigzag.is-hidden+.snippet__zigzag {
  margin-top: 0;
  transition: margin .4s ease;
}

.snippet__accordion {
  margin-bottom: 30px;
}

.snippet__accordion-name {
  font: var(--h5-title-fonts);
}

.snippet__accordion-content {}

.snippet__accordion--border {
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
  border-top: 1px solid #ccc;
  padding-top: 25px;
}

.snippet__dotnav {
  position: absolute;
  left: 0;
  z-index: 11;
  bottom: 0;
  right: 0;
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  padding-left: 35px;
}

.snippet__slider-dotnav {
  margin-top: 40px;
  width: 610px;
  max-width: 100%;
  justify-content: center;
}
.alternate-bg-color .full-width-sec:nth-of-type(even) {
    background-color: var(--bg-alt-1);
}
.alternate-bg-color .full-width-sec{
    padding: 80px 0;
}
.inner-padding.alternate-bg-color{
    padding-left: 0;
    padding-right: 0;
}
.alternate-bg-color .snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden){
margin-top: 0 !important;
}
@media (min-width: 1200px) {
  .snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden) {
    margin-top: 80px;
  }

  .snippet__container--small {
    max-width: 1070px
  }
}

@media (min-width: 960px) {
  .snippet__zigzag:nth-child(even) .snippet__col:first-child {
    order: 2;
  }

  .snippet__zigzag:nth-child(even) .snippet__col:last-child {
    order: 1;
  }

  .snippet__zigzag:nth-child(odd) .snippet__col:first-child {
    order: 1;
  }

  .snippet__zigzag:nth-child(odd) .snippet__col:last-child {
    order: 2;
  }

  .snippet__zigzag--revert:nth-child(odd) .snippet__col:first-child {
    order: 2;
  }

  .snippet__zigzag--revert:nth-child(odd) .snippet__col:last-child {
    order: 1;
  }

  .snippet__zigzag--revert:nth-child(even) .snippet__col:first-child {
    order: 1;
  }

  .snippet__zigzag--revert:nth-child(even) .snippet__col:last-child {
    order: 2;
  }
  .snippet__zigzag--padding-middle {
    align-items: flex-start
  }
  .snippet__zigzag--padding-middle .snippet__conent {
    padding-top: 50px;
  }
}

@media (max-width: 1399.98px) {
  .uk-container-small .snippet__media {
    width: 450px;
  }

  .snippet__media--xl,
  .snippet__media--l {
    width: 610px;
  }
}

@media (max-width: 1199.98px) {
  .snippet__media {
    width: 100% !important;
  }

  .snippet__slider-dotnav {
    margin-top: 20px;
    width: 50%;
  }
}

@media (max-width: 1023.98px) {

  .snippet__title,
  .snippet__desc,
  .snippet__amenities {
    margin-bottom: 20px;
  }

  .snippet__actions .button-booknow {
    min-width: unset;
    padding: 10px 25px;
  }

  .snippet__actions--grid {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
}

@media (max-width: 959.98px) {
  .snippet__media {
    width: 100%;
    max-width: 100%;

  }
  .snippet-media{
  	text-align:center;
  }
  .snippet__media img {
    width: 100%;
  }

  .snippet__title svg {
    width: 15px;
    height: 15px;
  }

  .snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden) {
    margin-top: 50px;
  }

  .snippet__media--map {
    height: 600px;
  }

  .snippet__slider-dotnav {
    width: 100%;
    justify-content: flex-start;
    margin-top: 40px;
  }
  .alternate-bg-color .full-width-sec{
  padding: 50px 0;
  }
}

@media (max-width: 767.98px) {
  .snippet__actions--block .uk-button+.uk-button {
    margin: 15px 0 0;
  }

  .snippet__dotnav {
    position: static;
    width: auto;
    padding: 0;
    margin-left: -15px;
    margin-top: 30px;
  }
  /*.snippet__actions {
  margin-top: 25px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

  .snippet__actions .uk-button+.uk-button,
  .snippet__actions--grid .uk-button+.uk-button,
  .snippet__actions--block .uk-button+.uk-button {
  margin: 20px 0 0;
}*/
  
  .snippet__actions .uk-button-primary,
  .snippet__actions--grid .uk-button-primary,
  .snippet__actions .uk-button-default,
  .snippet__actions--grid .uk-button-default {
    padding: 10px 15px;
  }

  .snippet__actions .uk-button+.uk-button,
  .snippet__actions--grid .uk-button+.uk-button {
    margin: 0 0 0 15px;
  }

  .overview .snippet__actions {
    margin-top: 25px;
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  .overview .snippet__actions .uk-button+.uk-button,
  .overview .snippet__actions--grid .uk-button+.uk-button,
  .overview .snippet__actions--block .uk-button+.uk-button {
    margin: 0 0 0 25px;
  }
}

@media (max-width: 767.98px) and (min-width: 640px) {

}

@media (max-width: 639.98px) {

  .snippet__media--map {
    height: 400px;
  }

  .inner-padding--thirdlevel .snippet__title {
    font-size: 35px;
  }
}

@media (max-width: 575px) {
  .snippet__actions .button-booknow {
    padding: 10px 15px;
  }

  .snippet__amenities {
    column-gap: 20px;
  }

  /*.snippet__amenities-item--grid {
  width: calc(50% - 10px);
}*/
}

@media (max-width: 374px) {
  .snippet__actions {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
  }
  .snippet__actions .uk-button+.uk-button,
  .snippet__actions--grid .uk-button+.uk-button,
  .snippet__actions--block .uk-button+.uk-button {
    margin: 20px 0 0;
  }

  .snippet__dotnav {
    justify-content: center;
  }
}

/* Snippet Ends */




/* GCP Slider Starts  */
.gcp-slider__nav {
  position: absolute;
  right: 0;
  bottom: 0;
  background: var(--primary-cta-inverse-color);
  color: var(--inverse-font-color);
  width: 190px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.gcp-slider__nav-link {
  background: var(--primary-cta-inverse-color);
  color: var(--primary-cta-inverse-font-color);
  border-radius: 0;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 600;
  min-height: 35px;
  padding: 5px 15px;
  transition: all .4s ease;
  line-height: 1;
  display: flex;
  align-items: center;
}

.gcp-slider__nav-link+.gcp-slider__nav-link {
  padding-left: 10px;
}

.gcp-slider__nav-link:first-child {
  padding-right: 10px;
}

.gcp-slider__nav-link.uk-invisible {
  visibility: visible !important;
  display: inline-flex !important;
  cursor: not-allowed;
  color: rgba(255, 255, 255, .36);
}

.gcp-slider__nav-link>.template-icon {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
  transition: all .4s ease;
  margin-left: 15px;
}

.gcp-slider__nav-link>.template-icon:last-child {
  margin-left: 15px;
  margin-right: 0;
}

.gcp-slider__nav-link>.template-icon:first-child {
  margin-right: 15px;
  margin-left: 0;
  margin-top: unset;
}

.gcp-slider__nav-link-text {
  min-height: 14px;
  display: inline-flex;
  align-items: flex-end;
  margin-top: -2%;
}

.gcp-slider__nav-link:hover,
.gcp-slider__nav-link:focus,
.gcp-slider__nav-link:focus-visible {
  outline: 0;
  box-shadow: unset;
}

.gcp-slider__nav-link:hover>.template-icon,
.gcp-slider__nav-link:focus>.template-icon,
.gcp-slider__nav-link:focus-visible>.template-icon,
.gcp-slider__nav-link.uk-invisible>.template-icon {
  opacity: 0.5;
}

.gcp-slider__expand {
  font-size: 22px;
  color: #000;
  position: absolute;
  bottom: 0;
  right: 190px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background: #fff;
  transition: all .4s ease;
}

.gcp-slider__expand:hover,
.gcp-slider__expand:focus,
.gcp-slider__expand:focus-visible {
  color: var(--highlight-color);
}


.gcp-slider__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: inline-flex;
  width: 101px;
  height: 35px;
  background: var(--body-bg);
  color: var(--text-color);
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
}

.gcp-slider__actions--revert {
  left: auto;
  right: 0;
}

.gcp-slider__actions > .template-icon {
  margin-left: 5px;
  font-size: 16px;
}

.zigzag-snippet-with-tabs .button-combo{
	margin-top:30px;
}

@media (max-width: 639.98px) {}

/* GCP Slider Ends  */
/* Layout 1 Starts */
.lt223-widget--primary-bg  {
  background: var(--primary-color);
  color: var(--inverse-font-color);
}
.lt223-widget--primary-bg *{
  color: var(--inverse-font-color);
}
.lt223-widget--secondary-bg {
  background: var(--bg-alt-1);
}
@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 1023.98px) {}

@media (max-width: 959.98px) {}

@media (max-width: 767.98px) {}

@media (max-width: 639.98px) {}

@media (max-width: 575px) {}

/* Layout 1 Ends */
/*Form Starts*/

.form__group {
  margin-bottom: 35px;
  position: relative;
}

.form__label {
  margin-bottom: 5px;
  display: block;
  font: var(--form-label-fonts);
  color: var(--primary-color);
  text-transform: uppercase;
  letter-spacing: 1.4px;
}

.form__control {
  border: 1px solid var(--primary-color);
  font: var(--form-input-fonts);
  height: 58px; border-color: var(--primary-color);
  background:transparent;
}

.form__control.uk-select:not([multiple]):not([size]) {
  height: 47px;
  background-position: 96% 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23002341' stroke-width='2' points='16 7 10 13 4 7'%3E%3C/polyline%3E%3C/svg%3E");
}

.form__control.uk-textarea {
  height: auto;
  min-height: 47px;
}

.form__checkbox,
.form__radio {
  display: block;
  position: relative;
  padding-left: 35px;
}
.form__group .form__checkbox{
	color:var(--primary-color);
}
.footer9-newsletter__gdpr .form__checkbox{
padding-left: 0;
}
.form__radio--inline {
  display: inline-flex;
  align-items: center;
}

.form__radio--inline+.form__radio--inline {
  margin-left: 20px;
}

.form__checkbox .uk-checkbox,
.form__radio .uk-radio {
  margin-right: 10px;
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  background-color: transparent; width:24px; height:24px;
}

.form__radio .uk-radio {
  border-radius: 50%;
  top: 1px;
}

.form__radio {
  margin-top: 12px;
  font-size: 14px;
}

.form__checkbox a {
  /* color: var(--text-color); */
}

.form__checkbox a:hover,
.form__checkbox a:focus,
.form__checkbox a:focus-visible {
  color: var(--highlight-color);
}
.form__checkbox.form__checkbox-inverse .uk-checkbox{
	background-color:transparent; border-color:var(--footer-color);
}
.form__checkbox.form__checkbox-inverse .uk-checkbox:hover,
.form__checkbox.form__checkbox-inverse .uk-checkbox:focus,
.form__checkbox.form__checkbox-inverse .uk-checkbox:checked{
	background-color:var(--footer-color) !important; border-color:var(--footer-color); 
}
.form__checkbox.form__checkbox-inverse .uk-checkbox.input-error{
	background-color:var(--footer-color) !important;
}
.application-form__sec .uk-grid{
	    align-items: baseline;
}
#ui-datepicker-div{
  width: max-content;
}
.ui-datepicker-trigger{
  position: absolute;
  right: 8px;
  bottom: 13px;
  background: transparent;
  border: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  color: var(--primary-color);
  background: transparent;
  text-transform: uppercase;
  font: var(--secondary-cta-fonts);
  border: 1px solid var(--secondary-cta-font-color);
  transition: all .4s ease; font-size:12px;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover,
.ui-datepicker .ui-datepicker-buttonpane button:focus {
  background: var(--primary-color);
  border-color: var(--secondary-color);
  color: #fff;
}
.contact-map__title{
  margin-bottom: 40px;
}
.form-icons .form__control.uk-select:not([multiple]):not([size]) {
  background-image: none;
}
.form-icons:before {
  font-family: var(--icon-fonts);
  bottom: 18px;
  right: 10px;
  position: absolute;
  font-size: 22px;
  color: var(--highlight-color);
  pointer-events: none;
}          
.form-calendar-icon.form-icons:before{
	bottom: 48px;
}
.event-ends.form-calendar-icon.form-icons:before {
    bottom: 17px;
}
.form-calendar-icon .ui-datepicker-trigger img{
	    opacity: 0;
}
.form-calendar-icon .form__checkbox{
	    margin-top: 10px;
}
.form-calendar-icon .form__checkbox .uk-checkbox{
	top:-2px;
}
.form-room-icon:before{
  content: "\ea8a";
}
.form-user-icon:before{
  content: "\e93c";
}
.form-calendar-icon:before{
  content: "\e963";
}
.form-icons .form__control {
    padding-right: 30px;
}

/*--------- Form Ends -------------*/

.form__checkbox a{
  text-decoration: underline; 
}
.form__checkbox a:hover{
  text-decoration: none; 
}
.event-ends.is-readonly {
    opacity: .2;
    pointer-events: none;
}

.forcmsfrom .form__group .for-design-checkbox {
    width: 100%;
    height: auto;
    overflow: visible;
    border: none;
}
.forcmsfrom.wedding-form .uk-grid > div:nth-child(7):before {
    content: "\e963";    
    right: 10px;
    bottom: 20px;
    position: absolute;
    font-size: 22px;
    color: var(--highlight-color);
    pointer-events: none;
    font-family: var(--icon-fonts);
}
.forcmsfrom.wedding-form .uk-grid > div:nth-child(7) .ada-datepicker button.ui-datepicker-trigger {
    display: none;
}
.forcmsfrom.wedding-form .uk-grid > div:nth-child(8):before {
    content: "\e963";    
    right: 10px;
    bottom: 20px;
    position: absolute;
    font-size: 22px;
    color: var(--highlight-color);
    pointer-events: none;
    font-family: var(--icon-fonts);
}
.forcmsfrom.wedding-form .uk-grid > div:nth-child(8) .ada-datepicker button.ui-datepicker-trigger {
    display: none;
}
.forcmsfrom.wedding-form .uk-grid > div:nth-child(10) {
    color: var(--primary-color);
    padding-left: 48px;
    margin-top: -20px;
    margin-left: 20px;
    margin-bottom: 0;
    font: var(--body-text-fonts);
}
.forcmsfrom.wedding-form .uk-grid > div:nth-child(10) label.form__label {
    font-weight: normal;
    letter-spacing: 0;
    text-transform: capitalize;
}
.forcmsfrom.wedding-form .uk-grid > div:nth-child(10) label[for="279041_0"] {
    font-size: 0;
}
.forcmsfrom.wedding-form .uk-grid > div:nth-child(10) input {
    width: 24px;
    height: 24px;
    top: 0px;
    left: 14px;
    margin: 0;
    position: absolute;
    background-color: transparent !important;
    border-radius: 3px;
    border: 1px solid var(--primary-color);
}
.forcmsfrom.wedding-form button.uk-button.uk-button-primary.contact-us__submit {
    padding-left: 25px;
    margin-left: 32px;
}
.contact-form button.uk-button.uk-button-primary.contact-us__submit {
    padding-left: 25px;
    margin-left: 20px;
}
.club-nikko-form button.contact-us__submit {
    padding-left: 25px;
    margin-left: 32px;
}
.email-offer-form button.contact-us__submit {
    padding-left: 25px;
    margin-left: 32px;
}
@media (max-width: 959px) {
  .contact-snippet__media{
  	text-align: center;
  }
}
@media (max-width: 767px) {
 
  .forcmsfrom.wedding-form .uk-grid > div:nth-child(10) {
      margin-top: -5px;
      margin-left: 8px;
  }
  
}
span.home_breadcrumb {
  text-transform: capitalize;
}
.footer9 {
  padding: 100px 20px 120px;
  background-size: cover;
 /* background-position: center; */
  color: var(--footer-color);
  background-color: var(--bg-footer);
  background-size: contain;
  background-repeat: repeat;
}

.footer9 :focus-visible {
    outline: 1px solid var(--footer-color);
    box-shadow: 0 0 2px var(--footer-color) inset;
    -webkit-box-shadow: 0 0 2px var(--footer-color) inset;
    -ms-box-shadow: 0 0 2px var(--footer-color) inset;
    -moz-box-shadow: 0 0 2px var(--footer-color) inset;
}
.footer9.addBg{
	    background-image: url(https://assets.milestoneinternet.com/cdn-cgi/image/f=auto/hotel-nikko-san-francisco/hotel-nikko-san-francisco-2803-1/website-assets/background-image/bg-pattern.png?width=1500&height=850);
    background-color: var(--tertiary-color); position:relative;
}
.footer9.addBg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: var(--tertiary-color);
    background-blend-mode: lighten; left:0;
  background: linear-gradient(170deg, rgba(52, 95, 139, 0.7) 24.01%, rgba(24, 39, 75, 0.46) 62.67%, #121838 86.42%);
}
.footer9__container{
	position:relative; z-index:2;
}
.footer9 .title {
  color: var(--footer-color);
}

.footer9 a {
  color: var(--footer-color);
}

.footer9 a:hover,
.footer9 a:focus-visible {
  text-decoration: underline;
}

.footer9:after {}

.footer9-newsletter form {
  max-width: 540px;
}

.footer9__logo {
  margin-bottom: 0;
}
.footer-links{
	display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 40px; margin-top: 40px;
}
.footer9-newsletter__grid {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.footer9-newsletter__control {
  flex: 1;
  position: relative;
}

.footer9-newsletter__input {
  height: 48px;
  color: var(--inverse-font-color) !important;
  background: transparent !important;
  border-color: var(--footer-color);
}
.footer9-newsletter__input::placeholder{
	color:#E7E3E8;
}
.footer9-newsletter__gdpr {
  margin-top: 16px;
  font-size: 12px;
  line-height: 1.5;
}
.footer9-newsletter__gdpr p{
	margin-bottom:0;
}
footer.footer9 .input-error~.error-message{
	color:var(--border-color) !important;
}
.footer9-newsletter__gdpr a {
  text-decoration: underline;
}

.footer9-newsletter__gdpr a:hover,
.footer9-newsletter__gdpr a:focus-visible,
.footer9-newsletter__gdpr a:focus{
  text-decoration: none; color:var(--inverse-font-color);
}

.footer9-newsletter__btn {
  color: var(--footer-color);
  border-color: var(--footer-color);
}

.footer9__title {
  font: var(--body-text-fonts);
  font-weight: bold;
  margin: 0 0 15px 0;
}

.footer9__address > a, .footer9__phone > a, .footer9__email > a {
  padding: 8px 0;
  display: inline-flex;
}

.footer9__menu-item > a {
  padding: 8px 0;
  display: inline-flex;
  align-items: center;
}

.footer9__menu-item > a.navON {
  text-decoration: underline;
  color: var(--footer-color);
  /*opacity: 0.75; */
}
.footer9__menu{
	display: flex;
    column-gap: 25px;
    justify-content: center;
    margin: 40px 0 35px;
}
.footer9__social .template-icon {
  margin-right: 0;
  display: inline-flex;    font-size: 12px;
}
.footer9__social .template-icon.template-icon-tripadvisor,
.footer9__social .template-icon.template-icon-Youtube{
	font-size: 15px;
}
.footer9__social-item > a {
    width: 30px;
    height: 30px;
    padding: 0;
    background: var(--secondary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  position: relative;
}
.footer9__social-item > a:hover,
.footer9__social-item > a:focus{
	background: var(--primary-color); text-decoration:none;
}
.footer9__social{
	display: flex;
    justify-content: center;
    margin-top: 25px;
    column-gap: 15px;
}
.footer9__hr {
  margin-top: 30px;
  margin-bottom: 30px;
}
.footer9__grid{
	margin-bottom:20px;
}
.hide-inner-pages{
	display:none;
}
.milestone .hide-inner-pages{
	display:block;
}
.footer9__copyright {
  font-size: 14px;
}

.footer9__submenu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -25px;
  font-size: 14px;
}

.footer9__submenu-item > a {
  text-decoration: none;
  display: block;
}
.footer9__submenu-item > a:hover {  
  text-decoration: underline;
}

.footer9__submenu > * {
  padding-left: 25px;
}
.footer9__submenu-item>a.navON {
    color: var(--footer-color);
    /* opacity:.75; */
    text-decoration: underline;
}
.footer9__col--newsletter{
	    border: 1px solid var(--border-color);
    background: rgba(52, 95, 139, 0.3);     align-items: center;     justify-content: space-between; padding: 30px; display:flex; -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
.footer9__bigtitle{
	color:var(--inverse-font-color);     font-weight: 300;     text-transform: capitalize;
}
.footer9__col--newsletter .description{
	margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .footer9__grid {
    margin-left: -45px;
  }

  .footer9__grid > * {
    padding-left: 45px;
  }

  .footer9__col--social {
    width: auto;
  }

  .footer9__col--newsletter {
    width: auto;
    flex: 1;
  }
}

@media (max-width: 1399.98px) {
  .footer9-newsletter form {
    max-width: 400px;
  }
  .footer9-newsletter__grid {
    flex-direction: column;
  }
  .footer9-newsletter__control {
    flex: 1;
    width: 100%;
    max-width: 400px;
  }
}

@media (max-width: 1199.98px) {
  .footer9-newsletter form {
    max-width: 100%;
  }

  .footer9-newsletter__grid {
    
  }

  .footer9__col--newsletter {
    margin-bottom: 30px; column-gap: 30px;
  }
}
@media (max-width: 1100px) {
  .footer9__copygrid{
  	    flex-direction: column;
    text-align: center;
  }
  .footer9__submenu{
  	    justify-content: center;
  }
}
@media (max-width: 1023.98px) {
}

@media (max-width: 959.98px) {
  .footer-links{
  	    display: block;
    text-align: center;
  }
  .footer9__col--newsletter{
  	    flex-direction: column-reverse;
    row-gap: 20px;
  }
  .footer9{
  	padding: 50px 20px 170px;
  }
  .footer9__col--newsletter .signup-left,
  .footer9__col--newsletter .signup-media{
      width: 100%;
  }
  .footer9-newsletter__grid{
  	        flex-direction: row;
  }
  .footer9__col--newsletter .signup-media{
  	text-align:center;
  }
}
.footer-logos{
	display:none;
}
@media (max-width: 767.98px) {
  .footer-logos{
	display:block; padding:30px 20px 100px;
}
  .footer9:after{
        content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-blend-mode: lighten;
    left: 0;
  background: linear-gradient(138.37deg, rgba(52, 95, 139, 0.7) 24.01%, rgba(24, 39, 75, 0.46) 62.67%, #121838 86.42%);

  }
  .all-site-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
  .footer9{
  	background-repeat: repeat;
    background-size: 2000px;
    background-size: 300%;
    background-image: url(https://assets.milestoneinternet.com/cdn-cgi/image/f=auto/hotel-nikko-san-francisco/hotel-nikko-san-francisco-2803-1/website-assets/background-image/bg-pattern.png?width=1500&height=850) !important;
    background-color: var(--tertiary-color);
    position: relative;
  }
  .footer9__copygrid > * {
    width: 100%;
  }

  .footer9__copygrid {
    flex-direction: column;
  }

  .footer9__copygrid > *.uk-grid-margin {
    margin-top: 15px;
  }
  .footer9__copygrid>*.uk-first-column.uk-width-auto{
  	margin-top: 11px;
  }
  .footer9 {
    padding: 40px 0 100px;
  }

  .footer9__hr {
    margin-top: 40px;
    margin-bottom: 25px;
  }

  .footer9__submenu {
    row-gap: 5px;
  }

  .footer9__submenu > * {
    width: 100%;
  }

  .footer9__submenu-item > a {
    padding: 5px 0;
  }
  .footer9__logo {
    margin-bottom: 20px; margin-top:30px;
  }

  .footer9__col--newsletter {
    margin-bottom: 0;
  }

  .footer9__grid > .uk-grid-margin {
    margin-top: 45px;
  }
  .footer9__col--newsletter{
  	flex-direction: column;
        row-gap: 40px;
        text-align: center;
        padding: 18px;
  }
  .footer-links{
  	    flex-wrap: wrap;
    display: flex;
  }
  .footer9__col--link{
  	order:2; width:100%;
  }
  .footer9__logo{
  	order:1;
    width: 40px;
  }
  .footer9__col--link{
  	order: 3;
  }
  .footer9__menu{
  	flex-wrap: wrap;
  }
  .footer9__menu-item{
  	width:100%;
  }
  .footer9__menu{
  	    margin: 0;     text-align: center;
  }
  .footer9__copyright{
  	    font-size: 13px;
  }
  .footer9__submenu{
  	    flex-wrap: nowrap;
  }
  .footer9__submenu-item{
  	width:auto;
  }
  .footer9__submenu-item>a{
  	font-size:13px;
  }
  .footer9__col--contact{
  	margin-top:40px;
  }
  .footer9__logo{
  	margin-bottom: 50px;
  }
  .footer9-newsletter__control{
  	max-width: 100%;
  }
  .footer9__col--newsletter{
      -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
}

@media (max-width: 639.98px) {
  .footer9-newsletter__grid {
    flex-direction: column;
  }

  .footer9-newsletter__action {
    width: 100%;
  }

  .footer9-newsletter__btn {
    width: 100%;
  }
}

@media (max-width: 575px) {
}

.snippet-right-image{
	background:var(--bg-alt-1);
}
.snippet-right-image .title--tagline{
	    margin-bottom: 10px;
}
@media (max-width: 1280px) {
  .snippet-right-image .uk-card-body {
      padding: 40px 20px 40px 0;
  }
}
@media (min-width: 768px) {
  .snippet-right-image h2{
	  font-size: 36px;
    line-height: 43px;
  }
}
@media (max-width: 959px) {
  .milestone .snippet-right-image{
  	padding-bottom:0;
  }
  .snippet-right-image .uk-grid-stack{
  	flex-direction: column-reverse;
  }
  .snippet-right-image img{
  	width:100%;
  }
  .snippet-right-image .uk-card-body {
        padding: 0 20px 40px 0;
    }
}
@media (max-width: 767px) {
  .milestone .title--tagline{
  	    margin-bottom: 20px;
  }
  .milestone .snippet-right-image .uk-grid-stack {
        flex-direction: column; margin-bottom: 50px;
   }
}

.header__container .header__grid{
	justify-content: space-between; align-items: center;
}
.header-langsel__control{
	background-color: transparent;
    font-size: 14px;
    text-transform: capitalize;
}
.header-langsel__control .template-icon{
	padding-left: 3px;
    font-size: 18px;
}
.header-langsel .uk-dropdown{
	padding:15px;
}
.header-langsel__dropdown-item{
	list-style:none;
}
.header{
	height: 85px;
    padding: 10px 0;
  	position: fixed;
    z-index: 50;
    width: 100%;
    top: 0;
    left: 0;
    background: var(--bg-header);
}
.ng-star-inserted .landing-header .header-langsel__control{
	border-left:0;
}
.header-langsel__dropdown {
    min-width: 150px !important;
}
@media (max-width: 767.98px) {
  .header__logo {
      width: 200px;
      display: block;      
  }
  .header-langsel__dropdown {
      min-width: 100px !important;
      left: -25px !important;
  }
  .header-langsel__control{
      min-height: 30px;
      padding: 7px 0 0;
  }
  .header{
  	    padding: 0 0 10px;
  }
  .header__container, .header__grid{
  		height:100%;
  }
  .landing-intro {
      padding: 50px 0;
  }
}
.ng-star-inserted .header-langsel.js-langsel {
    display: none;
}

.header-langsel__control .template-icon-chevron-down {
	    padding-left: 5px;
    font-size: 20px;
}
.js-lang-name{
	    color: var(--primary-color);
}
.header-langsel__dropdown{
	    padding: 10px; top: 40px !important;
    left: 0 !important;
}
.header-langsel__dropdown .header-langsel__dropdown-link{
 text-transform: capitalize; 
}
.header-langsel__dropdown li{
	    list-style: none;
}
.language-input { margin:0 30px 0 35px;}
.language-input .uk-inline button{color: #fff;border: none;font-size: 13px;letter-spacing: 1.3px;padding: 2px 20px 0 0;}
.language-input .uk-inline .uk-dropdown{min-width: auto;background: #002E5D;}
.language-input .uk-inline .uk-dropdown ul.lang-dropnav li a{padding: 0;color: #fff;}
.language-input .uk-inline .language-dropdown{display:none;}
.language-input .uk-inline .uk-dropdown.uk-open.language-dropdown{display:block;}
.language-input {
  position: relative;
}
@media (min-width: 1025px) {
    .language-input {
        position: relative;
    }
}
.page-component-mi-block.ng-star-inserted .language-input {
    display: none;
  
}
.ng-star-inserted .language-input {
    display: none;
}
@media (max-width: 767.98px) {
  .header-langsel__dropdown {
      min-width: 100px !important;
      left: -25px !important;
  }
}

.ng-star-inserted .language-input.main-header {
    display: none;
}