/* @group Lightbox
------------------------------------ */
[class^="showLight-"], [class*=" showLight-"] { overflow: hidden; }
.iPhone-iPod[class^="showLight-"], .iPhone-iPod[class*=" showLight-"] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.lightbox { position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: -1; overflow: hidden; overflow-y: auto; opacity: 0; visibility: hidden;
   background: rgba(255,255,255,.95); }
.iPhone-iPod .lightbox { height: 100%; }
.lightbox .box { position: relative; }
.showLight-Slider .lightbox-slider,
.showLight-Video .lightbox-video,
.showLight-Westvillages .lightbox-westvillages,
.showLight-Schedule .lightbox-schedule,
.showLight-Signin .lightbox-signin { opacity: 1; visibility: visible; z-index: 121;
  -webkit-transition: width 0.3s, opacity 0.3s, visibility 0.3s;
  -moz-transition: width 0.3s, opacity 0.3s, visibility 0.3s;
  -ms-transition: width 0.3s, opacity 0.3s, visibility 0.3s;
  -o-transition: width 0.3s, opacity 0.3s, visibility 0.3s;
  transition: width 0.3s, opacity 0.3s, visibility 0.3s;
}
.lightbox .close { color: rgba(26,46,87,1); font-size: 5.2em; margin-right: 1rem; margin-bottom: 2.5rem; display: block; }
.lightbox .close::before { display: inline-block;
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}
.lightbox .slick-button { color: rgba(26,46,87,1); font-size: 5.5em; position: absolute; top: calc(50% - 2.75rem); }
.lightbox .slick-prev { left: -10.35rem; }
.lightbox .slick-next { right: -10.35rem; }
/* Slider
----------------------*/
.fp-class .slick-button { opacity: 0; visibility: hidden; display: none; }
.lightbox-slider .img-box { height: 66.6rem; }
.lightbox-slider .fp-box { height: 66.6rem; padding: 5rem; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.lightbox-slider .fp-box img { height: auto; width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; }
/* Video
----------------------*/
.lightbox-video .row { height: 100vh; }
.lightbox-video .img-box { height: 70vh; }
.lightbox-video .close { position: absolute; top: 1rem; right: 1rem; z-index: 2; background: rgba(255,255,255,.7); padding: 1.5rem; border-radius: 100%; font-size: 2em; }
/* West Villages
----------------------*/
.lightbox-westvillages {}
.lightbox-westvillages .row { height: 100vh; }
.lightbox-westvillages .close { margin: 0 -10rem 0 0; text-align: right; }
.lightbox-westvillages .box { background: rgba(255,255,255,1); box-shadow: 0 2px 13px 0 rgba(0,0,0,0.23); padding: 9.1rem 11.5rem 12.6rem;
  border-bottom: 4.1rem solid;
  border-image: linear-gradient(to right, rgba(0,100,163,1) 14.28%,
  rgba(0,178,221,1) 14.28%,
  rgba(0,178,221,1) 28.57%,
  rgba(199,233,244,1) 28.57%,
  rgba(199,233,244,1) 42.855%,
  rgba(241,201,119,1) 42.855%,
  rgba(241,201,119,1) 57.14%,
  rgba(26,46,87,1) 57.14%,
  rgba(26,46,87,1) 71.427%,
  rgba(243,190,169,1) 71.427%,
  rgba(243,190,169,1) 85.71%,
  rgba(240,44,46,1) 85.71%) 7;
}
.lightbox-westvillages .box::before { content: ''; background: url(../../img/layout/lightbox/background.svg) center center no-repeat; background-size: cover; height: 47.2rem; width: 41rem; position: absolute; top: calc(50% - 23.6rem); left: calc(50% - 20.5rem); }
.lightbox-westvillages h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; line-height: 1em; margin: 0 0 3rem; }
.lightbox-westvillages p { color: rgba(0,100,163,1); font-size: 1.4em; letter-spacing: 0.77px; line-height: 1.929em; margin: 0 0 5rem; }
.lightbox-westvillages .bttn { margin: 0 0 4rem; }
.lightbox-westvillages .box .close { color: rgba(26,46,87,1); font-size: 1.6em; font-weight: 600; letter-spacing: 3.2px; line-height: 1.250em; margin: 0 auto; }
/* Sign In
----------------------*/
.lightbox-signin { background: rgba(255,255,255,1);
  border-top: 1.3rem solid;
  border-image: linear-gradient(to right, rgba(0,100,163,1) 14.28%,
  rgba(0,178,221,1) 14.28%,
  rgba(0,178,221,1) 28.57%,
  rgba(199,233,244,1) 28.57%,
  rgba(199,233,244,1) 42.855%,
  rgba(241,201,119,1) 42.855%,
  rgba(241,201,119,1) 57.14%,
  rgba(26,46,87,1) 57.14%,
  rgba(26,46,87,1) 71.427%,
  rgba(243,190,169,1) 71.427%,
  rgba(243,190,169,1) 85.71%,
  rgba(240,44,46,1) 85.71%) 7;
}
.lightbox-signin .close { text-align: right; margin-right: -12rem; margin-top: -4rem; }
.lightbox-signin .box::before { content: ''; background: url(../../img/layout/lightbox/background.svg) center center no-repeat; background-size: cover; height: 72.8rem; width: 64.1rem; position: absolute; top: calc(50% - 36.4rem); left: calc(50% - 32.05rem); z-index: -1; }
.lightbox-signin > .row { height: 100vh; }
.lightbox-signin h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; line-height: 1.5em; margin: 0 0 2rem; }
.lightbox-signin p { color: rgba(0,100,163,1); font-size: 1.4em; letter-spacing: 0.77px; line-height: 1.929em; margin: 0 0 4rem; }
.lightbox-signin .login-remember { display: none; }
.lightbox-signin .lost-password { color: rgba(26,46,87,1); font-size: 1.2em; font-weight: 600; letter-spacing: 2.4px; line-height: 1.250em; margin: 3.7rem 0 0; }
.lightbox-signin .lost-password a { color: rgba(26,46,87,1); }
.lightbox-signin label { display: block; margin: 0 auto 1rem; max-width: 47.3rem; text-align: left; }
.lightbox-signin input[type="text"],
.lightbox-signin input[type="password"] { background: rgba(237,248,251,1); color: rgba(26,46,87,1); font-size: 1.4rem; max-width: 47.3rem; margin: 0 auto 1.9rem; }
.lightbox-signin form p { margin: 0; }

