@charset "UTF-8";
@font-face {
  font-family: "simple-line-icons";
  src: url("fonts/Simple-Line-Icons.eot?v=2.4.0");
  src: url("fonts/Simple-Line-Icons.eot?v=2.4.0#iefix") format("embedded-opentype"), url("fonts/Simple-Line-Icons.woff2?v=2.4.0") format("woff2"), url("fonts/Simple-Line-Icons.ttf?v=2.4.0") format("truetype"), url("fonts/Simple-Line-Icons.woff?v=2.4.0") format("woff"), url("fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-event, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-social-vkontakte, .icon-social-steam {
  font-family: "simple-line-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
  content: "\e005";
}

.icon-people:before {
  content: "\e001";
}

.icon-user-female:before {
  content: "\e000";
}

.icon-user-follow:before {
  content: "\e002";
}

.icon-user-following:before {
  content: "\e003";
}

.icon-user-unfollow:before {
  content: "\e004";
}

.icon-login:before {
  content: "\e066";
}

.icon-logout:before {
  content: "\e065";
}

.icon-emotsmile:before {
  content: "\e021";
}

.icon-phone:before {
  content: "\e600";
}

.icon-call-end:before {
  content: "\e048";
}

.icon-call-in:before {
  content: "\e047";
}

.icon-call-out:before {
  content: "\e046";
}

.icon-map:before {
  content: "\e033";
}

.icon-location-pin:before {
  content: "\e096";
}

.icon-direction:before {
  content: "\e042";
}

.icon-directions:before {
  content: "\e041";
}

.icon-compass:before {
  content: "\e045";
}

.icon-layers:before {
  content: "\e034";
}

.icon-menu:before {
  content: "\e601";
}

.icon-list:before {
  content: "\e067";
}

.icon-options-vertical:before {
  content: "\e602";
}

.icon-options:before {
  content: "\e603";
}

.icon-arrow-down:before {
  content: "\e604";
}

.icon-arrow-left:before {
  content: "\e605";
}

.icon-arrow-right:before {
  content: "\e606";
}

.icon-arrow-up:before {
  content: "\e607";
}

.icon-arrow-up-circle:before {
  content: "\e078";
}

.icon-arrow-left-circle:before {
  content: "\e07a";
}

.icon-arrow-right-circle:before {
  content: "\e079";
}

.icon-arrow-down-circle:before {
  content: "\e07b";
}

.icon-check:before {
  content: "\e080";
}

.icon-clock:before {
  content: "\e081";
}

.icon-plus:before {
  content: "\e095";
}

.icon-minus:before {
  content: "\e615";
}

.icon-close:before {
  content: "\e082";
}

.icon-event:before {
  content: "\e619";
}

.icon-exclamation:before {
  content: "\e617";
}

.icon-organization:before {
  content: "\e616";
}

.icon-trophy:before {
  content: "\e006";
}

.icon-screen-smartphone:before {
  content: "\e010";
}

.icon-screen-desktop:before {
  content: "\e011";
}

.icon-plane:before {
  content: "\e012";
}

.icon-notebook:before {
  content: "\e013";
}

.icon-mustache:before {
  content: "\e014";
}

.icon-mouse:before {
  content: "\e015";
}

.icon-magnet:before {
  content: "\e016";
}

.icon-energy:before {
  content: "\e020";
}

.icon-disc:before {
  content: "\e022";
}

.icon-cursor:before {
  content: "\e06e";
}

.icon-cursor-move:before {
  content: "\e023";
}

.icon-crop:before {
  content: "\e024";
}

.icon-chemistry:before {
  content: "\e026";
}

.icon-speedometer:before {
  content: "\e007";
}

.icon-shield:before {
  content: "\e00e";
}

.icon-screen-tablet:before {
  content: "\e00f";
}

.icon-magic-wand:before {
  content: "\e017";
}

.icon-hourglass:before {
  content: "\e018";
}

.icon-graduation:before {
  content: "\e019";
}

.icon-ghost:before {
  content: "\e01a";
}

.icon-game-controller:before {
  content: "\e01b";
}

.icon-fire:before {
  content: "\e01c";
}

.icon-eyeglass:before {
  content: "\e01d";
}

.icon-envelope-open:before {
  content: "\e01e";
}

.icon-envelope-letter:before {
  content: "\e01f";
}

.icon-bell:before {
  content: "\e027";
}

.icon-badge:before {
  content: "\e028";
}

.icon-anchor:before {
  content: "\e029";
}

.icon-wallet:before {
  content: "\e02a";
}

.icon-vector:before {
  content: "\e02b";
}

.icon-speech:before {
  content: "\e02c";
}

.icon-puzzle:before {
  content: "\e02d";
}

.icon-printer:before {
  content: "\e02e";
}

.icon-present:before {
  content: "\e02f";
}

.icon-playlist:before {
  content: "\e030";
}

.icon-pin:before {
  content: "\e031";
}

.icon-picture:before {
  content: "\e032";
}

.icon-handbag:before {
  content: "\e035";
}

.icon-globe-alt:before {
  content: "\e036";
}

.icon-globe:before {
  content: "\e037";
}

.icon-folder-alt:before {
  content: "\e039";
}

.icon-folder:before {
  content: "\e089";
}

.icon-film:before {
  content: "\e03a";
}

.icon-feed:before {
  content: "\e03b";
}

.icon-drop:before {
  content: "\e03e";
}

.icon-drawer:before {
  content: "\e03f";
}

.icon-docs:before {
  content: "\e040";
}

.icon-doc:before {
  content: "\e085";
}

.icon-diamond:before {
  content: "\e043";
}

.icon-cup:before {
  content: "\e044";
}

.icon-calculator:before {
  content: "\e049";
}

.icon-bubbles:before {
  content: "\e04a";
}

.icon-briefcase:before {
  content: "\e04b";
}

.icon-book-open:before {
  content: "\e04c";
}

.icon-basket-loaded:before {
  content: "\e04d";
}

.icon-basket:before {
  content: "\e04e";
}

.icon-bag:before {
  content: "\e04f";
}

.icon-action-undo:before {
  content: "\e050";
}

.icon-action-redo:before {
  content: "\e051";
}

.icon-wrench:before {
  content: "\e052";
}

.icon-umbrella:before {
  content: "\e053";
}

.icon-trash:before {
  content: "\e054";
}

.icon-tag:before {
  content: "\e055";
}

.icon-support:before {
  content: "\e056";
}

.icon-frame:before {
  content: "\e038";
}

.icon-size-fullscreen:before {
  content: "\e057";
}

.icon-size-actual:before {
  content: "\e058";
}

.icon-shuffle:before {
  content: "\e059";
}

.icon-share-alt:before {
  content: "\e05a";
}

.icon-share:before {
  content: "\e05b";
}

.icon-rocket:before {
  content: "\e05c";
}

.icon-question:before {
  content: "\e05d";
}

.icon-pie-chart:before {
  content: "\e05e";
}

.icon-pencil:before {
  content: "\e05f";
}

.icon-note:before {
  content: "\e060";
}

.icon-loop:before {
  content: "\e064";
}

.icon-home:before {
  content: "\e069";
}

.icon-grid:before {
  content: "\e06a";
}

.icon-graph:before {
  content: "\e06b";
}

.icon-microphone:before {
  content: "\e063";
}

.icon-music-tone-alt:before {
  content: "\e061";
}

.icon-music-tone:before {
  content: "\e062";
}

.icon-earphones-alt:before {
  content: "\e03c";
}

.icon-earphones:before {
  content: "\e03d";
}

.icon-equalizer:before {
  content: "\e06c";
}

.icon-like:before {
  content: "\e068";
}

.icon-dislike:before {
  content: "\e06d";
}

.icon-control-start:before {
  content: "\e06f";
}

.icon-control-rewind:before {
  content: "\e070";
}

.icon-control-play:before {
  content: "\e071";
}

.icon-control-pause:before {
  content: "\e072";
}

.icon-control-forward:before {
  content: "\e073";
}

.icon-control-end:before {
  content: "\e074";
}

.icon-volume-1:before {
  content: "\e09f";
}

.icon-volume-2:before {
  content: "\e0a0";
}

.icon-volume-off:before {
  content: "\e0a1";
}

.icon-calendar:before {
  content: "\e075";
}

.icon-bulb:before {
  content: "\e076";
}

.icon-chart:before {
  content: "\e077";
}

.icon-ban:before {
  content: "\e07c";
}

.icon-bubble:before {
  content: "\e07d";
}

.icon-camrecorder:before {
  content: "\e07e";
}

.icon-camera:before {
  content: "\e07f";
}

.icon-cloud-download:before {
  content: "\e083";
}

.icon-cloud-upload:before {
  content: "\e084";
}

.icon-envelope:before {
  content: "\e086";
}

.icon-eye:before {
  content: "\e087";
}

.icon-flag:before {
  content: "\e088";
}

.icon-heart:before {
  content: "\e08a";
}

.icon-info:before {
  content: "\e08b";
}

.icon-key:before {
  content: "\e08c";
}

.icon-link:before {
  content: "\e08d";
}

.icon-lock:before {
  content: "\e08e";
}

.icon-lock-open:before {
  content: "\e08f";
}

.icon-magnifier:before {
  content: "\e090";
}

.icon-magnifier-add:before {
  content: "\e091";
}

.icon-magnifier-remove:before {
  content: "\e092";
}

.icon-paper-clip:before {
  content: "\e093";
}

.icon-paper-plane:before {
  content: "\e094";
}

.icon-power:before {
  content: "\e097";
}

.icon-refresh:before {
  content: "\e098";
}

.icon-reload:before {
  content: "\e099";
}

.icon-settings:before {
  content: "\e09a";
}

.icon-star:before {
  content: "\e09b";
}

.icon-symbol-female:before {
  content: "\e09c";
}

.icon-symbol-male:before {
  content: "\e09d";
}

.icon-target:before {
  content: "\e09e";
}

.icon-credit-card:before {
  content: "\e025";
}

.icon-paypal:before {
  content: "\e608";
}

.icon-social-tumblr:before {
  content: "\e00a";
}

.icon-social-twitter:before {
  content: "\e009";
}

.icon-social-facebook:before {
  content: "\e00b";
}

.icon-social-instagram:before {
  content: "\e609";
}

.icon-social-linkedin:before {
  content: "\e60a";
}

.icon-social-pinterest:before {
  content: "\e60b";
}

.icon-social-github:before {
  content: "\e60c";
}

.icon-social-google:before {
  content: "\e60d";
}

.icon-social-reddit:before {
  content: "\e60e";
}

.icon-social-skype:before {
  content: "\e60f";
}

.icon-social-dribbble:before {
  content: "\e00d";
}

.icon-social-behance:before {
  content: "\e610";
}

.icon-social-foursqare:before {
  content: "\e611";
}

.icon-social-soundcloud:before {
  content: "\e612";
}

.icon-social-spotify:before {
  content: "\e613";
}

.icon-social-stumbleupon:before {
  content: "\e614";
}

.icon-social-youtube:before {
  content: "\e008";
}

.icon-social-dropbox:before {
  content: "\e00c";
}

.icon-social-vkontakte:before {
  content: "\e618";
}

.icon-social-steam:before {
  content: "\e620";
}

html, body, div, span {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

body h1 {
  margin-right: 20px;
  margin-left: 20px;
}

#subscribe-container {
  height: calc(100% + 1px);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: -1;
}

.intro {
  background: linear-gradient(to bottom, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%), url("images/wall_lunge.jpg") no-repeat;
  height: 700px;
  /*height: 600px;*/
  background-size: cover;
  background-position: center;
}

.bannerindex {
  position: fixed;
  width: 100%;
  height: 65px;
  color: #fff;
  font-size: 1.3rem;
  padding-top: 20px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
}

@media (max-width: 411px) {
  .bannerindex {
    font-size: 0.95rem;
  }
}
.bannerindex button {
  margin-left: 20px;
}

.bannerindexmargin {
  height: 65px;
}

.navbar {
  background-color: transparent;
  background: transparent;
  border-color: transparent;
}

.navbar .navbar-brand {
  height: 120px;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

/*.navbar-collapse.collapse {
  display: block!important;
}*/
.navbar-nav > li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right !important;
}

@media (max-width: 600px) {
  .navbar .navbar-right .social-button {
    display: none;
  }
}
.intro .social-button-about svg {
  color: white;
}

.intro ul a:hover {
  background: none !important;
}

.intro .social-button-about a:hover {
  background: none;
}

#sign-in-button-about {
  padding: 6px;
  background: white;
  margin-top: 13px;
  border: 2px solid white;
  border-radius: 5px;
  color: #c55d99;
  margin-right: 15px;
}

