@font-face {
  font-family: 'Trump';
  src: url("fonts/trumpgotwesbol-webfont.eot");
  /* IE9 Compat Modes */
  src: url("fonts/trumpgotwesbol-webfont.woff2") format("woff2"), url("fonts/trumpgotwesbol-webfont.woff") format("woff"), url("fonts/trumpgotwesbol-webfont.ttf") format("truetype");
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.clearfix {
  clear: both;
}

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #000000;
}

.light-heading {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
}

.bold-heading {
  font-family: "Trump", Helvetica, Arial, sans-serif;
}

.body-font {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

h1,
.h1 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 45px;
}

h2,
.h2 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 40px;
}

h3,
.h3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
}

h4,
.h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
}

.t-small {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
}

.t-upper {
  text-transform: uppercase;
}

.t-center {
  text-align: center;
}

.m-30 {
  margin: 30px 0;
}

.m-15 {
  margin: 15px 0;
}

html {
  font-size: 57.5%;
}
@media only screen and (min-width: 600px) {
  html {
    font-size: 62.5%;
  }
}

a {
  text-decoration: none;
}

a:focus {
  outline: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.container {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.column {
  width: 100%;
  padding: 0 15px;
}

.single-column {
  width: 100%;
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  .column {
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .column {
    width: 50%;
    padding: 0 30px;
    float: left;
  }

  .single-column {
    padding: 0 30px;
  }
}
.icon {
  background-image: url(../images/icons.png);
  background-size: 250px;
}

.noneLeft {
  text-align: center;
  margin: 60px 0;
  font-size: 20px;
}

.btn, .gb-submit {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  background: transparent;
  min-width: 200px;
  padding: 10px 15px;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 40px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
  text-transform: uppercase;
}
.btn:hover, .gb-submit:hover {
  background: #ffffff;
  color: #000000;
  cursor: pointer;
}
.btn:focus, .gb-submit:focus {
  outline: none;
}

.btn--white {
  color: #ffffff;
  border: 2px solid #ffffff;
}
.btn--white:hover {
  background: #ffffff;
  color: #cc3333;
  cursor: pointer;
}

.btn--orange, .gb-submit--orange {
  background: #f26522;
  color: #ffffff;
  border: 2px solid #f26522;
}
.btn--orange:hover, .gb-submit--orange:hover {
  background: #db5c1f;
  color: #ffffff;
  cursor: pointer;
}

.btn--red {
  background: transparent;
  color: #cc3333;
  border: 2px solid #cc3333;
}
.btn--red:hover {
  background: #cc3333;
  color: #ffffff;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .mobile-overlay {
    position: relative;
    z-index: 10000;
    padding: 1.25em;
    background: url("../images/gb-background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    background-attachment: fixed;
  }
  .mobile-overlay img {
    margin: 3.75em auto;
    max-width: 150px;
  }
  .mobile-overlay p {
    text-align: center;
  }
  .mobile-overlay .appStoreButton {
    display: block;
    background-position: 0 -50px;
    background-size: 300px;
    width: 153px;
    height: 55px;
    float: left;
    margin: 20px 20px 15px 0;
  }
  .mobile-overlay .playStoreButton {
    background-position: 0 -298px;
    background-size: 300px;
    width: 153px;
    height: 55px;
    float: left;
    margin: 20px 0 15px 0;
  }
}
.desktop-container {
  display: none;
}

@media only screen and (min-width: 768px) {
  .mobile-overlay {
    display: none;
  }

  .desktop-container {
    display: block;
  }
}
.ie-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #cc3333;
  z-index: 9999;
}
.ie-wrapper .gb-logo {
  width: 200px;
  height: auto;
  display: block;
  margin: 50px auto;
}

html.app {
  position: relative;
  background: url("../images/gb-background.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  background-attachment: fixed;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(999px);
            transform: translateY(999px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(999px);
            transform: translateY(999px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-999px);
            transform: translateY(-999px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-999px);
            transform: translateY(-999px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
html.app--responsive:before {
  display: none;
}

body.app {
  color: #ffffff;
  padding: 2.5em 0 0 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

body.w-header {
  padding: 6.25em 0 0 0;
}

.wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1.25em;
  opacity: 0;
  -webkit-transform: translateY(300px);
          transform: translateY(300px);
  transition: 300ms all;
}
.wrapper.animate {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.app-wrapper {
  max-width: 450px;
  margin: 1.25em auto;
}
.app-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.app-wrapper p {
  margin-bottom: 1.25em;
}

.btn-wrapper {
  margin: 1.25em 0;
  clear: both;
}

.link {
  color: #ffffff;
  cursor: pointer;
}
.link:hover {
  color: #f26522;
}

.about .gb-logo {
  height: 75px;
  width: 75px;
  margin: 0 auto 2.5em auto;
}

.about p {
  margin-bottom: 1.25em;
}
.about p:first-of-type {
  margin-top: 1.25em;
}

.hover {
  cursor: pointer;
}
.hover:hover {
  color: #f26522;
}

hr {
  border: 0;
  height: 1px;
  background: #ccc;
  background-image: linear-gradient(to right, #fff, #ccc, #fff);
}

.red {
  color: #cc3333;
}

.gb-icon {
  background: url("../images/gb-icons.png");
  background-repeat: no-repeat;
  background-size: 250px;
}

.gb-marker {
  background-position: -125px 0;
  display: inline-block;
  width: 12px;
  height: 18px;
  margin-right: 0.3125em;
}

.gb-camera {
  display: inline-block;
  background-position: -150px 0;
  width: 20px;
  height: 15px;
  margin: 0 0.3125em 0 0.625em;
}

.gb-thumbs-down,
.gb-thumbs-up {
  width: 32px;
  height: 36px;
  margin: 35px auto 0 auto;
}

.gb-thumbs-down {
  background-position: 0 -50px;
}

.gb-thumbs-up {
  background-position: -50px -50px;
}

.gb-info {
  background-position: -100px -56px;
  width: 9px;
  height: 19px;
  margin: 17.5px auto 0 auto;
}

.gb-add-photo {
  position: absolute;
  height: 103px;
  width: 97px;
  background-position: -150px 0;
  top: 23.5px;
  left: 26.5px;
  background-size: 500px;
}

.gb-gear--white {
  height: 26px;
  width: 26px;
  background-position: -175px -37px;
}

.list-item .gb-gear--white {
  height: 26px;
  width: 20px;
  background-position: -140px -29px;
  background-size: 200px;
  margin-left: 10px;
  margin-top: 9px;
}

.gb-camera--white {
  height: 26px;
  width: 30px;
  background-position: -210px 0;
}

.gb-people--white {
  height: 26px;
  width: 30px;
  background-position: -175px 0;
}

.gb-close--white {
  height: 16px;
  width: 16px;
  background-position: -125px -49px;
}

.gb-calendar {
  height: 20px;
  width: 20px;
  background-position: -125px -75px;
}

.gb-dumbbell {
  height: 20px;
  width: 20px;
  background-position: -175px -150px;
}

.gb-message {
  height: 20px;
  width: 21px;
  background-position: -100px -75px;
}

.gb-map {
  height: 20px;
  width: 14px;
  background-position: -150px -75px;
}

.gb-options {
  height: 20px;
  width: 6px;
  background-position: -150px -125px;
}

.gb-credit {
  background-position: -225px -25px;
  width: 21px;
  height: 15px;
}

.gb-lock {
  background-position: -225px -75px;
  width: 18px;
  height: 18px;
}

.gb-clock {
  display: inline-block;
  background-position: -225px -100px;
  width: 14px;
  height: 14px;
}

.gb-edit {
  background-position: -175px -123px;
  width: 17px;
  height: 19px;
  cursor: pointer;
}

.gb-plus {
  background-position: -198px -123px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.gb-eye {
  background-position: -125px -150px;
  width: 26px;
  height: 18px;
  cursor: pointer;
  margin-top: 9px;
  margin-left: 5px;
}

.gb-blocked {
  background-position: -150px -150px;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  margin-top: 8px;
  cursor: pointer;
}

.gb-circle-plus {
  display: inline-block;
  background-position: -200px -150px;
  width: 22px;
  height: 22px;
  margin: 0 0 -5px 5px;
}

/*.gb-calendar {
  background-position: -225px -50px;
  width: 18px;
  height: 18px;
}*/
.icon-list-item {
  cursor: pointer;
}

.icon-text {
  display: block;
  float: left;
  color: white;
  width: 100%;
}
.icon-text .gb-icon {
  margin-right: 1.25em;
}
.icon-text span {
  float: left;
}

input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  /* Browsers have different default form fonts */
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

/* Remove the stupid outer glow in Webkit */
input:focus {
  outline: 0;
}

/* Box Sizing Reset
-----------------------------------------------*/
/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
  box-sizing: border-box;
}

/* Text Inputs
-----------------------------------------------*/
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* Button Controls
-----------------------------------------------*/
input[type=checkbox],
input[type=radio] {
  width: 13px;
  height: 13px;
}

/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
  -webkit-appearance: textfield;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none;
}

/* Buttons
-----------------------------------------------*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  /* Fix IE7 display bug */
  overflow: visible;
  width: auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none;
}

/* Textarea
-----------------------------------------------*/
textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto;
}

/* Selects
-----------------------------------------------*/
select[multiple] {
  /* Move the label to the top */
  vertical-align: top;
}

.gb-form {
  max-width: 450px;
  margin: 1.25em auto;
  overflow: hidden;
}
.gb-form ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.gb-form :-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.gb-form ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.gb-form :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.gb-form .gb-logo {
  height: 150px;
  width: 150px;
  margin: 1.25em auto;
}

.gb-text-input {
  background: transparent;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  padding: 1.25em 0;
  color: #ffffff;
}
.gb-text-input:focus {
  border-color: #f26522;
}

.gb-select {
  cursor: pointer;
  height: 44px;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: url("../images/select-arrow.svg") 100%/4% no-repeat transparent;
}
.gb-select:focus {
  outline: none;
  border-color: #f26522;
}

.gb-date-labels {
  margin-top: 10px;
  overflow: auto;
}
.gb-date-labels span {
  width: 33.3333%;
  display: block;
  float: left;
  color: rgba(255, 255, 255, 0.7);
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-weight: 400;
}

.gb-date {
  height: 44px;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
}
.gb-date input {
  display: block;
  float: left;
  width: 33.3333%;
  margin-top: 15px;
  color: #ffffff;
}
.gb-date:focus {
  outline: none;
  border-color: #f26522;
}

.gb-text {
  padding: 1.25em;
  text-align: center;
}

.input-group label {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}

.input-half {
  width: 47.5%;
  float: left;
}
.input-half--first {
  margin-right: 5%;
}
.input-half .btn, .input-half .gb-submit {
  display: block;
  width: 100%;
}

.gb-circle {
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 150px;
  position: relative;
  margin: 1.25em auto;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.15);
}
.gb-circle .profileImg {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  top: 5px;
  right: 5px;
  position: absolute;
  background-size: cover;
}
.gb-circle input[type=file] {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.gb-form--np .gb-text-input {
  padding: 0 0 0.625em 0;
}

.gb-form--np .input-group {
  margin-bottom: 1.875em;
}

#facebook-login {
  background: #3B5998;
  background-image: url(../images/fb-logo.png);
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: center;
  width: 100%;
  height: 50px;
  border-radius: 50px;
  cursor: pointer;
}

.alt-sign-up {
  text-align: center;
  background: #ba2f2f;
  border: 1px solid #ffffff;
  border-radius: 10px;
  max-width: 450px;
  margin: 6.25em auto 0 auto;
}
.alt-sign-up .btn, .alt-sign-up .gb-submit {
  margin-top: 1.25em;
}

.maplink {
  text-align: center;
}
.maplink a {
  color: #ffffff;
  opacity: 0.8;
}

.stripe-btn {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 1px;
  background-image: linear-gradient(#28a0e5, #015e94);
  border: 0;
  padding: 1px;
  height: 32px;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  text-decoration: none !important;
  cursor: pointer;
}
.stripe-btn span {
  display: block;
  position: relative;
  padding: 0 12px 0 44px;
  height: 30px;
  background: #1275ff;
  background-image: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-radius: 3px;
}
.stripe-btn span:before {
  background-image: url("data:image/png;base64,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");
  content: '';
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px;
}

input:disabled {
  color: #ffffff;
}

#input-date,
#input-start {
  color: #ffffff;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  z-index: 9997;
  height: 76px;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translateY(-300px);
          transform: translateY(-300px);
  transition: 300ms all;
}
header.animate {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

header ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header__item {
  display: table-cell;
  cursor: pointer;
  vertical-align: middle;
}
.header__item:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.header__item .gb-message {
  color: #2d3237;
  font-size: 10px;
  font-size: 1rem;
}

.header__link {
  height: 75px;
  line-height: 75px;
  display: block;
  background: #912525;
  color: #ffffff;
}
.header__link:hover {
  background: #ffffff;
  color: #cc3333;
}
.header__link.active {
  background: #ffffff;
  color: #cc3333;
}

.header__item--logo {
  background: #ffffff;
}
.header__item--logo .gb-logo {
  margin: 0 auto;
  height: 75px;
  width: 75px;
}

.header__link--logout {
  background: #f26522;
}
.header__link--logout:hover {
  background: #ffffff;
  color: #cc3333;
}

@media only screen and (max-width: 1165px) {
  .small-title {
    display: none;
  }
}
.cards-container {
  margin: 5em auto;
  height: 500px;
  position: relative;
}
.cards-container .card-track {
  position: relative;
  overflow: hidden;
  height: 505px;
}
.cards-container .nousers {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 250px;
  font-size: 20px;
}

.card {
  position: absolute;
  display: block;
  width: 100%;
  cursor: pointer;
  top: 0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.card.sitLeft {
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}
.card.sitRight {
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
}
.card.hide {
  display: none;
}

.card__inner {
  display: block;
  background: #ffffff;
  max-width: 500px;
  height: 500px;
  border-radius: 15px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  position: relative;
  color: #858585;
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  transition: 600ms all;
}
.card__inner.animate {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@-webkit-keyframes cardScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes cardScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.card__image {
  position: relative;
  height: 375px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.card__image .decision__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}
.card__image .decision__overlay .thumb {
  background: url(../images/gb-icons.png);
  width: 64px;
  height: 72px;
  background-position: 0 -100px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.6);
  transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.6);
  transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.6), -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.6);
  -webkit-transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.6);
}
.card__image .decision__overlay.approve {
  opacity: 1;
}
.card__image .decision__overlay.approve .thumb {
  background-position: -100px -100px;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
}
.card__image .decision__overlay.disapprove {
  opacity: 1;
}
.card__image .decision__overlay.disapprove .thumb {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
}

.card__content {
  text-align: center;
  background: #ffffff;
  position: absolute;
  top: 375px;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all .3s ease-in-out;
}
.card__content.reveal {
  top: 0;
  overflow-y: scroll;
}

.card__content-header {
  height: 125px;
  padding: 1.25em;
}

.card__content-additional {
  padding: 1.25em;
  border-top: 1px solid #e6e6e6;
}

.card__content .h3 {
  margin-bottom: 0.3125em;
}

.card__image-grid {
  margin: 1.25em 0;
  overflow: hidden;
}

.card__image-grid .card__image {
  display: block;
  float: left;
  width: 23.125%;
  margin-right: 2.5%;
  height: 100px;
  border-radius: 0;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: all .3s ease-in-out;
  transition-delay: 0.3s;
}
.card__image-grid .card__image:nth-of-type(4n) {
  margin-right: 0;
}
.card__image-grid .card__image:nth-of-type(4n+1) {
  clear: left;
}
.card__image-grid .card__image:nth-of-type(n+5) {
  margin-top: 2.5%;
}

.card__content.reveal .card__image-grid .card__image {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.card__icon-list {
  position: absolute;
  bottom: 93px;
  left: 0;
  right: 0;
  text-align: center;
  transition: bottom 0.3s ease-in-out;
}
.card__icon-list a, .card__icon-list span {
  display: block;
}

.card__icon-item {
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  border: 3px solid rgba(255, 255, 255, 0.6);
}
.card__icon-item--calendar {
  background-color: #cc3333;
}
.card__icon-item--dumbbell {
  background-color: #f26522;
}
.card__icon-item--message {
  background-color: #2d3237;
}
.card__icon-item--map {
  background-color: #f26522;
}

.card__icon-item .gb-calendar,
.card__icon-item .gb-dumbbell,
.card__icon-item .gb-message,
.card__icon-item .gb-map {
  margin: 12px auto 0 auto;
}

.card__content.reveal .card__icon-list {
  bottom: 20px;
}

.card-controls {
  text-align: center;
  margin: 2.5em auto;
}

.card-controls__btn {
  font-size: 10px;
  font-size: 1rem;
  background: #ffffff;
  display: inline-block;
  border: 5px solid #cc3333;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
}
.card-controls__btn[disabled] {
  opacity: 0.2;
  cursor: not-allowed;
}

.card-control--small {
  height: 75px;
  width: 75px;
  border-radius: 75px;
}

.card-control--large {
  height: 135px;
  width: 135px;
  border-radius: 135px;
}

.cards-container .prev-card, .cards-container .next-card {
  display: inline-block;
  height: 36px;
  width: 19px;
  position: absolute;
  top: calc(50% - 31px);
  cursor: pointer;
  background-position: 0px -52px;
  background-size: 500px;
}
.cards-container .prev-card:focus, .cards-container .next-card:focus {
  outline: none;
}
.cards-container .prev-card:disabled, .cards-container .next-card:disabled {
  opacity: 0.4;
}
.cards-container .prev-card {
  left: -25px;
}
.cards-container .next-card {
  right: -25px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.cards--pt .card__content-header,
.cards--gym .card__content-header {
  padding-top: 1.875em;
}

.cards--pt .card-controls__btn {
  position: relative;
}

.cards--pt .gb-prev-icon,
.cards--pt .gb-next-icon,
.cards--gym .gb-prev-icon,
.cards--gym .gb-next-icon {
  height: 31px;
  width: 19px;
  display: block;
  margin: 30px auto 10px auto;
}

.cards--pt .gb-prev-icon,
.cards--gym .gb-prev-icon {
  background-position: -175px -75px;
}

.cards--pt .gb-next-icon,
.cards--gym .gb-next-icon {
  background-position: -200px -75px;
}

.loading {
  background: #ffffff;
  height: 106px;
  width: 106px;
  border: 2px solid #cc3333;
  border-radius: 106px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: calc(50% - 66px);
  top: calc(50% - 66px);
  z-index: 10000;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.loading img {
  margin: 17px 0 0 17px;
}

.loading.active {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.outer-wrapper {
  transition: all 0.3s ease-in-out;
}
.outer-wrapper.reveal {
  -webkit-transform: translateX(-400px);
          transform: translateX(-400px);
}

.header__item .gb-message {
  display: block;
  margin: 0 auto;
}

.header__item--messages {
  background-color: #2d3237;
}
.header__item--messages:hover {
  background-color: #000000;
}

.messages {
  position: fixed;
  width: 400px;
  background: #2d3237;
  background: rgba(45, 50, 55, 0.9);
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  -webkit-transform: translateX(800px);
          transform: translateX(800px);
  transition: all 0.3s ease-in-out;
  z-index: 9999;
}
.messages.reveal {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.gb-close-wrapper {
  display: block;
  float: right;
  height: 44px;
  width: 44px;
  cursor: pointer;
}
.gb-close-wrapper:hover .gb-close--white {
  background-position: -150px -49px;
}

.messages .gb-close--white {
  display: block;
  margin: 10px auto;
}

.message-list {
  clear: both;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.message-item {
  padding: 1.25em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
  position: relative;
}
.message-item:hover {
  background: #2d3237;
}
.message-item .profile-img {
  margin: 0 1.25em 0 0;
}

.message-item .unread {
  position: absolute;
  top: calc(50% - 10px);
  right: 1.25em;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #ffffff;
  color: #2d3237;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  font-size: 1rem;
}

.message-length {
  max-width: 261px;
  overflow: hidden;
}

.message-panel {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.message-panel .profile-img {
  margin: 0 0.625em 0 0;
}

.message-panel_header {
  background: #2d3237;
  color: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.message-panel_header .gb-options {
  display: block;
  margin-top: 10px;
  cursor: pointer;
}

.message-panel_list {
  text-align: center;
  padding: 0.625em 1.25em;
}

.message-panel_item {
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
}
.message-panel_item--right {
  float: right;
  position: relative;
}

.message {
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
}

.message span {
  color: #2d3237;
  display: inline-block;
  padding: 0.625em;
  border-radius: 10px;
  background: #e6e6e6;
  color: #2d3237;
  margin: 1.25em 1.25em 0 1.25em;
  max-width: 250px;
}

.message.right span {
  float: right;
  text-align: margin-left;
  background: #007aff;
  color: #ffffff;
  cursor: pointer;
}

.message-form {
  background: #f6f6f6;
  border-top: 1px solid #e6e6e6;
  margin-top: 1.25em;
  padding: 0.625em 1.25em;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.message-text {
  width: 80%;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.625em 1.25em;
}
.message-text:focus {
  outline: none;
  border-color: #ccc;
}

.message-send {
  text-align: center;
  padding: 0.625em 1.6875em;
  color: #666;
  cursor: pointer;
}
.message-send:focus {
  outline: none;
}

.options-menu.open {
  display: block;
}

.options-menu {
  display: none;
  position: absolute;
  top: 50px;
  left: -66px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  color: #2d3237;
  border-radius: 10px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
.options-menu:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}

.options-menu .menu-item {
  padding: 1.25em;
  cursor: pointer;
  display: block;
  color: #2d3237;
}
.options-menu .menu-item:hover {
  background: #f6f6f6;
}
.options-menu .menu-item:first-child {
  border-bottom: 1px solid #e6e6e6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.options-menu .menu-item:nth-child(2) {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.profile__image {
  width: 150px;
  height: 150px;
  border-radius: 150px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid #cc3333;
}

.profile-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.profile-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  height: 75px;
  width: 75px;
  border-radius: 75px;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.profile-tab:not(:last-child) {
  margin-right: 1.25em;
}
.profile-tab.active {
  background: #cc3333;
  border: 2px solid #f26522;
}

.profile-slide__image {
  width: calc(50% - 20px);
  margin: 10px;
  display: block;
  float: left;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.profile-slide__image:before {
  content: '';
  float: left;
  padding-bottom: 75%;
}
.profile-slide__image:after {
  content: '';
  display: table;
  clear: both;
}

.profile-slide__image-options {
  position: absolute;
  bottom: -44px;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  color: #000;
  border: 1px solid #ffffff;
  background: #ffffff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.profile-slide__image-options:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}

.profile-slide__image-options p {
  height: 44px;
  margin: 0;
  line-height: 44px;
  vertical-align: middle;
  padding: 0 1.25em;
}
.profile-slide__image-options p:first-of-type {
  border-bottom: 1px solid #999999;
}

.profile-slide__image-options.btn-off {
  opacity: 0;
  display: none;
}

.profile-slide__image-options.btn-on {
  opacity: 1;
  display: block;
}

.upload-image-btn {
  position: relative;
}
.upload-image-btn #image-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.profile-buddies_list {
  background: #ffffff;
}

.profile-buddies_item {
  width: 100%;
  overflow: hidden;
  display: block;
  color: #2d3237;
  padding: 1.25em;
  cursor: pointer;
}
.profile-buddies_item:not(:last-child) {
  border-bottom: 1px solid #858585;
}
.profile-buddies_item div, .profile-buddies_item span {
  display: block;
  float: left;
}
.profile-buddies_item .profile-img {
  margin: 0;
}
.profile-buddies_item span {
  line-height: 40px;
  margin-left: 1.25em;
}

.user-profile {
  background: #ffffff;
  color: #2d3237;
  border-radius: 10px;
}
.user-profile--class {
  margin-top: 1.875em;
  padding-bottom: 1.875em;
}

.user-profile ul {
  clear: both;
}

.user-profile li {
  display: block;
  width: 100%;
  padding: 0.625em 1.25em;
}
.user-profile li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}

.user-profile .slick-list {
  height: 400px;
}

.user-images .profile-img {
  height: 400px;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 0;
  margin: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.user-profile_attending-list {
  overflow: hidden;
  margin: 1.25em 0 2.5em 0;
}

.user-profile_attending-list li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #e6e6e6;
}
.user-profile_attending-list li:nth-child(odd) {
  border-right: 1px solid #e6e6e6;
}
.user-profile_attending-list li:last-child {
  border-bottom: none;
}
.user-profile_attending-list li:nth-last-child(2):nth-child(odd) {
  border-bottom: none;
}
.user-profile_attending-list li .profile-img {
  margin: 0 5px;
}
.user-profile_attending-list li span {
  margin-top: 10px;
  display: inline-block;
}

#map-page {
  text-align: center;
}
#map-page #map {
  width: 100%;
  height: 600px;
  border-radius: 10px;
  margin-bottom: 30px;
}
#map-page .text {
  margin-bottom: 30px;
}

.calendar {
  margin-top: 1.25em;
}

.cal-controls {
  padding: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.cal-select {
  text-align: center;
}

.cal-select select {
  background: none;
  background-image: url(../images/dropdown-arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px auto;
  padding-right: 20px;
  color: #ffffff;
  border: none;
  -webkit-appearance: none;
}
.cal-select select:focus {
  outline: none;
}

.cal-select-month {
  margin-right: 2.5em;
}

.cal-button {
  display: none;
}

.cal-table {
  overflow: hidden;
  height: 310px;
}
.cal-table table {
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.cal-table thead {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  opacity: 0.7;
}
.cal-table th, .cal-table td {
  padding: 10px 0;
  width: 14.285714286%;
}
.cal-table td {
  position: relative;
  font-size: 15px;
}
.cal-table td.hasClass .highlighter {
  position: absolute;
  background: none;
  width: 31px;
  height: 31px;
  border: 1px solid #ffffff;
  border-radius: 100%;
  top: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.cal-table td.active {
  color: #cc3333;
}
.cal-table td.active .highlighter {
  position: absolute;
  background: #ffffff;
  width: 31px;
  height: 31px;
  border: 1px solid #ffffff;
  border-radius: 100%;
  top: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

#classes-list {
  background: #ffffff;
  margin-bottom: 3.125em;
}
#classes-list p.total-classes,
#classes-list p.no-classes,
#classes-list p.time {
  margin-bottom: 0;
}
#classes-list .offers {
  padding: 15px 30px;
  color: #ffffff;
  background: #f26522;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
}

.no-classes {
  text-align: center;
  margin: 30px 0;
  font-size: 14px;
  color: #2d3237;
}

.total-classes {
  background: #c6cbd0;
  padding: 3px 20px;
  color: #858585;
  text-transform: uppercase;
  font-size: 10px;
}
.total-classes .red {
  color: #cc3333;
}

.list-item {
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.list-item.blocked, .list-item.booked {
  background: #e6e6e6;
}
.list-item .cart {
  display: inline-block;
  background: #cc3333;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 90px;
  border-radius: 100%;
}
.list-item .cart .gb-icon {
  display: block;
  background-position: -100px -150px;
  width: 20px;
  height: 18px;
  margin: 12px 0 0 10px;
}

.checkout-link {
  text-align: center;
  cursor: pointer;
}
.checkout-link .gb-icon {
  display: inline-block;
  background-position: -100px -150px;
  width: 20px;
  height: 18px;
  margin-bottom: -3px;
  margin-right: 3px;
}
.checkout-link:hover {
  text-decoration: underline;
}

.list-item_additional {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 72px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 451px;
  right: 0;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.list-item_additional.active {
  left: 0;
}
.list-item_additional-item {
  display: table-cell;
  padding: 0.625em;
  background: #2d3237;
}
.list-item_additional-item:hover {
  background: #1d1d26;
}
.list-item_additional-item:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.time {
  width: 50px;
  float: left;
  font-size: 20px;
  text-align: center;
  color: #2d3237;
}
.time span {
  display: block;
  font-size: 12px;
  color: #2d3237;
  margin-top: 3px;
}

.profile-img {
  background-color: #f1f2ec;
  background-size: cover;
  border-radius: 100%;
  margin: 0 20px;
  width: 40px;
  height: 40px;
  float: left;
}

.slotOptions-wrapper .profile-img {
  float: right;
}

.title {
  float: left;
  width: calc(100% - 130px);
  font-size: 18px;
  color: #2d3237;
}

.trainer {
  display: block;
  color: #2d3237;
  font-size: 12px;
  margin-top: 3px;
}

.icon-list {
  width: 150px;
  margin: 20px auto 0;
  overflow: auto;
}

.icon-list-item {
  display: block;
  margin: 15px 0;
  overflow: auto;
}
.icon-list-item .gb-icon {
  display: block;
}

.list-item--schedule .title {
  line-height: 0;
  padding-left: 15px;
}

.slotOptions {
  margin: 0 20px;
  border-radius: 40px;
  height: 40px;
  width: 40px;
  background: #cc3333;
  float: right;
  position: relative;
}
.slotOptions:hover {
  background: #ba2f2f;
}

.slotOptions.dark {
  background: #2d3237;
}

.slotOptions .gb-plus {
  margin: 10px 0 0 10px;
}

.slotOptions .gb-close--white {
  margin: 12px 0 0 12px;
}

.slotOptions .paid {
  height: 40px;
  width: 40px;
  background: #2d3237;
  line-height: 40px;
  text-align: center;
  border-radius: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 12px;
}

.gb-overlay .close-btn {
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}

.class-popup {
  background: #ffffff;
  color: #2d3237;
  border-radius: 10px;
}

.class-popup_wrapper {
  transition: 0.3s all;
}

.paymentsOpen .class-popup_wrapper {
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100vw, 0, 0);
}

.class-image {
  height: 200px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.class-content {
  padding: 0.625em;
}

.class-content .h2 {
  margin-bottom: 0.3125em;
}

.class-content .dot {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #cc3333;
  background: rgba(204, 51, 51, 0.6);
  margin-right: 3px;
  border-radius: 10px;
}

.dots-1 .dot:nth-child(-n+1) {
  background: #cc3333;
}

.dots-2 .dot:nth-child(-n+2) {
  background: #cc3333;
}

.dots-3 .dot:nth-child(-n+3) {
  background: #cc3333;
}

.dots-4 .dot:nth-child(-n+4) {
  background: #cc3333;
}

.dots-5 .dot:nth-child(-n+5) {
  background: #cc3333;
}

.course-classes h4 {
  padding: 0.625em;
  font-size: 18px;
}
.course-classes p {
  padding: 0.625em;
}
.course-classes p span {
  padding: 5px;
  border: 1px solid #eee;
  border-radius: 4px;
  margin-right: 5px;
}
.course-classes .profile-img {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin: -7px 10px 0 0;
}

.book-place {
  text-align: center;
  margin: 1.25em auto;
}
.book-place .btn--red {
  background: #cc3333;
  color: #ffffff;
}
.book-place .btn--red:hover {
  background: #7a1f1f;
}

.not-available {
  text-align: center;
  margin: 1.25em auto;
}
.not-available .btn--orange, .not-available .gb-submit--orange {
  background: #f26522;
  color: #ffffff;
}
.not-available .btn--orange:hover, .not-available .gb-submit--orange:hover {
  background: #f26522;
  color: #ffffff;
}

.attending-btn {
  text-align: center;
  margin: 1.25em auto;
}
.attending-btn .btn.btn--green, .attending-btn .btn--green.gb-submit {
  background: #5ed294;
  border: 1px solid #5ed294;
  color: #ffffff;
}
.attending-btn .btn.btn--green:hover, .attending-btn .btn--green.gb-submit:hover {
  background: #5ed294;
  border: 1px solid #5ed294;
  color: #ffffff;
}

.hourly-rate {
  margin-top: 1.875em;
}

.schedule-days {
  border: 1px solid #cccccc;
  margin: 1.875em 0;
}

.schedule-day {
  background: #ffffff;
  display: block;
  overflow: hidden;
  padding: 0.625em;
  cursor: pointer;
}
.schedule-day:not(:last-of-type) {
  border-bottom: 1px solid #cccccc;
}
.schedule-day:hover {
  background: #ccc;
}

.schedule-day-icon {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  background: #ccc;
  float: left;
  text-align: center;
  line-height: 40px;
  margin-right: 0.625em;
}

.schedule-day:hover .schedule-day-icon {
  background: #666;
}

.schedule-day-info {
  color: #2d3237;
}

.schedule-day-off {
  display: block;
}

.schedule-day-popup {
  position: relative;
  background: #ffffff;
  border-radius: 10px;
  color: #2d3237;
  padding-top: 3.75em;
}

.schedule-day-icon--white {
  font-size: 30px;
  font-size: 3rem;
  position: absolute;
  height: 50px;
  width: 100px;
  border-radius: 100px 100px 0 0;
  top: 0;
  left: calc(50% - 50px);
  background: #e6e6e6;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.schedule-day-icon--white:before {
  content: attr(data-day);
  background: #ffffff;
  display: block;
  position: absolute;
  height: 80px;
  width: 80px;
  border-radius: 80px;
  line-height: 80px;
  left: 10px;
  top: 10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.schedule-day-group {
  display: block;
  width: 100%;
  padding: 1.25em;
  color: #ffffff;
}
.schedule-day-group--orange {
  background: #f26522;
}
.schedule-day-group--black {
  background: #2d3237;
}
.schedule-day-group--red {
  background: #cc3333;
}
.schedule-day-group select {
  margin-left: 1.25em;
  color: #ffffff;
}

.schedule-day_cta {
  overflow: hidden;
}

.schedule-day_cta button {
  padding: 1.25em;
  width: 50%;
  float: left;
  cursor: pointer;
}
.schedule-day_cta button:hover {
  background: #e6e6e6;
}
.schedule-day_cta button:focus {
  outline: 0;
}

.schedule-day_cta .save {
  border-right: 1px solid #e6e6e6;
  border-bottom-left-radius: 10px;
}

.schedule-day_cta .cancel {
  border-bottom-right-radius: 10px;
}

.bookings {
  background: #ffffff;
  color: #2d3237;
}

.bookings p {
  margin: 0;
}

.bookings .text {
  clear: both;
  float: left;
  width: auto;
}

.bookings .time {
  float: right;
  width: auto;
  text-align: left;
}
.bookings .time p {
  line-height: 42px;
}

.bookings .slotOptions {
  margin-right: 0;
}

.bookings .list-item_additional {
  color: #ffffff;
}

.payment {
  background: #ffffff;
  color: #2d3237;
  border-radius: 10px;
}

.payment .gb-form ::-webkit-input-placeholder {
  color: #2d3237;
}
.payment .gb-form :-moz-placeholder {
  color: #2d3237;
}
.payment .gb-form ::-moz-placeholder {
  color: #2d3237;
}
.payment .gb-form :-ms-input-placeholder {
  color: #2d3237;
}

.payment .gb-text-input {
  color: #2d3237;
}

.payment-form {
  background: #ffffff;
  margin: auto;
  width: 450px;
  padding: 20px 30px;
  border-radius: 8px;
  text-align: center;
  color: #2d3237;
}
.payment-form .btn--red {
  background: #cc3333;
  color: #ffffff;
}
.payment-form .btn--red:hover {
  background: #7a1f1f;
}
.payment-form .input-group,
.payment-form .input-half {
  position: relative;
  border-bottom: 1px solid #dedee0;
  text-align: left;
  margin-bottom: 1.875em;
}
.payment-form .input-group .cardexp,
.payment-form .input-half .cardexp {
  width: 50px;
}
.payment-form .input-group .gb-icon,
.payment-form .input-half .gb-icon {
  position: absolute;
  top: -2px;
  right: 0;
}
.payment-form input {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}
.payment-form .item-checkbox {
  border: none;
  padding-left: 25px;
  color: #777;
}
.payment-form .item-checkbox .checkbox {
  padding: 7px 0;
  left: 0px;
}
.payment-form .item-checkbox .checkbox input:checked:before, .payment-form .item-checkbox .checkbox input:checked + .checkbox-icon:before {
  background: #cc3333;
  border-color: #cc3333;
}

.cart .app-wrapper {
  background: #ffffff;
  color: #2d3237;
  border-radius: 10px;
  padding: 30px;
}
.cart h3 {
  color: #cc3333;
  margin-bottom: 10px;
}
.cart .sessions {
  margin-bottom: 15px;
}
.cart .delete.gb-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: 5px;
  background-position: -148px -48px;
  margin-bottom: -4px;
}

.gb-overlay {
  background: rgba(29, 5, 5, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all;
  overflow-x: scroll;
}
.gb-overlay.open {
  z-index: 9998;
  visibility: visible;
  opacity: 1;
}
.gb-overlay .red {
  color: #cc3333;
}
.gb-overlay .close {
  float: right;
  margin: 1.25em;
}

.gb-overlay .app-wrapper {
  padding-top: 12.5em;
  overflow: scroll;
}

.gb-overlay .buddies .profile-img {
  margin: 2.5em 1.25em;
  width: 120px;
  height: 120px;
  float: none;
  display: inline-block;
  border: 3px solid #f26522;
}

.gb-overlay .buddies .orange {
  color: #f26522;
}

.badge-list {
  margin: 0 auto;
  padding: 0 15px;
}

.badge-item {
  background-repeat: none;
  background-size: cover;
  width: 120px;
  height: 120px;
  display: inline-block;
  margin: 15px 10px 15px 0;
  cursor: pointer;
  position: relative;
}

.badge--1 {
  background-image: url(../images/badge-1.png);
}

.badge--2 {
  background-image: url(../images/badge-2.png);
}

.badge--3 {
  background-image: url(../images/badge-3.png);
  margin-right: 0;
}

.badge--4 {
  background-image: url(../images/badge-4.png);
}

.badge--5 {
  background-image: url(../images/badge-5.png);
}

.badge-share {
  position: absolute;
  bottom: -120px;
  left: 0;
  right: 0;
  opacity: 0;
  border: 1px solid #ffffff;
  max-width: 450px;
  margin: 0 auto;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.4);
  transition: all 0.3s ease-in-out;
}

.badge-share.active {
  opacity: 1;
  bottom: 3.75em;
}

.badge-share_option {
  display: block;
  padding: 1.25em;
  cursor: pointer;
}
.badge-share_option:first-of-type {
  border-bottom: 1px solid #fff;
}

.gb-overlay_image {
  max-width: 550px;
  margin: 100px auto;
}

.date-time-window {
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 165px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.4);
  -webkit-transform: scale(0.4);
  transition: 0.3s opacity, 0.3s -webkit-transform;
  transition: 0.3s opacity, 0.3s transform;
  transition: 0.3s opacity, 0.3s transform, 0.3s -webkit-transform;
  -webkit-transition: 0.3s opacity, 0.3s transform;
}
.date-time-window.open {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.date-time-window .input-group {
  margin: 15px 0;
  text-align: center;
}
.date-time-window .input-group label {
  color: #cc3333;
  margin-right: 5px;
}
.date-time-window .input-group input {
  color: #000000;
}
.date-time-window .btn, .date-time-window .gb-submit {
  min-width: 120px;
}
.date-time-window .arrow {
  background: #ffffff;
  position: absolute;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 70px;
  left: -10px;
}

.course-classes label {
  font-size: 14px;
}

.newCourse .gb-close--white {
  float: right;
  cursor: pointer;
}
.newCourse .date-inserts {
  margin-top: 15px;
}
.newCourse .date-inserts span {
  border: 1px solid #f1f2ec;
  padding: 5px;
  margin-right: 5px;
  border-radius: 4px;
  font-size: 14px;
  opacity: 0.8;
}

#offers-settings .myoffers {
  position: relative;
}
#offers-settings .myoffers p {
  margin-top: 15px;
  margin-bottom: 0px;
  opacity: 0.8;
}
#offers-settings .myoffers .delete.gb-icon {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-position: -125px -50px;
  top: 0px;
  right: 0px;
}
#offers-settings fieldset {
  margin-top: 10px;
}
#offers-settings hr {
  opacity: 0.5;
  margin: 30px 0;
}

/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(29, 5, 5, 0.8);
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 9px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 10px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
  position: absolute;
  top: -20px;
  right: 40px;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.sweet-overlay {
  background: rgba(29, 5, 5, 0.8);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}

.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  transition: padding 0.15s, max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  transition: padding 0.25s, max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}

.sweet-alert .sa-error-container p {
  display: inline-block;
}

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  transition: all 0.1s;
}

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}

.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}

.sweet-alert button {
  background-color: #8CD4F5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.sweet-alert button:hover {
  background-color: #7ecff4;
}

.sweet-alert button:active {
  background-color: #5dc2f1;
}

.sweet-alert button.cancel {
  background-color: #C1C1C1;
}

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9;
}

.sweet-alert button.cancel:active {
  background-color: #a8a8a8;
}

.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}

.sweet-alert button[disabled] {
  opacity: .6;
  cursor: default;
}

.sweet-alert button.confirm[disabled] {
  color: transparent;
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.sweet-alert button::-moz-focus-inner {
  border: 0;
}

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px;
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
  border-color: #F27474;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86;
}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
          animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
          animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
          animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
          animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
          animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
          animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
          animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
          animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
          animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
          animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
          animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
          animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes animateXMark {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
          animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
          animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
          animation: pulseWarningIns 0.75s infinite alternate;
}

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
}

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}

.la-ball-fall.la-dark {
  color: #333;
}

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

.la-ball-fall {
  width: 54px;
  height: 18px;
}

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
          animation: ball-fall 1s ease-in-out infinite;
}

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
          animation-delay: -200ms;
}

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
          animation-delay: -100ms;
}

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
            transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
            transform: translateY(145%);
  }
}
@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
            transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
            transform: translateY(145%);
  }
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ba2f2f inset;
  -webkit-text-fill-color: white;
  margin-bottom: 1.25em;
}