.lightbox-signin .login-submit { display: inline-block; position: relative; }


.lightbox-signin ::-webkit-input-placeholder { color: rgba(26,46,87,1); }
.lightbox-signin ::-moz-placeholder { color: rgba(26,46,87,1); }
.lightbox-signin :-ms-input-placeholder { color: rgba(26,46,87,1); }
.lightbox-signin :-moz-placeholder { color: rgba(26,46,87,1); }
/* Schedule a Tour
----------------------*/
.lightbox-schedule { background: none;
  -webkit-transition: -webkit-transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
  -moz-transition: transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
  -o-transition: transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
  -ms-transition: transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
  transition: transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
  -webkit-transform: translate3d(0,100vh,0);
  -ms-transform: translate3d(0,100vh,0);
  transform: translate3d(0,100vh,0);
}
.showLight-Schedule .lightbox-schedule {
  -webkit-transition: -webkit-transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
  -moz-transition: transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
  -o-transition: transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
  -ms-transition: transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
  transition: transform .3s linear, top .8s cubic-bezier(0.4,0.0,0.2,1);
}
.lightbox-schedule .close { color: rgba(255,255,255,1); margin: 0; position: absolute; font-size: 1.5em; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 4.5rem; top: 3.1rem; }
.lightbox-schedule .close span { order: -1; font: italic .667em / 3em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 0.21px; margin-right: .3rem; }
.lightbox-schedule .box { background: linear-gradient(90deg, rgba(56,91,144,1) 0%, rgba(26,46,87,1) 69.01%); padding: 6rem 12.3rem 9.1rem; }
.lightbox-schedule h2 { color: rgba(241,201,119,1); font-size: 5em; font-weight: 800; letter-spacing: 1.07px; line-height: 1em; margin: 0 0 .8rem; position: relative; }
.lightbox-schedule h2 i { color: rgba(255,255,255,1); font-size: 1.080em; position: absolute!important; top: 0!important; right: 0; }
.lightbox-schedule p { color: rgba(255,255,255,1); font-size: 1.4em; letter-spacing: 0.3px; line-height: 2.143em; margin: 0 0 1.5rem; }
.showLight-Schedule .lightbox-schedule {
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.lightbox-schedule div.wpcf7-response-output,
.lightbox-schedule div.eloqua { color: rgba(255,255,255,1); }
.lightbox-schedule div.eloqua .close { color: rgba(255,255,255,1); margin: 0; position: absolute; font-size: 1.5em; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 4.5rem; top: 3.1rem; }
.lightbox-schedule div.eloqua .close span { order: -1; font: italic .667em / 3em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 0.21px; margin-right: .3rem; }
.lightbox-schedule div.eloqua { background: linear-gradient(90deg, rgba(56,91,144,1) 0%, rgba(26,46,87,1) 69.01%); position: absolute; margin: 0; top: 0; right: 0; bottom: 0; left: 0; padding: 6rem 12.3rem 9.1rem;
z-index: 2; }
.lightbox-schedule div.eloqua > div { margin: 0!important; }
.lightbox-schedule div.eloqua > div > div { margin: 0!important; padding: 0!important; width: 100%!important; font: 500 1.4rem / 1.5em proxima-nova, Arial, helvetica sans-serif!important; }
.lightbox-schedule div.eloqua > div > div table { width: 100%; }
.lightbox-schedule div.eloqua img { margin-right: 2rem; }
.lightbox-schedule .form-box .input-wrapper.fullwidth{width: 100%;}
@media only screen
and (min-width : 961px) {
  .Mozilla.v11 .lightbox .close:hover::before,
  .Explorer .lightbox .close:hover::before { -webkit-transform: scale(1.1)  translateZ(0); transform: scale(1.1)  translateZ(0); }
  .Mozilla.v11 .lightbox .slick-prev:hover,
  .Explorer .lightbox .slick-prev:hover { -webkit-transform: translateX(-8px); transform: translateX(-8px); }
  .Mozilla.v11 .lightbox .slick-next:hover,
  .Explorer .lightbox .slick-next:hover { -webkit-transform: translateX(8px); transform: translateX(8px); }
  @media (hover: hover) {
    .lightbox .close:hover::before { -webkit-transform: scale(1.1)  translateZ(0); transform: scale(1.1)  translateZ(0); }
    .lightbox .slick-prev:hover { -webkit-transform: translateX(-8px); transform: translateX(-8px); }
    .lightbox .slick-next:hover { -webkit-transform: translateX(8px); transform: translateX(8px); }
  }
  /* Slider
  ----------------------*/
  .lightbox-slider > .row { height: 100vh; }
  .lightbox-slider .fp-box img { min-width: 15rem; }
  /* Schedule a Tour
  ----------------------*/
  .lightbox-schedule > .row { height: 100vh; }
  .lightbox-schedule .form-box .row { width: calc( 100% + 3.5rem ); position: relative; left: -1.75rem; }
  .lightbox-schedule .form-box .row .row { width: 100%; left: 0; }
  .lightbox-schedule .form-box .bttn { padding: 2.5rem 4.65rem; margin: 0 1.75rem; }
  .lightbox-schedule .form-box .select-wrapper { width: calc(50% - 3.5rem); margin: 0 1.75rem 2.8rem; }
  .lightbox-schedule .form-box .select-wrapper .wpcf7-form-control-wrap { width: 100%; margin: 0; }
  .lightbox-schedule .form-box .full-width + .select-wrapper { width: calc(100% - 3.5rem); }
  /* .lightbox-schedule .form-box .wpcf7-form-control-wrap { width: calc(100% - 3.5rem); margin: 0 1.75rem; display: block; } */
  .lightbox-schedule .form-box .wpcf7-form-control-wrap { display: block; }
  .lightbox-schedule .form-box .PreferredMethodOfContact { margin: 0; width: 100%; }
  /* .lightbox-schedule .form-box .FirstName,
  .lightbox-schedule .form-box .LastName,
  .lightbox-schedule .form-box .EmailAddress,
  .lightbox-schedule .form-box .PostalZipCode,
  .lightbox-schedule .form-box .PhoneNumber { width: calc(50% - 3.5rem); } */
  .lightbox-schedule .form-box .input-wrapper { width: calc(50% - 3.5rem); margin: 0 1.75rem 2.8rem; }
  .lightbox-schedule .form-box small,
  .lightbox-schedule .form-box .OptInStatement { width: calc(70% - 3.5rem); margin: 0 1.75rem 1.2rem; }
  .lightbox-schedule .form-box small { width: calc(30% - 3.5rem); text-align: right; }
  .select-wrapper i { right: 2.1rem; }
  .lightbox-schedule article { background: linear-gradient(90deg, rgba(56,91,144,1) 0%, rgba(26,46,87,1) 69.01%); }
  .lightbox-schedule .box { background: transparent; max-width: 72rem; margin: 0 auto; }
  .lightbox-schedule input:focus,
  .lightbox-schedule input:active,
  .lightbox-schedule select:focus,
  .lightbox-schedule select:active,
  .lightbox-schedule textarea:focus,
  .lightbox-schedule textarea:active { border-color: rgba(242,202,113,1); }
  .lightbox-schedule .select-wrapper > label:first-child,
  .lightbox-schedule .input-wrapper > label:first-child { color: rgba(242,202,113,1); }
  /* Sign In
  ----------------------*/
  .lightbox-signin .login-submit { display: inline-block; position: relative; }
  .lightbox-signin .login-submit input {
    --border-color: var(--yellow);
    --bg-color: var(--white);
    font: normal 700 1.6rem / 2rem var(--proxima-font);
    background-color: var(--bg-color) !important;
    color: var(--yellow);
    letter-spacing: 0.078em;
    text-transform: uppercase;
    border: solid 0.125em var(--border-color);
    border-left-color: transparent;
    border-radius: 62.5em;
    padding: 0.8em 6.125em;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    background: none;
  }
  .lightbox-signin .login-submit::after {
    color: var(--yellow);
    content: '\e924';
    position: absolute;
    left: -0.7em !important;
    top: 50%;
    translate: 0 -50%;
    font-size: 1.5rem;
    transition: 0.5s;
    padding: 0.352em;
    transition: 0.5s;
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lightbox-signin .bttn-ghost { margin-top: 1.8rem;}
  .Mozilla.v11 .lightbox-signin .lost-password a:hover,
  .Explorer .lightbox-signin .lost-password a:hover { color: rgba(0,100,163,1); }
  @media (hover: hover) {
    .lightbox-signin .login-submit:hover input { -webkit-transform: scale(1.025); transform: scale(1.025); }
    .lightbox-signin .login-submit:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
    .lightbox-signin .lost-password a:hover { color: rgba(0,100,163,1); }
  }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .lightbox .close { font-size: 7.2em; margin-right: 1rem; margin-bottom: 3.8rem; }
  /* Slider
  ----------------------*/
  .lightbox-slider .img-box { height: auto; }
  /* Sign In
  ----------------------*/
  .lightbox-signin {}
  .lightbox-signin .close { margin-right: -3.6rem; margin-top: 5.8rem; }
  .lightbox-signin > .row { height: 100vh; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .lightbox-signin { padding: 0 8rem; }
  .lightbox-signin h2 { font-size: 5em; line-height: 1.2em; margin: 0 0 2rem; }
  .lightbox-signin p { font-size: 2.6em; letter-spacing: 1.07px; line-height: 1.694em; margin: 0 0 4rem; }
  .lightbox-signin .login-remember { display: none; }
  .lightbox-signin .lost-password { font-size: 2.2em; letter-spacing: 4.4px; line-height: 1.230em; margin: 4.7rem 0; }
  .lightbox-signin label { color: rgba(26,46,87,1); font-size: 2.6rem; letter-spacing: 0.56px; line-height: 1.154em; margin: 0 auto 1rem; max-width: 59rem; }
  .lightbox-signin input[type="text"],
  .lightbox-signin input[type="password"] { font-size: 2.6rem; letter-spacing: 0.56px; line-height: 1.154em; max-width: 59rem; margin: 0 auto 1.9rem; }
  .lightbox-signin .login-submit input {
    font: normal 700 1.6rem / 2rem var(--proxima-font);
    color: var(--yellow);
    letter-spacing: 0.078em;
    text-transform: uppercase;
    border: solid 0.125em var(--yellow);
    border-left-color: transparent;
    border-radius: 62.5em;
    padding: 1em 6.125em;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }
  .lightbox-signin .login-submit::after {
    color: var(--yellow);
    content: '\e924';
    position: absolute;
    left: -0.823em;
    top: 50%;
    translate: 0 -50%;
    font-size: 1.5rem;
    transition: 0.5s;
    padding: 0.352em;
    transition: 0.5s;
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .lightbox-signin .bttn-ghost { margin-top: 1.8rem;}

  .lightbox-signin .bttn-light-blue { margin-top: 3.8rem; padding: 2.6rem 3.2rem 2.5rem; }
  /* West Villages
  ----------------------*/
  .lightbox-westvillages {}
  .lightbox-westvillages .row { height: 100vh; }
  .lightbox-westvillages article { padding: 0 5.4rem 0 4.3rem; }
  .lightbox-westvillages .close { margin: 0 0 6.3rem; text-align: right; }
  .lightbox-westvillages .box { padding: 9.4rem 3.5rem 7rem 4.5rem; }
  .lightbox-westvillages .box::before { height: 59.7rem; width: 52.6rem; top: calc(50% - 29.85rem); left: calc(50% - 26.3rem); }
  .lightbox-westvillages h2 { font-size: 5em; line-height: 1.2em; margin: 0 0 3rem; }
  .lightbox-westvillages p { font-size: 2.6em; letter-spacing: 1.07px; line-height: 1.694em; margin: 0 0 10.9rem; }
  .lightbox-westvillages .bttn { margin: 0 0 3.3rem; }
  .lightbox-westvillages .box .close { font-size: 2.2em; letter-spacing: 4.4px; line-height: 1.230em; }
  /* Schedule a Tour
  ----------------------*/
  .lightbox-schedule .form-box {}
  .lightbox-schedule .form-box .fixnew + div { width: calc(100% + 24.6rem); margin-left: -12.3rem; margin-right: -12.3rem; }
  .lightbox-schedule .close { font-size: 3.5em; right: 4.5rem; top: 3.1rem; }
  .lightbox-schedule p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; width: 100%; margin: 0 0 2.6rem; }
  .lightbox-schedule .form-box .wpcf7-form-control-wrap { display: block; }
  .lightbox-schedule .form-box .input-wrapper,
  .lightbox-schedule .form-box .select-wrapper { width: 100%; margin: 0 0 4rem; }
  .lightbox-schedule .form-box small,
  .lightbox-schedule .form-box .OptInStatement {}
  .lightbox-schedule .form-box small { text-align: right; position: relative; top: 5.5rem; left: 45rem; }
  .lightbox-schedule .form-box .bttn { padding: 3.6rem 3.2rem; width: 100%; text-align: center; }
  .lightbox-schedule .form-box input[type="checkbox"] + .wpcf7-list-item-label,
  .lightbox-schedule .form-box input[type="radio"] + .wpcf7-list-item-label,
  .lightbox-schedule .form-box input[type="checkbox"] + label,
  .lightbox-schedule .form-box input[type="radio"] + label { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.154em; }

  .lightbox-schedule div.eloqua .close { font-size: 3.5em; right: 4.5rem; top: 3.1rem; }
  .lightbox-schedule div.eloqua .close span {}
  .lightbox-schedule div.eloqua { padding: 10rem 12.3rem; }
  .lightbox-schedule div.eloqua > div { }
  .lightbox-schedule div.eloqua > div > div { font-size: 2.4em!important; }
  .lightbox-schedule div.eloqua > div > div table { width: 100%; }
  .lightbox-schedule div.eloqua img { margin-right: 4rem; }
  /* Video
  ----------------------*/
  .lightbox-video .close { font-size: 4em; margin-right: 0; margin-bottom: 0; padding: 2.5rem; top: 3rem; right: 8rem; }
  .lightbox-video .img-box { height: auto; }
}
/* @end */
@media only screen
and (max-width : 960px)
and (orientation:portrait) {
  .lightbox-video article { transform: rotate(90deg); max-width: none; flex: 0 0 80vh; }
  .lightbox-video .img-box { height: 80vw; }
}

/* Fix new form */

@media only screen and (min-width : 961px) {
  .fixnew{
    flex-direction: column-reverse;
  }

  .lightbox .form-box .select-wrapper.killmb{margin-bottom: 1.4rem !important;}
  .lightbox .form-box .input-wrapper.killmb{margin-bottom: 1.4rem !important;}
  .lightbox .form-box small{text-align: left; line-height: normal;}
  .lightbox .form-box small, .lightbox .form-box .OptInStatement{width: 90%;}
  .lightbox .form-box .OptInStatement{margin-bottom: 3.4rem;margin-top: 1.8rem;}
}

@media only screen and (max-width : 960px) {
  .fixnew{
    margin-top: 5rem;
    margin-bottom: 4rem;
    position: relative;
  }

  .lightbox .form-box small{
    position: absolute;
    top: -5.5rem;
    left: 0;
    text-align: left;
    line-height: normal
  }
}