#register-button-about {
  padding: 6px;
  background: transparent;
  margin-top: 13px;
  border: 2px solid white;
  border-radius: 5px;
  color: white;
  margin-right: 15px;
}

.tagline {
  color: #fff;
  font-weight: 300;
}

.intro .header-contents #logo {
  width: 400px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .intro .header-contents #logo {
    margin-top: 0px;
  }
}
.intro .subtext {
  color: #fff;
  font-weight: 300;
  margin-top: 40px;
}

.intro input {
  text-align: center;
  margin-bottom: 5px;
}

.intro .password {
  display: none;
}

.intro .form-control {
  border: 0px solid #fff;
}

/*.intro #mc-embedded-subscribe {
	background-color: #bf2f87 !important;
	border: none;
	font-size: 1.2em;
}

.intro #mc-embedded-subscribe:hover {

	background-color: #904095 !important;
}




/* EBOOK SECTION */
#ebook {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/christmas.jpg);
  background-size: cover;
  background-position: center center;
  /*background-attachment:fixed;*/
  margin-top: 0px;
  padding-top: 50px;
  min-height: 300px;
  color: #fff;
  font-weight: 200;
  overflow-x: visible !important;
  /*position: relative;*/
  /*overflow-y: hidden;*/
  /*color: white;*/
  /*background-color: rgba(0,0,0,0.5);*/
}

.about-holiday-ebook .ebook-next-button {
  overflow-x: visible !important;
}

#ebook h2, h3 {
  font-weight: 200;
}

#ebook .btn {
  border: 0px;
}

/* VIDEO LANDING */
#video-landing {
  height: 500px;
  position: relative;
  overflow-y: hidden;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
  #video-landing {
    background: url("images/alexia_pushup-min.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
/*#video-landing video {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  top: -200px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -100;

}*/
#video-landing video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
  background: url("images/alexia_pushup-min.jpg") no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

@media (max-width: 767px) {
  .video-by {
    display: none;
  }
}
#video-landing h1 {
  margin-top: 200px;
  font-size: 2.7em;
  text-align: center;
  vertical-align: center;
  color: #fff;
  font-weight: 300;
}

#video-landing .glyphicon {
  font-size: 3em;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-weight: 300;
}

.alexia {
  background: #fff;
  height: 600px;
  position: relative;
}

@media (max-width: 767px) {
  .alexia {
    height: 1250px;
  }
}
.alexia .message {
  padding-top: 100px;
}

@media (max-width: 767px) {
  .alexia .message {
    padding-top: 30px;
  }
}
.alexia .message h2 {
  font-weight: 300;
}

.alexia .message p {
  padding-top: 20px;
}

.alexia .logos {
  margin-top: 50px;
}

.alexia .logos img {
  margin-bottom: 20px;
}

/*.clients{
	background: rgba(0, 0, 0, 0.3) 50%) url('images/runstock.jpg') no-repeat;
	height: 600px;
	background-size: cover;

}*/
.clients {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/tire.jpg);
  /*background:url(http://4.bp.blogspot.com/_AQ0vcRxFu0A/S9shDGGyMTI/AAAAAAAAAYk/kn3WTkY2LoQ/s1600/IMG_0714.JPG);*/
  background-size: cover;
  background-position: center;
  /*background-attachment:fixed;*/
  /*background-color: rgba(255,255,255,0.5); !important;*/
  margin-top: 0px;
  padding-top: 50px;
  min-height: 700px;
  color: #fff;
}

.clients .testimonials {
  margin-top: 20px;
}

.clients p {
  margin: 20px;
}

.instagram {
  height: 900px;
  background: #fff;
}

@media (max-width: 767px) {
  .instagram {
    display: none;
  }
}
.instagram h1 {
  font-weight: 300;
  margin-bottom: 50px;
}

.instagram .post {
  padding-left: 50px;
  padding-right: 50px;
}

.water {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/water.jpg);
  background-size: cover;
  background-position: center center;
  /*  	background-attachment:fixed;*/
  /*background-color: rgba(255,255,255,0.5); !important;*/
  margin-top: 0px;
  padding-top: 150px;
  min-height: 500px;
  color: #fff;
}

.home-footer {
  /*position: absolute;*/
  background: #fff;
  height: 200px;
  bottom: 0;
  width: 100%;
  top: none;
}

.home-footer i {
  background: linear-gradient(330deg, rgba(192, 47, 135, 0.8) 0%, rgba(125, 70, 155, 0.8) 60%, rgba(28, 105, 181, 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-footer #copyright {
  color: #ccc;
  position: absolute;
  bottom: 20px;
}

.home-footer .social-icons {
  position: absolute;
  bottom: 20px;
}

.footer {
  /* background: -moz-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(192, 47, 135, 0.7)), color-stop(59%, rgba(28, 105, 181, 0.7)), color-stop(100%, rgba(125, 70, 155, 0.7)));
   background: -webkit-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
   background: -o-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
   background: -ms-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
   background: linear-gradient(to bottom, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);*/
  position: absolute;
  background: #fff;
  height: 200px;
  bottom: 0;
  width: 100%;
  top: none;
}

.footer i {
  background: linear-gradient(330deg, rgba(192, 47, 135, 0.8) 0%, rgba(125, 70, 155, 0.8) 60%, rgba(28, 105, 181, 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer #copyright {
  color: #ccc;
  position: absolute;
  bottom: 20px;
}

.footer .social-icons {
  position: absolute;
  bottom: 20px;
}

/*** SIGN IN PAGE ***/
#login-container {
  min-height: 100vh;
  position: relative;
}
@supports (-webkit-touch-callout: none){
  #login-container{
    min-height: -webkit-fill-available;
  }
}

.signIn {
  /*background: -moz-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(192, 47, 135, 0.7)), color-stop(59%, rgba(28, 105, 181, 0.7)), color-stop(100%, rgba(125, 70, 155, 0.7)));
  background: -webkit-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  background: -o-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  background: -ms-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);*/
  /*background: #fff;*/
  /*height: 700px;*/
  background-size: cover;
  padding-bottom: 200px;
}

.signIn .form-control {
  outline: 0;
  padding-bottom: 5px;
  border-radius: 0;
  border: 0;
  background: linear-gradient(to left, #2067B4 20%, #7D469B 40%, #fad1d2 100%) left bottom #fff no-repeat;
  background-size: 100% 2px; /* if linear-gradient, we need to resize it */
  box-shadow: none;
}

.signIn input {
  outline: 0;
  padding-bottom: 5px;
  border-radius: 0;
  border: 0;
  background: linear-gradient(to left, #2067B4 20%, #7D469B 40%, #fad1d2 100%) left bottom #fff no-repeat;
  background-size: 100% 2px; /* if linear-gradient, we need to resize it */
  box-shadow: none;
}

.signIn .login {
  padding-bottom: 200px;
}

/*** REGISTER PAGE ***/
.heading-social {
  z-index: 10;
}

@media (max-width: 767px) {
  .heading-social {
    display: none;
  }
}
.heading-logo {
  margin-top: -50px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .heading-logo {
    margin-bottom: 0px;
    margin-top: -30px;
  }
}
.navbar {
  margin-bottom: 0px;
}

.navbar button {
  float: none;
  border: none;
}

ul a:hover {
  background: #fff !important;
  /*margin-top: 300px;*/
}

#header .navbar li a {
  color: #999;
  /* ...and now override with proper CSS property */
  transition: color 0.2s ease-out, background 1s ease-in;
}

#header .navbar li a:hover {
  text-decoration: none;
  color: #ed0d9a;
}

#sign-in-button {
  padding: 6px;
  background: #c55d99;
  margin-top: 13px;
  border: 2px solid #c55d99;
  border-radius: 5px;
  color: white;
  margin-right: 15px;
}

#register-button {
  padding: 6px;
  background: transparent;
  margin-top: 13px;
  border: 2px solid #c55d99;
  border-radius: 5px;
  color: #c55d99;
  margin-right: 15px;
}

#sign-in-register {
  padding: 6px;
  margin-top: 13px;
  color: #667;
  margin-right: 15px;
  z-index: 10;
}

@media (max-width: 767px) {
  #sign-in-register {
    margin-top: 0px;
    margin-right: 0px;
    font-size: 12px;
  }
}
#register-register {
  padding: 6px;
  margin-top: 13px;
  color: #667;
  margin-right: 15px;
  z-index: 10;
}

@media (max-width: 767px) {
  #register-register {
    margin-top: 0px;
    margin-right: 5px;
    font-size: 12px;
  }
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #fff;
}

.navbar-collapse {
  border-top: none;
}

.navbar-collapse ul {
  margin-left: -40px;
}

.navbar-collapse li {
  display: inline;
  list-style-type: none;
  margin: 0 10px;
}

@media (max-width: 767px) {
  .navbar-collapse li {
    display: block;
  }
}
.navbar-collapse li a {
  color: black;
}

.navbar-default .navbar-nav > li > a {
  color: #000;
}

/*.navbar-collapse.collapse {
  display: none!important;



}


/*NEW HOME PAGE*/
#banner-announcement {
  min-height: 50px;
  background: #ed0d9a;
  color: #fff;
}

#banner-announcement .banner-text {
  margin-top: -8px;
}

.register {
  background: linear-gradient(to bottom, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  height: 700px;
  background-size: cover;
}

.register .form-control {
  border: 0px solid #fff;
}

/* VIDEO LANDING */
#register-video-landing {
  min-height: 500px;
  position: relative;
  overflow-y: hidden;
  color: white;
  /*background-color: rgba(0,0,0,0.5);*/
  background: linear-gradient(to bottom, rgba(192, 47, 135, 0.9) 20%, rgba(125, 70, 155, 0.8) 59%, rgba(28, 105, 181, 0.8) 100%);
}

@media (max-width: 767px) {
  #register-video-landing {
    background: url("images/alexia_pushup-min.jpg") no-repeat;
    background: linear-gradient(to bottom, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%), url("images/alexia_pushup-min.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    /*background-color: rgba(0,0,0,0.5);*/
  }
}
/*#video-landing video {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  top: -200px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -100;

}*/
.social-button a {
  color: #ff8aef; /* Old browsers */
}

#register-video-landing video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
  background: url("images/alexia_pushup-min.jpg") no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

@media (max-width: 767px) {
  .register-video-by {
    display: none;
  }
}
#register-video-landing h1 {
  margin-top: 0px;
  font-size: 2.7em;
  text-align: center;
  vertical-align: center;
  color: #fff;
  font-weight: 300;
}

#register-video-landing h4 {
  margin-top: 50px;
}

#register-video-landing label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

#register-video-landing input {
  outline: 0;
  border-width: 0 0 1px 0;
  border-color: #fff;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: #fff;
}

#register-video-landing input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}

#register-video-landing input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}

#register-video-landing input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}

#register-video-landing input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

#register-video-landing .glyphicon {
  font-size: 3em;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-weight: 300;
}

#register-video-landing .signin {
  margin-top: 20px;
}

#register-video-landing .signin a {
  color: #fff;
  border-bottom: 1px solid white;
}

#register-video-landing .signin a:hover {
  text-decoration: none;
}

#register-video-landing .down-arrow {
  margin: 25px auto 20px;
  padding: 15px 10px 10px 10px;
  /*border: 1px solid white;*/
  border-radius: 30px;
  width: 170px;
  background-color: rgba(0, 0, 0, 0.4);
}

i.icon-arrow-down.icons {
  margin-top: 3px;
  font-size: 20px;
  color: #fff;
  /*font-size: 2em;*/
}

#line1 {
  background: #fff;
  min-height: 100px;
}

#line1 h1 {
  font-weight: 300;
  vertical-align: center;
  margin-top: 50px;
}

#from-alexia img {
  width: 70%;
  margin-bottom: 50px;
}

#features {
  /*margin: 0;*/
  padding: 0;
  margin-top: 40px;
}

#features .container-fluid ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#features ul li {
  padding: 0;
  margin: 0;
}

.features .icon {
  color: #ed0d9a;
  /*font-size: 2em;*/
}

.features i.fa.fa-mobile.icon {
  font-size: 100px;
  /*font-size: 2em;*/
}

.features i.icon-screen-smartphone.icons {
  font-size: 60px;
  color: #ed0d9a;
  /*font-size: 2em;*/
}

.features i.icon-film.icons {
  font-size: 60px;
  color: #ed0d9a;
  /*font-size: 2em;*/
}

.features i.icon-notebook.icons {
  font-size: 60px;
  color: #ed0d9a;
  /*font-size: 2em;*/
}

.features i.icon-calendar.icons {
  font-size: 60px;
  color: #ed0d9a;
  /*font-size: 2em;*/
}

