.transparent-overlay:not(button) {
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
  display: none;
}
.transparent-overlay:not(button).flown {
  display: block;
  z-index: 10;
}
@media (min-width: 768px) {
  .transparent-overlay:not(button).flown {
    z-index: 301;
  }
}
.flyout-right-side-container {
  position: fixed;
  top: 0;
  right: -320px;
  bottom: 0;
  width: 320px;
  padding: 4rem 2rem 2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: white;
  opacity: 1;
  z-index: 11;
  -webkit-transition: 180ms right ease-in-out;
  -moz-transition: 180ms right ease-in-out;
  -o-transition: 180ms right ease-in-out;
  transition: 180ms right ease-in-out;
}
.flyout-right-side-container.flown {
  right: 0;
  z-index: 11;
  -webkit-transition: 180ms right ease-in-out;
  -moz-transition: 180ms right ease-in-out;
  -o-transition: 180ms right ease-in-out;
  transition: 180ms right ease-in-out;
}
@media (min-width: 768px) {
  .flyout-right-side-container.flown {
    z-index: 302;
  }
}
.flyout-right-side-container .close-button {
  text-align: center;
}
.flyout-right-side-container .icon-close,
.flyout-right-side-container .icon-chevron-left {
  font-size: 1.6rem;
  font-weight: 100;
}
.flyout-right-side-container .icon-close {
  transition: all .3s;
}
@media (min-width: 992px) {
  body[data-flyout-rs='true'] {
    -webkit-transform: translate(-480px, 0);
    -moz-transform: translate(-480px, 0);
    -o-transform: translate(-480px, 0);
    -ms-transform: translate(-480px, 0);
    transform: translate(-480px, 0);
    -webkit-transition: 180ms -webkit-transform ease-in-out;
    -moz-transition: 180ms -moz-transform ease-in-out;
    -o-transition: 180ms -o-transform ease-in-out;
    transition: 180ms -webkit-transform ease-in-out,180ms -moz-transform ease-in-out,180ms -o-transform ease-in-out,180ms transform ease-in-out;
  }
  body[data-flyout-rs='false'] {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 180ms -webkit-transform ease-in-out;
    -moz-transition: 180ms -moz-transform ease-in-out;
    -o-transition: 180ms -o-transform ease-in-out;
    transition: 180ms -webkit-transform ease-in-out,180ms -moz-transform ease-in-out,180ms -o-transform ease-in-out,180ms transform ease-in-out;
  }
  .flyout-right-side-container {
    width: 480px;
    right: -480px;
    padding: 6rem 2rem 2rem;
  }
}
@media (min-width: 1200px) {
  body[data-flyout-rs='true'] {
    -webkit-transform: translate(-495px, 0);
    -moz-transform: translate(-495px, 0);
    -o-transform: translate(-495px, 0);
    -ms-transform: translate(-495px, 0);
    transform: translate(-495px, 0);
    -webkit-transition: 180ms -webkit-transform ease-in-out;
    -moz-transition: 180ms -moz-transform ease-in-out;
    -o-transition: 180ms -o-transform ease-in-out;
    transition: 180ms -webkit-transform ease-in-out,180ms -moz-transform ease-in-out,180ms -o-transform ease-in-out,180ms transform ease-in-out;
  }
  body[data-flyout-rs='false'] {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 180ms -webkit-transform ease-in-out;
    -moz-transition: 180ms -moz-transform ease-in-out;
    -o-transition: 180ms -o-transform ease-in-out;
    transition: 180ms -webkit-transform ease-in-out,180ms -moz-transform ease-in-out,180ms -o-transform ease-in-out,180ms transform ease-in-out;
  }
  .flyout-right-side-container {
    width: 495px;
    right: -495px;
    padding: 6rem 2rem 2rem;
  }
}
.touchevents body.disable-scroll.is-flyout-open {
  position: fixed;
}
@media (max-width: 767px) {
  .touchevents body.disable-scroll.is-flyout-open footer,
  .touchevents body.disable-scroll.is-flyout-open header,
  .touchevents body.disable-scroll.is-flyout-open main {
    display: none;
  }
}
.touchevents body.disable-scroll.is-flyout-open .share-form-submission-buttons {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.touchevents body.disable-scroll.is-flyout-open .flyout-right-side-container {
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 1200px) {
  #flyoutRightSide .transparent-overlay:not(.button).flown {
    display: none;
  }
  #flyoutRightSide .flyout-right-side-container {
    padding-top: 81px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 0;
    padding-top: 20px;
    margin-top: 80px;
  }
  #flyoutRightSide .flyout-right-side-container.flown {
    width: 100%;
    z-index: 9999;
  }
  #flyoutRightSide .flyout-right-side-container .menu-back-nav-icon {
    cursor: pointer;
    margin-top: -10px;
  }
  #flyoutRightSide .flyout-right-side-container #loginFlyout {
    padding: 0;
  }
  #flyoutRightSide .flyout-right-side-container #loginFlyout .main-title {
    margin-top: 0 !important;
  }
}