.feature-description {
  margin: 20px 40px 0px;
}

.vertical-align h1 {
  margin-top: 30px;
}

div.hr {
  width: 33%;
  margin: 0 auto;
}

div.hr hr {
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #ccc; /* old IE */
  background-color: #ccc; /* Modern Browsers */
}

.hr-div {
  margin-bottom: 40px;
}

#line2 {
  background: #fff;
  min-height: 100px;
}

#line2 h1 {
  font-weight: 300;
  vertical-align: center;
  margin-top: 30px;
}

#home-and-gym svg {
  color: #ed0d9a;
}

#home-and-gym .home-gym-icon {
  margin-bottom: 30px;
}

#home-and-gym ul img {
  /*height:30px;*/
}

#home-and-gym ul p {
  padding-left: 0px;
  display: inline-block;
}

#home-and-gym .home-features {
  margin-bottom: 40px;
}

#nutrition-points svg {
  color: #ed0d9a;
}

#nutrition-paragraph {
  margin-top: 30px;
}

.devices {
  min-height: 400px;
}

.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

@media (max-width: 999px) {
  .vertical-align {
    display: block;
  }
}
i.icon-location-pin.icons {
  font-size: 60px;
  color: #ed0d9a;
  /*font-size: 2em;*/
}

@media (max-width: 999px) {
  .vertical-align h3 {
    max-width: 500px;
    text-align: center;
    margin: 20px auto 40px;
  }
}
.devices img {
  width: 99%;
}

.price h4 {
  font-weight: 300;
  font-size: 24px;
}

#register-testimonials {
  min-height: 400px;
}

#register-testimonials .carousel-indicators li {
  width: 30px;
  height: 5px;
  background-color: #ccc;
}

@media (max-width: 400px) {
  #register-testimonials .carousel-indicators li {
    width: 25px;
    height: 4px;
  }
}
@media (max-width: 324px) {
  #register-testimonials .carousel-indicators li {
    width: 22px;
    height: 4px;
  }
}
#register-testimonials .carousel-indicators .active {
  width: 30px;
  height: 5px;
  background-color: #fad1d2;
  /*background: #bd3088;*/
}

@media (max-width: 400px) {
  #register-testimonials .carousel-indicators .active {
    width: 25px;
    height: 4px;
  }
}
@media (max-width: 324px) {
  #register-testimonials .carousel-indicators .active {
    width: 22px;
    height: 4px;
  }
}
#register-testimonials table {
  min-height: 500px;
}

#register-testimonials .item {
  margin-left: 15px;
  margin-right: 15px;
}

.testimonial {
  font-weight: 300;
  min-height: 500px;
  display: table;
}

.testimonial-paragraph {
  display: table-cell;
  vertical-align: middle;
}

.testimonial-name {
  font-weight: 300;
  display: block;
}

#kimberlin-pic {
  display: block;
  margin: 0 auto;
}

#marie-therese-desktop {
  display: block;
}

@media (max-width: 1000px) {
  #marie-therese-desktop {
    display: none;
  }
}
#marie-therese-mobile {
  display: none;
}

@media (max-width: 1000px) {
  #marie-therese-mobile {
    display: block;
  }
}
#facebook-group {
  margin-bottom: 20px;
}

.join-facebook {
  text-decoration: none;
  color: #222;
}

.join-facebook a:hover {
  text-decoration: none;
  color: #222;
}

#more-questions {
  margin-bottom: 20px;
}

#more-questions h3 {
  font-weight: 400;
  font-size: 30px;
  text-decoration: underline;
}

#register-section {
  margin-top: 50px;
  /* background: -moz-linear-gradient(top, #BD3088 20%, #7D469B 59%, #2067B4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #BD3088), color-stop(59%, #7D469B), color-stop(100%, #2067B4));
   background: -webkit-linear-gradient(top, #BD3088 20%, #7D469B 59%, #2067B4 100%);
   background: -o-linear-gradient(top, #BD3088 20%, #7D469B 59%, #2067B4 100%);
   background: -ms-linear-gradient(top, #BD3088 20%, #7D469B 59%, #2067B4 100%);
   background: linear-gradient(to bottom, #BD3088 20%, #7D469B 59%, #2067B4 100%);
   background-size: cover;*/
  background: #efefef;
}

#register-section h1 {
  margin-top: 40px;
  font-size: 2em;
}

#register-section #image-form {
  background: white;
  margin: 20px auto 50px;
  max-width: 1000px;
}

@media (max-width: 930px) {
  #register-section #form-img-stairs {
    display: none;
  }
}
#register-section img {
  padding: 0;
}

@media (max-width: 460px) {
  #register-section img {
    display: none;
  }
}
#register-section #register-form {
  margin: 0 auto;
}

#register-section #register-div {
  padding: 30px 30px 0 30px;
  float: none;
  margin: 0 auto;
}

#register-section label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

#register-section input {
  outline: 0;
  border-width: 0 0 1px 0;
  border-color: #fad1d2;
  border-radius: 0;
  box-shadow: none;
}

#register-section input:focus {
  /*border-color: green*/
}

#register-section #terms-privacy {
  font-size: 12px;
  margin-top: 20px;
}

#register-section #terms-privacy a {
  color: #000;
  text-decoration: underline;
}

/*** SUBSCRIBE PAGE ***/
.subscribe {
  /*background: -moz-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(192, 47, 135, 0.7)), color-stop(59%, rgba(28, 105, 181, 0.7)), color-stop(100%, rgba(125, 70, 155, 0.7)));
  background: -webkit-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  background: -o-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  background: -ms-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
  /*height: 700px;*/
  background-size: cover;
  z-index: 2;
  overflow-y: auto;
}

.subscribe-div {
  z-index: 2;
  overflow: scroll;
}

.subscribe .navbar-brand {
  margin-top: 0px;
}

.subscribe .log-out-subscribe {
  margin-top: 50px;
  padding-right: 50px;
  color: #333;
}

@media (max-width: 767px) {
  .subscribe .log-out-subscribe {
    margin-top: 30px;
    padding-right: 0px;
  }
}
@media (max-width: 600px) {
  .subscribe .log-out-subscribe {
    margin-top: 30px;
    margin-right: -12px;
  }
}
.subscribe .logout-btn {
  float: right;
}

.subscribe .log-out-subscribe a {
  color: #444;
  border-bottom: 1px solid;
}

.subscribe .log-out-subscribe a:hover {
  text-decoration: none;
}

.subscribe .form-control {
  border: 0px solid #fff;
}

.subscribe .description {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .subscribe .description {
    margin-top: 50px;
  }
}
.subscribe #fine {
  margin-top: -10px;
  font-size: 11px;
}

.subscribe .price {
  border: 1px solid;
  border-radius: 3px;
  padding: 10px 10px 5px;
  line-height: 1.2;
}

.subscribe #price {
  font-size: 18px;
  /*margin-top: -10px;*/
}

.subscribe .form-row {
  outline: 0;
  padding-bottom: 5px;
  border-radius: 0;
  background: linear-gradient(to left, #2067B4 20%, #7D469B 40%, #fad1d2 100%) left bottom #fff no-repeat;
  background-size: 100% 2px; /* if linear-gradient, we need to resize it */
  box-shadow: none;
}

.subscribe input {
  outline: 0;
  padding-bottom: 5px;
  border-radius: 0;
  /*background:
    linear-gradient(
      to left,
      #2067B4 20%,
      #7D469B 40%,
      #BD3088 100%
    )
    left
    bottom
    #fff
    no-repeat;*/
  background-size: 100% 2px;
  box-shadow: none;
}

.subscribe .form-row input {
  color: #222;
  font-size: 1.11em;
  padding-left: 41px;
}

@media (max-width: 402px) {
  .subscribe .form-row input {
    padding-left: 0px;
  }
}
.subscribe .form-row input::-moz-placeholder {
  color: #757575;
  font-size: 1.11em;
}
.subscribe .form-row input::placeholder {
  color: #757575;
  font-size: 1.11em;
}

.subscribe #promo-code input {
  color: #222;
  font-size: 0.5em;
}

.subscribe #promo-code input::-moz-placeholder {
  color: #757575;
  font-size: 0.5em;
}

.subscribe #promo-code input::placeholder {
  color: #757575;
  font-size: 0.5em;
}

.subscribe #card-element {
  outline: 0;
  padding-bottom: 5px;
  padding-top: 20px;
  border-radius: 0;
  /*background:
    linear-gradient(
      to left,
      #2067B4 20%,
      #7D469B 40%,
      #BD3088 100%
    )
    left
    bottom
    #fff
    no-repeat;*/
  background-size: 100% 2px;
  box-shadow: none;
}

.subscribe .form-group {
  margin-bottom: 0px;
}

.subscribe .form-row .col-sm-8 {
  padding-left: 0px;
}

.subscribe .form-row .col-sm-4 {
  padding-right: 0px;
}

.subscribe #apply-promo {
  margin-top: 10px;
}

.subscribe .btn {
  margin-top: 30px;
  margin-bottom: 50px;
}

.subscribe .submit-payment {
  margin-top: 20px;
  margin-bottom: 50px;
}

.subscribe .confirmation {
  margin-top: 150px;
}

/*EBOOK PURCHASE PAGE*/
#ebook-marketing {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/christmas.jpg);
  background-size: cover;
  background-position: center center;
  /*background-attachment:fixed;*/
  margin-top: 0px;
  padding-top: 0px;
  min-height: 800px;
  color: #fff;
  font-weight: 200;
  height: 100%;
}

#ebook-marketing nav {
  padding-bottom: 50px;
}

#ebook-marketing .price {
  border: 1px solid white;
  border-radius: 3px;
  padding: 10px 10px 5px;
  line-height: 90%;
}

#ebook-marketing #price {
  font-size: 20px;
  /*margin-top: -10px;*/
}

#ebook-marketing .btn {
  margin-bottom: 75px;
}

#ebook-marketing .cover {
  width: 100%;
}

#ebook-marketing .cover img {
  width: 100%;
}

@media (max-width: 767px) {
  #ebook-marketing .cover img {
    width: 70%;
  }
}
@media (min-width: 1250px) {
  #ebook-marketing .cover img {
    height: 600px;
    width: 480px;
  }
}
#ebook-marketing .btn {
  margin-bottom: 100px;
}

#ebook-marketing .form-control {
  border: 0px solid #fff;
}

.about-holiday-ebook {
  font-size: 22px;
}

.about-holiday-ebook p {
  font-size: 16px;
}

.about-holiday-ebook li:before {
  /*content: '✔';*/
  content: "✓";
  font-size: 30px;
  margin-left: -1em;
  margin-right: 0.1em;
}

.about-holiday-ebook ul {
  padding-left: 20px;
  text-indent: 2px;
  list-style: none;
  list-style-position: outside;
}

.errors {
  /*border-bottom: solid 3px red;
  border-radius: 3px;*/
  background: rgba(255, 255, 255, 0.5);
  color: red;
  /*border: 2px solid red;*/
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.errors-update-card {
  margin-top: 60px;
}

.download-holiday-cookbook {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/christmas.jpg);
  background-size: cover;
  background-position: center center;
  /*background-attachment:fixed;*/
  margin-top: 0px;
  padding-top: 0px;
  min-height: 800px;
  color: #fff;
  font-weight: 200;
}

.btn {
  border: 0px;
}

.download-holiday-cookbook .download-button {
  margin-bottom: 30px;
}

.download-holiday-cookbook .email-button {
  margin-bottom: 30px;
}

.errorpage {
  margin: 50px;
}

.subscribe-border {
  border: 2px solid #fff;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .subscribe-border {
    margin: 20px;
  }
}
.subscribe-marketing-text {
  padding: 20px;
  color: #fff;
}

.subscribe-marketing-text ul {
  list-style-type: none;
}

.subscribe-marketing-text ul li:before {
  content: "✓";
  margin-right: 10px;
}

.underline-css {
  text-decoration: underline;
}

/* BOOSTRAP SIDEBAR */
body {
  overflow-x: hidden;
}

/* Toggle Styles */
#wrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 0;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #fad1d2;
  transition: all 0.5s ease;
  background-size: cover;
}

#sidebar-wrapper ul a:hover {
  background: rgba(0, 0, 0, 0.2) !important;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  padding: 20px;
  position: relative;
  width: 100%;
  background: #fff;
}

#toolbar {
  margin-bottom: 10px;
  width: 100%;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 100;
}

#toolbar a:hover {
  background-color: #fff;
}

#toolbar a:active {
  background-color: #fff;
}

#toolbar a:visited {
  background-color: #fff;
}

#toolbar #menu-toggle {
  padding: 0px;
  margin-top: 14px;
  margin-bottom: 8px;
  color: #3E465C;
}

#toolbar #menu-toggle i.icon-menu.icons {
  padding-top: 10px;
  font-size: 20px;
}

#toolbar img {
  margin-top: 5px;
}

#page-content-wrapper .container-fluid {
  height: calc(100% + 1px);
  margin-top: 30px;
  /* Below is for intertial/momentum scrolling on mobile devices */
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  /*disable text selection on mobile and desktop*/
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}

#page-content-wrapper .container-fluid .container {
  width: 95%;
}

@media (max-width: 767px) {
  #page-content-wrapper .container-fluid .container {
    width: 100%;
  }
}
/* Sidebar Styles */
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  /*background: rgba(255,255,255,0.2);*/
  background: rgba(0, 0, 0, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav li .logout-btn {
  /*background-color: #e74c3c;*/
  color: #fff;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

.sidebar-nav li i {
  margin-right: 10px;
}

@media (min-width: 768px) {
  #wrapper {
    padding-left: 250px;
  }
  #wrapper.toggled {
    padding-left: 0;
  }
  #sidebar-wrapper {
    width: 250px;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 0;
  }
  #page-content-wrapper {
    /*padding: 20px;*/
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}
.panel {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.panel-group .sidebar-brand {
  list-style-type: none;
}

.panel-group .sidebar-brand img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.panel li {
  list-style-type: none;
  font-weight: 300;
}

.panel a {
  color: #474748;
}

.panel a:link {
  text-decoration: none;
}

.panel a:hover {
  color: #474748;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2) !important;
}

.panel a:active {
  color: #474748;
  text-decoration: none;
  /*background: rgba(255,255,255,0.2);
  background: rgba(0,0,0,0.2) !important;*/
}

.panel h4 {
  font-weight: 300;
}

.panel.panel-default {
  background: transparent !important;
  border-bottom: none !important;
  border: none !important;
}

.panel-body {
  padding: 0px 0px 0px 15px;
}

.panel-heading {
  background: transparent !important;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}

.side-menu-icon {
  padding-left: 0px;
}

.sub-list-menu {
  padding-left: 10px;
  padding-top: 5px;
}

.content {
  margin-top: 50px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bm-payment.blocker {
  z-index: 100000;
}

#select-home-gym {
  font-size: 20px;
}

#select-home-gym .list-inline {
  margin-bottom: 0px;
}

#select-home-gym-active {
  color: #3E465C;
  padding: 0 3px 2px;
  border-bottom: 2px solid #fad1d2;
}

#select-home-gym-inactive {
  color: #3E465C;
  /*border-bottom: 2px solid #BD3088;*/
  text-decoration: none;
}

#select-home-gym-inactive:hover {
  color: #3E465C;
  /*padding: 0 3px 2px;*/
  border-bottom: 2px solid #fad1d2;
  text-decoration: none;
}

#select-home-gym-inactive h3 {
  padding: 0 3px 2px;
}

#select-home-gym-inactive h3:hover {
  border-bottom: 2px solid #fad1d2;
}

.select-time {
  /*height: 0px;*/
}

.select-time:hover {
  cursor: pointer;
  color: #3E465C;
  border-bottom: 2px solid #fad1d2;
  text-decoration: none;
}

.select-time-active {
  cursor: default;
  color: #3E465C;
  border-bottom: 2px solid #fad1d2;
  text-decoration: none;
}

.select-line {
  font-size: 20px;
}

.workout-container {
  width: 100%;
  height: 100%;
  position: relative;
}

#workout-length-border {
  /*border: 1px solid #3E465C;
  width: 90%;
  margin: 0 auto;*/
}

#workout-length,
.accordion {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#workout-length {
  z-index: 10;
}

#workout-length h3 {
  margin: 50px 0px 20px;
  color: #3E465C;
}

#workout-length .select-time-btn {
  color: #3E465C;
  background: white;
  border: 1px solid #3E465C;
  margin-bottom: 50px;
}

.opaque {
  opacity: 0.1;
}

/************ HOME PAGE STYLES ************/
/*.container-fluid #home-workout{
  display: none;
}

.container-fluid #select-workout a{

  margin: 0px;
}

.container-fluid #select-workout #gym-workout-button {
  padding: 5px 50px;
  background: #000;
  color: #fff;
  border-radius: 10px 0px 0px 10px;
  border: 2px solid #000;
  margin-right: -3px
}
.container-fluid #select-workout #home-workout-button {
  padding: 5px 50px;
  background: #fff;
  color: #000;
  border-radius: 0px 10px 10px 0px;
  border: 2px solid #000;
  margin-left: -2px
}*/
/************ SETTINGS PAGE STYLES ************/
.settings-form {
  padding: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.update-card {
  margin-top: 100px;
}

.delete-account {
  margin-top: 100px;
}

#cancel-subscription {
  margin-top: 15px;
  font-size: 10px;
}

#delete-container {
  /*position:absolute;*/
  height: 100vh;
  /*height: calc(100% + 1px);*/
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: -1; /* Remove this line if it's not going to be a background! */
  background: linear-gradient(to bottom, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
}

@supports (-webkit-touch-callout: none){
  #delete-container{
    height: -webkit-fill-available;
  }
}

.live {
  margin-top: 100px;
}

.live .container {
  padding: 2em 3em 2em 3em;
}

.live iframe {
  height: 500px;
  width: 100%;
}

@media (max-width: 1300px) {
  .live iframe {
    height: 400px;
  }
}
@media (max-width: 1000px) {
  .live iframe {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .live iframe {
    height: 320px;
  }
}
@media (max-width: 450px) {
  .live iframe {
    height: 280px;
  }
}
#sidebar-wrapper a i .icons .menu {
  color: #999999;
  size: 12px;
}

#sidebar-wrapper i.icon-calendar.icons {
  color: #fff;
}

#sidebar-wrapper i.icon-power.icons {
  color: #fff;
}

.workouts-accordion:hover {
  cursor: pointer;
}

.workouts-accordion label:hover {
  cursor: pointer;
}

.workouts-accordion input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}

.workouts-accordion ul {
  /* by default hide all sub menus */
  display: none;
}

.workouts-accordion input[type=checkbox]:checked + label + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}

/*.container-fluid #home-workout{
  display: none;
}*/
.container-fluid #select-nutrition {
  margin-top: 100px;
}

.container-fluid #select-nutrition a {
  margin: 0px;
}

.container-fluid #select-nutrition #foodguide-button {
  padding: 5px 50px;
  border-radius: 10px 0px 0px 10px;
  border: 2px solid #000;
  margin-right: -3px;
}

@media (max-width: 1070px) {
  .container-fluid #select-nutrition #foodguide-button {
    padding: 4px 40px;
  }
}
@media (max-width: 935px) {
  .container-fluid #select-nutrition #foodguide-button {
    padding: 4px 30px;
  }
}
@media (max-width: 855px) {
  .container-fluid #select-nutrition #foodguide-button {
    padding: 3px 20px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .container-fluid #select-nutrition #foodguide-button {
    padding: 3px 10px;
    font-size: 12px;
  }
}
@media (max-width: 415px) {
  .container-fluid #select-nutrition #foodguide-button {
    padding: 3px 4px;
    font-size: 10px;
  }
}
.container-fluid #select-nutrition #beverage-button {
  padding: 5px 50px;
  border-radius: 0px 0px 0px 0px;
  border: 2px solid #000;
  margin-left: -3px;
  margin-right: -3px;
}

@media (max-width: 1070px) {
  .container-fluid #select-nutrition #beverage-button {
    padding: 4px 40px;
  }
}
@media (max-width: 935px) {
  .container-fluid #select-nutrition #beverage-button {
    padding: 4px 30px;
  }
}
@media (max-width: 855px) {
  .container-fluid #select-nutrition #beverage-button {
    padding: 3px 20px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .container-fluid #select-nutrition #beverage-button {
    padding: 3px 10px;
    font-size: 12px;
  }
}
@media (max-width: 415px) {
  .container-fluid #select-nutrition #beverage-button {
    padding: 3px 4px;
    font-size: 10px;
  }
}
.container-fluid #select-nutrition #platemethod-button {
  padding: 5px 50px;
  border-radius: 0px 0px 0px 0px;
  border: 2px solid #000;
  margin-left: -4px;
  margin-right: -3px;
}

@media (max-width: 1070px) {
  .container-fluid #select-nutrition #platemethod-button {
    padding: 4px 40px;
  }
}
@media (max-width: 935px) {
  .container-fluid #select-nutrition #platemethod-button {
    padding: 4px 30px;
  }
}
@media (max-width: 855px) {
  .container-fluid #select-nutrition #platemethod-button {
    padding: 3px 20px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .container-fluid #select-nutrition #platemethod-button {
    padding: 3px 10px;
    font-size: 12px;
  }
}
@media (max-width: 415px) {
  .container-fluid #select-nutrition #platemethod-button {
    padding: 3px 4px;
    font-size: 10px;
  }
}
.container-fluid #select-nutrition #diningout-button {
  padding: 5px 50px;
  border-radius: 0px 10px 10px 0px;
  border: 2px solid #000;
  margin-left: -3px;
}

@media (max-width: 1070px) {
  .container-fluid #select-nutrition #diningout-button {
    padding: 4px 40px;
  }
}
@media (max-width: 935px) {
  .container-fluid #select-nutrition #diningout-button {
    padding: 4px 30px;
  }
}
@media (max-width: 855px) {
  .container-fluid #select-nutrition #diningout-button {
    padding: 3px 20px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .container-fluid #select-nutrition #diningout-button {
    padding: 3px 10px;
    font-size: 12px;
  }
}
@media (max-width: 415px) {
  .container-fluid #select-nutrition #diningout-button {
    padding: 3px 4px;
    font-size: 10px;
  }
}
/*ADD TO SELECTED BUTTON*/
.nutrition-button-selected {
  background: #000;
  color: #fff;
}

.nutrition-button-selected:hover {
  color: #fff;
}

.nutrition-button-selected:active {
  color: #fff;
}

.nutrition-button-selected:visited {
  color: #fff;
}

.nutrition-button-unselected {
  background: #fff;
  color: #000;
}

.container-fluid .nutrition .nutrition-content {
  margin-top: 75px;
  padding-bottom: 100px;
}

.container-fluid .nutrition .nutrition-content #foodguide {
  display: block;
}

.container-fluid .nutrition .nutrition-content #beverage {
  display: none;
}

.container-fluid .nutrition .nutrition-content #platemethod {
  display: none;
}

.container-fluid .nutrition .nutrition-content #diningout {
  display: none;
}

/***NEW HOME ACCORDION***/
.heading-primary {
  font-size: 1.6em;
  font-weight: 400;
  margin-left: 0px;
  /*padding: 2em;*/
  /*text-align: center;*/
}

.accordion dl,
.accordion-list {
  /*border: 1px solid #ddd;*/
}

.accordion dl:after,
.accordion-list:after {
  content: "";
  display: block;
  /*height: 1em;*/
  width: 100%;
  background-color: #000;
}

.accordion .accordion-title {
  font-size: 1.6em;
  text-decoration: none;
}

.accordion .accordion-title:hover {
  /*color: #fff;*/
}

.accordion .accordion-title:visited {
  /*color: #fff;*/
}

.accordion dd,
.accordion__panel {
  /*background-color: #fff;*/
  font-size: 1em;
  line-height: 1em;
}

.accordion p {
  padding: 1em 0.5em 1em 0.5em;
}

.accordion {
  position: relative;
  background-color: #fff;
}

.container {
  /*max-width: 960px;*/
  margin: 0 auto;
  padding: 2em 0 2em 0;
}

.accordionTitle,
.accordion__Heading {
  /*background-color: #333;*/
  text-align: left;
  font-weight: 300;
  padding: 0.5em;
  display: block;
  text-decoration: none;
  color: #3E465C;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #C5C9D6;
}

/*.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 1em;
  line-height: 1.3em;
  float: left;
  transition: transform 0.3s ease-in-out;
}*/
.accordionTitle:hover,
.accordion__Heading:hover {
  /*background-color: #dc40a2;*/
  /*font-weight:400;*/
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  /*background-color: #dc40a2;*/
  font-weight: 400;
}

.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 200em;
  transition: max-height 1s;
}

@media screen and (min-width: 48em) {
  .accordionItem {
    /*max-height: 15em;*/
    transition: max-height 0.5s;
  }
}
.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
  }
}
/***END NEW HOME***/
.accordion dd {
  overflow: hidden;
  -webkit-overflow-scrolling: hidden;
}

.accordion-content #notes {
  margin: 30px 50px;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .accordion-content #notes {
    margin: 15px 30px;
  }
}
.accordion-content #notes p {
  line-height: 1.3;
}

.accordion-content table {
  display: table;
}

.accordion-content .table > tbody > tr > td {
  /*vertical-align: middle;*/
  vertical-align: middle !important;
}

.accordion .desktop-view {
  overflow: visible;
}

.accordion-content .td-content {
  overflow: hidden;
  -webkit-overflow-scrolling: hidden;
}

.accordion-content .td-content .carousel {
  overflow: hidden;
  -webkit-overflow-scrolling: hidden;
}

.accordion-content .td-content .carousel .carousel-inner {
  overflow: hidden;
  -webkit-overflow-scrolling: hidden;
}

.accordion-content .td-content .carousel .carousel-inner .active {
  overflow: hidden;
  -webkit-overflow-scrolling: hidden;
}

/*CAROUSEL STYLES*/
.item .img-responsive {
  padding-left: 0px;
  padding-right: 0px;
}

.item video {
  width: 100% !important;
  height: auto !important;
}

.carousel-control {
  z-index: 1000;
  cursor: pointer;
  background-image: none;
  /*opacity: 0;*/
  color: #3E465C;
  text-shadow: none;
  position: relative;
  top: none;
  left: none;
  right: none;
  bottom: none;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
  width: 30px;
  vertical-align: middle !important;
  height: 200px !important;
}

.carousel-control:hover {
  /*opacity: 0;*/
}

.carousel-control i {
  color: #3E465C;
  font-size: 32px;
}

#myCarousel h2 {
  font-weight: 400;
}

#myCarousel ol {
  margin-top: 40px;
  margin-bottom: 0px;
  position: relative;
}

.carousel-indicators {
  position: relative;
  margin-top: 30px;
  margin-bottom: 0px;
}

.carousel-indicators li {
  width: 50px;
  height: 5px;
  background-color: #ccc;
}

@media (max-width: 400px) {
  .carousel-indicators li {
    width: 40px;
    height: 4px;
  }
}
.carousel-indicators .active {
  width: 50px;
  height: 5px;
  background-color: #fad1d2;
  /*background: #bd3088;*/
}

@media (max-width: 400px) {
  .carousel-indicators .active {
    width: 40px;
    height: 4px;
  }
}
.desktop-view {
  position: relative;
}

.mobile-view {
  display: none;
}

.desktop-nav {
  /*display: block;*/
}

.mobile-nav {
  display: none;
}

@media (max-width: 768px) {
  .container h1 {
    padding-left: 13px;
  }
  .container #select-home-gym {
    padding-left: 13px;
  }
  .container #select-time {
    padding-left: 13px;
  }
  .desktop-nav {
    display: none;
  }
  .mobile-nav {
    display: inline;
    max-width: 100%;
  }
  .mobile-nav td {
    display: inline-block;
  }
  .table .td-content {
    /*margin:0, 40px;*/
    padding-left: 0px;
    padding-right: 0px;
  }
  .table .exercise-reps, .table .exercise-description {
    margin: 0 20px;
  }
  .carousel-control {
    /* z-index: 1000;
     cursor: pointer;
     background-image: none;
     opacity: 0;
     color: #3E465C;
     text-shadow:none;
     position: relative;
     top: none;
     left: none;
     right: none;
     bottom:none;*/
  }
  .carousel-indicators {
    /*margin-top: 20px;*/
  }
  .carousel-control.left, .carousel-control.right {
    position: absolute;
    top: 74vw;
    /*background-image: none;
    width: 30px;
    height: 50px;*/
    /*margin-top: -220px;*/
  }
  /*.desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  }*/
  /*#myCarousel ol {
    margin-top: 40px;
  }*/
}
@media (max-width: 768px) and (max-width: 400px) {
  .carousel-control.left, .carousel-control.right {
    top: 77vw;
  }
}
@media (max-width: 768px) and (max-width: 324px) {
  .carousel-control.left, .carousel-control.right {
    top: 79vw;
  }
}
@media (max-width: 768px) {
  .carousel-control.left i, .carousel-control.right i {
    /*position: absolute;
    top:0;*/
    /*top:72vw;*/
    /*color: #aaa;
    z-index: 10000;*/
    /*padding-top: 70px;*/
  }
  .carousel-control.right i {
    padding-right: 30px;
  }
  .carousel-control i {
    color: #3E465C;
    font-size: inherit;
  }
  .carousel-control.left {
    float: left;
    width: 50px;
    height: 50px;
  }
  .carousel-control.right {
    float: right;
    width: 50px;
    height: 50px;
  }
  .table .navigation .col-xs-12 {
    /*position: absolute;*/
    /*width: 100%;*/
    /*margin-right: -20px;*/
    /*bottom: 350px;*/
  }
  .navigation {
    /*position: absolute;
    bottom:43%;*/
  }
  #arrow-left, #arrow-right {
    /*height: 200px;*/
  }
  #arrow-left {
    /*position: absolute;*/
    /*left: 10px;*/
    /*bottom: 100px*/
    /*position: absolute;*/
    /*right: 0px;*/
  }
  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none !important;
  }
  #myCarousel .carousel-inner .exercise-reps {
    /*padding-bottom: 0px;
    margin-bottom: 0px;*/
  }
  .carousel-inner > .item > .description {
    /*padding-left: 40px;
    padding-right: 40px;*/
  }
  .carousel-inner > .item > a > img, .carousel-inner > .item > img {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}
#circuit-summary {
  min-height: 350px;
}

.circuit-summary-container {
  padding: 50px;
}

#circuit-summary h3 {
  margin-top: 100px;
  margin-bottom: 50px;
}

#circuit-summary a {
  line-height: 2;
  text-decoration: underline;
}

/*@media (max-width: 768px) {
  .carousel-control.left, .carousel-control.right {
    margin-top: -240px;
  }
}


@media (max-width: 608px) {
  .carousel-control.left, .carousel-control.right{
    margin-top: -250px;
  }
}

@media (max-width: 587px) {
  .carousel-control.left, .carousel-control.right{
    margin-top: -270px;
  }
}

@media (max-width: 500px) {
  .carousel-control.left, .carousel-control.right{
    margin-top: -290px;
  }
}


@media (max-width: 442px) {
  .carousel-control.left, .carousel-control.right{
    margin-top: -310px;
  }
}

@media (max-width: 442px) {
  .carousel-control.left, .carousel-control.right{
    margin-top: -300px;
  }
}

@media (max-width: 441px) {
  .carousel-control.left, .carousel-control.right{
    margin-top: -320px;
  }
}*/
/*
@media (max-width: 535px) {
  .carousel-control.left i, .carousel-control.right i {
    top:80vw;
  }
}

@media (max-width: 483px) {
  .carousel-control.left i, .carousel-control.right i {
    top:82vw;
  }
}

@media (max-width: 456px) {
  .carousel-control.left i, .carousel-control.right i {
    top:84vw;
  }
}*/
@media (max-width: 417px) {
  .carousel-control.left i, .carousel-control.right i {
    /*top:86vw;*/
  }
}
/***CHOOSE WORKOUT PAGE***/
#choose-workout {
  margin-top: 150px;
  padding-top: 30px;
  padding-bottom: 30px;
  border: 1px solid;
  border-radius: 5px;
}

@media (max-width: 768px) {
  #choose-workout {
    margin-left: 30px;
    margin-right: 30px;
  }
}
/*.text-justify {
  text-align: justify;
}*/
#timer-footer {
  position: fixed;
  bottom: 0px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  width: 100%;
}

.timer-div {
  /*padding-top: 10px;*/
  margin-bottom: 10px;
}

#timer-footer .btn {
  border: 1px solid black;
  margin-bottom: 10px;
}

/***DISABLE DRAG***/
.carousel-inner img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.container-fluid .app-footer {
  color: #ddd;
  position: absolute;
  bottom: 0;
}

.container-fluid .app-footer #copyright {
  margin: 15px;
}

/***ADDWORKOUT PAGES***/
.add-workout-content {
  margin-top: 50px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.add-workout-content h1 {
  margin-bottom: 60px;
}

.add-workout-content #datepicker {
  width: 250px;
}

.add-workout-content #addExercise {
  margin: 10px 0;
}

.add-workout-content .workout-content {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.add-workout-content #addCircuit {
  margin-bottom: 10px;
}

/***MORE WORKOUTS***/
.accordion-content .date-list {
  margin-left: 25px;
}

.container-fluid .noaccess-header {
  margin-top: 100px;
}

#more-workouts-info {
  font-weight: 300;
  width: 80%;
  padding-top: 30px;
  margin: 0 auto;
}

/***VID INSTRUCTION***/
.vid_instruction-container {
  margin-top: 100px;
}

/*.vid_instruction {
  margin-top: 100px;
}*/
.vid_instruction iframe {
  height: 500px;
  width: 100%;
}

@media (max-width: 1300px) {
  .vid_instruction iframe {
    height: 400px;
  }
}
@media (max-width: 1000px) {
  .vid_instruction iframe {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .vid_instruction iframe {
    height: 320px;
  }
}
@media (max-width: 450px) {
  .vid_instruction iframe {
    height: 280px;
  }
}
.vid_instruction a {
  margin-left: 30px;
}

/***FAQS***/
#faq-landing {
  min-height: 500px;
  /*position: relative;*/
  overflow-y: hidden;
  color: white;
  background: url("images/alexia-sitting.jpg") no-repeat;
  background: linear-gradient(to bottom, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%), url("images/alexia-sitting.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  /*background-color: rgba(0,0,0,0.5);*/
}

#faq-landing h1 {
  font-size: 90px;
  font-weight: 300;
}

#q-and-a #q-and-a-container {
  margin-top: 50px;
  padding-bottom: 50px;
}

#q-and-a #q-and-a-container .question {
  color: #3E465C;
}

#q-and-a #q-and-a-container .answer {
  color: #555;
}

.faq-footer {
  /* background: -moz-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(192, 47, 135, 0.7)), color-stop(59%, rgba(28, 105, 181, 0.7)), color-stop(100%, rgba(125, 70, 155, 0.7)));
   background: -webkit-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
   background: -o-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
   background: -ms-linear-gradient(top, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);
   background: linear-gradient(to bottom, rgba(192, 47, 135, 0.7) 20%, rgba(125, 70, 155, 0.7) 59%, rgba(28, 105, 181, 0.7) 100%);*/
  background: #fff;
  height: 200px;
  background-size: cover;
  padding-top: 70px;
  /*position: relative;*/
}

.faq-footer i {
  background: linear-gradient(330deg, rgba(192, 47, 135, 0.8) 0%, rgba(125, 70, 155, 0.8) 60%, rgba(28, 105, 181, 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.faq-footer #copyright {
  color: #ccc;
  /*position: absolute;*/
  bottom: 20px;
}

/***LOADING WHEEL***/
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("images/loader_wheel.gif") 50% 50% no-repeat rgb(249, 249, 249);
  opacity: 0.8;
}

.ui-loader {
  display: none !important;
}

.about-event-text p {
  font-size: 14px;
}

.about-event-text li {
  font-size: 20px;
}

.about-event-text a {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
}

.shop-intro {
  margin-top: 50px;
  margin-bottom: 100px;
}

.shop-intro h2 {
  font-weight: 300;
}

.shop-intro div a img {
  width: 100%;
  margin-top: 20px;
}

.shop-intro div a h4 {
  font-weight: 300;
}

#shop-intro-footer {
  position: fixed !important;
  /*left: 0;*/
  bottom: 0 !important;
  margin-bottom: 0px;
  width: 100%;
  height: 80px;
  position: absolute;
  /*border-bottom: 1px solid #000;*/
  background-color: #fff;
  /*z-index: 100;*/
}

#shop-intro-footer a {
  position: fixed !important;
  z-index: 100;
  right: 30px;
  font-weight: 300;
  font-size: 18px;
  margin-top: 23px;
}

/***GROCERY LIST***/
/*@media print {
  body * {
    visibility: hidden;
  }
  #shopping-list-view, #shopping-list-view * {
    visibility: visible;
  }
  #shopping-list-view {
    position: absolute;
    left: 0;
    top: 0;
  }
}*/
#printableArea {
  margin: 20px;
  padding: 40px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-weight: 300;
}

.shopping-list-title {
  margin-top: 10px;
  margin-bottom: 40px;
  font-weight: 300;
}

#grocery-shopping-list {
  font-size: 18px;
}

#grocery-shopping-list ul li {
  /*margin:10px 0px;*/
  margin-bottom: 10px;
}

#modal-content .container-fluid {
  margin-top: 30px;
  margin-left: 20px;
  margin-right: 20px;
}

.results-item {
  padding: 20px 10px;
}

.results-item:hover {
  cursor: pointer;
  background: #f1f1f1;
}

/***ADD MEALS***/
.meal-border {
  padding: 20px;
  border: 1px solid #ccc;
  margin: 30px 0;
}

/*
#accordionNotes .meal-photo {
  max-height: 200px;
}*/
/*#accordionNotes {
  position: relative;
}
#accordionNotes .meal-photo {
  position: absolute;
  clip: rect(0, 1300px, 300px, 0);
  /* clip: shape(top, right, bottom, left); NB 'rect' is the only available option */
/*#accordionNotes .img-container{
  position: relative;
}

#accordionNotes .img-container .meal-photo{
  position: absolute;
  clip: rect(0, 1300px, 300px, 0);
}*/
.accordion .img-container {
  width: 100%;
  height: 250px;
  overflow: hidden;
  text-align: center;
}

@media (max-width: 450px) {
  .accordion .img-container {
    height: 200px;
  }
}
.accordion .img-container img {
  margin-top: -30%;
  width: inherit !important;
}

.accordion .meal-content {
  margin-right: 30px;
  margin-left: 30px;
}

.accordion .meal-directions {
  margin-left: 20px;
}

.meal-img {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.meal-img #myImg:hover {
  opacity: 0.7;
}

/***Travel Workouts***/
#travel-workouts-list {
  margin-top: 30px;
  font-size: 18px;
}

#travel-workouts-list ul li {
  /*margin:10px 0px;*/
  margin-bottom: 10px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000000000; /* Sit on top */
  padding-top: 40px;
  padding-bottom: 40px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  height: 100%;
  width: auto;
  /*width: 80%;*/
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  z-index: 100000000000000000;
}

@media (max-width: 450px) {
  .close {
    top: 0px;
    right: 15px;
  }
}
.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%;
  }
}
/*.error-container nav.navbar .container-fluid .navbar-brand a img{
  margin-left: 40px;
  margin-top: 30px
}*/
.error-message {
  margin: 40px;
}

.error-message h1 {
  padding-right: 20px !important;
  font-family: Helvetica, Arial, Times;
  font-weight: 300;
}

.error-message p {
  margin: 20px 0 0 20px;
  padding-right: 20px !important;
  font-family: Helvetica, Arial, Times;
  font-weight: 300;
}

.error-links {
  margin: 20px 0 0 60px;
  font-family: Helvetica, Arial, Times;
  font-weight: 300;
}

.cancelled-alert {
  position: fixed;
  z-index: 99999;
  margin-bottom: 0;
  background: #ea5f59;
  border-color: #ea5f59;
  border-radius: 0;
  color: #fff;
  width: calc(100% - 250px);
}

@media only screen and (max-width: 600px) {
  .cancelled-alert {
    width: 100%;
  }
}
@font-face {
  font-family: "Pano";
  src: url("/assets/fonts/pano_bold/pano_bold.ttf");
  font-display: block;
}
.pano, .font-pano {
  font-family: "Pano", serif;
}

/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}

::-webkit-date-and-time-value{
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit{
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}

select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])){
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio']{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox']{
  border-radius: 0px;
}

[type='radio']{
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='file']{
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus{
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
  }
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
  }
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
  }
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }
  .container{
    max-width: 1536px;
  }
}
.form-input,.form-textarea,.form-select,.form-multiselect{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-input::placeholder,.form-textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}
.form-input::-webkit-date-and-time-value{
  min-height: 1.5em;
  text-align: inherit;
}
.form-input::-webkit-datetime-edit{
  display: inline-flex;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}
.form-select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-select:where([size]:not([size="1"])){
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}
.form-checkbox,.form-radio{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
.form-checkbox{
  border-radius: 0px;
}
.form-radio{
  border-radius: 100%;
}
.form-checkbox:focus,.form-radio:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-checkbox:checked,.form-radio:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.form-checkbox:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.form-radio:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}
.form-checkbox:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}
.aspect-h-9{
  --tw-aspect-h: 9;
}
.aspect-w-16{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 16;
}
.aspect-w-16 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.pointer-events-none{
  pointer-events: none !important;
}
.pointer-events-auto{
  pointer-events: auto !important;
}
.visible{
  visibility: visible !important;
}
.invisible{
  visibility: hidden !important;
}
.collapse{
  visibility: collapse !important;
}
.static{
  position: static !important;
}
.fixed{
  position: fixed !important;
}
.absolute{
  position: absolute !important;
}
.relative{
  position: relative !important;
}
.sticky{
  position: sticky !important;
}
.inset-0{
  inset: 0px !important;
}
.inset-y-0{
  top: 0px !important;
  bottom: 0px !important;
}
.bottom-0{
  bottom: 0px !important;
}
.bottom-1{
  bottom: 0.25rem !important;
}
.bottom-2{
  bottom: 0.5rem !important;
}
.left-0{
  left: 0px !important;
}
.left-1{
  left: 0.25rem !important;
}
.left-4{
  left: 1rem !important;
}
.right-0{
  right: 0px !important;
}
.right-1{
  right: 0.25rem !important;
}
.right-2{
  right: 0.5rem !important;
}
.top-0{
  top: 0px !important;
}
.top-1{
  top: 0.25rem !important;
}
.top-1\/2{
  top: 50% !important;
}
.top-4{
  top: 1rem !important;
}
.top-\[-175\%\]{
  top: -175% !important;
}
.z-0{
  z-index: 0 !important;
}
.z-10{
  z-index: 10 !important;
}
.z-20{
  z-index: 20 !important;
}
.z-50{
  z-index: 50 !important;
}
.col-span-2{
  grid-column: span 2 / span 2 !important;
}
.float-right{
  float: right !important;
}
.float-left{
  float: left !important;
}
.-m-1{
  margin: -0.25rem !important;
}
.m-0{
  margin: 0px !important;
}
.m-4{
  margin: 1rem !important;
}
.m-auto{
  margin: auto !important;
}
.mx-1{
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-5{
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}
.mx-8{
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.my-10{
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.my-2{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3{
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.my-4{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-5{
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.my-8{
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.-ml-0{
  margin-left: -0px !important;
}
.-ml-0\.5{
  margin-left: -0.125rem !important;
}
.-ml-1{
  margin-left: -0.25rem !important;
}
.-mt-0{
  margin-top: -0px !important;
}
.-mt-0\.5{
  margin-top: -0.125rem !important;
}
.-mt-1{
  margin-top: -0.25rem !important;
}
.-mt-2{
  margin-top: -0.5rem !important;
}
.mb-1{
  margin-bottom: 0.25rem !important;
}
.mb-12{
  margin-bottom: 3rem !important;
}
.mb-16{
  margin-bottom: 4rem !important;
}
.mb-2{
  margin-bottom: 0.5rem !important;
}
.mb-24{
  margin-bottom: 6rem !important;
}
.mb-3{
  margin-bottom: 0.75rem !important;
}
.mb-4{
  margin-bottom: 1rem !important;
}
.mb-48{
  margin-bottom: 12rem !important;
}
.mb-6{
  margin-bottom: 1.5rem !important;
}
.mb-8{
  margin-bottom: 2rem !important;
}
.ml-16{
  margin-left: 4rem !important;
}
.ml-2{
  margin-left: 0.5rem !important;
}
.ml-3{
  margin-left: 0.75rem !important;
}
.ml-4{
  margin-left: 1rem !important;
}
.ml-6{
  margin-left: 1.5rem !important;
}
.ml-8{
  margin-left: 2rem !important;
}
.mr-1{
  margin-right: 0.25rem !important;
}
.mr-1\.5{
  margin-right: 0.375rem !important;
}
.mr-2{
  margin-right: 0.5rem !important;
}
.mr-3{
  margin-right: 0.75rem !important;
}
.mr-4{
  margin-right: 1rem !important;
}
.mr-6{
  margin-right: 1.5rem !important;
}
.mt-0{
  margin-top: 0px !important;
}
.mt-1{
  margin-top: 0.25rem !important;
}
.mt-10{
  margin-top: 2.5rem !important;
}
.mt-12{
  margin-top: 3rem !important;
}
.mt-16{
  margin-top: 4rem !important;
}
.mt-2{
  margin-top: 0.5rem !important;
}
.mt-24{
  margin-top: 6rem !important;
}
.mt-3{
  margin-top: 0.75rem !important;
}
.mt-4{
  margin-top: 1rem !important;
}
.mt-5{
  margin-top: 1.25rem !important;
}
.mt-6{
  margin-top: 1.5rem !important;
}
.mt-8{
  margin-top: 2rem !important;
}
.line-clamp-2{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.line-clamp-3{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
.block{
  display: block !important;
}
.inline-block{
  display: inline-block !important;
}
.flex{
  display: flex !important;
}
.inline-flex{
  display: inline-flex !important;
}
.table{
  display: table !important;
}
.grid{
  display: grid !important;
}
.contents{
  display: contents !important;
}
.hidden{
  display: none !important;
}
.h-0{
  height: 0px !important;
}
.h-1\/2{
  height: 50% !important;
}
.h-10{
  height: 2.5rem !important;
}
.h-12{
  height: 3rem !important;
}
.h-16{
  height: 4rem !important;
}
.h-24{
  height: 6rem !important;
}
.h-3{
  height: 0.75rem !important;
}
.h-3\/4{
  height: 75% !important;
}
.h-4{
  height: 1rem !important;
}
.h-40{
  height: 10rem !important;
}
.h-48{
  height: 12rem !important;
}
.h-5{
  height: 1.25rem !important;
}
.h-5\/6{
  height: 83.333333% !important;
}
.h-6{
  height: 1.5rem !important;
}
.h-60{
  height: 15rem !important;
}
.h-8{
  height: 2rem !important;
}
.h-\[300px\]{
  height: 300px !important;
}
.h-\[95\%\]{
  height: 95% !important;
}
.h-auto{
  height: auto !important;
}
.h-full{
  height: 100% !important;
}
.h-screen{
  height: 100vh !important;
}
@supports (-webkit-touch-callout: none){
  .h-screen{
    height: -webkit-fill-available;
  }
}
.min-h-1\/2{
  min-height: 50% !important;
}
.min-h-full{
  min-height: 100% !important;
}
.w-0{
  width: 0px !important;
}
.w-1\/2{
  width: 50% !important;
}
.w-1\/3{
  width: 33.333333% !important;
}
.w-1\/6{
  width: 16.666667% !important;
}
.w-10{
  width: 2.5rem !important;
}
.w-11\/12{
  width: 91.666667% !important;
}
.w-12{
  width: 3rem !important;
}
.w-2\/3{
  width: 66.666667% !important;
}
.w-2\/6{
  width: 33.333333% !important;
}
.w-24{
  width: 6rem !important;
}
.w-3{
  width: 0.75rem !important;
}
.w-3\/12{
  width: 25% !important;
}
.w-32{
  width: 8rem !important;
}
.w-4{
  width: 1rem !important;
}
.w-4\/5{
  width: 80% !important;
}
.w-4\/6{
  width: 66.666667% !important;
}
.w-40{
  width: 10rem !important;
}
.w-48{
  width: 12rem !important;
}
.w-5{
  width: 1.25rem !important;
}
.w-5\/6{
  width: 83.333333% !important;
}
.w-6{
  width: 1.5rem !important;
}
.w-8\/12{
  width: 66.666667% !important;
}
.w-auto{
  width: auto !important;
}
.w-full{
  width: 100% !important;
}
.w-screen{
  width: 100vw !important;
}
.min-w-0{
  min-width: 0px !important;
}
.min-w-\[22\.5rem\]{
  min-width: 22.5rem !important;
}
.max-w-0{
  max-width: 0rem !important;
}
.max-w-2xl{
  max-width: 42rem !important;
}
.max-w-3xl{
  max-width: 48rem !important;
}
.max-w-6xl{
  max-width: 72rem !important;
}
.max-w-\[22\.5rem\]{
  max-width: 22.5rem !important;
}
.max-w-\[350px\]{
  max-width: 350px !important;
}
.max-w-\[600px\]{
  max-width: 600px !important;
}
.max-w-lg{
  max-width: 32rem !important;
}
.max-w-md{
  max-width: 28rem !important;
}
.max-w-sm{
  max-width: 24rem !important;
}
.flex-1{
  flex: 1 1 0% !important;
}
.flex-auto{
  flex: 1 1 auto !important;
}
.flex-shrink-0{
  flex-shrink: 0 !important;
}
.shrink-0{
  flex-shrink: 0 !important;
}
.flex-grow{
  flex-grow: 1 !important;
}
.table-auto{
  table-layout: auto !important;
}
.origin-bottom-right{
  transform-origin: bottom right !important;
}
.rotate-180{
  --tw-rotate: 180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite !important;
}
.cursor-not-allowed{
  cursor: not-allowed !important;
}
.cursor-pointer{
  cursor: pointer !important;
}
.resize{
  resize: both !important;
}
.list-outside{
  list-style-position: outside !important;
}
.list-decimal{
  list-style-type: decimal !important;
}
.list-disc{
  list-style-type: disc !important;
}
.appearance-none{
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.flex-row{
  flex-direction: row !important;
}
.flex-row-reverse{
  flex-direction: row-reverse !important;
}
.flex-col{
  flex-direction: column !important;
}
.flex-wrap{
  flex-wrap: wrap !important;
}
.content-center{
  align-content: center !important;
}
.items-start{
  align-items: flex-start !important;
}
.items-end{
  align-items: flex-end !important;
}
.items-center{
  align-items: center !important;
}
.justify-end{
  justify-content: flex-end !important;
}
.justify-center{
  justify-content: center !important;
}
.justify-between{
  justify-content: space-between !important;
}
.gap-12{
  gap: 3rem !important;
}
.gap-3{
  gap: 0.75rem !important;
}
.gap-4{
  gap: 1rem !important;
}
.gap-6{
  gap: 1.5rem !important;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important;
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}
.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-divide-opacity)) !important;
}
.divide-gray-900\/10 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(17 24 39 / 0.1) !important;
}
.justify-self-start{
  justify-self: start !important;
}
.overflow-hidden{
  overflow: hidden !important;
}
.overflow-y-auto{
  overflow-y: auto !important;
}
.overflow-x-hidden{
  overflow-x: hidden !important;
}
.overflow-y-hidden{
  overflow-y: hidden !important;
}
.overflow-x-scroll{
  overflow-x: scroll !important;
}
.overflow-y-scroll{
  overflow-y: scroll !important;
}
.overscroll-auto{
  overscroll-behavior: auto !important;
}
.truncate{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.whitespace-nowrap{
  white-space: nowrap !important;
}
.break-words{
  overflow-wrap: break-word !important;
}
.rounded{
  border-radius: 0.25rem !important;
}
.rounded-full{
  border-radius: 9999px !important;
}
.rounded-lg{
  border-radius: 0.5rem !important;
}
.rounded-md{
  border-radius: 0.375rem !important;
}
.rounded-b{
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-b-xl{
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.rounded-l{
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-l-none{
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-r-none{
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-t{
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-t-xl{
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.border{
  border-width: 1px !important;
}
.border-0{
  border-width: 0px !important;
}
.border-2{
  border-width: 2px !important;
}
.border-b{
  border-bottom-width: 1px !important;
}
.border-b-0{
  border-bottom-width: 0px !important;
}
.border-l-0{
  border-left-width: 0px !important;
}
.border-r{
  border-right-width: 1px !important;
}
.border-r-0{
  border-right-width: 0px !important;
}
.border-t{
  border-top-width: 1px !important;
}
.border-t-0{
  border-top-width: 0px !important;
}
.border-t-2{
  border-top-width: 2px !important;
}
.border-solid{
  border-style: solid !important;
}
.border-dashed{
  border-style: dashed !important;
}
.border-none{
  border-style: none !important;
}
.border-black{
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}
.border-form-placeholder{
  --tw-border-opacity: 1 !important;
  border-color: rgb(201 206 206 / var(--tw-border-opacity)) !important;
}
.border-gray-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}
.border-gray-300{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.border-gray-400{
  --tw-border-opacity: 1 !important;
  border-color: rgb(156 163 175 / var(--tw-border-opacity)) !important;
}
.border-gray-900{
  --tw-border-opacity: 1 !important;
  border-color: rgb(17 24 39 / var(--tw-border-opacity)) !important;
}
.border-highlight-pink{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 0 78 / var(--tw-border-opacity)) !important;
}
.border-transparent{
  border-color: transparent !important;
}
.border-white{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.bg-\[\#FAD1D2\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 209 210 / var(--tw-bg-opacity)) !important;
}
.bg-background-gray{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity)) !important;
}
.bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1) !important;
}
.bg-brand-pink{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 209 210 / var(--tw-bg-opacity)) !important;
}
.bg-brand-pink-background{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 250 250 / var(--tw-bg-opacity)) !important;
}
.bg-brand-pink-darker{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 204 210 / var(--tw-bg-opacity)) !important;
}
.bg-brand-pink-lightest{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 250 250 / var(--tw-bg-opacity)) !important;
}
.bg-disabled-gray{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(106 106 107 / var(--tw-bg-opacity)) !important;
}
.bg-fb-blue{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 89 152 / var(--tw-bg-opacity)) !important;
}
.bg-form-text-dark-gray{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(71 71 72 / var(--tw-bg-opacity)) !important;
}
.bg-gray-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}
.bg-gray-300{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
}
.bg-gray-400{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important;
}
.bg-gray-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important;
}
.bg-gray-800{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
}
.bg-gray-900{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
}
.bg-green-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity)) !important;
}
.bg-green-300{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity)) !important;
}
.bg-highlight-pink{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 0 78 / var(--tw-bg-opacity)) !important;
}
.bg-indigo-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity)) !important;
}
.bg-purple-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity)) !important;
}
.bg-red-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity)) !important;
}
.bg-red-400{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity)) !important;
}
.bg-red-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important;
}
.bg-red-700{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity)) !important;
}
.bg-transparent{
  background-color: transparent !important;
}
.bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-white-transparent{
  background-color: rgba(255, 255, 255, 0.32) !important;
}
.bg-yellow-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity)) !important;
}
.bg-yellow-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity)) !important;
}
.bg-opacity-25{
  --tw-bg-opacity: 0.25 !important;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5 !important;
}
.bg-opacity-90{
  --tw-bg-opacity: 0.9 !important;
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops)) !important;
}
.from-black-transparent{
  --tw-gradient-from: #00000095 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-brand-pink{
  --tw-gradient-from: #fad1d2 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(250 209 210 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-brand-pink-background{
  --tw-gradient-to: #fffafa var(--tw-gradient-to-position) !important;
}
.to-brand-pink-lightest{
  --tw-gradient-to: #FEFAFA var(--tw-gradient-to-position) !important;
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position) !important;
}
.object-cover{
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-none{
  -o-object-fit: none !important;
     object-fit: none !important;
}
.object-center{
  -o-object-position: center !important;
     object-position: center !important;
}
.p-0{
  padding: 0px !important;
}
.p-1{
  padding: 0.25rem !important;
}
.p-2{
  padding: 0.5rem !important;
}
.p-3{
  padding: 0.75rem !important;
}
.p-4{
  padding: 1rem !important;
}
.p-5{
  padding: 1.25rem !important;
}
.p-6{
  padding: 1.5rem !important;
}
.px-1{
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-12{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-24{
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.pb-0{
  padding-bottom: 0px !important;
}
.pb-1{
  padding-bottom: 0.25rem !important;
}
.pb-10{
  padding-bottom: 2.5rem !important;
}
.pb-12{
  padding-bottom: 3rem !important;
}
.pb-16{
  padding-bottom: 4rem !important;
}
.pb-2{
  padding-bottom: 0.5rem !important;
}
.pb-24{
  padding-bottom: 6rem !important;
}
.pb-3{
  padding-bottom: 0.75rem !important;
}
.pb-4{
  padding-bottom: 1rem !important;
}
.pb-6{
  padding-bottom: 1.5rem !important;
}
.pb-8{
  padding-bottom: 2rem !important;
}
.pl-1{
  padding-left: 0.25rem !important;
}
.pl-2{
  padding-left: 0.5rem !important;
}
.pl-3{
  padding-left: 0.75rem !important;
}
.pl-4{
  padding-left: 1rem !important;
}
.pl-9{
  padding-left: 2.25rem !important;
}
.pr-0{
  padding-right: 0px !important;
}
.pr-10{
  padding-right: 2.5rem !important;
}
.pr-12{
  padding-right: 3rem !important;
}
.pr-2{
  padding-right: 0.5rem !important;
}
.pr-3{
  padding-right: 0.75rem !important;
}
.pr-4{
  padding-right: 1rem !important;
}
.pr-6{
  padding-right: 1.5rem !important;
}
.pr-7{
  padding-right: 1.75rem !important;
}
.pt-0{
  padding-top: 0px !important;
}
.pt-1{
  padding-top: 0.25rem !important;
}
.pt-12{
  padding-top: 3rem !important;
}
.pt-16{
  padding-top: 4rem !important;
}
.pt-2{
  padding-top: 0.5rem !important;
}
.pt-20{
  padding-top: 5rem !important;
}
.pt-3{
  padding-top: 0.75rem !important;
}
.pt-4{
  padding-top: 1rem !important;
}
.pt-5{
  padding-top: 1.25rem !important;
}
.pt-6{
  padding-top: 1.5rem !important;
}
.pt-8{
  padding-top: 2rem !important;
}
.text-left{
  text-align: left !important;
}
.text-center{
  text-align: center !important;
}
.text-right{
  text-align: right !important;
}
.align-middle{
  vertical-align: middle !important;
}
.align-bottom{
  vertical-align: bottom !important;
}
.text-2xl{
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.text-3xl{
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.text-4xl{
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-xl{
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.font-bold{
  font-weight: 700 !important;
}
.font-light{
  font-weight: 300 !important;
}
.font-medium{
  font-weight: 500 !important;
}
.font-normal{
  font-weight: 400 !important;
}
.font-semibold{
  font-weight: 600 !important;
}
.font-thin{
  font-weight: 100 !important;
}
.uppercase{
  text-transform: uppercase !important;
}
.normal-case{
  text-transform: none !important;
}
.leading-10{
  line-height: 2.5rem !important;
}
.leading-4{
  line-height: 1rem !important;
}
.leading-5{
  line-height: 1.25rem !important;
}
.leading-6{
  line-height: 1.5rem !important;
}
.leading-7{
  line-height: 1.75rem !important;
}
.leading-normal{
  line-height: 1.5 !important;
}
.leading-tight{
  line-height: 1.25 !important;
}
.tracking-normal{
  letter-spacing: 0em !important;
}
.tracking-tight{
  letter-spacing: -0.025em !important;
}
.tracking-wide{
  letter-spacing: 0.025em !important;
}
.text-black{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.text-brand-pink{
  --tw-text-opacity: 1 !important;
  color: rgb(250 209 210 / var(--tw-text-opacity)) !important;
}
.text-brand-pink-darker{
  --tw-text-opacity: 1 !important;
  color: rgb(255 204 210 / var(--tw-text-opacity)) !important;
}
.text-brand-pink-darkest{
  --tw-text-opacity: 1 !important;
  color: rgb(240 140 142 / var(--tw-text-opacity)) !important;
}
.text-darker-pink{
  --tw-text-opacity: 1 !important;
  color: rgb(240 140 142 / var(--tw-text-opacity)) !important;
}
.text-form-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(201 206 206 / var(--tw-text-opacity)) !important;
}
.text-form-text-dark-gray{
  --tw-text-opacity: 1 !important;
  color: rgb(71 71 72 / var(--tw-text-opacity)) !important;
}
.text-gray-400{
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}
.text-gray-500{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}
.text-gray-600{
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
}
.text-gray-700{
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}
.text-gray-800{
  --tw-text-opacity: 1 !important;
  color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
}
.text-gray-900{
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}
.text-green-500{
  --tw-text-opacity: 1 !important;
  color: rgb(34 197 94 / var(--tw-text-opacity)) !important;
}
.text-green-800{
  --tw-text-opacity: 1 !important;
  color: rgb(22 101 52 / var(--tw-text-opacity)) !important;
}
.text-highlight-pink{
  --tw-text-opacity: 1 !important;
  color: rgb(255 0 78 / var(--tw-text-opacity)) !important;
}
.text-indigo-600{
  --tw-text-opacity: 1 !important;
  color: rgb(79 70 229 / var(--tw-text-opacity)) !important;
}
.text-orange-star-rating{
  --tw-text-opacity: 1 !important;
  color: rgb(254 130 7 / var(--tw-text-opacity)) !important;
}
.text-purple-800{
  --tw-text-opacity: 1 !important;
  color: rgb(107 33 168 / var(--tw-text-opacity)) !important;
}
.text-red-500{
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
}
.text-red-600{
  --tw-text-opacity: 1 !important;
  color: rgb(220 38 38 / var(--tw-text-opacity)) !important;
}
.text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.underline{
  text-decoration-line: underline !important;
}
.line-through{
  text-decoration-line: line-through !important;
}
.no-underline{
  text-decoration-line: none !important;
}
.antialiased{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.placeholder-form-placeholder::-moz-placeholder{
  --tw-placeholder-opacity: 1 !important;
  color: rgb(201 206 206 / var(--tw-placeholder-opacity)) !important;
}
.placeholder-form-placeholder::placeholder{
  --tw-placeholder-opacity: 1 !important;
  color: rgb(201 206 206 / var(--tw-placeholder-opacity)) !important;
}
.accent-background-gray{
  accent-color: #fafafb !important;
}
.opacity-25{
  opacity: 0.25 !important;
}
.opacity-60{
  opacity: 0.6 !important;
}
.opacity-75{
  opacity: 0.75 !important;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-all{
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.duration-150{
  transition-duration: 150ms !important;
}
.duration-300{
  transition-duration: 300ms !important;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
[multiple], [type=date], [type=email], [type=month], [type=number], [type=password], [type=search], [type=text], [type=time], [type=url], [type=week], [type=checkbox], [type=radio], select, textarea, input {
  border: 1px solid rgb(229, 231, 235);
  border-radius: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

body {
  font-family: "SF Pro Text", Helvetica Neue, Helvetica, Arial, sans-serif;
}

legend {
  border: none;
  margin: 0;
}

.webkit-appearance-none {
  -webkit-appearance: none !important;
}

.bg-purple-gradient {
  background: linear-gradient(to right, #8084f2, #c078e1) !important;
}

@media (min-width: 768px) {
  .md\:linear-gradient-none {
    background-image: none !important;
  }
  .md\:w-full-250 {
    width: calc(100% - 250px) !important;
  }
}
@media (max-width: 640px) {
  .banner-image {
    max-height: 400px;
  }
  .banner-image-gradient {
    background: linear-gradient(180deg, rgba(255, 204, 210, 0) 50.13%, #ffccd2 100%);
  }
}
@media (min-width: 640px) {
  .banner-image {
    max-height: 500px;
  }
}
@media (min-width: 768px) {
  .banner-image {
    max-height: 600px;
  }
}
@media (min-width: 1024px) {
  .banner-image {
    max-height: 700px;
  }
}
@media (min-width: 1280px) {
  .banner-image {
    height: 100vh;
    max-height: 100vh;
  }
  @supports (-webkit-touch-callout: none){
    .banner-image{
      max-height: -webkit-fill-available;
    }
  }
  @supports (-webkit-touch-callout: none){
    .banner-image{
      height: -webkit-fill-available;
    }
  }
}
@supports (-webkit-touch-callout: none) {
  .h-screen {
    height: -webkit-fill-available !important;
    min-height: -webkit-fill-available !important;
    max-height: -webkit-fill-available !important;
  }
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 26px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.bg-placeholder {
  direction: ltr;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background-color: rgb(243, 244, 246);
}

.bg-placeholder, .bg-placeholder *,
.bg-placeholder ::after, .bg-placeholder ::before {
  box-sizing: border-box;
}

.bg-placeholder::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  animation: shimmerAnimation 0.8s linear infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
}

@keyframes shimmerAnimation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}
.base-timer {
  position: relative;
}

.base-timer__svg {
  transform: scaleX(1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 8px;
  stroke: rgba(0, 0, 0, 0.1450980392);
}

.base-timer__path-remaining {
  stroke-width: 6px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
  color: #F08C8E;
}

.base-timer__label {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

[x-bind=root] {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  display: flex;
  height: 100%;
  width: 100%;
  overflow: scroll;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media (prefers-reduced-motion) {
  [x-bind=root] {
    scroll-behavior: auto;
  }
}
[x-bind=root]::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

[x-bind=root][x-slide=up] {
  flex-direction: column;
}

[x-bind=root][x-slide=down] {
  flex-direction: column;
  flex-direction: column-reverse;
}

[x-bind=root][x-slide=right] {
  flex-direction: row-reverse;
}

[x-bind=spacer] {
  flex-shrink: 0;
  scroll-snap-align: start;
  overscroll-behavior: none;
}

[x-slide=up] [x-bind=spacer]:not(.custom), [x-slide=down] [x-bind=spacer]:not(.custom) {
  height: 101%;
  width: 100%;
}

[x-slide=left] [x-bind=spacer]:not(.custom), [x-slide=right] [x-bind=spacer]:not(.custom) {
  height: 100%;
  width: 101%;
}

[x-bind=view] {
  pointer-events: auto;
  z-index: 10;
  flex-shrink: 0;
  scroll-snap-align: start;
  -ms-overflow-style: initial;
  scrollbar-width: initial;
}

[x-bind=view]::-webkit-scrollbar {
  width: initial;
  height: initial;
  background: initial;
}

.hover\:cursor-pointer:hover{
  cursor: pointer !important;
}

.hover\:border:hover{
  border-width: 1px !important;
}

.hover\:border-2:hover{
  border-width: 2px !important;
}

.hover\:border-brand-pink-darker:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 204 210 / var(--tw-border-opacity)) !important;
}

.hover\:bg-black:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-brand-pink-darker:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 204 210 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-indigo-500:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-red-500:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important;
}

.hover\:text-black:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.hover\:text-brand-pink:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(250 209 210 / var(--tw-text-opacity)) !important;
}

.hover\:text-gray-500:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

.hover\:text-gray-900:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}

.hover\:text-white:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.hover\:underline:hover{
  text-decoration-line: underline !important;
}

.hover\:no-underline:hover{
  text-decoration-line: none !important;
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:border-blue-300:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(147 197 253 / var(--tw-border-opacity)) !important;
}

.focus\:border-focus-outline-pink:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 141 155 / var(--tw-border-opacity)) !important;
}

.focus\:border-indigo-700:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(67 56 202 / var(--tw-border-opacity)) !important;
}

.focus\:border-red-700:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(185 28 28 / var(--tw-border-opacity)) !important;
}

.focus\:bg-gray-200:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}

.focus\:underline:focus{
  text-decoration-line: underline !important;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus\:ring-4:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-gray-200:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)) !important;
}

.active\:bg-black:active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.active\:bg-gray-100:active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}

.active\:bg-gray-50:active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}

.active\:bg-indigo-700:active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity)) !important;
}

.active\:bg-red-700:active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity)) !important;
}

.active\:text-brand-pink:active{
  --tw-text-opacity: 1 !important;
  color: rgb(250 209 210 / var(--tw-text-opacity)) !important;
}

.active\:text-gray-800:active{
  --tw-text-opacity: 1 !important;
  color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5 !important;
}

.group:hover .group-hover\:text-gray-500{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

.group:hover .group-hover\:text-gray-700{
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}

.group:hover .group-hover\:text-gray-900{
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}

.group:focus .group-focus\:text-gray-600{
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
}

:is([dir="rtl"] .rtl\:text-right){
  text-align: right !important;
}

@media (prefers-color-scheme: dark){
  .dark\:border-gray-700{
    --tw-border-opacity: 1 !important;
    border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
  }
  .dark\:bg-gray-900{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
  }
  .dark\:text-gray-400{
    --tw-text-opacity: 1 !important;
    color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
  }
  .dark\:hover\:bg-gray-800:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
  }
  .dark\:focus\:ring-gray-800:focus{
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)) !important;
  }
}

@media (min-width: 640px){
  .sm\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }
  .sm\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }
  .sm\:ml-32{
    margin-left: 8rem !important;
  }
  .sm\:mr-32{
    margin-right: 8rem !important;
  }
  .sm\:mt-0{
    margin-top: 0px !important;
  }
  .sm\:mt-1{
    margin-top: 0.25rem !important;
  }
  .sm\:mt-8{
    margin-top: 2rem !important;
  }
  .sm\:block{
    display: block !important;
  }
  .sm\:w-1\/3{
    width: 33.333333% !important;
  }
  .sm\:w-full{
    width: 100% !important;
  }
  .sm\:max-w-lg{
    max-width: 32rem !important;
  }
  .sm\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .sm\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .sm\:flex-row{
    flex-direction: row !important;
  }
  .sm\:justify-between{
    justify-content: space-between !important;
  }
  .sm\:overflow-hidden{
    overflow: hidden !important;
  }
  .sm\:rounded-md{
    border-radius: 0.375rem !important;
  }
  .sm\:p-6{
    padding: 1.5rem !important;
  }
  .sm\:px-0{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .sm\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:py-32{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .sm\:pb-0{
    padding-bottom: 0px !important;
  }
  .sm\:pl-3{
    padding-left: 0.75rem !important;
  }
  .sm\:pt-3{
    padding-top: 0.75rem !important;
  }
  .sm\:align-middle{
    vertical-align: middle !important;
  }
  .sm\:text-6xl{
    font-size: 3.75rem !important;
    line-height: 1 !important;
  }
  .sm\:text-sm{
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .sm\:text-xs{
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .sm\:leading-5{
    line-height: 1.25rem !important;
  }
}

@media (min-width: 768px){
  .md\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }
  .md\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }
  .md\:m-8{
    margin: 2rem !important;
  }
  .md\:m-auto{
    margin: auto !important;
  }
  .md\:mb-8{
    margin-bottom: 2rem !important;
  }
  .md\:ml-4{
    margin-left: 1rem !important;
  }
  .md\:mt-0{
    margin-top: 0px !important;
  }
  .md\:mt-2{
    margin-top: 0.5rem !important;
  }
  .md\:mt-8{
    margin-top: 2rem !important;
  }
  .md\:line-clamp-none{
    overflow: visible !important;
    display: block !important;
    -webkit-box-orient: horizontal !important;
    -webkit-line-clamp: none !important;
  }
  .md\:block{
    display: block !important;
  }
  .md\:inline{
    display: inline !important;
  }
  .md\:flex{
    display: flex !important;
  }
  .md\:grid{
    display: grid !important;
  }
  .md\:hidden{
    display: none !important;
  }
  .md\:h-1\/2{
    height: 50% !important;
  }
  .md\:h-auto{
    height: auto !important;
  }
  .md\:h-screen{
    height: 100vh !important;
  }
  @supports (-webkit-touch-callout: none){
    .md\:h-screen{
      height: -webkit-fill-available;
    }
  }
  .md\:w-1\/2{
    width: 50% !important;
  }
  .md\:max-w-3xl{
    max-width: 48rem !important;
  }
  .md\:max-w-xl{
    max-width: 36rem !important;
  }
  .md\:cursor-default{
    cursor: default !important;
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .md\:items-center{
    align-items: center !important;
  }
  .md\:justify-between{
    justify-content: space-between !important;
  }
  .md\:gap-6{
    gap: 1.5rem !important;
  }
  .md\:rounded{
    border-radius: 0.25rem !important;
  }
  .md\:rounded-t{
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .md\:bg-brand-pink-background{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 250 250 / var(--tw-bg-opacity)) !important;
  }
  .md\:bg-gray-100{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
  }
  .md\:bg-gray-200{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
  }
  .md\:bg-white{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  }
  .md\:p-4{
    padding: 1rem !important;
  }
  .md\:px-12{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:pt-12{
    padding-top: 3rem !important;
  }
  .md\:pt-64{
    padding-top: 16rem !important;
  }
  .md\:pt-8{
    padding-top: 2rem !important;
  }
  .md\:text-center{
    text-align: center !important;
  }
  .md\:text-3xl{
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .md\:text-lg{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .md\:text-sm{
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .md\:text-gray-800{
    --tw-text-opacity: 1 !important;
    color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
  }
  .md\:shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
}

@media (min-width: 1024px){
  .lg\:col-span-7{
    grid-column: span 7 / span 7 !important;
  }
  .lg\:mt-0{
    margin-top: 0px !important;
  }
  .lg\:block{
    display: block !important;
  }
  .lg\:grid{
    display: grid !important;
  }
  .lg\:h-screen{
    height: 100vh !important;
  }
  @supports (-webkit-touch-callout: none){
    .lg\:h-screen{
      height: -webkit-fill-available;
    }
  }
  .lg\:w-1\/2{
    width: 50% !important;
  }
  .lg\:w-2\/3{
    width: 66.666667% !important;
  }
  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .lg\:gap-8{
    gap: 2rem !important;
  }
  .lg\:px-24{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .lg\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:py-40{
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .lg\:pt-32{
    padding-top: 8rem !important;
  }
  .lg\:pt-40{
    padding-top: 10rem !important;
  }
  .lg\:pt-8{
    padding-top: 2rem !important;
  }
  .lg\:text-4xl{
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .lg\:text-xl{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
}

@media (min-width: 1280px){
  .xl\:flex{
    display: flex !important;
  }
  .xl\:h-screen{
    height: 100vh !important;
  }
  @supports (-webkit-touch-callout: none){
    .xl\:h-screen{
      height: -webkit-fill-available;
    }
  }
  .xl\:w-auto{
    width: auto !important;
  }
}