/* Minification failed. Returning unminified contents.
(8985,33): run-time error CSS1063: Expected calculation unit, found '~'
(8985,33): run-time error CSS1064: Expected calculation product, found '~'
(8985,33): run-time error CSS1065: Expected calculation sum, found '~'
(8985,33): run-time error CSS1034: Expected closing parenthesis, found '~'
(8985,33): run-time error CSS1042: Expected function, found '~'
(8985,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '~'
(9028,48): run-time error CSS1039: Token not allowed after unary operator: '-color-text-neutral-inverse'
(9029,100): run-time error CSS1039: Token not allowed after unary operator: '-color-bkg-neutral-pressed'
(9199,39): run-time error CSS1039: Token not allowed after unary operator: '-color-text-blue-default'
(50566,1): run-time error CSS1019: Unexpected token, found '}'
(50827,18): run-time error CSS1039: Token not allowed after unary operator: '-global-sizing-48'
(50947,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-blue-default'
(50998,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-neutral-inverse'
(51035,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-neutral-inverse'
(51058,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-neutral-inverse'
(51064,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-neutral-inverse'
(51067,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-neutral-inverse'
(51070,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-blue-strong'
(51071,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bkg-blue-hover'
(51136,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-neutral-inverse'
(51173,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-neutral-inverse'
(51194,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-neutral-inverse'
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
/**
 * Remove default margin.
 */
body { margin: 0; }
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; }
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) { display: none; height: 0; }
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template { display: none; }
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a { background-color: transparent; }
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover { outline: 0; }
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong { font-weight: bold; }
/**
 * Address styling not present in Safari and Chrome.
 */
dfn { font-style: italic; }
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 { font-size: 2em; margin: 0.67em 0; }
/**
 * Address styling not present in IE 8/9.
 */
mark { background: #ff0; color: #000; }
/**
 * Address inconsistent and variable font size in all browsers.
 */
small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img { border: 0; }
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) { overflow: hidden; }
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure { margin: 1em 40px; }
/**
 * Address differences between Firefox and other browsers.
 */
hr { box-sizing: content-box; height: 0; }
/**
 * Contain overflow in all browsers.
 */
pre { overflow: auto; }
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em; }
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button { overflow: visible; }
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select { text-transform: none; }
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
 *    specificity and defer to the .w-button selector
 */
button,
html input[type="button"],
input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] { cursor: default; }
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input { line-height: normal; }
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/**
 * Define consistent border, margin, and padding.
 */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea { overflow: auto; }
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup { font-weight: bold; }
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table { border-collapse: collapse; border-spacing: 0; }
td,
th { padding: 0; }
[class^="w-icon-"],
[class*=" w-icon-"] {
  font-family: 'webflow-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.w-icon-slider-right:before {
  content: "\e600";
}
.w-icon-slider-left:before {
  content: "\e601";
}
.w-icon-nav-menu:before {
  content: "\e602";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: "\e603";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  /*font-family: Arial, sans-serif;*/
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
html.w-mod-touch * {
  background-attachment: scroll !important;
}
.w-block {
  display: block;
}
.w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  display: table;
}
.w-clearfix:after {
  clear: both;
}
.w-preserve-3d {
  transform-style: preserve-3d;
}
.w-hidden {
  display: none;
}
.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
input.w-button {
  -webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important;
}
.w-webflow-badge,
.w-webflow-badge * {
  position: static;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  visibility: visible;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  float: none;
  clear: none;
  border: 0 none transparent;
  border-radius: 0;
  background: none;
  background-image: none;
  background-position: 0% 0%;
  background-size: auto auto;
  background-repeat: repeat;
  background-origin: padding-box;
  background-clip: border-box;
  background-attachment: scroll;
  background-color: transparent;
  box-shadow: none;
  opacity: 1.0;
  transform: none;
  transition: none;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  list-style-type: disc;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}
.w-webflow-badge {
  position: fixed !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  top: auto !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  color: #AAADB0 !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  padding: 6px 8px 6px 6px !important;
  font-size: 12px !important;
  opacity: 1.0 !important;
  line-height: 14px !important;
  text-decoration: none !important;
  transform: none !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  white-space: nowrap;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.w-webflow-badge > img {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
a:focus {
  outline: 0;
}
blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin: 0;
  margin-bottom: 10px;
}
figcaption {
  margin-top: 5px;
  text-align: center;
}
ul,
ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}
.w-embed:before,
.w-embed:after {
  content: " ";
  display: table;
}
.w-embed:after {
  clear: both;
}
.w-video {
  width: 100%;
  position: relative;
  padding: 0;
}
.w-video iframe,
.w-video object,
.w-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
.w-form {
  margin: 0 0 15px;
}
.w-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
.w-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.w-input,
.w-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
  color: #999;
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder {
  color: #999;
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
  color: #999;
}
.w-input:focus,
.w-select:focus {
  border-color: #3898EC;
  outline: 0;
}
.w-input[disabled],
.w-select[disabled],
/*.w-input[readonly],
.w-select[readonly],*/
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.w-input,
textarea.w-select {
  height: auto;
}
.w-select {
  background-image: -webkit-linear-gradient(white 0%, #f3f3f3 100%);
  background-image: linear-gradient(white 0%, #f3f3f3 100%);
}
.w-select[multiple] {
  height: auto;
}
.w-form-label {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0px;
}
.w-checkbox,
.w-radio {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}
.w-checkbox:before,
.w-radio:before,
.w-checkbox:after,
.w-radio:after {
  content: " ";
  display: table;
}
.w-checkbox:after,
.w-radio:after {
  clear: both;
}
.w-checkbox-input,
.w-radio-input {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
  float: left;
  margin-left: -20px;
}
.w-radio-input {
  margin-top: 3px;
}
.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}
.w-container:before,
.w-container:after {
  content: " ";
  display: table;
}
.w-container:after {
  clear: both;
}
.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}
.w-row:before,
.w-row:after {
  content: " ";
  display: table;
}
.w-row:after {
  clear: both;
}
.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}
.w-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}
.w-col-1 {
  width: 8.33333333%;
}
.w-col-2 {
  width: 16.66666667%;
}
.w-col-3 {
  width: 25%;
}
.w-col-4 {
  width: 33.33333333%;
}
.w-col-5 {
  width: 41.66666667%;
}
.w-col-6 {
  width: 50%;
}
.w-col-7 {
  width: 58.33333333%;
}
.w-col-8 {
  width: 66.66666667%;
}
.w-col-9 {
  width: 75%;
}
.w-col-10 {
  width: 83.33333333%;
}
.w-col-11 {
  width: 91.66666667%;
}
.w-col-12 {
  width: 100%;
}
.w-hidden-main {
  display: none !important;
}
@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }
  .w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: none !important;
  }
  .w-col-medium-1 {
    width: 8.33333333%;
  }
  .w-col-medium-2 {
    width: 16.66666667%;
  }
  .w-col-medium-3 {
    width: 25%;
  }
  .w-col-medium-4 {
    width: 33.33333333%;
  }
  .w-col-medium-5 {
    width: 41.66666667%;
  }
  .w-col-medium-6 {
    width: 50%;
  }
  .w-col-medium-7 {
    width: 58.33333333%;
  }
  .w-col-medium-8 {
    width: 66.66666667%;
  }
  .w-col-medium-9 {
    width: 75%;
  }
  .w-col-medium-10 {
    width: 83.33333333%;
  }
  .w-col-medium-11 {
    width: 91.66666667%;
  }
  .w-col-medium-12 {
    width: 100%;
  }
  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}
@media screen and (max-width: 767px) {
  .w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: inherit !important;
  }
  .w-hidden-small {
    display: none !important;
  }
  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }
  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }
  .w-col-small-1 {
    width: 8.33333333%;
  }
  .w-col-small-2 {
    width: 16.66666667%;
  }
  .w-col-small-3 {
    width: 25%;
  }
  .w-col-small-4 {
    width: 33.33333333%;
  }
  .w-col-small-5 {
    width: 41.66666667%;
  }
  .w-col-small-6 {
    width: 50%;
  }
  .w-col-small-7 {
    width: 58.33333333%;
  }
  .w-col-small-8 {
    width: 66.66666667%;
  }
  .w-col-small-9 {
    width: 75%;
  }
  .w-col-small-10 {
    width: 83.33333333%;
  }
  .w-col-small-11 {
    width: 91.66666667%;
  }
  .w-col-small-12 {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }
  .w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: inherit !important;
  }
  .w-hidden-small {
    display: inherit !important;
  }
  .w-hidden-tiny {
    display: none !important;
  }
  .w-col {
    width: 100%;
  }
  .w-col-tiny-1 {
    width: 8.33333333%;
  }
  .w-col-tiny-2 {
    width: 16.66666667%;
  }
  .w-col-tiny-3 {
    width: 25%;
  }
  .w-col-tiny-4 {
    width: 33.33333333%;
  }
  .w-col-tiny-5 {
    width: 41.66666667%;
  }
  .w-col-tiny-6 {
    width: 50%;
  }
  .w-col-tiny-7 {
    width: 58.33333333%;
  }
  .w-col-tiny-8 {
    width: 66.66666667%;
  }
  .w-col-tiny-9 {
    width: 75%;
  }
  .w-col-tiny-10 {
    width: 83.33333333%;
  }
  .w-col-tiny-11 {
    width: 91.66666667%;
  }
  .w-col-tiny-12 {
    width: 100%;
  }
}
.w-widget {
  position: relative;
}
.w-widget-map {
  width: 100%;
  height: 400px;
}
.w-widget-map label {
  width: auto;
  display: inline;
}
.w-widget-map img {
  max-width: inherit;
}
.w-widget-map .gm-style-iw {
  width: 90% !important;
  height: auto !important;
  top: 7px !important;
  left: 6% !important;
  display: inline;
  text-align: center;
  overflow: hidden;
}
.w-widget-map .gm-style-iw + div {
  display: none;
}
.w-widget-twitter {
  overflow: hidden;
}
.w-widget-twitter-count-shim {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 28px;
  height: 20px;
  text-align: center;
  background: white;
  border: #758696 solid 1px;
  border-radius: 3px;
}
.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  position: relative;
  font-size: 15px;
  line-height: 12px;
  text-align: center;
  color: #999;
  font-family: serif;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  position: relative;
  display: block;
}
.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
  margin-left: 7px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
  top: 50%;
  left: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-color: rgba(117, 134, 150, 0);
  border-right-color: #5d6c7b;
  border-width: 4px;
  margin-left: -9px;
  margin-top: -4px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-left: -10px;
  margin-top: -5px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: white;
  border-width: 4px;
  margin-left: -8px;
  margin-top: -4px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-left: -9px;
  margin-top: -5px;
}
.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.w-widget-twitter-count-shim.w--vertical:before {
  border-color: rgba(117, 134, 150, 0);
  border-top-color: #5d6c7b;
  border-width: 5px;
  margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: white;
  border-width: 4px;
  margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}
.w-widget-gplus {
  overflow: hidden;
}
.w-background-video {
  position: relative;
  overflow: hidden;
  height: 500px;
  color: white;
}
.w-background-video > video {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  z-index: -100;
}
.w-slider {
  position: relative;
  height: 300px;
  text-align: center;
  background: #dddddd;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.w-slider-mask {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
  white-space: nowrap;
}
.w-slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
}
.w-slider-nav {
  position: absolute;
  z-index: 2;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-top: 10px;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.w-slider-nav.w-round > div {
  border-radius: 100%;
}
.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  padding: 0.2em 0.5em;
  font-size: inherit;
  line-height: inherit;
}
.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}
.w-slider-nav-invert {
  color: #fff;
}
.w-slider-nav-invert > div {
  background-color: rgba(34, 34, 34, 0.4);
}
.w-slider-nav-invert > div.w-active {
  background-color: #222;
}
.w-slider-dot {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  margin: 0 3px 0.5em;
  transition: background-color 100ms, color 100ms;
}
.w-slider-dot.w-active {
  background-color: #fff;
}
.w-slider-arrow-left,
.w-slider-arrow-right {
  position: absolute;
  width: 80px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  overflow: hidden;
  color: white;
  font-size: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}
.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}
.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1em;
  height: 1em;
}
.w-dropdown {
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}
.w-dropdown-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
  padding-right: 40px;
}
.w-dropdown-toggle:focus {
  outline: 0;
}
.w-icon-dropdown-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-right: 20px;
  width: 1em;
  height: 1em;
}
.w-dropdown-list {
  position: absolute;
  background: #dddddd;
  display: none;
  min-width: 100%;
}
.w-dropdown-list.w--open {
  display: block;
}
.w-dropdown-link {
  padding: 10px 20px;
  display: block;
  color: #222222;
}
.w-dropdown-link.w--current {
  color: #0082f3;
}
.w-nav[data-collapse="all"] .w-dropdown,
.w-nav[data-collapse="all"] .w-dropdown-toggle {
  display: block;
}
.w-nav[data-collapse="all"] .w-dropdown-list {
  position: static;
}
@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-dropdown,
  .w-nav[data-collapse="medium"] .w-dropdown-toggle {
    display: block;
  }
  .w-nav[data-collapse="medium"] .w-dropdown-list {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-dropdown,
  .w-nav[data-collapse="small"] .w-dropdown-toggle {
    display: block;
  }
  .w-nav[data-collapse="small"] .w-dropdown-list {
    position: static;
  }
  .w-nav-brand {
    padding-left: 10px;
  }
}
@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-dropdown,
  .w-nav[data-collapse="tiny"] .w-dropdown-toggle {
    display: block;
  }
  .w-nav[data-collapse="tiny"] .w-dropdown-list {
    position: static;
  }
}
/**
 * ## Note
 * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well.
 * For example percentage units do not work on descendants of elements that
 * have any dimensions expressed in viewport units. It also doesn’t handle them at
 * all in `calc()`.
 */
/**
 * Wrapper around all lightbox elements
 *
 * 1. Since the lightbox can receive focus, IE also gives it an outline.
 * 2. Fixes flickering on Chrome when a transition is in progress
 *    underneath the lightbox.
 */
.w-lightbox-backdrop {
  color: #000;
  cursor: auto;
  font-family: serif;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  list-style: disc;
  text-align: start;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  z-index: 2000;
  outline: 0;
  /* 1 */
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translate(0, 0);
  /* 2 */
}
/**
 * Neat trick to bind the rubberband effect to our canvas instead of the whole
 * document on iOS. It also prevents a bug that causes the document underneath to scroll.
 */
.w-lightbox-backdrop,
.w-lightbox-container {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.w-lightbox-content {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.w-lightbox-view {
  position: absolute;
  width: 100vw;
  height: 100vh;
  opacity: 0;
}
.w-lightbox-view:before {
  content: "";
  height: 100vh;
}
/* .w-lightbox-content */
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
  display: inline-block;
  vertical-align: middle;
}
/*
 * 1. Remove default margin set by user-agent on the <figure> element.
 */
.w-lightbox-figure {
  position: relative;
  margin: 0;
  /* 1 */
}
.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}
/**
 * IE adds image dimensions as width and height attributes on the IMG tag,
 * but we need both width and height to be set to auto to enable scaling.
 */
.w-lightbox-img {
  width: auto;
  height: auto;
  max-width: none;
}
/**
 * 1. Reset if style is set by user on "All Images"
 */
.w-lightbox-image {
  display: block;
  float: none;
  /* 1 */
  max-width: 100vw;
  max-height: 100vh;
}
.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}
.w-lightbox-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: .5em 1em;
  background: rgba(0, 0, 0, 0.4);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.w-lightbox-embed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.w-lightbox-control {
  position: absolute;
  top: 0;
  width: 4em;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  text-decoration:none;
}
.w-lightbox-left {
  display: none;
  bottom: 0;
  left: 0;
  /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
}
.w-lightbox-right {
  display: none;
  right: 0;
  bottom: 0;
  /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
}
/*
 * Without specifying the with and height inside the SVG, all versions of IE render the icon too small.
 * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows.
 * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer)
 */
.w-lightbox-close {
  right: 0;
  height: 2.6em;
  /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
}
/**
 * 1. All IE versions add extra space at the bottom without this.
 */
.w-lightbox-strip {
  padding: 0 1vh;
  line-height: 0;
  /* 1 */
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
/*
 * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)`
 *    which doesn’t work in Safari anyway.
 * 2. Chrome renders images pixelated when switching to GPU. Making sure
 *    the parent is also rendered on the GPU (by setting translate3d for
 *    example) fixes this behavior.
 */
.w-lightbox-item {
  display: inline-block;
  width: 10vh;
  padding: 2vh 1vh;
  box-sizing: content-box;
  /* 1 */
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  /* 2 */
}
.w-lightbox-active {
  opacity: .3;
}
.w-lightbox-thumbnail {
  position: relative;
  height: 10vh;
  background: #222;
  overflow: hidden;
}
.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/*
 * Spinner
 *
 * Absolute pixel values are used to avoid rounding errors that would cause
 * the white spinning element to be misaligned with the track.
 */
.w-lightbox-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border: 5px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  -webkit-animation: spin .8s infinite linear;
  animation: spin .8s infinite linear;
}
.w-lightbox-spinner:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 3px solid transparent;
  border-bottom-color: #fff;
  border-radius: 50%;
}
/*
 * Utility classes
 */
.w-lightbox-hide {
  display: none;
}
.w-lightbox-noscroll {
  overflow: hidden;
}
@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }
  .w-lightbox-view,
  .w-lightbox-view:before {
    height: 96vh;
  }
  /* .w-lightbox-content */
  .w-lightbox-group,
  .w-lightbox-group .w-lightbox-view,
  .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }
  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }
  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }
  .w-lightbox-left,
  .w-lightbox-right {
    display: block;
    opacity: .5;
  }
  .w-lightbox-close {
    opacity: .8;
  }
  .w-lightbox-control:hover {
    opacity: 1;
  }
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
    visibility:hidden;
  opacity: 0;
  cursor:default;
}
.w-richtext:before,
.w-richtext:after {
  content: " ";
  display: table;
}
.w-richtext:after {
  clear: both;
}
.w-richtext ol,
.w-richtext ul {
  overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before {
  outline: 2px solid #2895f7;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:before,
.w-richtext figure[data-rt-type="video"] > div:before {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.w-richtext figure {
  position: relative;
  max-width: 60%;
}
.w-richtext figure > div:before,
.w-richtext figure img {
  cursor: default!important;
}
.w-richtext figure img {
  width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: 0.6;
}
.w-richtext figure div {
  /* fix incorrectly sized selection border in the data manager */
  font-size: 0px;
  color: transparent;
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
  display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}
.w-richtext figure.w-richtext-align-center {
  margin-right: auto;
  margin-left: auto;
  clear: both;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
  clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
  display: inline-block;
  /* padding-bottom is used for aspect ratios in video figures
      we want the div to inherit that so hover/selection borders in the designer-canvas
      fit right*/
  padding-bottom: inherit;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  margin-right: 15px;
  clear: none;
}
.w-richtext figure.w-richtext-align-floatright {
  float: right;
  margin-left: 15px;
  clear: none;
}
.w-nav {
  position: relative;
  background: #dddddd;
  z-index: 1000;
}
.w-nav:before,
.w-nav:after {
  content: " ";
  display: table;
}
.w-nav:after {
  clear: both;
}
.w-nav-brand {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333333;
}
.w-nav-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.w-nav-link.w--current {
  color: #0082f3;
}
.w-nav-menu {
  position: relative;
  float: right;
}
.w--nav-menu-open {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #C8C8C8;
  text-align: center;
  overflow: visible;
  min-width: 200px;
}
.w--nav-link-open {
  display: block;
  position: relative;
}
.w-nav-overlay {
  position: absolute;
  overflow: hidden;
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
}
.w-nav-overlay .w--nav-menu-open {
  top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] .w--nav-menu-open {
  right: auto;
  z-index: 1;
  top: 0;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] .w--nav-menu-open {
  left: auto;
  z-index: 1;
  top: 0;
}
.w-nav-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.w-nav-button.w--open {
  background-color: #C8C8C8;
  color: white;
}
.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}
.w-nav[data-collapse="all"] .w-nav-button {
  display: block;
}
@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }
  .w-nav-brand {
    padding-left: 10px;
  }
}
@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}
.w-tabs {
  position: relative;
}
.w-tabs:before,
.w-tabs:after {
  content: " ";
  display: table;
}
.w-tabs:after {
  clear: both;
}
.w-tab-menu {
  position: relative;
}
.w-tab-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: #222222;
  background-color: #dddddd;
}
.w-tab-link.w--current {
  background-color: #C8C8C8;
}
.w-tab-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.w-tab-pane {
  position: relative;
  display: none;
}
.w--tab-active {
  display: block;
}
@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}
.w-ix-emptyfix:after {
  content: "";
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.w-dyn-empty {
  padding: 10px;
  background-color: #dddddd;
}
.w-dyn-bind-empty {
  display: none !important;
}
.w-condition-invisible {
  display: none !important;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  /* img {
        display: block;
    }*/

  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/*
Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
*/
.select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; width: 100%; }
.select2-container,
.select2-drop,
.select2-search,
.select2-search input { /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ }
.select2-container .select2-choice { display: block; height: 23px; padding: 0; overflow: hidden; position: relative; white-space: nowrap; line-height: 23px; color: #696969; text-decoration: none; background: transparent; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-container.select2-drop-above .select2-choice { }
.select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; }
.select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; font-size: 14px; font-family: Arial; white-space: normal; text-overflow: ellipsis; float: none; width: auto; }
.select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: right top no-repeat; cursor: pointer; outline: 0; }
.select2-container.select2-allowclear .select2-choice abbr { display: inline-block; }
.select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; }
.select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); }
.select2-drop { width: 100%; margin-top: 0; position: absolute; z-index: 9999; font-size: 16px; font-weight: 400; top: 100%; background: #fff; color: #333; border: 1px solid #D9D9D9; }
.select2-drop.select2-drop-above { margin-top: 0 !important; border-top: 1px solid #d9d9d9; /*border-bottom: 0;*/ }
.select2-drop-active { /*border-top: none;*/ overflow: hidden; }
.select2-drop-active.select2-with-searchbox { width: auto !important; min-width: 360px; }
.select2-drop-active .select2-results { width: 100% !important; }
.select2-drop.select2-drop-above.select2-drop-active { }
.select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; }
.select2-drop-auto-width .select2-search { padding-top: 4px; }
.select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 0 4px 4px 0; background-clip: padding-box; }
.select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; }
.select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; }
.select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; }
.select2-drop.select2-drop-above .select2-search input { margin-top: 4px; }
.select2-search input.select2-active { }
.select2-container-active .select2-choice,
.select2-container-active .select2-choices { outline: none; }
.select2-dropdown-open .select2-choice { }
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices { border-top-color: transparent; }
.select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; }
.select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; }
.select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* results */
.select2-results { max-height: 200px; width: 310px; padding: 0; margin: 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 1 !important; padding-right: 0 !important; }
.select2-results ul.select2-result-sub { margin: 0; padding: 0; }
/*.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; }*/
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; }
.select2-results li { list-style: none; display: list-item; background-image: none; }
.select2-results li.select2-result-with-children:last-of-type:not(:first-of-type) { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.service-what-dropdown .select2-results li.select2-result-with-children:last-of-type:not(:first-of-type) { border-top: 0 none; }
.select2-results li.select2-result-with-children { padding: 14px 0 3px; }
.select2-results li.select2-result-with-children > .select2-result-label { color: #333; font-size: 20px; font-weight: 500; line-height: 21px; padding: 0 15px; cursor: default; }
.select2-results li.select2-result-unselectable > .select2-result-label { cursor: default; }
.select2-results .select2-result-label { padding: 10px 15px; line-height: 18px; margin: 0; cursor: pointer; word-wrap: break-word; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-results .select2-result-label .child-text { color: #999; padding-top: 4px; display: block; }
.select2-results .select2-result-with-children .select2-result-sub li .select2-result-label { padding: 10px 15px 10px 35px; }
.select-location-icons .select2-results .select2-result-label, .select-locationCurrent-icons .select2-results .select2-result-label .location-icon-select { padding: 10px 15px 10px 35px; position: relative; }
.select-location-icons .select2-results .select2-result-label:before, .select-locationCurrent-icons .select2-results .select2-result-label .location-icon-select:before { position: absolute; content: "\f041"; font-family: 'Fontawesome pro solid 900', sans-serif; left: 13px; top: 10px; color: #676767; font-size: 14px; }
.select-locationCurrent-icons .select2-results .select2-result-label { padding: 0; }
.select-locationCurrent-icons .select2-results .select2-result-label .currentlocation-icon { padding: 10px 15px 10px 35px; }
.select2-results .select2-highlighted { background: #f2f2f2; }
.select2-results li em { background: #feffde; font-style: normal; }
.select2-results .select2-highlighted em { background: transparent; }
.select2-results .select2-highlighted ul { background: #fff; }
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { display: list-item; padding: 7px 8px; }
/* disabled look for disabled choices in the results dropdown */
.select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; }
.select2-results .select2-disabled { /*background: #f4f4f4;*/ display: list-item; cursor: default; }
.select2-results .select2-selected { display: none; }
.select2-more-results.select2-active { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.select2-more-results { display: list-item; }
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }
.select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; }
.select2-container.select2-container-disabled .select2-choice abbr { display: none; }
/* multiselect */
.select2-container-multi .select2-choices { height: 100%; margin: 0 !important; padding: 0 !important; position: relative; cursor: text; overflow: hidden; background: transparent; }
.select2-locked { padding: 3px 5px 3px 5px !important; }
.select2-container-multi .select2-choices { min-height: 22px; width: 100%; }
.select2-container-multi.select2-container-active .select2-choices { outline: none; }
.select2-container-multi .select2-choices li { float: left; list-style: none; width: auto; margin: 0px; padding: 0px; }
html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; }
.select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; width: 100%; height: 100%; }
.select2-container-multi .select2-choices .select2-search-field input { text-align: left; font-size: 16px; line-height: 20px; padding: 0px; color: #333; width: 100% !important; outline: 0; border: 0; height: 100%; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; }
.select2-container-multi .select2-choices .select2-search-field input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; }
.listings-logo-search-div .select2-container-multi .select2-choices .select2-search-field input { padding: 2px 10px 0 0px; font-size: 16px; color: #696969; }
.listings-logo-search-div .select2-container-multi .select2-choices .select2-search-field input:disabled { opacity: 1 !important; -webkit-appearance: none; -webkit-text-fill-color: #696969; }
.select2-container-multi .select2-choices .select2-search-field input.select2-active { }
.select2-default { color: #696969 !important; }
.select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; font-size: 14px; line-height: 13px; color: #696969; cursor: default; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin-left: 0; margin-right: 5px; }
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; }
.select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; }
.select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('../Images/select-close3.png') right -1px no-repeat; }
html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; }
.select2-container-multi .select2-search-choice-close { left: 3px; }
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -12px; }
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; }
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices { /*background-color: #f4f4f4;*/ background-image: none; /*border: 1px solid #ddd;*/ cursor: default; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; }
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match { }
.select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; }
.select2-display-none { display: none; }
.select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; }
.selectfontsize.select2-container-multi .select2-choices .select2-search-field input { font-size: 14px !important; color: #333 !important; font-weight: 400 !important; }
.selectfontsize { margin-bottom: 0px !important; padding: 0px 10px !important; }
.select-customdropdown .select2-no-results { font-size: 14px !important; }
.select-customdropdown .select2-results li .fullocation { display: inline-block !important; font-size: 14px !important; font-weight: 500 !important; vertical-align: middle !important; line-height: 19px !important; color: #545554 !important; width: 90%; }
.select-customdropdown .select2-results li .fullocation span { color: #8d8d8d !important; font-size: 14px; font-weight: normal; }
.select-customdropdown .select2-results .select2-result-label { padding-top: 7px; padding-bottom: 7px; }
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b { }
    .select2-search input { background-position: 100% -21px !important; }
}

.listing-dropdown { margin-top: 14px !important; width: 221px !important; }
.select2-more-pager { padding: 6px 0; text-align: center; list-style: none; border-top: 1px solid #d9d9d9; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-more-results { font-size: 15px; text-align: center; padding: 8px 0; }
.orange-dropdown-small { width: 370px !important; background: #EB6663 !important; margin-top: 13px !important; }
.orange-dropdown-small .select2-highlighted { background: #ed7673 !important; color: #696969; }
.orange-dropdown-small .select2-results { width: 370px !important; }
.select-service-control { width: 280px; }
/*.select2-results .select2-result-label { padding-right:30px!important;}*/
/* Top DropDown */
.top-dropdown.select2-drop { /*max-width: 330px;*/ margin-top: 0; font-weight: 300; width: auto !important; }
/* Service DropDown */
.service-where-dropdown.select2-drop, .service-what-dropdown.select2-drop, .top-dropdown.select2-drop { margin-top: 0; min-width: 460px; }
.service-providerdrop.select2-drop { margin-top: 0; font-weight: 300; }
.service-commondrop.select2-drop { margin-top: 0; }
.service-providerdrop .select2-results { padding-top: 9px; }
.service-where-dropdown .select2-results, .service-what-dropdown .select2-results, .top-dropdown .select2-results { max-height: 303px; }
.service-where-dropdown .select2-results li.select2-result-with-children > .select2-result-label, .top-dropdown .select2-results li.select2-result-with-children > .select2-result-label, .mob-dropdown .select2-results li.select2-result-with-children > .select2-result-label { color: rgba(51, 51, 51, 0.75); font-size: 18px; text-transform: uppercase; }
.service-where-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectlocation-icon, .top-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectlocation-icon, .mob-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectlocation-icon { padding-left: 20px; position: relative; }
.service-where-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectlocation-icon:before, .top-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectlocation-icon:before, .mob-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectlocation-icon:before { position: absolute; content: "\f3c5"; font-family: 'Fontawesome pro solid 900', sans-serif; left: -3px; top: 0; color: rgba(51, 51, 51, 0.75); font-size: 18px; }
.service-where-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectbusiness-icon, .top-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectbusiness-icon, .mob-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectbusiness-icon { padding-left: 20px; position: relative; }
.service-where-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectbusiness-icon:before, .top-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectbusiness-icon:before, .mob-dropdown .select2-results li.select2-result-with-children > .select2-result-label .selectbusiness-icon:before { position: absolute; content: "\f1ad"; font-family: 'Fontawesome pro solid 900', sans-serif; left: -3px; top: 0; color: rgba(51, 51, 51, 0.75); font-size: 17px; }

.select2-results li > .select2-result-label .currentlocation-icon { padding-left: 20px; position: relative; color: #0073bb; }
.select2-results li > .select2-result-label .currentlocation-icon:before { position: absolute; content: "\f124"; font-family: 'Fontawesome pro solid 900', sans-serif; left: 12px; top: 10px; color: #0073bb; font-size: 14px; }
.service-where-dropdown .select2-results li > .select2-result-label .currentlocation-icon:before, .top-dropdown .select2-results li > .select2-result-label .currentlocation-icon:before, .mob-dropdown .select2-results li > .select2-result-label .currentlocation-icon:before { left: -3px; top: 1px; }
.service-where-dropdown .select2-results li > .select2-result-label .currentlocation-icon, .top-dropdown .select2-results li > .select2-result-label .currentlocation-icon, .mob-dropdown .select2-results li > .select2-result-label .currentlocation-icon { margin-left: -20px; }
.service-where-dropdown .select2-results .select2-result-label, .top-dropdown .select2-results .select2-result-label, .mob-dropdown .select2-results .select2-result-label { padding-left: 35px; }
/*.service-what-dropdown .select2-results li.select2-result-with-children { cursor: pointer; }
.service-what-dropdown .select2-results li.select2-result-unselectable > .select2-result-label { cursor: pointer; }*/
.service-what-dropdown .select2-results li.select2-result-with-children { position: relative; padding: 10px 0; }
.service-what-dropdown .select2-results li.select2-result-with-children > .select2-result-label { font-size: 18px; padding-right: 30px; }
/*.service-what-dropdown .select2-results li.select2-result-with-children li .select2-result-label { padding: 10px 0; margin: 0 15px; border-bottom: 1px solid #D9D9D9; }*/

@media (max-width: 767px) {
    .selectfontsize.select2-container-multi .select2-choices .select2-search-field input { font-size: 17px !important; }
    .select-customdropdown .select2-no-results { font-size: 17px !important; }
    .select-customdropdown .select2-results li .fullocation { font-size: 16px !important; line-height: 21px !important; }
    .select-customdropdown .select2-results li .fullocation span { font-size: 15px !important; }
    .service-what-dropdown .select2-results li.select2-result-with-children, .mobcommon-dropdown .select2-results li.select2-result-with-children { padding: 4px 0; }
    .service-what-dropdown .select2-results li.select2-result-with-children > .select2-result-label, .mobcommon-dropdown .select2-results li.select2-result-with-children > .select2-result-label { padding-top: 6px; padding-bottom: 6px; }
    .service-where-dropdown.select2-drop, .service-what-dropdown.select2-drop, .mobcommon-dropdown.select2-drop { min-width: inherit; }
    .service-what-dropdown .select2-results li.select2-result-with-children:after { content: '\f107'; position: absolute; right: 10px; top: 10px; font-family: 'Fontawesome pro 300', sans-serif; font-size: 25px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); /*-webkit-transition: transform 200ms ease; transition: transform 200ms ease;*/ /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);*/ }
    .service-what-dropdown .select2-results li.select2-result-with-children.parentli-expanded:after { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    .select2-drop-mask.hidemask { display: none !important; }
    /*.service-providerdrop.select2-drop { top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: auto !important; text-align: center; position: fixed; }*/
    /*.service-providerdrop .select2-results .select2-result { opacity: 0.5; }
    .service-providerdrop .select2-results .select2-result.select2-highlighted { background: none; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; opacity: 1; }*/
}

/* jquery.ui range slider css start */

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
.ui-widget-content {
  background-color: #7cc576;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
/* Interaction states ----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: white;
  color: #333333;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #333333;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: white;
  color: #333333;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #333333;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: white;
  color: #333333;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #333333;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #333333;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #333333;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec;
  color: #333333;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #333333;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #333333;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */

}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-widget-header {
  background: whitesmoke;
  color: #333333;
}
.ui-widget-header a {
  color: #333333;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 30px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  border-radius: 100%;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 4px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -13px;
  margin-left: -15px;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/* jquery.ui range slider css End */

/* Custom slider */


.xdsoft_datetimepicker { display: none; box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.15); background: #fff; border-radius: 4px; color: #333; padding: 20px; position: absolute; z-index: 99992; -moz-box-sizing: border-box; box-sizing: border-box; }
.xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; }
.xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; }

/*For IE8 or lower*/
.xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }

.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; }

.xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.xdsoft_datepicker-buttons { clear: both; text-align: right; padding-top: 20px; }
.xdsoft_datetimepicker button { -webkit-appearance: none; outline: 0 none; box-shadow: none; font-size: 16px; padding: 7px 15px; width: 100px; height: 34px; }
.xdsoft_datetimepicker button.xdsoft_save_button { margin-left: 20px; }
.xdsoft_datetimepicker button.xdsoft_cancel { background: #f7f7f7; color: #333 !important; }
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; }

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; }

.xdsoft_datetimepicker .xdsoft_datepicker { width: 250px; float: left; margin-left: 0; border-radius: 4px; margin-right: 0; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; }

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; }

.xdsoft_datetimepicker .xdsoft_timepicker { float: left; text-align: center; margin-left: 20px; margin-top: 0; padding: 4px 12px 0 20px; position: relative; border-left: 2px solid #e7e7e7; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; }

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { }

.xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center; float: left; width: 100%; padding: 10px 10px 8px; }

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button { }

.xdsoft_datetimepicker .xdsoft_label i { display: inline-block; vertical-align: middle; font-family: 'Fontawesome pro 300', sans-serif !important; font-style: normal; font-size: 24px; color: #b3b3b3; margin-left: 6px; }

.xdsoft_datetimepicker .xdsoft_prev { float: left; text-align: left; }
.xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; }

.xdsoft_datetimepicker .xdsoft_next { float: right; text-align: right; }

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev { background-color: transparent; cursor: pointer; display: block; height: 25px; outline: medium none; padding: 0; position: relative; width: 25px; font-family: 'Fontawesome pro 300', sans-serif !important; font-size: 24px; color: #666; min-width: 0; line-height: 20px; -webkit-appearance: none; border: 0 none; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: none; margin-left: 14px; margin-top: 7px; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 241px; overflow: hidden; width: 94px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { color: #333; font-size: 16px; text-align: center; border-collapse: collapse; cursor: pointer; height: 32px; margin-bottom: 2px; padding: 5px; line-height: 24px; border-radius: 16px; }



.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover { }

.xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 0; font-size: 16px; height: 27px; line-height: 26px; font-weight: 500; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; }

.xdsoft_datetimepicker .xdsoft_label:hover > span { }

.xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid transparent; position: absolute; right: 0; top: 27px; z-index: 101; display: none; background: #fff; max-height: 200px; overflow-y: hidden; box-shadow: 0 7px 21px rgba(83,92,105,.12), 0 4px 9px 0 rgba(83,92,105,.06); }
.xdsoft_datetimepicker .xdsoft_label.scroller_custom:before { position: absolute; content: ""; bottom: 0; left: 1px; right: 13px; border-top: 1px solid #e5e5e5; }
.xdsoft_datetimepicker .xdsoft_label.xdsoft_month.scroller_custom:before { left: 6px; right: 17px; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: 11px; width: 96px; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 8px; width: 56px; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { background: rgba(234, 99, 97, 0.15); }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #eb6663; color: #fff; font-weight: 500; }

.xdsoft_datetimepicker .xdsoft_month { width: 108px; text-align: center; }

.xdsoft_datetimepicker .xdsoft_calendar { clear: both; }

.xdsoft_datetimepicker .xdsoft_year { width: 60px; margin-left: 0; }
.xdsoft_datetimepicker .xdsoft_label.scroller_custom:after { content: ""; position: absolute; left: 1px; right: 12px; top: -1px; bottom: 0; box-shadow: 0 7px 21px rgba(83,92,105,.12), 0 -2px 9px 0 rgba(83,92,105,.06); }
.xdsoft_datetimepicker .xdsoft_label.xdsoft_year.scroller_custom:after { left: -4px; right: 8px; }
.xdsoft_datetimepicker .xdsoft_label.scroller_custom i { visibility: hidden; }
.xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; }
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; color: #333; font-size: 16px; text-align: center; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 33px; }
.xdsoft_datetimepicker .xdsoft_calendar td div { width: 27px; margin: 0 auto; height: 27px; line-height: 27px; border-radius: 14px; border: 1px solid transparent; }
.xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; }
.xdsoft_datetimepicker .xdsoft_calendar td:first-child { border-left: 0 none; }
.xdsoft_datetimepicker .xdsoft_calendar td:last-child { border-right: 0 none; }
.xdsoft_datetimepicker .xdsoft_calendar tr:last-child td { border-bottom: 0 none; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div { border-color: #eb6663; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default div { background: #ffe9d2; color: #000; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint div { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default div,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default:hover div,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover div,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current:hover { background: #eb6663; color: #fff; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { border-color: #eb6663; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { color: #e7e7e7; cursor: default; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled div { background: none; color: #e7e7e7; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { }

.xdsoft_datetimepicker .xdsoft_calendar td:hover div { background: #eee; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: rgba(234, 99, 97, 0.15); border-color: rgba(234, 99, 97, 0.25); box-shadow: none !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover div,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: #eb6663 !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover div,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: #e7e7e7 !important; background: none !important; box-shadow: none !important; }

.xdsoft_datetimepicker .xdsoft_calendar th { border: 0 none; color: #b3b3b3; cursor: default; font-size: 13px; font-weight: 400; text-align: center; text-transform: uppercase; }

.xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; }

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; }

.xdsoft_time_box { position: relative; }
.xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; padding: 0 !important; margin-bottom: 0 !important; border: 0 none !important; }
.xdsoft_scrollbar { position: absolute; width: 4px; right: 0; top: 0; bottom: 0; cursor: pointer; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; }
.xdsoft_scroller_box { position: static; }

.xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222; color: #999; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #cc5500; color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; }

.xdsoft_dark .xdsoft_time_box { border: 1px solid #333; }

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; }
.xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; }
.xdsoft_datetimepicker .blue-gradient-button { font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 ); /* IE6-9 */ }
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* IE10+ */ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ }

body.stop-scrolling { height: 100%; overflow: hidden; }
.sweet-overlay { background-color: black; /* 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: 100007; }
.sweet-alert { background-color: white; width: 415px; padding: 0; border-radius: 4px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -207px; margin-top: -200px; overflow: hidden; display: none; z-index: 100008; }
.gencustom-head { border-bottom: 1px solid #ebebeb; padding: 13px 20px 0px 20px; position: relative; text-align: left; }
.gencutom-title { color: #6b6b6b; font-size: 18px; font-weight: 500; line-height: 26px; }
.sa-button-container { background: #f0f0f0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 1px solid #ebebeb; padding: 15px; text-align: right; }
.swal-nobutton .sa-button-container { display: none !important; }
.gencustom-content { padding: 4px 20px 15px 20px; position: relative; }
.sweet-alert.swal-nobutton { padding-bottom: 20px !important; }
.sweet-text-left h2, .sweet-text-left p { text-align: left !important; }
.sweet-text-left h2 { margin-bottom: 5px !important; }

@media all and (max-width: 540px) {
    .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; }
}
.sweet-alert h2 { color: #797979; font-size: 16px; text-align: left; font-weight: 300; text-transform: none; position: relative; margin: 0; padding: 0; line-height: 1.42857; 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 fieldset { border: none; position: relative; }
.sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; -webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; }
.sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; -webkit-transition: padding 0.2s, max-height 0.2s; 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%; -webkit-transition: all 0.1s; 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 input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; }
.sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; }
.sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; }
.sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; }
.sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; }
.sweet-alert input::-moz-placeholder { color: #bdbdbd; }
.sweet-alert input:-ms-input-placeholder { color: #bdbdbd; }
.sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; }
.sweet-alert.show-input input { display: block; }
.sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; vertical-align: top; }
.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: #eb6663; color: white; border: none; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 15px; font-weight: normal; -webkit-border-radius: 0; border-radius: 0; padding: 7px 12px !important; line-height: 18px; min-width: 95px; margin: 0; cursor: pointer; }
.sweet-alert button.cancel { background-color: #666666 !important; }
.sweet-alert button + button { margin-bottom: 0; margin-left: 7px; }
.sweet-alert button:focus { outline: none; box-shadow: none; }
/*.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 button.gencustom-close { cursor: pointer; position: absolute; right: 14px; top: 12px; z-index: 1; background: url(../Images/popup-close-img.png) no-repeat center center !important; height: 20px; text-indent: -9999px; font-size: 0; width: 20px; min-width: inherit; }
.sweet-alert button.gencustom-close:hover { background: transparent url(../Images/popup-close-img.png) no-repeat center center !important; }
.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; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 10px auto; padding: 0; position: relative; box-sizing: content-box; }
.sweet-alert .sa-icon.sa-error { border-color: #d83f34; width: 70px; height: 70px; }
.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: 37px; background-color: #d83f34; display: block; top: 32px; 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; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; 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: ''; -webkit-border-radius: 40px; 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 { -webkit-border-radius: 120px 0 0 120px; 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 { -webkit-border-radius: 0 120px 120px 0; 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); -webkit-border-radius: 40px; 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; }

/* Sweet Alert Popup footer new design start */
.sweet-alert-model { box-shadow: 0 2px 4px 0 rgba(24, 25, 26, 0.5); border-radius: 5px !important; }
.sweet-alert-model .gencustom-head { padding: 13px 20px 0px 20px !important; border: 0 none; position: relative; text-align: left; }
.sweet-alert-model .gencutom-title { font-size: 18px !important; font-weight: 500 !important; text-align: left !important; color: #333 !important; padding-right:20px; }
.sweet-alert-model.sweet-alert button.gencustom-close, .sweet-alert-model.sweet-alert button.gencustom-close:hover { right: 16px; top: 20px; border-radius: 0; border: 0 none !important; }
.sweet-alert-model .gencustom-close { width: 30px !important; height: 30px !important; display: block !important; top: 7px !important; text-indent: inherit !important; right: 15px !important; }
.sweet-alert-model .gencustom-close:after { content: "\f00d"; position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; line-height: 30px; font-family: 'Fontawesome pro 300', sans-serif; font-size: 20px; text-align: center; color: #777; }
.sweet-alert-model .gencustom-close:hover:after { color: #333; }
.sweet-alert-model.sweet-alert h2 { font-weight: 400 !important; line-height: 1.47 !important; color: #333 !important; font-size: 15px !important; text-align:left!important; }
.sweet-alert-model.sweet-alert p { text-align:left!important;}
.sweet-alert-model .gencustom-content { padding: 4px 20px 15px 20px; min-height: 30px; font-size: 15px !important; line-height: 1.47 !important; color: #333 !important; font-weight: 400 !important; }
.sweet-alert-model .sa-button-container { background: #f8f8f8 !important; padding: 15px 20px; border: 0 none; }
.sweet-alert-model.sweet-alert button { background-color: #7cc576 !important; line-height: 22px; font-size: 16px; border: 1px solid transparent !important; border-radius: 3px !important; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; }
.sweet-alert-model.sweet-alert button.gencustom-close { background: none!important; }
.sweet-alert-model .cancel, .sweet-alert-model .btn-primary { min-width: 120px !important; }
.sweet-alert-model.sweet-alert button:hover { background-color: #5c9557 !important; }
.sweet-alert-model.sweet-alert button.cancel { color: #777 !important; background: #fff !important; border: 1px solid #cdcdcd !important; -webkit-transition: background-color 200ms ease, border 200ms ease, color 200ms ease, box-shadow 300ms ease; transition: background-color 200ms ease, border 200ms ease, color 200ms ease, box-shadow 300ms ease;}
.sweet-alert-model.sweet-alert button.cancel:hover { background-color: #fff !important; border-color: #333 !important; color: #333 !important; }
.sweet-alert-model.sweet-alert button.cancel + .sa-confirm-button-container { margin-left: 17px; }
.sweet-alert-model .checkbox-custom-black label { font-size: 16px; font-weight: normal; }
.sweet-alert-model .checkbox-custom-black { padding-left: 30px; }
.sweet-alert-model .checkbox-custom-black input[type="checkbox"] + label:before { margin-left: -30px; width: 20px; height: 20px; }
.sweet-alert-model .checkbox-custom-black input[type="checkbox"]:checked + label:before { background-size: 12px auto; }
.sweet-alert-model .checkbox-custom-black label { line-height: 20px; }
/*fixed hover issues on close - 13-sep-22*/
.sweet-alert-model.sweet-alert button.gencustom-close { background: none!important; width:20px!important; height:20px!important }
.sweet-alert-model.sweet-alert button.gencustom-close:hover{background: none!important;}
/*fix end*/

/* Sweet Alert Popup footer new design End */
.sweet-alert-normal { width: 500px; margin-left: -250px; }
.sweet-alert-normal p { text-align: left; color: #777; }
.sweet-alert-normal button { padding: 9px 20px !important; }
.sweet-alert-normal.sweet-alert button.btn-primary { margin-left: 0; }
.sweet-alert-normal.sweet-alert-model .sa-button-container { background: #fff !important; }
.sweet-revert-button.sweet-alert-model.sweet-alert button.cancel { background-color: #7cc576 !important; color: #fff !important; border-color: transparent !important; -webkit-transition: background-color 300ms ease 0s; transition: background-color 300ms ease 0s; }
.sweet-revert-button.sweet-alert-model.sweet-alert button.cancel:hover { background-color: #5c9557 !important; }
.sweet-revert-button.sweet-alert-model.sweet-alert button.btn-primary { color: #333 !important; background: #fff !important; border: 1px solid #e7e7e7 !important; }
.sweet-revert-button.sweet-alert-model.sweet-alert button.btn-primary:hover { background: #fff !important; border-color: #999 !important; }


.sweet-alert-model.sweet-alert.text-center-align p, .sweet-alert-model.sweet-alert.text-center-align h2 { text-align:center!important; word-break:break-word; word-wrap:break-word; overflow-wrap: break-word;}
.sweet-alert-model.sweet-alert.text-justify-align p { text-align:justify!important; word-break:break-word; word-wrap:break-word; overflow-wrap: break-word;}
/*






 * Animations
 */

.checkin-msg-popup.showSweetAlert .succ-icon { font-style: normal!important; font-size: 44px!important; margin-top: 20px!important; color: #7cc577!important;}
.checkin-msg-popup.showSweetAlert .up-checked-text { margin-top: 15px!important;margin-bottom: 8px!important; display: block!important;}
.checkin-msg-popup.showSweetAlert .gencutom-title { font-size: 20px!important;padding-right: 0px;text-align: center!important; }
.checkin-msg-popup.showSweetAlert p { text-align:center!important;}
.checkin-msg-popup.showSweetAlert .gencustom-content { padding-bottom:0px!important; padding-top:5px!important;}
.checkin-msg-popup.showSweetAlert .sa-button-container { padding:15px 20px 20px 20px!important;}
.checkin-msg-popup.showSweetAlert.checkinpopu-xs-smallwidth .gencustom-content { display:none;
}

.checkin-msg-popup.showSweetAlert.checkinpopu-smallwidth {
    width: 380px;
margin-left:-190px;
}
.checkin-msg-popup.showSweetAlert.checkinpopu-xs-smallwidth { margin-left:-150px;
    width: 300px;
}




@-webkit-keyframes showSweetAlert {
    0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
    45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
    80% { transform: scale(0.95); -webkit-transform: scale(0.95); }
    100% { transform: scale(1); -webkit-transform: scale(1); }
}

@keyframes showSweetAlert {
    0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
    45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
    80% { transform: scale(0.95); -webkit-transform: scale(0.95); }
    100% { transform: scale(1); -webkit-transform: scale(1); }
}

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

@keyframes hideSweetAlert {
    0% { transform: scale(1); -webkit-transform: scale(1); }
    100% { transform: scale(0.5); -webkit-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% { opacity: 0; -webkit-transform: translate(0,50px); -moz-transform: translate(0,50px); -ms-transform: translate(0,50px); -o-transform: translate(0,50px); transform: translate(0,50px); }
    100% { opacity: 1; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
}

@keyframes slideFromBottom {
    0% { opacity: 0; -webkit-transform: translate(0,50px); -moz-transform: translate(0,50px); -ms-transform: translate(0,50px); -o-transform: translate(0,50px); transform: translate(0,50px); }
    100% { opacity: 1; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
}

@-webkit-keyframes slideToBottom {
    0% { opacity: 1; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(0,50px); -moz-transform: translate(0,50px); -ms-transform: translate(0,50px); -o-transform: translate(0,50px); transform: translate(0,50px); }
}

@keyframes slideToBottom {
    0% { opacity: 1; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
    100% { opacity: 0; -webkit-transform: translate(0,50px); -moz-transform: translate(0,50px); -ms-transform: translate(0,50px); -o-transform: translate(0,50px); transform: translate(0,50px); }
}

.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.2s; animation: slideFromBottom 0.2s; }
.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.2s; animation: slideToBottom 0.2s; }

@-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% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; }
    100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; }
}

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

.animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; }

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

@keyframes animateXMark {
    0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
    50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
    80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; }
    100% { transform: scale(1); -webkit-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% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes rotate-loading {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; }
/* Success icon */
.sweet-alert .sa-icon.sa-success { border-color: transparent\9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; }
/*!
 * 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.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; -moz-animation: ball-fall 1s ease-in-out infinite; -o-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; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-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; }

.hideconfirm {width:calc(100% - 30px); max-width:500px; box-shadow:0px 2px 8px rgba(0, 0, 0, 0.2);}
.hideconfirm .sa-button-container{padding:11px 24px;}
.hideconfirm .sa-confirm-button-container{display:none;}
.hideconfirm  .cancel{min-width:78px!important; line-height:24px!important;}



/*
 * 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%); }
}

@-moz-keyframes ball-fall {
    0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); }
    10% { opacity: .5; }
    20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); }
    80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); }
    90% { opacity: .5; }
    100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); }
}

@-o-keyframes ball-fall {
    0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); }
    10% { opacity: .5; }
    20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); }
    80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); }
    90% { opacity: .5; }
    100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); }
}

@keyframes ball-fall {
    0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); }
    10% { opacity: .5; }
    20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    90% { opacity: .5; }
    100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); }
}

@media all and (max-width: 540px) {
    .sweet-alert-normal { width: auto; margin-left: 0; }
    .checkin-msg-popup.showSweetAlert.checkinpopu-smallwidth { width: auto; margin-left: 0;
    }
     .checkin-msg-popup.showSweetAlert.checkinpopu-xs-smallwidth { width: auto; margin-left: 0;
    }
}

@media all and (max-width: 479px) {
    .checkin-msg-popup.showSweetAlert button.btn-primary { width:100%!important;}
.checkin-msg-popup.showSweetAlert .sa-confirm-button-container { margin:0px!important; width:100%;}
    .sweet-alert-normal.sweet-alert button.btn-primary { padding-left: 10px !important; padding-right: 10px !important; }
    .sweet-alert-normal.sweet-alert button.cancel { min-width: inherit !important; padding-left: 15px !important; padding-right: 15px !important; }
}
.sweet-alert-model.sweet-alert button.gencustom-close:hover {
    background-color:transparent !important;
}
.w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; text-align: center; }
input.w-button { -webkit-appearance: button; }
.tabs-div { position: static; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 42px; margin-right: auto; margin-left: auto; background-color: #f4f4f4; }

.tabs-div.fixed { position: fixed; left: 0px; top: 0px; right: 0px; display: none; }

.tabs-div.bookmarks { display: block; width: 100%; height: auto; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 0px; float: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .15); background-color: #fff; }

.tab { display: inline-block; margin-right: 10px; margin-bottom: 0px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; color: rgba(51, 51, 51, .74); font-size: 16px; letter-spacing: 0.5px; text-decoration: none; vertical-align: top; }
.tab a { text-decoration: none; color: rgba(51, 51, 51, .74); padding: 10px 12px; height: 42px; display: block; border-bottom: 3px solid transparent; font-weight: 400; }
.tab a:hover { border-bottom-color: #eb6663; color: #eb6663; }
.tab.active a { border-bottom-color: #eb6663; color: #eb6663; cursor: default; }
.promotion-icon-check span.font-awesome { margin-left: 7px; font-size: 18px; display: inline-block; vertical-align: top; }
.tabs-inner-div { display: block; width: 1000px; height: 42px; max-width: 95%; margin-right: auto; margin-left: auto; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; color: #eb6663; position: relative; }
.tabs-inner-div #tabs li { float: left; }
.tabs-inner-div ul { padding: 0px; margin: 0px; list-style: none; margin: 0px; padding: 0px; }

.shopping-bag-tab { margin-top: 0px; margin-bottom: 0px; padding-top: 9px; padding-bottom: 9px; float: right !important; }
.shopping-bag-tab a { color: #333; } 

.rating-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 95%; max-width: 1000px; margin-right: auto; margin-left: auto; padding-top: 25px; padding-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 15px; font-weight: 300; }

.number-of-reviews-div { width: 50%; float: left; text-align: center; }
.review-bar-maxwidth { max-width: 218px; }
.number-of-reviews-div.buttonsparent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-top: 7px; padding-bottom: 7px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.number-of-reviews-div.reviews { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.rating-avg { margin-bottom: 5px; font-size: 44px; line-height: 44px; }

.number-of-reviews { margin-top: 5px; color: #248dd5; text-decoration: underline; }

.review-description-div { width: 50%; padding-left: 10px; float: left; }

.review-description-div.stars { margin-bottom: 0px; }
.review-description { margin-top: 3px; margin-bottom: 5px; text-align: right; }
.reviews-description-parent-div { display: block; width: 50%; float: left; color: #333; }
.review-description-stars { margin-top: 5px; margin-bottom: 4px; }
.flamingo-btn { width: 200px; height: 40px; margin-bottom: 0px; padding: 10px 30px; float: none; border-radius: 3px; background-color: #eb6663; color: #fff; font-size: 15px; font-weight: 300; text-align: center; line-height: 20px; }
.flamingo-btn:hover { background-color: #d65956; }
.flamingo-btn.right-justify { position: relative; right: 0px; bottom: 0px; margin-top: 30px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; float: right; }
.flamingo-btn.float-right { float: right; }
.flamingo-btn.plain { width: 200px; max-width: 95%; margin-bottom: 0px; margin-left: 20px; }
.staff-bookingbtn { width: 200px; max-width: 95%; margin-bottom: 0px; margin-left: 20px; }
.grey-btn { background-color: #fff; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 15px; padding: 7px 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #d9d9d9; border-radius: 3px; color: #333; text-align: center; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; }

.grey-btn:hover { background-color: #f5f5f5; }

.grey-btn._50 { width: 50%; margin-left: 0px; border-radius: 2px; font-size: 15px; }

.grey-btn.bus-profile { cursor: pointer; width: 200px; margin-right: 0px; margin-bottom: 10px; }
.grey-btn.bus-profile:last-child { margin-bottom: 0; }

.grey-btn.bus-prof { width: 200px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.text-section { display: block; width: 95%; max-width: 1000px; margin-right: auto; margin-left: auto; padding: 20px 0px; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 15px; font-weight: 300; }

.title { display: inline-block; margin-top: 0px; margin-bottom: 6px; font-size: 18px; line-height: 20px; font-weight: 500; }

.title.bus-details { margin-top: 0px; margin-bottom: 0px; line-height: 24px; }

.title.daily-deals { margin-top: 20px; }

.text-normal { -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; font-size: 17px; line-height: 24px; font-weight: 300; word-wrap: break-word; word-break: break-word;}

.photo-large { width: 100%; margin-right: 10px; float: left; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.photo-square { width: 21%; margin-right: 10px; float: left; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.photo-square.overlay { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; text-decoration: none; }

._800-test { width: 800px; }

.top-name-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 0px; padding-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.content-wrapper .thm-topHeadBG { width: 95%; max-width: 1000px; margin-right: auto; margin-left: auto; }
.business-name { display: inline-block; margin-top: 0px; margin-bottom: 2px; font-size: 34px; line-height: 36px; font-weight: 500; }
.margin-top-m-20 { margin-top: 15px; }
.cancellation-policy-checkbox label {    margin-top: 30px;margin-bottom: 20px !important;font-size: 14px !important;font-weight: 400 !important;}
.cancellation-policy-checkbox input[type="checkbox"] + label:before {width: 25px !important;height: 25px !important;margin-top: 0px;}
.cancellation-policy-checkbox input[type="checkbox"]:checked + label:before {background-size: 13px auto !important;}
.returnpolicyleft{text-align:left !important;}
.business-main-photo {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 400px;margin-top: 0;margin-right: auto;margin-left: auto;border-top: 1px solid rgba(0, 0, 0, .2);background-position: 50% 50%, 50% 50%;background-size: cover, cover;background-repeat: no-repeat, no-repeat;}

.location-text { display: inline-block; margin-right: 10px; font-size: 16px; }

.location-stars-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 300; }

.number-of-reviews-top { font-size: 16px; }

.top-stars { width: 90px; margin-right: 6px; }

.open { margin-left: 15px; padding: 3px 10px; border-radius: 3px; background-color: #7cc576; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }

.open.closed { background-color: red; }

.map-75 { width: 65%; float: left; }

.nav-bar { position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; padding: 0 0 0 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 1px solid rgba(0, 0, 0, .2); background-color: #fff; }
.nav-bar.fixed { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 100; display: none; background-color: #fff; }

.nav-bar.mobile { display: none; }

.logo-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-top: 10px; margin-bottom: 10px; float: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.logo-link-block.w--current { display: block; float: none; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.overlay-image { position: static; display: inline-block; }

.hours-div-block { width: 35%; padding-right: 20px; padding-left: 20px; float: left; font-size: 18px; }

.btn-spacer { width: 5%; height: 38px; }

.hours-btn-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; margin-bottom: 10px; }

.working-hours-title { display: inline-block; margin-top: 15px; margin-bottom: 7px; padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, .3); font-size: 16px; line-height: 20px; font-weight: 500; }

.working-hours-left { width: 42%; float: left; font-size: 17px; }

.working-hours-right { width: 58%; float: left; font-size: 17px; text-align: right; }

.bold { color: #313131; font-weight: 600; text-decoration: none; }

.hours { margin-bottom: 8px; }

.hours.bold { font-weight: 600; }

.cards-parent-div-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.cards-parent-div-flex.daily { width: 100%; margin-bottom: 30px; padding-right: 2%; padding-left: 2%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }

.card-link-block { margin-left: 0px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; text-decoration: none; vertical-align: top; }
.ad-text { position: relative; top: 1px; margin-right: 2px; padding-right: 5px; padding-left: 5px; text-align: center; border: 1px solid #248dd5; border-radius: 3px; color: #248dd5; font-size: 12px; padding-top: 0; padding-bottom: 0; vertical-align: top; display: inline-block; line-height: 16px; cursor: default; }
.ad-text.hover .gen-tooltip-div { display: block; }
.card-title { display: inline; margin-right: 0; text-transform: capitalize; color: #333; font-size: 17px; line-height: 22px; font-weight: 600; text-decoration: none; }
.homepage-divslide .card-title, .card-titleblockdiv .card-title { display: inline; vertical-align: middle; }
.daily-deal-div { font-weight: 400; }

.card-miles { display: inline-block; margin-left: 3px; color: rgba(51, 51, 51, .5); font-size: 16px; font-weight: 300; }

.old-price { display: inline-block; padding-bottom: 0px; float: none; color: #95989a; font-size: 12px; text-align: right; text-decoration: line-through; }

.new-price { display: block; float: none; color: #eb6663; font-size: 15px; font-weight: 400; text-align: right; }

.old-price-div { display: inline-block; float: right; }

.card-image { margin-bottom: 4px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); }

.business-details-left { width: 50%; padding-right: 50px; float: left; font-size: 17px; line-height: 24px; }

.business-type-description { display: block; margin-bottom: 20px; padding-right: 15px; font-weight: 300; }

.business-type-description.link { color: #248dd5; }

.business-type-description.link.mobile-only { color: #333; text-decoration: none; }

.business-details-right { width: 50%; float: left; font-size: 17px; line-height: 24px; }

.review-profile { background-color: #c7c7c7; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; font-size: 20px; font-weight: 100; line-height: 1; letter-spacing: 1px; color: #fff; text-transform: uppercase; width: 50px; height: 50px; margin-right: 15px; float: left; border-radius: 100%; display: block !important; text-align: center; }
.review-profile-inner-div { display: none; height: 100%; }
.review-profile-inner { display: table; height: 100%; width: 100%; }
.review-profile-inner-text { display: table-cell; height: 100%; width: 100%; vertical-align: middle; }
/* Blank Avatar - No User Image then So Initials */
.avatar-inital { background-color: #c7c7c7; display: none; height: 100%; text-align: center; width: 100%; border-radius: 100%; font-size: 20px; font-weight: 600; letter-spacing: 1px; color: #fff; }
.avatar-inital.bordered-avatar { background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,.11),rgba(0,0,0,.11)); background-image: linear-gradient(180deg,rgba(0,0,0,.11),rgba(0,0,0,.11)); background-position: 0 0; background-color: transparent; color: rgba(51,51,51,.75); font-size: 30px; font-weight: 300; border: 1px solid #ccc; letter-spacing: 0; }
.avatar-inital-inner { display: table; height: 100%; width: 100%; }
.avatar-inital-inner-text { display: table-cell; height: 100%; width: 100%; vertical-align: middle; }
/* Blank Avatar - No User Image then So Initials ENDs */
.review-name { display: inline-block; margin-top: 3px; font-weight: 500; max-width: 100%; }

.review-date { font-size: 15px; }

.review-top-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.review-stars { width: 100px; margin-bottom: 10px; }

.review-title { margin-bottom: 0px; color: #333; font-size: 18px; font-weight: 500; text-decoration: none; }

.review-paragraph { margin-bottom: 20px; word-wrap:break-word; }
.review-paragraph a { color: #248dd5; }

.review-div { margin-top: 30px; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 17px; line-height: 22px; }

.review-div.last, .review-div:last-child { border-bottom-style: none; }

.fixed-tabs-div { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 100; display: none; height: 42px; background-color: #f4f4f4; }

.footer-section { position: static; left: 0px; right: 0px; bottom: 0px; padding-top: 40px; padding-bottom: 15px; background-color: #333; background-image: -webkit-linear-gradient(270deg, #333, #333); background-image: linear-gradient(180deg, #333, #333); -webkit-transform: translateZ(0px); }

.footer-div { display: block; max-width: 788px; margin-right: auto; margin-bottom: 20px; margin-left: auto; }

.footer-25-div { width: 21%; margin-right: 41px; float: left; color: #fff; }

.footer-25-div.footer-end { margin-right: 0px; }

.footer-header { display: block; margin-bottom: 10px; float: none; color: #fff; font-size: 16px; }

.footer-header.center { margin-bottom: 20px; padding-top: 20px; text-align: center; }

.apple-app-store-link { width: 138px; height: 44px; background-position: 0px 0px; background-size: 135px; background-repeat: no-repeat; }

.google-app-store-link { width: 138px; height: 44px; margin-top: 5px; padding-top: 0px; background-position: -9px -9px; background-size: 155px; background-repeat: no-repeat; }

.footer-link { display: block; margin-bottom: 2px; color: #fff; font-size: 13px; font-weight: 300; text-decoration: none; }

.country-dropdown { height: 44px; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 100%, .3); border-radius: 2px; color: #fff; }

.country-text { color: #fff; font-size: 15px; font-weight: 300; }

.country-drop-icon { color: #fff; }

.country-dropdown-toggle { height: 44px; padding-top: 10px; padding-bottom: 10px; }

.country-dropdown-list { border-top: 1px solid rgba(51, 51, 51, .14); background-color: #ececec; }

.country-dropdown-background.w--open { background-color: #fff; z-index: 2; }

.lower-footer-div { display: block; max-width: 800px; margin-right: auto; margin-left: auto; border-top: 1px solid hsla(0, 0%, 100%, .5); text-align: center; }
.social-parent-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 400px; margin-right: auto; margin-left: auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 1; }
.footer-section .social-parent-div { width: 246px; }
.social-circle-div { display: block; width: 35px; height: 35px; padding: 0; float: left; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 100%; color: #fff; font-size: 18px; line-height: 34px; text-decoration: none; text-align: center; }
.social-circle-div:hover { background-color: rgba(255, 255, 255, 0.15); }
.google-icon { width: 27px; }
.footer-copyright { margin-top: 30px; color: hsla(0, 0%, 100%, .51); font-weight: 300; text-align: center; }
.lower-background { background-color: #ebebeb; }
.map-div { width: 100%; height: 300px; float: left; background-position: 0px 0px; background-size: 696px; text-align: center; }
.business-static-map { overflow: hidden !important; background-size: cover !important; background-position: center center !important; }
.address { display: inline-block; margin-top: 5px; float: none; clear: left; font-size: 17px; }
.address-map-parent-div { width: 65%; float: left; font-size: 18px; line-height: 24px; }
.vgcustomerapp .address-map-parent-div { overflow: hidden; }
.location-icon { margin-top: 5px; margin-right: 7px; float: left; }
.business-location-icon { position: relative; top: 50%; z-index: 1; text-align: center; }
.book-btn-div { position: relative; top: 46px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 44px; float: right; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.image-clear { position: static; display: block; opacity: 1; }
.more-photos-text { position: relative; left: 0px; display: block; color: #fff; font-size: 18px; text-align: center; text-decoration: none; }
.photos-div-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
#liBook24x7 { width: 0; height: 0; opacity: 0; visibility: hidden; overflow: hidden; }
#tabnav:not(.tab-fixednav) .book-now-multiple { display: none; }
.tab-fixednav .book-now-multiple { position: absolute; top: 0px; right: 0px; bottom: 0; max-height: 42px; width: 130px; padding: 0; margin: 0; display: block; font-size: 16px; letter-spacing: .5px; }
.tab-fixednav .book-now-multiple a { margin: 0px; padding-top: 11px; padding-bottom: 11px; border-radius: 0px; background-color: #eb6663; text-align: center; max-height: 42px; color: #fff; text-decoration: none; display: block; border: 0 none; }
.nav-link { margin-right: 15px; padding-top: 15px; padding-bottom: 15px; float: right; color: #333; font-size: 15px; text-decoration: none; }

.service-category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 15px; padding: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 2px; background-color: #f5f5f5; color: #333; font-size: 18px; font-weight: 400; text-decoration: none; }

.service-category:hover { background-color: #d8d8d8; }

.service-category.active { border-width: 1px; border-color: #000; background-color: #333; color: #fff; }

.service-category.active:hover { background-color: #000; }

.service-name-description { width: 43%; float: left; }

.service-title { margin-bottom: 8px; font-size: 20px; font-weight: 500; }

.service-price-div { width: 33%; float: left; font-size: 20px; font-weight: 500; text-align: center; }

.service-book-div { width: 17%; float: left; text-align: right; }
.service-div { display: block; width: 95%; margin: 20px auto 40px; }
.service-image-div { width: 7%; padding-right: 10px; float: left; }
.our-staff-name { margin-bottom: 4px; font-size: 18px; font-weight: 500; }
.our-staff-number-of-reviews { display: inline-block; margin-top: 0px; margin-left: 5px; padding-top: 0px; font-weight: 300; }
.our-staff-description { display: inline-block; margin-top: 10px; margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: 300; text-align: left; }
.our-staff-div { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .15); }
.review-btn-and-sort-div { width: 375px; text-align: right; }
.sort-div { display: block; width: 77px; height: 40px; padding-top: 8px; padding-bottom: 8px; padding-left: 10px; float: left; border: 1px solid #d9d9d9; border-radius: 3px; background-color: #fff; color: #333; text-align: center; text-decoration: none; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; }
.sort-div:hover { background-color: #f5f5f5; }
.sort-by-text { display: inline-block; margin-right: 12px; }
.nav-profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 7px; margin-bottom: 7px; float: right; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; }
.nav-profile-name { display: inline-block; color: #333; font-size: 15px; text-decoration: none; }
.nav-profile-name.white { color: #fff; }
.nav-profile-photo { width: 30px; height: 30px; margin-right: 10px; margin-left: 10px; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #bbb; border-radius: 100%; background-position: 50% 50%; background-size: cover; }
.nav-profile-photo .avatar-inital { background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,.11),rgba(0,0,0,.11)); background-image: linear-gradient(180deg,rgba(0,0,0,.11),rgba(0,0,0,.11)); background-position: 0 0; background-color: transparent; font-size: 12px; color: rgba(51,51,51,.75); font-weight: 500; letter-spacing: 0; }
.nav-profile-photo.confirm { width: 40px; height: 40px; margin-right: 7px; margin-left: 0px; border-style: none; }
.nav-profile-photo.confirm.other { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.nav-profile-photo.confirm.alt { width: 80px; height: 80px; margin-right: 15px; }
.nav-profile-photo.login { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #eee; background-image: none; background-size: auto; }
.profile-dropdown { display: block; width: auto; height: 50px; margin-right: 0px; margin-left: 0px; float: right; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.profile-dropdown-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 50px; margin-right: 20px; margin-left: 0; padding: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; color: #333; text-decoration: none; }
.profile-dropdown-toggle.mobile { display: none; }
.profile-dropdown-toggle.destop.black { margin-top: 0px; }
.profile-dropdown-list.w--open { top: 50px; right: 0px; width: 275px; margin-top: 0px; border-style: none solid solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); background-color: #fff; }

.profile-dropdown-links { margin-left: 15px; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; border-bottom: 1px solid rgba(0, 0, 0, .15); -webkit-transition: all 300ms ease; transition: all 300ms ease; font-size: 15px; }

.profile-dropdown-links:hover { padding-left: 6px; }

.profile-dropdown-links.w--current { color: #333; }

.profile-dropdown-links.bottom { border-bottom-style: none; }
.widget-menu-links { cursor: pointer; }
.listings-map-40 { position: absolute !important; top: 106px; right: 0px; bottom: 0px; z-index: 4; /*min-height: 100vh;*/ float: right; /*margin-left:450px;*/ left: 0; }

.listings-map-40.daily { width: 40%; }

.listings-60 { position: relative; z-index: 10; overflow: scroll; width: 450px; /*height: 100vh;*/ margin-top: 108px; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #fff; }

.listings-60.daily { width: 60%; }

.listings-60.daily-deals { width: 80%; max-width: 900px; /*margin-top: 0;*/ -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
@media only screen and (max-height: 800px){
.profile-dropdown-links { padding-top:10px; padding-bottom:10px;}
 }
.listings-business-parent-div { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 1px solid #D9D9D9; background-color: #fff; font-size: 15px; text-decoration: none; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
.listings-business-parent-div:hover { background-color: #fcfcfc; }
.listings-business-parent-div:after { background-color: #eb6663; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 5px; border-radius: 20px; opacity: 0; -webkit-transition: opacity 200ms; transition: opacity 200ms; }
.listings-business-parent-div.active:after { opacity: 1; }
.listing-business-info-div .card-titleblockdiv {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.listings-business-parent-div .card-title {margin-right: 0;}
.listings-image { width: 25%; max-width: 25%; min-width: 150px; float: left; }

.listing-div { margin-right: 20px; margin-left: 0px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-decoration: none; }

.trash-link { margin-top: 15px; margin-right: 20px; margin-bottom: 15px; float: right; }

.listings-parent-div-100 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; padding-top: 0px; }
.pagesectionFlex { display: block !important; }
.listings-parent-div-100.pagesectionFlex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
.listing-location { display: inline-block; margin-top: 2px; margin-right: 10px; margin-bottom: 2px; float: none; clear: none; color: rgba(0, 0, 0, .65); font-weight: 400; text-decoration: none; }
.listing-business-info-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; word-wrap: break-word; }
.listing-business-info-div.listingsmall-width { width: calc(100% - 127px); }
.business-type { color: rgba(51, 51, 51, .65); font-size: 13px; font-weight: 300; text-decoration: none; }
.business-listing-description { margin-top: 10px; color: #333; font-size: 13px; font-weight: 300; }
.filter-div { width: 100%; }
.clear-nav-bar { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; padding-right: 10px; padding-left: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.hero-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 350px; padding-top: 50px; -ms-flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-position: 50% 40%; background-size: cover; background-repeat: no-repeat; position: relative; color: #fff; font-weight: 500; text-align: center; }
.iosdevice .hero-image { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
.hero-image:before { background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); background-position: 0 0; background-size: auto; background-repeat: repeat; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; }
.hero-image.daily-deals { height: 100%; padding-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.hero-image.daily-deals:before { background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)); }
.hero-image.daily-deals .div-block-104, .hero-image.daily-deals .search-bar { position: relative; }
.hero-heading { position: static; top: -74px; display: none; margin-top: 0px; margin-bottom: 0px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #fff; font-size: 50px; font-weight: 500; text-align: center; text-transform: none; }

.hero-contents-parent-div { width: 90%; margin-top: 0px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; background-color: transparent; font-size: 20px; font-weight: 300; text-align: center; }

.search-bar { background-color: #fff; width: 100%; height: auto; max-width: 1040px; margin: 24px 0 15px; border: 1px solid rgba(0, 0, 0, .15); border-radius: 5px; color: #333; font-weight: 400; text-align: left; box-shadow: 2px 2px 35px 0 rgba(0,0,0,.15); }
.search-bar.no-border { border: 0 none; }
.search-bar.deals { max-width: 600px; background-color: hsla(0, 0%, 100%, .3); -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; }

.search-bar.deals:hover { background-color: hsla(0, 0%, 100%, .5); }
.search-location-div { display: inline-block; width: 35%; height: 100%; padding-top: 12px; padding-bottom: 11px; padding-left: 0px; float: left; border-right: 1px solid rgba(0, 0, 0, .15); color: #9e9e9e; font-size: 16px; font-weight: 400; text-align: left; }

.search-service-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 40px; padding-top: 11px; padding-bottom: 11px; padding-left: 0px; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-right: 1px none rgba(0, 0, 0, .15); color: rgba(51, 51, 51, .5); font-size: 16px; text-align: left; }

.hero-search-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 11.5%; height: 50px; padding: 11px 25px; float: right; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0 5px 5px 0; background-color: #eb6663; color: #fff; font-size: 18px; text-decoration: none; }
.home-main .hero-search-button { padding-left: 10px; padding-right: 10px; }
.hero-search-button:hover { background-color: #c75552; }

.hero-search-button.deals { width: 100px; }
.search-date-div { display: inline-block; width: 15%; height: 100%; padding-top: 11px; padding-bottom: 11px; padding-left: 12px; color: rgba(51, 51, 51, .5); font-size: 16px; font-weight: 400; text-align: left; text-decoration: none; }

.home-page-section { display: block; width: 95%; max-width: 1040px; margin-right: auto; margin-bottom: 30px; margin-left: auto; padding-bottom: 15px; font-size: 16px; }

.home-main .home-page-section { width: 100%; max-width: 100%; padding-left: 80px; padding-right: 80px; margin-bottom: 0; }
.home-page-section.daily { width: 100%; max-width: none; padding-top: 25px; }

.home-title { margin-bottom: 20px; padding-left: 4px; font-size: 20px; line-height: 24px; font-weight: 500; }
.home-main .home-title { font-size: 32px; line-height: 36px; font-weight: 600; padding-left: 0; }
.home-sub-title { display: inline-block; margin-bottom: 20px; }

.card-location { display: inline-block; margin-right: 8px; float: none; clear: none; text-transform: capitalize; color: #333; font-size: 16px; font-weight: 300; letter-spacing: 0.2px; }

.card-review-number { display: inline-block; margin-left: 5px; vertical-align: top; color: #333; font-size: 13px; font-weight: 300; }

.home-see-all { float: right; color: #387afe; font-weight: 300; text-decoration: none; }
.home-main .home-see-all { color: #248dd5; font-weight: 400; padding-left: 15px; position: relative; padding-top:2px; }
.home-see-all:after { content: "\f105"; font-family: 'Fontawesome pro 400'; color: #248dd5; vertical-align: top; padding-left: 6px; }

.right-arrow { margin-left: 20px; float: right; }

.clear-nav-links { display: block; padding-top: 15px; padding-bottom: 15px; float: right; color: #fff; text-decoration: none; }

.search-nav-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 50px; margin-left: 15px; padding-top: 0px; padding-bottom: 0px; padding-left: 0; float: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-left: 1px solid rgba(0, 0, 0, .15); color: dimgrey; font-size: 16px; font-weight: 300; width: -webkit-calc(100% - 128px); width: -moz-calc(100% - 128px); width: -ms-calc(100% - 128px); width: calc(100% - 128px); }

.search-icon { padding-top: 0px; padding-bottom: 0px; }

.search-location-text { display: inline-block; margin-left: 10px; }

.business-type-checkbox { width: 33%; margin-top: 10px; margin-bottom: 10px; float: left; }

.business-type-div { margin-bottom: 0px; padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, .15); background-color: #fff; }

.apply-filter-button { height: 38px; padding-right: 50px; padding-left: 50px; float: right; border-radius: 2px; background-color: #eb6663; }

.top-pro-image { display: inline-block; width: 168px; height: 168px; max-height: 286px; margin-bottom: 8px; border-radius: 50%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.top-pro-image.background { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 175px; height: 175px; margin-bottom: 8px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: -webkit-linear-gradient(315deg, #eb6663, #248dd5); background-image: linear-gradient(135deg, #eb6663, #248dd5); }

.top-pros-photo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; text-decoration: none; }

.add-business { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #eb6663; }

.div-90 { display: block; width: 90%; margin-right: auto; margin-left: auto; color: #fff; text-align: center; }

.slider-heading { margin-top: 15px; margin-bottom: 15px; font-weight: 500; }

.slider-subheading { margin-bottom: 45px; font-size: 18px; font-weight: 300; }

.white-btn { padding: 12px 50px; border-radius: 2px; background-color: #fff; color: #eb6663; font-weight: 500; }

.slider-parent { height: 360px; }

.slide-nav { display: none; }

.popular-services-div-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.square-category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 33%; height: 343px; margin-right: 10px; margin-left: 0px; float: left; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-decoration: none; }

.square-category.last { width: 24%; height: 217px; margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }

.square-category.last.makeup { background-size: cover; }

.square-category.last.makeup:hover { background-position: 0px 0px, 50% 50%; background-size: auto, cover; }

.square-category.nails { width: 24%; height: 217px; margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
.square-category.hair { width: 24%; height: 217px; margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }

.square-category.massage { margin-right: 20px; }


.category-name { color: #fff; font-size: 32px; line-height: 32px; font-weight: 400; text-decoration: none; }

.appointment-tabs-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.business-image { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.business-img-block { width: 220px; margin-right: 20px; margin-bottom: 5px; float: left; position: relative; }
.business-img-block img { width: 100%; height: auto; }
.appt-business-name { display: inline-block; margin-top: 0px; margin-bottom: 0px; float: left; clear: none; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; color: #333; font-size: 20px; line-height: 24px; font-weight: 500; text-decoration: none; max-width: 100%; word-wrap: break-word; }

.appt-business-name.thin { font-weight: 300; }
.appt-business-name-subtext{font-weight: 400;font-size: 14px;line-height: 20px;color: #777777;padding-top:16px;}
.appt-text { display: block; margin-bottom: 0px; float: none; clear: none; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; font-weight: 300; }
.appt-text.display-inline { display: inline; }
/*Custom Package: Added By Happy Patel, 20th Apr 2018*/
.appt-text.display-inline { display: inline; }

.appt-text.fade { color: rgba(51, 51, 51, .6); }

.appt-photo-div { width: 140px; height: 100%; }

.appt-text-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(100% - 400px); max-width: calc(100% - 400px); height: auto; padding-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 16px; line-height: 22px; }

.appt-type-div { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto;  max-width:725px;}
.servicesClassShowCase {-webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto;  max-width:725px; padding-right:15px;}
.appt-price { margin-top: 2px; margin-bottom: 2px; float: right; clear: right; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #3eb351; font-size: 22px; font-weight: 400; }
.appt-price.status { padding: 3px 10px; border-radius: 3px; background-color: #3eb351; color: #fff; font-size: 14px; font-weight: 500; }
.appt-price.status.pending { background-color: #e4e4e4; }
.appt-price.status.pause { background-color: #ff9f08; color: #fff;}
.appt-price.status.inactive { background-color: #eb6663; color: #fff; }
.appt-price.pending { color: #b4b4b4; }
.appt-price.inactive { color: #eb6663; }
/*Add for waitlist button color*/
.appt-price.status.waitlist-app-btn { background-color: #ef7faa; }
/*Add for waitlist button color*/
.appt-price.minus-points { color: #eb6663; }
.appt-price-div { display: inline-block; float: right; /*-webkit-align-self: center; -ms-flex-item-align: center; align-self: center;*/ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.appt-price-rightcol { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flexSet.appt-price-rightcol {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex: 1 0 auto;}
.div-block-150 { margin-top: 5px; }
.appt-pricediv { float: none; display: inline-block; }
.appt-section { display: block; width: 100%; margin-right: auto; margin-left: auto; padding: 30px 20px; float: right; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 15px; font-weight: 300; text-decoration: none; }
.appt-section.bottom, .appt-section:last-child { border-bottom-style: none; }
.appt-section.packages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.appt-section.package { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.bookmark-image { width: 288px; margin-right: 20px; margin-bottom: 5px; float: left; }
.bookmark-image .bookimgdiv { background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.iosdevice .bookmark-image .bookimgdiv { display: block !important; }
.bookmark-image img { width: 100%; height: auto; }
.bookmark-text { display: inline-block; line-height: 18px; }
.bookmark-text.clear-left { margin-bottom: 5px; float: none; }

/*18-12-2019 StartingAtblock css*/
.StartingAtblock {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items:center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end;}
.StartingAt {font-size:14px; margin-right:8px;}
/*18-12-2019 StartingAtblock css*/

.bookmark-text-div { display: block; margin-bottom: 15px; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.bookmark-rating { margin-right: 5px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }

.bookmarks-div { width: 100%; margin-bottom: 30px; padding: 0px 0px 10px; float: right; border-bottom: 1px solid rgba(0, 0, 0, .15); }
.bookmarks-div:last-child { border-bottom: 0 none; }
.bookmarks-div.top { margin-top: 30px; }
.bookmarks-div.no-bottom-pad { margin-bottom: 0px; border-bottom-style: none; }
.remove-text { display: inline-block; margin-left: 7px; font-size: 13px; text-decoration: none; }
.remove-text.blue { color: #487cf6; }
.remove-text.review { margin-left: 4px; }
.profile-sections { display: block; width: 80%; max-width: 1000px; margin: 0px auto 30px; padding: 20px 0px 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 2px; background-color: #fff; font-size: 15px; font-weight: 300; text-align: left; }
.tab-min-height { min-height: 150px; }
.profile-sections.no-bottom-pad { margin-top: 0px; padding-top: 20px; padding-bottom: 0px; }
.profile-sections.no-top-pad { padding-top: 0px; }
.profile-sections .profile-sections { padding: 0; width: 100%; }
.bookmarks-text-div { display: inline-block; }

.bookmarks-white-book-btn { position: relative; left: 0px; bottom: 0px; height: 38px; margin-top: 20px; padding: 7px 50px; float: left; clear: none; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 2px; background-color: #eb6663; color: #fff; font-weight: 400; }

.bookmark-text-parent-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-bottom: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.appointments-parent-div { display: block; width: 100%; margin: 0px auto 30px; padding-right: 0px; padding-left: 0px; border-radius: 2px; background-color: #fff; }

.menu-div { position: static; width: 18%; height: auto; max-width: 210px; min-width: 150px; margin-top: 20px; padding-top: 0px; padding-bottom: 0px; float: left; border-top: 1px none rgba(0, 0, 0, .15); border-radius: 6px; background-color: #f4f4f4; }

.menu-link { display: block; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; color: rgba(51, 51, 51, .58); font-size: 16px; font-weight: 300; text-decoration: none; }

.menu-link:hover { color: #d5d5d5; font-weight: 300; }

.menu-link.active { color: #333; font-weight: 500; }

.bookmarks-bus-name { margin-bottom: 5px; float: left; font-size: 24px; line-height: 28px; font-weight: 400; }

.remove-link { float: left; clear: left; color: #248dd5; text-decoration: none; font-size: 13px; font-weight: 400; }

.my-profile-header { width: 80%; margin-top: 10px; margin-bottom: 15px; float: right; font-size: 32px; font-weight: 500; }

.input-title { display: block; margin-bottom: 7px; font-weight: 400; }

.input-text { margin-bottom: 20px; padding: 8px 10px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; box-shadow: none; }

.input-text._60 { width: 50%; margin-right: 10px; float: left; }

.input-text._25 { width: 25%; float: left; }

.half-div { width: 48%; padding-left: 20px; float: left; }

.half-div.right { padding-right: 20px; padding-left: 0px; float: right; }

.parent-half-div { display: block; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.gender-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 120px; height: 60px; margin-right: 20px; padding: 0px; float: left; clear: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .25); border-radius: 6px; -webkit-transition: all 200ms ease; transition: all 200ms ease; text-align: center; }

.gender-div:hover { border-color: #6273ee; box-shadow: inset 0 0 12px 1px #6c70dd; }

.gender-div.gender-active { width: 120px; height: 60px; margin-bottom: 0px; border-width: 1px; border-color: #6d82f5; box-shadow: inset 0 0 12px 1px #6c70dd; }

.birthday-field { width: 120px; margin-right: 20px; margin-bottom: 0px; padding: 8px 10px; float: left; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .25); border-radius: 2px; }

.birthday-field.day { width: 60px; }

.birthday-field.year { width: 90px; }

.outline-btn { margin-bottom: 40px; margin-left: 0px; padding: 10px 25px; border: 1px solid #a8a8a8; border-radius: 3px; background-color: transparent; color: #757575; font-weight: 400; width: 200px; }

.outline-btn:hover { background-color: #f5f5f5; }

.outline-btn.bag { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 45px; margin-top: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-width: 1px; border-radius: 3px; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; }

.horizontal-menu-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-right: 0px; padding-left: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .15); background-color: #464646; position: fixed; left: 0; top: 50px; right: 0; width: 100%; z-index: 10; }

.horizontal-nav-link { margin-right: 0px; padding: 11px 9px; border-bottom: 3px solid transparent; -webkit-transition: color 200ms ease; transition: color 200ms ease; color: hsla(0, 0%, 100%, .48); font-size: 15px; text-decoration: none; }

.horizontal-nav-link:hover { color: hsla(0, 0%, 100%, .96); }

li.active .horizontal-nav-link, .horizontal-nav-link.horizontal-link-active { padding-top: 13px; padding-bottom: 13px; border-bottom-width: 4px; border-bottom-color: #fff; color: #fff; cursor: default; }
li .horizontal-nav-link { padding-top: 13px; padding-bottom: 13px; border-bottom-width: 4px; }

.horizontal-nav-link.horizontal-link-active.w--current { padding-top: 13px; padding-bottom: 13px; border-bottom-width: 4px; border-bottom-color: #fff; color: #fff; font-weight: 400; }

.grey-body, .myAccountpage { background-color: #f5f5f5; }

.oval-tab { display: inline-block; min-width: 125px; margin-right: 0px; margin-left: 0px; padding: 6px 10px; border: 2px solid #eb6663; border-radius: 10px 0px 0px 10px; background-color: transparent; color: #eb6663; font-weight: 400; text-align: center; text-decoration: none; }

.oval-tab.oval-active-tab { padding-top: 6px; padding-bottom: 8px; background-color: #575757; color: #fff; }

.oval-tab.oval-active-tab:hover { background-color: #333; }

.oval-tab.oval-active-tab.w--current { display: inline-block; min-width: 125px; margin-right: 0px; padding-top: 6px; padding-bottom: 6px; border: 2px solid #eb6663; border-radius: 10px 0% 0% 10px; background-color: #eb6663; font-weight: 400; text-align: center; }

.oval-tab.oval-active-tab.past.w--current { border-radius: 0px 10px 10px 0px; }

.oval-tab.upcoming { border-radius: 0px 10px 10px 0px; }

.appt-top-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; }

.reschedule-cancel { margin-top: 0px; float: left; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.cancel-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 7px 15px; float: left; clear: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; border-radius: 3px; background-color: #f5f5f5; text-decoration: none; }

.cancel-div:hover { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); background-color: #e9e9e9; }
.cancel-div.right.alt { margin-left: 15px; }
.cancel-div.alt { width: 150px; padding: 9px 15px; color: #333; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-color: #BFBFBF; background-color: #fff; }
.cancel-div.alt.reviewaddedButton { width: 212px; padding-left: 10px; padding-right: 10px; }
.cancel-div.alt.reviewaddedButton .card-rating-div { margin-left: 10px; }
.cancel-div.alt.reviewaddedButton .w-inline-block { vertical-align: middle; }
.cancel-div.alt:hover { border-color: rgba(0, 0, 0, .5); background-color: #f5f5f5; }
.cancel-more-div { margin-left: 10px; position: relative; z-index:2; }
.cancel-more-div .cancel-div.alt { width: auto; }
.cancel-icon { float: left; opacity: 0.8; }

.buttons-title { display: inline-block; margin-bottom: 0; float: none; clear: none; font-size: 20px; line-height: 24px; font-weight: 500; }

.switch-on { margin-top: 0px; padding-top: 6px; float: right; }

.switch-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; padding-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.switch-div.bottom { border-bottom-style: none; }
.switch-div.centered { padding-top: 16px; padding-bottom: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.sep-border-cdcd { height: 1px; background-color: #cdcdcd; }
.switch-div.facebook { margin-bottom: 25px; padding-right: 0px; padding-left: 0px; border-top: 1px solid rgba(0, 0, 0, .1); border-bottom-style: solid; border-radius: 5px; }
.parent-div-notifications { margin-top: 40px; padding: 20px; border-top: 1px solid rgba(0, 0, 0, .15); }

.profile-title { margin-bottom: 10px; font-size: 24px; line-height: 24px; }

.profile-title.special-announcement { margin-top: 15px; }

.switch-off { margin-right: 2px; margin-left: -3px; padding-top: 6px; }

.profile-photo-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 18px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-bottom: 1px solid rgba(0, 0, 0, .15); }

.profile-photo { width: 80px; height: 80px; margin-right: 30px; float: left; border-radius: 100%; background-position: 50% 50%; background-size: cover; }

.profile-photo.booking-page { width: 80px; height: 80px; margin-right: 15px; margin-bottom: 15px; }

.profile-photo.booking-page.laura { background-position: 94% 50%; background-size: cover; background-repeat: no-repeat; }

.upload-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 38px; margin-bottom: 5px; padding-right: 20px; padding-left: 20px; float: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: #3c8ace; color: #fff; text-decoration: none; }

.upload-button:hover { background-color: #357cb9; }

.light-text { width: 400px; float: left; clear: none; color: #888; font-size: 13px; line-height: 18px; }

.light-text.longer { color: #888; font-size: 13px; }

.lower-upload-div { height: 38px; margin-bottom: 10px; float: none; clear: none; }

.upload-icon { margin-right: 10px; font-size: 18px; }

.products-div { display: inline-block; width: 100%; margin-top: 0px; margin-bottom: 0px; padding: 25px 20px; border-bottom: 1px none rgba(0, 0, 0, .5); font-size: 15px; }

.item-name-div { display: block; width: 50%; float: left; font-size: 15px; font-weight: 300; }

.title-caps { margin-bottom: 5px; font-weight: 500; text-transform: uppercase; }

.qty-div { width: 16%; float: left; font-weight: 300; }
.qty-div-subtotal .title-caps { text-align: right; }
.qty-div-subtotal { width: 18%; }
.qty-div-price { padding-left: 30px; }
.pri-right-text { text-align: right; }
.product-location-and-time { margin-bottom: 0px; font-size: 18px; line-height: 24px; font-weight: 400; color: #333; text-decoration: none; }
.product-location-and-time a { font-weight: 400; color: #333; text-decoration: none; }
.product-lower-price { display: inline-block; width: 16.6%; margin-top: 5px; float: right; font-weight: 300; }

.product-lower-price.longer { width: 33.2%; }

.product-items-div { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, .1); }

.product-lower-price-text { margin-top: 5px; margin-bottom: 5px; color: #333; }

.product-time-placed { margin-bottom: 15px; font-size: 12px; line-height: 16px; font-weight: 300; }

.product-time-placed.no-bottom-pad { margin-bottom: 0px; }

.reviews-div { padding: 35px 20px; border-bottom: 1px solid rgba(0, 0, 0, .15); }
.reviews-div:last-child { border-bottom: 0 none; }
.reviews-div.top-review { padding-top: 5px; }

.review-salon-name { font-size: 20px; line-height: 24px; font-weight: 400; }

.review-profile-photo { width: 65px; height: 65px; margin-right: 10px; margin-bottom: 8px; float: left; border-radius: 50%; background-position: 50% 50%; background-size: cover; display: block !important; }
.avatar-initials-default { position: relative; }
.avatar-initials-default:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 2px solid #e4e4e4; border-radius: 100%; }

.review-review-stars { display: block; margin-bottom: 0px; float: left; clear: left; }

.review-left-button { width: 50%; padding-top: 15px; padding-bottom: 15px; float: left; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .2); color: #5364db; font-weight: 400; text-align: center; }

.review-right-button { width: 50%; padding-top: 15px; padding-bottom: 15px; float: left; border-style: solid solid solid none; border-width: 1px; border-color: rgba(0, 0, 0, .15); color: #5364db; font-weight: 400; text-align: center; }

.review-edit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; margin-right: 25px; padding-top: 10px; padding-bottom: 10px; float: left; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .25); border-radius: 2px; background-color: transparent; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #333; text-align: center; text-decoration: none; }

.review-edit:hover { border-color: #3e70a7; }

.review-delete { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; padding-top: 10px; padding-bottom: 10px; float: left; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .25); border-radius: 2px; background-color: #fff; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #333; text-align: center; text-decoration: none; }

.review-delete:hover { border-color: #eb6663; }

.delete-text-button { display: inline-block; margin-left: 10px; }

.edit-button-text { display: inline-block; margin-left: 10px; }

.service-dropdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 43%; height: 38px; max-width: 45%; margin-right: 10px; margin-left: 0px; padding: 8px 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 2px; color: #333; text-decoration: none; }

.service-dropdown.date { width: 15%; }

.service-dropdown.date.daily { width: 100%; margin-right: 0px; margin-bottom: 15px; }

.service-dropdown.actual-dropdown { width: 100%; max-width: none; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; border-style: none; }

.service-dropdown.daily { width: 100%; height: 40px; max-width: 100%; margin-bottom: 10px; border-radius: 3px; }

.book-search-button { width: 100%; height: 38px; padding-top: 9px; padding-bottom: 9px; border-radius: 3px; background-color: #eb6663; text-align: center; }

.book-search-button:hover { background-color: #d85c59; }

.book-search-button.pad-right { width: 15%; margin-right: 10px; }

.add-service-div { display: inline-block; height: 28px; margin-top: 10px; margin-bottom: 20px; padding: 3px 12px; border-radius: 2px; background-color: #77c781; color: #fff; font-size: 12px; text-align: left; text-decoration: none; }

.book-calendar-parent-div { position: static; width: 100%; margin: 0px 0px 40px; float: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, .3); }

.day-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 120px; height: 84px; margin-right: 0px; padding-top: 12px; padding-bottom: 12px; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; box-shadow: none; color: #333; text-align: center; text-decoration: none; cursor: pointer; }

.day-div:hover { background-color: hsla(1, 77%, 65%, .1); }

.day-div.last-day { border-right: 1px solid rgba(0, 0, 0, .3); }

.day-div.inactive-day { width: 120px; margin-right: 0px; margin-left: 0px; border-style: solid solid solid none; background-color: #f5f5f5; box-shadow: none; }

.day-div.inactive-day:hover { box-shadow: none; color: #333; }

.day-div.inactive-day.left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-top: 12px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; background-color: hsla(0, 0%, 96%, 0); }

.day-div.today { margin-right: 0px; margin-left: 0px; border-color: rgba(0, 0, 0, .1); background-color: #333; box-shadow: none; color: #fff; }

.day-div.inactive { background-color: #eee; opacity: 1; cursor: default; }

.day-div.active { background-color: #eb6663; color: #fff; }

.day-div.selected { background-color: #eb6663; color: #fff; }

.day-text { margin-bottom: 0px; font-size: 24px; line-height: 28px; text-align: center; text-decoration: none; }

.arrow-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 7%; height: 84px; margin-bottom: 50px; padding-right: 10px; padding-left: 5px; float: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-left: 1px none rgba(0, 0, 0, .3); }

.arrow-div.end { width: 70px; height: 70px; padding-right: 5px; padding-left: 10px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; border-right: 0px none rgba(0, 0, 0, .3); border-left-style: none; }

.month { width: 15%; height: 45px; margin-bottom: 0px; border-radius: 3px; }

.month-this-week { display: inline-block; margin-top: 10px; margin-right: 10px; margin-bottom: 15px; font-size: 32px; line-height: 36px; font-weight: 500; text-align: center; text-transform: uppercase; }

.service-provider-parent-div { display: inline-block; width: 100%; margin-bottom: 50px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, .15); font-weight: 300; }

.service-provider-parent-div.bottom { border-bottom-style: none; }

.service-provider-name { margin-bottom: 3px; color: #333; font-size: 18px; font-weight: 400; text-decoration: none; }

.service-provider-times { display: block; margin-top: 5px; float: none; clear: left; }

.time-link-block { width: 12.8%; max-width: 13%; margin: 0px 7px 20px; padding-top: 12px; padding-bottom: 12px; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 3px; background-color: #eb6663; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #fff; font-size: 16px; font-weight: 400; text-align: center; text-decoration: none; }

.time-link-block:hover { background-color: #cf5754; }

.time-link-block.end-block { width: 130px; margin-right: 0px; margin-bottom: 20px; }

.time-parent-div { display: block; overflow: hidden; width: 1000px; max-width: 100%; margin-top: 3px; margin-bottom: 0px; clear: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.servcie-dropdown-text { margin-bottom: 5px; color: rgba(51, 51, 51, .9); font-size: 15px; font-weight: 500; }

.service-dropdown-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-top: 10px; padding-left: 12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.service-dropdown-toggle.w--open { padding-left: 12px; }

.service-dropdown-list.w--open { margin-top: 3px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); background-color: #fff; }

.time-of-day-text { padding-left: 7px; color: rgba(51, 51, 51, .83); font-size: 12px; font-weight: 500; text-transform: uppercase; }

._5-star-reviews { display: inline-block; width: 8px; float: left; clear: left; font-size: 13px; }

.review-bar { width: 80%; height: 10px; margin-top: 0px; margin-left: 10px; float: left; border-radius: 19px; background-color: #eb6663; }

.review-bar._4 { width: 60%; }

.review-bar._3 { width: 50%; }

.review-bar._2 { width: 10%; }

.review-bar._1 { width: 5%; }

.review-bar-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.service-dropdown-links { border-bottom: 1px solid rgba(0, 0, 0, .15); color: #333; }

.service-dropdown-links:hover { background-color: #e7e7e7; color: #333; }

.calendar-pop-up-div { display: block; width: 250px; margin-top: 0px; float: right; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15); font-size: 16px; font-weight: 500; text-align: center; }

.calendar-pop-up-div.book { position: absolute; left: 496px; top: 0px; display: none; }

.left-arrow { float: left; }

.month-parent-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; }

.month-title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #333; }

.cal-day-of-week { width: 14.28%; margin-bottom: 3px; float: left; color: #333; font-size: 15px; font-weight: 400; }

.month-day-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 250px; margin-top: -1px; margin-left: -1px; border-left: 1px solid #cfcfcf; }

.month-day-div.bottom-cal { border-bottom-left-radius: 4px; }

.cal-day-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 14.28%; height: 34px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid solid solid none; border-width: 1px; border-color: #cfcfcf; background-color: #fff; color: #333; font-size: 16px; font-weight: 400; text-decoration: none; }

.cal-day-div:hover { background-color: #e2e2e2; }

.cal-day-div.past-day { color: rgba(51, 51, 51, .25); }

.cal-day-div.past-day:hover { background-color: #fff; }

.cal-day-div.right-corner-cal { border-bottom-right-radius: 4px; }

.cal-day-div.left-corner-cal { border-bottom-left-radius: 4px; }

.calendar-overall-div { position: absolute; left: 0px; top: 496px; right: 0px; display: none; width: 100%; max-width: 1040px; margin-right: auto; margin-left: auto; padding-right: 25px; border-radius: 4px; text-align: right; }

.calendar-overall-div.book { top: 354px; display: block; }

.overall-calendar-div { display: inline-block; border-radius: 4px; box-shadow: 1px 1px 3px 0 #000; }

.book-overall-cal-div { position: absolute; display: none; width: 1000px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-right: 5%; }

.book-dropdown { width: 100%; padding: 0px; }

.book-dropdown-list.w--open { margin-top: 8px; margin-left: -15px; padding-top: 0px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); background-color: #fff; }

.book-dropdown-list.service.w--open { overflow: scroll; height: 400px; margin-top: 28px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }

.book-dropdown-links { border-bottom: 1px solid rgba(0, 0, 0, .15); }

.book-dropdown-links:hover { background-color: #e7e7e7; }

.dropdown-location { color: #868686; font-size: 12px; font-weight: 300; text-decoration: none; text-transform: uppercase; }

.filter-parent-div { position: relative; z-index: 101; display: block; height: auto; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; font-size: 15px; font-weight: 300; }

.filters-text { display: inline-block; margin-right: 10px; color: #248dd5; font-size: 13px; text-transform: uppercase; }

.listings-filter-div { position: fixed; z-index: 10; margin-top: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px solid rgba(0, 0, 0, .15); background-color: #fff; top: 50px; left: 0; right: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.listings-filter-div.daily { margin-top: 0px; }
.filter-result-text { margin: 7px 5px 8px 5px; padding: 5px 30px 5px 15px; border: 1px solid transparent; border-radius: 2px; background-color: rgba(0, 0, 0, .09); color: #333; text-decoration: none; position: relative; max-width: inherit; }
.inner-bubble-text { display: inline-block; color: rgba(51, 51, 51, .9); font-size: 13px; font-weight: 300; }
.inner-bubble-x { }
.div-block-141 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20px; height: 20px; margin-left: 5px; padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; position: absolute; right: 5px; top: 6px; }
.div-block-141:hover { background-color: #dadada; }
.business-type-dropdown-list.w--open { position: absolute; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); background-color: #fff; }

.businesses-avail-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px 0px 5px 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px none rgba(0, 0, 0, .15); border-bottom: 1px solid rgba(0, 0, 0, .15); color: rgba(51, 51, 51, .5); font-size: 15px; font-weight: 300; }

.businesses-avail-text { display: inline-block; color: rgba(51, 51, 51, .75); }

.sort-toggle { height: 21px; padding-top: 0px; padding-bottom: 0px; color: rgba(51, 51, 51, .56); font-size: 15px; font-weight: 400; padding-left: 0px; }

.sort-toggle.w--open { padding-left: 90px; }

.sort-dropdown-div { height: 20px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; }
.sort-dropdown-div.shorting-right { position: absolute; right: 11px; top: 13px; z-index: 99; }
.pros-div { width: 290px; min-width: 200px; padding-left: 0; border-style: none; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.search-list-row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 420px; }
.search-list-row .font-awesome.large { font-weight: 300; color: #333; }
.location-text-list-field { height: 47px; width: 95.6%; padding-left: 10px; border-style: none; background-color: transparent; color: #696969; font-size: 16px; font-weight: 300; }
.prof-left-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.filters-button.btngo-80 { width: 80px; background: #eb6663; border-color: #eb6663; text-align: center; color: #fff; }
.filters-button.btngo-80:hover { background: #d65956; border-color: #d65956; }
.divider-search { width: 0; margin-left: 10px; margin-right: 15px; position: relative; }

.prof-right-padding { position: relative; width: 100%; overflow: hidden; padding-right: 120px; }
.bus-filter { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.search-list-row .bookaservice-service, .search-list-row .bookaservice-date, .search-list-row .bookaservice-time { margin-top: 0px; }
#divServiceFilters.search-list-row { min-width: 615px; }
.business-type-hide #divServiceFilters.search-list-row { min-width: 420px; }
.service-dtpick-hide #divServiceFilters.search-list-row { min-width: 420px; }
.vr-divider-search { float: left; }
.search-marginleft { margin-right: 11px !important; margin-left: 0px !important; }
.vr-divider-search .line { margin-right: 15px; display: inline-block; }
.vr-divider-search .line span { display: inline-block; width: 0px; border-left: solid 1px #ccc; height: 59px; float: left; position: absolute; top: -6px; }
.filteradded { overflow: hidden; }
.right-slide-arrow { position: absolute; right: 91px; top: 13px; font-size: 37px !important; cursor: pointer; display: none; }
.left-slide-arrow { position: absolute; left: 15px; top: 13px; font-size: 37px !important; cursor: pointer; z-index: 1; display: none; }
.left-slide-arrow:before { content: ''; position: absolute; background: #fff; width: 35px; height: 35px; z-index: 0; left: -15px; top: -6px; }
.left-slide-arrow span { position: relative; margin-left: -3px; }
.divider-search .line { border-left: 1px solid rgba(0,0,0,.15); padding-left: 2px; position: absolute; left: 0px; height: 58px; top: -30px; }

.sort-dropdown-list.w--open { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 2px; background-color: #fff; z-index:2; }

.dropdown-link { border-bottom: 1px solid rgba(0, 0, 0, .15); font-weight: 300; }

.dropdown-link:hover { background-color: #e9e9e9; }

.dropdown-link.sort-active { background-color: #eb6663; color: #fff; font-weight: 300; }

.dropdown-link.myLikeAll-active { background-color: #eb6663; color: #fff; font-weight: 300;} 

.business-type-dropdown-link { border-bottom: 1px solid rgba(0, 0, 0, .15); }

.business-type-dropdown-link:hover { background-color: #eee; }

.dropdown-icon { margin-right: 0px; padding-top: 0px; float: left; }

.business-type-text { display: inline-block; margin-right: 10px; float: left; font-size: 14px; }

.business-type-dropdown-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 30px; margin-right: -20px; padding-top: 0px; padding-bottom: 0px; float: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.receipt-end { height: 30px; margin-top: 25px; margin-bottom: 40px; background-position: 0px 0px; background-size: 585px; background-repeat: repeat-x; }

.gift-certificate-div { width: 100%; margin-bottom: 50px; padding-right: 10px; padding-left: 10px; }

.gift-certificate-div.top { width: 100%; max-width: 900px; }

.gift-card { margin-bottom: 5px; float: left; border-style: solid; border-width: 2px; border-color: rgba(0, 0, 0, .1); border-radius: 10px; /*max-height: 204px;*/ }

.gc-from { display: inline-block; float: left; clear: left; }

.qc-title { font-weight: 500; }

.gc-amount { float: right; color: #50bb58; font-size: 17px; font-weight: 400; }

.gc-parent-div { width: 50%; max-width: 420px; margin-bottom: 50px; float: left; cursor: pointer; }
.gc-parent-div:nth-child(2n) { float: right; }
.quickLink { display: block; padding: 10px; background: transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; color: #333; }
.quickLink:hover { background: #f5f5f5; }

.gc-parent-div.no-pad { margin-right: 0px; }

.current-points { display: block; width: 80%; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 30px 20px; border-radius: 2px; background-color: #fff; font-weight: 300; }

.back-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1000px; max-width: 80%; margin-right: auto; margin-bottom: 6px; margin-left: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #0076ff; font-size: 20px; font-weight: 400; text-decoration: none; }
.back-text { display: inline-block; margin-left: 6px; }
.reviews-title { display: block; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 18px; font-weight: 400; }
.services-price { padding-top: 7px; }
.arrow-circle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 60px; height: 84px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, .05); }

.arrow-circle:hover { background-color: #f5f5f5; }

.arrow-circle.left { height: 76px; margin-left: 0px; border-radius: 0px 5px 5px 0px; }

.arrow-img { margin-right: 4px; opacity: 0.5; }

.arrow-img.right-arrow-img { margin-right: -3px; }

.arrow-img.inactive { opacity: 0.1; }

.current-location-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 30px; padding-top: 5px; padding-bottom: 5px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 18px; font-weight: 400; text-decoration: none; }

.my-location-icon { margin-right: 15px; }

.search-mobile-div { display: none; }

.list-business-div { padding-top: 50px; padding-bottom: 50px; background-color: #eb6663; }

.daily-deal-text-div-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.daily-deal-div-left { margin-top: 4px; }
.slick-threeblockslider .daily-deal-div-left { width: 100%; }
.daily-deal-div-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.reviews-top-mobile { width: 47%; color: #333; }

.reviews-bottom-mobile { width: 53%; }

.mobile-menu { display: none; }

.services-section { display: block; width: 1000px; max-width: 95%; margin-top: 30px; margin-right: auto; margin-left: auto; }

.our-staff-section { display: block; width: 1000px; max-width: 95%; margin-top: 30px; margin-right: auto; margin-left: auto; }

.location-link { color: #248dd5; text-decoration: none; }
.vagaroapp-webpage .businesses-avail-text .location-link { color: rgba(51,51,51,.75); }
.book-service-div { margin-top: 20px; margin-bottom: 30px; }

.profile-form { display: block; width: 100%; margin-right: auto; margin-left: auto; }

.form-50-div { width: 49%; float: left; }

.form-50-div.birthday { display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.form-row-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.form-row-div.contentblockwrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.input-select { padding-top: 8px; padding-bottom: 8px; }

.input-select._50 { width: 48%; float: left; }

.input-select._25 { width: 24%; float: left; }

.flexy-form-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.location-dropdown-list.w--open { margin-top: 2px; border-top: 1px solid rgba(0, 0, 0, .15); background-color: #fff; }

.book-calendar-overall-div { position: absolute; display: none; width: 100%; max-width: 900px; margin-top: 5px; margin-right: auto; margin-left: auto; }

.dropdown-category { padding-top: 5px; padding-bottom: 0px; padding-left: 15px; font-size: 15px; font-weight: 600; }

.dropdown-category.top { padding-top: 10px; font-weight: 600; }

.dropdown-subcategory { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px 10px 8px 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #333; font-weight: 300; text-decoration: none; }

.dropdown-subcategory:hover { background-color: rgba(0, 0, 0, .03); }

.dropdown-subcategory.top { padding-top: 0px; }

.percent-off-text { padding: 0px 5px; border-radius: 3px; background-color: #eb6663; color: #fff; font-size: 10px; font-weight: 500; text-transform: uppercase; }

.provider-dropdown { width: 25%; margin-left: 0px; padding: 8px 15px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 2px; }
.dropdown-provider:hover { background-color: rgba(0, 0, 0, .04); }
.location-form { width: auto; height: 50px; margin-top: 0px; margin-bottom: 0px; }
.listings-logo-search-div .location-form { width: 100%; }
.location-text-field { height: 50px; margin-top: -11px; border-style: none; background-color: transparent; color: dimgrey; font-size: 16px; }
.product-form-col { float: left; padding: 0 5px; width: 28.6%; }
.product-form-submit.product-form-col { width: 14.2%; }
.product-type-dropdown { width: 100%; height: 38px; padding: 8px 15px; border: 1px solid #DCDCDC; border-radius: 3px; background-color: #fff; }
.div-block-140 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.brand-dropdown { width: 100%; height: 38px; padding: 8px 15px; border: 1px solid #DCDCDC; border-radius: 3px; background-color: #fff; }
.product-form { margin-left: -5px; margin-right: -5px; margin-bottom: 0; }
.product-form-flex { }
.products-row-div { display: block; margin-bottom: 15px; margin-left: -10px; margin-right: -10px; }
.product-parent-div { width: 33.33%; float: left; padding: 0 10px; font-weight: 400; text-decoration: none; word-wrap: break-word; }
.product-parent-div:nth-of-type(3n + 1) { clear: left; }
.product-image { margin-bottom: 15px; }
.cart-link-block { background-color: transparent; display: none; margin-top: 6px; margin-left: 0px; padding: 7px 15px; float: right; border-radius: 5px; color: #333; font-size: 15px; font-weight: 400; text-decoration: none; }
.mob-nav-back { text-decoration: none; display: none; font-size: 40px; line-height: 50px; padding-left: 13px; float: left; margin-right: 0px; color: #333; width:50px;}
.grey-text { color: rgba(51, 51, 51, .7); font-weight: 300; }
.product-text-div { padding: 0px 20px 15px 0px; color: #333; text-decoration: none; }
.product-image-div { display: inline-block; width: 100%; height: 400px; }
.product-image-div.eleia { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.product-image-div.pantene { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); background-position: 41% 50%; background-size: cover; background-repeat: no-repeat; }
.product-image-div.aesop { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.product-popup-background { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1001; display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .5); }
.product-popup-div { position: relative; z-index: 1002; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 900px; padding: 30px 15px 30px 30px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-radius: 2px; background-color: #fff; }

.aesop-popup-image { width: 250px; height: 350px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.product-popup-text-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.product-popup-title { margin-bottom: 5px; font-size: 18px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; }

.popup-close-div { position: absolute; top: 0px; right: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 18px; height: 18px; margin-top: 10px; margin-right: 10px; margin-left: 0px; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.popup-product-brand { margin-bottom: 15px; }

.qty { display: inline-block; margin-right: 5px; float: left; }

.qty-text-field { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 55px; height: 38px; float: left; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .2); border-radius: 2px; color: rgba(51, 51, 51, .68); font-size: 18px; font-weight: 300; }

.qty-overall-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.add-to-cart-btn { background-color: #333; padding-right: 30px; padding-left: 30px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; border-radius: 3px; color: #fff; }

.cart-number { position: static; margin-top: 4px; margin-left: 0px; float: right; font-size: 16px; line-height: 20px; font-weight: 400; text-align: center; }

.cart-icon { margin-right: 8px; float: left; }

.product-type { width: 100%; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; color: #333; text-decoration: none; }

.share-text { display: inline-block; margin-right: 10px; float: left; }

.facebook-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30px; height: 30px; margin-right: 10px; float: left; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #3b5998; }

.share-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.twitter-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30px; height: 30px; margin-right: 10px; padding-top: 1px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #0084b4; }

.pinterest-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30px; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #cb2027; }

.other-photos-div { display: block; width: 75px; margin-left: 10px; background-color: transparent; }
.thumbnail-image { width: 100%; height: 25%; margin-bottom: 7px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .05); background-color: transparent; background-position: 50% 50%; background-size: cover; }
.thumbnail-image.bottom { margin-bottom: 0px; }
.listing-bus-image { width: 127px; height: 85px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; border-radius: 2px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.ipadandroid .listing-bus-image { display: block !important; }
.location-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 8px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-style: normal; }
/*.location-address-div { float: left; width: calc(100% - 100px); }*/
.mobile-hamburger-div { display: none; }
.mobile-menu-background-div { display: none; }
.map-view { display: none; }
.daily-deal-image-div { height: 217px; max-height: 211px; max-width: 100%; margin-bottom: 4px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.center-profile-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1000px; height: 100%; margin-right: auto; margin-left: auto; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.profile-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; height: 200px; margin-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; border: 3px solid #fff; border-radius: 3px; background-position: 50% 50%, 50% 50%; background-size: cover, cover; }

.edit-link-block { display: none; padding: 10px 15px; background-color: rgba(0, 0, 0, .57); color: #fff; font-size: 14px; text-decoration: none; }

.my-profile-menu-div { display: none; }

.title-caps-mobile { display: none; }

.active-tab { width: 50%; padding-top: 15px; padding-bottom: 15px; border-bottom: 3px solid #eb6663; color: #eb6663; font-size: 15px; text-align: center; text-decoration: none; }

.active-tab.w--current { width: 50%; padding-top: 15px; padding-bottom: 15px; border-bottom: 3px solid #eb6663; color: #eb6663; font-size: 15px; text-align: center; text-decoration: none; }

.inactive-tab { width: 50%; padding-top: 15px; padding-bottom: 15px; color: #333; font-size: 15px; text-align: center; text-decoration: none; }

.inactive-tab.w--current { width: 50%; padding-top: 15px; padding-bottom: 15px; border-right: 1px none rgba(0, 0, 0, .15); color: #333; font-size: 15px; text-align: center; text-decoration: none; }

.inactive-tab.w--current:hover { color: #333; }

.tabs-container { display: block; width: 1000px; margin-right: auto; margin-left: auto; margin-top: 0; margin-bottom: 0; padding-left: 0px; list-style: none; }
.tabs-container li { float: left; }
.gift-card-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1000px; max-width: 80%; margin: 0px auto 30px; padding-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; }

.listings-review { display: block; margin-top: 0px; color: #333; }

.listings-review-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.listings-review-profile-div { width: 40px; height: 40px; margin-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 50%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.read-more-link { color: #248dd5; }

.listings-top-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-right: 0px; float: left; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.listings-business-parent-noflex { display: block; }
.listing-article { clear: both; }
.listings-business-parent-noflex .listing-bus-image { float: left; }
.listings-business-parent-noflex .listing-business-info-div { display: block; margin-left: 127px; }
.listings-business-parent-noflex .listings-top-div { display: block; float: none; }
.listings-business-parent-noflex .listing-business-info-div .card-rating-div { display: block; }
.business-type-facility { overflow: hidden; display: inline-block; vertical-align: top; padding-right: 13px; max-width: 100%; }
.business-type-facility .business-type { white-space: nowrap; }
.substring-div { background-color: #fff; position: absolute; right: 0; bottom: 0; }
.discount-icon { margin-right: 10px; }

.listings-distance-icon { margin-right: 6px; }

.fixed-nav-bar { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 1000; width: 100%; }

.listing-right-div { width: 25%; float: right; }

.confirm-book-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1000px; max-width: 90%; margin: 40px auto 50px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.confirm-left-div { width: 58%; }

.confirm-right-div { width: 38%; padding: 0px 15px; float: none; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px 5px 5px; font-size: 17px; }

.business-photo-confirm { height: 180px; margin-right: -15px; margin-bottom: 0px; margin-left: -15px; border-top-left-radius: 3px; border-top-right-radius: 3px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.comments-text-box { display: block; overflow: auto; width: 100%; max-width: 100%; min-height: 100px; margin-right: 0px; border-style: none; border-radius: 5px; background-color: #f5f5f5; }

.confirm-field-label { margin-top: 10px; font-weight: 500; }

.confirm-form-wrapper { overflow: visible; width: 100%; }

.service-provider-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-style: none; border-bottom-width: 1px; border-bottom-color: #000; color: rgba(51, 51, 51, .75); font-size: 15px; }
.aside-service-provider-div { -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -webkit-align-items: inherit; -ms-flex-align: inherit; align-items: inherit; }
.date-time-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; padding-bottom: 30px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 24px; font-weight: 300; }

.service-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 2px; padding-bottom: 2px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: right; }
.aside-service-price { padding-top: 10px; }
.overall-service-div { border-bottom: 1px none rgba(0, 0, 0, .1); }

/*book starting at css 18-12-2019*/
.book-startingat-lbl {flex:0 100%; white-space:nowrap; margin-right:8px; font-size:14px;}
/*book starting at css 18-12-2019*/

.total-price-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; padding-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 24px; font-weight: 500; }

.disclaimer { margin-top: 10px; padding-bottom: 5px; color: #b63f3f; font-size: 14px; }

.confirm-header { margin-bottom: 20px; font-size: 32px; line-height: 34px; }

.business-location-div { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, .15); }

.business-name-confirm { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 26px; font-weight: 400; }

.address-street { max-width: 95%; border-style: none; border-radius: 3px; background-color: #f5f5f5; }

.address-street.short { max-width: 100%; }

.address-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.address-div.short { width: 22%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.address-field-1-div { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.location-div-confirm { margin-top: 40px; margin-bottom: 40px; }

.shipping-address { display: inline-block; margin-bottom: 5px; font-size: 14px; font-weight: 600; }
.change-link { display: inline-block; float: right; color: #248dd5; text-decoration: none; }
.change-address-div { position: relative; top: -20px; display: none; margin-top: -45px; background-color: #fff; }
.cancel-link { float: right; color: #248dd5; text-decoration: none; }
.gallery-link-parent { display: none; width: 250px; margin: 0px; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, .05); border-radius: 7px; box-shadow: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; color: #333; text-decoration: none; }

.gallery-link-parent:hover { border-color: rgba(0, 0, 0, .15); box-shadow: 0 1px 14px 1px rgba(0, 0, 0, .15); }

.gallery-link-parent.alt { margin-right: 40px; }

.gallery-image { position: relative; z-index: -1; border-top-left-radius: 7px; border-top-right-radius: 7px; opacity: 0; }

.gallery-title { margin-bottom: 5px; line-height: 16px; font-weight: 500; }

.gallery-subtext { margin-bottom: 10px; font-size: 14px; line-height: 18px; font-weight: 300; }

.gallery-title-text-div { padding: 10px 10px 5px; border-bottom: 1px solid rgba(0, 0, 0, .15); }

.hearts-miles-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 13px; }

.hearts-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(51, 51, 51, .5); font-size: 14px; font-weight: 300; }

.heart-img { width: 14px; height: 14px; margin-right: 6px; background-position: 50% 50%; background-size: 14px; background-repeat: no-repeat; }

.miles-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 300; }
.miles-div span { opacity: 0.5; }
.miles-div.opacity1 span { opacity: 1; }
.miles-img { width: 12px; height: 12px; margin-right: 6px; background-position: 50% 50%; background-size: 12px; background-repeat: no-repeat; opacity: 1; }
.gallery-profile { width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; background-color: #cecece; background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com/assets/images/Girl-Small.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.gallery-lower-text-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.gallery-name { font-size: 12px; line-height: 18px; font-weight: 500; }

.gallery-location { color: rgba(51, 51, 51, .8); font-size: 12px; line-height: 18px; font-weight: 300; }

.gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0px 0px 25px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.gallery.page { padding: 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; margin: 0 20px; }

.gallery-image-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 10px; padding-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; border-top-left-radius: 7px; border-top-right-radius: 7px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.gallery-image-div.alt { padding-right: 0px; padding-bottom: 0px; padding-left: 11px; border-radius: 7px; }
.heart-appear { display: block; opacity: 0; }
.heart-appear.fill { position: relative; top: -28px; display: none; }
.hearts-div-large { display: block; width: 30px; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.heart-appear-fill { position: relative; top: -28px; display: none; }

.photo-large-link-block { width: 37%; margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.lightbox-photo-large { width: auto; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.lightbox-link { height: 250px; }

.lightbox-module { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 200px; min-height: 200px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: start; text-decoration: none; }

.square-photo { width: 100%; height: 100%; margin-left: 0px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.square-photo.more-photos { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; text-decoration: none; }

.square-photo.more-photos._2 { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; position: relative; }

.square-photo.more-photos._2:before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)); background-position: 0px 0px; background-size: auto; background-repeat: repeat; }

.square-photo.show-none { display: none; }

.daily-deal-parent { display: block; width: 95%; max-width: 1000px; margin-top: 20px; margin-right: auto; margin-left: auto; padding-bottom: 50px; }

.daily-deal-large-header { margin-top: 10px; margin-bottom: 2px; font-weight: 500; font-size: 34px; line-height: 36px; }

.daily-deal-bus-and-distance-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; padding-bottom: 5px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: flex-start; font-size: 18px; font-weight: 400; }

.bus-name-daily { margin-right: 15px; font-weight: 300; }

.stars-daily { margin-right: 10px; }

.ratings-daily { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; padding-top: 3px; padding-bottom: 3px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.daily-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.right-side-daily { position: static; left: 0px; top: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 350px; height: auto; padding-left: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.left-column-daily { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 600px; padding-right: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-right: 1px solid rgba(0, 0, 0, .15); font-size: 17px; line-height: 24px;}

.daily-map { height: 250px; }

.book-daily-btn { background-color: #eb6663; width: 100%; height: 45px; padding-top: 13px; padding-bottom: 13px; border-radius: 3px; text-align: center; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; }
.book-daily-btn:hover { background-color: #ce5755; }
.bus-name-link { color: #333; text-decoration: none; }
.bus-name-link:hover { text-decoration: underline; }
.highlights { margin-top: 10px; margin-bottom: 10px; font-weight: 300; }

.highlights-title { padding-top: 30px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, .2); font-size: 18px; font-weight: 500; }

.share-daily-div { float: left; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }

.share-daily { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 5px; margin-left: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: rgba(51, 51, 51, .7); font-size: 12px; font-weight: 300; text-transform: uppercase; }

.bottom-daily-div { width: 100%; margin-bottom: 20px; padding-bottom: 158px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; border-bottom: 1px solid rgba(0, 0, 0, .15); }

.date-time-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.featured-daily-deal { width: 690px; height: 425px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.top-daily-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.categories { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.category-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 340px; margin-bottom: 20px; padding: 24px 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, .25); border-radius: 5px; background-color: #f5f5f5; box-shadow: 0 0 10px 0 transparent; color: rgba(51, 51, 51, .75); font-weight: 400; text-decoration: none; }

.category-icon { margin-right: 0px; margin-bottom: 20px; }

.feature-daily-bottom-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.text-editor-div { display: none; width: 225px; height: 300px; margin-top: 10px; margin-left: 30px; border-radius: 3px; background-color: #333; font-size: 16px; }

.text-editor-point { position: relative; z-index: 1; width: 60px; height: 60px; border-radius: 3px; background-color: #333; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.point-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 1px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.editor-top-block { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .15); }

.text-style-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 35px; height: 35px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 3px; }

.text-style-block:hover { background-color: hsla(0, 0%, 100%, .15); }

.color-picker { width: 25px; height: 25px; margin: 0px 10px; border-radius: 3px; background-color: #248dd5; }

.color-picker:hover { border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 100%, .5); }

.color-picker.white { background-color: #fff; }

.color-picker.white.border { margin-left: 20px; }

.color-picker.grey { background-color: #bbb; }

.editor-bottom-block { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.font-slider-div { width: 80px; height: 35px; padding-right: 5px; padding-left: 5px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.font-slider-bar { width: 75px; height: 5px; margin-top: 15px; margin-bottom: 15px; border-radius: 5px; background-color: #515151; }

.font-slider-bar.border { background-color: dimgrey; }

.font-slide-control { position: absolute; top: 22px; right: 47px; width: 12px; height: 12px; border-radius: 50%; background-color: #95989a; }

.font-slide-control.border { position: relative; top: -26px; right: -7px; }

.font-size-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-decoration: none; }

.font-size { color: #95989a; }

.font-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 10px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0.5; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; }

.font-link-block:hover { opacity: 0.85; }

.font-selector-scroll { overflow: scroll; height: 180px; }

.email-marketing-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; margin-left: 270px; padding-top: 50px; padding-bottom: 120px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.elements-div { position: fixed; left: 0px; top: 0px; bottom: 0px; width: 270px; height: 100vh; margin-left: 0px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #333; }

.body-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 50px; padding-bottom: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.email-title { font-size: 45px; line-height: 48px; font-weight: 300; }

.elements-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 45px; padding: 0px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #333; color: hsla(0, 0%, 100%, .75); font-size: 22px; font-weight: 400; }

.element-square { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90px; height: 90px; padding-top: 0px; padding-bottom: 5px; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none none solid solid; border-width: 1px; border-color: #333; background-color: #555; color: hsla(0, 0%, 100%, .4); font-size: 11px; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, .49); }

.element-square:hover { background-color: rgba(85, 85, 85, .9); }

.element-square.end { border-right-style: solid; }

.element-image-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; padding-right: 8px; padding-left: 8px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.email-style-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333; background-color: #555; color: hsla(0, 0%, 100%, .5); line-height: 14px; }

.border-controls-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.email-editor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 640px; height: 800px; max-height: 100vh; margin-left: 20px; padding-top: 25px; padding-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); background-color: #f5f5f5; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .1); text-align: center; }

.address-daily { margin-top: 5px; margin-left: 5px; }

.address-daily-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.daily-deal-other { margin-bottom: 40px; text-decoration: none; }

.subheading { margin-bottom: 10px; font-size: 18px; font-weight: 300; }

.points-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.packages { display: inline-block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; color: #333; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); }

.visits-remianing { display: inline-block; color: #3eb351; font-size: 18px; font-weight: 400; }

.right-arrow-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0.49; color: #333; }

.email-overall-div { display: block; width: 1200px; max-width: 90%; margin-right: auto; margin-bottom: 120px; margin-left: auto; font-weight: 400; }

.email-header { color: rgba(51, 51, 51, .75); font-size: 28px; line-height: 36px; font-weight: 400; }

.new-email-form { margin-bottom: 30px; padding: 20px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; background-color: #fff; }

.new-email-field { border-radius: 3px; color: #333; }

.email-type-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24%; padding: 10px 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 2px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; background-color: hsla(0, 0%, 87%, 0); opacity: 0.35; color: #000; font-size: 18px; text-decoration: none; }

.email-type-div:hover { border-color: #000; opacity: 0.35; }

.email-type-div.w--current { border-color: #248dd5; background-color: #fff; opacity: 1; color: #333; }

.email-type-div.active { border-color: #000; background-color: #fff; color: #333; }

.email-type-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.email-type-icon-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 45px; margin-right: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 1; }

.email-type-icon-div.active { opacity: 1; }

.email-flexy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.gradient { height: 600px; background-image: -webkit-linear-gradient(145deg, #f3c0ad, #f9e7d2); background-image: linear-gradient(305deg, #f3c0ad, #f9e7d2); }

.home-title-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.services-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px none rgba(0, 0, 0, .25); color: #333; font-size: 24px; line-height: 28px; font-weight: 300; text-decoration: none; }

.services-overall-div { padding-top: 20px; padding-bottom: 40px; }

.service-div-parent { display: block; width: 1000px; max-width: 95%; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-bottom: 1px solid rgba(0, 0, 0, .25); }

.a-service-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #333; font-size: 20px; font-weight: 300; text-decoration: none; }

.a-service-price { margin-bottom: 10px; color: #333; font-size: 14px; font-weight: 400; text-transform: uppercase; }

.a-service-title { margin-bottom: 5px; font-weight: 400; }

.a-service-paragraph { width: 100%; font-size: 18px; line-height: 24px; }

.expand-services { display: none; }

.our-staff-overall-div { display: block; width: 1000px; max-width: 95%; margin-right: auto; margin-left: auto; padding-top: 50px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.a-our-staff-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 50px; padding: 30px 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-style: none none solid; border-width: 1px; border-color: rgba(0, 0, 0, .05) rgba(0, 0, 0, .05) rgba(0, 0, 0, .15); }
.a-our-staff-div:last-child { border-bottom: 0 none; }

.a-our-staff-div.bottom { margin-bottom: 15px; border-bottom-style: none; }

.a-our-staff-profile { background-color: #e3e3e3; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; display: inline-block !important; width: 80px; height: 80px; margin-right: 20px; margin-bottom: 0px; float: left; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .3); border-radius: 200px; text-align: center; color: rgba(51,51,51,0.75); font-size: 20px; font-weight: 300; letter-spacing: 1px; }

.a-staff-name { display: inline-block; margin-bottom: 7px; font-size: 24px; font-weight: 300; }

.a-staff-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.a-staff-name-div { display: block; float: left; }
.business-info-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; padding-top: 0px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.logo-name-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.new-clear-nav-bar { position: absolute; left: 0px; top: 0px; right: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; padding-right: 15px; padding-left: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.search-div-38 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 38%; height: 50px; padding-left: 0; border-right: 1px solid rgba(0, 0, 0, .15); }

.search-div-38.deals { width: auto; max-width: none; padding-left: 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-right-style: none; }

.dropdown-text { color: rgba(0, 0, 0, .5); font-size: 18px; text-decoration: none; }

.dropdown-text.active { color: rgba(0, 0, 0, .7); }

.dropdown-text.deals { color: #fff; font-size: 26px; font-weight: 300; }
.deals-search-input { padding: 0 10px 0 0; background: none; border: 0 none; width: 100%; height: 100%; }
.deals-search-input:-moz-placeholder { color: #fff; opacity: 1; }
.deals-search-input::-moz-placeholder { color: #fff; opacity: 1; }
.deals-search-input:-ms-input-placeholder { color: #fff; opacity: 1; }
.deals-search-input::-webkit-input-placeholder { color: #fff; opacity: 1; }
.daily-deals-map-div { margin-top: 30px; }

.listing-business-description { overflow: hidden; height: 41px; max-height: none; margin-top: 10px; margin-bottom: 0px; color: rgba(0, 0, 0, .7); font-size: 14px; font-weight: 400; }
.listing-business-description-hidden { font-size: 14px; font-weight: 400; margin-bottom: 0px; color: rgba(0, 0, 0, .7); display: block; position: absolute; margin-top: 10px; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; }
.more-gradient { padding: 4px 10px 4px 90px; background-image: -webkit-linear-gradient(179deg, #fff 46%, hsla(0, 0%, 100%, 0)); background-image: linear-gradient(271deg, #fff 46%, hsla(0, 0%, 100%, 0)); color: #248dd5; font-weight: 500; text-decoration: none; }

.more-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: -25px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.fine-print { margin-top: 20px; color: #000; font-size: 13px; }

.mobile-search-div, .mobile-search-bar { display: none; }

.mobile-search-background-div { display: none; }

.mobile-search-form-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.gallery-solo-image { width: 280px; margin-right: 5px; margin-bottom: 15px; padding: 0; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; border-radius: 10px; font-family: proxima-nova, sans-serif; color: #333; font-size: 20px; text-decoration: none; /*cursor: pointer;*/ }

.gallery-solo-image:hover { background-color: #f5f5f5; }

.gallery-solo-image.white { height: 300px; }

.gallery-solo-image.page { display: block; width: 280px; margin-right: 5px; margin-bottom: 25px; padding: 10px; color: #333; cursor: -webkit-zoom-in; }

.gallery-solo-image.page:hover { border-radius: 10px; background-color: #f5f5f5; }

.gallery-solo-image.pro { }

.gallery-image-alt { border-radius: 5px; background-color: #fff; background-position: 0px 0px; background-size: 600px; cursor: pointer; }

.gallery-hover-div { position: relative; display: none; height: 60px; margin-bottom: -60px; padding-top: 10px; padding-right: 10px; padding-left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 5px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), hsla(0, 0%, 100%, 0)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), hsla(0, 0%, 100%, 0)); color: #fff; font-size: 16px; text-decoration: none; text-shadow: 1px 1px 6px rgba(0, 0, 0, .3); }
.empty-heart { margin-right: 0px; padding: 0px; -webkit-filter: saturate(0%); -ms-filter: saturate(0%); filter: saturate(0%); }

.gallery-popup-background { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1003; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(244, 244, 244, 0.96); padding: 50px 0; }

.close-gallery-popup { position: absolute; top: 0px; right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50px; height: 50px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none !important; font-size: 22px; color: #000; opacity: 0.8; z-index: 1; }
.close-gallery-popup:hover { opacity: 1; }
.gallery-popup-white-overall { display: block; width: auto; max-width: 90%; margin: 0 auto; padding: 0 36px; border-radius: 5px; background-color: #fff; box-shadow: 0 6px 25px 0 rgba(0, 0, 0, .2); font-size: 16px; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

.new-gallery-title { font-size: 36px; line-height: 38px; font-weight: 600; }

.gallery-popup-img { margin-top: 5px; width: 100%; }

.business-name---book-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px; padding-bottom: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.gallery-left-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(51, 51, 51, .6); font-size: 15px; font-weight: 400; }

.business-logo-div { width: 67px; height: 45px; margin-right: 10px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; }

.gallery-book-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 0px; padding-bottom: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: #eb6663; color: #fff; text-align: center; text-decoration: none; }

.gallery-book-button:hover { background-color: #d85c59; }

.gallery-business-name { color: #333; font-size: 18px; font-weight: 500; }

.gallery-description { margin-top: 5px; font-size: 17px; line-height: 24px; font-weight: 300; }

.gallery-service-provider { color: rgba(51, 51, 51, .6); }

.gallery-button-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-bottom: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.send-button { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 35px; height: 35px; padding: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); border-radius: 3px; background-color: #f5f5f5; color: #848484; font-weight: normal; text-decoration: none; font-family: 'Fontawesome pro solid 900',sans-serif; }

.send-button:hover { background-color: #eee; }

.heart { margin-right: 10px; }

.gallery-title-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.gallery-title-only-div { margin-right: 75px; }

.day-circle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 60px; height: 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: hsla(0, 0%, 96%, 0); }

.day-circle:hover { background-color: #f5f5f5; }

.day-circle.today { background-color: #eb6663; color: #fff; }

.day-circle.today:hover { background-color: #d65956; }

.day-of-week { margin-bottom: 10px; color: rgba(51, 51, 51, .6); font-weight: 400; text-transform: uppercase; }

.day-of-week.active { color: #fff; }
.day-div.selected .day-of-week { color: #fff; }

.book-calendar-div { display: block; width: 100%; margin: 20px auto 40px; padding-top: 10px; padding-bottom: 10px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1); }
.bookservicecontainer-inner { margin-top: 24px; }
.search-bar-parent-div-alt { margin-bottom: 25px; border: 1px solid rgba(0, 0, 0, .15); border-radius: 5px; }
.alt-services-div { display: block; width: 1000px; max-width: 95%; margin: 0 auto 10px; }
.alt-services-div.store { margin-top: 0px; }
.alt-services-div.store._100 { padding-top: 20px; }
.alt-services-div._100 { max-width: 100%; }
.services-heading { margin-bottom: 2px; padding-left: 20px; color: #333; font-size: 20px; line-height: 28px; font-weight: 600; }
.services-overall-div .services-heading { background-color: #f5f5f5; text-decoration: none; border: 1px solid #eee; border-radius: 5px; cursor: pointer; display: block; min-height: 50px; line-height: 24px; font-size: 20px; padding-left: 30px; padding-top: 12px; padding-bottom: 12px; position: relative; margin-bottom: 0; }
.services-heading.store.no-pad { margin-top: 0px; margin-bottom: -1px; padding-left: 10px; line-height: 20px; }
.div-block-77 .services-heading.store.no-pad { margin-bottom: 0; width: 100%; }
.gc-back-arrow { display: inline-block; font-size: 34px; vertical-align: middle; color: #333; }
.services-flexy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; margin-bottom: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.service-50 { width: 49.2%; height: auto; margin-bottom: 15px; padding: 20px 20px 0px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .05); border-radius: 5px; background-color: #f8f8f8; color: rgba(51, 51, 51, .6); font-size: 14px; line-height: 18px; font-weight: 400; text-decoration: none; }
.services-flexy .service-50 p{ word-break:break-word; word-wrap:break-word;}
.services-flexy .service-50 .service-name-price{word-break:break-word; word-wrap:break-word;}
.service-name-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; }
.service-title-alt { color: rgba(51, 51, 51, .8); font-size: 16px; font-weight: 600; text-decoration: none; }
.service-price-alt { color: #333; font-size: 15px; }
.services-subheading { margin-bottom: 10px; padding-left: 20px; color: rgba(51, 51, 51, .75); font-size: 16px; }
.p { margin-top: 8px; margin-bottom: 0px; }
.professionals { display: inline-block; width: auto; margin-right: 5px; margin-left: 5px; padding: 6px 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0px; background-color: hsla(0, 0%, 100%, .6); color: #000; font-size: 14px; font-weight: 400; text-decoration: none; }
.professionals:hover { background-color: hsla(0, 0%, 100%, .8); }
.popular { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 17px; }
.share-div-overall { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.heart-button { margin-top: 1px; margin-left: 1px; }
.see-all-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 115px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.list-your-business { margin-right: 20px; padding: 10px; border-radius: 3px; color: #333; font-size: 15px; text-decoration: none; }
.list-your-business.small { padding-right: 10px; padding-left: 10px; }
.list-your-business.red, .mobile-dropdown-link.red { color: #eb6663; }
.nav-bar-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.where-dropdown { position: absolute; left: 0px; top: 496px; right: 0px; display: none; overflow: scroll; width: 95%; max-height: 187px; max-width: 1040px; margin-right: auto; margin-left: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1); font-size: 16px; font-weight: 400; }

.where-dropdown.when { left: 370px; display: none; overflow: scroll; max-height: 187px; max-width: 668px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.location-dropdown { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; color: rgba(0, 0, 0, .6); font-weight: 400; text-decoration: none; }

.location-dropdown.style { padding-left: 0px; }

.location-dropdown.style.category { color: #000; font-size: 18px; font-weight: 600; }

.message-call-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; margin-bottom: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.message-call-div.bus-profile { width: 100%; margin-left: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.message-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; height: 40px; max-width: 95%; margin-top: 0px; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; border-style: solid; border-width: 1px; border-color: #d9d9d9; border-radius: 3px; background-color: #fff; color: #333; font-size: 15px; text-decoration: none; -webkit-transition: background-color 0.2s ease 0s; transition: background-color 0.2s ease 0s; }

.message-div:hover { background-color: #f5f5f5; }

/*.message-div.call { margin-left: -1px; }*/

.message-div.bus-prof { width: 48%; padding-top: 8px; padding-bottom: 8px; }

.message-icon { margin-right: 5px; }

.message-service-provider-background { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1001; display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .25); }

.close-modal { padding: 15px; }

.close-modal-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.send-to-div-block { display: block; padding-top: 15px; padding-bottom: 10px; font-size: 18px; font-weight: 400; }

.send-to-profile-pic { width: 40px; height: 40px; margin-right: 10px; float: left; background-color: #e3e3e3; color: rgba(51,51,51,.75); font-weight: 300; border: 1px solid dimgrey; border-radius: 100%; background-position: 50% 50%; background-size: cover; text-align: center; }
.senderbusiname { padding-right: 40px; margin-left: 50px; padding-top: 9px; }

.send-message-text-area { width: 100%; height: 135px; min-height: 150px; padding: 11px; border-style: none; border-radius: 5px; background-color: #f5f5f5; color: #8f8f8f; font-size: 15px; font-weight: 300; cursor: text; }

.modal-button-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; padding-right: 20px; padding-left: 20px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.go-btn { min-width: 120px; padding-right: 30px; padding-left: 30px; border-radius: 3px; background-color: #7cc576; font-size: 16px; text-align: center; }

.go-btn:hover { background-color: #69a864; }

.top-modal-div-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 0px; padding-left: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }


.our-staff-button-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; margin-top: 20px; margin-bottom: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.show-phone-number { display: none; margin-top: 10px; margin-left: 0px; padding: 5px 10px; border-radius: 5px; background-color: #eee; font-size: 13px; font-weight: 400; }

.text-area-1-line { width: 49%; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding: 11px; border-style: none; border-radius: 5px; background-color: #f5f5f5; color: #8f8f8f; font-size: 15px; font-weight: 300; cursor: text; }

.name-email-div-flex { position: relative; z-index: 1002; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 20px; margin-left: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.shopping-bag { display: block; width: 75px; height: 42px; }

.end-div-space { display: none; }

.right-nav-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.vagaro-mobile { display: none; margin-right: 5px; }

.location-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-right: 15px; padding-left: 15px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; opacity: 0.6; text-decoration: none; }

.location-link-block:hover { background-color: #f8f8f8; opacity: 1; }

.location-link-block.flex { padding-left: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.location-link-block.category { opacity: 1; font-weight: 600; }

.location-link-block.category:hover { background-color: #fff; }

.where-icon { opacity: 0.3; }

.logo-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.book-price-div { padding: 10px; border-left: 2px solid rgba(0, 0, 0, .15); }

.book-div { padding-right: 40px; padding-left: 40px; }

.shopping-cart-background { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 99; display: none; bottom: 0; background-color: rgba(0, 0, 0, .25); overflow: auto; -webkit-overflow-scrolling: touch; }

.shopping-cart { position: absolute; top: 50px; right: 0; width: 500px; bottom: 0; padding: 15px 0px 40px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #fff; box-shadow: 6px 6px 22px 0 rgba(0, 0, 0, .25); }

.shopping-bag-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid rgba(0, 0, 0, .15); }

.shopping-bag-item.subtotal { padding-top: 0px; padding-bottom: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom-style: none; background-color: #f5f5f5; font-weight: 400; }

.shopping-bag-item.subtotal.total { margin-top: -15px; font-weight: 600; }

.shopping-bag-item.top { border-top: 1px solid rgba(0, 0, 0, .15); }

.brand-name { margin-bottom: 2px; color: rgba(51, 51, 51, .5); font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }

.brand-name.item-name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 29px; margin-bottom: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #333; font-size: 16px; letter-spacing: 0px; text-transform: none; }

.brand-name.item-name.price { max-width: 65px; text-align: right; }

.brand-name.item-name.price.subtotal.total { font-weight: 500; }

.item-text-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.item-text-div.right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.quantity-overall-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 15px; }

.quantity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 36px; height: 47px; min-width: 36px; margin-right: 5px; padding: 0px 10px 0px 0px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; border-radius: 3px; font-size: 16px; }

.quantity.flex-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.up-down-quantity { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.up-down-quantity.hidden { opacity: 0; }

.up { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20px; height: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 100%; opacity: 0.5; color: #333; font-size: 18px; font-weight: 700; text-decoration: none; }

.up:hover { background-color: #e7e7e7; opacity: 1; }

.up.down { margin-top: 5px; }

.delete-item-link { display: none; width: 26px; height: 26px; margin-right: 10px; margin-bottom: -3px; margin-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; border-radius: 100%; opacity: 0.5; }

.delete-item-link:hover { background-color: #e7e7e7; opacity: 1; }

.minus-icon { height: 2px; }

.shopping-bag-left-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.shopping-bag-right-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 29px; min-width: 153px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.checkout-100 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-right: 10px; margin-bottom: 25px; margin-left: 10px; padding-top: 12px; padding-bottom: 12px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: #eb6663; font-size: 18px; font-weight: 500; }

.checkout-100:hover { background-color: #d15956; }

.shopping-bag-title { margin-right: 10px; margin-bottom: 5px; margin-left: 10px; font-size: 26px; line-height: 32px; font-weight: 400; text-align: center; }

.shopping-bag-business { margin-right: 10px; margin-bottom: 20px; margin-left: 10px; color: rgba(51, 51, 51, .4); font-size: 15px; font-weight: 400; text-align: center; }

.gift-certificates-div { display: block; width: 1000px; max-width: 95%; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; font-size: 24px; line-height: 30px; }

.gc-title { margin-bottom: 20px; }

.gc-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; -webkit-box-pack: justify; -webkit-justify-content: start; -ms-flex-pack: justify; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; }

.gc-image { border-radius: 3px; }

.gc-div { position: relative; width: 33.3%; height: 220px; margin-bottom: 20px; border: 1px none transparent; border-radius: 5px; text-decoration: none; padding-left: 8px; padding-right: 8px; cursor: pointer; -webkit-transition: -webkit-transform 200ms ease; transition: transform 200ms ease; }
.gc-div:after { content: ""; position: absolute; top: 0; right: 8px; bottom: 0; left: 8px; -webkit-transition: box-shadow 300ms ease; transition: box-shadow 300ms ease; }
.gc-div:hover { -webkit-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); }
.gc-div:hover:after { box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .2); }
.gc-div.hidden { opacity: 0; }
.gc-gradient { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 70px; margin-top: -70px; padding-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; border-radius: 5px; background-image: -webkit-linear-gradient(270deg, transparent, rgba(0, 0, 0, .6)); background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6)); color: #fff; font-size: 18px; font-weight: 300; }

.gc-spacer { width: 24.5%; }

.booked { width: 100%; margin-top: 0px; padding: 0px 10px; border-radius: 0px 0px 5px 5px; background-color: #333; color: #fff; font-size: 10px; line-height: 20px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }

.booked.hidden { opacity: 0; }

.our-staff-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1000px; max-width: 95%; margin-right: auto; margin-left: auto; padding-top: 50px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.more-text { color: #248dd5; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; cursor: pointer; }

.call-div-icon { width: 40px; height: 40px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 5px; background-color: #f8f8f8; }

.filters-button { margin-right: 5px; margin-bottom: 8px; padding: 5px 15px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; color: #333; text-decoration: none; }

.filters-button:hover { border-color: #000; }

.filter-background { position: fixed; left: 0px; top: 50px; right: 0px; bottom: 0px; z-index: 100; display: none; background-color: rgba(0, 0, 0, .2); }

.filters-div { position: relative; z-index: 101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: scroll; height: 100%; max-width: 1200px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; }

._4-col-flex-filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; font-size: 15px; font-weight: 500; }

._4-col-flex-filter.bottom { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .15); }

.filters-checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 28%; margin-bottom: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 300; }

.filters-checkbox.gc { width: 100%; }

.checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25px; height: 25px; margin-right: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .3); border-radius: 5px; }

.filter-title { width: 140px; font-weight: 600; }

.title-sub { width: 140px; }

.field-label-filter { color: rgba(51, 51, 51, .75); font-weight: 400; }

.grey-btn-alt { margin-right: 15px; padding-right: 30px; padding-left: 30px; border-radius: 3px; background-color: #f5f5f5; color: rgba(51, 51, 51, .5); font-size: 16px; }

.filters-button-div { position: fixed; left: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1200px; max-width: 100%; padding: 20px 40px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; background-color: #fff; }
.listings-filter-div .filters-button { /*min-width: 67px;*/ }
.filter-top-div { padding-bottom: 80px; }

.distance-bar { width: 100%; height: 4px; border-radius: 4px; background-color: #7cc576; }

.distance-grabber { width: 30px; height: 30px; margin-top: -13px; margin-left: 264px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); border-radius: 100%; background-color: #fff; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1); }

.distance-overall-div { width: 100%; margin-bottom: 20px; margin-left: 20px; padding-top: 10px; padding-bottom: 15px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; border-bottom: 1px solid rgba(0, 0, 0, .1); }

.distance-div { display: inline-block; margin-top: 20px; margin-left: 250px; padding: 2px 10px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1); }

.business-details-div { display: inline-block; width: 50%; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; font-size: 17px; }

.business-details-div.full { width: 100%; }

.business-details-flex-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mobile-tabs { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .7); background-color: #fff; }

.mobile-tabs.w--current { background-color: rgba(0, 0, 0, .7); color: #fff; }

.mobile-tabs.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.mobile-tabs-menu { overflow: hidden; border-radius: 5px; }

.sign-in-background { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #f5f5f5; background-image: none; background-position: 0px 0px; background-size: auto; }
.sign-in-div { overflow: hidden; width: 450px; margin-bottom: 15px; padding-bottom: 0; border-radius: 8px; background-color: #fff; box-shadow: 0 4px 14px 0 rgba(0,0,0,.2); }
.sign-in-logo-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px; padding-bottom: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .15); border-top-left-radius: 8px; border-top-right-radius: 8px; }
.sign-in-btn-div { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.sign-in-btn-divinner { padding: 10px 25px 20px; }

/*------Apple First Name last Name issue Start--------*/
.sign-in-apple-divinner { padding: 10px 25px 20px; }
.sign-apple-label{font-family:"proxima-nova", sans-serif !important; font-size:16px; text-align:left; display:flex; font-weight:500;padding-bottom:2px;}
.sign-apple-label span{padding-left:5px; color:#808080;}
/*.sign-in-btn-divinner{display:none;}*/
.sign-apple-title{font-size:20px; text-align:left; display:flex; font-weight:500;padding:10px 0 30px;}
.sign-in-apple-divinner .w-btn-green{background-color:#7cc576 !important;border-radius:3px;-webkit-transition:background-color 300ms ease;transition:background-color 300ms ease;line-height:21px;border:none;}
.sign-in-apple-divinner .button-type-flat{border-radius:3px !important;width:155px;background:#eb6663;border:0 none;color:#FFFFFF;cursor:pointer;font-family:inherit;font-weight:400;font-size:15px;min-width:95px;padding:8px 10px;text-align:center;-webkit-appearance:none;}
.sign-in-apple-divinner .w-btn-green:hover{background-color:#5c9557 !important;}
.sign-in-apple-divinner .button-type-flatGray{color:#777;border-radius:2px;background-color:#fff;border-style:solid !important;border-width:1px !important;border-color:rgba(0,0,0,.15) !important;-webkit-transition:border-color 300ms ease;transition:border-color 300ms ease;line-height:21px;}
.sign-in-apple-divinner .button-type-flatGray:hover{background-color:#fff;border-color:#333 !important;color:#333;}
.sign-in-apple-divinner .login-eventfields{display:flex;flex-direction:row;justify-content:flex-end;}
.sign-in-apple-divinner .loginbtncont.apple-savebtn:last-child{margin-left:15px;}
.livesteam-icon, .video-select-icon{ font-style:normal;margin-right:6px; font-family: 'Fontawesome pro 300';}
.listigBusiness-wrap{ padding:16px 20px; border-bottom:1px solid #d9d9d9}
.listigBusiness-inner {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; }
.listigBusiness-inner a{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; padding:10px 16px 11px; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; border:1px solid #cdcdcd;background-color: #fff; color: #222; margin-left:-1px; text-decoration:none; position:relative; -webkit-box-flex: 1;  -webkit-flex: 1; -ms-flex:1; flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px; line-height:20px;}
.listigBusiness-inner a:after{ position:absolute; bottom:-1px; top:-1px; right:-1px; content:"";z-index:1; background-color:#248dd5; width:1px; display:none}
.listigBusiness-inner a:before{ position:absolute; bottom:-1px; top:-1px; left:-1px; content:"";z-index:1; background-color:#248dd5; width:1px; display:none}
.listigBusiness-inner a em{ font-style:normal; margin-right:8px;font-family: 'fontawesome-5pro-solid-900';}
.listigBusiness-inner a.homeIcon-center{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;}
.listigBusiness-inner a:first-child{ border-radius:3px 0 0 3px; margin-left:0}
.listigBusiness-inner a:last-child{ border-radius: 0 3px 3px 0; }
.listigBusiness-inner a.active:after, .listigBusiness-inner a:hover:after{ display:block}
.listigBusiness-inner a:last-child:hover:after, .listigBusiness-inner a.active:last-child:after{ display:none}
.listigBusiness-inner a:hover{ border-color:#248dd5; text-decoration:none}
.listigBusiness-inner a.active{ border-color:#248dd5; background-color:rgba(36,141,213,.1);}
.listigBusiness-wrap.mobilebusiness-view{ display:none }
.touchDevice .listigBusiness-inner a:hover { border-color:#cdcdcd;}
.touchDevice .listigBusiness-inner a:after{background-color:#cdcdcd;}
.touchDevice .listigBusiness-inner a.active { border-color:#248dd5;}
.touchDevice .listigBusiness-inner a.active:after{background-color:#248dd5;}
.touchDevice .listigBusiness-inner a.active:before{ display:block}
.touchDevice .listigBusiness-inner a:first-child.active:before{ display:none}
/*.listigBusiness-wrap.desktopbusiness-view{ display:block }*/
/* payment css start here */
.onlinePayment-block{padding-left:22px; padding-right:22px; padding-bottom:30px;}
.onlinePayment-block .appt-business-name{ font-weight:600}
.onlinePayment-list{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-decoration:none; padding:16px; border-bottom:1px solid rgba(0,0,0,.15); position:relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.onlinePayment-list:after{position:absolute; right:43px; top:50%; content:"\f105"; font-family: 'Fontawesome pro 300'; color:#333;/*9b9b9b*/ font-size:36px; -webkit-transform:translateY(-50%);transform:translateY(-50%);}
.online-payment-detail{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.onlinePayment-list .cccard-icon{font-family: 'Fontawesome pro brands 900'; color:#2374ac; font-size:36px; line-height:initial; margin-right:12px;}
.online-payment-detail .online-cardName{font-weight:500; font-size:15px; line-height:20px; color:#333}
.online-payment-detail .online-cardNumber{font-size:15px; line-height:20px; color:#777; font-weight:400;}
.onlinePay-text{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;margin-bottom:5px; margin-top:26px;}
.onlinePay-text .onlinePay-head{font-size: 20px;line-height: 15px;font-weight: 500;margin-bottom:5px;}
.onlinePay-text .onlinePay-content{color: #333;font-weight: 400; font-size:14px; line-height:20px;}
.onlineCardno{ font-size: 17px;line-height: 26px;font-weight: 400;}
.paymentCard-flex{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width:100%}
.cardDelete-btn{padding:9px 20px; height:40px; border:#d83f34 solid 1px; color:#d83f34; font-size:14px; line-height:inherit; border-radius:3px; height:40px; text-decoration:none ; min-width:120px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.paymentMethod-wrap .profile-sections {padding:30px 20px;}
.mt20{ margin-top:20px;}
.cardfile-list .cardfile-cell{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom:1px solid rgba(0,0,0,.15);padding-top:24px; padding-bottom:24px;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.cardfile-cell .cardImg{width:68px; margin-right:12px;position:relative; min-width:68px;}
.cardfile-cell .cardImg .bookimgdiv{width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; position:absolute; top:0; left:0; right:0;bottom:0; cursor: default !important; }
.cardfile-cell .cardImg-detail{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;font-size:15px;line-height:20px; color:#777;}
.cardfile-cell .cardImg-detail .cardBusinessName{font-weight: 500; color:#333; word-break:break-word; word-wrap:break-word}
.cardfile-cell .cardImg img {width: 100%;height: auto;}
/* payment css end here */
@media (max-width:767px) {
    .reviews-div { padding:35px 20px 0px 20px;}
    .apple-savebtn {border-right: none;max-width: 1050px;width: 100%;background: #f8f8f8;padding: 0!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
width: 100%;position: inherit!important;}
.sign-in-apple-divinner .loginbtncont.apple-savebtn:last-child{margin-left:0px;}
.sign-in-apple-divinner .login-eventfields{flex-direction:column;}
.sign-in-apple-divinner .loginbtncont.apple-savebtn:first-child input{width:100%;font-size:18px;padding:10px 0; margin-bottom:15px;}
.sign-in-apple-divinner .button-type-flatGray {width: 100%;font-size: 18px;padding: 10px 0;}
.listigBusiness-inner a{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; font-size:16px; font-weight:400; color:#333; text-align:center; padding-left:8px; padding-right:8px}
.listigBusiness-inner a em{ margin-right:0;}
.listigBusiness-inner a.homeIcon-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
/* payment css start here */
.onlinePayment-list:after{right:17px;}
/* payment css end here */
/*VPL Outstanding */
.vpl-outstanding .onlinePayment-list:after{right:0px;}
.vplpaid .onlinePayment-list:after{right:0px;}
}
/*------Apple First Name last Name issue end--------*/

.facebook-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; margin-bottom: 12px; padding: 12px 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background-color: #3d5a98; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .25); color: #fff; font-size: 16px; text-decoration: none; }
.facebook-btn .loaderNew { border-radius: 5px; }
.facebook-btn:hover { background-color: #314a80; }
.facebook-btn.google { background-color: #fff; color: #333; }
.facebook-btn.google:hover { background-color: #fcfcfc; }
.facebook-btn#aFBLogin .btn-icon-div, .facebook-btn#aFBSignup .btn-icon-div{ margin-right:9px;}
.btn-icon-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /*width: 18px;*/ margin-right: 8px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 700; }
.or-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.or-div.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.div-block-120 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px solid rgba(0,0,0,.1); }
.or{ margin-bottom: 0; color: #333; font-weight: 400; text-align: center; margin-left: 10px; margin-right: 10px; font-size: 15px;}
.or.fb { margin-top: 0; margin-bottom: 4px; }
.fb-link { -webkit-transition: color .2s ease; transition: color .2s ease; color: #2A90D6; }
.fb-link:hover { color: #1e71aa; }
.sign-in-text-field { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 48px; margin-bottom: 15px; padding-left: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background-color: #f5f5f5; color: rgba(51, 51, 51, .8); font-size: 16px; font-weight: 300; cursor: text; }
.sign-in-text-field._50 { width: 48%; color: rgba(51, 51, 51, .8); }

.forgot-password { display: block; color: #248dd5; font-size: 14px; font-weight: 500; line-height: 24px; text-align: center; text-decoration: none; }

.forgot-password.smaller { display: block; color: #353535; max-width: 100%; margin-top: 8px; margin-bottom: 8px; font-size: 11px; line-height: 20px; }

.log-in-btn { width: 100%; height: auto; border-radius: 3px; padding-top: 10px; padding-bottom: 10px; background-color: #eb6663; font-size: 17px; line-height: 24px; text-align: center; -webkit-transition: background-color .3s ease,color .3s ease; transition: background-color .3s ease,color .3s ease; }
.log-in-btn:hover, .log-in-btn:focus { background-color: #d65956; }

.sign-up-link { color: #2A90D6; font-weight: 500; text-decoration: none; }

.sign-up-text { font-size: 16px; text-align: center; }

.first-last-sign-up { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.sign-in-parent-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.sign-in-right-div { margin-left: 60px; }

.download-app-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.inner-check { display: none; width: 100%; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #333; border-radius: 4px; background-color: #333; }

.store-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -205px; }

.store-tabs-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 180px; margin-top: 20px; margin-right: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #fff; }

.store-tab-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 15px 10px 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-left: 5px solid hsla(1, 77%, 65%, 0); background-color: #f5f5f5; opacity: 0.5; color: #333; font-size: 17px; font-weight: 400; }

.store-tab-link:hover { opacity: 1; font-weight: 400; }

.store-tab-link.w--current { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-left: 5px solid #eb6663; background-color: #f5f5f5; opacity: 1; color: #333; font-weight: 400; }

.store-tabs-content { width: 1000px; max-width: 90%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.store-tab-pane { width: 1000px; }

.active-membership { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 15px; height: 15px; margin-left: 5px; padding-top: 2px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 100%; background-color: #7cc576; visibility: hidden; }
.active-membership-div .active-membership { visibility: visible; }

.membership-active-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: calc(100% - 100px); word-wrap: break-word; }

.this-week { display: inline-block; margin-top: 15px; margin-bottom: 15px; color: rgba(51, 51, 51, .8); font-size: 18px; font-weight: 500; text-transform: uppercase; }

.month-center-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.book-profile-flex-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.book-profile-contact-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.profile-link-block { width: 80px; height: 80px; margin-right: 15px; margin-bottom: 15px; }

.price { color: rgba(51, 51, 51, .8); font-weight: 400; }

.book-service { color: rgba(51, 51, 51, .8); font-weight: 300; }

.book-review-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #333; font-weight: 300; text-decoration: none; }

.book-review { margin-right: 5px; text-decoration: none; }

.review-link-to-staff { width: 50px; height: 50px; margin-right: 15px; }

.reviews-title-buttons-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.rating-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #333; text-decoration: none; }

.store-category-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 23%; padding-top: 50px; padding-bottom: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .2); border-radius: 10px; color: #333; font-size: 24px; font-weight: 300; text-decoration: none; }

.store-category-link:hover { border-color: #248dd5; background-color: rgba(0, 152, 255, .05); }

.store-image { margin-bottom: 20px; }

.store-categories-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.store-category-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 75px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.quantity-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #313131; text-decoration: none; }
.quantity-dropdown-arrow { margin-left: 3px; opacity: 0; }
.store-icon { margin-right: 10px; }
.store-image-div { width: 35px; }
.background-modal { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .15); }
.review-modal { position: fixed; left: 0px; top: 30%; right: 0px; z-index: 1003; display: none; overflow: auto; width: 600px; margin-right: auto; margin-left: auto; padding: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 10px; background-color: #fff; box-shadow: 1px 1px 14px 0 rgba(0, 0, 0, .15); -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); font-family: proxima-nova, sans-serif; }

.your-review { margin-bottom: 10px; font-size: 18px; line-height: 26px; font-weight: 400; }

.review-business-image { margin-bottom: 10px; border-radius: 3px; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .15); }

.review-business-name { font-size: 20px; line-height: 26px; }

.review-locations { color: rgba(51, 51, 51, .6); font-size: 14px; font-weight: 400; }

.review-business-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.review-business-info-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.top-modal-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 10px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.your-review-div { overflow: hidden; width: 90%; padding-top: 15px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-top: 1px solid rgba(0, 0, 0, .15); text-align: center; }

.your-review-div.center { display: block; margin-right: auto; margin-left: auto; }

.close-modal-x { cursor: pointer; }

.stars { margin-right: 25px; margin-bottom: 30px; margin-left: 25px; }

.stars.bottom { margin-bottom: 32px; }

.button-modal-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 15px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.green-btn { padding-right: 45px; padding-left: 45px; border-radius: 3px; background-color: #7cc576; font-size: 16px; }

.green-btn:hover { background-color: #5c9557; }

.second-stars-div { display: none; }

.stars-img { cursor: pointer; }

.review-form-wrapper { display: block; overflow: hidden; width: 90%; margin-bottom: 0px; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, .2); }

.review-text-field { min-height: 100px; margin-bottom: 20px; border-radius: 3px; }

.text-field { border-style: none; border-radius: 3px; background-color: #f5f5f5; }

.text-field.review { min-height: 80px; margin-bottom: 25px; }

.field-label { font-weight: 500; }

.dropdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 9px 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .2); border-radius: 3px; cursor: pointer; }

.select-service-provider-div { margin-bottom: 20px; }

.select-service-provider-div.review { display: block; }

.hero-parent-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-transform: none; position: relative; }

.hero-heading-1 { margin-top: 0px; margin-right: 15px; margin-bottom: 0px; font-size: 44px; font-weight: 300; line-height: 44px; }

.hero-heading-list { margin-top: 0px; margin-bottom: 6px; color: #fff; font-size: 44px; line-height: 44px; font-weight: 500; text-decoration: none; }

.hero-list-restrictor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.hero-list { text-align: left; }

.buy-service-btn { display: inline-block; margin-right: 10px; padding: 5px 15px; border-radius: 3px; background-color: #eb6663; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: 1px; }

.hamburger-div { display: none; }

.mobile-dropdown { display: none; }

.dropdown-service-arrow { opacity: 0.6; }

.dropdown-categories { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 667px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.services-dropdown-div { width: 667px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.dont-show-mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.dont-show-tablet { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.mobile-hamburger { display: none; }

.service-parent-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.service-back-arrow { margin-right: 5px; margin-left: 15px; }

.service-back { display: inline-block; }

.service-back-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0.5; cursor: pointer; }

.listings-dropdown { margin-right: 20px; }

.listings-dropdown-toggle { margin-top: 5px; margin-bottom: 5px; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; border-style: solid; border-width: 1px; border-color: #cdcdcd; border-radius: 3px; background-color: #fff; }

.listings-category { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: 600; }

.listings-dropdown-list.w--open { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); background-color: #fff; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .2); }

.listings-services { color: rgba(51, 51, 51, .6); }

.listings-services.active, .listings-services:hover { background-color: rgba(0, 0, 0, .09); color: #333; }

.listings-vagaro-search-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.map-link-block { display: none; }

.listings-logo-search-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.filter-mobile-tab { width: 200px; background-color: #fff !important; text-align: center; }


.filter-tabs-menu {display: inline-block;margin-top: 15px;background-color: #fff;}


.listing-nav-fixed { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 20; }

.closed-now { color: #eb6663; font-size: 13px; }

.closed-now.closed { margin-top: 3px; margin-bottom: 3px; color: #eb6663; font-size: 13px; }

.price-div {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 90px;padding: 3px 0;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    color: #eb6663;    font-size: 13px;    font-weight: 500;    border-radius: 0 3px 3px 0;    line-height: 20px;}

.price-time-parent-div {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    width: 182px;    margin-top: 5px;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;    -webkit-align-self: flex-end;    -ms-flex-item-align: end;    align-self: flex-end;    border: 1px solid #eb6663;    border-radius: 5px;}
.classdateprice { margin-top:5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }
.time-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90px; padding: 3px 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #eb6663; font-size: 13px; font-weight: 500; border-radius: 3px 0 0 3px; line-height: 20px; }
.classdateprice .time-div { width: auto; }
.classdateprice .price-time-parent-div, .classdateprice-map .price-time-parent-div { width: auto; max-width: 100%; }
.classdateprice .price-time-parent-div { margin-top: 0; }
.classdateprice-map { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }
.classdateprice-map .time-div { width: auto; padding-left: 5px; padding-right: 5px; }
.time-div.active, .price-div.active {    background-color: #eb6663;    color: #fff;}
.listings-icon-div { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.listings-icon-div .font-awesome { font-size: 18px; }
.listings-icon-div .font-awesome.solid.space-right {font-size:16px;}
.listings-icon-div .font-awesome.solid{font-family: 'fontawesome-5pro-solid-900';}
.closed-and-icons-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 3px; padding-bottom: 3px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.price-time-parent-divFull{ width:100%; display:flex;   padding-top:5px;align-items:center; }
.price-time-parent-divFull .price-time-parent-div {    width: auto;  margin:0}
.price-time-parent-divFull .text-decoration-none { margin-left:auto;        display: flex;        justify-content: flex-start;  gap:10px;    }
    .price-time-parent-divFull .text-decoration-none.classdateprice{ margin-top:0}
    .price-time-parent-divFull .price-time-parent-div .time-div, .price-time-parent-divFull .price-time-parent-div .price-div {        min-width: 70px;        width: auto;        padding-right: 10px;        padding-left: 10px    }
    .price-time-parent-divFull .price-time-parent-div.search-no-price,
    .price-time-parent-divFull .closed-and-icons-div, .price-time-parent-divFull .closed-and-icons-div {        width: auto;        padding: 0    }

.profile-upload-and-text {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start;}
._2-tabs-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, .2); }
._2-tabs { width: 50%; padding-top: 15px; padding-bottom: 15px; background-color: #fff; text-align: center; }
.appointment-date { margin-top: 5px; color: rgba(51, 51, 51, .6); font-size: 15px; font-weight: 400; }

.appointment-button-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; }

.appointment-button-div.alt { margin-top: 0px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; font-weight: 400; }

.div-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.profile-default-img { opacity: 0.45; }

.points-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 30px 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, .1); text-decoration: none; }
.points-section:last-child { border-bottom: 0 none; }

.image { display: none !important; }

.receipt-spacer { height: 15px; background-color: #f5f5f5; }

.div-block-13 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.div-block-14 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.switch-tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 50px; padding: 9px 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, .15); background-color: #fff; color: rgba(51, 51, 51, .6); text-decoration: none; }

.switch-tab.w--current { background-color: #7cc576; color: #fff; }
.switch-tab.long, .switch-tab.long.w--current { width: 70px; }
.switch-tab.long.middle { border-right-style: solid; border-left-style: solid; }
.switch-tab-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 20px; font-size: 16px; position: relative; }
.switch-promotion-div { width: 141px; }
.switch-tab-menu input[type="checkbox"] { position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; opacity: 0; -webkit-appearance: none; -moz-appearance: none; }
.switch-tab-menu input[type="checkbox"] + .switch-tab.off-class { background-color: #7cc576; color: #fff; }
.switch-tab-menu input[type="checkbox"]:checked + .switch-tab.off-class + .switch-tab.on-class { background-color: #7cc576; color: #fff; }
.switch-tab-menu input[type="checkbox"]:checked + .switch-tab.off-class { background-color: #fff; color: rgba(51, 51, 51, 0.6); }
.switch-tab-menu.bothclick input[type="checkbox"] { z-index: 1; }
.switch-tab-menu.bothclick .switch-tab { pointer-events: none; }
.new-on-off.switch-tab-menu input[type="checkbox"] {  /*//start - modified by Gunjan Mehta on 5/6/2021*/
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .new-on-off.switch-tab-menu input[type="checkbox"] + .switch-tab.on-class {
        background-color: #7cc576;
        color: #fff;
    }

    .new-on-off.switch-tab-menu input[type="checkbox"]:checked + .switch-tab.on-class + .switch-tab.off-class {
        background-color: #7cc576;
        color: #fff;
    }

    .new-on-off.switch-tab-menu input[type="checkbox"]:checked + .switch-tab.on-class {
        background-color: #fff;
        color: rgba(51, 51, 51, 0.6);
    }

.new-on-off.switch-tab-menu.bothclick input[type="checkbox"] {
    z-index: 1;
}

.new-on-off.switch-tab-menu.bothclick .switch-tab {
    pointer-events: none;
}
/*//End-modified by Gunjan Mehta on 5/6/2021*/
.switch-tab-pane {
    height: 1px;
}

.text-block { color: rgba(51, 51, 51, .6); font-weight: 400; }

.div-block-15 { max-width: 500px; }

.tab-pane { height: 1px; }

.review-flexy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.div-block-16 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.div-block-17 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; margin-bottom: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.service-mobile-hide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.service-link { background-color: #fff; display: block; height: 32px; line-height: 30px; margin-left: 10px; padding: 0 10px; border: 1px solid #eee; border-radius: 3px; color: #333; text-decoration: none; }
.service-link:hover { background-color: #f7f7f7; text-decoration: none; border-color: rgba(0,0,0,.3); }
.service-link.book-now { background-color: #eb6663; border-color: transparent; color: #fff; }
.service-link.book-now:hover { background-color: #d65956; color: #fff; }
.div-block-18 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 42px; margin-top: 8px; margin-bottom: 8px; padding-top: 5px; padding-bottom: 5px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }


.div-block-19 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.div-block-20 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; }

.staff-phone { margin-top: 3px; font-size: 15px; font-weight: 300; }

.div-block-21 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.product-photo { width: 40px; margin-right: 10px; border-radius: 3px; background-position: 50% 50%; background-size: cover; }

.div-block-22 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; max-width: 100%; min-height: calc(100vh - 50px); font-family: proxima-nova, sans-serif; }

.left-div-checkout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 55%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.right-checkout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid rgba(0, 0, 0, .15); background-color: #f5f5f5; }

.div-block-23 { width: 550px; margin-right: 50px; margin-left: 50px; padding-top: 40px; padding-bottom: 20px; }
#divForms.div-block-23 { margin-left: 40px; margin-right: 40px; width: 590px;  padding-bottom:0px; }
.forms-business-heading {  margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 30px; line-height: 36px; font-weight: 500; margin-top:0px; margin-left: 20px; margin-right: 20px; }
.formsbutton-row { margin-left: 20px;  margin-top:20px; position:relative; z-index:1;} 
.formsbutton-row .common-green-btn {width: 120px; margin-right:15px; display:inline-block; vertical-align:top; font-size:15px;}
.formsbutton-row .outline-btn.bag { width: 120px; margin-right:15px!important; display:inline-block; vertical-align:top; padding:9px 5px; margin-bottom:0px; line-height:25px; }
.formsbutton-row .outline-btn span {display:inline-block; vertical-align:middle;}
.formsbutton-row .outline-btn .back-arrow { margin-top:-2px;}
.class-heading-name { font-size:34px; font-weight:400; padding-left:20px; margin-top:15px; margin-bottom:12px;}
.forms-direct-display { margin:0 auto!important;  width:100%!important; max-width:1060px;}
.forms-direct-display .forms-business-heading { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 30px; line-height: 36px; font-weight: 500; margin-top: 10px; margin-left: 20px; margin-right: 20px; }

.heading { margin-top: 0px; margin-bottom: 0px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, .15); font-size: 30px; line-height: 36px; font-weight: 500; }

.checkout-title { margin-top: 40px; margin-bottom: 15px; font-size: 20px; }

.first-last { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.name-field { width: 49%; height: 45px; margin-bottom: 0px; border-radius: 3px; }

.order-summary { width: auto; max-width: 420px; min-width: 350px; margin-right: 50px; margin-left: 50px; padding-top: 40px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.product-div-checkout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -moz-box-flex: row wrap; -ms-flex-flow: row wrap; flex-wrap: wrap; }
.product-div-checkout:first-of-type { border-top: 0 none !important; }

.return-policy span { text-transform: none; padding-left: 5px; }

.img-product-checkout { width: 60px; min-width: 60px; height: 70px; border: 1px solid #dbdbdb; border-radius: 3px; background-position: 50% 50%; background-size: cover; }

.product-name { color: #333; font-size: 16px; }

.product-name.discount { color: rgba(51, 51, 51, .5); text-decoration: line-through; }

.div-block-25 { margin-left: 15px; }

.brand-name-checkout { color: rgba(51, 51, 51, .5); font-size: 12px; text-transform: uppercase; }

.product-left-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.product-left-div.class-item-width { width: 60%; word-wrap: break-word; word-break: break-word; }

.product-master { border-bottom: 1px solid rgba(0, 0, 0, .15); }

.subtotal-master { padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, .15); }

.div-block-26 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.div-block-27 { width: 30px; border-top: 1px solid #000; }

.total-large { font-size: 22px; font-weight: 500; }

.text-block-2 { font-size: 18px; }

.total-master { padding-top: 20px; padding-bottom: 10px; }

.address-field { width: 78%; height: 45px; margin-right: 0; margin-bottom: 0px; border-radius: 3px; }

.apt { width: 20%; height: 45px; margin-bottom: 0px; border-radius: 3px; }

.shipping-address-div { }

.phone { height: 45px; margin-bottom: 0px; border-radius: 3px; }

.save-check-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.checkout-button-div { display: block; margin-top: 10px; }
.checkout-button-div .button-2 { float: right; width: 49%; }
.checkout-button-div button.button-2 { display: block; }
.checkout-button-div .outline-btn { float: left; width: 49%; margin-bottom: 0; }
.button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 250px; height: 50px; padding-top: 0px; padding-bottom: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; font-size: 15px; text-align: center; }

.button:hover { background-color: #1b78b8; }

.text-block-3 { margin-bottom: 10px; }

.link-2 { color: #248dd5; font-size: 13px; text-decoration: none; }

.shipping-method { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin: 0px; padding: 15px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; background-color: transparent; cursor: pointer; }
.shipping-tabs .shipping-method:last-child:hover,
.shipping-tabs .shipping-method:hover,
.shipping-method:hover { margin: 0px; border: 1px solid #248dd5; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: transparent; }

.shipping-tabs .shipping-method.w--current,
.shipping-tabs .shipping-method.w--current:last-child,
.shipping-method.w--current { width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #248dd5; background-color: rgba(36, 141, 213, .1); }

.shipping-method.bottom { border-bottom-style: none; cursor: pointer; }

.shipping-method.bottom:hover { background-color: rgba(0, 152, 255, .05); }

.shipping-method.bottom.active { margin: -1px; border: 1px solid #248dd5; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.shipping-method.bottom.active:hover { background-color: rgba(36, 141, 213, .1); }

.shipping-method.active { background-color: rgba(0, 152, 255, .1); cursor: pointer; }

.div-block-28 { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; }

.name-on-card { width: 60%; height: 45px; margin-bottom: 1px; border-radius: 3px; }

.link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; padding-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #248dd5; text-decoration: none; }

.div-block-29 { margin-bottom: 40px; }

.calendar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 10px; padding: 10px 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: #313131; color: #fff; text-decoration: none; }

.div-block-30 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 95%; max-width: 1000px; margin-right: auto; margin-left: auto; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.div-block-31 { display: none; margin: 0px 15px; padding: 3px 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .2); border-radius: 3px; background-color: #f5f5f5; font-size: 14px; cursor: pointer; }

.bookmark-icon { margin-right: 5px; }

.div-block-32 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; margin-bottom: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 18px; }

.div-block-32.pro { margin-bottom: 0px; }

.text-block-4 { width: 75%; width: -webkit-calc(100% - 78px); width: -moz-calc(100% - 78px); width: -ms-calc(100% - 78px); width: -o-calc(100% - 78px); width: calc(100% - 78px); font-weight: 600; word-wrap: break-word; word-break: break-word; }

.text-block-5 { font-size: 14px; }

.text-block-6 { color: rgba(51, 51, 51, .5); font-size: 14px; }

.text-block-7 { font-size: 16px; }

.business-shopping-bag { margin-top: 25px; font-size: 24px; line-height: 28px; text-align: center; }

.shopping-bag-div { display: block; width: 1200px; max-width: 100%; margin-right: auto; margin-bottom: 20px; margin-left: auto; font-family: proxima-nova, sans-serif; font-size: 18px; text-align: center; }

.link-3 { width: 200px; max-width: 90%; margin-top: 15px; color: #248dd5; }

.cart-link-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50px; height: 42px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; }
.div-block-33 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.div-block-34 { display: none; }
.show-hide-div { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.checkout-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; }

.checkout-tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid transparent; background-color: transparent; }

.checkout-tab:hover { margin: 0px; border: 1px solid #248dd5; border-radius: 3px; }

.checkout-tab.w--current { background-color: rgba(36, 141, 213, .1); }

.shipping-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top:10px;}

.form-wrapper { margin-top: 20px; }

.text-block-11 { display: inline-block; padding: 15px; border-radius: 3px; background-color: #f5f5f5; }

.tab-pane-2 { padding-top: 20px; }

.cc { height: 45px; margin-bottom: 15px; border-radius: 3px; }

.tabs-content { padding-top: 20px; }

.name-form { width: 40%; height: 45px; border-radius: 3px; }

.name-form.middle { width: 15%; }

.service-div-checkout { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .15); }

.service-div-checkout.bottom, .service-div-checkout:last-child { margin-bottom: 0px; border-bottom-style: none; }

.service-time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 22px; line-height: 26px; }

.text-block-12 { font-size: 14px; }

.div-block-37 { padding-bottom: 0px; width: calc(100% - 50px); margin-left: 50px; }

.div-block-38 { word-wrap: break-word; word-break: break-word; width: calc(100% - 130px); }

.textarea { min-height: 100px; border-radius: 3px; }

.text-block-13 { margin-top: 3px; color: #333; font-size: 12px; }

.text-block-14 { margin-top: 15px; font-size: 11.5px; text-align: right; }

.return-policy { color: #248dd5; text-decoration: underline; }

.div-block-39 { margin-top: 25px; }

.bullet-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.div-block-40 { width: 6px; height: 6px; margin-right: 6px; border-radius: 100%; background-color: #333; }

.link-block-2 { margin-top: 15px; padding: 9px 20px; border-radius: 50px; background-color: #7cc576; color: #fff; font-weight: 400; text-decoration: none; }

.add-service-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); }

.img-shopping-bag { width: 80px; height: 100px; background-position: 50% 50%; background-size: cover; }
.ipadandroid .img-shopping-bag { display: block !important; }

.body-2 { min-height: 100vh; font-family: proxima-nova, sans-serif; }

.product-div-shopping-bag { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; padding-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 1px solid rgba(0, 0, 0, .15); }

.product-div-shopping-bag.bottom { border-bottom-style: none; }

.product-left-shopping-bag { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.shopping-bag-split { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.shopping-bag-right { width: 360px; margin-right: 25px; margin-left: 25px; padding-top: 0px; }

.subtotal-shopping-bag { margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid rgba(0, 0, 0, .15); border-bottom: 1px solid rgba(0, 0, 0, .15); }

.div-block-41 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.remove-from-bag { color: #248dd5; font-size: 12px; text-decoration: underline; }

.div-block-42 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.button-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 45px; margin-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: #248dd5; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; text-align: center; }

.button-2:hover { background-color: #1b78b8; }

.shopping-bag-sub { margin-top: 10px; }

.dropdown-qty { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; margin-left: 5px; padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .2); border-radius: 3px; color: #333; text-decoration: none; }

.dropdown-qty:hover { border-color: rgba(0, 0, 0, .3); }

.image-3 { margin-left: 5px; }

.text-block-15 { margin-top: 0px; text-align: left; }

.shopping-bag-items { width: 550px; margin-right: 25px; margin-left: 25px; }

.div-block-43 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.back-arrow { margin-right: 5px; }

.login-background { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .3); font-family: proxima-nova, sans-serif; }

.class-div { padding-top: 17px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, .15); word-wrap: break-word; }

.book-class-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 0px; margin-left: 0px; padding: 0px 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: #eb6663; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; color: #fff; font-size: 14px; text-decoration: none; }

.book-class-btn:hover { background-color: #d65956; }

.book-class-btn.full { opacity: 0.25; -webkit-filter: saturate(75%); filter: saturate(75%); }
.book-class-btn.full.checkin-appbtn { opacity: 1; -webkit-filter: saturate(100%); filter: saturate(100%);}
/*Waitlist 2.0 : By Sneha Sodha : Get waitlist details for MyAccount*/
/* Add to waitlist button css */
.add-to-waitlist-btn {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-right: 0px;margin-left: 0px;padding: 4px 0px 4px !important;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border-radius: 3px;background-color: #fff;-webkit-transition: background-color 300ms ease;transition: background-color 300ms ease;color: #333;font-size: 14px !important;text-decoration: none;min-height: auto !important;border:1px solid #ccc;line-height:21px !important;cursor:pointer;}
    .add-to-waitlist-btn:hover {
        background-color: #e7e7e7;
    }
.add-to-waitlist-btn.full {
        opacity: 0.25;
        -webkit-filter: saturate(75%);
        filter: saturate(75%);
    }
/* Add to waitlist button css end */
.currencysign {display: inline-block;float: left;}
.currencyamount{display:inline-block;}
/*Waitlist 2.0 : By Sneha Sodha : Get waitlist details for MyAccount*/
.image-4 { margin-bottom: -3px; margin-left: 10px; }

.class-date { margin-top: 50px; font-size: 24px; line-height: 24px; font-weight: 400; }

.blur-background { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; -webkit-filter: blur(5px); filter: blur(5px); }

.div-block-46 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.div-block-47 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.image-5 { margin-right: 15px; border-radius: 3px; }

.dropdown-toggle { padding-top: 16px; padding-bottom: 16px; color: #fff; font-weight: 400; }

.dropdown-list.w--open { margin-top: 62px; border-radius: 3px; background-color: #fff; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3); left: 0; }

.link-block-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 10px 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, .15); color: #333; font-weight: 400; text-decoration: none; }

.link-block-3:hover { background-color: #f5f5f5; }

.class-popup-background { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 100; display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .3); font-family: proxima-nova, sans-serif; }

.div-block-48 { width: 600px; padding: 40px; border-radius: 5px; background-color: #fff; }

.image-6 { width: 100px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.div-block-49 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; }

.class-name { margin-bottom: 5px; font-size: 24px; line-height: 24px; }

.div-block-50 { padding-left: 15px; }

.div-block-51 { width: 100px; height: 80px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 3px; background-position: 0px 0px; background-size: cover; }

.edit-link { color: #248dd5; font-size: 13px; text-decoration: underline; }

.div-block-52 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 6px; padding-bottom: 6px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.div-block-52.space { margin-left: 20px; }

.div-block-52.alt { padding-top: 15px; }

.div-block-53 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -8px; margin-right: 7px; margin-left: 0px; padding-right: 5px; padding-left: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.text-block-17 { margin-right: 10px; }

.text-block-17.alt { margin-right: 10px; margin-left: 8px; }

.text-block-17.space { margin-left: 25px; }

.div-block-54 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.text-block-18 { margin-left: 8px; padding: 7px 10px; border-radius: 3px; background-color: hsla(1, 77%, 65%, .3); color: #d65956; font-size: 10px; line-height: 10px; font-weight: 600; text-transform: uppercase; }
.text-block-18.white { border: 1px solid #e7e7e7; background-color: #fff; color: #333; }

.div-block-55 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0px; padding-top: 8px; padding-bottom: 8px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.div-block-56 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -30px; margin-right: -20px; margin-left: -20px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.left-div { width: 100%; }

.div-block-57 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 40px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.button-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 15px; padding: 7px 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; }

.button-3.no-space { margin-right: 0px; }

.div-block-58 { padding-right: 10px; padding-left: 10px; }

.div-block-59 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.text-block-19 { margin-left: 35px; color: #7cc576; font-size: 24px; }

.text-area._50 { width: 49%; border-radius: 3px; }

.text-area.message { min-height: 100px; border-radius: 3px; }

.message-provider-div { padding-right: 20px; padding-left: 20px; }

.div-block-60 { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.div-block-61 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1000px; max-width: 90%; margin-right: auto; margin-left: auto; padding-top: 30px; }
.write-review-account { background-color: #fff; margin-top: -20px; }
.review-left-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 35%; padding-right: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.write-review-bus-img { margin-right: 15px; margin-bottom: 10px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); }

.div-block-62 { width: 36px; height: 36px; margin-right: 10px; border-radius: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.div-block-63 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(0, 0, 0, .15); font-size: 16px; }

.review-right-div { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.stars-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.div-block-65 { width: 100%; }

.link-block-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 32%; height: 180px; padding-top: 10px; padding-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 5px; background-color: #f4f4f4; color: rgba(51, 51, 51, .5); text-decoration: none; min-width: 187px; }

.link-block-4:hover { border-width: 1px; border-color: #000; }

.link-block-4:active { border-width: 3px; border-color: #7cc576; }

.image-7 { opacity: 0.5; }

.text-block-20 { margin-top: 15px; margin-bottom: -25px; color: rgba(51, 51, 51, .5); font-size: 13px; font-weight: 500; }

.div-block-66 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.div-block-67 { width: 100%; height: 1px; }
.review-background-div { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1002; display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .25); }
.text-block-21 { margin-bottom: 10px; font-size: 26px; line-height: 32px; text-align: center; }
.div-block-68 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.button-4 { position: relative; z-index: 2; border-radius: 3px; background-color: #eb6663; text-shadow: none; }
.button-4:hover { background-color: #d65956; }
.btnlike { color: #eb6663; }
.btnlike.unliked { color: #848484; }
.div-block-69 { margin-right: 10px; padding: 7px 5px; border-radius: 3px; background-color: #fff; cursor: pointer; width: 36px; height: 36px; text-shadow: none; color: #848484; font-family: 'Fontawesome pro solid 900',sans-serif; border: 1px solid rgba(0,0,0,0.1); text-align: center; }
.div-block-69:hover { background-color: #f5f5f5; }
.div-block-70 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.div-block-71 { width: 32.5%; margin-bottom: 20px; }
.image-title { margin-top: 5px; }
.image-9 { margin-top: 3px; margin-bottom: 10px; }
.new-pro { display: inline-block; margin-top: 3px; margin-bottom: 7px; padding: 5px 15px; border-radius: 3px; background-color: #248dd5; color: #fff; font-size: 11px; line-height: 12px; text-transform: uppercase; }
.div-block-72 { height: 100px; }
.div-block-73 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.share-popup { display: none; overflow: hidden; width: auto; height: auto; padding: 0px; border-radius: 3px; background-color: #fff; box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, .2); color: #333; text-shadow: none; position: absolute; left: 10px; right: 10px; top: 60px; max-width: 240px; z-index: 9999; font-family: "proxima-nova", sans-serif; }
.share-popupinpopup { width: 220px; left: 0; right: auto; display: none; top: 35px; }
.email-text-field { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; }

.email-text-field.long { min-height: 185px; }

.email-text-field.gc-amount { width: 125px; float: none; color: #353535; }

.text-block-22 { padding: 10px; color: rgba(51, 51, 51, .5); font-size: 16px; cursor: pointer; }

.share-social-icon-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; }

.share-social-icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; margin-right: 10px; border-radius: 100%; cursor: pointer; text-align: center; color: #fff !important; font-size: 18px; text-decoration: none; }
.share-social-icon.facebook { background-color: #3A589B; }
.share-social-icon.twitter { background-color: #00ACED; }
.share-social-icon.pinterest { background-color: #CB1F27; }
.share-social-icon.no-radius { border-radius: 0%; }

.text-block-23 { margin-top: 0px; font-size: 14px; }

.share-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30px; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #e6e6e6; -webkit-transform: rotate(-37deg); -ms-transform: rotate(-37deg); transform: rotate(-37deg); cursor: pointer; }

.share-style-div { padding: 10px; background-color: #f5f5f5; }

.email-share-div { padding: 10px; }

.gc-img { height: 100%; border-radius: 3px; background-position: 0px 0px; background-size: cover; background-repeat: no-repeat; }
.iosdevice .gc-img { display: block !important; }

.gc-img.fitness { background-position: 0px 0px; background-size: cover; background-repeat: no-repeat; }

.gc-img.hair { background-size: cover; background-repeat: no-repeat; }

.gc-img.birthday { background-size: cover; background-repeat: no-repeat; }

.gc-img.holidays { background-size: cover; }

.gc-img.just-because { background-size: cover; }

.gc-img.mothers-day { background-position: 50% 100%; background-size: cover; }
.gift-certificate-category { display: block; margin-bottom: 10px; padding: 30px 20px; border-radius: 3px; background-position: 50% 0px; background-size: cover; font-size: 24px; font-weight: 400; }

.gift-certificate-category.fitness { display: block; background-position: 50% 39%; }

.gift-certificate-category.hair { display: block; background-position: 0px 0px, 50% 12%; background-size: auto, cover; }

.gift-certificate-category.happy-birthday { background-position: 50% 50%; }

.gift-certificate-category.holidays { background-position: 50% 50%; }

.gift-certificate-category.mothers-day { background-position: 0px 50%; }

.gift-certificate-category.just-because { background-position: 0px 0px, 0px 50%; background-size: auto, cover; }

.text-block-25 { color: #fff; }

.alt-gift-categories { display: none; }

.div-block-75 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /*padding-left: 20px;*/ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.select-template-div { min-height: 93px; height: auto !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 7px; padding: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: #f5f5f5; overflow: auto; -webkit-overflow-scrolling: touch; }

.gc-thumb { margin-right: 10px; border: 2px solid transparent; border-radius: 3px; }

.gc-thumb.active { border: 2px solid #000; }

.gc-preview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 21px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.form-wrapper-2 { padding-right: 10px; padding-left: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.textarea-2 { min-height: 200px; }

.gc-tabs { padding-right: 15px; padding-left: 15px; border-bottom: 2px solid transparent; background-color: transparent; font-size: 20px; float: left; position: relative; }

.gc-tabs.w--current { border-bottom-color: #eb6663; background-color: transparent; }

.tabs-2 { margin-top: 25px; }

.tabs-content-2 { padding-top: 25px; }

.gc-category-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }

.build-gc-container { display: block; width: 99%; max-width: 1000px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.gc-flex-container { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.gc-flex-container.inactive-gcflex { max-height: 200px; }

.image-10 { width: 500px; }

.div-block-77 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 5px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.gc-button-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.text-block-27 { display: inline-block; }

.select-service { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 500px; margin-top: 10px; margin-bottom: 10px; padding: 9px 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; font-size: 16px; }

.select-service.qty { width: 100px; }

.div-block-79 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.text-block-28 { margin-left: 10px; color: #fff; font-size: 16px; font-weight: 400;}
.banner-success-master {z-index: 100000 !important;}

.div-block-80 { background-color: #C7C7CB; bottom: 0; color: #fff; font-size: 72px; left: 0; line-height: 52px; position: absolute; right: 0; text-align: center; top: 0; }

.large-lb-link { height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }


.lb-square { width: 250px; margin-right: 5px; background-image: none; background-size: auto; text-decoration: none; height: 100%; }

.lb-square.end { margin-right: 0px; }

.lb-large { width: 36%; margin-right: 5px; height: 100%; }
.link-block-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 155px; padding: 5px 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, .5); border-radius: 3px; background-color: #fff; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15); color: #333; font-size: 12px; font-weight: 500; text-decoration: none; }

.image-11 { margin-right: 8px; border-radius: 3px; }

.div-block-83 { display: block; margin-bottom: 10px; word-wrap: break-word; word-break: break-word; }
.windowsPhone .business-name { word-wrap: break-word; word-break: break-word; }
.div-block-84 { display: block; width: 200px; height: 134px; margin-right: 15px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); border-radius: 6px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.div-block-84.bigsby { border-style: solid; }
.image-13 { margin-right: 10px; }
.captcha { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 220px; height: 48px; margin-right: auto; margin-left: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .15); border-radius: 3px; background-color: #f5f5f5; }
.div-block-90 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid rgba(0, 0, 0, .15); }
.select-field { height: 40px !important; margin-bottom: 8px; }

.select-field select { height: 40px !important; }


.login-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.text-block-31 { margin-bottom: 0px; font-size: 16px; line-height: 22px; }

.business-heading { margin-top: 0px; margin-bottom: 25px; color: rgba(51, 51, 51, .75); font-size: 32px; line-height: 38px; font-weight: 600; }

.business-heading.with-paragraph { margin-bottom: 10px; }
.business-page-link { color: #333; font-weight: 400; text-decoration: none !important; }
.business-page-link:hover { text-decoration: underline !important; }
.div-block-97 { display: inline-block; width: 100%; margin-top: 15px; padding-right: 15px; padding-left: 25px; font-family: proxima-nova, sans-serif; }

.daily-deal-link { width: 49%; margin-bottom: 25px; text-decoration: none; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
.daily-deal-link.active:after { background-color: rgba(36, 141, 213, 0.5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; }
.daily-deals-map { width: 100%; }
.title-paragraph { width: 100%; max-width: 1000px; color: rgba(51, 51, 51, .75); }

.listing-h1 { margin-top: 5px; margin-bottom: 5px; font-size: 20px; line-height: 26px; font-weight: 600; }

.listing-header { padding: 5px 20px; border-bottom: 1px solid rgba(0, 0, 0, .15); }
.login-profile { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; /*background-color: #e4e4e4;*/ width: 36px; height: 36px; margin-right: 10px; border-radius: 100%; }
.login-profile .avatar-inital { background-color: #e3e3e3; color: rgba(51,51,51,.75); font-size: 13px; font-weight: 400; border: 1px solid #ccc; letter-spacing: 0; }
.div-block-103 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.dropdown-toggle-2 { padding-top: 0px; padding-bottom: 0px; }

.dropdown-list-2.w--open { overflow: hidden; margin-top: 10px; margin-left: -10px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .1); border-radius: 3px; background-color: #fff; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15); }

.sort-dropdown { border-bottom: 1px solid rgba(0, 0, 0, .15); }

.sort-dropdown:hover, .sort-dropdown.active { background-color: rgba(0, 0, 0, .15); }

.sort-dropdown.bottom { border-bottom-style: none; }
.deals-heading { margin-top: 10px; margin-bottom: 10px; font-size: 54px; line-height: 60px; font-weight: 500; }

.div-block-104 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 95%; max-width: 1000px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.paragraph-3 { max-width: 80%; font-size: 18px; line-height: 24px; font-weight: 300; }

.how-it-works-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: none; margin-right: auto; margin-bottom: 60px; margin-left: auto; padding-top: 25px; padding-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .15); background-color: #fff; font-family: proxima-nova, sans-serif; }

.how-it-works-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 800px; max-width: 95%; margin-top: 15px; margin-bottom: 15px; padding: 25px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 5px; box-shadow: none; }

.how-it-works-title { font-size: 38px; line-height: 44px; font-weight: 300; }

.step-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50px; height: 50px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #3873aa; border-radius: 100%; color: #3873aa; font-size: 24px; font-weight: 300; }
.step-title { margin-top: 20px; font-weight: 300; }
.paragraph-4 { color: rgba(51, 51, 51, .75); font-size: 15px; line-height: 22px; font-weight: 300; }
.div-block-105 { margin-left: 30px; }
.how-it-works-image { max-width: 225px; }
.div-block-106 { position: absolute; left: 0px; right: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 4px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; border-radius: 100%; background-color: hsla(0, 0%, 100%, .3); opacity: 0.4; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; }
.div-block-106:hover { opacity: 1; }
.deal-discount { position: absolute; display: inline-block; padding: 5px 10px; border-top-left-radius: 5px; background-color: #363636; right: 0; bottom: 0; color: #fff; font-size: 15px; font-weight: 400; }
.strikethrough { opacity: 0.6; font-size: 11px; line-height: 12px; font-weight: 300; text-decoration: line-through; }
.strikethrough.large { font-size: 18px; }
.deal-listing-discount { display: block; margin-top: 0px; padding: 5px 10px; border-top-left-radius: 5px; position: absolute; right: 0; bottom: 0; background-color: rgba(51, 51, 51, .7); color: #fff; font-size: 28px; line-height: 36px; text-align: right; }
html.w-mod-js *[data-ix="hero-list-move"] { -webkit-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate(0px, 50px); }
html.w-mod-js *[data-ix="initial-show-none"] { display: none; }

/*================== Preset Discount Page add by Sneha Start ===================*/
/*==== Daily Deals with Membership CSS add By Sneha Start ====*/
.deal-service-100 { width: 100%;}
/*==== Daily Deals with Membership CSS add By Sneha End ====*/
/*================== Preset Discount Page add by Sneha End ===================*/

/*============= Promotion Shoping Cart Css start add by Sneha 24-10-2018 =========== */
.full-applied-green-part{width:100%;}
.applied-green-part{background:rgba(124,197,118,.1); padding:5px 10px; border-radius:3px; margin-bottom:5px; display:inline-block; text-transform:none; margin-top:10px;}
.applied-green-part .sign-icon{ font-family: 'Fontawesome pro solid 900'; color:#7cc576; font-size:14px; margin-right:5px; display:inline-block;}
.applied-green-part span.green-text{color:#7cc576; display:inline-block; font-size:14px; word-break:break-word;}
/*============= Promotion Shoping Cart Css End add by Sneha 24-10-2018 =========== */

/*Book Now CC Hold css Start by Pravin 14-03-2019*/
.checkout-title.less-space {margin-bottom: 6px;}
.hold-text {color: #777;}
.total-due-block {padding-top:20px; padding-bottom:10px; border-top:1px solid rgba(0, 0, 0, .15);}
.div-block-489 {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.hold-label {margin-left: 5px; padding: 0 5px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 3px; background-color: #777; color: #fff; font-size: 12px;}
.fontsize14 {font-size:14px;}
/*Book Now CC Hold css End by Pravin 14-03-2019*/
/*Appoinment Cancel sweet alert popup*/
.AppoinmentCancelNew { width: 600px; max-width: 95%;}
.AppoinmentCancelNew .gencustom-head {padding: 15px 20px 0px 20px!important;}
.AppoinmentCancelNew .gencustom-head .gencutom-title{ margin-bottom: 5px;font-size: 20px!important; line-height: 30px; font-weight: 500;}
.AppoinmentCancelNew.sweet-alert-model.fontsize14 p {color: #777;font-size: 16px!important;line-height: 24px;font-weight: 300;margin-bottom: 16px;}
.AppoinmentCancelNew .gencustom-content {padding-top: 5px; padding-bottom:0px;}
.AppoinmentCancelNew .ApoinmentTerms .ApoinmentTitle{font-weight: 500;color: #777;font-size: 16px;line-height: 20px;}
.AppoinmentCancelNew .ApoinmentTerms .ApoinmentContent{margin-top: 8px;padding: 12px;border-style: solid;border-width: 1px;border-color: rgba(0,0,0,.2);border-radius: 5px;background-color: #f8f8f8;color: #777;font-size: 15px;}
.AppoinmentCancelNew .checkbox-custom-black.small-check input[type="checkbox"] + label::before { width:24px; height:24px; margin-right:10px;}
.AppoinmentCancelNew .checkbox-custom-black.small-check label {line-height: 25px; margin-bottom: 16px; color:rgb(51, 51, 51)!important; font-size:15px; font-weight:400;}
.AppoinmentCancelNew.sweet-alert-model.sweet-alert button.cancel {box-sizing:border-box; min-width:100px!important;}
.AppoinmentCancelNew button {padding: 7px 20px !important;}
.AppoinmentCancelNew .checkbox-custom-black.small-check { margin-bottom:16px;}
.AppoinmentCancelNew .sa-button-container {padding: 10px 20px;}
.AppoinmentCancelNew.sweet-alert-model.sweet-alert button.confirm.btn {background-color: #d83f34!important;color: #fff;}
.AppoinmentCancelNew.sweet-alert-model.sweet-alert button.confirm.btn:hover {background-color: #d83f34!important;color: #fff;}
/*Appoinment Cancel sweet alert popup*/

/*Cancel Appoinmetn popup css by @mahendra at 11 feb 2021*/
.modal-header #divCancellationText {font-size: 15px;line-height: normal;letter-spacing: normal;color: #777777;margin-bottom: 15px;font-weight:normal;}
.canceltextContent { font-size: 15px; line-height: normal;letter-spacing: normal;color: #333333;margin-bottom: 10px;font-weight: 500;display: block;white-space: break-spaces;}
.cancelPolicyContent .shipping-tabs {margin-top: 5px;}
.cancelPolicyContent .checkbox-custom-black {margin-bottom: 20px;}
#divCancellationPolicy.canceltextContent {margin-bottom: 10px;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #333333;padding-right: 0px;
}
#CancelCCCaptureAppoitmentModal .cancellation-policy-checkbox label {font-size: 15px !important;font-weight: 400 !important;color: #333;margin-bottom: 0px !important;margin-top:0px !important;}
#CancelCCCaptureAppoitmentModal button.close{color: #9a9a9a;font-size: 13px;width: 13px;height: 21px;font-weight: bold;}
#CancelCCCaptureAppoitmentModal .modal-footer .btn{padding: 10px;height: 40px;overflow: hidden;box-sizing: border-box;line-height: normal;min-width: 83px;}
#CancelCCCaptureAppoitmentModal .modal-footer .btn.btn-primary {background-color: #eb6663;-webkit-transition: background-color 300ms ease 0s;transition: background-color 300ms ease 0s;min-width: 192px;}
#CancelCCCaptureAppoitmentModal .modal-footer .btn.btn-primary:hover {background-color: #eb6663;}
div#divClassCancellationPolicy {margin-bottom: 10px;}
div#divClassCancellationPolicy,
div#divAppointmentCancellationPolicy {font-weight: normal;}
.shipping-tabs .shipping-method{border-bottom: 0px;}
.shipping-tabs .shipping-method:last-child{border-bottom: 1px solid rgba(0, 0, 0, .15);}
div.class-policy-popup .modal-body{max-height: -webkit-calc(100vh - 350px);max-height: -ms-calc(100vh - 350px);max-height: -moz-calc(100vh - 350px);max-height: -o-calc(100vh - 350px);max-height: calc(100vh - 350px) !important;}
div.class-policy-popup .modal-body .CCDetailField {margin-bottom: 10px;}
#CancelCCCaptureAppoitmentModal .modal-footer .btn.btn-primary {min-width: 247px;float: right;margin-left: 20px;}
.moreless-action {float: right;margin-top: -29px;}
.moreless-button {display: inline-block;float: right;color: #248dd5;font-weight: 500;padding: 8px 0px 4px 60px;background-image: -webkit-linear-gradient(179deg ,#fff 46%,hsla(0,0%,100%,0));background-image: linear-gradient( 271deg ,#fff 46%,hsla(0,0%,100%,0));color: #248dd5;font-weight: 500;text-decoration: none;z-index: 9999;position: relative;}
.paymentMethodaTitle{margin-top: 10px;display: inline-block;width: 100%;}
#divCancellationPolicy {overflow: hidden;}
#CancelCCCaptureAppoitmentModal .modal-dialog {transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);top: 50% !important;margin-top: 0 !important;}
@media (max-width: 1060px) {
    .order-summary { margin-right: 40px; margin-left: 40px; }
    .tab a { padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 991px) {
    .tabs-div.bookmarks { width: 95%; height: auto; max-width: none; }
    .tab { font-size: 14px; }
    .tab a { padding-right: 10px; padding-left: 10px; }
    /*.tab.active, .tab.active.w--current { font-size: 14px; }*/
    .tab-fixednav .book-now-multiple { display: none; }
    .review-description-div { width: 45%; padding-left: 0px; float: left; }
    .review-description-div.stars { width: 50%; float: right; }
    .reviews-description-parent-div { padding-right: 8px; }
    .flamingo-btn { max-width: 90%; }
    .grey-btn { max-width: 90%; }
    .grey-btn.bus-profile { padding-right: 10px; padding-left: 10px; }
    .title { display: block; max-width: 100%; margin-right: auto; margin-left: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .text-normal { display: block; width: 100%; margin-right: auto; margin-left: auto; }
    .business-name { font-size: 28px; }
    .business-main-photo { height: 360px; min-height: 0px; }
    .business-main-photo.alt { height: 360px; min-height: 0px; }
    .location-text { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .map-75 { width: 100%; }
    .nav-bar { padding-right: 0; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .nav-bar.fixed { display: none; }
    .hours-div-block { width: 100%; padding-right: 0px; padding-left: 0px; }
    .hours-btn-div { margin-top: 15px; }
    .cards-parent-div-flex { overflow: auto; width: 100%; padding-left: 20px; }
    .home-main .cards-parent-div-flex { overflow: inherit; width: 100%; padding-left: 20px; }
    .card-title { display: block; }
    .card-linkbottomdiv .card-title { display: inline-block; }
    .homepage-divslide .card-title { display: inline; }
    .fixed-tabs-div { display: none; }
    .footer-div { width: 90%; }
    .footer-25-div { width: 20%; margin-right: 35px; }
    .address-map-parent-div { width: 100%; }
    .service-book-div { float: right; }
    .profile-dropdown-toggle.mobile { display: none; }
    .listings-map-40 { position: fixed !important; display: block; height: 274px; min-height: 0vh; margin-top: 0; margin-left: 0; }
    .daily-deals-wrap .listings-map-40 { height: auto !important; position: absolute !important; }
    .listings-map-40.daily { width: 100%; }
    .listings-60 { width: 100%; height: auto; margin-top: 380px; float: none; }
    .listings-60.daily-deals { margin-top: 108px; width: 40%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .listings-60.daily { width: 100%; height: auto; }
    .listings-parent-div-100 { height: 100vh; }
    .listing-business-info-div { padding-left: 0px; }
    .listing-business-info-div.listingsmall-width { width: calc(100% - 137px); }
    .listings-business-parent-noflex .listing-business-info-div { margin-left: 137px; }
    .hero-heading { font-size: 40px; }
    .search-location-div { font-size: 15px; }
    .search-service-div { font-size: 15px; }
    .search-date-div { font-size: 15px; }
    .home-page-section { width: 100%; max-width: none; }
    .home-main .home-page-section { padding-left: 15px; padding-right: 15px; }
    .home-main .home-title, .home-title { font-size: 24px; }
    .home-sub-title { font-size: 15px; }
    .busAbouttab .dailydealsslider .home-see-all { font-size: 15px; }
    .top-pro-image { display: block; }
    .top-pros-photo { width: 22%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .slider-heading { font-size: 32px; }
    .popular-services-div-flex { overflow: auto; padding-left: 20px; }
    .square-category.last { width: 31%; height: 250px; margin-right: 5px; margin-left: 5px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .square-category.nails { width: 31%; height: 250px; margin-right: 5px; margin-left: 5px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .square-category.hair { width: 31%; height: 250px; margin-right: 5px; margin-left: 5px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .square-category.massage { height: 250px; }
    .profile-sections { width: 100%; }
    .appointments-parent-div { width: 95%; }
    .outline-btn.bag { width: 48%; margin-left: auto; margin-right: auto; }
    .horizontal-menu-div { width: 100%; margin-bottom: 0px; font-size: 14px; }
    .horizontal-nav-link { margin-right: 0px; font-size: 12px; padding:11px 6px; }
    .cancel-div.alt { width: 48%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    .appointment-small-intactbtns .cancel-div.alt { width: 150px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    .appointment-small-intactbtns .cancel-more-div .cancel-div.alt { width: auto; }
    .cancel-div.alt.reviewaddedButton { width: 48%; }
    .appointment-button-three { -webkit-flex-wrap: wrap; -moz-box-flex: row wrap; -ms-flex-flow: row wrap; flex-wrap: wrap; }
    .appointment-button-three .cancel-div.alt { width: 100%; }
    .appointment-button-three .cancel-div.right.alt { width: 100%; margin-top: 12px; margin-left: 0; }
    .service-dropdown { width: 43%; margin-right: 10px; }
    .book-calendar-parent-div { width: 100%; margin-bottom: 30px; }
    .arrow-div { width: 7%; max-width: 52px; }
    .arrow-div.end { width: 7%; max-width: 52px; }
    .month-this-week { margin-top: 20px; }
    .time-link-block { width: 17.8%; max-width: none; }
    .current-points { width: 90%; }
    .back-link-block { max-width: 100%; width: 90%; padding: 10px 0; }
    .arrow-circle { margin-left: 0px; }
    .arrow-circle.left { margin-right: 20px; }
    .arrow-circle.left:hover { margin-left: 0px; }
    .current-location-div { margin-top: 20px; }
    .provider-dropdown { margin-right: 10px; }
    .products-row-div { margin-left: -7px; margin-right: -7px; }
    .product-parent-div { padding: 0 7px; }
    .product-image-div.eleia { height: 300px; }
    .product-image-div.pantene { height: 300px; }
    .product-image-div.aesop { height: 300px; }
    .product-popup-background { display: none; }
    .listing-bus-image { margin-right: 10px; }
    .my-profile-menu-div { display: none; }
    .tabs-container { padding-left: 0px; }
    .service-provider-div { font-size: 14px; }
    .date-time-div { font-size: 21px; }
    .service-price { font-size: 15px; }
    .disclaimer { line-height: 18px; }
    .confirm-header { font-size: 28px; }
    .business-name-confirm { font-size: 22px; }
    .lightbox-module { height: 160px; min-height: inherit; }
    .lb-square { width: 200px; }
    .square-photo { width: 100%; height: 160px; }
    .busAbouttab .dailydealsslider .home-title-div { padding-right: 25px; padding-left: 25px; }
    .business-info-div { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .dropdown-text { font-size: 18px; }
    .gallery-solo-image { width: 32.5%; }
    .book-calendar-div { padding-top: 0px; padding-bottom: 10px; }
    .search-bar-parent-div-alt { margin-bottom: 15px; }
    .alt-services-div { width: 100%; max-width: none; }
    .alt-services-div.store._100 { width: auto; max-width: none; }
    .services-heading { padding-right: 0; padding-left: 0; width: 95%; margin-left: auto; margin-right: auto; }
    .services-flexy { width: 95%; display: block; margin: 15px auto 0; }
    .service-50 { width: 100%; height: auto; margin-bottom: 10px; padding: 15px 15px 0; }
    .services-subheading { padding-right: 15px; padding-left: 15px; }
    .shopping-cart-background { display: none; }
    .shopping-cart { display: block; }
    .gc-div { height: 180px; }
    .checkbox { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .sign-in-right-div { margin-left: 0px; }
    .download-app-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .sign-up-image { max-width: 45%; }
    .store-tabs { margin-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
    .store-tabs-menu { width: 100%; margin-top: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .store-tab-link { width: 25%; opacity: 1; }
    .store-tab-link.w--current { border-bottom: 3px solid #eb6663; border-left-style: none; }
    .store-tabs-content { width: 100%; max-width: none; }
    .store-tab-pane { max-width: 100%; }
    .profile-and-shop-bag { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .appointment-button-div.alt { margin-top: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .appointment-small-intactbtns.appointment-button-div.alt { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
    .image { display: block !important; margin-left: 15px; opacity: 0.5; }
    span.image { display: block !important; margin-left: 12px; opacity: 0.5; color: #333; }
    .div-block-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .service-link { display: block; height: 40px; line-height: 38px; padding-right: 20px; padding-left: 20px; }
    .service-mobile-hide { display: block; }
    .div-block-22 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
    .left-div-checkout { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    .right-checkout { margin-bottom: -1px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; border-bottom: 1px solid rgba(0, 0, 0, .15); }
    .div-block-23 { width: 550px; margin-right: 0px; margin-left: 0px; }
    #divForms.div-block-23 { margin-left: 0px; margin-right: 0px; width: 550px;  }
    .order-summary { display: block; width: 100%; min-width: 550px; margin-right: auto; margin-left: auto; padding-top: 20px; }
    .shopping-bag-div { margin-bottom: 5px; }
    .link-3 { max-width: 90%; }
    .shopping-bag-tab.no-float, .fixed-tabs-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 10px; padding-left: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; }
    .div-block-33 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .div-block-34 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: -1px; padding: 20px 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid rgba(0, 0, 0, .15); background-color: #f5f5f5; cursor: pointer; }
    .div-block-35 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 550px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .image-2 { margin-top: -5px; margin-right: 10px; }
    .div-block-36 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .view-order-summary { font-size: 20px; line-height: 22px; font-weight: 500;}
    .text-block-9 { margin-bottom: -3px; }
    .dropdown-checkout { margin-left: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
    .text-block-10 { font-size: 16px; }
    .show-hide-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: none; overflow: hidden; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    .text-block-13 { margin-top: 15px; margin-bottom: 15px; }
    .text-block-14 { margin-bottom: 20px; }
    .shopping-bag-split { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .shopping-bag-right { width: 100%; margin-right: 0px; margin-left: 0px; padding-right: 20px; padding-left: 20px; }
    .button-2 { width: 48%; }
    #divshippinginfo .button-2 { width: 100%; }
    .shopping-bag-items { width: 100%; margin-right: 0px; margin-left: 0px; padding-right: 20px; padding-left: 20px; }
    .div-block-44 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .div-block-61 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-65 { width: 90%; margin: 0 auto; }
    .review-form-wrapper, .stars-div { margin: 0 auto; }
    .stars { margin-left: 0; }
    .review-left-div { width: 100%; margin-bottom: 25px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: block; padding-right: 0; }
    .review-left-div .write-review-bus-img { margin-right: 0; width: 100%; max-width: 440px; margin: 0 auto 10px; display: block; }
    .div-block-64 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .gc-preview { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: inline-block; width: 100%; }
    .form-wrapper-2 { width: 100%; margin-top: 15px; }
    .build-gc-container { padding-right: 15px; padding-left: 15px; }
    .image-10 { width: 100%; }
    .gc-preview .pos-relative { width: 100%; }
    .purchase { padding-right: 15px; padding-left: 15px; }
    .div-block-97 { width: 100%; padding-right: 15px; }
    .title-paragraph { width: 1000px; max-width: 100%; }
    /*Tablet and Mobile Menu */
    .logo-div { display: none; }
    .mobile-hamburger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; padding: 14px 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
    .vagaro-mobile { display: block; margin-right: 5px; max-width:36px; }
    .dropdown-arrow { opacity: .6; -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 300ms; transition: transform 300ms; }
    .vagaro-logo { display: none; }
    .search-nav-bar { margin-left: 0; width: 100%; }
    .hamburger-bar { width: 26px; height: 3px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; background-color: #eb6663; }
    .mobile-dropdown { background-color: #fff; display: block !important; position: fixed; top: 0; padding-top: 50px; /*right: 0; bottom: 0;*/ left: 0; min-width: 232px; max-height: 100%; z-index: 0; opacity: 0; visibility: hidden; overflow: auto; /*-webkit-overflow-scrolling: touch;*/ -ms-transform: translateX(0) translateY(-100px) translateZ(0); -webkit-transform: translateX(0) translateY(-100px) translateZ(0); transform: translateX(0) translateY(-100px) translateZ(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all ease 300ms; transition: all ease 300ms; }
    .mobile-menu-overlay { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding-top: 50px; z-index: 0; opacity: 0; visibility: hidden; -webkit-transition: all ease 300ms; transition: all ease 300ms; }
    .mobile_menu_show .mobile-menu-overlay { z-index: 100; opacity: 1; visibility: visible; }
    .mobile-dropdown.mobile_menu_open { opacity: 1; visibility: visible; z-index: 101; -ms-transform: translateX(0) translateY(0) translateZ(0); -webkit-transform: translateX(0) translateY(0) translateZ(0); transform: translateX(0) translateY(0) translateZ(0); }
    .mobile-dropdown-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 55px; line-height: 54px; padding-right: 15px; padding-left: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #333; font-size: 20px; font-weight: 300; text-decoration: none; }
    .mobile-separator { border-bottom: 1px solid rgba(0, 0, 0, .2); }
    .dont-show-tablet { display: none; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .class-div { padding-top: 8px; padding-bottom: 8px; }
    .class-div.spotleftDescription { padding-bottom: 16px; }
    .daily-deal-large-header { font-size: 28px; }
    .subheading { font-size: 15px; font-weight: 500; }

    /*Book Now CC Hold css Start by Pravin 14-03-2019*/
    .view-order-summary {text-align:right;}
    .text-block-292 {color: #777; font-size: 14px; font-weight: 400;}
    /*Book Now CC Hold css End by Pravin 14-03-2019*/
    /* payment css start here */
    .paymentMethod-wrap .profile-sections{width:90%}
    .cardDelete-btn{ width:48%; font-size:18px; height:50px;}
    .paymentMethod-wrap .current-points{ margin-bottom:20px;}
    /* payment css end here */
}

@media (min-width: 768px) and (max-width: 991px) and (max-height:500px) {
    .listings-60 { margin-top: 333px; }
    .listings-map-40 { height: 227px; }
}

@media (max-width: 767px) {
    .servicesClassShowCase {max-width:545px; }
    .tabs-div.bookmarks { width: 100%; height: auto; max-width: none; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; float: none; }
    .rating-section { width: 100%; font-size: 14px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .number-of-reviews-div { width: 100%; }
    .number-of-reviews-div.buttonsparent { display: none; }
    .mob-bookmarkdiv.grey-btn.bus-profile { cursor: pointer; width: 95%; margin-right: auto; margin-bottom: 10px; margin-top: 20px; margin-left: auto; }
    .reviews-description-parent-div { width: 100%; }
    .review-description-stars { float: left; clear: left; }
    .flamingo-btn { width: 100%; height: 50px; max-width: 100%; padding-top: 16px; padding-bottom: 16px; font-size: 15px; font-weight: 500; }
    .flamingo-btn.right-justify.no-bottom-pad { margin-top: 0px; margin-bottom: 0px; padding-top: 15px; padding-bottom: 15px; }
    .flamingo-btn.plain { width: 48%; max-width: 100%; height: 50px; margin-right: 0; margin-left: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .staff-bookingbtn { width: 48%; max-width: 100%; margin-right: 0; margin-left: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .single-staffcontact .message-div { max-width: 100%; width: 100%; }
    .single-staffcontact .button-spacer { display: none; }
    .grey-btn { width: 100%; height: 50px; max-width: 100%; padding-top: 15px; padding-bottom: 15px; font-weight: 500; }
    .grey-btn.class { width: auto; max-width: none; padding-right: 45px; padding-left: 45px; font-size: 17px; }
    .text-section { padding-top: 0px; }
    .text-section._100 { width: 95%; margin-top: 20px; }
    .business-heading { margin-top: 5px; margin-bottom: 10px; font-size: 24px; line-height: 1.2; }
    .title { display: inline-block; margin-top: 10px; margin-left: 0px; }
    .thm-topHeadBG { width: 100%; }
    .top-name-div { width: 100%; padding-bottom: 0px; display: block; }
    .content-wrapper .thm-topHeadBG { width: 100%; }
    .top-name-div.hidden { display: none; }
    .top-name-div.empty { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .business-name { font-size: 20px; line-height: 24px; }
    .thm-topHeadBG .business-name { font-size: 32px; line-height: 38px; font-weight: 700; }
    .div-block-61 { padding-top: 20px; }
    .business-name.empty { font-size: 36px; line-height: 42px; }
    .business-main-photo { display: block; height: 320px; margin-top: 0px; border-bottom: 1px solid rgba(0, 0, 0, .2); }
    .business-main-photo.no-mobile { display: none; }
    .business-main-photo.alt { height: 320px; }
    .location-text.empty { font-size: 20px; line-height: 24px; text-align: center; }
    .location-stars-div { font-weight: 400; }
    .thm-topHeadBG .location-stars-div { font-weight: 300; }
    .nav-bar.fixed { z-index: 102; display: inline-block; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .nav-bar.mobile { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 904; display: none; }
    .logo-link-block.middle { float: none; }
    .hours-btn-div { margin-top: 10px; }
    .mobile-hamburger { float: left; }
    .nav-bar { display: block; }
    .cart-link-block { margin-left: 0px; padding-left: 0px; display: block; }
    .card-title { display: block; float: none; clear: none; font-size: 22px; }
    .busAbouttab .dailydealsslider .card-title { margin-bottom: 5px; }
    .card-miles { font-size: 14px; }
    .old-price { margin-top: 0px; }
    .card-image { max-height: none; }
    .footer-25-div { width: 48%; margin-right: 2px; float: left; text-align: left; }
    .footer-25-div.footer-end { margin-top: 20px; }
    .footer-25-div.discover { margin-top: 30px; float: right; }
    .footer-25-div.float-right { float: right; }
    .apple-app-store-link { margin-right: 6px; }
    .map-div { height: 200px; margin-top: 10px; margin-bottom: 10px; background-position: 0px 0px; background-size: 696px; }
    .more-photos-text { font-weight: 400; }
    .service-name-description { width: 60%; padding-right: 20px; }
    .service-book-div { width: 28%; }
    .service-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, .25); }
    .service-image-div { width: 12%; }
    .sort-div { }
    .profile-dropdown-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    .profile-dropdown-toggle.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    .profile-dropdown-toggle.destop { display: none; }
    .listings-60 { width: 100%; margin-top: 0px; }
    .listings-60.daily-deals { margin-top: 0; max-width: 100%; width: 100%; }
    .listings-business-parent-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-decoration: none; }    
    .listings-business-parent-div:last-of-type { margin-bottom: 90px; }
    .listings-image { margin-right: 10px; }
    .listings-parent-div-100 { display: block; margin-top: 50px; }
    .listing-location { font-size: 16px; }
    .business-type { font-size: 16px; }
    .hero-image { height: auto; padding-top: 100px; padding-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .hero-heading { margin-bottom: 10px; font-size: 30px; }
    .search-bar { height: 50px; }
    .search-service-div { width: 80%; }
    .hero-search-button { width: 20%; padding: 15px 5px; }
    .home-page-section.daily { padding-right: 15px; padding-left: 15px; }
    .card-location { font-size: 16px; line-height: 24px; }
    .card-review-number { font-size: 16px; }
    .home-see-all { display: block; font-weight: 400; }
    .search-nav-bar { display: none; }
    .top-pro-image { max-height: none; }
    .top-pros-photo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 48%; }
    .square-category.last { height: 200px; }
    .square-category.nails { height: 200px; }
    .square-category.hair { width: 30%; height: 200px; text-align: center; }
    .square-category.massage { height: 200px; }
    .appointment-tabs-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    .appt-business-name { line-height: 24px; }
    .appt-text-div { width: calc(100% - 320px); max-width: calc(100% - 320px); }
    .appt-price { font-weight: 400; }
    .appt-price.status { font-weight: 400; }
    .appt-price.status.pending { text-align: right; }
    .appt-section { padding-top: 20px; padding-bottom: 20px; }
    .bookmarks-div.bookmarks-top { height: auto; margin-top: 0px; }
    .profile-sections { margin-top: 0px; padding-top: 20px; }
    .profile-sections.no-bottom-pad { margin-top: 0px; }
    .bookmarks-white-book-btn { margin-top: 20px; }
    .bookmark-text-parent-div { padding-bottom: 0px; }
    .appointments-parent-div { width: 100%; }
    .input-text { font-size: 17px; line-height: 24px; }
    .outline-btn.bag { width: 100%; }
    .horizontal-menu-div { display: none; overflow: scroll; width: 100%; height: auto; margin-top: 50px; margin-left: auto; padding-right: 15px; padding-left: 15px; float: left; }
    .horizontal-nav-link { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-top: 3px solid transparent; border-bottom-width: 3px; font-size: 16px; }
    .horizontal-nav-link.horizontal-link-active.w--current { border-top: 3px solid transparent; border-bottom-width: 3px; }
    .cancel-div { width: 48%; height: 50px; margin-top: 0px; margin-right: 0px; padding-top: 10px; padding-bottom: 10px; clear: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #979797; border-radius: 2px; font-weight: 400; }
    .appointment-small-intactbtns .cancel-div { height: auto; }
    .cancel-div.right { float: right; }
    .switch-div { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .profile-photo-div { margin-top: 20px; }
    .title-caps.unit-price { display: none; }
    .review-edit { font-weight: 400; }
    .review-delete { font-weight: 400; }
    .service-dropdown { width: 100%; height: 50px; max-width: 100%; margin-bottom: 10px; font-size: 18px; }
    .service-dropdown.date { position: relative; width: 100%; }
    .book-search-button { width: 100%; height: 50px; padding-top: 15px; padding-bottom: 15px; font-size: 18px; font-weight: 500; }
    .book-calendar-parent-div { width: 100%; margin-left: -3%; }
    .day-div.inactive-day { margin-right: 0px; margin-left: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; }
    .day-div.today { margin-right: 0px; margin-left: 0px; }
    .time-link-block { width: 17.3%; max-width: none; }
    .servcie-dropdown-text { color: rgba(51, 51, 51, .7); font-size: 16px; }
    .service-dropdown-toggle { padding-top: 14px; padding-bottom: 14px; }
    .service-dropdown-list.w--open { display: none; }
    .businesses-avail-div { display: none; }
    .gift-certificate-div { width: 95%; padding-right: 0px; padding-left: 0px; margin-left: auto; margin-right: auto; }
    .gift-certificate-div.top { width: 95%; margin-top: 30px; }
    .gc-parent-div.no-pad { margin-right: 0px; }
    .current-points { margin-top: 0px; margin-bottom: 50px; }
    .back-link-block { margin-top: 0px; margin-bottom: 5px; }
    .back-link-block .back-arrow-all { font-size: 50px; line-height: 30px; }
    .services-price { margin-bottom: 5px; padding-top: 0px; }
    .search-mobile-div { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1000; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; opacity: 1; font-weight: 400; }
    .mobile-search-form { display: block; width: 95%; margin-top: 15px; margin-right: auto; margin-left: auto; }
    .mobile-search-text-field { margin-bottom: 50px; padding: 22px 0px; border-style: none none solid; border-bottom-width: 1px; border-bottom-color: rgba(0, 0, 0, .15); border-radius: 0px; font-size: 22px; }
    .mobile-search-text-field.bottom { margin-bottom: 30px; }
    .search-mobile-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background-color: #eb6663; font-size: 18px; }
    .x-link-block { width: 20px; height: 20px; }
    .reviews-top-mobile { width: 50%; }
    .reviews-bottom-mobile { width: 50%; margin-top: 0px; }
    .mobile-button-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; padding-right: 15px; padding-left: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .25); color: #333; font-size: 15px; text-decoration: none; }
    #tabs { margin: 0px; padding: 0px; list-style: none; }
    .mobile-menu, .mobile-menu-bookmark { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .mobile-menu a, .mobile-menu-bookmark a { display: block; width: 100%; height: 50px; line-height: 50px; padding-right: 15px; padding-left: 15px; border-bottom: 1px solid rgba(0, 0, 0, .25); color: #333; font-size: 18px; text-decoration: none; }
    .mobile-menu.top { border-top: 1px solid rgba(0, 0, 0, .25); }
    .mobile-menu.active a { border-bottom-color: #eb6663; color: #eb6663; }
    .menu-text { display: inline-block; color: #333; font-size: 15px; text-decoration: none; }
    .book-service-div { margin-top: 15px; margin-bottom: 20px; }
    .book-calendar-overall-div { display: none; width: 95%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    .provider-dropdown { width: 100%; height: 50px; margin-bottom: 10px; padding-top: 15px; padding-bottom: 15px; font-size: 18px; }
    .product-form-col { width: 33.33%; }
    .product-form-submit.product-form-col { clear: left; width: 100%; }
    .product-forminput, .product-form-typedrop, .product-form-branddrop { margin-bottom: 15px; }
    .products-row-div { margin-left: 0; margin-right: 0; }
    .product-parent-div { width: 48%; padding: 0; }
    .product-parent-div:nth-of-type(3n + 1) { clear: none; }
    .product-parent-div:nth-of-type(2n + 1) { clear: left; }
    .product-parent-div:nth-of-type(2n) { float: right; }
    .product-image-div.eleia { height: 350px; }
    .product-image-div.pantene { height: 350px; }
    .product-image-div.aesop { height: 350px; }
    .product-popup-background { display: none; }
    .product-popup-div { display: block; overflow: auto; -webkit-overflow-scrolling: touch; height: 100%; max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .aesop-popup-image { display: block; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
    .product-popup-text-div { display: block; margin-left: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
    .popup-close-div { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }
    .popup-product-brand { font-size: 15px; line-height: 22px; }
    .add-to-cart-btn { width: 100%; height: 50px; padding-top: 16px; padding-bottom: 16px; font-size: 18px; text-align: center; }
    .share-div { position: static; margin-top: 20px; margin-bottom: 20px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .other-photos-div { display: none; }
    .popup-text-div { margin-bottom: 30px; }
    .popup-spacer-div { height: 30px; background-color: #fff; }
    .listing-bus-image { }
    .location-div { position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; position: relative; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, .1); font-size: 17px; cursor: pointer; min-height: 41px; }
    .location-text-mobile { display: inline-block; }
    .change-text { display: inline-block; float: right; color: #248dd5; cursor: pointer; }
    .mobile-hamburger-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 26px; height: 21px; margin-top: 14px; float: right; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .mobile-hamburger-div.left { float: left; }
    .mobile-hamburger-div.left.invisible { float: right; opacity: 1; }
    .mobile-hamburger-div.left.listings-wide { width: 52px; }
    .new-mobile-menu { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 1000; overflow: scroll; width: 75%; height: 100vh; padding-top: 0px; background-color: #333; color: #fff; }
    .mobile-menu-text { padding-top: 18px; padding-bottom: 18px; padding-left: 0px; font-size: 22px; }
    .mobile-menu-text.name { font-size: 18px; }
    .mobile-menu-background-div { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 903; display: block; overflow: scroll; height: 100%; margin-top: 50px; background-color: rgba(0, 0, 0, .5); }
    .map-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 52px; padding-top: 14px; padding-bottom: 14px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; color: #eb6663; font-size: 16px; text-decoration: none; }
    .mobile-nav-spacer { width: 26px; height: 21px; margin-top: 14px; background-color: #fff; }
    .mobile-nav-spacer._44 { width: 44px; }
    .daily-deal-image-div { height: 330px; max-height: none; }
    .mobile-back-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #eb6663; text-decoration: none; }
    .back-mobile-link-text { margin-left: 4px; }
    .mobile-menu-spacer { height: 60px; background-color: #333; }
    .mobile-menu-spacer.large { height: 100px; }
    .mobile-menu-spacer.less { height: 30px; }
    .more-dropdown-menu { width: 60px; margin-top: 50px; padding-top: 4px; padding-bottom: 4px; float: left; }
    .more-dropdown-menu-toggle { padding: 0px; float: left; }
    .more-me3nu-dropdown-icon { margin-right: 0px; color: #949494; }
    .my-profile-menu-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; padding-right: 20px; padding-left: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .15); color: #333; font-size: 18px; text-decoration: none; }
    .my-profile-menu-div.top { margin-top: 50px; }
    .mobile-menu-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-left: 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; text-decoration: none; }
    .mobile-menu-link-block.name { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #797979; }
    .mobile-menu-profile { width: 40px; height: 40px; margin-right: 10px; border: 1px solid #fff; border-radius: 50%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
    .title-caps-mobile { display: block; font-weight: 500; text-transform: uppercase; }
    .active-tab.w--current { font-size: 18px; font-weight: 500; }
    .inactive-tab { color: rgba(51, 51, 51, .74); font-size: 18px; font-weight: 500; }
    .inactive-tab.w--current { width: 50%; color: rgba(51, 51, 51, .75); font-size: 18px; }
    .listing-parent-div-mobile { width: 100%; }
    .confirm-book-div { width: 100%; max-width: none; margin-top: 0px; margin-right: 0px; margin-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
    .confirm-left-div { width: 100%; margin-top: 30px; padding-right: 15px; padding-left: 15px; }
    .confirm-right-div { width: 100%; border-style: none; border-radius: 0px; }
    .business-photo-confirm { height: 220px; border-radius: 0px; }
    .service-provider-div { font-size: 16px; }
    .date-time-div { font-size: 24px; }
    .service-price { font-size: 18px; }
    .disclaimer { font-weight: 400; }
    .business-name-confirm { font-size: 24px; }
    .hidden-mobile { position: relative; display: none; margin-top: -60px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .25); background-color: #fff; }
    .mobile-view-pricing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; padding-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .15); color: #eb6663; font-size: 18px; text-align: center; text-decoration: none; }
    .mobile-total { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 93px; padding-top: 15px; padding-bottom: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 24px; font-weight: 500; }
    .mobile-total-text { margin-bottom: 6px; line-height: 26px; }
    .photo-large-link-block { width: 45%; height: 140px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .lightbox-module { height: 120px; }
    .lb-square { width: 150px; }
    .square-photo { width: 100%; height: 140px; }
    .square-photo._1 { display: none; }
    .daily-deal-parent { width: 100%; margin-top: 0; }
    .deals-text-cont { padding-right: 15px; padding-left: 15px; }
    .daily-column { display: block; }
    .right-side-daily { width: 100%; border-left-style: none; display: block; padding-right: 15px; padding-left: 15px; }
    .left-column-daily { width: 100%; margin-bottom: 70px; padding-right: 0px; border-right-style: none; display: block; }
    .book-daily-btn { height: 60px; padding-top: 20px; padding-bottom: 20px; font-size: 18px; }
    .bottom-daily-div { padding-bottom: 0px; border-bottom-style: none; }
    .book-now-parent-div { margin-top: 15px; }
    .book-now-mobile-parent-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .services-overall-div { padding-top: 0; }
    .a-our-staff-div { width: 100%; margin-bottom: 0px; padding-right: 20px; padding-left: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .a-our-staff-profile { margin-right: 0px; margin-bottom: 10px; }
    .a-staff-name-div { width: 70%; }
    .business-info-div { padding-left: 15px; margin-top: 5px; }
    .listing-business-description, .listing-business-description-hidden { font-size: 16px; }
    .mobile-search-div { padding: 0 20px; display: block; margin-top: 16px;width:100%;}
    .mob-class-serachspace { margin-top: 20px; }
    .mobile-search-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; padding: 13px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 3px; background-color: #fff; position: relative; color: #555; font-size: 18px; font-weight: 400; text-decoration: none; box-shadow: 2px 2px 35px 0 rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.15); }
    .mobile-search-background-div { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9000; display: none; background-color: #fff; }
    .mobile-search-form-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90%; max-height: 90vh; margin-top: 15px; margin-right: auto; margin-left: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .mobile-search-field-label { font-size: 17px; font-weight: 400; }
    .mobile-search-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; margin-right: auto; margin-left: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 3px; background-color: #eb6663; font-size: 20px; text-align: center; }
    .gallery-solo-image { margin-right: 4px; }
    .gallery-popup-white-overall { max-width: 100%; }
    .gallery-popup-img { width: 100%; }
    .book-calendar-div { margin-top: 0px; }
    .alt-services-div { margin-top: 0px; }
    .service-title-alt { font-size: 16px; }
    .busAbouttab .dailydealsslider .see-all-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 49px; margin-top: 15px; }
    .list-your-business { display: none; margin-right: 20px; }
    .message-call-div { margin-top: 12px; margin-bottom: 12px; margin-left: 0px; }
    .message-div { width: 48%; height: 50px; padding-right: 20px; padding-left: 20px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-size: 15px; }
    .message-div.bus-prof { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .our-staff-button-div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
    .right-nav-div { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .shopping-cart { position: absolute; right: 0px; width: 100%; min-height: 100vh; }
    .gc-div { width: 50%; }
    .gc-gradient { font-weight: 400; }
    .our-staff-flex { max-width: 100%; padding-top: 0px; }
    .filters-div { padding-right: 15px; padding-left: 15px; }
    .filters-checkbox { font-size: 16px; }
    .checkbox { margin-right: 5px; }
    .mobile-tabs { border-style: none; background-color: #fff; color: #333; font-weight: 500; text-align: center; padding: 10px 15px 11px; }
    .mobile-tabs.w--current { border-style: none; background-color: #6f6f6f; color: #fff; }
    .mobile-tabs-div { display: block; width: 100%; margin-right: auto; margin-left: auto; }
    .tab-pane-mobile { height: 24px; }
    .mobile-tabs-menu { overflow: hidden; /*border: 1px solid #6f6f6f;*/ border-radius: 5px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; }
    .sign-up-image { display: none !important; }
    .store-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .store-tabs-menu { display: none; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .store-tabs-content { width: 100%; }
    .store-tab-pane { max-width: 95%; margin-right: auto; margin-left: auto; }
    .reviews-title-buttons-div { padding-top: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: block; }
    .store-image-div { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .review-modal { top: 0%; width: 100%; min-height: 100vh; border-radius: 0px; }
    .div-block-65 { width: 100%; }
    .review-form-wrapper { width: 100%; }
    .hero-parent-div { margin-bottom: 25px; }
    .hero-heading-1, .hero-heading-list { font-size: 34px; }
    .hero-heading-1 { margin-bottom: 10px; }
    .hamburger-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30px; height: 50px; padding-top: 15px; padding-bottom: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; }
    .profile-and-shop-bag { display: none; }
    .dont-show-mobile { display: none; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .map-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50px; height: 49px; padding-right: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
    .map-link-block.map { position: relative; margin-right: -50px; }
    .map-list-view-icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    .map-div-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .list-link-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50px; height: 49px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .list-div-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    ._2-tabs { font-weight: 400; font-size: 18px; }
    .store-categories-div { padding: 15px 15px 0px 15px; }
    .store-category-link { width: 48%; margin-bottom: 25px; }
    .appointment-button-div { margin-top: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .div-block-14 { width: 50%; max-width: 300px; padding-right: 20px; }
    .div-block-18 { margin-top: 10px; }
    .div-block-19 { margin-bottom: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .div-block-20 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .div-block-21 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .div-block-23 { margin-right: 15px; margin-left: 15px; padding-right: 0px; padding-left: 0px; }
    #divForms.div-block-23 { margin-left: 0px; margin-right: 0px; }
    .order-summary { max-width: 550px; min-width: 0px; width: auto; margin-right: auto; margin-left: auto; }
    .product-master, .total-master, .subtotal-master,.total-due-block { margin-right: 15px; margin-left: 15px; }
    .checkout-button-div .button-2 { float: none; width: 100%; text-align: center; }
    .checkout-button-div .outline-btn { float: none; width: 100%; }
    .button { width: 100%; margin-bottom: 10px; }
    .div-block-31 { display: none; }
    .button-spacer { width: 10px; height: 30px; }
    .div-block-34 { padding-right: 0px; padding-left: 0px; }
    .div-block-35 { margin-right: 15px; margin-left: 15px; }
    .text-block-14 { margin-top: 25px; text-align: center; }
    .button-2 { width: 100%; }
    .div-block-44 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .class-div { width: 100%; padding-top: 10px; padding-bottom: 20px; margin-bottom: 10px; }
    .class-div.spotleftDescription { padding-bottom: 20px; }
    .div-block-45 { margin-bottom: 15px; }
    .book-class-btn { width: 100%; font-size: 16px; margin-top: 10px; }
    .class-popup-background { display: none; }
    .button-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 17px; }
    .review-left-div { margin-top: 0; padding-right: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid rgba(0, 0, 0, .15); }
    .div-block-70 { display: block; }
    .div-block-71 { width: 100%; }
    .gc-img { background-size: cover; background-repeat: no-repeat; }
    .gc-thumb { }
    .gc-tabs { width: 50%; text-align: center; }
    .build-gc-container { width: 100%; }
    .image-12 { width: 100%; margin-right: 0px; border-radius: 0px; }
    .div-block-83 { margin-bottom: 5px; }
    .deals-heading { font-size: 30px; line-height: 1.1; }
    .paragraph-3 { font-size: 14px; line-height: 1.2; max-width: 100%; }
    .hero-image.daily-deals { padding-bottom: 0 !important; }
    .how-it-works-column { margin-top: 0px; margin-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .div-block-105 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }
    .div-block-84 { overflow: hidden; width: 100%; margin-right: 0; height: 280px; border-radius: 0px; border: 0 none; }
    .wlightFullscreen { width: 100%; }
    .how-it-works-image { margin-bottom: 20px; margin-left: 0px; }
    .how-it-works-image.no-mobile { display: none; }
    .daily-deal-large-header { font-size: 32px; line-height: 38px; font-weight: 700; }
    .business-img-block { width: 150px; }
    .stars-div { margin: 0; }
    .formsbutton-row {padding-right:20px;}
    .formsbutton-row .common-green-btn, .formsbutton-row .outline-btn.bag { margin:0px 0 15px 0; width:100%; }
    #divFormsCheckOut.div-block-23 { margin-left:0px; margin-right:0px;}


    /**/
    .add-to-waitlist-btn{padding-top:15px !important; padding-bottom:15px !important; width:100%;}
    .mobile-tabs-menu .mobile-tabs.active{ background-color:#eef3ff; color:#333; border-color:#2b90d6}
    .mobile-tabs-menu .mobile-tabs.active:after{ display:block;border-color: #2b90d6;}
    
}

@media (max-height:720px) {
    body #CancelCCCaptureAppoitmentModal.class-policy-popup .modal-body {max-height: calc(100vh - 268px) !important;}
}

@media (max-width: 540px) {
.vg-stm-video .cancel-div.alt {width: 123px;}
}
@media (max-width: 479px) {
   /* #divAppointmentCancellationPolicy {height: 20px !important;}*/
    /*div#divAppointmentCancellationPolicy.activeMoreOpen {height: auto !important;}*/
    .moreless-action {margin-top: -32px;}
    .store-category-link { width: 100%; }
    .address-div.short { width: 30%; }
    .tabs-div.bookmarks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-bottom: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .number-of-reviews-div { width: 100%; }
    .reviews-description-parent-div { width: 100%; }
    .review-description-stars { float: none; clear: none; }
    .flamingo-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block; width: 100%; height: 50px; max-width: none; padding-right: 0px; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; font-weight: 500; }
    .flamingo-btn.right-justify.no-bottom-pad { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; max-width: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 500; }
    .flamingo-btn.float-right { margin-bottom: 0px; }
    .flamingo-btn.plain { max-width: 100%; margin-right: 0px; margin-left: 0px; }
    .staff-bookingbtn { max-width: 100%; margin-right: 0px; margin-left: 0px; }
    .grey-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; }
    .grey-btn.class { margin-right: 0px; font-size: 17px; }
    .title { display: block; }
    .photo-large { margin-right: 5px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .photo-square { margin-right: 5px; }
    .top-name-div { }
    .top-name-div.hidden { display: none; }
    .business-name.empty { text-align: center; }
    .business-main-photo { display: block; height: 210px; margin-top: 0px; }
    .business-main-photo.no-mobile { display: none; }
    .business-main-photo.alt { height: 210px; }
    .location-stars-div { width: 100%; }
    .card-title, .busAbouttab .dailydealsslider .card-title { margin-bottom: 0px; font-size: 18px; line-height: 20px; }

    .daily-deal-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .daily-deal-image-div { height: 200px; }
    .card-miles { line-height: 16px; }
    .business-details-left { width: 100%; padding-right: 5px; }
    .business-details-right { width: 100%; padding-right: 5px; }
    .footer-25-div { width: 90%; margin-bottom: 15px; }
    .footer-25-div.discover { float: left; }
    .footer-25-div.float-right { float: left; }
    .social-parent-div { max-width: 90%; }
    .map-div { height: 150px; }
    .service-name-description { width: 100%; margin-bottom: 15px; padding-right: 0px; }
    .service-book-div { width: 100%; }
    .service-div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .service-image-div { width: 25%; margin-bottom: 10px; }
    .our-staff-description { font-size: 18px; text-align: center; }
    .sort-by-text { font-weight: 500; }
    .profile-dropdown-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    .profile-dropdown-toggle.destop { display: none; }
    .listings-map-40 { left: 0px; top: 0px; right: 0px; bottom: 0px; margin-top: 130px; }
    .listings-business-parent-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-decoration: none; }
    .listings-image { height: 92px; min-width: 0px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
    .listing-location { font-size: 15px; }
    .listing-business-info-div { width: 75%; text-decoration: none; }
    .hero-image { height: auto; padding-top: 90px; padding-bottom: 30px; }
    .hero-contents-parent-div { margin-top: 0px; }
    .hero-search-button { padding-top: 15px; padding-bottom: 15px; }
    .home-main .home-title, .home-title { font-size: 20px; line-height: 20px; }
    .popular-services-div-flex { margin-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .square-category.last { width: 46%; height: 200px; margin-bottom: 10px; }
    .square-category.nails { width: 46%; height: 200px; margin-bottom: 10px; }
    .square-category.hair { width: 44%; height: 200px; margin-bottom: 10px; }
    .square-category.massage { width: 100%; margin-bottom: 10px; }
    .appointment-tabs-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .business-image { float: left; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
    .business-img-block { width: 100%; margin-right: inherit; margin-bottom: 10px; }
    .appt-business-name { display: block; margin-bottom: 5px; float: left; clear: none; }
    .appt-text { display: block; margin-bottom: 2px; float: none; }
    .appt-text-div { display: inline-block; width: 100%; max-width: inherit; height: auto; float: left; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; word-wrap: break-word; }
    .appt-price { display: inline-block; margin-right: 8px; float: left; clear: both; }
    .appt-price.status { float: left; }
    .appt-price-div { margin-top: 6px; float: left; clear: left; }
    .appt-price-rightcol { margin-top: 6px; float: left; clear: left; }
    .appt-section.package { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .bookmark-image { width: 100%; }
    .bookmarks-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .bookmarks-white-book-btn { padding-top: 7px; padding-bottom: 7px; }
    .bookmark-text-parent-div { height: auto; margin-top: 10px; padding-bottom: 20px; }
    .appointments-parent-div { margin-top: 0px; }
    .horizontal-menu-div { height: auto; }
    .horizontal-nav-link { margin-right: 30px; padding-top: 10px; padding-bottom: 10px; }
    .horizontal-nav-link.horizontal-link-active.w--current { margin-right: 30px; padding: 10px; }
    .oval-tab { display: block; width: auto; margin-top: 5px; margin-bottom: 5px; text-align: center; }
    .oval-tab.oval-active-tab.w--current { width: auto; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; padding-right: 8px; padding-left: 8px; text-align: center; }
    .appt-top-div { display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .cancel-div { font-size: 18px; }
    .cancel-div.right { font-size: 17px; }
    .appointment-button-div.alt { display: block; }
    .appointment-small-intactbtns.appointment-button-div.alt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .cancel-div.alt { width: 100%; float: none; }
    .appointment-small-intactbtns .cancel-div.alt { width: 48%; }
    .appointment-small-intactbtns .cancel-more-div { width: 48%; }
    .cancel-more-div { margin-left: 0; position: relative; }
    .cancel-more-div .cancel-div.alt { width: 100%; }
    .cancel-div.alt.reviewaddedButton { width: 100%; }
    .cancel-div.right.alt { margin-left: 0; margin-top: 15px; }
    .cancel-div.right.alt { padding-right: 10px; padding-left: 10px; }
    .profile-photo-div { margin-top: 20px; padding-right: 0px; }
    .profile-photo { width: 80px; margin-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .light-text { width: 100%; }
    .light-text.longer { width: 100%; }
    .products-div { padding-right: 10px; padding-bottom: 25px; padding-left: 10px; }
    .product-lower-price.longer { width: 60%; padding-right: 30px; text-align: right; }
    .review-edit { width: 45%; padding-right: 5px; padding-left: 5px; }
    .review-delete { width: 45%; padding-right: 5px; padding-left: 5px; }
    .day-div { height: auto; margin-right: 0px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; /*border-right: 1px none #000;*/ border-radius: 0px; font-size: 12px; }
    .day-div.inactive-day { margin-right: 0px; margin-left: 0px; border-top-style: solid; border-bottom-style: solid; border-left-style: none; font-size: 12px; }
    .day-div.today { margin-right: 0px; margin-left: 0px; font-size: 12px; }
    .day-div.end-day { border-right-style: solid; }
    .day-text { margin-bottom: -1px; font-size: 20px; }
    .time-link-block { width: 29%; min-width: 66px; margin-right: 5px; margin-left: 5px; padding-top: 8px; padding-bottom: 8px; font-size: 14px; }
    .service-dropdown-toggle { padding-top: 10px; padding-bottom: 10px; }
    .service-dropdown-toggle.w--open { padding-left: 15px; }
    .service-dropdown-list.w--open { margin-top: 11px; }
    .time-of-day-text { padding-left: 5px; }
    .service-dropdown-links { padding-top: 14px; padding-bottom: 14px; padding-left: 15px; font-size: 16px; font-weight: 400; }
    .dropdown-location { color: rgba(51, 51, 51, .75); font-size: 12px; letter-spacing: 0.5px; }
    .gift-certificate-div { margin-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .gc-parent-div { width: 100%; margin-bottom: 30px; margin-right: auto; margin-left: auto; max-width: 100%; }
    .gc-parent-div.no-pad { margin-right: auto; }
    .current-points { }
    .arrow-circle { width: 25px; height: 25px; }
    .search-mobile-div { display: none; }
    .reviews-top-mobile { width: 40%; }
    .reviews-bottom-mobile { width: 60%; }
    .mobile-button-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 50px; padding-left: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .25); color: #333; font-size: 15px; text-decoration: none; }
    .form-50-div { width: 100%; }
    .form-row-div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .product-form { margin: 0; }
    .product-form-col { width: 100%; padding: 0; }
    .product-parent-div { width: 100%; margin-bottom: 15px; float: none; clear: both; }
    .product-image-div.aesop { height: 420px; }
    .product-popup-background { display: none; }
    .product-popup-div { padding-left: 15px; }
    .share-div { -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
    .listings-business-parent-noflex .listing-business-info-div { width: auto; }
    .mobile-menu-background-div { z-index: 903; display: none; }
    .btn-div-100 { display: inline-block; width: 100%; }
    .back-mobile-link-text { font-weight: 500; }
    .title-caps-mobile { margin-bottom: 5px; }
    .business-photo-confirm { height: 180px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
    .photo-large-link-block { width: 50%; height: 110px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
    .lightbox-module { height: 110px; }
    .square-photo { width: 100%; height: 110px; }
    .daily-map { height: 180px; }
    .book-daily-btn { height: 50px; padding-top: 13px; padding-bottom: 13px; }
    .services-overall-div { padding-top: 0px; }
    .our-staff-overall-div { padding-top: 80px; }
    .a-our-staff-div { margin-bottom: 30px; text-align: center; }
    .a-staff-rating { display: inline-block; }
    .a-staff-name-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-left: 0px; float: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .business-info-div { width: 100%; }
    .gallery-solo-image { width: 100%; }
    .gallery-popup-background { display: none; }
    .gallery-popup-white-overall { padding-right: 15px; padding-left: 15px; }
    .day-of-week { margin-top: 2px; margin-bottom: 5px; font-size: 14px; }
    .services-heading { color: rgba(51, 51, 51, .7); }
    .services-overall-div .services-heading { color: #333; }
    .service-title-alt { color: #333; font-size: 16px; }
    .service-price-alt { font-size: 17px; font-weight: 500; }
    .busAbouttab .dailydealsslider .see-all-div { width: 51px; margin-top: 4px; }
    .message-call-div { width: 100%; }
    .message-div { max-width: 48%; padding: 10px 25px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .vagaro-mobile { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
    .shopping-cart-background { z-index: 100; }
    .quantity-overall-div { margin-right: 20px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }
    .delete-item-link { margin-left: 20px; }
    .gc-div { width: 100%; height: 160px; padding: 0px; }
    .gc-div:after { right: 0; left: 0; }
    .gc-flex { margin-left: 0px; margin-right: 0px; }
    ._4-col-flex-filter { padding-top: 0px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .filters-checkbox { width: 100%; margin-bottom: 15px; font-size: 18px; }
    .filter-title { margin-bottom: 10px; font-size: 18px; line-height: 24px; }
    .title-sub { height: 1px; }
    .distance-grabber { margin-left: 140px; }
    .distance-div { margin-left: 126px; }
    .business-details-div { width: 100%; }
    .sign-in-background { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; background-color: #fff; }
    .sign-in-div { width: 100vw; max-width: 100%; padding-right: 15px; padding-left: 15px; border-radius: 0px; box-shadow: none; }
    .sign-in-parent-div { max-width: 100%; margin-right: 0px; margin-left: 0px; }
    .sign-in-right-div { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .hero-heading-1, .hero-heading-list { font-size: 21px; }
    .hamburger-div { width: 30px; }
    .distance-overall-div { margin-left: 0; }
    .filter-mobile-tab { width: 50%; }
    .filter-tabs-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%;  }
    .profile-upload-and-text { padding-right: 10px; }
    .div-block-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .div-block-3 { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
    .div-block-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .div-block-14 { width: 100%; max-width: none; }
    .div-block-15 { max-width: 100%; }
    .service-link { width: 48%; margin-left: 0px; margin-right: 10px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .service-link.book-now { margin-right: 0; }
    .div-block-18 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .gc-tabs { font-size: 16px; }
    .lb-square { width: 250px; }
    .lb-square.no-mobile { display: none; }
    .lb-large { width: 100%; }
    .div-block-84 { height: 220px; }
    .div-block-85 { height: 220px; }
    .how-it-works-column { padding-right: 10px; padding-left: 10px; }
    .StartingAtblock {-webkit-justify-content:flex-start; justify-content:flex-start;}
    .mobile-tabs{ padding-left:6px; padding-right:6px;}
    /* payment css start here */
    .cardDelete-btn{ width:100%; margin-bottom:16px}
    .paymentMethod-wrap .current-points{padding-bottom:14px;}
    /* payment css end here */
    /*Customer popup cancel css*/
    body #CancelCCCaptureAppoitmentModal.mobile-fullpopup .modal-dialog .modal-content .modal-body {
        height: -webkit-calc(100% - 280px) !important;
        height: -moz-calc(100% - 280px) !important;
        height: -ms-calc(100% - 280px) !important;
        height: -o-calc(100% - 280px) !important;
        height: calc(100% - 280px) !important;
        max-height: -webkit-calc(100vh - 280px) !important;
        max-height: -ms-calc(100vh - 280px) !important;
        max-height: -moz-calc(100vh - 280px) !important;
        max-height: -o-calc(100vh - 280px) !important;
        max-height: calc(100vh - 280px) !important;
        padding: 10px 20px;
    }
    .modal-header #divCancellationText {margin-top: 10px;}
    #CancelCCCaptureAppoitmentModal .w-tabs {margin-top: 0px;}
    #CancelCCCaptureAppoitmentModal .modal-footer .btn {width: 100%;height: 50px;margin: 15px 0px 0px;}
}
.push { display: none; }
.content-wrapper.footerpresent { margin-bottom: 0 !important; }
.content-wrapper { height: 100%; padding-top: 0; }
html.iosdevice, body.iosdevice, .iosdevice #page-wrapper { height: 100% !important; }
.signuppopopenHtml .iosdevice #page-wrapper { height: auto !important; }


/*filter gaallery dropdown left // My like Gallery filter */
.filter-actions-gallery .w-dropdown-toggle{color:#333;}
.filter-actions-gallery .shorting-left{margin-right:8px}
.filter-actions-gallery  .w-dropdown-toggle {padding:10px 16px; line-height:16px; border:1px solid #cdcdcd; border-radius:3px; padding-right:34px; max-width:none; height:40px}

.filter-actions-gallery .shorting-left .w-dropdown-toggle.w--open{padding-left:16px;}
.filter-actions-gallery .shorting-left .sort-dropdown-list{right:auto; left:0}

.filter-actions-gallery .shorting-right .w-dropdown-toggle{margin-right:12px; border-color:transparent}
.filter-actions-gallery .w-dropdown-toggle .w-icon-dropdown-toggle{margin-right:12px; line-height:14px;}
.filter-actions-gallery .w-dropdown-toggle .w-icon-dropdown-toggle::before{font-family:'Fontawesome pro solid 900',sans-serif; content:"\f0d7"}

.filter-actions-gallery .filters-button{padding:10px 16px; line-height:16px; border:1px solid #cdcdcd; border-radius:3px; max-width:none; height:40px; margin:auto; font-size:15px; font-weight:400}

/*end*/
.loginpopopenHtml, .signuppopopenHtml { overflow: auto; }
    .signuppopopenHtml{ margin-right: -1.3%; }
    #iFrameSignUp {height: calc(~"100ch - 195px");padding-bottom: 65px;}
.modal-backdrop.fade.show {
    opacity: 0.5;
    z-index: 999;
}
bootbox.modal.show ~ .modal-backdrop.fade.show {
    opacity: 0.5;
    z-index: 999;
}

@media screen and (max-width: 767px){
 .listings-logo-search-div { position: relative; top: 10px; left: 0px;}
.listings-logo-search-div .logo-div { margin-left: auto; margin-right: auto; text-align: center; }
.listings-logo-search-div .logo-link-block{ margin: 0 auto; width: 100%; text-align: center; float: none !important;}
.listings-logo-search-div .logo-div .vagaro-logo { margin: 0 auto;}

.nav-bar .gallery-sorting{margin-top:15px;}
.nav-bar .gallery-sorting.shorting-right{float:right;}
.nav-bar .gallery-sorting .sort-toggle{max-width:none;}
#divMyLikes {display:none !important;}

}


@media (max-width: 320px) {
    body #CancelCCCaptureAppoitmentModal.mobile-fullpopup .modal-dialog .modal-content .modal-body {
        height: -webkit-calc(100% - 300px) !important;
        height: -moz-calc(100% - 300px) !important;
        height: -ms-calc(100% - 300px) !important;
        height: -o-calc(100% - 300px) !important;
        height: calc(100% - 300px) !important;
        max-height: -webkit-calc(100vh - 300px) !important;
        max-height: -ms-calc(100vh - 300px) !important;
        max-height: -moz-calc(100vh - 300px) !important;
        max-height: -o-calc(100vh - 300px) !important;
        max-height: calc(100vh - 300px) !important;
    }
}



/*VPL CSS Start*/
.vpl-payment {width: 100%;height: 244px;background: #333333;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);border-radius: 5px;margin: 8px 0px;padding:24px;}
.vpl-payment .vpl-payment-heading {color: var(--color-text-neutral-inverse) !important;font-size: 32px;line-height: 36px;margin:0;}
.vpl-payment .vpl-payment-text { font-weight: normal;font-size: 15px;line-height: 20px;color: var(--color-bkg-neutral-pressed) !important;margin: 8px 0px;}
.vpl-payment .left-part-payment {width: 60%;height:auto;text-align:left;float:left;}
.vpl-payment .payment-btn{margin-top:24px;display:flex;}
.vpl-payment .payment-learn-btn{padding:8px 16px;background-color:#f8f8f8;box-sizing:border-box;font-size:15px;line-height:20px;color:#333;text-decoration:none;margin-right:12px;font-weight: 400;}
.vpl-payment .payment-learn-btn:hover{background-color:#e7e7e7}
.vpl-payment .payment-get-btn{padding:8px 16px;font-size:15px;line-height:20px;color:#fff;font-weight:400;}
.vpl-payment .right-part-payment{width:40%;height:195px;float:right;position:relative}
.vpl-payment .payment-img-1{position:absolute;right:110px;top:20px;z-index:1}
.vpl-payment .payment-img-2{position:absolute;right:0;top:0}
.vpl-payment .tooltip-section{margin-top:230px;clear:both;margin-right:-20px}

@media (min-width:992px) and (max-width:1024px) {.vpl-payment .left-part-payment {width: 405px;}}
@media (min-width:480px) and (max-width:991px) {.vpl-payment {width: 100%;height: 244px;background: #333333;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);border-radius: 5px;margin: 8px 0px;padding: 24px;}.vpl-payment .left-part-payment {width: 335px;height: auto;text-align: left;float: left;}}

@media screen and (max-width: 479px) {
   .vpl-payment .left-part-payment{width:auto;height:auto;text-align:left;float:left}
   .vpl-payment{width:100%;height:530px;background:#333;box-shadow:0px 2px 8px rgba(0,0,0,.2);border-radius:5px;margin:8px 0 45px 0px;padding:24px}
   .vpl-payment .right-part-payment{width:100%;height:195px;float:right;position:relative;margin:19px 0px 0px 0}
    .vpl-payment .tooltip-section {margin-top: 505px;clear: both;margin-right: -10px;}
}
/*VPL CSS end*/

/*pay-landing-page Start*/
.vpl-landing{margin:0;padding:0}
.vpl-landing .heading-vpl{font-weight: 400;font-size: 24px;line-height: 28px;color: #333333;}
.vpl-landing .vpl-first-section {display: flex;flex-direction: row;height: 398px;box-shadow: inset 0px 1px 0px #e7e7e7;background-image: url("../Images/New-Group.png");background-size:cover;background-position:center;padding:0 16px;}
.profile-page .profile-body .profile-sections.no-padding-left-right {padding-left: 0px;padding-right: 0px;}
.vpl-landing .vpl-first-section .left-sc {display: flex;flex-direction: column;align-items: flex-start;padding: 40px 0 40px 20px;width: auto;height: auto;justify-content: center;}
.vpl-landing .vpl-first-section h3{font-style:normal;font-weight:700;font-size:32px;line-height:36px;color:#333}
.vpl-landing .vpl-first-section p{font-weight:400;font-size:15px;line-height:20px;color:#333}
.vpl-landing .vpl-first-section .getbtn{margin-top:24px}
.vpl-landing .vpl-first-section .right-sc{display:flex;flex-direction:column;justify-content:center;padding:40px 40px 0 20px;width:458px}
.vpl-landing .vpl-first-section .image-part{width:420px;height:302px;position:relative}
.vpl-landing .vpl-first-section .image-part .right-1{position:absolute;width:273px;height:330px;left:172px;top:0px}
.vpl-landing .vpl-first-section .image-part .right-2{position:absolute;width:226px;height:188px;left:23px;top:100px}
.vpl-landing .vpl-second-section{display:flex;flex-direction:row;height:288px;align-items:center;justify-content:center;padding:80px 36px;}
.vpl-landing .vpl-second-section .pdt-20{padding-top:30px}
.vpl-landing .vpl-second-section .con-part{width:50%;height:auto;align-items:center;justify-content:center}
.vpl-landing .vpl-second-section .mr-40{margin-right:40px}
.vpl-landing .vpl-second-section h5{font-weight:700;font-size:24px;line-height:28px;color:#333}
.vpl-landing .vpl-second-section p{font-weight:400;font-size:16px;line-height:20px;color:#333;margin-top:8px}
.vpl-landing .vpl-second-section .img-part{width:50%;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center}

@media only screen and (max-width: 479px) {
    .vpl-landing .vpl-first-section{display:flex;flex-direction:column;height:595px}
    .vpl-landing .vpl-first-section .left-sc{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:auto}
    .vpl-landing .vpl-first-section .right-sc{display:flex;flex-direction:column;justify-content:center;padding:40px 0 0;width:100%}
    .vpl-landing .vpl-first-section .image-part{width:100%;height:286px;position:relative}
    .vpl-landing .vpl-first-section .image-part .right-1{position:absolute;width:225px;height:282px;left:90px;top:1px}
    .vpl-landing .vpl-first-section .image-part .right-2{position:absolute;width:178px;height:140px;left:0;top:106px}
    .vpl-landing .vpl-second-section{display:flex;flex-direction:column;height:auto;align-items:center;justify-content:center;padding:5px 28px;margin:10px 0 5px}
    .vpl-landing .vpl-second-section .mr-40{margin-right:0}
    .vpl-landing .vpl-second-section .con-part{width:100%;height:auto;align-items:center;justify-content:center}
    .vpl-landing .vpl-second-section .img-part{width:100%;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center}
    .vpl-landing .flip-clm{flex-direction:column-reverse !important}
    .vpl-landing .vpl-second-section .pdt-20{padding-top:0}
    .vpl-landing .tooltip-section{margin-right:15px;}
    .vpl-landing .lastchildmargintop{margin-top:-28px;}
}
    /*Provided by Certigy Code CSS*/
    /* temperaly css */
   .res-tooltip-vpl{position:relative;display:inline-block;margin-left:4px;z-index:11}
   .res-tooltip-vpl .resIsymbol{font-size:15px;color:#2a90d6;font-family:'Fontawesome pro 300';font-style:normal;cursor:pointer}
   .res-tooltip-vpl .resIsymbol-msg{border-radius:3px;background-color:#333;border:solid 1px #333;position:absolute;bottom:100%;color:#fff;font-size:15px;padding:8px 0;width:262px;line-height:20px;font-weight:400;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-90%);left:92%;margin-bottom:14px;display:none;-webkit-animation:moveuptooltip .4s forwards;-moz-animation:moveuptooltip .4s forwards;-ms-animation:moveuptooltip .4s forwards;animation:moveuptooltip .4s forwards}
   .res-tooltip-vpl .resIsymbol-msg:after{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #333;position:absolute;bottom:-12px;left:100%;margin-left:-35px;content:""}
   .divResourcetip .res-tooltip-vpl .resIsymbol-msg{left:-10px;-webkit-transform:none;transform:none}
   .divResourcetip .res-tooltip-vpl .resIsymbol-msg:after{margin-left:0;left:6px}
   .res-tooltip-vpl .resIsymbol:hover+.resIsymbol-msg{display:block}
   .res-tooltip-vpl .gaptooltip{position:absolute;top:5px;left:6px;margin-left:0}
   .res-tooltip-vpl .gaptooltip .resIsymbol{height:22px;width:22px;border:#0092dc solid 1px;border-radius:100%;line-height:22px;font-size:16px;font-weight:600;color:#0092dc;font-family:"proxima-nova",Arial,sans-serif;display:inline-block;text-align:center}
   .left-tooltip{float:left;padding-top:10px}
   .right-tooltip{float:right;padding-bottom:10px}
   .right-tooltip-without-pd{float:right;padding-bottom:0}
   .res-tooltip-vpl .powered{margin-right:2px;font-size:12px;line-height:16px;position:relative;top:1px;vertical-align:middle}
   .res-tooltip-vpl .img{width:43.51px;height:15px;display:inline}
    @-webkit-keyframes moveuptooltip {
        0% {margin-bottom: 14px;}
        50% {margin-bottom: 18px;}
        100% {margin-bottom: 14px;}
    }

    @-moz-keyframes moveuptooltip {
        0% { margin-bottom: 14px;}
        50% { margin-bottom: 18px;}
        100% { margin-bottom: 14px;}
    }

    @-ms-keyframes moveuptooltip {
        0% { margin-bottom: 14px;}
        50% {margin-bottom: 18px;}
        100% {margin-bottom: 14px;}
    }

    @keyframes moveuptooltip {
        0% { margin-bottom: 14px;}
        50% { margin-bottom: 18px;}
        100% {margin-bottom: 14px;}
    }
    /*pay-landing-page End*/

    /*Filter Design Start*/
   .vpl .filter{width:168px;height:40px;background:#e7e7e7;border-radius:3px;margin:0 16px;font-size:16px;line-height:0;color:#333;font-weight:500;text-align:center;cursor:pointer;text-decoration:none}
   .vpl .filter a{text-decoration:none}
   .vpl button.close1{background-color:transparent;background-image:none;padding:0;cursor:pointer;border:0;color:#9a9a9a !important;font-size:21px;font-weight:300;width:25px;z-index:999;text-indent:0;text-align:center;font-family:'Fontawesome pro 300' !important;height:34px;-webkit-appearance:none;opacity:1}
    /*Filter Design End*/

    /*vpl outstanding start*/
   .vpl-outstanding .block-1{width:100%;min-height:98px;}
   .vpl-outstanding .block-1 .onlinePayment-list{align-items:flex-start;}
   .vpl-outstanding .payment-icon{margin-right:8px}
   .vpl-outstanding .online-cart-sub-text{font-weight:400;font-size:12px;line-height:16px;color:#777}
    /*vpl outstanding end*/

    /*VPl bank on file start*/
   .vpl-bank-file{margin:16px 0px;}
   .vpl-bank-file .boxes{display:flex;flex-direction:row;align-items:flex-start;justify-content:center}
   .vpl-bank-file .box-1{background:#fff;box-shadow:0px 2px 8px rgba(0,0,0,.2);border-radius:5px;margin:0 12px;padding:24px;text-align:center;width:320px;height:96px}
    @media only screen and (max-width: 767px) {
        .vpl-bank-file .boxes {display: flex;flex-direction: column;align-items: center;justify-content: center; padding: 0px;}
        .vpl-bank-file .box-1 { margin: 10px 0px !important;}
        .vpl-bank-file .box-1{background:#fff;box-shadow:0px 2px 8px rgba(0,0,0,.2);border-radius:5px;margin:0 12px;padding:24px;text-align:center;width:100%;height:96px}

    }

    .vpl-bank-file .balance{font-weight:500;font-size:15px;line-height:20px;color:#333}
    .vpl-bank-file .amount{font-weight:500;font-size:20px;line-height:24px;color:#333;margin:4px 0;display:inline-block}
    .vpl-bank-file .processes{padding:16px}
    .vpl-delete-ac .modal-dialog{max-width:500px;width:100%}

    @media only screen and (min-width: 768px) {
        .vpl-delete-ac .modal-dialog { width: 500px; margin: 30px auto; }
    }
    .vpl-delete-ac .modal-footer .delete-ac-btn { width: 54px; height: 40px; padding: 8px 16px;margin: 0px 0px; text-decoration: none;    background: #3E8438;}
    
    .vpl-delete-ac .unable-delete-heading-popup {font-weight: 500;font-size: 20px;line-height: 24px;color: #333333;}
    .vpl-delete-ac .modal-boy-padding{padding-top:6px;}
    .vpl-delete-ac .modal-footer.bg {background: #F8F8F8;border-radius: 0px 0px 8px 8px;padding: 18px 24px;}
    /*Timeline*/
   .vpl-bank-file .timeline-parent{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto;margin-top:24px;position:relative}
   .vpl-bank-file .timeline-parent{margin-top:12px}
   .vpl-bank-file .timeline-dot-div{width:4px;height:400px;margin-top:60px;margin-right:28px;margin-bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#e7e7e7}
   .vpl-bank-file .timeline-dot-div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:flex-start;background-color:#e7e7e7}
   .vpl-bank-file .timeline-dot{left:-4px;top:0}
   .vpl-bank-file .timeline-dot{position:relative;top:-2px;width:12px;height:12px;border-radius:12px;background-color:#cdcdcd}
   .vpl-bank-file .timeline-text-div{width:100%;padding-bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
   .vpl-bank-file .timeline-text{font-size:12px;line-height:16px}
   .vpl-bank-file .timeline-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:100%;margin-bottom:16px;flex-wrap:wrap;flex-direction:column;-ms-flex-pack:distribute;position:relative}
   .vpl-bank-file .timeline-text.center{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
   .vpl-bank-file .timeline-text .no-bottom-pad{margin-bottom:0}
   .vpl-bank-file .black-font{color:#333;font-weight:600;font-size:16px;line-height:20px;margin:4px 0}
   .vpl-bank-file .light-font{font-weight:400;font-size:16px;line-height:20px;color:#333;margin:4px 0}
   .vpl-bank-file .timeline-btn{width:41px;height:auto;font-weight:500;font-size:12px;line-height:24px;color:#fff;margin:0 4px;padding:4px 8px;background-color:#3e8438;border-radius:3px;text-decoration:none}
   .vpl-bank-file .timeline-due-btn{width:51px;height:auto;font-weight:500;font-size:12px;line-height:24px;color:#fff;margin:0 4px;padding:4px 8px;background-color:#b42318;border-radius:3px;text-decoration:none;vertical-align:text-top}
   .vpl-bank-file .dash-mobile-only{display:block}
   .vpl-bank-file .timeline-dot.active{position:relative;background-color:#3E8438}
   .vpl-bank-file .part{border-bottom:1px solid #e7e7e7;padding-top:0;padding-bottom:28px}
   .vpl-bank-file .border-top{border-top:1px solid #e7e7e7;}
   .vpl-bank-file .abs-pos{width:4px;background-color:#3E8438;position:absolute;top:60px;left:0;transition:all .4s}
   .vpl-bank-file .abs-pos.progress-1st{height:28%;display:contents}
   .vpl-bank-file .abs-pos.progress-2nd{height:56%}
   .vpl-bank-file .timeline-chk{position:absolute;right:16px;top:30%}

    @media only screen and (max-width: 767px) {
        .vpl-bank-file .timeline-chk { position: inherit; left: 3px; top: 10px;}
    }

    .vpl-header .appt-od{font-weight:400;font-size:16px;line-height:20px;color:#333;margin-top:4px}
    .vpl-header .appt-ch{font-weight:400;font-size:16px;line-height:20px;color:#333;margin-top:4px}
    .vpl-header .appt-ch .bank-icon{vertical-align:middle;}
    .vpl-header .appt-od-blue{color:#2479c7;font-weight:400;font-size:16px;line-height:20px;margin-top:4px}
    .vpl-header .appt-blue{color:var(--color-text-blue-default) !important;font-weight:400;font-size:16px;line-height:20px;text-decoration:none;}
    .vpl-header .appt-pur{font-weight:400;font-size:16px;line-height:20px;color:#333;margin-top:4px}
    .vpl-header .appt-businessnm{font-weight:400;font-size:24px;line-height:28px;color:#333;margin:4px 0}
    /*vpl bank on file end*/

    /*VPl Paid*/
    .vpl-tab-typo{font-weight: 400;font-size: 18px;line-height: 20px;color: #333333;}
    .vplpaid{padding:0;margin-top:40px}
    .vplpaid .payment-icon{margin-right:8px}
    .vplpaid .vplpaid-online-cardNumber{font-weight:500;font-size:20px;line-height:24px;color:#333;flex-wrap:wrap;width:95%;}
    .vplpaid .vplpaid-btn{width:130px;height:auto;background:#3e8438;border-radius:3px;margin:8px 0;font-weight:700;font-size:12px;line-height:24px;color:#fff;display:block;text-align:center}
    .vplpaid-outstanding{padding:20px}
    .vplpaid .vplpaid-progress{margin:8px 8px 0px 0px}
    .vplpaid .vpl-progress-text{font-weight:400;font-size:12px;line-height:16px;color:#333;margin:8px 0}
    .vplpaid .mrg-tp--10{margin-top:-16px}
    .vplpaid .pddng-tp-16{padding-top:16px}

    @media only screen and (max-width: 767px) {
        .vplpaid .timeline-due-btn {display: inline-block !important;}
        .vplpaid .onlinePayment-list {padding: 24px 0px;}
    }
    .vplpaid .timeline-due-btn{width:51px;height:auto;font-weight:500;font-size:12px;line-height:24px;color:#fff;margin:-6px 10px;padding:4px 8px;background:#b42318;border-radius:3px;text-decoration:none;vertical-align:text-top;display:inline-block}
    .vplpaid .profile-page .profile-body .paymentMethod-wrap .parentSaveChange .innerSaveChange .saveChange.btn-bg{background-color:#3e8438;text-decoration:none;transition:ease .2s}
    .vplpaid .vplpaid-online-cardNumber1{font-weight:500;font-size:18px;line-height:24px;color:#333;flex-wrap:wrap;display:inline-block;vertical-align:middle}

    /* Added By Dhwani Shah for Horizontal Progress on Outstanding and Paid Tab Vagaro Pay Later - 10-05-2022*/
    .vplpaid-progress .progress-bar-h{height:6px;border-radius:8px;background-color:#3E8438;-webkit-transition:.3s ease;transition:.3s ease}
    .vplpaid-progress .progress-bar-h.progress-1{width:25%}
    .vplpaid-progress .progress-bar-h.progress-2{width:50%}
    .vplpaid-progress .progress-bar-h.progress-3{width:75%}
    .vplpaid-progress .progress-bar-h.progress-4{width:100%}
    .vplpaid-progress .progress-bar-in{height:8px;margin-top:0px;border-radius:8px;background-color:#f8f8f8;width:795px;overflow:hidden;display:flex;align-items:flex-start;border: 1px solid #E7E7E7;}
    @media only screen and (max-width:767px){
        .vplpaid{padding:0 !important;margin-top:20px;}.vplpaid-progress .progress-bar-in{height:8px;margin-top:0px;border-radius:8px;background-color:#f8f8f8;width:260px;overflow:hidden;display:flex;align-items:flex-start;border: 1px solid #E7E7E7;}
    }

/*Modal Applied VPl Start*/
.vpl-applied .cls-btn{font-weight:900;font-size:25px !important;line-height:15px;color:#333;display:block;height:18px;right:17px;top:15px;width:18px;z-index:999;position:absolute;margin:0 !important;background:0 0}
.vpl-applied .modal-title{font-weight:700;font-size:20px;line-height:24px;color:#333}
.vpl-applied .modal-text-a{font-weight:400;font-size:16px;line-height:20px;color:#333}
.vpl-applied .del-ohk-app{padding:8px 16px;width:134px;height:40px;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:auto}


@media only screen and (min-width: 768px) {
    .vpl-applied .modal-dialog {width: 480px;margin: 30px auto;}
}
@media (max-width:767px) {
    .vpl-applied .del-ohk-app {padding: 8px 16px;width: 100%;height: 40px;color: #fff;display: flex;flex-direction: row;justify-content: center;align-items: center;margin-left: auto;}
}
/*Modal Applied VPl End*/
.appt-type-div .vplbanknane {font-weight: 500;font-size: 24px;line-height: 24px;color: #333333;}
.appt-type-div .vplending {font-weight: 500;font-size: 18px;line-height: 24px;color: #333333;}
.appt-type-div .vplusername {font-weight: 400;font-size: 15px;line-height: 20px;color: #777777;}
.vpl-card-delete-btn{min-width:76px;font-weight:500;font-size:15px;line-height:20px;color:#B42318;padding:8px 16px;border:1px solid #B42318;border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:40px;text-decoration:none;border-radius:3px}
.profile-sections.no-left-pad { padding-left: 0px !important; }
@media (max-width:767px) {
    .profile-sections.no-left-pad {padding-left:0px !important;padding-right:0px !important;}
}
.vpl-bank-file .section-border {border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;margin-top: 24px;}
.vpl-bank-file .part:last-child {border-bottom: none;}
.vpl-bank-file .timeline-text:last-child {padding-bottom: 0px;}
.vpl-bank-file .timeline-dot.top0{top:0px !important;}
.profile-sections .vpl-landing {margin-left: -16px;margin-right: -16px;}
/*Bank Popup*/
.tingle-modal {top: 50px !important;}

@media(max-width:768px) {
    .tingle-modal {top: 50px !important;}
}
.m-addbankdetails.em-addbank .w-input-i40 .w-input{
    height:40px;
}
.dw-persp,
.dwo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.dw {
  position: absolute;
  top: 5%;
  left: 0;
  z-index: 99999;
  color: black;
  font-size: 12px;
  text-shadow: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-touch-action: none;
}
.dwi {
  position: static;
  margin: 5px;
  display: inline-block;
}
.dwwr {
  min-width: 170px;
  zoom: 1;
  padding: 0 10px;
  text-align: center;
  /*height: 100%;*/

}
.dwo {
  background: black;
  opacity: .7;
  filter: alpha(opacity=70);
}
.dw-bubble .dw {
  margin: 20px 0;
}
.dw-bubble .dw-arrw {
  position: absolute;
  left: 0;
  width: 100%;
}
.dw-bubble-top .dw-arrw {
  bottom: -36px;
}
.dw-bubble-bottom .dw-arrw {
  top: -36px;
}
.dw-bubble .dw-arrw-i {
  margin: 0 30px;
  position: relative;
  height: 36px;
}
.dw-bubble .dw-arr {
  display: block;
}
.dw-arr {
  display: none;
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-width: 18px 18px;
  border-style: solid;
  margin-left: -18px;
}
.dw-bubble-bottom .dw-arr {
  top: 0;
  border-color: transparent transparent white transparent;
}
.dw-bubble-top .dw-arr {
  bottom: 0;
  border-color: white transparent transparent transparent;
}
.dwc {
  float: none;
  margin: 0 2px 5px 2px;
  padding-top: 30px;
  display: inline-block;
}
.dwcc {
  clear: both;
  /*height: -webkit-calc(~"100% - 73px"); height: -moz-calc(~"100% - 73px"); height: -o-calc(~"100% - 73px"); height: -ms-calc(~"100% - 73px"); height: calc(~"100% - 73px"); -webkit-overflow-scrolling: touch; overflow: auto;*/

}
.dwl {
  text-align: center;
  line-height: 30px;
  height: 30px;
  white-space: nowrap;
  position: absolute;
  top: -30px;
  width: 100%;
}
.dwv {
  padding: 10px 0;
  border-bottom: 1px solid black;
}
.dwrc {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.dwwc {
  margin: 0;
  padding: 0 2px;
  position: relative;
  background: black;
  zoom: 1;
}
.dwwl {
  margin: 4px 2px;
  position: relative;
  background: #888888;
  background: linear-gradient(black 0, #333333 35%, #888888 50%, #333333 65%, black 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(0.35, #333333), color-stop(0.5, #888888), color-stop(0.65, #333333), to(black));
  background: -moz-linear-gradient(black 0, #333333 35%, #888888 50%, #333333 65%, black 100%);
  background: -o-linear-gradient(black 0, #333333 35%, #888888 50%, #333333 65%, black 100%);
  z-index: 5;
}
.dww {
  margin: 0 2px;
  overflow: hidden;
  position: relative;
}
.dwsc .dww {
  color: white;
  background: #444444;
  background: linear-gradient(black 0, #444444 45%, #444444 55%, black 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(0.45, #444444), color-stop(0.55, #444444), to(black));
  background: -moz-linear-gradient(black 0, #444444 45%, #444444 55%, black 100%);
  background: -o-linear-gradient(black 0, #444444 45%, #444444 55%, black 100%);
}
.dw-bf {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.dw-ul {
  position: relative;
  z-index: 2;
}
.dw-li {
  padding: 0 5px;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 26px;
  white-space: nowrap;
  text-shadow: 0 1px 1px black;
  vertical-align: bottom;
  opacity: .3;
  filter: alpha(opacity=30);
}
/*.dw-li.dw-hl { background: #fff; background: rgba(255,255,255,.3); }*/

.dw-li.dw-v {
  opacity: 1;
  filter: alpha(opacity=100);
}
.dw-li.dw-h {
  visibility: hidden;
}
.dw-i {
  position: relative;
  height: 100%;
}
.dwwb {
  position: absolute;
  z-index: 4;
  left: 0;
  cursor: pointer;
  width: 100%;
  height: 40px;
  text-align: center;
  opacity: 1;
  transition: opacity .2s linear;
  -webkit-transition: opacity .2s linear;
}
.dwa .dwwb {
  opacity: 0;
}
.dwwbp {
  top: 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-size: 40px;
}
.dwwbm {
  bottom: 0;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  font-size: 32px;
  font-weight: bold;
}
.dwpm .dwwc {
  background: transparent;
}
.dwpm .dww {
  margin: -1px;
}
.dwpm .dw-li {
  text-shadow: none;
}
.dwpm .dwwol {
  display: none;
}
.dwwo {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(black 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, black 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(0.52, rgba(44, 44, 44, 0)), color-stop(0.48, rgba(44, 44, 44, 0)), to(black));
  background: -moz-linear-gradient(black 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, black 100%);
  background: -o-linear-gradient(black 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, black 100%);
}
.dwwol {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  margin-top: -1px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #555555;
}
.dwbg .dwb {
  cursor: pointer;
  overflow: hidden;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  margin: 0 2px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 -1px 1px black;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  color: white;
  background: black;
  background: linear-gradient(#6e6e6e 50%, black 50%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, black), color-stop(0.5, #6e6e6e));
  background: -moz-linear-gradient(#6e6e6e 50%, black 50%);
  background: -o-linear-gradient(#6e6e6e 50%, black 50%);
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
}
.dwbc {
  padding: 5px 0;
  text-align: center;
  clear: both;
}
.dwbc:after {
  content: '';
  display: block;
  clear: both;
}
.dwbw {
  display: inline-block;
  float: left;
  width: 50%;
  position: relative;
  z-index: 5;
}
.dwbc-p .dwbw {
  width: 33.33%;
}
.dwhl {
  padding-top: 10px;
}
.dwhl .dwl {
  display: none;
}
.dwbg {
  background: white;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dwbg .dwpm .dww {
  color: black;
  background: white;
  border: 1px solid #aaaaaa;
}
.dwbg .dwwb {
  background: #cccccc;
  color: #888888;
  text-shadow: 0 -1px 1px #333333;
  box-shadow: 0 0 5px #333333;
  -webkit-box-shadow: 0 0 5px #333333;
}
.dwbg .dwwbp {
  background: linear-gradient(#f7f7f7, #bdbdbd);
  background: -webkit-gradient(linear, left bottom, left top, from(#bdbdbd), to(#f7f7f7));
  background: -moz-linear-gradient(#f7f7f7, #bdbdbd);
  background: -o-linear-gradient(#f7f7f7, #bdbdbd);
}
.dwbg .dwwbm {
  background: linear-gradient(#bdbdbd, #f7f7f7);
  background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#bdbdbd));
  background: -moz-linear-gradient(#bdbdbd, #f7f7f7);
  background: -o-linear-gradient(#bdbdbd, #f7f7f7);
}
.dwbg .dwb-a {
  background: #3c7500;
  background: linear-gradient(#94c840 50%, #3c7500 50%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3c7500), color-stop(0.5, #94c840));
  background: -moz-linear-gradient(#94c840 50%, #3c7500 50%);
  background: -o-linear-gradient(#94c840 50%, #3c7500 50%);
}
.dwbg .dwwl .dwb-a {
  background: #3c7500;
  background: linear-gradient(#94c840, #3c7500);
  background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
  background: -moz-linear-gradient(#94c840, #3c7500);
  background: -o-linear-gradient(#94c840, #3c7500);
}
.jqm .dwo {
  background: 0;
}
.jqm .dw {
  padding: 6px;
  z-index: 1003;
}
.jqm .dwv {
  position: static;
  width: auto;
  padding: .7em 15px .7em 15px;
  border: 0;
}
.jqm .dwwr {
  border: 0;
  padding: 0;
}
.jqm .dwpm .dwwo {
  background: 0;
}
.jqm .dwc {
  margin: 0;
  padding: 30px 5px 5px 5px;
}
.jqm .dwhl {
  padding: 5px;
}
.jqm .dwwb {
  margin: 0;
  border: 0;
}
.jqm .dwwb span {
  padding: 0;
}
.jqm .dwwbp .ui-btn-inner {
  font-size: 40px;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
}
.jqm .dwwbm .ui-btn-inner {
  font-size: 32px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}
.jqm .dwwbp span {
  font-weight: normal;
}
.jqm .dwbc {
  padding: 0;
}
.jqm .dwbc .ui-btn {
  margin: .5em 5px;
}
.jqm .dwbc .ui-btn-inner {
  font-size: 12px;
}
.jqm .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #444444 transparent;
}
.jqm .dw-bubble-top .dw-arr {
  border-color: #222222 transparent transparent transparent;
}
.jqm.dw-bottom .dw,
.jqm.dw-top .dw {
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.jqm.dw-top .dw {
  border-right: 0;
  border-top: 0;
  border-left: 0;
}
.jqm.dw-bottom .dw {
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}
.ios .dw {
  min-width: 134px;
  padding: 0;
  border-top: 1px solid #909090;
  background: 0;
  color: white;
  border-radius: 0;
  -webkit-border-radius: 0;
}
.ios .dwo {
  background: 0;
}
.ios .dwwr {
  position: relative;
  margin-top: 40px;
  background: #d1d5db;
  padding: 0;
  /*background: linear-gradient(#9f9fa6,#484a55 50%,#272836 50%,#282a39); background: -webkit-gradient(linear,left top,left bottom,from(#9f9fa6),color-stop(0.5,#484a55),color-stop(0.5,#272836),to(#282a39)); background: -moz-linear-gradient(#9f9fa6,#484a55 50%,#272836 50%,#282a39); background: -o-linear-gradient(#9f9fa6,#484a55 50%,#272836 50%,#282a39);*/

}
.ios .dwi .dwwr {
  margin-top: 0;
}
.ios .dwv {
  display: none;
}
.ios .dwc {
  padding: 30px 0;
  margin: 0;
  width: 50%;
}
.iosdateonly .ios .dwc {
  width: 100%;
}
.ios .dwc {
  width: 50%;
}
.ios .dwwc table {
  width: 100%;
}
.ios .dwhl {
  padding: 10px 0;
}
.ios .dwwc {
  background: transparent;
  padding: 0;
}
.ios .dwwl {
  margin: 4px 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#d1d5db), color-stop(0.52, rgba(209, 213, 219, 0)), color-stop(0.48, rgba(209, 213, 219, 0)), to(#d1d5db));
  background: -webkit-linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db);
  background: linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db);
}
.ios td:first-child .dwwl {
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
}
.ios td:last-child .dwwl {
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
}
.ios .dwsc .dww {
  margin: 0 3px;
  background: none;
  /*background: -webkit-gradient(linear,left bottom,left top,from(#d1d5db),color-stop(.52,rgba(209,213,219,0)),color-stop(.48,rgba(209,213,219,0)),to(#d1d5db)); background: -webkit-linear-gradient(#d1d5db,rgba(209,213,219,0) 52%,rgba(209,213,219,0) 48%,#d1d5db); background: linear-gradient(#d1d5db,rgba(209,213,219,0) 52%,rgba(209,213,219,0) 48%,#d1d5db);*/
  border-radius: 0;
  -webkit-border-radius: 0;
}
.ios .dw .dwpm .dww {
  background: linear-gradient(black, white 48%, white 52%, black);
  background: -webkit-gradient(linear, left bottom, left top, from(#333333), color-stop(0.48, white), color-stop(0.52, white), to(#333333));
  background: -moz-linear-gradient(black 0, white 48%, white 52%, black 100%);
  background: -o-linear-gradient(black 0, white 48%, white 52%, black 100%);
}
.ios .dw .dwpm .dwwl {
  margin: 4px 2px;
}
.ios .dw .dwpm .dww {
  margin: 0;
  border: 0;
}
.ios .dww .dw-li {
  color: #898b8f;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  text-shadow: none;
}
.ios .dww .dw-li.dw-sel {
  color: #2a2b2c;
}
/*.ios .dww .dw-li.dw-hl { background: linear-gradient(#0288f3,#005de6); background: -webkit-gradient(linear,left bottom,left top,from(#0288f3),to(#005de6)); background: -moz-linear-gradient(#0288f3,#005de6); background: -o-linear-gradient(#0288f3,#005de6); color: #fff; }*/

.ios .dwwo {
  display: none;
}
.ios .dwwol {
  height: 35px;
  padding: 1px;
  margin-top: -20px;
  border-color: #a9acb0;
  /*background: #6f75b0; background: linear-gradient(rgba(151,157,197,0.5) 50%,rgba(111,117,176,0.5) 50%); background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,rgba(111,117,176,0.5)),color-stop(0.5,rgba(151,157,197,0.5))); background: -moz-linear-gradient(rgba(151,157,197,0.5) 50%,rgba(111,117,176,0.5) 50%); background: -o-linear-gradient(rgba(151,157,197,0.5) 50%,rgba(111,117,176,0.5) 50%); z-index: 10; left: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); filter: alpha(opacity=50);*/

}
.ios .dw .dwbc {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  padding: 5px 0;
  background: #eff0f1;
  /*background: linear-gradient(rgba(69,69,69,0.7),rgba(37,37,37,0.7) 50%,rgba(16,16,16,0.7) 50%,rgba(0,0,0,0.7)); background: -webkit-gradient(linear,left top,left bottom,from(rgba(69,69,69,0.7)),color-stop(0.5,rgba(37,37,37,0.7)),color-stop(0.5,rgba(16,16,16,0.7)),to(rgba(0,0,0,0.7))); background: -moz-linear-gradient(rgba(69,69,69,0.7),rgba(37,37,37,0.7) 50%,rgba(16,16,16,0.7) 50%,rgba(0,0,0,0.7)); background: -o-linear-gradient(rgba(69,69,69,0.7),rgba(37,37,37,0.7) 50%,rgba(16,16,16,0.7) 50%,rgba(0,0,0,0.7)); border-bottom: 1px solid #888; border-bottom: 1px solid rgba(255,255,255,0.5); border-top: 1px solid #888; border-top: 1px solid rgba(255,255,255,0.5);*/

}
.ios .dw .dwb {
  margin: 0 5px;
  padding: 0 10px;
  display: block;
  color: #007aff;
  font-size: 16px;
  font-weight: normal;
  height: auto;
  line-height: 30px;
  border: 0 none;
  background: none;
  text-shadow: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*background: linear-gradient(#779be9,#376fe0 50%,#2260dd 50%); background: -webkit-gradient(linear,left top,left bottom,from(#779be9),color-stop(0.5,#376fe0),color-stop(0.5,#2260dd)); background: -moz-linear-gradient(#779be9,#376fe0 50%,#2260dd 50%); background: -o-linear-gradient(#779be9,#376fe0 50%,#2260dd 50%); box-shadow: 0 1px 0 rgba(255,255,255,0.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3);*/

}
.ios .dw .dwb-s .dwb {
  font-weight: 600;
}
.ios .dwb-c .dwb,
.ios .dwb-n .dwb {
  border: 0 none;
  /*background: #1a1a1a; background: linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%); background: -webkit-gradient(linear,left top,left bottom,from(#7b7b7b),color-stop(0.5,#1a1a1a),color-stop(0.5,#000)); background: -moz-linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%); background: -o-linear-gradient(#7b7b7b,#1a1a1a 50%,#000 50%);*/

}
.ios .dwb-a {
  opacity: .8;
  filter: alpha(opacity=80);
}
.ios .dw .dwwb {
  color: white;
  border: 0;
  background: #3f4e68;
  background: linear-gradient(#c7d1e2 0, #808ea6 50%, #75859f 50%, #3f4e68 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#3f4e68), color-stop(0.5, #75859f), color-stop(0.5, #808ea6), to(#c7d1e2));
  background: -moz-linear-gradient(#c7d1e2 0, #808ea6 50%, #75859f 50%, #3f4e68 100%);
  background: -o-linear-gradient(#c7d1e2 0, #808ea6 50%, #75859f 50%, #3f4e68 100%);
}
.ios .dw .dwwl .dwb-a {
  background: #252c36;
  background: linear-gradient(#6b6e75 0, #272e38 50%, #171e28 50%, #252c36 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#252c36), color-stop(0.5, #171e28), color-stop(0.5, #272e38), to(#6b6e75));
  background: -moz-linear-gradient(#6b6e75 0, #272e38 50%, #171e28 50%, #252c36 100%);
  background: -o-linear-gradient(#6b6e75 0, #272e38 50%, #171e28 50%, #252c36 100%);
}
.ios .dwb-s,
.ios .dwb-n {
  width: auto;
  float: right;
  text-align: right;
}
.ios .dwb-c {
  width: auto;
  float: left;
  text-align: left;
}
.ios.dw-bubble .dw {
  padding: 6px;
  background: #afafaf;
  background: linear-gradient(#afafaf, #1b2530 30%);
  background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), color-stop(0.3, #1b2530));
  background: -moz-linear-gradient(#afafaf, #1b2530 30%);
  background: -o-linear-gradient(#afafaf, #1b2530 30%);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
}
.ios .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #2d3034 transparent;
}
.ios .dw-bubble-bottom .dw-arr:after {
  content: '';
  position: absolute;
  top: -16px;
  left: -17px;
  border: 17px solid #afafaf;
  border-color: transparent transparent #afafaf transparent;
}
.ios .dw-bubble-top .dw-arr {
  border-color: #1b2530 transparent transparent transparent;
}
.android-ics .dw {
  padding: 0;
  color: white;
  background: #292829;
}
.android-ics .dw .dwwc,
.android-ics .dw .dwwl,
.android-ics .dw .dww,
.android-ics .dw .dwb {
  background: 0;
}
.android-ics .dwwr {
  padding: 0;
}
.android-ics .dwc {
  margin: 0;
  padding: 30px 10px 1px 10px;
}
.android-ics .dwhl {
  padding: 1px 10px;
}
.android-ics .dwv {
  height: 36px;
  line-height: 36px;
  background: #eb6663;
  padding: 0;
  border-bottom: 2px solid #eb6663;
  font-size: 18px;
}
.android-ics .dwwl {
  margin: 0 2px;
}
.android-ics .dww {
  border: 0;
}
.android-ics .dw .dwpm .dww {
  border: 0;
  background: 0;
}
.android-ics .dww .dw-li {
  color: white;
  font-size: 18px;
  text-shadow: none;
}
/*.android-ics .dww .dw-li.dw-hl { background: #eb6663; background: rgba(325,102,99,.5); }*/

.android-ics .dwwo {
  background: linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#282828), color-stop(0.52, rgba(40, 40, 40, 0)), color-stop(0.48, rgba(40, 40, 40, 0)), to(#282828));
  background: -moz-linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
  background: -o-linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
}
.android-ics .dw .dwwb {
  background: #292829;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.android-ics .dwwb span {
  display: none;
}
.android-ics .dwwb:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  color: #7e7e7e;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  content: '';
}
.android-ics .dwwbm {
  top: 0;
  bottom: auto;
}
.android-ics .dwwbp {
  bottom: 0;
  top: auto;
}
.android-ics .dwwbm:after {
  border-color: transparent transparent #7e7e7e transparent;
}
.android-ics .dwwbp:after {
  border-color: #7e7e7e transparent transparent transparent;
}
.android-ics .dw .dwwl .dwb-a {
  background: #292829;
}
.android-ics .dwwbm.dwb-a:after {
  border-color: transparent transparent #eb6663 transparent;
}
.android-ics .dwwbp.dwb-a:after {
  border-color: #eb6663 transparent transparent transparent;
}
.android-ics .dw .dwwol {
  width: 90%;
  left: 5%;
  height: 36px;
  border-top: 2px solid #eb6663;
  border-bottom: 2px solid #eb6663;
  margin-top: -20px;
  display: block;
}
.android-ics .dwbc {
  border-top: 1px solid #424542;
  padding: 0;
}
.android-ics .dw .dwb {
  height: 36px;
  line-height: 36px;
  padding: 0;
  margin: 0;
  font-weight: normal;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
}
.android-ics .dw .dwb-a {
  background: black;
  color: #eb6663;
}
.android-ics .dwb-s .dwb,
.android-ics .dwb-n .dwb {
  border-right: 1px solid #424542;
}
.android-ics.dw-bottom .dw,
.android-ics.dw-top .dw {
  border-radius: 0;
  -webkit-border-radius: 0;
}
.android-ics.light .dw {
  background: whitesmoke;
}
.android-ics.light .dww .dw-li {
  color: black;
}
.android-ics.light .dwwo {
  background: linear-gradient(whitesmoke 0, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, whitesmoke 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(whitesmoke), color-stop(0.52, rgba(245, 245, 245, 0)), color-stop(0.48, rgba(245, 245, 245, 0)), to(whitesmoke));
  background: -moz-linear-gradient(whitesmoke 0, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, whitesmoke 100%);
  background: -o-linear-gradient(whitesmoke 0, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, whitesmoke 100%);
}
.android-ics.light .dw .dwwb {
  background: whitesmoke;
  color: whitesmoke;
}
.android-ics.light .dwbc {
  /*border-top: 1px solid #dbdbdb;*/
  background: black;
}
.android-ics.light .dwb {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
}
.android-ics.light .dwb-a {
  color: white;
}
.android-ics .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #292829 transparent;
}
.android-ics .dw-bubble-top .dw-arr {
  border-color: #292829 transparent transparent transparent;
}
.android-ics.light .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent whitesmoke transparent;
}
.android-ics.light .dw-bubble-top .dw-arr {
  border-color: whitesmoke transparent transparent transparent;
}
.android .dw {
  padding: 0;
  background: black;
  border: 2px solid #555555;
  color: white;
}
.android .dwv {
  padding: 10px;
  border-bottom: 1px solid #333333;
}
.android .dwwr {
  padding: 0;
}
.android .dww {
  top: 0;
}
.android .dwwc {
  background: black;
}
.android .dwc {
  padding-top: 8px;
}
.android .dw .dwpm .dwwl {
  margin: 4px 1px;
  border: 1px solid #9c9c9c;
}
.android .dw .dwpm .dww {
  border: 0;
  background: white;
}
.android .dw .dwpm .dww {
  margin: 0;
}
.android .dw .dwpm .dwwl {
  margin: 4px 2px;
  border: 0;
}
.android .dwpm .dww .dw-li {
  color: black;
  text-shadow: none;
}
.android .dwl {
  display: none;
}
.android .dwbc {
  padding: 5px 1px;
  background: #9c9c9c;
}
.android .dw .dwb {
  margin: 0 5px;
  background: #cccccc;
  background: linear-gradient(#eeeeee, #cccccc);
  background: -webkit-gradient(linear, left bottom, left top, from(#cccccc), to(#eeeeee));
  background: -moz-linear-gradient(#eeeeee, #cccccc);
  background: -o-linear-gradient(#eeeeee, #cccccc);
  color: black;
  font-weight: normal;
  text-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.android .dw .dwb-a,
.android .dw .dwwl .dwb-a {
  background: #ffb25a;
  background: linear-gradient(#ffb25a, #ef6100);
  background: -webkit-gradient(linear, left bottom, left top, from(#ef6100), to(#ffb25a));
  background: -moz-linear-gradient(#ffb25a, #ef6100);
  background: -o-linear-gradient(#ffb25a, #ef6100);
}
.android .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent black transparent;
}
.android .dw-bubble-top .dw-arr {
  border-color: #9c9c9c transparent transparent transparent;
}
.android.dw-top .dw {
  border-right: 0;
  border-top: 0;
  border-left: 0;
}
.android.dw-bottom .dw {
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}
.sense-ui .dw {
  padding: 0;
  background: #333333;
  border: 2px solid white;
  color: white;
}
.sense-ui .dwwr {
  padding: 0;
}
.sense-ui .dwv {
  padding: 5px 10px;
  border-bottom: 1px solid #666666;
  text-align: left;
}
.sense-ui .dwwc {
  background: #333333;
}
.sense-ui .dww {
  margin: 0 2px;
}
.sense-ui .dw .dwpm .dww {
  margin: 0;
  border: 0;
}
.sense-ui .dwbc {
  padding: 5px 1px;
  background: black;
  background: linear-gradient(#666666 50%, black 50%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, black), color-stop(0.5, #666666));
  background: -moz-linear-gradient(#666666 50%, black 50%);
  background: -o-linear-gradient(#666666 50%, black 50%);
}
.sense-ui .dw .dwb {
  margin: 0 5px;
  border: 1px solid #333333;
  background: #222222;
  background: linear-gradient(#444444, black);
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(#444444));
  background: -moz-linear-gradient(#444444, black);
  background: -o-linear-gradient(#444444, black);
  box-shadow: inset 0 0 5px black;
}
.sense-ui .dw .dwb-a {
  background: #3c7500;
  background: linear-gradient(#94c840, #3c7500);
  background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
  background: -moz-linear-gradient(#94c840, #3c7500);
  background: -o-linear-gradient(#94c840, #3c7500);
}
.sense-ui.dw-top .dw {
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}
.sense-ui.dw-bottom .dw {
  border: 0;
  border-top: 1px solid #666666;
  border-radius: 0;
  -webkit-border-radius: 0;
}
.wp .dw {
  background: #1f1f1f;
  border-radius: 0;
  -webkit-border-radius: 0;
}
.wp .dwww {
  overflow: hidden;
}
.wp .dwwr {
  padding: 0px 10px;
}
.wp .dwv {
  display: none;
}
.wp .dwc {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.wp .dwwc {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  background: 0;
  overflow: hidden;
}
.wp .dwwl {
  margin: 0;
  background: 0;
}
.wp .dwl {
  display: none;
}
.wp .dw .dwwl .dww {
  margin: 0 3px;
  background: 0;
  border: 0;
  color: white;
}
.wp .dw .dww .dw-li {
  position: relative;
  padding: 0;
  font-size: 26px;
  letter-spacing: -1px;
  text-align: left;
  text-shadow: none;
  opacity: 0;
  box-sizing: border-box;
  filter: alpha(opacity=0);
  transition: opacity .3s linear;
  -webkit-box-sizing: border-box;
  -webkit-transition: opacity .3s linear;
  -moz-box-sizing: border-box;
  -moz-transition: opacity .3s linear;
}
.wp .dw-i {
  position: relative;
  top: 4%;
  height: 92%;
  padding: 0 5px;
  border: 1px solid #4c4c4c;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  filter: inherit;
}
.wp .dw .wpa .dw-li,
.wp .dw .dwa .dw-li {
  opacity: .3;
  filter: alpha(opacity=30);
}
.wp .dw .wpa .dw-li.dw-v,
.wp .dw .dwa .dw-li.dw-v {
  opacity: 1;
  filter: alpha(opacity=100);
}
.wp .dw-day,
.wp .dw-mon {
  display: block;
  color: darkgray;
  line-height: 18px;
  font-size: 11px;
  letter-spacing: normal;
  position: absolute;
  bottom: 0;
  filter: inherit;
}
.wp .dww .dw-li.dw-sel {
  opacity: 1;
  filter: alpha(opacity=100);
}
.wp .dww .dw-li.dw-sel .dw-i {
  background: #4c4c4c;
  transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
}
.wp .dww .dw-li.dw-hl {
  background: 0;
}
.wp .dww .dw-li.dw-hl .dw-i {
  background: #4c4c4c;
}
.wp .dwa .dw-li.dw-sel .dw-i {
  background-color: transparent;
}
.wp .dwwo {
  display: none;
}
.wp .dwwol {
  display: none;
}
.wp .dwbc {
  padding: 0;
}
.wp .dwbw {
  float: none;
  width: auto;
}
.wp .dw .dwb {
  position: relative;
  top: 0;
  min-width: 32px;
  display: inline-block;
  height: 20px;
  padding: 29px 5px 0 5px;
  background: 0;
  box-shadow: none;
  line-height: 20px;
  font-size: 11px;
  font-weight: normal;
  text-transform: lowercase;
  text-shadow: none;
  transition: top .1s linear;
  -webkit-box-shadow: none;
  -webkit-transition: top .1s linear;
  -moz-transition: top .1s linear;
}
.wp .dwb:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: 0 -13px;
  background: center center no-repeat;
}
.wp .dwb-s .dwb:after {
  background-position: 0 0;
}
.wp .dwb-c .dwb:after {
  background-position: -26px 0;
}
.wp .dwb-n .dwb:after {
  background-position: -52px 0;
}
.wp .dwb-s .dwb-a:after {
  background-position: 0 -26px;
}
.wp .dwb-c .dwb-a:after {
  background-position: -26px -26px;
}
.wp .dwb-n .dwb-a:after {
  background-position: -52px -26px;
}
.wp .dwb.dwb-a {
  top: -3px;
}
.wp .dw .dwwl .dwb-a {
  background: #1f1f1f;
}
.wp .dw .dwwb {
  background: #1f1f1f;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: darkgray;
  -webkit-box-shadow: none;
  -webkit-border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.wp .dwwb span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 0;
  padding-top: 26px;
  overflow: hidden;
  margin: -13px;
  display: block;
  background: url(https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com/us02/wp_icons.png) center center no-repeat;
}
.wp .dwwbp span {
  background-position: -78px 0;
}
.wp .dwwbp.dwb-a span {
  background-position: -78px -26px;
}
.wp .dwwbm span {
  background-position: -104px 0;
}
.wp .dwwbm.dwb-a span {
  background-position: -104px -26px;
}
.wp .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #1f1f1f transparent;
}
.wp .dw-bubble-top .dw-arr {
  border-color: #1f1f1f transparent transparent transparent;
}
.wp.light .dw {
  background: #dedede;
}
.wp.light .dwv {
  color: black;
}
.wp.light .dww .dw-li {
  color: black;
}
.wp.light .dw-li .dw-i {
  border-color: #b5b5b5;
}
.wp.light .dw-li.dw-sel .dw-i {
  background: #b5b5b5;
}
.wp.light .dw-li.dw-hl .dw-i {
  background: #b5b5b5;
}
.wp.light .dw-day,
.wp.light .dw-mon {
  color: #6b6b6b;
}
.wp.light .dwa .dw-li.dw-sel .dw-i {
  background-color: transparent;
}
.wp.light .dwb {
  color: black;
}
.wp.light .dwb:after {
  background-image: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/wp_icons_light.png");
}
.wp.light .dw .dwwb {
  background: #dedede;
}
.wp.light .dwwb span {
  background-image: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/wp_icons_light.png");
}
.wp.light .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #dedede transparent;
}
.wp.light .dw-bubble-top .dw-arr {
  border-color: #dedede transparent transparent transparent;
}
.dw-persp {
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
}
.dw-trans .dw-persp {
  overflow: hidden;
}
.dw-in {
  animation-timing-function: ease-out;
  animation-duration: 350ms;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 350ms;
  -moz-animation-timing-function: ease-out;
  -moz-animation-duration: 350ms;
}
.dw-out {
  animation-timing-function: ease-in;
  animation-duration: 350ms;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 350ms;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 350ms;
}
.dw-flip,
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
  backface-visibility: hidden;
  transform: translateX(0);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  -moz-backface-visibility: hidden;
  -moz-transform: translateX(0);
}
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
}
.dw-flip,
.dw-pop {
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
}
.dw-pop.dw-in {
  opacity: 1;
  transform: scale(1);
  animation-name: dw-p-in;
  -webkit-animation-name: dw-p-in;
  -webkit-transform: scale(1);
  -moz-animation-name: dw-p-in;
  -moz-transform: scale(1);
}
.dw-pop.dw-out {
  opacity: 0;
  animation-name: dw-p-out;
  -webkit-animation-name: dw-p-out;
  -moz-animation-name: dw-p-out;
}
.dw-flip.dw-in {
  opacity: 1;
  transform: scale(1);
  animation-name: dw-fl-in;
  -webkit-animation-name: dw-fl-in;
  -webkit-transform: scale(1);
  -moz-animation-name: dw-fl-in;
  -moz-transform: scale(1);
}
.dw-flip.dw-out {
  opacity: 0;
  animation-name: dw-fl-out;
  -webkit-animation-name: dw-fl-out;
  -moz-animation-name: dw-fl-out;
}
.dw-swing.dw-in {
  opacity: 1;
  transform: scale(1);
  animation-name: dw-sw-in;
  -webkit-animation-name: dw-sw-in;
  -webkit-transform: scale(1);
  -moz-animation-name: dw-sw-in;
  -moz-transform: scale(1);
}
.dw-swing.dw-out {
  opacity: 0;
  animation-name: dw-sw-out;
  -webkit-animation-name: dw-sw-out;
  -moz-animation-name: dw-sw-out;
}
.dw-slidehorizontal.dw-in {
  opacity: 1;
  transform: scale(1);
  animation-name: dw-sh-in;
  -webkit-animation-name: dw-sh-in;
  -webkit-transform: scale(1);
  -moz-animation-name: dw-sh-in;
  -moz-transform: scale(1);
}
.dw-slidehorizontal.dw-out {
  opacity: 0;
  animation-name: dw-sh-out;
  -webkit-animation-name: dw-sh-out;
  -moz-animation-name: dw-sh-out;
}
.dw-slidevertical.dw-in {
  opacity: 1;
  animation-name: dw-dw-sv-in;
  transform: scale(1);
  -webkit-animation-name: dw-dw-sv-in;
  -webkit-transform: scale(1);
  -moz-animation-name: dw-dw-sv-in;
  -moz-transform: scale(1);
}
.dw-slidevertical.dw-out {
  opacity: 0;
  animation-name: dw-sv-out;
  -webkit-animation-name: dw-sv-out;
  -moz-animation-name: dw-sv-out;
}
.dw-slidedown.dw-in {
  animation-name: dw-sd-in;
  transform: scale(1);
  -webkit-animation-name: dw-sd-in;
  -webkit-transform: scale(1);
  -moz-animation-name: dw-sd-in;
  -moz-transform: scale(1);
}
.dw-slidedown.dw-out {
  animation-name: dw-sd-out;
  -webkit-animation-name: dw-sd-out;
  -moz-animation-name: dw-sd-out;
}
.dw-slideup.dw-in {
  transform: scale(1);
  animation-name: dw-su-in;
  -webkit-animation-name: dw-su-in;
  -webkit-transform: scale(1);
  -moz-animation-name: dw-su-in;
  -moz-transform: scale(1);
}
.dw-slideup.dw-out {
  animation-name: dw-su-out;
  -webkit-animation-name: dw-su-out;
  -moz-animation-name: dw-su-out;
}
.dw-fade.dw-in {
  opacity: 1;
  animation-name: dw-f-in;
  -webkit-animation-name: dw-f-in;
  -moz-animation-name: dw-f-in;
}
.dw-fade.dw-out {
  opacity: 0;
  animation-name: dw-f-out;
  -webkit-animation-name: dw-f-out;
  -moz-animation-name: dw-f-out;
}
.wp .dwbc {
  background: #dedede;
  position: relative;
  z-index: 9999;
  margin-top: -20px;
  overflow: hidden;
}
.wpapp .dwbc {
  margin-top: -43px !important;
}
@keyframes dw-f-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes dw-f-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes dw-f-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dw-f-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes dw-f-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes dw-f-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes dw-p-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes dw-p-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes dw-p-in {
  from {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
  to {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes dw-p-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes dw-p-out {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes dw-p-out {
  from {
    opacity: 1;
    -moz-transform: scale(1);
  }
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes dw-fl-in {
  from {
    opacity: 0;
    transform: rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: rotateY(0);
  }
}
@-webkit-keyframes dw-fl-in {
  from {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: rotateY(0);
  }
}
@-moz-keyframes dw-fl-in {
  from {
    opacity: 0;
    -moz-transform: rotateY(90deg);
  }
  to {
    opacity: 1;
    -moz-transform: rotateY(0);
  }
}
@keyframes dw-fl-out {
  from {
    opacity: 1;
    transform: rotateY(0deg);
  }
  to {
    opacity: 0;
    transform: rotateY(-90deg);
  }
}
@-webkit-keyframes dw-fl-out {
  from {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
  }
  to {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
}
@-moz-keyframes dw-fl-out {
  from {
    opacity: 1;
    -moz-transform: rotateY(0deg);
  }
  to {
    opacity: 0;
    -moz-transform: rotateY(-90deg);
  }
}
@keyframes dw-sw-in {
  from {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  to {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes dw-sw-in {
  from {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes dw-sw-in {
  from {
    opacity: 0;
    -moz-transform: rotateY(-90deg);
  }
  to {
    opacity: 1;
    -moz-transform: rotateY(0deg);
  }
}
@keyframes dw-sw-out {
  from {
    opacity: 1;
    transform: rotateY(0deg);
  }
  to {
    opacity: 0;
    transform: rotateY(-90deg);
  }
}
@-webkit-keyframes dw-sw-out {
  from {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
  }
  to {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
}
@-moz-keyframes dw-sw-out {
  from {
    opacity: 1;
    -moz-transform: rotateY(0deg);
  }
  to {
    opacity: 0;
    -moz-transform: rotateY(-90deg);
  }
}
@keyframes dw-sh-in {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes dw-sh-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes dw-sh-in {
  from {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes dw-sh-out {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
@-webkit-keyframes dw-sh-out {
  from {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes dw-sh-out {
  from {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  to {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
}
@keyframes dw-dw-sv-in {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes dw-dw-sv-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes dw-dw-sv-in {
  from {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes dw-sv-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}
@-webkit-keyframes dw-sv-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes dw-sv-out {
  from {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  to {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes dw-sd-in {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes dw-sd-in {
  from {
    opacity: 1;
    -webkit-transform: translateY(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes dw-sd-in {
  from {
    -moz-transform: translateY(-100%);
  }
  to {
    -moz-transform: translateY(0);
  }
}
@keyframes dw-sd-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes dw-sd-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes dw-sd-out {
  from {
    -moz-transform: translateY(0);
  }
  to {
    -moz-transform: translateY(-100%);
  }
}
@keyframes dw-su-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes dw-su-in {
  from {
    opacity: 1;
    -webkit-transform: translateY(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes dw-su-in {
  from {
    -moz-transform: translateY(100%);
  }
  to {
    -moz-transform: translateY(0);
  }
}
@keyframes dw-su-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@-webkit-keyframes dw-su-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes dw-su-out {
  from {
    -moz-transform: translateY(0);
  }
  to {
    -moz-transform: translateY(100%);
  }
}
@media only screen and (max-width: 359px) {
  .ios .dww .dw-li {
    font-size: 17px;
  }
  .android-ics .dww .dw-li {
    font-size: 15px;
  }
  .android-ics .dww {
    margin: 0;
  }
}

/* perfect-scrollbar v0.8.1 */
.ps { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; }
@supports (-ms-overflow-style: none) {
    .ps { overflow: auto !important; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps { overflow: auto !important; }
}

.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail { display: block; background-color: transparent; }
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #d9d9d9; opacity: 1; }
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #7d7e7e; height: 7px; }
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #d9d9d9; opacity: 1; }
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #7d7e7e; width: 7px; }
.ps > .ps__scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; border-radius: 10px; /* there must be 'bottom' for ps__scrollbar-x-rail */ height: 7px; }
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #7d7e7e; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; bottom: 0; /* there must be 'bottom' for ps__scrollbar-x */ height: 7px; }
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x { height: 7px; }
.ps > .ps__scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 0; border-radius: 10px; /* there must be 'right' for ps__scrollbar-y-rail */ width: 7px; }
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #7d7e7e; border-radius: 2px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; right: 0; /* there must be 'right' for ps__scrollbar-y */ width: 7px; }
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y { width: 7px; }
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #d9d9d9; opacity: 1; }
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #7d7e7e; height: 7px; }
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #d9d9d9; opacity: 1; }
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #7d7e7e; width: 7px; }
.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail { opacity: 1; }
.ps:hover > .ps__scrollbar-x-rail:hover { background-color: #d9d9d9; opacity: 1; }
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x { background-color: #7d7e7e; }
.ps:hover > .ps__scrollbar-y-rail { background-color: #d9d9d9; opacity: 1; }
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y { background-color: #7d7e7e; }

.vg_calendar-container { display: none; font-size: 16px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: 99999; overflow-y: hidden !important; }
.vg_calendar-dates { display: none; background-color: #fff; position: fixed; top: 83px; bottom: 0; left: 0; right: 0; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1005; }
.vg_calendar-date-div { padding-bottom: 30px; }
.vg_cal-header { background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 1006; border-bottom: 1px solid #D9D9D9; }
.vg_cal_head { float: right; margin: 12px 0 20px; padding: 0 10px; }
.vg_cal-week-div { padding: 0 10px; margin: 0 auto; max-width: 517px; clear: both; }
.vg_cal-month, .vg_cal-month-div { padding: 0 10px; }
.vg_cal-month-div { margin: 0 auto; max-width: 517px; }
.vg_cal-month-div table { border-collapse: collapse; width: 100%; }
.vg_cal-week-day { font-size: 15px; font-weight: 600; float: left; text-align: center; width: 14.28%; }
.vg_cal-close { display: inline-block; font-size: 20px; padding: 5px; color: #9a9a9a; }
.vg_cal-days-placeholder, .vg_cal-days { width: 14.28%; text-align: center; }
.vg_cal-days-placeholder { min-height: 20px; }
.vg_cal-month { margin-top: 40px; text-align: center; margin-bottom: 10px; font-size: 20px; font-weight: 600; }
.vg_cal-month:first-of-type { margin-top: 12px; }
/*.vg_cal-days { border: 1px solid #D9D9D9; padding: 10px; vertical-align: middle; }*/
.vg_cal-days { border: 0 none; padding: 10px; vertical-align: middle; border-radius: 50%; }
.vg_cal-days.vg_disable { cursor: default !important; color: #e7e7e7 !important; }
.vg_cal-days.vg_today { background-color: transparent; color: #eb6663; position: relative; }
.vg_cal-days.vg_today:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #eb6663; border-radius: 50%; }
/*.vg_cal-days.vg_today:after, .vg_cal-days.vg_current:after { content: ""; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; border: 1px solid #eb6663; }*/
.vg_cal-days.vg_current { background-color: #eb6663; color: #fff; position: relative; }
.vg_cal-next-button { box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); text-align: center; line-height: 52px; color: #9a9a9a; font-size: 50px; height: 52px; }

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  font-family: "proxima-nova", sans-serif;
  -webkit-text-size-adjust: none;
  min-height: 100%;
}
body {
  background: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  overflow: auto;
}
body.overflowHidden,
.overflowHidden {
  overflow: hidden;
}
html.iosPro,
body.iosPro {
  overflow: inherit;
}
.overflowauto {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}
.background-white {
  background-color: white;
}
.wrap-page {
  height: 100%;
}
.linkcolor {
  color: #248dd5;
}
.link-anchor {
  color: #2a90d6;
  cursor: pointer;
}
.link-anchor:hover {
  color: #2a90d6;
}
a.normalcolor {
  color: #333333;
}
:focus {
  outline: none;
}
.clerboth,
.clearboth {
  clear: both;
  display: block;
}
.cusrerpointer {
  cursor: pointer;
}
.line-height20 {
  line-height: 20px;
}
input[disabled],
select[disabled] {
  cursor: not-allowed;
}
.w-display-block {
  display: block;
}
.no-border {
  border: 0 none !important;
}
/* Fonts */

.gm-style {
  font-family: "proxima-nova", sans-serif !important;
}
b,
strong {
  font-weight: 600 !important;
}
.bold-text {
  font-weight: 600;
}
.normal-font {
  font-weight: 400;
}
.display-inline {
  display: inline;
}
.highlighted-txt {
  color: #d83f34;
}
/*header footer */

.w-header {
  height: 300px;
  background: #dadada;
  line-height: 300px;
  font-weight: 600;
}
.w-hiddenstrict {
  display: none !important;
}
/*margin class Start  */
.margin-left0 {
  margin-left: 0;
}
.margin-right0 {
  margin-right: 0;
}
.margin-top0 {
  margin-top: 0;
}
.margin-bottom0 {
  margin-bottom: 0;
}
/*===================================================*/

.no-margin {
  margin: 0 !important;
}
/*====================================================*/

.margin-bottom8 {
  margin-bottom: 8px;
}
.margin-top8 {
  margin-top: 8px;
}
.margin-top5 {
  margin-top: 5px;
}
.margin-bottom5 {
  margin-bottom: 5px;
}
.margin-bottom10 {
  margin-bottom: 10px;
}
.margin-top10 {
  margin-top: 10px;
}
.margin-right10 {
  margin-right: 10px;
}
.margin-right6 {
  margin-right: 6px;
}
.margin-left10 {
  margin-left: 10px;
}
/*=====================================================*/

.margin-bottom15 {
  margin-bottom: 15px;
}
.margin-top15 {
  margin-top: 15px;
}
.margin-top20 {
  margin-top: 20px;
}
.margin-right15 {
  margin-right: 15px;
}
.margin-left15 {
  margin-left: 15px;
}
.margin-bottom20 {
  margin-bottom: 20px;
}
.margin-left20 {
  margin-left: 20px;
}
.margin-top30 {
  margin-top: 30px;
}
.margin-top13 {
  margin-top: 13px;
}
.margin-bottom2 {
  margin-bottom: 2px;
}
.margin-top-40 {
  margin-top: -40px;
}
.heading-margintop-20 {
  margin-top: 20px;
}
/*margin class End  */

/*padding class Start  */

.padding10 {
  padding: 10px;
}
.padding-left0 {
  padding-left: 0;
}
.padding-right0 {
  padding-right: 0;
}
.padding-top0 {
  padding-top: 0;
}
.padding-bottom0 {
  padding-bottom: 0;
}
/*===================================================*/

.no-padding {
  padding: 0px !important;
}
/*====================================================*/

.padding-bottom10 {
  padding-bottom: 10px;
}
.padding-top10 {
  padding-top: 10px;
}
.padding-right10 {
  padding-right: 10px;
}
.padding-left10 {
  padding-left: 10px;
}
.padding-left7 {
  padding-left: 7px;
}
/*=====================================================*/

.padding-bottom15 {
  padding-bottom: 15px;
}
.padding-top15 {
  padding-top: 15px;
}
.padding-right15 {
  padding-right: 15px;
}
.padding-left15 {
  padding-left: 15px;
}
.padding-bottom20 {
  padding-bottom: 20px;
}
.padding-top20 {
  padding-top: 20px;
}
.padding-right20 {
  padding-right: 20px;
}
.padding-left20 {
  padding-left: 20px;
}
.padding-bottom25 {
  padding-bottom: 25px;
}
.padding-top25 {
  padding-top: 25px;
}
.padding-right25 {
  padding-right: 25px;
}
.padding-left25 {
  padding-left: 25px;
}
.padding-top50 {
  padding-top: 50px;
}
/*padding class End  */

.redalert {
  color: red !important;
}
.removeXscroll {
  overflow-x: hidden;
}
/*fontsize Start */
.font-size14 {
  font-size: 14px !important;
}
.font-size15 {
  font-size: 15px !important;
}
.font-size16 {
  font-size: 16px !important;
}
.font-size17 {
  font-size: 17px !important;
}
.font-size18 {
  font-size: 18px !important;
}
.font-size19 {
  font-size: 19px !important;
}
.font-size20 {
  font-size: 20px !important;
}
.font-size21 {
  font-size: 21px !important;
}
.font-size22 {
  font-size: 22px !important;
}
.font-size23 {
  font-size: 23px !important;
}
.font-size24 {
  font-size: 24px !important;
}
.font-size25 {
  font-size: 25px !important;
}
.font-size26 {
  font-size: 26px !important;
}
.font-size27 {
  font-size: 27px !important;
}
.font-size28 {
  font-size: 28px !important;
}
.font-size29 {
  font-size: 29px !important;
}
.font-size30 {
  font-size: 30px !important;
}
.font-size31 {
  font-size: 31px !important;
}
.font-size32 {
  font-size: 32px !important;
}
.font-size33 {
  font-size: 33px !important;
}
.font-size34 {
  font-size: 34px !important;
}
.font-size35 {
  font-size: 35px !important;
}
.font-size36 {
  font-size: 36px !important;
}
.font-size37 {
  font-size: 37px !important;
}
.font-size38 {
  font-size: 38px !important;
}
.font-size39 {
  font-size: 39px !important;
}
.font-size40 {
  font-size: 40px !important;
}
/*Text align */

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.visibilityHidden {
  visibility: hidden;
}
/*Verticaly and horizontal box get height width */

.display-table {
  display: table;
  height: 100%;
  width: 100%;
}
.display-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.vertical-alignMiddle {
  vertical-align: middle;
}
/*Verticaly and horizontal box get height width */

/*text-decoration */

.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.txttransnone {
  text-transform: none !important;
}
.required-indicate {
  font-size: 13px;
  text-align: right;
}
/* UL LI list type */

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
  padding-left: 40px;
  padding-top: 5px;
}
.listing-ul {
  padding-left: 17px;
  line-height: 1.43;
}
.listing-ul li {
  padding: 5px 0;
}
ul.no-style {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Ul LI Horizontal */

.ul-nav {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.ul-nav li {
  float: left;
  font-size: 16px;
  margin: 0 10px;
}
.ul-nav li:first-child {
  margin-left: 0;
}
.ul-nav li:last-child {
  margin-right: 0;
}
.text-top-border {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
/* Form CSS */

input[type="text"],
input[type="email"],
input[type="password"] {
  -webkit-appearance: none;
}
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
input::-ms-clear {
  display: none;
}
.myformgrp {
  margin-bottom: 15px;
}
.myformgrp input {
  margin-bottom: 0;
  padding: 0 12px;
  height: 40px;
  color: #333333;
  border-radius: 2px;
}
.myformgrp textarea {
  resize: none;
  color: #333333;
  border-radius: 2px;
  margin-bottom: 0;
  min-height: 80px;
  height: 80px;
}
.myformgrp label {
  font-weight: 500;
}
/* Label Inline Form */

.form-label-inline label.input-title {
  float: left;
  width: 110px;
  margin-top: 9px;
}
.form-label-inline label.input-title.margin-top0 {
  margin-top: 0;
}
.form-label-inline .input-filedcontainer {
  margin-left: 120px;
}
.address-formgrp {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.address-formgrp .name-field,
.address-formgrp .address-field,
.address-formgrp .apt {
  width: 100%;
}
.address-formgrp input:-moz-placeholder {
  color: #333333;
  opacity: 0.5;
}
.address-formgrp input::-moz-placeholder {
  color: #333333;
  opacity: 0.5;
}
.address-formgrp input:-ms-input-placeholder {
  color: #333333;
  opacity: 0.5;
}
.address-formgrp input::-webkit-input-placeholder {
  color: #333333;
  opacity: 0.5;
}
.address-formgrp:last-of-type {
  margin-bottom: 0;
}
.form-col-50 {
  width: 49%;
}
.form-col-50:nth-of-type(2) {
  float: right;
  width: 49%;
}
.form-col-70 {
  width: 78%;
}
.form-col-30 {
  float: right;
  width: 20%;
}
/* Overwrite webflow */

.w-input:focus,
.w-select:focus {
  border-color: #3898ec;
  outline: 0;
}
.w-input {
  box-shadow: none;
}
/* Textarea */

textarea.w-input {
  resize: none;
  -webkit-appearance: none;
}
/* Textarea Ends */

.height100 {
  height: 100%;
}
.w-checkbox label {
  margin-top: 2px;
}
/* drop Down css control  */

.w-custom-dropdown {
  background-color: white;
  background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/down-arrow-blacknw1.png');
  background-size: 25px auto;
  background-repeat: no-repeat;
  background-position: right center;
  position: relative;
  float: none;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  margin-bottom: 10px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  outline: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.w-custom-dropdown.margin-bottom0 {
  margin-bottom: 0;
}
.w-custom-dropdown.errorInput,
.w-custom-dropdown.errorInput:focus {
  display: inline-block;
  border: 0 none;
}
.w-custom-dropdown.errorInput select,
.w-custom-dropdown.errorInput:focus select {
  border-color: #eb6663;
  background-image: none;
}
.w-custom-dropdown.withFontarrow {
  background-image: none;
  border-radius: 3px;
}
.w-custom-dropdown.withFontarrow select {
  border-radius: 3px !important;
  position: relative;
}
.w-custom-select-arrow {
  font-family: 'Fontawesome pro solid 900';
  color: #333333;
  line-height: 20px;
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.w-custom-dropdown.small-dropdown {
  max-width: 200px;
}
.w-custom-dropdown:after {
  clear: both;
}
.w-custom-dropdown:after,
.w-custom-dropdown:before {
  content: " ";
  display: table;
}
.w-custom-dropdown select {
  background: none;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-radius: 2px !important;
  outline: 0 none;
  width: 100%;
  font-size: 14px;
  font-family: inherit;
  font-weight: 400;
  margin: 0;
  padding: 0 28px 0 12px;
  color: #333333;
  line-height: normal;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.w-custom-dropdown select::-ms-expand {
  display: none;
}
.w-custom-dropdown select:focus {
  border-color: #3898ec;
}
.w-custom-dropdown select.errorInput {
  background-color: white !important;
  background-image: url('../Images/required-img-new1-2x.png') !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: 36px auto !important;
  border-color: #eb6663 !important;
}
.select-gradientcss {
  background-image: -webkit-linear-gradient(white 0, #f3f3f3 100%);
  background-image: linear-gradient(white 0, #f3f3f3 100%);
  background-size: auto;
  background-repeat: repeat;
  background-position: 0 0;
}
.select-gradientcss select {
  background-color: transparent;
  background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/down-arrow-blacknw1.png');
  background-size: 25px auto;
  background-repeat: no-repeat;
  background-position: right center;
}
.w-custom-dropdown.focused {
  border-color: #3898ec;
}
.w-custom-dropdown-gray {
  background-color: transparent;
  background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/down-arrow-blacknw1.png');
  background-size: 18px auto;
  background-repeat: no-repeat;
  background-position: right center;
  overflow: hidden;
  position: relative;
  float: none;
  display: block;
  width: 100%;
  height: 36px;
  padding: 0;
  margin-bottom: 10px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  outline: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0px;
}
.w-custom-dropdown-gray.margin-bottom0 {
  margin-bottom: 0;
}
.w-custom-dropdown-gray select {
  background: none;
  cursor: pointer;
  border: 0px;
  outline: 0 none;
  width: 100%;
  font-size: 15px;
  font-family: inherit;
  font-weight: 400;
  margin: 0;
  padding: 0 12px;
  color: #333333;
  line-height: normal;
  height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.w-custom-dropdown-gray select::-ms-expand {
  display: none;
}
.w-custom-dropdown-gray select:focus {
  border-color: #3898ec;
}
/* Errror css  */

.errortext {
  color: #eb6663;
  text-align: right;
  font-size: 12px;
  display: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #333333;
}
.inputError input,
.inputError .w-custom-dropdown {
  border-color: #eb6663 !important;
  /*background-image: url('@{StaticImagepath}/Images/required-img-new1@2x.png') !important;*/
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: 36px auto !important;
}
.grayfrmgrp.inputError input {
  background-color: #fbe4e3;
}
.inputError .errortext {
  display: block;
}
/* Errror css end   */

/*button css
==================================================== */

.myformbuttons {
  margin: 15px 0;
  text-align: right;
}
.myformbuttons .w-button + .w-button {
  margin-left: 10px;
}
/* flamingo color */

.flemingo-textcolor {
  color: #eb6663;
}
.flemingo-background {
  background: #eb6663;
}
.flemingo-border {
  border-color: #eb6663;
}
/* border-radius */

.border-radius3px {
  border-radius: 3px;
}
/* full width element */

.fullwidth-element {
  width: 100%;
}
/* button css */

.w-button-default,
.w-button-default:focus,
.w-button-default:hover {
  background-color: #666666;
  color: white;
}
.w-button-primary {
  background-color: #eb6663;
  color: white;
}
.w-button-primary:hover {
  background-color: #d35754;
  color: white;
}
.w-button-white,
.w-button-save {
  border-radius: 2px;
  border: 1px solid !important;
  border-color: transparent !important;
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 20px;
  padding: 9px 10px;
  width: 155px;
  height: 40px;
  text-align: center;
  -webkit-transition: background-color 300ms ease 0s;
  transition: background-color 300ms ease 0s;
}
.w-button-white {
  background-color: white;
  border-color: #d9d9d9 !important;
  color: #95989a;
}
.w-button-white:hover {
  background-color: #e9e9e9;
}
.common-btn-style {
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  padding: 0 20px;
  text-decoration: none;
  min-width: 120px;
  font-size: 14px;
  text-align: center;
}
.common-btn-style.go-to {
  min-height: 44px;
  height: auto;
  line-height: 44px;
  font-size: 17px;
  padding-left: 25px;
  padding-right: 25px;
}
.common-btn-style.empty-btn {
  font-size: 15px;
}
.blue-outline-btn {
  background-color: white;
  height: 28px;
  line-height: 26px;
  border: 1px solid #248dd5;
  padding: 0 15px;
  -webkit-appearance: none;
  outline: none;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none !important;
  color: #248dd5 !important;
  font-size: 13px;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.blue-outline-btn:hover {
  background-color: rgba(36, 141, 213, 0.1);
  color: #248dd5 !important;
}
.common-green-btn {
  color: white !important;
  background-color: #7cc576;
}
.common-green-btn:hover {
  background-color: #5c9557;
}
.button.big-whitebutton {
  background-color: white;
  color: #95989a;
  border: 1px solid #d9d9d9;
}
.button.big-whitebutton:hover {
  background-color: #e9e9e9;
}
/* home feed back button */

.hfeed-btn {
  text-align: center;
  padding: 8px 15px;
  border-radius: 3px;
  border: 1px solid transparent;
  font-size: 15px;
  cursor: pointer;
  line-height: 20px;
  outline: 0 none;
  text-decoration: none !important;
}
.hfeed-half-btn {
  width: 48%;
}
.hfeed-trans-button {
  border-color: rgba(51, 51, 51, 0.74);
}
.hfeed-trans-button:hover {
  background-color: white;
}
/* home feed back button */

/* button css */

/* Tooltip CSS Start */

.tooltip-container {
  vertical-align: top;
  display: inline;
}
.tooltip-container.space-left {
  margin-left: 3px;
}
.gen-tooltip-icon {
  color: #248dd5;
  vertical-align: top;
  display: inline;
  cursor: pointer;
}
.gen-tooltip-div {
  width: auto;
  display: none;
  padding: 11px 15px;
  border-radius: 3px;
  background-color: #333333;
  box-shadow: none;
  color: white;
  font-size: 15px;
  font-weight: 300;
  text-align: left;
  position: absolute;
  left: -4px;
  bottom: 33px;
  margin-left: 0;
  margin-right: 0;
  line-height: 18px;
  min-height: 30px;
  box-shadow: 2px 2px 6px 0 rgba(255, 255, 255, 0.5);
}
.gen-tooltip-div.featured-tooltip,
.featured-tooltip {
  background: none;
  width: 376px;
  box-shadow: none;
  padding: 0 0 3px;
  bottom: 17px;
  left: -62px;
  z-index: 1;
  cursor: default;
  border-radius: 0;
}
.gen-tooltip-div.featured-tooltip .gen-tooltip-arrow,
.featured-tooltip .gen-tooltip-arrow {
  display: none;
}
.featured-tip-inner {
  display: block;
  background-image: -webkit-linear-gradient(45deg, #eb6663 29%, #f6b100);
  background-image: linear-gradient(45deg, #eb6663 29%, #f6b100);
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
  padding: 15px;
  border-radius: 5px;
}
.featured-tip-icondiv {
  font-family: 'Fontawesome pro 300', sans-serif;
  float: left;
  font-size: 41px;
  line-height: 1;
}
.featured-tip-right {
  margin-left: 46px;
  display: block;
}
.featured-tip-main {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  display: block;
}
.featured-tip-noticed {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}
.featured-whitebutton {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 1px solid #e7e7e7 !important;
  padding: 0 20px;
  min-width: inherit;
  width: auto;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}
.gen-tooltip-arrow {
  margin-top: 5px;
  margin-left: 0;
  border-radius: 2px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #333333;
  position: absolute;
  bottom: -12px;
}
/* Tooltip CSS End */

/* Switch Checkbox Start */

.switch-checkbox {
  padding-left: 55px;
}
.switch-checkbox label {
  cursor: pointer;
  line-height: 18px;
  display: block;
  font-size: 15px;
  font-weight: 400;
  padding-top: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switch-checkbox label span {
  color: #777777;
  display: block;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 2px;
  margin-top: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switch-checkbox input[type="checkbox"] {
  display: none;
}
.switch-checkbox input[type="checkbox"] + label:before {
  background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/inactive-active-1@2x.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 36px auto;
  content: '';
  display: inline-block;
  height: 27px;
  width: 55px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  top: -3px;
  position: relative;
  margin-left: -55px;
  float: left;
}
.switch-checkbox input[type="checkbox"]:checked + label:before {
  background-position: left -34px;
}
/* Switch Checkbox End */

/* Black Checkbox End */

.checkbox-custom-black {
  padding-left: 35px;
}
.checkbox-custom-black label {
  color: #333333;
  cursor: pointer;
  display: inline;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 0;
  vertical-align: top;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-custom-black input[type="checkbox"] {
  display: none;
}
.checkbox-custom-black input[type="checkbox"] + label:before {
  border-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  float: left;
  height: 25px;
  margin-left: -35px;
  overflow: hidden;
  position: relative;
  width: 25px;
  display: block;
}
.checkbox-custom-black input[type="checkbox"]:checked + label:before {
  background-color: #333333;
  background-image: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/signup-check.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}
.checkbox-custom-black.small {
  padding-left: 30px;
}
.checkbox-custom-black.small label {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.checkbox-custom-black.small input[type="checkbox"] + label:before {
  height: 20px;
  width: 20px;
  position: absolute;
  top: -1px;
  left: 0;
  margin-left: 0;
  left: -30px;
}
.checkbox-custom-black.small input[type="checkbox"]:checked + label:before {
  background-size: 12px auto;
}
/* Black Checkbox End */

.form-checkbox {
  padding-left: 35px;
}
.form-checkbox label {
  color: #333333;
  cursor: pointer;
  display: inline;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 0;
  vertical-align: middle;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-checkbox input[type="checkbox"] {
  display: none;
}
.form-checkbox input[type="checkbox"]:disabled + label {
  color: rgba(51, 51, 51, 0.5);
  cursor: not-allowed;
}
.form-checkbox input[type="checkbox"]:disabled + label:before {
  cursor: not-allowed;
  background-color: whitesmoke;
  border-color: rgba(0, 0, 0, 0.1);
}
.form-checkbox input[type="checkbox"] + label:before {
  border-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  float: left;
  height: 25px;
  margin-left: -35px;
  overflow: hidden;
  position: relative;
  width: 26px;
}
.form-checkbox input[type="checkbox"]:checked + label:before {
  background-color: #333333;
  background-image: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/signup-check.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}
/* Custom Radio Buttons Start */

.custom-radiobutton {
  padding-bottom: 8px;
  padding-left: 30px;
  padding-top: 8px;
  position: relative;
}
.custom-radiobutton label {
  color: rgba(51, 51, 51, 0.85);
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 0;
  vertical-align: top;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-radiobutton input[type="radio"] {
  display: none;
}
.custom-radiobutton input[type="radio"] + label:before {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  height: 20px;
  overflow: hidden;
  position: absolute;
  width: 20px;
  left: 0;
  top: 8px;
}
.custom-radiobutton input[type="radio"] + label:after {
  content: "";
  background-color: #333333;
  position: absolute;
  height: 0;
  width: 0;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  left: 10px;
  top: 18px;
  border-radius: 100%;
}
.custom-radiobutton input[type="radio"]:checked + label:after {
  height: 16px;
  width: 16px;
  left: 2px;
  top: 10px;
}
/* Custom Radio Buttons End */

/* Dropdown Like Under Book Now Button: START 
======================================================*/

.vg-dropdown-parent {
  display: none;
  position: absolute;
  min-width: 100%;
  z-index: 1;
}
.vg-dropdown-parent.dp-top-align {
  top: 100%;
}
.vg-dropdown-parent.dp-right-align {
  right: 0;
}
.vg-dropdown-parent.dp-bottom-align {
  bottom: 100%;
}
.vg-dropdown-parent.dp-left-align {
  left: 0;
}
.vg-dropdown-child {
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
}
.vg-dropdown-link {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 20px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  text-decoration: none;
}
.vg-dropdown-link._big {
  font-size: 18px;
  line-height: 20px;
  padding: 20px 15px;
  text-align: center;
}
.vg-dropdown-link:first-of-type {
  border-radius: 5px 5px 0 0;
}
.vg-dropdown-link:last-of-type {
  border-bottom: 0 none;
  border-radius: 0 0 5px 5px;
}
.vg-dropdown-link.active {
  background-color: whitesmoke;
}
.vg-dropdown-link.anchor {
  display: block;
}
.vg-dropdown-link.get-directions {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px 5px 0 0;
}
.desktop .vg-dropdown-link:hover {
  background-color: whitesmoke;
}
.vg-dropdown-header {
  padding: 0px 25px 20px;
  clear: both;
  width: 100%;
  margin-top: -6px;
}
.vg-dropdown-close {
  font-size: 22px;
  color: rgba(51, 51, 51, 0.6);
  padding: 13px 13px 5px 5px;
  float: right;
  cursor: pointer;
}
.vg-dropdown-close:hover {
  color: #333333;
}
.vg-dropdown-head {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 5px;
}
.vg-dropdown-subhead {
  color: rgba(51, 51, 51, 0.6);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 18px;
}
/* Dropdown Like Under Book Now Button: END
======================================================*/

/*Popup css start */

.modal-background {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
.modal-background.popupzindex {
  z-index: 9999;
}
.modal-window {
  max-width: 600px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 0px 1px, rgba(0, 0, 0, 0.419608) 0px 0px 17px 0px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.modal-window.popupwidth500 {
  max-width: 500px;
}
.modal-window.popupwidth400 {
  max-width: 400px;
}
.modal-window.popupwidth300 {
  max-width: 300px;
}
.modal-background.in .modal-window {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-innerwrapper {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.modal-innercenter-box {
  vertical-align: middle;
  display: table-cell;
  height: 100%;
  width: 100%;
}
.w-modal-body {
  padding: 15px;
}
.w-modal-header {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 15px;
  position: relative;
}
.w-modal-header h4 {
  color: #6b6b6b;
  font-size: 18px;
  font-weight: 600;
  padding-right: 30px;
  margin: 0px;
}
.w-modal-header .close-modal {
  background: transparent url('../Images/popup-close-img.png') no-repeat bottom center;
  height: 22px;
  text-indent: -9999px;
  width: 20px;
  display: block;
  float: right;
}
.w-modal-footer {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #e9eaea;
  padding: 12px 15px;
}
.w-modal-footer .w-button + .w-button {
  margin-left: 10px;
}
.w-modal-footer .w-button {
  min-width: 80px;
  -webkit-transition: background-color 350ms ease;
  transition: background-color 350ms ease;
}
.w-text-right {
  text-align: right;
}
.w-loginwidth {
  max-width: 500px;
}
.w-loginwidth.modal-window {
  border-radius: 5px;
}
.w-loginwidth.modal-window .w-modal-header {
  padding: 20px 20px 4px 20px;
  border: none;
  /*.close-modal{ display: block !important; background-size: 11px; margin-top: -6px;}*/

}
.w-loginwidth.modal-window .w-modal-header h4 {
  padding: 0px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  text-transform: capitalize;
}
.w-loginwidth.modal-window .w-modal-body {
  padding: 0px 20px 18px 20px;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #777777;
}
.w-loginwidth.modal-window .w-modal-body p {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin: 0px;
  padding-bottom: 14px;
}
.w-loginwidth.modal-window .w-modal-body .w-form {
  margin: 0px;
  padding-bottom: 16px;
}
.w-loginwidth.modal-window .w-modal-body .w-form label.label-text {
  font-size: 15px;
  line-height: 20px;
  color: #333333;
  font-weight: 500;
  text-transform: capitalize;
}
.w-loginwidth.modal-window .w-modal-body .w-form input {
  background: white;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 11px;
  height: auto;
  font-size: 15px;
  line-height: normal;
}
.w-loginwidth.modal-window .w-modal-body .w-form input:focus {
  border-color: #3898ec;
}
.w-loginwidth.modal-window .w-modal-body .w-form:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.w-loginwidth.modal-window .w-modal-footer {
  padding: 10px 24px;
  background: #f8f8f8;
}
.w-loginwidth.modal-window .w-modal-footer input.w-button.w-button-default {
  background: white;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
  min-width: inherit;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #333333 !important;
}
.w-loginwidth.modal-window .w-modal-footer input.w-button.w-button-default:hover {
  background: #f8f8f8;
}
.w-loginwidth.modal-window .w-modal-footer input.w-button.w-button-primary {
  margin-left: 16px;
  background: #7cc576;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: white;
}
.w-loginwidth.modal-window .w-modal-footer input.w-button.w-button-primary:hover {
  background: #5c9557;
}
.w-loginwidth.modal-window .w-modal-footer input.w-button.w-button-primary#btnUserConfirm {
  display: none !important;
}
.w-loginwidth .close-modal {
  display: none !important;
}
/*Popup css end */

/* New Style Popup Start Here
================================================================================*/

.popup-container-main {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1001;
  display: none;
}
.popup-modal-main {
  background-color: white;
  border-radius: 5px;
  box-shadow: 6px 6px 22px 0 rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  max-width: 380px;
  position: relative;
  width: 95%;
  z-index: 1002;
  max-height: 95%;
}
.popup-big-height .popup-modal-main {
  max-width: 666px;
}
.popup-modal-head-text {
  font-size: 18px;
  line-height: 1.2;
  padding-right: 25px;
}
.popup-modal-head-main {
  padding: 11px 0 12px;
  position: relative;
  margin: 0 20px;
}
.popup-modal-content {
  margin-bottom: 15px;
  border-radius: 3px;
  max-height: 350px;
  padding: 0 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-modal-close {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 19px 19px;
  cursor: pointer;
  height: 19px;
  width: 19px;
  position: absolute;
  right: 0;
  top: 13px;
}
.popup-modal-footer {
  padding: 0 20px 20px;
}
.popup-modal-footer button {
  float: right;
  font-size: 16px;
  line-height: 20px;
  min-width: 120px;
  text-align: center;
  padding: 9px 30px;
}
.popup-modal-footer button.go-btn {
  border: 1px solid transparent;
}
.popup-modal-footer button + button {
  margin-right: 15px;
}
/* uplaod control start */

.fileuplaodinline {
  display: inline-block;
}
.choosefileUpload {
  position: relative;
  overflow: hidden;
  max-width: 340px;
  margin: 0 auto;
  font-size: 15px;
}
.choosefileUpload a {
  text-decoration: underline;
  color: #333333;
}
.choosefileUpload input.upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  cursor: pointer;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  z-index: 2;
  min-height: 20px;
  text-indent: -100px;
}
/* New Style Popup End Here
================================================================================*/

/* uplaod control end */

/* Loader Css Stats */

.loaderNew {
  position: fixed;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  z-index: 100005;
}
/* Section loader Start */

.section-loader {
  min-height: 150px;
  position: relative;
  height: 100%;
  width: 100%;
}
.section-loader .loaderNew {
  background-color: transparent;
  position: absolute;
  display: block;
}
.section-loader-absolute {
  min-height: 150px;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.section-loader-absolute.sm-loader {
  min-height: inherit;
}
.section-loader-absolute.sm-loader .loader-imgNew {
  height: 15px;
  width: 15px;
  margin: -10px 0 0 0 !important;
  border-width: 0.3em;
  right: 10px;
  left: auto;
}
.section-loader-absolute .loaderNew {
  position: absolute;
  display: block;
}
.filters-div .section-loader-absolute {
  bottom: 50px;
}
/* Section loader Ends */

.loader-imgNew-block {
  border-top: 0.7em solid rgba(134, 134, 134, 0.5) !important;
  border-right: 0.7em solid rgba(134, 134, 134, 0.5) !important;
  border-bottom: 0.7em solid rgba(134, 134, 134, 0.5) !important;
  border-left: 0.7em solid #868686 !important;
}
.loader-imgNew {
  z-index: 100005;
  margin: -25px 0 0 -25px !important;
  font-size: 10px;
  top: 50% !important;
  left: 50%;
  position: absolute;
  text-indent: -9999em;
  border-top: 0.7em solid rgba(235, 104, 99, 0.5);
  border-right: 0.7em solid rgba(235, 104, 99, 0.5);
  border-bottom: 0.7em solid rgba(235, 104, 99, 0.5);
  border-left: 0.7em solid #eb6663;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loading 1.1s infinite linear;
  animation: loading 1.1s infinite linear;
}
.loader-imgNew,
.loader-imgNew:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loaderNew * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.loaderNew :before,
.loaderNew :after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.loaderNew.showLoader {
  display: block;
}
/* Loader Css End */

.Loader {
  text-align: center;
  position: relative;
  margin-bottom: 10px;
  margin-top: 20px;
}
.Loader hr {
  display: inline-block;
  border-top: solid #cccccc 1px;
  margin-top: 1px;
  height: 1px;
  width: 100%;
}
.Loader-center {
  text-align: center;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.Loader-center.margin-top30 {
  margin-top: 30px;
}
.Loader-center.margin-top15 {
  margin-top: 15px;
}
.Loader.bottom {
  margin-bottom: 88px;
}
.Loader .loadImg {
  border-radius: 50%;
  left: 50%;
  text-align: center;
  top: 50%;
  width: 54px;
  height: 54px;
  position: absolute;
  margin-top: -27px;
  margin-left: -27px;
}
.Loader .loadImg .loaderimage {
  font-size: 10px;
  border-radius: 50%;
  left: 50%;
  text-align: center;
  top: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  margin-top: -27px;
  margin-left: -27px;
  text-indent: -9999em;
  border-top: 0.7em solid rgba(235, 104, 99, 0.5);
  border-right: 0.7em solid rgba(235, 104, 99, 0.5);
  border-bottom: 0.7em solid rgba(235, 104, 99, 0.5);
  border-left: 0.7em solid #eb6663;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.Loader .loadImg .loaderimage,
.Loader .loadImg .loaderimage:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.Loader * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.Loader *:before,
.Loader *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Success icon Image */

.success-alert {
  background-color: white;
  position: relative;
  height: 170px;
}
.accepted-div {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  text-align: center;
}
.accepted-div-inner {
  padding-top: 32px;
  padding-bottom: 32px;
}
.accepted-notification {
  margin-top: 15px;
  color: #7cc576;
  font-size: 24px;
  text-align: center;
  position: relative;
  font-weight: 500;
}
.accepted-notification.deny-text {
  color: #eb6663;
}
/* Success alert used in accept pending appointment */

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /*animation-iteration-count: infinite;*/

}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: scaleX(1) scaleY(1) scaleZ(1);
    -o-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transition: transform 100ms ease-in 0s;
    -moz-transition: transform 100ms ease-in 0s;
    -o-transition: transform 100ms ease-in 0s;
    transition: transform 100ms ease-in 0s;
  }
  20% {
    -webkit-transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    -moz-transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    -ms-transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    -o-transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    -webkit-transition: transform 300ms ease-in 0s;
    -moz-transition: transform 300ms ease-in 0s;
    -o-transition: transform 300ms ease-in 0s;
    transition: transform 300ms ease-in 0s;
  }
  60% {
    -webkit-transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    -moz-transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    -ms-transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    -o-transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    -webkit-transition: transform 200ms ease-in 0s;
    -moz-transition: transform 200ms ease-in 0s;
    -o-transition: transform 200ms ease-in 0s;
    transition: transform 200ms ease-in 0s;
  }
  100% {
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: scaleX(1) scaleY(1) scaleZ(1);
    -o-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transition: transform 100ms ease-in 0s;
    -moz-transition: transform 100ms ease-in 0s;
    -o-transition: transform 100ms ease-in 0s;
    transition: transform 100ms ease-in 0s;
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: scaleX(1) scaleY(1) scaleZ(1);
    -o-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transition: transform 100ms ease-in 0s;
    -moz-transition: transform 100ms ease-in 0s;
    -o-transition: transform 100ms ease-in 0s;
    transition: transform 100ms ease-in 0s;
  }
  20% {
    -webkit-transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    -moz-transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    -ms-transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    -o-transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    transform: scaleX(1.26) scaleY(1.26) scaleZ(1);
    -webkit-transition: transform 300ms ease-in 0s;
    -moz-transition: transform 300ms ease-in 0s;
    -o-transition: transform 300ms ease-in 0s;
    transition: transform 300ms ease-in 0s;
  }
  60% {
    -webkit-transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    -moz-transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    -ms-transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    -o-transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    transform: scaleX(0.9) scaleY(0.9) scaleZ(1);
    -webkit-transition: transform 200ms ease-in 0s;
    -moz-transition: transform 200ms ease-in 0s;
    -o-transition: transform 200ms ease-in 0s;
    transition: transform 200ms ease-in 0s;
  }
  100% {
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: scaleX(1) scaleY(1) scaleZ(1);
    -o-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transition: transform 100ms ease-in 0s;
    -moz-transition: transform 100ms ease-in 0s;
    -o-transition: transform 100ms ease-in 0s;
    transition: transform 100ms ease-in 0s;
  }
}
/* Sweet alert with only css Starts
==================================================================*/

/* Success icon CSS */

.successs-check .cust-sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 10px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}
.successs-check .cust-sa-icon.cust-sa-success {
  border-color: transparent\9;
}
.successs-check .cust-sa-icon.cust-sa-success {
  border-color: #a5dc86;
}
.successs-check .cust-sa-icon.cust-sa-success::before,
.successs-check .cust-sa-icon.cust-sa-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.successs-check .cust-sa-icon.cust-sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  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;
}
.successs-check .cust-sa-icon.cust-sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  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;
}
.successs-check .cust-sa-icon.cust-sa-success .cust-sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.successs-check .cust-sa-icon.cust-sa-success .cust-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);
}
.successs-check .cust-sa-icon.cust-sa-success .cust-sa-line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.successs-check .cust-sa-icon.cust-sa-success .cust-sa-line.cust-sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.successs-check .cust-sa-icon.cust-sa-success .cust-sa-line.cust-sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@-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);
  }
}
@-webkit-keyframes custAnimateSuccessLong {
  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 custAnimateSuccessLong {
  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 custAnimateSuccessTip {
  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 custAnimateSuccessTip {
  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;
  }
}
.custAnimateSuccessTip {
  -webkit-animation: custAnimateSuccessTip 0.75s;
  animation: custAnimateSuccessTip 0.75s;
}
.custAnimateSuccessLong {
  -webkit-animation: custAnimateSuccessLong 0.75s;
  animation: custAnimateSuccessLong 0.75s;
}
.cust-sa-icon.cust-sa-success.cust-animate:after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}
/* Sweet alert with only css Ends
=============================================================================================================================================================*/

/* Tab custome css start
=======================================*/

.w-tab-custom {
  clear: both;
  border-radius: 4px;
  border: 1px solid #eb6663;
  margin-bottom: 20px;
}
.w-tab-custom .w-tab-menu {
  background-color: #eb6663;
  padding: 7px 7px 0px 7px;
  font-size: 16px;
}
.w-tab-custom .w-tab-link {
  background-color: #eb6663;
  border-radius: 3px;
  color: white;
  padding: 10px 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.w-tab-custom .w-tab-link:hover {
  background-color: #d35754;
}
.w-tab-custom .w--current {
  background-color: white;
  color: #eb6663;
  border-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: default;
}
.w-tab-custom .w--current:hover {
  background-color: white;
}
.w-tab-custom .w-tab-body {
  padding: 15px;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
}
/* Tab custome css end
=======================================*/

.div-no-data {
  background-color: rgba(234, 99, 97, 0.1);
  border-radius: 10px;
  margin-top: 25px;
  padding: 25px;
  display: none;
}
.div-no-data.margin-left-right {
  margin-left: 20px;
  margin-right: 20px;
}
.heading-2 {
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 0;
  display: none;
}
.text-block-24 {
  font-size: 16px;
}
.common-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out 400ms;
  transition: all ease-in-out 400ms;
}
/*Full width container */

.w-container-fullwidth {
  max-width: 100% !important;
}
/*Full width container */

/* General Table style */

.generaltblstyle,
.generaltblstyle * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #444444;
}
.generaltblstyle {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #444444;
  table-layout: fixed;
}
.generaltblstyle thead th {
  background: #cccccc;
  font-weight: 400;
}
.generaltblstyle thead th,
.generaltblstyle td {
  border: 1px solid #444444;
  padding: 8px 10px;
  word-wrap: break-word;
}
.generaltblstyle tbody tr:nth-of-type(2n+1) {
  background-color: #eeeeee;
}
/* Fixed Table Header Starts
==========================================================================================
Using Only CSS Starts-----------------------------*/

.csstableheaderfixed {
  margin: 0 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.fixed_headers {
  width: 750px;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #444444;
  margin: 0 auto;
}
.fixed_headers th,
.fixed_headers td {
  padding: 8px 10px;
  text-align: left;
  border-left: 1px solid #444444;
  font-weight: 400;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  word-wrap: break-word;
}
.fixed_headers td:nth-child(1),
.fixed_headers th:nth-child(1) {
  min-width: 22px;
  width: 22px;
  max-width: 22px;
  border-left: 0 none;
  text-align: center;
}
.fixed_headers td:nth-child(2),
.fixed_headers th:nth-child(2) {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
}
.fixed_headers td:nth-child(3),
.fixed_headers th:nth-child(3) {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
}
.fixed_headers td:nth-child(4),
.fixed_headers th:nth-child(4) {
  width: 350px;
  max-width: 350px;
}
.fixed_headers thead {
  background-color: #cccccc;
  color: #444444;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 300px;
}
.fixed_headers tbody tr:nth-child(odd) {
  background-color: #eeeeee;
}
/* Using Only CSS Ends -----------------------------
/* Using Float Thead JS Starts-----------------------------------------*/

.floatThead-container .responsive-tbl,
.responsive-tbl {
  padding: 0px;
  border: 0 none;
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}
.responsive-tbl th {
  padding: 10px 15px;
  background: #222222;
  color: white;
  font-size: 16px;
  font-weight: 400;
  border-left: 1px solid #222222;
  border-right: 1px solid #222222;
  border-top: 0 none;
  border-bottom: 1px solid #222222;
  line-height: 25px;
  white-space: nowrap;
}
.responsive-tbl td {
  border-left: 1px solid #868686;
  border-right: 1px solid #868686;
  border-top: 1px solid #868686;
  border-bottom: 0 none;
  padding: 8px 15px;
  font-size: 14px;
  color: #5d5d5d;
}
.responsive-tbl tr td:first-child {
  border-left: 0 none;
}
.responsive-tbl tr.alt {
  background: #f2f2f4;
}
/* table css end */

/* CSS for enscroll */

.pos-relative {
  position: relative;
}
.pos-static {
  position: static;
}
.table-scroll-container {
  border: 1px solid #868686;
  width: auto !important;
  padding: 0 !important;
  position: relative;
  -webkit-overflow-scrolling: touch;
  min-height: 0.01%;
  overflow-x: auto;
  max-height: 257px;
}
.table-scroll-container .floatThead-col:before {
  content: "&nbsp;";
  visibility: hidden;
  opacity: 0;
}
/* use this css because jquery-1.7.2.min.js which is in vagaro assets is partial compatible with floatThead.js.*/

/* use enscroll handle design css for custom scrollbar */

.track3 {
  width: 7px;
  background: #d9d9d9;
  border-radius: 10px;
  -webkit-transition: background 250ms linear;
  transition: background 250ms linear;
}
.track3:hover,
.track3.dragging {
  background: #d9d9d9;
  background: rgba(0, 0, 0, 0.15);
}
.handle3 {
  width: 7px;
  right: 0;
  background: #7d7e7e;
  border-radius: 7px;
  -webkit-transition: width 250ms;
  transition: width 250ms;
}
.track3:hover .handle3,
.track3.dragging .handle3 {
  width: 7px;
}
/* Horizontal Scroll handle */

.horizontal-track2 {
  height: 7px;
  background: none;
  border-radius: 10px;
  -webkit-transition: background 250ms linear;
  transition: background 250ms linear;
}
.horizontal-track2:hover,
.horizontal-track2.dragging {
  background: #d9d9d9;
  background: rgba(0, 0, 0, 0.15);
}
.horizontal-handle2 {
  height: 7px;
  right: 0;
  background: #7d7e7e;
  border-radius: 7px;
  -webkit-transition: height 250ms;
  transition: height 250ms;
}
.horizontal-track2:hover .horizontal-handle2,
.horizontal-track2.dragging .horizontal-handle2 {
  height: 7px;
}
body:not(.ipadandroid) .table-scroll-container::-webkit-scrollbar,
body:not(.ipadandroid) .fixed_headers tbody::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
}
body:not(.ipadandroid) .table-scroll-container::-webkit-scrollbar-thumb,
body:not(.ipadandroid) .fixed_headers tbody::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
}
body:not(.ipadandroid) .table-scroll-container::-webkit-scrollbar-track,
body:not(.ipadandroid) .fixed_headers tbody::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* enscroll handle design ends */

/* jquery.fixedtableheader.js css Start */

.responsive-fixedHeadertblCls {
  padding: 0px;
  border: 0 none;
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}
.responsive-fixedHeadertblCls th {
  padding: 10px 15px;
  background: #222222;
  color: white;
  font-size: 16px;
  font-weight: 400;
  border-left: 1px solid #222222;
  border-right: 1px solid #222222;
  border-top: 0 none;
  border-bottom: 1px solid #222222;
  line-height: 25px;
  white-space: nowrap;
}
.responsive-fixedHeadertblCls td {
  border-left: 1px solid #868686;
  border-right: 1px solid #868686;
  border-top: 1px solid #868686;
  border-bottom: 0 none;
  padding: 8px 15px;
  font-size: 14px;
  color: #5d5d5d;
}
.responsive-fixedHeadertblCls th,
.responsive-fixedHeadertblCls td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.responsive-fixedHeadertblCls tr td:first-child {
  border-left: 0 none;
}
.responsive-fixedHeadertblCls tr.alt {
  background: #f2f2f4;
}
#fixedtableheader0.responsive-fixedHeadertblCls {
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  right: 0 !important;
  width: auto !important;
  display: block;
}
/* Fixed header table */

/* Existing Bootstrap Modal Popup CSS Start */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.row:after,
.form-horizontal .form-group:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.close {
  font-size: 0;
  text-indent: -9999px;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear 0s;
  transition: opacity 0.15s linear 0s;
}
.fade.in {
  opacity: 1;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  background-image: url("../PublicImages/Images/remove-icon2x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
  display: block;
  height: 18px;
  right: 20px;
  top: 20px;
  width: 18px;
  z-index: 999;
  position: absolute;
  margin: 0 !important;
}
button.close.text {
  background: none;
  font-family: 'Fontawesome pro 300', sans-serif;
  color: #9a9a9a;
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  text-indent: 0;
}
body.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99991;
  display: none;
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 8px;
  outline: 0;
  word-wrap: break-word;
  -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.2);
}
.bootbox-body {
  padding-right: 30px;
  padding-top: 0;
}
.modal-backdrop {
  background-color: black;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 20px 20px 0;
}
.modal-title {
  margin: 0;
  line-height: 22px;
  font-size: 20px;
  font-weight: 500;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 10px 20px 20px;
  text-align: right;
}
.modal-footer .btn {
  font-size: 15px;
  font-weight: 400;
  border: 1px solid transparent;
  border-radius: 3px;
  color: white;
  min-width: 95px;
  padding: 8px 10px;
  text-align: center;
  -webkit-appearance: none;
  outline: 0 none;
  line-height: 20px;
  cursor: pointer;
}
.modal-footer .btn.btn-primary {
  background-color: #7cc576;
  -webkit-transition: background-color 300ms ease 0s;
  transition: background-color 300ms ease 0s;
}
.modal-footer .btn.btn-primary:hover {
  background-color: #5c9557;
}
.modal-footer .btn.btn-default {
  background-color: white;
  border-color: #d9d9d9;
  color: #333333;
  -webkit-transition: border 200ms ease 0s;
  transition: border 200ms ease 0s;
}
.modal-footer .btn.btn-default:hover {
  border-color: #999999;
}
.modal-footer.footer-blue-buttons .btn {
  font-size: 14px;
  padding: 7px 45px;
  border-radius: 3px;
  float: right;
  margin-left: 15px;
}
.modal-footer.footer-blue-buttons .btn + .btn {
  margin-left: 15px;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 12px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.general-form-custom {
  line-height: 18px;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
/* Sweet Alert Popup CSS Start */

.gencustom-head {
  border-bottom: 0px none;
}
.gencutom-title {
  font-weight: 500;
  color: #333333;
}
.sweet-alert p {
  color: #333333;
  font-weight: 400;
}
.sweet-alert-normal p {
  text-align: left;
  color: #777777;
}
.sweet-alert button.gencustom-close,
.sweet-alert button.gencustom-close:hover {
  background-image: url("../PublicImages/Images/remove-icon2x.png") !important;
  background-size: 16px auto !important;
}
.sa-button-container {
  background: none;
  border: 0 none;
  padding: 20px;
}
.sweet-alert button {
  font-size: 15px;
  font-weight: 400;
  border: 1px solid transparent;
  border-radius: 3px;
  color: white;
  min-width: 95px;
  padding: 8px 10px;
  text-align: center;
  -webkit-appearance: none;
  outline: 0 none;
  line-height: 20px;
}
.sweet-alert button.cancel {
  background-color: white !important;
  border-color: #d9d9d9;
  color: #333333;
  -webkit-transition: border 200ms ease 0s;
  transition: border 200ms ease 0s;
}
.sweet-alert button.cancel:hover {
  border-color: #999999;
}
.sweet-alert button.btn-primary {
  background-color: #7cc576 !important;
  margin-left: 8px;
  -webkit-transition: background-color 300ms ease 0s;
  transition: background-color 300ms ease 0s;
}
.sweet-alert button.btn-primary:hover {
  background-color: #5c9557 !important;
}
/* Sweet Alert Popup CSS End */

/* Common Tabs: START 
======================================================= */

.vg-default-tabs-links {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-transform: none;
}
.vg-default-tab-link {
  float: left;
  color: #333333;
  font-size: 18px;
  margin-right: 20px;
}
.vg-default-tab-link a {
  display: block;
  color: #333333;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  padding-bottom: 8px;
}
.vg-default-tab-link a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 2px solid transparent;
}
.vg-default-tab-link.active a,
.vg-default-tab-link a:hover {
  color: #eb6663;
}
.vg-default-tab-link.active a:before,
.vg-default-tab-link.active a:hover:before {
  border-color: #eb6663;
}
.vg-default-tab-content {
  padding-top: 30px;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.vg-default-tab-content *,
.vg-default-tab-content *:before,
.vg-default-tab-content *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.vg-default-tab-pane {
  display: none;
}
.vg-default-tab-pane.active {
  display: block;
}
/* Common Tabs: END
======================================================= */

.req-text-default {
  color: #eb6663 !important;
  font-weight: 400 !important;
  font-size: 13px;
}
.questions {
  color: #4b4b4b;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}
.questions.link {
  color: #2a90d6;
}
/* modal popup new css add 10-02-2022 start */

.bootbox.modal.fade.vagaro-midium-popup.show,
.bootbox.modal.fade.bootbox-alert.show {
  opacity: 1;
}
.bootbox.modal.fade.vagaro-midium-popup.show .modal-dialog,
.bootbox.modal.fade.bootbox-alert.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* modal popup new css add 10-02-2022 end */

/*Media Query Starts */

@media only screen and (min-width: 768px) {
  .modal-dialog {
    width: 420px;
    margin: 30px auto;
  }
  .modal-sm {
    width: 300px;
  }
  label.verticle-centerinline {
    margin-top: 10px;
  }
  .checkinapp-dang.iosdevice.checkinappbody {
    height: auto !important;
    overflow: inherit;
    -webkit-overflow-scrolling: unset;
  }
  /* Existing Bootstrap Datepicker CSS Start */
  
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  .loginmodalpopup .sign-in-background.modal-dialog {
    height: 100%;
  }
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
/* Existing Bootstrap Datepicker CSS End */

@media only screen and (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
/* Existing Bootstrap Modal Popup CSS End */

@media only screen and (max-height: 450px) {
  .table-scroll-container {
    max-height: 200px;
  }
}
/*Fixed Table Header Ends
==========================================================================================*/

html.iosdevice,
body.iosdevice {
  height: auto !important;
}
html.iosdevice.overflowHidden,
body.iosdevice.overflowHidden {
  height: 100% !important;
}
html.iosdevice.signuppopopenHtml,
body.iosdevice.signuppopopen {
  height: 100% !important;
  overflow: hidden;
}
html.iosdevice.hide-bgscroll,
html.iosdevice.hide-bgscroll body.iosdevice,
html.iosdevice.hide-bgscrollappoint,
body.iosdevice.hide-bgscrollappoint {
  height: 100% !important;
  overflow: hidden;
}
html.iosdevice.hide-bgscrollProd,
body.iosdevice.hide-bgscrollProd {
  height: 100% !important;
  overflow: hidden;
}
html.iosdevice.Embedded_Widget,
body.iosdevice.Embedded_Widget,
html.iosdevice.Popup_Widget,
body.iosdevice.Popup_Widget {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 100% !important;
}
html.overflow-hidden-remove.iosdevice.Popup_Widget,
body.overflow-hidden-remove.iosdevice.Popup_Widget {
  overflow: inherit;
  -webkit-overflow-scrolling: inherit;
  height: auto !important;
}
@media screen and (max-width: 767px) {
  .section-bottomload {
    margin-top: 30px;
  }
  .m-nopadding-col {
    padding-left: 0px;
    padding-right: 0px;
  }
  .w-custom-dropdown.small-dropdown {
    max-width: 100%;
  }
  .modal-innercenter-box {
    padding: 15px;
  }
  .modal-background {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-addresspopup .modal-innerwrapper,
  .modal-addresspopup .modal-innercenter-box {
    display: block;
    height: auto;
  }
  /* New Style Popup Start Here
  	================================================================================*/
  
  .popup-big-height .popup-modal-main {
    top: 2.5% !important;
    height: 95%;
  }
  .popup-big-height .popup-modal-content {
    height: -webkit-calc(100% - 120px);
    height: -moz-calc(100% - 120px);
    height: -o-calc(100% - 120px);
    height: -ms-calc(100% - 120px);
    height: calc(100% - 120px);
    max-height: -webkit-calc(100% - 120px);
    max-height: -moz-calc(100% - 120px);
    max-height: -o-calc(100% - 120px);
    max-height: -ms-calc(100% - 120px);
    max-height: calc(100% - 120px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .popup-modal-footer .grey-btn {
    width: auto;
    height: auto;
    font-weight: 400;
  }
  /* New Style Popup End Here
  	================================================================================*/
  
  .modal-dialog {
    margin: 10px auto;
    padding: 0 10px;
  }
  .mobile-fullpopup.modal,
  .mobile-fullpopup.modal-addresspopup {
    padding: 0px !important;
  }
  .mobile-fullpopup .modal-dialog {
    height: 100%;
    margin: 0 !important;
    padding: 10px;
    max-width: 100% !important;
  }
  .mobile-fullpopup .modal-dialog .modal-content {
    height: 100%;
  }
  .mobile-fullpopup .modal-dialog .modal-content .modal-body {
    height: -webkit-calc(100% - 111px);
    height: -moz-calc(100% - 111px);
    height: -ms-calc(100% - 111px);
    height: -o-calc(100% - 111px);
    height: calc(100% - 111px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .return-policy-popup.mobile-fullpopup .modal-dialog .modal-content .modal-body {
    height: -webkit-calc(100% - 130px);
    height: -moz-calc(100% - 130px);
    height: -ms-calc(100% - 130px);
    height: -o-calc(100% - 130px);
    height: calc(100% - 130px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .return-policy-popup.mobile-fullpopup .modal-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .return-policy-popup .modal-title {
    margin-right: 25px;
  }
  /* Label Inline Form */
  
  .form-label-inline label.input-title {
    float: none;
    width: auto;
    margin-top: 0;
  }
  .form-label-inline label.input-title.margin-top0 {
    margin-top: 0;
  }
  .form-label-inline .input-filedcontainer {
    margin-left: 0;
  }
  .modal-footer.footer-blue-buttons .btn {
    font-size: 17px;
    height: 50px;
    padding: 7px 20px;
    margin-left: 12px;
  }
  .modal-footer.footer-blue-buttons .btn + .btn {
    margin-left: 12px;
  }
  /* Dropdown Like Modal: START 
      ======================================================*/
  
  .vg-dropdown-parent.vg-small-modaloption {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    z-index: 1006;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto !important;
    padding: 20px;
    text-align: center;
  }
  .vg-dropdown-parent.vg-small-modaloption:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }
  .vg-dropdown-parent.vg-small-modaloption.dp-top-align {
    top: 0;
  }
  .vg-dropdown-parent.vg-small-modaloption.dp-right-align {
    right: 0;
  }
  .vg-dropdown-parent.vg-small-modaloption.dp-bottom-align {
    bottom: 0;
  }
  .vg-dropdown-parent.vg-small-modaloption.dp-left-align {
    left: 0;
  }
  .vg-dropdown-parent.vg-small-modaloption .vg-dropdown-link:first-of-type {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
  }
  .vg-dropdown-parent.vg-small-modaloption .vg-dropdown-child {
    width: 70%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .vg-dropdown-parent.vg-small-modaloption .vg-dropdown-link.appointment-btnlink,
  .vg-dropdown-parent.vg-small-modaloption .vg-dropdown-link {
    font-size: 16px;
    padding: 15px 25px;
  }
  /* Dropdown Like Modal: END
      ======================================================*/
  
  /* Tooltip CSS Start */
  
  .gen-tooltip-div.featured-tooltip,
  .featured-tooltip {
    width: 286px;
  }
  .featured-tip-icondiv {
    font-size: 25px;
  }
  .featured-tip-right {
    margin-left: 29px;
  }
  .featured-tip-main {
    font-size: 15px;
  }
  .featured-tip-noticed {
    font-size: 14px;
  }
  /*.gen-tooltip-div { left: -5px; }
      .gen-tooltip-arrow { left: 4px; margin-left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333; bottom: -9px; }*/
  
  /* Tooltip CSS End */
  
  .common-btn-style.common-btn-style-mob {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
  }
  .mobile-dropdown.mobile_menu_open {
    z-index: 103;
  }
  .solaDesign.touchDevice.ipadandroid.iAppleDevice .modal-open {
    overflow: inherit !important;
  }
  .solaDesign.touchDevice.ipadandroid.iAppleDevice .modal-open .wrap-page.scrollTarget.bottom {
    height: auto;
  }
  .iAppleDevice.modal-open header#header {
    display: none;
  }
  .iAppleDevice.modal-open .page-form-wrapper .content-wrapper.footerpresent.hidewhnloginopen {
    padding-top: 12px;
  }
}
@media only screen and (max-width: 767px) and (max-height: 450px) {
  .vg-dropdown-options {
    height: 120px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }
  .vg-dropdown-parent.vg-small-modaloption .vg-dropdown-link:first-of-type {
    border-top: 0 none;
  }
}
@media only screen and (max-width: 479px) {
  /* New Style Popup Start Here
  	================================================================================*/
  
  .popup-modal-head-main {
    height: 66px;
  }
  .popup-big-height .popup-modal-content {
    height: -webkit-calc(100% - 140px);
    height: -moz-calc(100% - 140px);
    height: -o-calc(100% - 140px);
    height: -ms-calc(100% - 140px);
    height: calc(100% - 140px);
    max-height: -webkit-calc(100% - 140px);
    max-height: -moz-calc(100% - 140px);
    max-height: -o-calc(100% - 140px);
    max-height: -ms-calc(100% - 140px);
    max-height: calc(100% - 140px);
  }
  .popup-modal-footer button {
    width: 48% !important;
  }
  .popup-modal-footer button + button {
    margin-right: 4%;
  }
  .modal-footer.footer-blue-buttons .btn {
    margin-left: 0;
  }
  .modal-footer.footer-blue-buttons .btn + .btn {
    margin-left: 0;
  }
  /* New Style Popup End Here
  	================================================================================*/
  
  .address-formgrp {
    width: 100%;
  }
  .form-col-50 {
    width: 100%;
  }
  .form-col-50:nth-of-type(2) {
    float: left;
    width: 100%;
  }
  .form-col-70 {
    width: 65%;
  }
  .form-col-30 {
    width: 32%;
  }
  /* Dropdown Like Modal: START 
      ======================================================*/
  
  .vg-dropdown-parent.vg-small-modaloption .vg-dropdown-child {
    width: 95%;
  }
  /* Dropdown Like Modal: END
      ======================================================*/
  
  .common-btn-style.empty-btn {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
  }
  /*home feedback css*/
  
  .hfeed-half-btn {
    width: 46%;
  }
  /*home feedback css*/
}
/* no need to Use, or see */

.hidden-sample {
  word-wrap: break-word;
}
.divAddresspopup .modal-body {
  padding-top: 0px;
  padding-bottom: 8px;
}
.divAddresspopup .addresswithcountry {
  margin-bottom: 0px;
}
.divAddresspopup .select-country-mar {
  padding-left: 66px;
}
.divAddresspopup .select-country-mar input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0px;
}
.divAddresspopup .w-input,
.divAddresspopup .w-select {
  height: 40px;
}
.divAddresspopup .modal-footer {
  padding-top: 0px;
  background-color: #f8f8f8;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.divAddresspopup label {
  font-weight: 500;
  color: #333333;
}
.divAddresspopup .modal-header {
  padding-bottom: 4px;
}
.divAddresspopup .modal-title {
  padding: 0px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
}
.divAddresspopup button.close {
  background-image: none;
  width: 20px;
  font-size: 35px;
  color: #9a9a9a;
  text-indent: inherit;
  right: 15px;
}
.divAddresspopup button.close:hover {
  color: #333333;
}
.divAddresspopup input.errorInput {
  background: rgba(216, 63, 52, 0.09);
  border-color: #d83f34;
  color: #333333;
}
.divAddresspopup .discription-loc {
  font-weight: normal;
  color: #777777;
  font-size: 15px;
  line-height: 20px;
  margin: 0px;
  padding-bottom: 12px;
}
.divAddresspopup .selectedcountry::before {
  display: none!important;
}
.divAddresspopup .modal-footer .btn {
  min-width: 65px;
}
.divAddresspopup .modal-footer .btn.btn-default {
  min-width: 78px;
}
ul.location-city-row {
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: 100%;
}
ul.location-city-row input {
  margin-bottom: 0px;
}
.location-city-row li {
  width: 33.33%;
  float: left;
}
.location-city-row li:first-of-type {
  width: 33.34%;
  padding-right: 15px;
}
.location-city-row li:nth-child(2) {
  padding-right: 15px;
}
@media screen and (min-width: 768px) {
  .hidden-sample .w-col-2,
  .hidden-sample .w-col-medium-2 {
    width: 20%;
  }
  .divAddresspopup .modal-dialog {
    width: 100%;
    max-width: 600px;
  }
}
@media screen and (max-width: 767px) {
  .divAddresspopup .input-text,
  .divAddresspopup .myformgrp {
    margin-bottom: 10px;
  }
  .divAddresspopup .modal-body {
    max-height: calc(100vh - 138px);
    overflow: auto;
  }
  .divAddresspopup li .myformgrp {
    margin-bottom: 0px;
  }
  .divAddresspopup li .w-custom-dropdown {
    margin-bottom: 0px;
  }
  .location-city-row li {
    width: 100%;
  }
  .location-city-row li:first-of-type {
    width: 100%;
    padding-right: 0px;
  }
  .divAddresspopup .location-city-row li:nth-child(2) {
    padding-right: 0px;
    padding-bottom: 10px;
  }
  .hidden-sample h5,
  .hidden-sample .w-col > div {
    height: auto !important;
    min-height: 130px;
  }
}
@media screen and (max-width: 374px) {
  .return-policy-popup.mobile-fullpopup .modal-dialog .modal-content .modal-body {
    height: -webkit-calc(100% - 150px);
    height: -moz-calc(100% - 150px);
    height: -ms-calc(100% - 150px);
    height: -o-calc(100% - 150px);
    height: calc(100% - 150px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.addbankac .w-input,
.w-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 767px) {
  .addbankac li .w-custom-dropdown {
    margin-bottom: 10px;
  }
}

/* Variables Start */
/* Variables End */

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont_v-4.5.0.eot');
  src: url('../font/fontawesome-webfont.eot') format('embedded-opentype'), url('../font/fontawesome-webfont_v-4.5.0.woff') format('woff'), url('../font/fontawesome-webfont_v-4.5.0.woff') format('woff'), url('../font/fontawesome-webfont_v-4.5.0.ttf') format('truetype'), url('../font/fontawesome-webfont_v-4.5.0-fontawesomeregular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontawesome-5pro-light-300';
  src: url('../font/fontawesome-5pro-light-300.eot');
  src: url('../font/fontawesome-5pro-light-300.eot#iefix') format('embedded-opentype'), url('../font/fontawesome-5pro-light-300.woff') format('woff2'), url('../font/fontawesome-5pro-light-300.woff') format('woff'), url('../font/fontawesome-5pro-light-300.ttf') format('truetype'), url('../font/fontawesome-5pro-light-300.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
/*Always get new font if you apply this css 27-04-2020*/

.font-awesome-light-pro {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.font-awesome-normal-pro {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}
.font-awesome-solid-pro {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.font-awesome-brand-pro {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
/*Always get new font if you apply this css end*/

.font-awesome-5pro-light {
  font-family: 'fontawesome-5pro-light-300';
}
.font-awesome-5pro-normal {
  font-family: 'fontawesome-5pro-regular-400';
}
.font-awesome-5pro-solid {
  font-family: 'fontawesome-5pro-solid-900';
}
.font-awesome-5pro-brand {
  font-family: 'fontawesome-5pro-brands-400';
}
.font-awesome-newicon {
  font-family: 'vagaro-newicon';
}
.font-awesome-light {
  font-family: 'Fontawesome pro 300', sans-serif;
}
.font-awesome-normal {
  font-family: 'Fontawesome pro 400', sans-serif;
}
.font-awesome-solid {
  font-family: 'Fontawesome pro solid 900', sans-serif;
}
.font-awesome-brand {
  font-family: 'Fontawesome pro brands 900';
}
.font-awesome {
  font-family: 'Fontawesome pro 300', sans-serif;
  color: grey;
  font-size: 16px;
}
.font-awesome.solid {
  font-family: 'Fontawesome pro solid 900', sans-serif;
  color: #333333;
}
.font-awesome.solid.homeIcon {
  font-family: 'fontawesome-5pro-solid-900';
}
.font-awesome.solid.space-right {
  margin-right: 2px;
}
.font-awesome.large {
  font-size: 20px;
}
.font-awesome.arrow {
  color: grey;
  font-size: 44px;
  text-decoration: none;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
.font-awesome.arrow.off {
  color: #dbdbdb;
}
.font-awesome.space-right {
  margin-right: 5px;
  margin-left: 1px;
}
.font-awesome-light.right-space {
  margin-right: 6px;
}
.font-awesome.solid._10 {
  display: inline-block;
  font-size: 10px;
  vertical-align: top;
}
.font-awesome.solid._10.grey {
  color: #9b9b9b;
}
.font-awesome.back-arrow {
  margin-right: 6px;
  color: #333333;
  font-size: 40px;
  line-height: 50px;
}
.font-awesome._22,
.font-awesome-light._22 {
  font-size: 22px;
}
.font-awesome._18,
.font-awesome-light._18 {
  font-size: 18px;
}
.font-awesome._22.shopping-bag,
.font-awesome._22.cart-shopping-bag {
  margin-right: 4px;
  color: #333333;
}
.font-awesome.solid._10.grey.miles-img-font {
  margin-right: 6px;
  color: gray;
  font-size: 13px;
}
.font-awesome.solid._10.location-icon {
  font-size: 13px;
  line-height: 1.1;
}
.font-awesome.solid._10.listings-distance-icon {
  vertical-align: middle;
}
.font-awesome-normal.space-right {
  margin-right: 5px;
}
.font-awesome-normal.space-left {
  margin-left: 8px;
}
.miles-img-font {
  margin-right: 5px;
  color: #333333;
  font-size: 12px;
}
.bookdropicon {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 20px;
}
.noarrow .bookdropicon {
  display: none;
}
/* Widget CSS */

.Embedded_Widget #page-wrapper {
  height: auto;
}
.showonlyinwidget {
  display: none;
}
.iosdevice #page-wrapper {
  height: auto;
}
/*below line commented for Ticket #966945*/

/*.disableOverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999999; }*/

.embedded-widget-booktitle {
  display: none;
}
.common-vagaro-icon {
  font-family: 'vagaro-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-sad-calendar,
.icon-customers,
.icon-inventory-copy,
.icon-short-answer,
.icon-slider,
.icon-membership,
.icon-inventory-copy,
.icon-store-front,
.icon-Notes,
.icon-deny-recurring,
.icon-deny-multiple-appt,
.icon-cancel-recurring,
.icon-cancel-multiple-appt,
.icon-delete-recurring,
.icon-delete-multiple-appt,
.icon-edit-occurance,
.icon-double-book {
  font-family: 'vagaro-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-sad-calendar:before {
  content: "\e904";
}
.icon-customers:before {
  content: "\e900";
}
.icon-inventory-copy:before {
  content: "\e901";
}
.icon-short-answer:before {
  content: "\e902";
}
.icon-slider:before {
  content: "\e903";
}
.icon-membership:before {
  content: "\e90f";
}
.icon-inventory-copy:before {
  content: "\e901";
}
.icon-store-front:before {
  content: "\e90e";
}
.icon-Notes:before {
  content: "\e90a";
}
.icon-deny-recurring:before {
  content: "\e909";
}
.icon-deny-multiple-appt:before {
  content: "\e90c";
}
.icon-cancel-recurring:before {
  content: "\e905";
}
.icon-cancel-multiple-appt:before {
  content: "\e90d";
}
.icon-delete-recurring:before {
  content: "\e90b";
}
.icon-delete-multiple-appt:before {
  content: "\e908";
}
.icon-edit-occurance:before {
  content: "\e906";
}
.icon-double-book:before {
  content: "\e907";
}
/* Common Class */

.page-form-wrapper {
  height: 100%;
}
.right-nav-div .list-your-business {
  position: relative;
}
.right-nav-div .list-your-business.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  background-color: #eb6663;
  height: 2px;
}
.mobile-check,
.tinymobile-check {
  display: none;
  height: 0;
  overflow: hidden;
}
.ipad-mob-menu-custom {
  display: none;
}
.ipad-mob-menu-normal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.siteowlcarousal.owl-carousel {
  position: static;
}
.siteowlcarousal.select-template-div {
  position: relative;
}
.siteowlcarousal .owl-nav {
  position: absolute;
  right: 0;
  top: 21px;
  width: 48px;
  z-index: 5;
}
.siteowlcarousal .owl-nav .owl-prev,
.siteowlcarousal .owl-nav .owl-next {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 14px auto;
  height: 23px;
  width: 14px;
}
.siteowlcarousal .owl-nav .owl-prev {
  background-image: url('../PublicImages/Images/left-arrow-2x.png');
  float: left;
}
.siteowlcarousal .owl-nav .owl-prev.slick-disabled {
  opacity: 0.3;
  cursor: default;
}
.siteowlcarousal .owl-nav .owl-next {
  background-image: url('../PublicImages/Images/right-arrow-2x.png');
  float: right;
}
.siteowlcarousal .owl-nav .owl-next.slick-disabled {
  opacity: 0.3;
  cursor: default;
}
.blockPlaceholder {
  opacity: 0;
  visibility: hidden;
}
.card-imgabsolute {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.iosdevice .card-imgabsolute,
.iosdevice .square-slide-div .square-category {
  display: block !important;
}
.card-bgimg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
}
.card-bgimg img {
  width: 100%;
  height: auto;
}
.star-container {
  display: inline-block;
  vertical-align: top;
}
.ratingstar {
  display: inline-block;
  vertical-align: top;
  color: #cccccc;
}
.ratingstar.font-size14 .fa-star,
.ratingstar.font-size14 .fa-star-o {
  font-size: 14px;
}
.ratingstar .fa-star.rated {
  color: #f6d646;
}
.ratingstar.filled-star {
  color: #f6d646;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 0;
}
.ratingstar.filled-star.one-star {
  width: 20%;
}
.ratingstar.filled-star.two-star {
  width: 40%;
}
.ratingstar.filled-star.three-star {
  width: 60%;
}
.ratingstar.filled-star.four-star {
  width: 80%;
}
.ratingstar.filled-star.five-star {
  width: 100%;
}
.top-review-star {
  color: #cccccc;
}
.top-review-star .fa-star.rated {
  color: #eb6663;
}
/* back-to-top-container */

.back-to-top-container {
  position: fixed;
  right: 50%;
  margin-right: -600px;
  z-index: 1000;
  display: none;
  padding-top: 0;
  bottom: 20px;
}
.backtotopicon {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
  color: #333333;
  font-size: 20px;
  text-align: center;
  line-height: 48px;
  -webkit-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
}
.backtotopicon:hover {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
}
#divdistanceMiles {
  display: none !important;
}
.content-wrapper {
  min-height: 100%;
  padding-top: 50px;
}
.content-wrapper.padding-top0 {
  padding-top: 0;
}
.nav-bar {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1002;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.glyphicon {
  position: relative;
  top: 0;
  display: inline-block;
  font-family: 'Fontawesome pro solid 900', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-star:before {
  content: "\f005";
}
.glyphicon-star-empty:before {
  content: "\f005";
}
.review-rating-box {
  width: 160px;
  margin: 0px auto;
  display: table;
}
.review-rating-box .rating-symbol {
  cursor: pointer;
}
.review-rating .rating-symbol.glyphicon-star-empty {
  color: #ebebeb;
}
.review-rating .rating-symbol {
  color: #f6d646;
  margin-right: 0;
  cursor: pointer;
}
.label-text-80 {
  width: 80px;
}
.review-rating {
  width: 100%;
  display: block;
  padding: 0;
  margin-bottom: 0;
}
.review-rating label {
  float: left;
  display: block;
  width: 80px;
  text-align: right;
  margin-right: 10px;
  color: #6b6b6b;
  font-size: 14px;
  font-weight: normal;
  padding-left: 0px;
}
.review-rating div {
  float: left;
  padding-top: 0;
}
.review-rating-col {
  margin: 0px;
}
.review-rating-col li {
  width: 100%;
  float: left;
  padding: 0px;
  margin: 0px;
}
/*.myAccountpage .content-wrapper { padding-top: 120px; }*/

.vagaroapp-webpage.myAccountpage .content-wrapper {
  padding-top: 70px;
}
.custapploc-arror {
  margin-left: 10px;
  font-size: 15px;
}
.custAppLoc {
  display: none;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  width: 100%;
}
.content-wrapper.footerpresent {
  margin-bottom: -361px;
}
.content-wrappernofooter {
  padding-top: 50px;
}
.hero-list {
  -webkit-transition: -webkit-transform 250ms ease-out 0s;
  -moz-transition: -moz-transform 250ms ease-out 0s;
  -o-transition: -o-transform 250ms ease-out 0s;
  -ms-transition: -ms-transform 250ms ease-out 0s;
  transition: transform 250ms ease-out 0s;
  -webkit-transform: translate3d(0, 50px, 0px);
  -moz-transform: translate3d(0, 50px, 0px);
  -o-transform: translate3d(0, 50px, 0px);
  -ms-transform: translate3d(0, 50px, 0px);
  transform: translate3d(0, 50px, 0px);
}
.hero-list.transition600ms {
  -webkit-transition: -webkit-transform 600ms ease-out 0s;
  -moz-transition: -moz-transform 600ms ease-out 0s;
  -o-transition: -o-transform 600ms ease-out 0s;
  -ms-transition: -ms-transform 600ms ease-out 0s;
  transition: transform 600ms ease-out 0s;
}
.push {
  height: 361px;
}
.homepagesearchSelectinput {
  background: none;
  color: #333333;
  font-size: 16px;
  border: 0 none;
  padding-left: 15px;
  padding-right: 20px;
}
.homepagesearchSelectinput:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.homepagesearchSelectinput::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.homepagesearchSelectinput:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.homepagesearchSelectinput::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.homepagesearchSelectinput :-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.homepagesearchSelectinput ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.homepagesearchSelectinput :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.homepagesearchSelectinput ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.dropdown-text-input {
  background: none;
  color: #333333;
  font-size: 16px;
  border: 0 none;
  padding-left: 15px;
  padding-right: 20px;
}
.dropdown-text-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.dropdown-text-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.dropdown-text-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.dropdown-text-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.dropdown-text-input :-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.dropdown-text-input ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.dropdown-text-input :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.dropdown-text-input ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.service-where-div .dropdown-text-input {
  padding-left: 41px;
}
div.mobile-search-text-field {
  margin-bottom: 50px;
  border-bottom: 0 none;
}
.topSearchlocationInput {
  color: dimgray;
  font-size: 16px;
  border: 0 none;
  height: 49px;
  padding: 0;
  width: 100%;
}
.topSearchlocationInput:-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.topSearchlocationInput::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.topSearchlocationInput:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}
.topSearchlocationInput::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}
input.topSearchlocation {
  padding-left: 60px;
}
.topSearchlocation {
  color: dimgray;
  font-size: 16px;
  border: 0 none;
  height: 49px;
  padding: 0;
  width: 100%;
}
.topSearchlocation:-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.topSearchlocation::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.topSearchlocation:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}
.topSearchlocation::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}
.topSearchlocation.select2-container-multi .select2-choices {
  padding-left: 50px !important;
}
.topSearchlocation.select2-container + .topSearchlocation.select2-container {
  display: none;
}
.date-timeinput {
  background: none;
  font-size: 16px;
  color: #333333;
  height: 100%;
  width: 100%;
  border: 0 none;
  padding: 0;
  margin: 0;
  line-height: 22px;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  z-index: 1;
}
.date-timeinput:-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.date-timeinput::-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.date-timeinput:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.date-timeinput::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.date-timeinput:disabled {
  opacity: 1 !important;
  -webkit-appearance: none;
  color: #333333;
  -webkit-text-fill-color: #333333;
  cursor: not-allowed;
}
#txtHomeServicesDate_picker {
  margin-top: 0;
}
#txtServiceDate_picker {
  margin-top: 0;
}
#txtServiceDate_picker {
  margin-top: 0;
}
#txtdivSearchDate_picker {
  margin-top: 0;
}
.item-quantitychange {
  position: relative;
  width: 100%;
}
.item-quantitychange input {
  background: transparent;
  width: 50px;
  border: 0 none;
  line-height: 18px;
}
.item-quantitychange a {
  position: absolute;
  right: 0;
  width: 18px;
  height: 50%;
  opacity: 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.item-quantitychange a:before {
  position: absolute;
  font-family: 'Fontawesome pro solid 900', sans-serif;
  left: 0;
  top: 0;
  width: 100%;
  color: #333333;
}
.item-quantitychange .arrow-up-down a {
  position: absolute;
  right: 0;
  width: 18px;
  height: 50%;
  opacity: 0;
  text-align: center;
  text-decoration: none;
}
.item-quantitychange .itemuparrow {
  top: 0;
}
.item-quantitychange .itemuparrow:before {
  content: "\f0de";
  top: 2px;
}
.item-quantitychange .itemdownarrow {
  bottom: 0;
}
.item-quantitychange .itemdownarrow:before {
  content: "\f0dd";
  top: auto;
  bottom: 3px;
}
.touchDevice .item-quantitychange a,
.touchDevice .shopping-bag-item .delete-item-link {
  opacity: 1 !important;
}
/* DateTime Picker css overwrite Start */

.bootstrap-datetimepicker-widget.dropdown-menu {
  margin-top: 9px;
}
.bootstrap-datetimepicker-widget table th {
  font-size: 16px;
  font-weight: 500;
}
.bootstrap-datetimepicker-widget table td span {
  color: rgba(51, 51, 51, 0.9);
}
.bootstrap-datetimepicker-widget .picker-switch span.glyphicon-time,
.bootstrap-datetimepicker-widget .picker-switch span.glyphicon-calendar {
  color: #eb6663;
}
.date-time-picker input[type="button"],
.date-time-picker input {
  border: 1px solid #cccccc;
  text-align: left;
  min-width: 178px;
  line-height: 22px;
}
.date-time-picker input[type="button"]:focus,
.date-time-picker input:focus {
  border-color: #3898ec;
}
#divSearchAppDate.date-time-picker input[type="button"] {
  border-radius: 3px;
  width: 130px;
  min-width: 130px;
}
/* DateTime Picker css overwrite End */

/* On page CSS */

#map img {
  max-width: none;
}
.mobilesearchicon {
  font-size: 16px;
  line-height: 20px;
  color: dimgray;
}
.home-tabbing-div {
  padding-top: 10px;
}
.home-tabbing-div .vg-default-tabs {
  padding: 0 80px;
  margin-bottom: 30px;
}
.home-tabbing-div .vg-default-tab-content {
  padding: 0;
}
.popular-cat-div {
  padding: 0 80px;
}
.vg-default-tabs.big-fonts .vg-default-tab-link a {
  font-size: 22px;
  padding-top: 9px;
  line-height: 24px;
}
.vg-default-tabs.big-fonts .vg-default-tab-link a:before {
  border-bottom-width: 3px;
}
.popular-cat-row {
  padding-top: 20px;
  padding-bottom: 20px;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.popular-cat-row a {
  padding: 10px 20px;
  border: 1px solid white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
  border-radius: 20px;
  font-size: 16px;
  color: #333333;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.popular-cat-row a:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
/* 13 April 2017 Home page Search block CSS Start
===============================================================================*/

.service-searchinput {
  width: 100%;
}
.service-search-select {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  left: -1px;
  position: absolute;
  right: -1px;
  top: 100%;
  z-index: 2;
  word-wrap: break-word;
  display: none;
  max-height: 350px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.service-search-select ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.service-search-select ul li {
  padding: 14px 0 3px;
}
.service-search-select ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.service-search-select ul li ul li {
  padding: 0px;
  margin: 0px;
}
.service-search-select ul li ul li:not(:last-of-type) {
  border-bottom: 0px;
}
.slider-rowdiv .home-title {
  min-height: 24px;
}
.home-main .slider-rowdiv .home-title {
  min-height: initial;
}
/* Bookmarks Design version 1:START */

.home-main .bookmarks-listingdiv .home-title {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 400;
}
.home-main .bookmarks-listingdiv .slick-contslide .card-link-block {
  /*min-width: 332px; max-width: 420px; width: auto;*/
  width: 380px;
  padding: 0 10px;
}
.home-main .bookmarks-listingdiv .slick-contslide .card-link-block a {
  /*padding: 0 40px 0 0;*/
  padding: 0 20px 0 0;
  margin: 0;
  /*border: 1px solid #e7e7e7;*/
  border-radius: 5px;
  display: table;
  width: 100%;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.07);
  background-color: white;
}
.home-main .bookmarks-listingdiv .slick-contslide .card-link-block a .card-image {
  display: table-cell;
  margin-bottom: 0;
  width: 150px;
  height: 100px;
  border: 0 none;
}
.home-main .bookmarks-listingdiv .slick-contslide .card-link-block a .card-image .card-bgimg {
  border-radius: 3px 0 0 3px;
}
.home-main .bookmarks-listingdiv .slick-contslide .card-link-block a .bookmark-rightdiv {
  /*padding-left: 30px;*/
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
}
.home-main .bookmarks-listingdiv .slick-contslide .card-link-block a .card-rating-div {
  margin-bottom: 0;
}
.home-main .bookmarks-listingdiv .slick-slideParent {
  margin: 0 -10px;
}
.bookmarks-titleicon {
  font-family: 'Fontawesome pro solid 900', sans-serif;
  margin-right: 8px;
}
/* Bookmarks Design version 1:END */

.loaddatatext {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: rgba(51, 51, 51, 0.75);
  font-size: 16px;
  left: -1px;
  line-height: 18px;
  padding: 10px 15px;
  position: absolute;
  right: -1px;
  top: 100%;
  z-index: 2;
}
.service-data-block {
  padding: 0 15px;
}
.service-data-title {
  color: #333333;
  font-size: 20px;
  font-weight: 500;
}
.service-title-icon {
  color: rgba(51, 51, 51, 0.75);
  float: left;
  line-height: 18px;
}
.icon-location-pin-icon {
  font-size: 14px;
}
/*.icon-business-icon { font-size: 14px; }*/

.icon-user-icon {
  font-size: 15px;
}
.service-data-div {
  font-size: 16px;
  padding: 10px 15px;
  line-height: 18px;
  cursor: pointer;
}
.service-data-div:hover,
.service-data-div.highlight-div {
  background-color: rgba(0, 0, 0, 0.05);
}
.service-whereDropdown .service-data-title,
.service-where-div .service-data-title {
  padding-left: 20px;
  color: rgba(51, 51, 51, 0.75);
}
.service-whereDropdown .service-data-div,
.service-where-div .service-data-div {
  padding: 10px 35px;
}
/* Deals Page CSS Start Here*/

.how-scroll-top {
  position: absolute;
  height: 50px;
  width: 10px;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
/* Write review auto page start */

.add-review-photo {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-indent: -1000px;
  opacity: 0;
  cursor: pointer;
}
.ie-fix-overflowhidden {
  overflow: hidden;
}
/* Write review auto page End */

/* Shopping Bag Page Start */

.upsFedexIcoN {
  position: absolute;
  right: 0px;
  top: -15px;
  height: 50px;
  width: 100px;
}
.upsFedexIcoN.uspsIcon {
  background: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//ShopOwner/Images/get-featured-usps.png") no-repeat;
  background-size: 63px;
  background-position: right;
  top: -18px;
}
.upsFedexIcoN.upsIcon {
  background: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//ShopOwner/Images/get-featured-ups.png") no-repeat;
  background-size: 34px;
  background-position: right;
}
.upsFedexIcoN.fedexIcon {
  background: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//ShopOwner/Images/get-featured-fedex.png") no-repeat;
  background-size: 96px;
  background-position: right;
}
.buy-service-style {
  height: 80px;
  width: 80px;
  border-radius: 40px;
}
.buy-gift-certi {
  width: 80px;
  min-height: 46px;
  height: auto;
  border-radius: 3px;
}
.shopping-qty {
  width: 45px;
  margin-left: 5px;
}
.shopping-qty.w-custom-dropdown {
  height: 38px;
  background-position: right -4px center;
  background-size: 24px auto;
}
.shopping-qty.w-custom-dropdown select {
  border-radius: 3px !important;
  padding-left: 6px;
  padding-right: 6px;
  height: 38px;
}
.vg-class-block {
  display: flex;
  margin-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.vg-brand-name-checkout {
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
}
.vg-brand-name-checkout,
.vg-div-block-91,
.vg-text-block-18 {
  text-transform: uppercase;
}
.vg-class-date-checkout {
  color: rgba(51, 51, 51, 0.75);
  font-size: 14px;
}
.class-product-row {
  margin-left: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.class-product-row:last-child {
  border-bottom: 0px;
}
.class-product-row .product-name {
  font-size: 14px;
}
.clsTempPackage {
  position: absolute;
  right: 0px;
  width: 200px;
  z-index: 99;
  top: 47px;
  border-radius: 3px;
  background-color: white;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  max-height: 235px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.clsTempPackage .sign-up-dropdown-div {
  display: block;
  float: left;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #333333;
  font-weight: 400;
  text-decoration: none;
  line-height: normal;
  cursor: pointer;
}
.clsTempPackage .sign-up-dropdown-div .session-left {
  width: 60%;
  float: left;
  word-wrap: break-word;
  word-break: break-word;
  padding-right: 5px;
  text-align: left;
}
.clsTempPackage .sign-up-dropdown-div .session-right {
  width: 40%;
  float: right;
  text-align: right;
  padding-left: 5px;
}
.w-dropdown-list.dropdownclass-section {
  position: absolute;
  right: 0px;
}
.w-dropdown-list.dropdownclass-section .session-left {
  width: 57%;
  float: left;
  word-wrap: break-word;
  word-break: break-word;
  padding-right: 0;
}
.w-dropdown-list.dropdownclass-section .session-right {
  width: 43%;
  float: right;
  text-align: right;
  padding-left: 0;
  word-wrap: break-word;
  word-break: break-word;
}
.dateinput-row {
  width: 100%;
  border: solid rgba(0, 0, 0, 0.15) 1px;
  border-radius: 3px;
  font-size: 14px;
  height: 40px;
}
.dateinput-row > div {
  height: 100%;
}
.dateinput-row input {
  font-size: 15px;
  padding: 0 12px;
  width: 100%;
  max-width: 100%;
}
#newCartSummaryDectail123 .service-provider-div {
  width: 100%;
  padding-top: 10px;
}
.vg-class-block:first-child {
  border-bottom: 0px;
}
.vg-class-block:last-child {
  border-bottom: 0px;
}
.class-product {
  width: 100%;
}
.popup-width-class {
  width: 100%;
  max-width: 700px;
}
.class-product .div-block-25 {
  width: 100%;
}
.ch-mebership-row {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ch-mebership-row .div-block-25 {
  margin-left: 0px;
}
.class-top-border-row {
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.product-left-shopping-bag {
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: -ms-calc(100% - 100px);
  width: -o-calc(100% - 100px);
  width: calc(100% - 100px);
  word-wrap: break-word;
}
.product-left-shopping-bag .div-block-42 {
  max-width: calc(100% - 110px);
}
/* Shopping Bag Page End */

/* 13 April 2017 Home page Search block CSS End
===============================================================================*/

/* Book Confirm page */

.dark-dot-bullet {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.dark-dot-bullet li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 12px;
}
.dark-dot-bullet li:before {
  content: "";
  background: #333333;
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  left: 0;
  top: 7px;
}
/* overwritten Existing Class Start
====================================================================================================== */

.country-dropdown .country-text {
  min-width: 107px;
}
.search-nav-bar,
.nav-profile-photo,
.profile-dropdown,
.cart-link-block,
.shopping-bag-tab,
.cart-icon,
.cart-number {
  position: relative !important;
}
.slidertrack {
  background: none;
  border-radius: 10px;
  margin-right: 2px;
  width: 5px;
}
.handletrack {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 7px;
  right: 0;
  width: 3px;
}
.social-circle-div {
  font-family: 'Fontawesome pro brands 900';
}
.social-circle-div.email {
  font-family: 'Fontawesome pro 300', sans-serif;
}
.windowsSafari .footer-section .social-circle-div {
  position: relative;
  margin: 0 4%;
}
.search-div-38 {
  width: 32%;
  /*33.5*/
  float: left;
}
.search-div-38 .dropdown-text-input {
  height: 100%;
}
.search-div-38.service-what-div {
  width: 30%;
  /*35*/

}
.search-div-38.service-book-what {
  width: 33.5%;
}
.search-div-38._16 {
  width: 26.5%;
  /*20*/
  border-right-style: none;
}
.search-div-38.inputError .select2-container-multi .select2-choices .select2-search-field input {
  background-image: url("../Images/required-img-new1-2x.png") !important;
  background-repeat: no-repeat !important;
  background-size: auto 20px !important;
  background-position: right center !important;
}
.search-div-38.inputError .errortext {
  font-size: 14px;
  display: block;
  width: 100%;
  padding-right: 12px;
  position: absolute;
  bottom: -21px;
}
.search-div-38.service-where-div,
.search-div-38.service-what-div {
  padding-left: 0;
}
.search-div-38.service-where-div .servcie-dropdown-text,
.search-div-38.service-what-div .servcie-dropdown-text {
  padding-left: 15px;
}
.search-div-38.service-where-div .select2-container.dropdown-text-input,
.search-div-38.service-what-div .select2-container.dropdown-text-input {
  padding-right: 0;
  padding-left: 0;
}
.search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input,
.search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input {
  padding: 0 30px 0 15px;
  font-size: 16px;
}
.search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input:disabled,
.search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input:disabled {
  opacity: 1 !important;
  -webkit-appearance: none;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.5);
}
.search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input {
  padding-left: 41px;
}
.search-div-38.service-datetime-div {
  padding-left: 0;
}
.search-div-38.service-datetime-div > div {
  width: 100%;
  height: 100%;
}
.search-div-38.service-datetime-div .dropdown-fa-absolute {
  z-index: 0;
}
.search-div-38.service-datetime-div .date-timeinput {
  padding-left: 15px;
  padding-right: 10px;
}
.search-font-absolute {
  color: dimgray;
  font-size: 16px;
  position: absolute;
  left: 15px;
  top: 15px;
}
.dropdown-fa-absolute {
  color: #999999;
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.logo-link-block.w--current {
  float: left;
}
.search-icon {
  height: 100%;
  width: 24px;
  position: absolute;
  top: 0;
  left: 20px;
  padding-top: 15px;
}
/*.windowsSafari .daily-deals .cards-parent-div-flex { display: block; }*/

/*.windowsSafari .daily-deals .card-link-block { display: block; margin: 0 auto; width: 100%; }*/

/* Slick slider */

.overflow-hide {
  overflow: hidden;
}
.slick-slideParent {
  margin: 0 -3px;
  position: static;
}
/*.home-main .slick-slideParent { margin: 0; }*/

.slider-rowdiv .Loader {
  min-height: 208px;
}
.slider-rowdiv .div-no-data {
  margin-bottom: 129px;
}
.slider-rowdiv.dailydealsslider .Loader {
  min-height: 193px;
}
.slider-rowdiv.dailydealsslider .div-no-data {
  margin-bottom: 121px;
}
.slick-contslide.slick-slider {
  position: static;
  width: 100%;
  overflow: hidden;
}
.slide-prev,
.slide-next {
  position: absolute;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 14px auto;
  height: 23px;
  width: 14px;
  top: 21px;
  padding: 0;
  margin: 0;
}
.home-main .slide-prev,
.home-main .slide-next {
  display: none !important;
}
.slide-prev {
  right: 32px;
}
.slide-prev.slide-disabled {
  color: #dbdbdb;
  cursor: default;
}
.slide-next {
  right: 0;
}
.slide-next.slide-disabled {
  color: #dbdbdb;
  cursor: default;
}
.slick-contslide .card-link-block {
  width: 33.33%;
}
.slick-contslide .card-link-block a {
  text-decoration: none;
  padding: 0 3px;
}
.slick-contslide .card-linkbottomdiv {
  padding: 0 3px;
}
.home-main .slick-contslide .card-link-block {
  width: 16.66%;
  /*margin-right: 5px;*/
  margin-bottom: 20px;
  /*a { padding: 0; }*/

}
.card-image {
  border-color: #e5e5e5;
  position: relative;
}
.card-image img {
  width: 100%;
  height: auto;
}
.slick-slideParent .cards-parent-div-flex,
.popular-services-div-flex.slick-fourblockslider {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: auto !important;
  width: 100% !important;
}
.slick-slideParent .cards-parent-div-flex .ps__scrollbar-y-rail,
.popular-services-div-flex.slick-fourblockslider .ps__scrollbar-y-rail {
  display: none !important;
}
body:not(.touchDevice) .slick-slideParent .cards-parent-div-flex,
body:not(.touchDevice) .slick-slideParent .popular-services-div-flex.slick-fourblockslider {
  position: relative;
}
body:not(.touchDevice) .slick-slideParent .cards-parent-div-flex::-webkit-scrollbar,
body:not(.touchDevice) .slick-slideParent .popular-services-div-flex.slick-fourblockslider::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .slick-slideParent .cards-parent-div-flex::-webkit-scrollbar-thumb,
body:not(.touchDevice) .slick-slideParent .popular-services-div-flex.slick-fourblockslider::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .slick-slideParent .cards-parent-div-flex::-webkit-scrollbar-track,
body:not(.touchDevice) .slick-slideParent .popular-services-div-flex.slick-fourblockslider::-webkit-scrollbar-track {
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .slick-slideParent .cards-parent-div-flex:hover::-webkit-scrollbar,
body:not(.touchDevice) .slick-slideParent .popular-services-div-flex.slick-fourblockslider:hover::-webkit-scrollbar {
  visibility: visible;
}
body:not(.touchDevice) .slick-slideParent .cards-parent-div-flex:hover::-webkit-scrollbar-thumb,
body:not(.touchDevice) .slick-slideParent .popular-services-div-flex.slick-fourblockslider:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
body:not(.touchDevice) .slick-slideParent .cards-parent-div-flex:hover::-webkit-scrollbar-track,
body:not(.touchDevice) .slick-slideParent .popular-services-div-flex.slick-fourblockslider:hover::-webkit-scrollbar-track {
  visibility: visible;
}
body:not(.touchDevice) .homebox-slider::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .homebox-slider::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .homebox-slider::-webkit-scrollbar-track {
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .homebox-slider:hover::-webkit-scrollbar {
  visibility: visible;
}
body:not(.touchDevice) .homebox-slider:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
body:not(.touchDevice) .homebox-slider:hover::-webkit-scrollbar-track {
  visibility: visible;
}
body:not(.touchDevice) .select-template-div::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .select-template-div::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .select-template-div::-webkit-scrollbar-track {
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .select-template-div:hover::-webkit-scrollbar {
  visibility: visible;
}
body:not(.touchDevice) .select-template-div:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
body:not(.touchDevice) .select-template-div:hover::-webkit-scrollbar-track {
  visibility: visible;
}
body:not(.touchDevice) .mobile-dropdown::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .mobile-dropdown::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 2px;
  visibility: hidden;
}
body:not(.touchDevice) .mobile-dropdown::-webkit-scrollbar-track {
  border-radius: 10px;
  visibility: hidden;
}
body:not(.touchDevice) .mobile-dropdown:hover::-webkit-scrollbar {
  visibility: visible;
}
body:not(.touchDevice) .mobile-dropdown:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
body:not(.touchDevice) .mobile-dropdown:hover::-webkit-scrollbar-track {
  visibility: visible;
}
body:not(.touchDevice) .default-custom-scroll::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
}
body:not(.touchDevice) .default-custom-scroll::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 2px;
}
body:not(.touchDevice) .default-custom-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
}
.card-link-block .daily-deal-div-left,
.card-link-block .card-rating-div {
  margin-bottom: 10px;
}
.home-page-section {
  margin-bottom: 20px;
}
#scLiveStreamClasses.home-page-section {
  padding-bottom: 30px;
}
.home-page-section.popular-cat-home {
  margin-bottom: 30px;
  display: none;
}
.home-see-all {
  margin-right: 68px;
  position: relative;
  min-width: 50px;
}
.home-see-all.no-arrow-slide {
  margin-right: 0;
}
.fourblockslider .square-category,
.slick-fourblockslider .square-category {
  width: auto;
  position: relative;
  height: auto !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-decoration: none;
}
.fourblockslider .square-category .category-name,
.slick-fourblockslider .square-category .category-name {
  left: 0;
  margin-top: -16px;
  position: absolute;
  right: 0;
  top: 50%;
  text-align: center;
}
.slick-contslide .card-link-block a,
.square-slide-div .square-category {
  display: block;
}
.square-slide-div {
  display: flex;
  width: 25%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.square-slide-div a {
  margin: 0 3px;
}
.where-dropdown,
.calendar-overall-div {
  z-index: 1;
}
.servcie-dropdown-text {
  margin-top: 2px;
}
.shopping-bag-item .delete-item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.shopping-bag-item .quantity-dropdown-arrow {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.shopping-bag-item:hover .delete-item-link,
.shopping-bag-item:hover .quantity-dropdown-arrow,
.shopping-bag-item:hover .item-quantitychange a {
  opacity: 1;
}
.brand-name.item-name {
  height: auto;
  min-height: 29px;
}
.quantity-overall-div {
  width: 62px;
  margin-right: 0;
}
.quantity-overall-div .quantity {
  width: 41px;
  padding: 0;
  margin: 0;
}
.item-text-div {
  max-width: 210px;
}
.shopping-bag-right-div {
  min-width: 108px;
}
.quantity.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.popular-services-div-flex a img {
  width: 100%;
}
.country-dropdown-toggle {
  line-height: 24px;
}
/* Book Page */

.booking-back {
  margin-bottom: 0;
  display: none;
}
.mobileprovider {
  display: none !important;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.mob-booking-title {
  display: none;
  font-size: 17px;
  margin-left: -46px;
  line-height: 24px;
}
.mob-booking-title #hdmnthname:after {
  content: ",";
}
.mob-booking-title div {
  display: inline;
}
.show-mobileappoint {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.cancel-select-service {
  display: none;
  font-size: 17px;
  float: right;
  color: #eb6663;
  cursor: pointer;
  padding-right: 15px;
  margin-top: 20px;
  line-height: 35px;
}
.cancel-select-service a {
  color: #eb6663;
  text-decoration: none;
}
.bookappointmentsearch .logo-name-div {
  display: none;
}
.bookappointmentsearch .div-mobile-back {
  display: none;
}
.service-providerDropdown ul {
  padding-top: 9px;
}
.service-providerDropdown ul li {
  border-bottom: 0 none !important;
  padding: 0;
}
.w-dropdown-list {
  z-index: 1;
}
.service-added-div {
  background-color: white;
}
.service-addedname {
  position: relative;
  width: 100%;
  height: 100%;
}
.service-added-provider {
  width: 100%;
  height: 100%;
}
.service-removeico,
.font-awesome.solid.service-removeico {
  left: 15px;
  font-size: 20px;
  color: #d83f34;
  position: absolute;
  top: 14px;
  cursor: pointer;
  z-index: 2;
}
.service-removeico.select2-container,
.font-awesome.solid.service-removeico.select2-container {
  z-index: 0;
}
.bookserviceinput {
  -webkit-appearance: none;
  box-shadow: none;
  border: 0;
  border-radius: 6px 0 0 6px;
  font-size: 16px;
  padding: 0 0 0 42px;
  margin: 0;
  line-height: 22px;
  height: 100%;
}
.service-added-provider .bookserviceinput {
  padding: 0 0 0 15px;
}
.searchbar-service-provider {
  border: 0 none;
  box-shadow: none;
  margin-bottom: 0;
}
.searchbar-service-provider:last-of-type {
  margin-bottom: 20px;
}
.searchbar-service-provider .search-div-38 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 16px;
  border-radius: 6px 0 0 6px;
}
.searchbar-service-provider .search-div-38:last-of-type {
  border-left: 0 none;
  border-radius: 0 2px 2px 0;
}
.searchbar-service-provider .search-div-38 .select2-container-multi .select2-choices .select2-search-field input {
  color: #333333;
  padding-left: 0;
}
.search-bar-parent-div-alt .date-timeinput {
  color: #333333;
}
.search-bar-parent-div-alt .search-div-38,
.search-bar-parent-div-alt .hero-search-button {
  height: 48px;
}
.search-bar-parent-div-alt .select2-container-multi .select2-choices .select2-search-field input {
  color: #333333;
}
.promodigittextrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.service-namepromo {
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: -ms-calc(100% - 100px);
  width: calc(100% - 100px);
}
.promo-digit {
  line-height: 20px;
}
.promo-bold {
  font-weight: 600;
}
.service-addedname .icon-minus-round-icon {
  position: relative;
  top: 1px;
  vertical-align: top;
  cursor: pointer;
}
.addbutton {
  background-color: #7cc576;
  border-radius: 20px;
  color: white;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 153px;
  margin-top: 20px;
}
.icon-plus-img {
  background-image: url("../PublicImages/Images/gen-plus-sign-2x.png");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  padding: 10px;
}
.weekslider-container {
  max-width: 960px;
  position: relative;
  margin: 0 auto 40px;
}
.no-serviceselection .service-removeico,
.no-serviceselection .addbutton {
  display: none;
}
.no-serviceselection .service-providerinput {
  visibility: hidden;
}
.no-serviceselection .service-searchinput {
  padding-left: 0;
}
.no-serviceselection .bookserviceinput {
  padding: 0 0 0 15px;
}
.no-serviceselection .remove-in-bundle .dropdown-fa-absolute {
  display: none;
}
.weekdayslider {
  padding: 0 60px;
  margin: 0 auto;
  position: static !important;
  width: 960px;
  max-width: 100%;
}
.weekdayslider .owl-stage-outer {
  border-right: 1px solid #cccccc;
}
.weekdayslider .slick-list {
  width: 840px;
  max-width: 100%;
}
.weekdayslider .owl-item {
  cursor: pointer;
}
.weekdayslider .owl-item .day-div {
  width: 100%;
  border-right: 0 none;
}
.weekdayslider .owl-item .day-div a {
  text-decoration: none;
  color: #333333;
}
.weekdayslider .owl-item:last-child {
  margin-left: 0;
  border-right: 1px solid #cccccc;
}
.weekdayslider .owl-item .day-div {
  margin-left: 0;
}
.weekdayslider .owl-prev,
.weekdayslider .owl-next {
  height: 100%;
  width: 60px;
  position: absolute;
  top: 0;
  cursor: pointer;
  font-size: 44px;
  color: #95989a;
  text-align: center;
  line-height: 84px;
}
.weekdayslider .owl-prev:hover,
.weekdayslider .owl-next:hover {
  background-color: whitesmoke;
}
.weekdayslider .owl-prev.slick-disabled,
.weekdayslider .owl-next.slick-disabled {
  cursor: default;
  color: rgba(127, 127, 127, 0.247);
}
.weekdayslider .owl-prev {
  left: 0;
}
.weekdayslider .owl-next {
  right: 0;
}
.weekdayslider .slick-list {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.bookprofiles-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: flex-start;
  align-content: flex-start;
}
.bookprofiles-container .book-profile-flex-div {
  width: 33.33%;
  padding-right: 20px;
}
.bookprofiles-container .book-profile-flex-div.book-profile-single {
  width: 100%;
}
.bookprofiles-container .book-profile-flex-div.book-profile-two {
  width: 50%;
}
.book-profile-flex-div {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-decoration: none;
  vertical-align: top;
}
#apgSearchProgress,
#AppProgressModalEvent {
  width: 666px;
  max-width: 95%;
  margin-left: auto !important;
  margin-right: auto !important;
}
#apgSearchProgress.modal-dialog,
#apgSearchProgressEvent.modal-dialog {
  padding: 0px;
  z-index: 999;
}
#apgSearchProgress .loader,
#apgSearchProgressEvent .loader {
  display: none;
}
#AppProgressModal.model,
#AppProgressModalEvent.model {
  background-color: rgba(0, 0, 0, 0.15);
}
.app-search-pop {
  text-align: center;
  width: 100%;
  padding: 45px 20px;
  background: white;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.app-search-pop h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 500;
  margin: 0px;
}
.app-search-pop .text-block-48 {
  padding-top: 10px;
  text-align: center;
}
.search-close-app {
  position: absolute;
  right: 15px;
  top: 15px;
}
.book-checkout .book-wrapper {
  padding: 0;
  max-width: 100%;
  width: 100%;
}
.book-checkout .thm-contentWrap {
  max-width: 100%;
}
.portfolioservice {
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: -ms-calc(100% - 100px);
  width: calc(100% - 100px);
  vertical-align: top;
}
.appoint-cellphone .w-custom-dropdown {
  float: left;
  width: 24%;
}
.appoint-cellphone .myformgrp {
  float: right;
  width: 74%;
}
.shipping-address-div .address-field,
.div-address-div .address-field {
  width: 100%;
}
.shipping-address-div .select2-container-multi .select2-choices .select2-search-field input,
.div-address-div .select2-container-multi .select2-choices .select2-search-field input {
  font-size: 14px;
  color: #333333;
}
.address-field.select2-container {
  border: 0 none;
  padding: 0;
}
.address-field.select2-container .select2-choices .select2-search-field input {
  font-size: 14px;
  color: #333333;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 8px 12px;
}
.address-field.select2-container .select2-choices .select2-search-field input:focus {
  border-color: #3898ec;
  outline: 0;
}
.address-field.select2-container.errorInput .select2-choices .select2-search-field input {
  border-color: #eb6663;
}
.address-field.select2-container.errorInput .select2-choices .select2-search-field input:focus {
  border-color: #eb6663;
}
.payment-iframe {
  margin: 0 -4px;
}
/* Thanks Popup */

.thanks-popup .modal-dialog {
  width: 500px;
}
.thanks-popup .modal-content {
  font-size: 14px;
  line-height: 20px;
}
.thanks-popup-img-left {
  float: left;
  padding-right: 10px;
}
.thanks-popup-text-right {
  margin-left: 195px;
}
.thanks-popup-img {
  vertical-align: top;
}
.thanks-popup-label {
  display: block;
  text-align: center;
}
/* New Design for Appointment booking : START */

[data-ix=fade-in] {
  opacity: 0;
  -webkit-transform: translate(0, 13px);
  -ms-transform: translate(0, 13px);
  transform: translate(0, 13px);
}
[data-ix=calendar-fall] {
  opacity: 0;
  -webkit-transform: translate(0, -100px);
  -ms-transform: translate(0, -100px);
  transform: translate(0, -100px);
}
[data-ix=cal-success-check],
[data-ix=cal-success-check-2] {
  -webkit-transform: scale(0.01, 0.01);
  -ms-transform: scale(0.01, 0.01);
  transform: scale(0.01, 0.01);
}
[data-ix=fade-in-delay] {
  opacity: 0;
}
.accept-div-overall {
  width: 1000px;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  font-weight: 300;
  text-align: center;
}
.green-circle-div {
  background-color: #4bb665;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 100px;
  top: 92px;
  border-radius: 50%;
  font-family: 'Fontawesome pro 400', sans-serif;
  color: white;
  font-size: 22px;
}
.green-circle-div.blue {
  background-color: #248dd5;
}
.calendar-icon-success {
  background-color: white;
  width: 120px;
  margin: 0 auto 42px;
  border-radius: 10px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.booked-month {
  height: 40px;
  border-radius: 10px 10px 0 0;
  line-height: 40px;
  background-color: #d65956;
  color: white;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: .5px;
}
.booked-date {
  color: #333333;
  height: 80px;
  font-size: 50px;
  line-height: 80px;
}
.accept-title {
  margin-bottom: 5px;
  font-size: 32px;
  line-height: 36px;
}
.accept-paragraph {
  max-width: 600px;
  font-size: 16px;
  line-height: 22px;
  margin: 0 auto;
}
.appointment-detail {
  width: 800px;
  max-width: 90%;
  margin: 35px auto 0;
}
.appt-service-booked {
  display: table;
  width: 100%;
}
.appt-service-provider {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  border-right: 1px solid rgba(0, 0, 0, 0.14);
  padding: 30px;
  text-align: left;
}
.appt-service-inner {
  display: inline-block;
  text-align: left;
  margin: 27px 0;
}
.appt-provider-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  float: left;
  border-radius: 100%;
}
.appt-provider-img .avatar-inital.bordered-avatar {
  font-size: 24px;
}
.appt-provider {
  margin-left: 70px;
  padding-top: 3px;
}
.name-booking-success {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}
.name-book-service {
  font-size: 16px;
  font-weight: 400;
}
.booked-date-time {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 50%;
  padding: 30px;
}
.booked-date-time .common-btn-style {
  margin-top: 10px;
}
.booked-date-month {
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: 400;
}
.booked-time {
  margin-bottom: 0;
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}
.booked-location-map {
  padding: 30px 0;
  margin-bottom: 50px;
}
.appt-location-map {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 250px;
}
/* New Design for Appointment booking : END */

/* No Appointment Found : START */

.dang-no-appointment {
  font-weight: 300;
  margin: 0 auto 120px;
  padding: 30px 0;
  text-align: center;
  max-width: 800px;
  width: 95%;
}
.dang-no-appointment .icon-sad-calendar {
  font-size: 80px;
  line-height: 80px;
  font-weight: 400;
}
/* Add Dang Css By Sneha 03-08-2018 Start */

/* Waitlist Add to Button css Start */

.dang-part {
  font-weight: 500;
}
.dang-part .dang-mid {
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
}
.dang-part .dang-icon {
  font-family: 'vagaro-icons';
  font-size: 55px;
  line-height: 60px;
}
.dang-part .dang-title {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 34px;
}
.dang-part .dang-description {
  margin-top: 4px;
  margin-bottom: 10px;
  color: #777777;
  font-size: 16px;
  font-weight: 300;
}
.dang-part .dang-next-date {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 0;
}
.dang-part .w-button-primary {
  width: 100%;
  font-size: 15px;
  font-weight: 300;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 30px;
  min-height: 40px;
  line-height: 40px;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
}
.waitlistFull {
  width: 100%;
}
.waitlistFull .orText {
  width: 100%;
  color: #777777;
  margin-bottom: 0px;
  background: #cdcdcd;
  height: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.waitlistFull .orText span {
  padding: 0 20px;
  position: relative;
  top: 0px;
  font-size: 15px;
  font-weight: 300;
  background: white;
}
.waitlistFull .w-button-white {
  width: 100%;
  font-size: 15px;
  font-weight: 300;
  padding-left: 0;
  padding-right: 0;
  margin-top: 30px;
  margin-bottom: 0;
  min-height: 38px;
  line-height: 38px;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  border: 1px solid transparent ;
  border-radius: 3px;
  color: #333333;
}
.waitlistFull .w-button-white:hover {
  border-color: #e9e9e9;
}
.waitlistFull-appointment {
  width: 100%;
}
.waitlistFull-appointment .orText {
  width: 100%;
  color: #777777;
  margin-bottom: 0px;
  background: #cdcdcd;
  height: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.waitlistFull-appointment .orText span {
  padding: 0 20px;
  position: relative;
  top: 0px;
  font-size: 15px;
  font-weight: 300;
  background: white;
}
.waitlistFull-appointment .w-button-appointment {
  width: 100%;
  font-size: 15px;
  font-weight: 300;
  padding-left: 0;
  padding-right: 0;
  margin-top: 30px;
  margin-bottom: 0;
  min-height: 38px;
  line-height: 38px;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  border: 1px solid transparent;
}
.select2-selectAll--dropdown a:hover {
  color: #333333 !important;
}
.common-watilistfull {
  padding: 0px;
}
.common-add-waitlist-btn {
  width: 400px;
  margin: 0 auto 120px;
}
.add-waitlist-btn {
  display: block;
}
.font-black-color {
  font-weight: 400;
  color: #333333;
}
/* Waitlist Add to Button css End */

/* Waitlist Popup Css Start */

.class-detail-popup .newpopupdesign {
  width: 710px !important;
}
.WaitlistpopupPart {
  padding-top: 0px;
  font-weight: 500 !important;
  /*Waitlist Time Css Start */

  /*======= Add to waitlist popup new design Add by Sneha start - 28-11-2018 =======*/

  /*.newWaitlistAdddate .NewAddwaitlistLine:first-child .search-div-38 .date-timeinput{border-radius:3px 0px 0px 0px; }
    .newWaitlistAdddate .NewAddwaitlistLine:first-child .search-div-38._16 .date-timeinput:last-child{border-radius:0px 3px 0px 0px;}
    .newWaitlistAdddate .NewAddwaitlistLine:last-child .search-div-38 .date-timeinput.bottom-border{border-radius:0px 0px 0px 3px;border-bottom:1px solid rgba(0, 0, 0, 0.15);}
    .newWaitlistAdddate .NewAddwaitlistLine:last-child .search-div-38._16 .date-timeinput.bottom-border{border-radius:0px 0px 3px 0px;border-bottom:1px solid rgba(0, 0, 0, 0.15);}*/

  /*.newWaitlistAdddate .search-div-38:last-child .date-timeinput.intro{border:1px solid #248dd5; background-color: rgba(36,141,213,.15); border-bottom:none}
    .newWaitlistAdddate .search-div-38:last-child .date-timeinput:after{ position: absolute; width: 100%; bottom: 0px; height: 1px; left: 0; background-color: #248dd5; content: ""; z-index: 1; cursor:pointer; }
    .NewAddwaitlistLine:last-child .search-div-38 .date-timeinput, .NewAddwaitlistLine:last-child .search-div-38:last-child .date-timeinput{border-bottom:1px solid rgba(0,0,0,.15);}*/

  /*.NewAddwaitlistLine:last-child .search-div-38:last-child .date-timeinput.intro{ border-bottom:1px solid #248dd5;}*/

  /*======== New Add to waitlist popup dropdown Add Start css by Sneha 05-12-2018 ========*/

  /*====== Web Dropdown Css Start ======*/

  /*.NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist{position:absolute;top:60px !important; width:250px !important; right:0; height:auto !important; z-index:9; display:none; bottom:inherit;}*/

  /*.NewAddwaitlistLine:last-child .search-div-38:last-child .waitlistNewDropdownbg:last-child{bottom:60px; top:inherit !important;}*/

  /*.NewAddwaitlistLine .waitlistNewdropdown .select-dropdown-waitlist .checkbox-part .checkbox-form {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 20px;height: 20px;margin-right: 10px;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border: 1px solid #9a9a9a;border-radius: 5px;font-family: 'Fontawesome pro 400', sans-serif;font-style: normal;text-decoration: none;}
    .NewAddwaitlistLine .waitlistNewdropdown .select-dropdown-waitlist .checkbox-part .checkbox-form.no-pad {margin-right: 0px;}
    .NewAddwaitlistLine .waitlistNewdropdown .select-dropdown-waitlist .checkbox-part.checkbox-form.no-pad.inactive {border-color: rgba(0, 0, 0, .1);background-color: #f5f5f5;}

    .NewAddwaitlistLine .waitlistNewdropdown .select-dropdown-waitlist .checkbox-part .inner-check {display: none;width: 100%;height: 100%;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border: 1px solid #333;border-radius: 4px;background-color: #333;font-family: 'Fontawesome pro 400', sans-serif;color: #fff;font-size: 14px;text-decoration: none;}

    .NewAddwaitlistLine .waitlistNewdropdown .select-dropdown-waitlist .checkbox-part .inner-check.active {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}*/

  /*.multiNewadddatepicker .NewAddwaitlistLine:first-child .waitlistNewDropdownbg{position:inherit; top:0px; clear:both; bottom:inherit;}*/

  /*====== Web Dropdown Css End ======*/

  /*======== New Add to waitlist popup dropdown Add End css by Sneha 05-12-2018 ========*/

  /*======= Add to waitlist popup new design Add by Sneha End - 28-11-2018 =======*/

  /*Waitlist Time Css End */

}
.WaitlistpopupPart .waitlistpopuptitle {
  padding-left: 7px;
  padding-right: 7px;
}
.WaitlistpopupPart .waitlistpopuptitle .eventclass-name {
  font-size: 20px !important;
}
.WaitlistpopupPart .WaitlistDisc {
  margin-bottom: 5px;
  font-size: 16px;
  cursor: default;
  /*width: 45%;*/
  width: 100%;
  display: inline-block;
  margin-top: 8px;
}
.WaitlistpopupPart .WaitlistDiscfullwidth {
  margin-bottom: 5px;
  font-size: 16px;
  cursor: default;
  width: 100%;
  display: inline-block;
}
.WaitlistpopupPart .Waitlistpopupbody {
  padding-top: 10px;
  z-index: 99999;
  padding-right: 0;
}
.WaitlistpopupPart .waitlist-row {
  margin-top: 0px;
}
.WaitlistpopupPart .WaitListServiceFull {
  width: 50%;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: top;
}
.WaitlistpopupPart .WaitListServiceFullWidth {
  width: 100%;
  display: inline-block;
}
.WaitlistpopupPart .WaitListServiceFullWidth .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 5px;
}
.WaitlistpopupPart .WaitListServiceFull .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
  border-width: 7px 5px 0 5px;
  margin-left: -7px;
  border-color: #333333 transparent transparent transparent;
}
.WaitlistpopupPart .select2-container--default {
  width: 100% !important;
}
.WaitlistpopupPart .dropdown-fa-absolute {
  display: none;
}
.WaitlistpopupPart .select2-container--default .select2-selection--multiple {
  border-radius: 2px;
  height: 40px;
  cursor: pointer;
}
.WaitlistpopupPart .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  /*padding-bottom: 7px; */
  line-height: 27px;
  font-size: 16px;
}
.WaitlistpopupPart .select2-container--default .select2-selection--multiple .select2-selection__rendered span {
  padding-left: 9px;
}
.WaitlistpopupPart .select2-container--default .select2-selection--multiple .select2-selection__arrow {
  top: 20px;
  right: 7px;
}
.WaitlistpopupPart .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
  border-width: 6px 6px 0 6px;
  border-color: #333333 transparent transparent transparent;
}
.WaitlistpopupPart .select2-container .select2-search--inline .select2-search__field {
  font-size: 15px;
  font-family: "proxima-nova", sans-serif;
}
.WaitlistpopupPart .select2-dropdown {
  width: 100% !important;
}
.WaitlistpopupPart .select2-container--open .select2-dropdown {
  width: 100% !important;
}
.WaitlistpopupPart .SelectDateTime {
  position: static;
}
.WaitlistpopupPart .SelectDatePart {
  width: 49%;
  float: left;
}
.WaitlistpopupPart .SelectDatePart h2 {
  margin-bottom: 5px;
  font-size: 15px;
  cursor: default;
  font-weight: 500;
  line-height: 20px;
}
.WaitlistpopupPart .selectTimePart {
  width: 51%;
  float: left;
  padding-left: 20px;
}
.WaitlistpopupPart .selectTimePart h2 {
  margin-bottom: 5px;
  font-size: 15px;
  cursor: default;
  font-weight: 500;
  line-height: 20px;
}
.WaitlistpopupPart .xdsoft_datetimepicker {
  max-width: 100%;
  min-width: 253px;
  padding-top: 9px;
  padding-right: 17px;
  padding-left: 9px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  height: 294px;
}
.WaitlistpopupPart .xdsoft_datetimepicker .xdsoft_label.scroller_custom:after {
  background: transparent;
  box-shadow: none;
}
.WaitlistpopupPart .WaitlistTimes {
  clear: both;
  width: 100%;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
}
.WaitlistpopupPart .WaitlistTimes .ser-headText {
  float: left;
}
.WaitlistpopupPart .WaitlistTimes .ser-headText h2 {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 6px;
  margin: 0;
  padding: 0;
}
.WaitlistpopupPart .WaitlistTimes .ser-headText p {
  font-size: 15px;
  color: gray;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
.WaitlistpopupPart .WaitlistTimes .WaitlistTimesInputCheck {
  float: right;
}
.WaitlistpopupPart .WaitlistTimesInputCheck {
  border-radius: 10px;
  overflow: hidden;
  /*background-color: #7cc576;  border: #cdcdcd solid 1px;*/
  display: inline-block;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn {
  float: left;
  position: relative;
  width: 100%;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn > input[type="checkbox"] {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn .timeSchedule {
  padding: 14px 29px 15px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #9a9a9a;
  display: block;
  box-sizing: border-box;
  font-weight: 300;
  background-color: white;
  border-bottom: none;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn .timeSchedule:after {
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: rgba(36, 141, 213, 0.15);
  content: "";
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn .timeSchedule span {
  width: 100%;
  display: block;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn > input[type="checkbox"]:checked + .timeSchedule {
  background-color: rgba(36, 141, 213, 0.15);
  color: #222222;
  border-color: #248dd5;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn:first-child > input[type="checkbox"]:checked + .timeSchedule {
  background-color: rgba(36, 141, 213, 0.15);
  color: #222222;
  border-color: #248dd5;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn:first-child .timeSchedule {
  border-radius: 10px 10px 0 0;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn:last-child .timeSchedule {
  border-radius: 0 0 10px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.WaitlistpopupPart .st-time {
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: 600;
}
.WaitlistpopupPart .wl-time {
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn > input[type="checkbox"]:checked + .timeSchedule:after {
  position: absolute;
  width: 100%;
  bottom: -1px;
  height: 1px;
  left: 0;
  background-color: #248dd5;
  content: "";
  z-index: 1;
  cursor: pointer;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn > input[type="checkbox"][disabled] + .timeSchedule {
  float: left !important;
  position: relative !important;
  width: 100% !important;
  background-color: #f8f8f8 !important;
  cursor: default !important;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn > input[type="checkbox"][disabled] + .timeSchedule .st-time {
  color: #b3b3b3;
}
.WaitlistpopupPart .WaitlistTimesInputCheck .serSwitch-btn > input[type="checkbox"][disabled] + .timeSchedule .wl-time {
  color: #b3b3b3;
}
.WaitlistpopupPart .WaitListServicehalfWidth {
  width: 50%;
  display: inline-block;
}
.WaitlistpopupPart .WaitListServicehalfWidth .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 5px;
}
.WaitlistpopupPart .WaitListServicehalfWidth .select2-search {
  padding-left: 0;
}
.WaitlistpopupPart .WaitListServicehalfWidth .select2-search input {
  padding-left: 0;
}
.WaitlistpopupPart .NewAddwaitlistLine {
  width: 100%;
  float: left;
}
.WaitlistpopupPart .NewAddwaitlistLine .datepicker-50 {
  width: 50%;
}
.WaitlistpopupPart .NewAddwaitlistLine .dropdown-fa-absolute {
  display: block !important;
}
.WaitlistpopupPart .newaddwaitlistdatepicker {
  padding-top: 15px;
  border-bottom: 0px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 5px 0 5px;
}
.WaitlistpopupPart .NewaddtowailistRow {
  margin-top: -1px;
}
.WaitlistpopupPart .waitlistTimeDate {
  display: block;
}
.WaitlistpopupPart .waitlistTimeDate .addbutton {
  width: 248px;
  font-weight: 400;
  margin-bottom: 15px;
  margin-left: 0px;
  float: left;
  font-weight: 300;
}
.WaitlistpopupPart .newWaitlistAdddate {
  height: 432px;
  padding-left: 0;
}
.WaitlistpopupPart .newWaitlistAdddate .adddatetimerow {
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-right: 27px;
  padding-left: 27px;
}
.WaitlistpopupPart .newWaitlistAdddate .search-div-38 {
  border-right: 0 !important;
  height: 60px;
}
.WaitlistpopupPart .newWaitlistAdddate .dropdown-fa-absolute {
  top: 20px;
  color: #333333;
  font-size: 18px;
}
.WaitlistpopupPart .newWaitlistAdddate .search-div-38 .date-timeinput {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 0;
  border-radius: 5px 0px 0 5px ;
  font-weight: 400;
  font-family: proxima-nova, sans-serif;
}
.WaitlistpopupPart .newWaitlistAdddate .search-div-38._16 .date-timeinput {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px 5px 5px 0px;
  font-weight: 400;
}
.WaitlistpopupPart .newWaitlistAdddate .search-div-38 .Adddate-timeinput {
  padding-left: 42px;
  border-top: 0;
}
.WaitlistpopupPart .newWaitlistAdddate .search-div-38._16 .Addtime-timeinput {
  border-top: 0;
}
.WaitlistpopupPart .newWaitlistAdddate .search-div-38 .removeicon-waitlist {
  top: 20px;
  font-size: 18px;
}
.WaitlistpopupPart .newWaitlistAdddate .search-div-38:last-child .date-timeinput {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewdropdown {
  position: relative;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg {
  position: inherit;
  top: 60px;
  clear: both;
  bottom: inherit;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg.toptimedropdown {
  position: inherit;
  top: inherit;
  clear: both;
  bottom: 60px;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg.toptimedropdown1 {
  position: inherit;
  top: inherit;
  clear: both;
  bottom: 136px;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist {
  width: 100%;
  background: white;
  border-radius: 5px;
  box-shadow: 0 4px 7px 2px rgba(0, 0, 0, 0.1);
  padding: 5px 15px 10px;
  position: absolute;
  width: 250px !important;
  right: 27px;
  height: auto !important;
  z-index: 9;
  display: none;
  bottom: inherit;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist li {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 10px;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist li:last-child {
  margin-bottom: 5px;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .checkbox-part {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .st-time {
  font-size: 14px;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .checkbox-part > label {
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
  vertical-align: top;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 10px;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .checkbox-part > div span {
  font-weight: 600;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .checkbox-part > input[type="checkbox"] {
  display: block;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .checkbox-part > input[type="checkbox"]:disabled + label::before {
  background-color: #f8f8f8;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .checkbox-part > input[type="checkbox"]:disabled + label span {
  color: #b3b3b3 !important;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .checkbox-part > input[type="checkbox"]:disabled + label {
  cursor: default;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .checkbox-part > input[type="checkbox"] + label::before {
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  float: left;
  height: 18px;
  margin-left: -26px;
  overflow: hidden;
  position: relative;
  width: 18px;
  background: white;
  margin-top: 2px;
}
.WaitlistpopupPart .NewAddwaitlistLine .waitlistNewDropdownbg .select-dropdown-waitlist .checkbox-part > input[type="checkbox"]:checked + label::before {
  background-color: #333333;
  background-image: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com/Images/signup-check.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
.WaitlistpopupPart .multiNewadddatepicker .NewAddwaitlistLine .waitlistNewDropdownbg {
  position: relative;
  top: inherit;
  clear: both;
  bottom: 30px;
}
.WaitlistpopupPart .modal-footer {
  background: #f8f8f8;
  border-radius: 0 0 8px 8px;
  padding-bottom: 10px;
  position: relative;
  z-index: 9999;
}
.WaitlistpopupPart .modal-footer.footer-blue-buttons .btn {
  padding: 9px 25px;
  min-width: 100px;
  font-size: 16px;
  font-weight: 400;
  width: auto !important;
  float: none;
}
.WaitlistpopupPart .SelectDatePart td.xdsoft_current.select-cross {
  position: relative;
}
.WaitlistpopupPart .SelectDatePart td.xdsoft_current.select-cross > div.select-cross-position {
  position: relative;
}
.WaitlistpopupPart .SelectDatePart td.xdsoft_current.select-cross span.selectdatesi {
  position: absolute;
  right: -10px;
  top: -10px;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  background: #e7e7e7;
  font-family: 'Fontawesome pro 300', sans-serif;
  color: #777777;
  font-size: 12px;
  line-height: 18px;
}
/*New css add by sneha 13-12-2018*/

.WaitlistpopupPart .waitlistnewbody {
  overflow: auto;
  position: absolute;
  top: 15px;
  right: 0;
  left: 0;
  bottom: 0px;
  width: 100%;
}
.WaitlistpopupPart .waitlistnewdescont {
  position: relative;
  max-width: 100%;
}
.WaitlistpopupPart .waitlistcontPos {
  position: relative;
  clear: both;
  overflow: inherit;
}
.WaitlistpopupPart .reswaitlistServiceTitle {
  display: none;
}
/*New css add by sneha 13-12-2018*/

.waitlist-dropdownList {
  width: 100%;
}
.waitlist-dropdownList .select2-dropdown--below {
  width: 328px !important;
}
.dropdown-full-width .select2-dropdown--below {
  width: 560px !important;
}
.select2-selectAll--dropdown {
  padding: 10px 10px 30px;
}
/*.selectall { float: left; }*/

.selectnone {
  float: none !important;
  position: absolute;
  right: 7px;
  text-align: right;
}
.select2-results {
  width: 100%;
}
.service-data-only .hide-home-servicesclass {
  display: none;
}
.hide-customserviceclass {
  display: none!important;
}
/*.waitlist-dropdownList .multicheck-checkbox { height: 28px; top: 6px; }*/

/*=== checkbox add css by sneha start===*/

.waitlist-dropdownList {
  border: none;
  /*box-shadow: 0 4px 7px 2px rgba(205,205,205,0.8);*/

}
.select2-container--open .waitlist-dropdownList {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.waitlist-dropdownList .multicheck-checkbox {
  background: white !important;
  border: solid rgba(0, 0, 0, 0.3) 1px;
  width: 18px;
  height: 18px;
  top: 13px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.waitlist-dropdownList .select2-results__option[aria-selected=true] .multicheck-checkbox {
  text-align: center;
  color: white;
  background: #333333 !important;
  font-size: 14px;
  line-height: 17px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 13px;
}
.waitlist-dropdownList .select2-results__option[aria-selected=true] .multicheck-checkbox:after {
  font-family: 'Fontawesome pro 400', sans-serif;
  content: "\f00c";
}
.waitlist-dropdownList .labelpadd {
  padding-left: 36px;
  word-break: break-word;
  line-height: 22px;
  margin-bottom: 4px;
  font-size: 15px;
}
.waitlist-dropdownList .select2-results__option {
  padding: 10px 6px 8px;
}
.waitlist-dropdownList .res-selectlink a {
  display: block;
  font-size: 16px;
  color: #4a90e2;
  text-decoration: none !important;
  padding: 10px 0 10px 13px;
}
.waitlist-dropdownList .res-selectlink a em {
  font-style: normal;
  display: inline-block;
  margin-right: 10px;
  font-family: 'Fontawesome pro 300';
}
.waitlist-dropdownList .res-selectlink a:hover {
  text-decoration: none !important;
}
/*=== checkbox add css by sneha End ===*/

.waitlist-dropdownList .select2-search--dropdown .select2-search__field {
  min-height: 40px;
}
.waitlist-dropdownList {
  z-index: 99999;
}
.bundletext span {
  font-size: 16px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 100%;
  float: left;
}
.waitlist-border-none:last-child {
  border-bottom: 0;
  /*margin-bottom:0;*/

}
/* Waitlist Popup Css Start */

.view-business-btn-bg {
  text-align: center;
  margin-top: 60px;
}
.view-business-btn-bg .view-business-btn {
  width: auto !important;
  color: #333333;
}
.WaitlistpopupPart .modal-footer.footer-blue-buttons .popup-addwaitlist {
  float: right !important;
  font-weight: 100;
  margin-bottom: 0 !important;
}
/* Add Dang Css By Sneha 03-08-2018 End */

.dang-title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 1.16;
}
.dang-description {
  font-size: 15px;
  max-width: 400px;
  margin: 0 auto;
}
.dang-next-date {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 24px;
  margin-bottom: 14px;
}
.dang-datepick {
  background: transparent;
  border: 0 none !important;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
  display: inline;
  height: auto;
  vertical-align: top;
  width: auto;
}
/* No Appointment Found : END */

/* Block Customer */

.es-icon {
  font-size: 60px;
  line-height: 68px;
  padding-bottom: 5px;
}
/* Listings Page */

.listing-like-page .footer-section {
  display: none;
}
.listing-like-page .content-wrapper {
  margin-bottom: 0;
  height: 100%;
  padding-top: 0;
}
.listing-like-page .push {
  display: none !important;
}
.filters-button {
  float: left;
  margin-top: 7px;
}
.filter-container {
  overflow: hidden;
}
.daily-deals-map .gm-style-mtc {
  margin-top: 12px;
}
.redo-search-btn {
  display: none;
  width: 157px;
  position: absolute;
  top: 128px;
  left: 20px;
  background-color: #eb6663;
  cursor: pointer;
  color: white;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  border-radius: 3px;
  z-index: 5;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.map-list-pkg {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: none !important;
}
.listings-filter-div {
  white-space: nowrap;
  max-height: 58px;
}
.prof-right-padding.data-padding-right {
  padding-right: 35px;
}
.prof-right-padding.data-padding-right .right-slide-arrow {
  right: 10px;
}
.ipadandroid .filteradded {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ipadandroid .right-slide-arrow,
.ipadandroid .left-slide-arrow {
  display: none !important;
}
.ipadandroid .prof-right-padding {
  padding-right: 90px;
}
.ipadandroid .prof-right-padding.data-padding-right {
  padding-right: 0px;
}
.more-gradient {
  position: relative;
}
.listings-60 {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  position: relative;
  z-index: 5;
}
.ipadandroid .listings-60:not(.daily-deals) {
  position: fixed;
  top: 108px;
  margin-top: 0;
  bottom: 0px;
}
.ipadandroid .listings-parent-div-100:not(.daily-deals-wrap) .daily-deals-map {
  margin-left: 450px;
}
.listings-60:not(.daily-deals) .section-bottomload {
  margin-top: 40px;
}
.iosdevice .listings-60 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.filters-div {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.windowsSafari .listings-60,
.windowsSafari .filters-div {
  overflow-x: hidden;
  overflow-y: scroll;
}
.windowsSafari .filters-div {
  height: 100%;
}
.windowsSafari .businesses-avail-text {
  float: left;
  position: relative;
}
.distance-overall-div {
  padding-bottom: 61px;
}
.distance-div {
  margin-left: -18px;
  margin-top: 36px;
  white-space: nowrap;
  width: 64px;
  text-align: center;
}
.filtercheckboxdiv._4-col-flex-filter {
  padding: 0;
  display: block;
}
.filtercheckboxdiv._4-col-flex-filter.bottom {
  padding-bottom: 30px;
}
.filtercheckboxdiv .filter-title {
  float: left;
  padding: 10px 10px 10px 0;
}
.filter-cateinput {
  margin-left: 140px;
}
.filtercheckboxdiv .filters-checkbox {
  float: left;
  padding: 10px 10px 10px 0;
  width: 32%;
  display: block;
}
.filtercheckboxdiv .filters-checkbox:nth-child(3n+1) {
  clear: left;
}
.filtercheckboxdiv .nthchild-issue .filters-checkbox:nth-child(3n+1) {
  clear: none;
}
.filtercheckboxdiv .filters-checkbox.filters-first {
  clear: none !important;
}
.filter-top-div {
  bottom: 78px;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 30px 40px;
  position: absolute;
  right: 0;
  top: 0;
  padding-bottom: 10px;
}
.filter-tabs-menu .filter-mobile-tab {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  border: #cdcdcd solid 1px;
  margin-left: -1px;
}
.filter-tabs-menu .filter-mobile-tab:first-child {
  border-radius: 4px 0 0 4px;
  margin-left: 0;
}
.filter-tabs-menu .filter-mobile-tab:last-child,
.filter-tabs-menu.filt-lastCurv .filter-mobile-tab:nth-last-child(2) {
  border-radius: 0 4px 4px 0;
}
.filter-tabs-menu .filter-mobile-tab.active {
  background-color: #eef3ff !important;
  border-color: #2b90d6;
}
.filter-tabs-menu .filter-mobile-tab:after {
  background-color: #2b90d6;
  content: "";
  width: 1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  position: absolute;
  display: none;
  z-index: 1;
}
.filter-tabs-menu .filter-mobile-tab.active:after {
  display: block;
}
.filter-tabs-menu .filter-mobile-tab:last-child:after,
.filter-tabs-menu.filt-lastCurv .filter-mobile-tab:nth-last-child(2):after {
  display: none;
}
.sort-toggle {
  max-width: 88px;
}
.sort-toggle.w--open {
  padding-left: 0;
}
.sort-dropdown-list {
  right: 0;
  min-width: 157px;
  z-index: 1;
}
.listings-business-parent-div {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#ulFeatureBusiness .listings-business-parent-div,
#ulFeatureBusiness .listings-business-parent-div {
  z-index: 1;
}
/* Map Start
*********************************/

.width100-per {
  width: 100% !important;
}
.infobox-button {
  height: 38px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.infobox-button.w-button-default {
  background-color: #464646;
}
.map-tooltip {
  position: relative;
  min-height: 64px;
}
a.map-tooltip {
  display: block;
  text-decoration: none;
  color: #333333;
}
.map-tooltip:after {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
  content: "asgfsdfsd";
  height: 0;
  left: 50%;
  margin-left: -15px;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 0;
}
.map-tooltip p {
  padding: 6px 5px 0px 5px;
  line-height: 18px;
  clear: both;
  word-break: break-all;
  display: block;
  font-size: 14px;
  color: #6a6765;
  text-align: center;
  margin: 0px;
}
.map-tooltip .rating-center {
  margin: 0 auto;
  display: table;
  min-width: 82px;
}
.map-salon-img {
  position: relative;
  width: 100%;
  height: 167px;
  overflow: hidden;
}
.map-salon-img a {
  color: white;
  text-decoration: none;
}
.map-salon-img a.map-imgcenter {
  display: block;
  width: 100%;
  height: 167px;
  vertical-align: middle;
  text-align: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #e0e0e0;
  border-radius: 5px 5px 0 0;
}
.map-salon-img a.map-imgcenter img {
  vertical-align: middle;
}
.caption-overlay {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  left: 0px;
  color: white;
  font-size: 14px;
  height: 38px;
  position: absolute;
  bottom: 0px;
}
.caption-map {
  text-decoration: none;
  color: #333333;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 2px;
}
.salon-time {
  float: left;
  width: 178px;
  margin: 0px;
  height: 151px;
  padding-top: 18px;
}
.salon-time li {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  color: #6a6765;
  line-height: 17px;
}
.salon-time label {
  width: 40px;
  font-weight: normal;
  padding: 0px;
  margin: 0px 15px 0 0;
  font-size: 12px;
  text-align: right;
  display: inline-block;
}
.mile-row {
  display: block;
  padding: 0px 0 0 0px;
  clear: both;
  height: 35px;
  line-height: 30px;
}
.mile-row img {
  vertical-align: top;
  margin-right: 5px;
  margin-top: 10px;
}
.map-right-arrow {
  color: white;
  position: absolute;
  font-size: 30px;
  top: inherit;
  top: -23px;
  right: 142px;
  width: 25px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-bottom: 28px solid;
  border-right: 21px solid transparent;
  border-left: 21px solid transparent;
}
.min-height-map {
  height: 152px;
  width: 177px;
}
.map-addres-col {
  padding: 7px 10px 10px;
}
.map-addres-col a {
  text-decoration: none;
}
.infoBox {
  overflow: visible !important;
  min-height: 64px;
  width: 250px;
  background: white;
  border-radius: 5px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
}
.infoBox > img {
  position: absolute !important;
  right: 3px;
  top: 3px;
  width: 20px;
  height: 20px;
  z-index: 1;
  background-color: white;
  padding: 4px;
  border-radius: 100%;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.25);
}
.time-col-height {
  height: 190px;
  overflow: hidden;
}
.infoBox .fullwidth-element {
  display: none !important;
}
.infoBox .daily-deal-text-div-flex {
  padding: 7px 10px 10px 10px;
}
.infoBox .daily-deal-image-div {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 167px;
  max-height: 167px;
  margin-bottom: 0px;
}
.infoBox #location {
  display: inline-block !important;
  text-transform: capitalize;
  font-size: 16px;
}
.infoBox #location span {
  margin-right: 5px;
}
.infoBox .card-title {
  width: 100%;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.windowsApp .infoBox .daily-deal-text-div-flex {
  display: block;
}
.infoBox #location span:first-child {
  margin-right: 1px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.infoboxlikeapp-arrow {
  background-image: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//PublicImages/Images/right-arrow2x.png");
  background-size: 10px auto;
  background-position: right center;
  background-repeat: no-repeat;
  height: 20px;
  width: 10px;
  opacity: 0.5;
  margin-left: 10px;
  margin-top: 11px;
  float: right;
}
.infobox-likeapp-left {
  float: left;
  width: 190px;
}
.infobox-likeapp-left .card-miles {
  font-size: 14px;
}
.map-addres-col .card-miles {
  font-size: 13px;
  color: #333333;
}
.bookaservicename {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-top: 8px;
}
.map-addres-col .price-time-parent-div {
  margin-left: 0;
}
/* Map End
*********************************/

/* Listings Page End */

/* Listings Search Page Start */

.listings-parent-div-100 {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.mapfilter,
.mobileFilter .mapfilter {
  display: none !important;
}
/* Professional Filter For mobile */

.mobile-professionfilter {
  background-color: white;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 3;
  display: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.listings-dropdown {
  float: left;
}
.price-time-parent-div .time-div,
.price-time-parent-div .price-div {
  cursor: pointer;
}
.price-time-parent-div.search-no-price {
  width: 92px;
}
.price-time-parent-div.search-no-price .time-div {
  width: 100%;
}
.price-time-parent-div.search-no-price .price-div {
  display: none;
}
.listings-top-div {
  position: relative;
}
.filters-div.listing-business-info-div {
  width: 100%;
}
.listing-business-info-div .gen-tooltip-div.featured-tooltip,
.listing-business-info-div .featured-tooltip {
  left: -120px;
}
.listings-business-parent-div:first-of-type .gen-tooltip-div.featured-tooltip,
.cards-parent-div-flex.daily + a + .listings-business-parent-div .gen-tooltip-div.featured-tooltip {
  top: 17px;
  bottom: auto;
  padding: 3px 0 0;
}
.gen-tooltip-div.featured-tooltip.openbottom {
  top: 17px;
  bottom: auto;
  padding: 3px 0 0;
}
/*.daily-deal-link:nth-of-type(2n) .gen-tooltip-div.featured-tooltip {
    left: 0;
}
.daily-deal-link:not(:nth-of-type(2n)) .gen-tooltip-div.featured-tooltip {
    left: 0;
}*/

.price-time-parent-div {
  margin-left: auto;
}
.icon-promotion {
  position: absolute;
  right: 0;
  top: 0;
  width: 59px;
  height: 59px;
  cursor: pointer;
  background: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/promotion-img-new-icon.png") no-repeat left top;
}
.popup-promo-title {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.bookaservice-service {
  background-color: white;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  margin-top: 5px;
  width: 370px;
}
.listing-searchinputstyle {
  border: 0 none;
  -webkit-appearance: none;
  outline: none;
  font-size: 14px;
  color: #222222;
  padding: 7px 40px 7px 15px;
  line-height: 22px;
}
.listing-searchinputstyle:-moz-placeholder {
  color: #222222;
  opacity: 1;
}
.listing-searchinputstyle::-moz-placeholder {
  color: #222222;
  opacity: 1;
}
.listing-searchinputstyle:-ms-input-placeholder {
  color: #222222;
  opacity: 1;
}
.listing-searchinputstyle::-webkit-input-placeholder {
  color: #222222;
  opacity: 1;
}
.bookaservice-service .select2-container-multi .select2-choices .select2-search-field input {
  border: 0 none;
  -webkit-appearance: none;
  outline: none;
  font-size: 14px;
  color: #222222;
  padding: 7px 40px 7px 15px;
  line-height: 22px;
  height: 34px;
}
.bookaservice-service .select2-container-multi .select2-choices .select2-search-field input:-moz-placeholder {
  color: #222222;
  opacity: 1;
}
.bookaservice-service .select2-container-multi .select2-choices .select2-search-field input::-moz-placeholder {
  color: #222222;
  opacity: 1;
}
.bookaservice-service .select2-container-multi .select2-choices .select2-search-field input:-ms-input-placeholder {
  color: #222222;
  opacity: 1;
}
.bookaservice-service .select2-container-multi .select2-choices .select2-search-field input::-webkit-input-placeholder {
  color: #222222;
  opacity: 1;
}
.bookaservice-date,
.bookaservice-time {
  margin-top: 5px;
  width: 185px;
  background-color: white;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  height: 36px;
}
.bookaservice-date input,
.bookaservice-time input,
.bookaservice-date input[type="button"],
.bookaservice-time input[type="button"] {
  border: 0 none;
  -webkit-appearance: none;
  outline: none;
  font-size: 14px;
  color: #222222;
  padding: 7px 40px 7px 15px;
  line-height: 22px;
  padding: 8px 40px 5px 15px;
  background-color: transparent;
  width: 100%;
  cursor: pointer;
  text-align: left;
  position: relative;
  z-index: 1;
}
.bookaservice-date input:-moz-placeholder,
.bookaservice-time input:-moz-placeholder,
.bookaservice-date input[type="button"]:-moz-placeholder,
.bookaservice-time input[type="button"]:-moz-placeholder {
  color: #222222;
  opacity: 1;
}
.bookaservice-date input::-moz-placeholder,
.bookaservice-time input::-moz-placeholder,
.bookaservice-date input[type="button"]::-moz-placeholder,
.bookaservice-time input[type="button"]::-moz-placeholder {
  color: #222222;
  opacity: 1;
}
.bookaservice-date input:-ms-input-placeholder,
.bookaservice-time input:-ms-input-placeholder,
.bookaservice-date input[type="button"]:-ms-input-placeholder,
.bookaservice-time input[type="button"]:-ms-input-placeholder {
  color: #222222;
  opacity: 1;
}
.bookaservice-date input::-webkit-input-placeholder,
.bookaservice-time input::-webkit-input-placeholder,
.bookaservice-date input[type="button"]::-webkit-input-placeholder,
.bookaservice-time input[type="button"]::-webkit-input-placeholder {
  color: #222222;
  opacity: 1;
}
.bookaservice-date input[disabled],
.bookaservice-time input[disabled],
.bookaservice-date input[type="button"][disabled],
.bookaservice-time input[type="button"][disabled] {
  cursor: not-allowed;
}
.bookaservice-date input:focus,
.bookaservice-time input:focus,
.bookaservice-date input[type="button"]:focus,
.bookaservice-time input[type="button"]:focus {
  outline: none;
}
.bookaservice-date .w-icon-dropdown-toggle,
.bookaservice-time .w-icon-dropdown-toggle {
  top: 1px;
  z-index: 0;
}
.bookaservice-time {
  width: 112px;
}
.bookaservice-time input {
  padding-right: 35px;
}
body.listing-like-page .bookaservice-select.select2-drop.selectbox-hide {
  box-shadow: none;
  border: 0px solid rgba(0, 0, 0, 0.1);
}
.bookaservice-select.select2-drop {
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: -1px;
  margin-top: 1px;
  line-height: 20px;
}
.bookaservice-select.select2-drop .select2-results li.select2-result-with-children {
  border-bottom: 0 none;
  padding: 0;
}
.bookaservice-select.select2-drop .select2-results li.select2-result-with-children > .select2-result-label {
  padding: 10px;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}
.bookaservice-select.select2-drop .select2-results li li.select2-result:hover {
  background: #e8e8e8;
}
.bookaservice-select.select2-drop .select2-results li li.select2-result:hover .select2-result-label {
  color: #333333;
}
.bookaservice-select.select2-drop .select2-results .select2-result-label {
  line-height: 20px;
  padding: 10px 20px;
  color: rgba(51, 51, 51, 0.6);
  font-size: 14px;
}
.bookaservice-select.select2-drop .select2-results .select2-highlighted {
  background: #e8e8e8;
}
.bookaservice-select.select2-drop .select2-results .select2-highlighted .select2-result-label {
  color: #333333;
}
/* Listings Search Page End */

/* Daily Deals Listing */

.daily-deal-link .daily-deal-image-div {
  max-width: 100%;
  margin-bottom: 4px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: auto;
  max-height: none;
}
.ipadandroid .daily-deal-link:last-of-type {
  padding-bottom: 80px;
}
/* My Profile Page Start */

.tab-content > .tab-pane {
  display: none;
  height: auto;
}
.tab-content > .active {
  display: block;
}
.custombannercontainer {
  clear: both;
  display: none;
  min-height: 124px;
  position: relative;
  width: 100%;
}
.form-50-div,
.profile-photo,
.upload-button,
.light-text {
  position: relative;
}
.shopOwner-profile {
  border-bottom: 0 none;
  padding-top: 0;
  padding-bottom: 0;
}
.profileformgrp {
  margin-bottom: 20px;
}
.profileformgrp input {
  margin-bottom: 0;
  width: 100%;
  font-weight: 400;
}
.profileformgrp :-moz-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.profileformgrp ::-moz-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.profileformgrp :-ms-input-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.profileformgrp ::-webkit-input-placeholder {
  color: #9a9a9a;
  opacity: 1;
}
.ipadandroid .profileformgrp input:-moz-placeholder {
  opacity: 1;
}
.ipadandroid .profileformgrp input::-moz-placeholder {
  opacity: 1;
}
.ipadandroid .profileformgrp input:-ms-input-placeholder {
  opacity: 1;
}
.ipadandroid .profileformgrp input::-webkit-input-placeholder {
  opacity: 1;
}
.profileformgrp .text-area._50 {
  width: 100%;
}
.profileformgrp .w-custom-dropdown {
  background-color: transparent;
  background-image: none;
  border-radius: 3px;
  height: 38px;
  margin-bottom: 0;
}
.profileformgrp .w-custom-dropdown select {
  border-radius: 3px !important;
  height: 38px;
}
.profile-select-arrow {
  font-family: 'Fontawesome pro solid 900', sans-serif;
  color: #333333;
  line-height: 20px;
  font-size: 15px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.select-gradient {
  background-image: url("../PublicImages/Images/select-gradient.png");
  background-position: 0 1px;
  background-repeat: repeat-x;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}
.profileformgrp.width50 {
  width: 49%;
}
.profileformgrp.margin-bottom10 {
  margin-bottom: 10px;
}
.upload-button input[type="file"] {
  text-indent: -100px;
  font-size: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.profileformgrp .light-text {
  width: auto;
  margin-top: 10px;
}
.modal-button-div.margin-top0 {
  margin-top: 0;
}
.profile-photo {
  width: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.profile-photo-delete {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 40px;
  color: white;
  font-size: 15px;
  font-weight: 400;
  height: 100%;
  line-height: 78px;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  visibility: hidden;
  width: 100%;
  -webkit-transition: opacity ease 200ms, visibility ease 200ms;
  transition: opacity ease 200ms, visibility ease 200ms;
}
.profile-photo:hover .profile-photo-delete.edit-delete-overlay {
  opacity: 1;
  visibility: visible;
}
.gif-imgloader {
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
}
.gif-imgloader img {
  height: 30px;
  margin-left: 25px;
  margin-top: 25px;
  max-height: 30px;
  max-width: 30px;
  width: 30px;
}
.switch-tab-menu .switch-tab:first-of-type {
  border-radius: 20px 0 0 20px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.switch-tab-menu .switch-tab:last-of-type {
  border-radius: 0 20px 20px 0;
}
.div-block-15 {
  max-width: -webkit-calc(100% - 110px);
  max-width: -moz-calc(100% - 110px);
  max-width: -o-calc(100% - 110px);
  max-width: -ms-calc(100% - 110px);
  max-width: calc(100% - 110px);
}
.address-country {
  position: relative;
}
.has-error .address-country .countrydropdown,
.address-country .countrydropdown {
  background-image: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/down-arrow-blacknw1.png");
  background-position: 50px center;
  background-repeat: no-repeat;
  background-size: 25px auto;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-radius: 3px 0 0 3px;
  cursor: pointer;
  float: left;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 68px;
}
.has-error .address-country .countryselectoption,
.address-country .countryselectoption {
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  left: 0;
  list-style: outside none none;
  margin: 0;
  padding: 8px 0;
  position: absolute;
  top: 39px;
  width: 225px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
  z-index: 1;
}
.has-error .address-country .countryselectoption li,
.address-country .countryselectoption li {
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 32px 24px;
  cursor: pointer;
  font-size: 15px;
  line-height: 40px;
  padding-left: 52px;
  color: #333333;
  font-weight: 400;
}
.has-error .address-country .countrydropdown .selectedcountry.aus-f,
.address-country .countrydropdown .selectedcountry.aus-f {
  background-image: url("../Images/aus-flag-img.png");
}
.has-error .address-country .countrydropdown .selectedcountry.canada-f,
.address-country .countrydropdown .selectedcountry.canada-f {
  background-image: url("../Images/canada-flag-img.png");
}
.has-error .address-country .countrydropdown .selectedcountry.uk-f,
.address-country .countrydropdown .selectedcountry.uk-f {
  background-image: url("../Images/uk-flag-img.png");
}
.has-error .address-country .countrydropdown .selectedcountry.us-f,
.address-country .countrydropdown .selectedcountry.us-f {
  background-image: url("../Images/us-flag-img.png");
}
.has-error .address-country .countrydropdown .selectedcountry.ie-f,
.address-country .countrydropdown .selectedcountry.ie-f {
  background-image: url("../Images/worldflag/Country_IE_Ireland.svg");
}
.has-error .address-country .countryselectoption li:hover,
.address-country .countryselectoption li:hover {
  background-color: #f8f8f8;
}
.has-error .address-country .countryselectoption li.active,
.address-country .countryselectoption li.active {
  background-color: #e7e7e7;
}
.has-error .address-country .countryselectoption li.aus-f,
.address-country .countryselectoption li.aus-f {
  background-image: url("../Images/aus-flag-img.png");
}
.has-error .address-country .countryselectoption li.canada-f,
.address-country .countryselectoption li.canada-f {
  background-image: url("../Images/canada-flag-img.png");
}
.has-error .address-country .countryselectoption li.uk-f,
.address-country .countryselectoption li.uk-f {
  background-image: url("../Images/uk-flag-img.png");
}
.has-error .address-country .countryselectoption li.us-f,
.address-country .countryselectoption li.us-f {
  background-image: url("../Images/us-flag-img.png");
}
.has-error .address-country .countryselectoption li.ie-f,
.address-country .countryselectoption li.ie-f {
  background-image: url("../Images/worldflag/Country_IE_Ireland.svg");
}
.has-error .address-country .countrydropdown .selectedcountry,
.address-country .countrydropdown .selectedcountry {
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 32px 24px;
  height: 100%;
  width: 100%;
}
.has-error .address-country .input-text,
.address-country .input-text,
.has-error .address-country .select2-container.select2-container-multi.input-text,
.address-country .select2-container.select2-container-multi.input-text {
  border-radius: 0 3px 3px 0;
  float: left;
  margin-left: 68px;
  width: calc(100% - 68px);
}
.change-password-buttons {
  padding-bottom: 50px;
  text-align: right;
  width: 100%;
}
.change-password-buttons .w-button-white,
.change-password-buttons .w-button-save {
  font-size: 14px;
  height: 36px;
  line-height: 34px;
  padding: 0;
  width: 70px;
}
.profile-footer-btns {
  padding: 0 20px 30px;
  text-align: right;
}
.profile-footer-btns:not(.myprofile-button) {
  display: none;
}
.prof-empty-screen .profile-footer-btns {
  visibility: hidden;
  display: block;
}
.profile-footer-btns.padding-top30 {
  padding-top: 25px;
}
.profile-footer-btns.padding-top25 {
  padding-top: 25px;
}
.profile-footer-btns input + input {
  margin-left: 12px;
}
.receipt-spacer:last-of-type {
  display: none;
}
.password-change {
  display: none;
}
label.errorInput {
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  color: #d83f34 !important;
  font-weight: normal;
  text-align: right;
  display: block;
  width: 100%;
}
/* My Profile Page End */

/* Appointments Page Start */

._2-tabs-menu li {
  float: left;
  width: 50%;
}
._2-tabs-menu a._2-tabs,
a._2-tabs {
  display: block;
  color: #222222;
  text-decoration: none;
  width: 100%;
}
._2-tabs-menu a._2-tabs:hover,
a._2-tabs:hover {
  color: #222222;
}
._2-tabs-menu a._2-tabs,
a._2-tabs.blackvpl {
  display: block;
  color: #6d6e6f;
  text-decoration: none;
  width: 100%;
}
._2-tabs-menu a._2-tabs:hover,
a._2-tabs.blackvpl:hover {
  color: #6d6e6f;
}
._2-tabs-menu .active ._2-tabs {
  border-bottom: 3px solid #eb6663;
}
._2-tabs-menu .active a._2-tabs {
  color: #eb6663;
}
._2-tabs-menu .active ._2-tabs.blackvpl {
  border-bottom: 3px solid #333333;
}
._2-tabs-menu .active a._2-tabs.blackvpl {
  color: #333333;
}
.square-photo-div,
.appt-business-name,
.cancel-div {
  position: relative;
}
.appt-business-name {
  float: none;
  display: block;
}
.appt-type-div {
  clear: left;
}
.package-icon-right {
  /*position: absolute; right: 20px; top: 20px;*/
  /*float: right;*/
  margin-bottom: 12px;
}
.package-icon-right a {
  /*float: left;*/
  text-decoration: none;
  /*margin-bottom: 12px;*/

}
.servicebundleicon {
  display: none;
}
.serv-bundle-icon {
  margin-left: 5px;
}
.serv-bundle-icon span {
  font-size: 22px;
  color: #eb6663;
  line-height: 24px;
}
/* Appointment with more option */

.appointment-options-div {
  width: 180px;
}
.vg-dropdown-link.appointment-btnlink {
  font-size: 15px;
}
.appointment-options-div .vg-dropdown-child {
  border-color: #d9d9d9;
}
/*Appointment upcoming css Add by sneha 09-08-2018 Start */

.tag-panel {
  width: 100%;
}
.tag-panel .tag-box {
  background: #e7e7e7;
  margin-top: 5px;
  margin-right: 5px;
  padding: 6px 10px 4px 10px;
  border-radius: 3px;
  font-size: 14px;
  float: left;
}
.tag-panel .tag-text {
  padding: 0 5px 0 0;
  float: left;
  line-height: 19px;
}
.tag-panel .month-date {
  font-size: 14px;
  margin-right: 3px;
  float: left;
}
.tag-panel .schedule-time {
  font-size: 14px;
  float: left;
}
.tag-panel .tag-close-icon {
  font-family: 'Fontawesome pro 300', sans-serif;
  font-style: normal;
  cursor: pointer;
  float: left;
}
/*Appointment upcoming css Add by sneha 09-08-2018 End */

/* Appointments Page End */

/* Bookmarks Page Start */

.bookmarks-bus-name {
  float: none;
}
.bookmark-text-div {
  position: relative;
}
.remove-link img {
  float: left;
}
.bookmarkpromotion {
  position: absolute;
  right: 0;
  top: -30px;
  font-size: 17px;
}
.bookmarks-div:first-of-type .bookmarkpromotion {
  top: -20px;
}
/* Bookmarks Page End */

/* home feed back css*/

.home-feedb-block {
  display: none;
}
/* home feed back css*/

/* Points page */

.points-section.last {
  border-bottom: 0 none;
}
/* Reviews page */

.review-delete,
.review-edit {
  max-width: 150px;
}
.myAccTopRightButton {
  text-align: right;
}
.myAccTopRightButton .w-custom-dropdown {
  display: inline-block;
  vertical-align: middle;
  max-width: 150px;
  margin-bottom: 0;
  margin-right: 20px;
}
.verified-div {
  color: #7cc576;
  font-weight: 400;
  display: inline-block;
  margin-left: 7px;
}
.verified-div .w-inline-block {
  vertical-align: middle;
}
.right-checkfont {
  background-color: #7cc576;
  color: white;
  font-size: 12px;
  border-radius: 100%;
  text-align: center;
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin-right: 1px;
  vertical-align: middle;
}
/* Gift Cards page */

.profile-sections.gift.hidegclist {
  display: none;
}
/* Gift Cards popup */

.scroll-containerGC {
  max-height: 300px;
  border: 1px solid #575656;
  min-height: .01%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.history-record {
  width: 100%;
  max-width: 675px;
}
.grid-tabel {
  border-collapse: collapse;
  width: 100%;
  border: solid 1px #575656;
}
.grid-tabel th {
  padding: 8px 5px;
  font-size: 14px;
  color: white;
  vertical-align: top;
  border: solid 1px #494848;
  font-weight: normal;
  background: #3d3d3d;
}
.grid-tabel td {
  padding: 8px 5px;
  font-size: 14px;
  color: #5e5b59;
  border: solid 1px #575656;
}
.floatThead-wrapper .grid-tabel th {
  border: 0 none;
  border-right: 1px solid #494848;
}
.scroll-containerGC .grid-tabel,
.scroll-containerpkg .grid-tabel,
.floatThead-container .grid-tabel {
  border: 0px !important;
}
.scroll-containerGC .grid-tabel td,
.scroll-containerpkg .grid-tabel td {
  border-left: 0 none;
  border-top: 0;
  word-wrap: break-word;
}
.scroll-containerGC .grid-tabel td:last-of-type,
.scroll-containerpkg .grid-tabel td:last-of-type {
  border-right: 0 none;
  padding-left: 5px;
  padding-right: 10px;
}
.scroll-containerGC .grid-tabel tr:last-of-type td,
.scroll-containerpkg .grid-tabel tr:last-of-type td {
  border-bottom: 0 none;
}
/* Gift Cards popup end */

.quickFlip {
  overflow: hidden;
  width: 350px;
  height: 207px;
  float: left;
  margin-bottom: 5px;
}
.blackPanel,
.redPanel {
  width: 350px !important;
}
/*.quickflip-content { width: 350px; }*/

.flipimg {
  width: 100% !important;
  height: auto !important;
  position: relative !important;
}
.cardOverlayWhiteflip {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/white-transparent.png") repeat;
}
.cardflipdata {
  width: 100%;
  position: absolute;
  bottom: 15px;
}
.cardflipdata div {
  width: 33%;
  float: left;
  text-align: center;
}
.cardflipdata div a {
  display: block;
  padding: 5px;
  color: #eb6663;
  font-size: 15px;
  text-decoration: none;
  font-weight: 500;
}
.card-flip-content {
  color: #333333;
  width: 100%;
  text-align: center;
  top: 50%;
  position: absolute;
  margin-top: -26px;
}
.flipcode {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 5px;
}
.flip-expires {
  font-size: 14px;
}
.gc-parent-div {
  position: relative;
}
.gc-parent-div:nth-child(odd) {
  clear: left;
}
.cardOverlayWhite {
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 10px;
}
/* giftcard detail page 27-2-2018 */

.gift-card-wrap {
  width: 80%;
  max-width: 1000px;
  margin: 0px auto 30px;
  padding: 0;
}
.back-button {
  margin-bottom: 10px;
}
.button-arrow {
  margin-right: 5px;
}
.gray-button {
  font-size: 20px;
  font-weight: 400;
  color: #0076ff;
  text-decoration: none;
}
.button-arrow {
  font-size: 20px;
  font-weight: 400;
  color: #0076ff;
}
.gift-card-content {
  background: white;
  padding-top: 20px;
  padding-bottom: 20px;
}
.gift-card-box {
  width: 100%;
  padding: 10px 20px;
}
.gcImage-block {
  width: 48%;
  display: inline-block;
  vertical-align: middle;
}
.gcImage-detail {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  width: 50%;
  text-align: center;
}
.gift-card-detail {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.gift-card-detail li {
  font-weight: 300;
  font-size: 15px;
}
.gift-card-box a {
  text-decoration: none;
  color: #333333;
}
.gift-img {
  border: rgba(0, 0, 0, 0.1) solid 1px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  margin-bottom: 5px;
}
.gift-name {
  font-weight: 500;
  display: inline-block;
  font-size: 15px;
}
.gift-price {
  float: right;
  color: #50bb58;
  font-size: 17px;
  font-weight: 400;
}
.gift-barcode {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.gift-barcode .custom-barcode {
  margin-left: -5px;
  width: 100%;
  height: 100px;
  margin: 0;
  padding: 0;
}
.gift-barcode-num {
  display: block;
  text-align: center;
  font-weight: 400;
  margin-top: 5px;
  font-size: 15px;
}
.gray-btn {
  width: 150px;
  height: 42px;
  margin: 0;
  padding: 10px 15px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-color: white;
  color: #333333;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
.gray-btn:hover {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15);
  background-color: whitesmoke;
}
.gift-div-block {
  width: 100%;
}
.gift-div-block1 {
  padding: 5px 20px 15px;
}
.gift-issue-detail {
  margin-top: 20px;
  background: white;
}
.gift-redeed-div {
  padding: 30px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.gift-redeed-div.last {
  border-bottom: none;
}
.rd-name {
  color: #333333;
  font-size: 24px;
  line-height: 28px;
  display: block;
}
.rd-date {
  font-size: 15px;
  font-weight: 300;
  display: block;
}
.gift-rd-title {
  display: inline-block;
}
.gift-rd-price {
  font-size: 22px;
  font-weight: 400;
  color: #3eb351;
  float: right;
  margin-top: 4px;
}
.minus-price {
  color: #eb6663;
}
.social-share {
  position: relative;
}
.social-share .dl-desk-share-block {
  position: absolute;
  top: 12px;
  right: 0;
}
.social-share .mobile-share-popup {
  right: 0;
  left: inherit;
}
.dl-business-title {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: -ms-calc(100% - 100px);
  width: -o-calc(100% - 100px);
}
.dl-full-div {
  width: calc(100% - 215px);
  width: -webkit-calc(100% - 215px);
  width: -ms-calc(100% - 215px);
  width: -o-calc(100% - 215px);
}
/* giftcard detail page 27-2-2018 */

/* custome share 28-2-2018 */

.dl-share-dropdown {
  position: relative;
  display: inline-block;
}
.dl-share-button {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  padding: 7px 10px;
  font-size: 14px;
  color: #848484;
  cursor: pointer;
}
.dl-share-button span {
  display: inline-block;
  vertical-align: middle;
}
.dl-share-button:hover {
  background: whitesmoke;
}
.dl-share-ico {
  margin-right: 3px;
  font-family: 'Fontawesome pro solid 900', sans-serif;
}
.dl-share-icons {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: white;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 135px;
  display: none;
}
.dl-share-icons ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dl-share-icons ul li {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.dl-share-icons ul li:last-child {
  border-bottom: none;
}
.dl-share-icons ul li a {
  color: #333333;
  font-size: 14px;
  text-decoration: none;
  padding: 13px 20px;
  display: block;
}
.dl-share-icons ul li a:hover {
  background: whitesmoke;
}
.dl-share-icons ul li a span {
  display: iinline-block;
  vertical-align: middle;
}
.dl-soc-icon {
  font-size: 24px;
  margin-right: 10px;
  font-family: 'Fontawesome pro brands 900', sans-serif;
}
.dl-soc-icon-envelop {
  font-size: 20px;
  font-family: 'Fontawesome pro solid 900', sans-serif;
  margin-right: 10px;
}
.mobile-dlshare-button {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  padding: 9px 10px;
  display: inline-block;
  line-height: initial;
  font-size: 14px;
  color: #848484;
  cursor: pointer;
}
.mobile-dlshare-button:hover {
  background: whitesmoke;
}
#divPromoImage .share-daily-div {
  display: none;
}
.mobile-share-popup {
  background: white;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  position: absolute;
  top: 100%;
  left: 0;
}
.dl-desk-share-block {
  position: relative;
  z-index: 1;
}
.dl-share-head {
  padding: 10px 13px 15px;
  display: none;
}
.dl-share-head strong {
  font-size: 18px;
  line-height: 22px;
  color: #333333;
  display: block;
  font-weight: 400 !important;
  margin-bottom: 3px;
}
.dl-share-head span {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.6);
  line-height: 18px;
}
.dl-mobile-share-ico {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.dl-mobile-share-ico li {
  display: block;
  border-bottom: 1px solid #d9d9d9;
}
.dl-mobile-share-ico li:last-child {
  border-bottom: none;
}
.dl-mobile-share-ico li a {
  display: block;
  padding: 15px 20px 15px;
  text-align: center;
  color: #333333;
  text-decoration: none;
}
.dl-mobile-share-ico li a:hover {
  background: whitesmoke;
}
.dl-micon-middle {
  min-width: 100px;
  display: inline-block;
  text-align: left;
}
.dl-micon-middle span {
  display: inline-block;
  vertical-align: middle;
}
.dl-clock-popup {
  font-family: 'Fontawesome pro 300';
  display: inline-block;
  font-size: 20px;
  color: rgba(51, 51, 51, 0.6);
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: 12px;
}
.dl-clock-popup:hover {
  color: #333333;
}
/* custome share 28-2-2018 */

.multiloc .dl-business-title {
  width: 100%;
}
.multiloc .dl-full-div {
  width: -webkit-calc(100% - 425px);
  width: -ms-calc(100% - 425px);
  width: -o-calc(100% - 425px);
  width: calc(100% - 425px);
}
/* Shop detail page - old home*/

.cart-icon.font-awesome {
  font-size: 22px;
  padding-top: 3px;
  color: #333333;
}
.tab-content.giveNavspace {
  padding-top: 43px;
}
.booking-dropdown-pkg {
  width: 200px;
}
.booking-dropdown-pkg .flamingo-btn {
  font-size: 14px;
  font-weight: 400;
}
.mobile-book-div {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: none;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 0 10px;
}
.mobile-book-div .vg-dropdown-child {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.book-mobile-button {
  display: block;
  height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 3px;
  background-color: #eb6663;
  box-shadow: 0 1px 12px 1px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  text-align: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.book-mobile-button .bookdropicon {
  font-size: 21px;
}
.windowsSafari .business-details-div {
  width: 49%;
}
.bookmarked.bannerbookmark {
  background-color: #eb6663;
  color: white;
  border-color: #eb6663;
}
.fixed-tabs-div {
  top: 50px;
  opacity: 0;
  -webkit-transition: opacity 100ms ease 0s;
  transition: opacity 100ms ease 0s;
}
.fixed-tabs-div.fixednavisible {
  opacity: 1;
  display: block;
}
.offsettab {
  position: relative;
  top: -52px;
  visibility: hidden;
  opacity: 0;
}
.detail-tab.tab-fixednav {
  position: fixed;
  top: 50px;
  z-index: 7;
  width: 100%;
}
.review-overall-div {
  margin-right: 25px;
}
.review-overall-star {
  margin-left: 35px;
  float: right;
}
.business-details-div {
  word-wrap: break-word;
}
.review-profile,
.review-bar,
._5-star-reviews,
.number-of-reviews-div {
  position: relative;
}
.number-of-reviews-div .grey-btn {
  padding-left: 10px;
  padding-right: 10px;
}
.review-description-div {
  width: 90%;
}
.reviews-top-mobile {
  float: left;
}
.review-name-date-div {
  width: -webkit-calc(100% - 65px);
  width: -ms-calc(100% - 65px);
  width: -o-calc(100% - 65px);
  width: calc(100% - 65px);
  word-wrap: break-word;
}
.mobiletabmenu {
  display: none;
}
.mobiletabmenu a,
.mobile-menu-bookmark a {
  position: relative;
}
.mobiletabmenu a:before,
.mobile-menu-bookmark a:before {
  position: absolute;
  content: "\f105";
  top: 0;
  right: 15px;
  height: 100%;
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 30px;
}
.mobiletabmenu .cart-link-block,
.mobiletabmenu .shopping-bag-tab {
  display: none;
}
.text-section:last-of-type {
  border-bottom: none;
}
.demorenterDealslide .home-page-section {
  margin: 0 auto;
  padding: 0;
}
.demorenterDealslide .home-title {
  margin-bottom: 6px;
  font-size: 18px;
}
/* You Tube Video */

.video-full-youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-full-youtube iframe,
.video-full-youtube object,
.video-full-youtube embed {
  width: 100% !important;
  position: absolute;
  height: 100% !important;
  top: 0;
  left: 0;
}
.hang-on-dots {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.review-dotloader {
  display: none;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}
.review-spinload {
  font-size: 20px;
  -webkit-animation: spinload 2s infinite linear;
  animation: spinload 2s infinite linear;
}
.reviewloadbtn.grey-btn {
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 0;
}
@-webkit-keyframes spinload {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinload {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.hang-on-dots.padding {
  margin-top: 30px;
  margin-bottom: 30px;
}
.dot-1 {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #eb6663;
  float: left;
}
.dot-2 {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #eb6663;
  float: left;
}
.dot-3 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #eb6663;
  float: left;
}
.reviews-title-buttons-div .w-dropdown-list {
  right: -1px;
  top: 100%;
}
.reviews-title-buttons-div .dropdown-list-2.w--open {
  margin-left: 0;
  margin-top: 0;
}
/* Message Popup */

.messagesendpopup .modal-dialog {
  width: 95%;
  max-width: 666px;
}
.messagesendpopup .modal-body {
  padding: 0 0 20px;
}
.policy-border {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 15px;
  padding-top: 15px;
}
/* Submit Event Alert Design */

.passive-alert-parent {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 9;
  display: none;
  margin-top: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.passive-alert {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #7cc576;
  border-radius: 5px;
  background-color: #effdee;
  color: #7cc576;
}
.passive-alert.passive-fail {
  background-color: #ffe5e5;
  color: #d81a1a;
  border-color: #d81a1a;
}
.passive-alert.passive-warn {
  background-color: #fff6e7;
  color: #f5a623;
  border-color: #f5a623;
}
/* css for green msg display */

/*.passive-alert-green, .passive-banner-fail, .passive-banner-warning { position: fixed; left: 0px; top: 0; right: 0px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #7cc576; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); font-size: 16px; color: #fff; min-height: 40px; z-index: 1010;     transform-style: preserve-3d;
-webkit-transition: transform 300ms ease 0s; transition: transform 300ms ease 0s;
    -webkit-transform: translateX(0px) translateY(-50px) translateZ(0px); transform: translateX(0px) translateY(-50px) translateZ(0px); }*/

.passive-alert-green,
.passive-banner-fail,
.passive-banner-warning {
  position: fixed;
  left: 0px;
  top: 0;
  right: 0px;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #7cc576;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: white;
  min-height: 50px;
  z-index: 1010;
  transform-style: preserve-3d;
  -webkit-transition: transform 300ms ease 0s;
  transition: transform 300ms ease 0s;
  -webkit-transform: translateX(0px) translateY(-50px) translateZ(0px);
  transform: translateX(0px) translateY(-50px) translateZ(0px);
}
.passive-alert-green .passive-alert-icon,
.passive-banner-fail .passive-alert-icon,
.passive-banner-warning .passive-alert-icon {
  font-size: 24px;
  margin-right: 10px;
  line-height: 34px;
}
.passive-alert-green .passive-tex-msg,
.passive-banner-fail .passive-tex-msg,
.passive-banner-warning .passive-tex-msg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  font-weight: 300;
}
.passive-banner-fail {
  background-color: #d83f34;
}
.passive-banner-warning {
  background-color: #ff9f08;
}
/* css for green msg display end */

.image-27 {
  margin-right: 7px;
}
/* Class add for passive alert shop popup upper*/

.show-passive-alert-popup .passive-alert-parent {
  z-index: 99999;
}
/* Class add for passive alert shop popup upper*/

/* Lightbox slideshow */

.w-lightbox-right,
.w-lightbox-left,
.w-lightbox-close {
  background-image: none;
}
.w-lightbox-right:before {
  content: "\f054";
  position: absolute;
  font-family: 'Fontawesome pro 400', sans-serif;
  color: black;
  font-size: 44px;
  right: 23px;
  top: 50%;
  margin-top: -27px;
}
.w-lightbox-left:before {
  content: "\f053";
  position: absolute;
  font-family: 'Fontawesome pro 400', sans-serif;
  color: black;
  font-size: 44px;
  left: 23px;
  top: 50%;
  margin-top: -27px;
}
.w-lightbox-close:before {
  content: "\f00d";
  position: absolute;
  font-family: 'Fontawesome pro 400', sans-serif;
  color: black;
  font-size: 22px;
  left: 26px;
  top: 10px;
}
/* Map Direction Link */

.direction-link a {
  padding-left: 17px;
  position: relative;
}
.direction-link a:before {
  position: absolute;
  content: "\f041";
  font-family: 'Fontawesome pro solid 900', sans-serif;
  left: 0;
  top: -1px;
  color: #676767;
  font-size: 14px;
}
/* Portfolio Tab */

.detailstyle {
  max-width: 1000px;
  width: 95%;
  margin: 0 auto;
  padding: 20px 0;
}
.gallery-single-imagepopup {
  text-align: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.gallery-single-imagepopup.gallery-popup-background {
  padding: 40px 0;
  /*padding: 2vh 0;*/

}
.gallery-single-imagepopup .gallery-popup-white-overall {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  overflow: visible;
  -webkit-overflow-scrolling: unset;
  max-width: 100%;
  max-height: inherit !important;
}
.gallery-single-imagepopup .display-table,
.gallery-single-imagepopup .display-table-cell {
  width: auto;
  margin: 0 auto;
}
.gallery-single-imagepopup .padding-top25,
.gallery-single-imagepopup .padding-bottom25 {
  padding: 0;
}
.gallery-single-imagepopup .gallery-button-div,
.gallery-single-imagepopup .gallery-title-div,
.gallery-single-imagepopup .business-name---book-div,
.gallery-single-imagepopup .gallery-description,
.gallery-single-imagepopup .image-title {
  display: none;
}
.gallery-single-imagepopup .div-block-70 {
  display: block;
}
.gallery-single-imagepopup .div-block-71 {
  width: auto;
  margin-bottom: 0;
}
.gallery-single-imagepopup .gallery-popup-img {
  margin-top: 0;
  max-height: 99vh;
  max-width: 92%;
  width: auto;
}
.gallery-single-imagepopup .w-lightbox-left,
.gallery-single-imagepopup .w-lightbox-right {
  z-index: 1004;
}
.portfolio-detail {
  min-height: 250px;
}
/* Reviews tab*/

.reviews-tab .review-btn-and-sort-div {
  width: auto;
}
.reviews-tab .write-reviewbtn {
  display: none;
}
.reviews-tab .sort-div-fullwidth:last-of-type {
  margin-right: 0;
}
/* Daily Deals Detail Page */

.book-dropdown-list.service.w--open {
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.book-dropdown-list.service {
  left: 0;
  top: 43px;
  width: 100%;
  z-index: 1;
}
.book-dropdown {
  display: block;
}
.select2-container.ddlPromotionService.errorInput .select2-search-field:after {
  display: none;
  content: none;
}
.social-circle-div {
  position: relative;
}
.share-daily-div .social-circle-div {
  border-color: rgba(0, 0, 0, 0.6);
  color: #333333;
}
.share-daily-div .social-circle-div:hover {
  background-color: whitesmoke;
}
.service-dropdown.daily {
  background-color: white;
}
.service-dropdown.daily.select2-container-multi .select2-choices {
  min-height: inherit;
}
.service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field {
  position: relative;
}
.service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field:after {
  content: "\e603";
  position: absolute;
  right: 5px;
  top: 4px;
  font-family: 'webflow-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field input {
  font-size: 14px;
  color: #333333;
  padding-right: 25px;
}
.service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field input:-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field input::-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field input:-ms-input-placeholder {
  color: #333333;
  opacity: 1;
}
.service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field input::-webkit-input-placeholder {
  color: #333333;
  opacity: 1;
}
.date-time-flex .service-dropdown {
  padding-left: 0;
  padding-right: 0;
}
.calender-font-ico,
.time-font-ico {
  position: absolute;
  z-index: 0;
  right: 10px;
  top: 9px;
}
.calender-font-ico {
  right: 35px;
}
.service-dropdown.date.daily input {
  background: none;
  padding: 3px 10px;
  width: 100%;
  border: 0 none;
  text-align: left;
  position: relative;
  z-index: 1;
}
.service-dropdown.date.daily input:-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.service-dropdown.date.daily input::-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.service-dropdown.date.daily input:-ms-input-placeholder {
  color: #333333;
  opacity: 1;
}
.service-dropdown.date.daily input::-webkit-input-placeholder {
  color: #333333;
  opacity: 1;
}
.service-dropdown.date.daily input:disabled {
  opacity: 1 !important;
  -webkit-appearance: none;
  color: #333333;
  -webkit-text-fill-color: #333333;
}
#txtServiceDateWeb_picker {
  margin-top: 12px;
}
#txtServiceDateMobile_picker {
  margin-top: 12px;
}
.windowsSafari .share-daily-div .social-circle-div {
  margin-right: 4px;
}
.dailydealsocial {
  max-width: 200px;
  width: 180px;
  z-index: 0;
}
.daily-deal-other {
  width: 100%;
}
.bottom-daily-div {
  float: left;
}
.right-side-daily .dealSerevicecat {
  max-width: 200px;
}
/* Gallery Page Start */

.gallery-content {
  padding-top: 108px;
  width: 100%;
}
.free-wall {
  margin: 20px;
}
.wall-block {
  background: white;
  border-radius: 3px;
  color: #333333;
  border: none;
  cursor: pointer;
  width: 249px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.wall-block a {
  text-decoration: none;
  width: 100%;
}
.gallery-popup-div {
  z-index: 1003;
  position: fixed;
  padding: 50px 10px;
}
.close-gallery-popup {
  font-family: 'Fontawesome pro 400', sans-serif;
}
.gallery-single-imagepopup .close-gallery-popup {
  z-index: 1005;
}
.gallery-popup-background .w-lightbox-control {
  line-height: normal;
  width: 68px;
}
.gallery-popup-background .w-lightbox-control:before {
  pointer-events: none;
}
.gallery-popup-white-overall {
  max-height: 100%;
  margin: 0 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.gallery-popup-white-overall.singleimagepopup {
  max-width: 700px;
}
.gallery-popup-white-overall.singleimagepopup .div-block-71 {
  width: 100%;
}
.gallery-popup-white-overall.doulbleimagepopup {
  max-width: 1000px;
}
.gallery-popup-white-overall.doulbleimagepopup .div-block-71 {
  width: 48.5%;
}
.gallery-solo-image {
  background-color: white;
}
body:not(.touchDevice) .gallery-solo-image:hover .gallery-hover-div,
.gallery-solo-image.hover .gallery-hover-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.gallery-liked .gallery-hover-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.gallery-liked .button-4,
.gallery-liked .div-block-69 {
  visibility: hidden;
}
.gallery-liked .button-4.gal-likeddiv,
.gallery-liked .div-block-69.gal-likeddiv {
  visibility: visible;
}
.gallery-liked:hover .button-4,
.gallery-liked:hover .div-block-69 {
  visibility: visible;
}
.gallery-solo-image .gallery-image-alt {
  width: 100%;
  height: auto;
}
.gallery-book-button .book-div {
  height: 40px;
  line-height: 40px;
}
.gal-share-popupinput {
  height: 42px;
}
/* Send Email Popup */

.spemailsendpopup .modal-dialog {
  max-width: 678px;
  width: 100%;
}
.divspemail-left {
  float: left;
  width: 200px;
}
.divspemail-left .padding10 {
  padding: 0;
}
.divspemail-left #divSpEmailBody {
  width: 100% !important;
}
.divspemail-left#divtemplate .homegallerypopup {
  background-color: #eb6663;
  border-radius: 5px 5px 0 0;
  color: white;
  font-size: 16px;
  padding: 10px;
  width: 100% !important;
}
.divspemail-left .gallery-image-alt {
  border-radius: 0 0 5px 5px;
  height: auto;
}
.divspemail-left .daily-deal-large-header {
  background-color: #eb6663;
  color: white;
  font-size: 18px;
  padding: 10px 10px 3px;
  margin: 0;
  border-radius: 5px 5px 0 0;
  line-height: 1.2;
}
.divspemail-left .daily-deal-bus-and-distance-div {
  background-color: #eb6663;
  color: white;
  font-size: 14px;
  padding: 0 10px 8px;
}
.divspemail-left .deal-listing-discount {
  font-size: 18px;
  line-height: 1.2;
}
.divspemail-left .strikethrough.large {
  font-size: 14px;
}
.divspemail-form-right {
  float: right;
  width: 400px;
}
.divspemail-form-right {
  float: right;
}
.gallery .cards-parent-div-flex.daily {
  display: none;
}
/* Gallery Page End */

/* Professionals Page Start */

.prof-ratestar {
  margin-top: 4px;
  margin-bottom: 7px;
}
.photo-tabs-menu-2 {
  display: flex;
  padding-bottom: 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.deals-category-tab {
  display: flex;
  width: 30%;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.2);
  font-size: 15px;
  font-weight: 500;
  color: #222222;
  border-radius: 5px;
  background-color: white;
}
.deals-category-tab.w--current {
  display: flex;
  border-color: #248dd5;
  background-color: rgba(36, 141, 213, 0.1);
}
.windowsPhone .deals-category-tab {
  display: table;
  text-align: center;
  padding: 0px 15px;
  height: 50px;
  word-break: break-word;
  word-wrap: break-word;
}
.windowsPhone .deals-category-tab div {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  height: 50px;
}
.windowsPhone .filter-top-div {
  padding: 30px 20px;
}
/* Confirm Book page */

.confirm-book-div {
  max-width: 95%;
}
.addressfieldwidth {
  max-width: 95%;
}
.addressfieldwidth .address-street {
  max-width: 100%;
}
.grayfrmgrp.margin-bottom10 .w-input {
  margin-bottom: 0;
}
/* LogIn page */

.ccswipe-height {
  height: 2px;
}
.content-wrapper .sign-in-background {
  top: 0px;
}
.sign-in-background {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: block;
}
.sign-in-parent-div {
  display: block;
  height: 100%;
  padding: 56px 0px 10px 0px;
  text-align: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.solaDesign .loginfirstcont .sign-in-right-div .sign-in-div {
  overflow: hidden;
}
.sign-in-right-div {
  display: inline-block;
  vertical-align: middle;
}
.sign-in-right-div .sign-in-div {
  width: 400px;
  overflow: visible;
}
.sign-in-right-div .log-in-btn {
  font-size: 15px;
  line-height: 20px;
}
.sign-in-right-div .checkbox-custom-black:hover input[type="checkbox"] + label:before {
  /*background-size: 12px auto;     height: 19px;  width: 19px; left: -28px; background-color: #333333;   
                                                                  background-image: url(https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/signup-check.png);    
                                                                   background-position: center center;    background-repeat: no-repeat; */
  border-color: #3898ec;
}
.sign-in-right-div .forgot-password {
  font-size: 15px;
  color: #2a90d6;
  font-weight: normal;
  text-align: right;
  margin-top: -4px;
  padding-right: 8px;
}
.sign-in-right-div .forgot-password:hover {
  color: #226fa3;
}
@media only screen and (max-width: 767px) {
  .sign-in-right-div .forgot-password {
    text-align: center;
  }
}
.sign-in-right-div .sign-up-text.login-signuptext {
  font-size: 15px;
  line-height: 20px;
  color: black;
}
.loginpopopen .banner-success-master,
.signuppopopen .banner-success-master,
.customer-signup-body .banner-success-master,
.loginpopopen .banner-fail-master,
.signuppopopen .banner-fail-master,
.customer-signup-body .banner-fail-master,
.loginpopopen .banner-warning-master,
.signuppopopen .banner-warning-master,
.customer-signup-body .banner-warning-master {
  text-align: center;
  box-shadow: none;
  align-items: center;
  color: white;
  padding: 15px 0;
}
.loginpopopen .banner-success-master .icon-banner,
.signuppopopen .banner-success-master .icon-banner,
.customer-signup-body .banner-success-master .icon-banner,
.loginpopopen .banner-fail-master .icon-banner,
.signuppopopen .banner-fail-master .icon-banner,
.customer-signup-body .banner-fail-master .icon-banner,
.loginpopopen .banner-warning-master .icon-banner,
.signuppopopen .banner-warning-master .icon-banner,
.customer-signup-body .banner-warning-master .icon-banner {
  font-size: 20px;
  margin-right: 10px;
  line-height: 20px;
  display: inline-block;
}
.loginpopopen .banner-success-master .icon-banner,
.signuppopopen .banner-success-master .icon-banner,
.customer-signup-body .banner-success-master .icon-banner,
.loginpopopen .banner-fail-master .icon-banner,
.signuppopopen .banner-fail-master .icon-banner,
.customer-signup-body .banner-fail-master .icon-banner,
.loginpopopen .banner-warning-master .icon-banner,
.signuppopopen .banner-warning-master .icon-banner,
.customer-signup-body .banner-warning-master .icon-banner,
.loginpopopen .banner-success-master .text-block-28,
.signuppopopen .banner-success-master .text-block-28,
.customer-signup-body .banner-success-master .text-block-28,
.loginpopopen .banner-fail-master .text-block-28,
.signuppopopen .banner-fail-master .text-block-28,
.customer-signup-body .banner-fail-master .text-block-28,
.loginpopopen .banner-warning-master .text-block-28,
.signuppopopen .banner-warning-master .text-block-28,
.customer-signup-body .banner-warning-master .text-block-28 {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .loginpopopen .banner-success-master,
  .signuppopopen .banner-success-master,
  .customer-signup-body .banner-success-master,
  .loginpopopen .banner-fail-master,
  .signuppopopen .banner-fail-master,
  .customer-signup-body .banner-fail-master,
  .loginpopopen .banner-warning-master,
  .signuppopopen .banner-warning-master,
  .customer-signup-body .banner-warning-master {
    margin-top: 44px;
  }
}
#dvRegister .customer-signup-logo img {
  max-width: 80px;
}
@media only screen and (min-width: 440px) {
  #dvRegister .sign-in-right-div .sign-in-div {
    width: 452px;
    overflow: hidden;
  }
  #dvRegister .signupheaderpart {
    padding-top: 17px;
  }
}
.loginpagecont .content-wrapper {
  height: 100%;
  padding-top: 0;
}
.loginpagecont .loginfirstcont {
  height: 100%;
}
.loginpagecont .sign-in-background {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  overflow: inherit;
  height: 100%;
}
.loginpagecont .sign-in-parent-div {
  display: block;
  height: 100%;
  paing: 50px 0;
  text-align: center;
  overflow: inherit;
  -webkit-overflow-scrolling: auto;
}
.loginpagecont .sign-in-parent-div .display-table,
.loginpagecont .sign-in-parent-div .display-table-cell {
  background-color: whitesmoke;
}
.signininput {
  background: none;
  height: 100%;
  width: 100%;
  border: 0 none;
  padding: 0 15px 0 0;
  margin: 0;
  box-shadow: none;
  -webkit-overflow-scrolling: touch;
}
.signininput:-moz-placeholder {
  color: rgba(51, 51, 51, 0.8);
  opacity: 1;
}
.signininput::-moz-placeholder {
  color: rgba(51, 51, 51, 0.8);
  opacity: 1;
}
.signininput:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.8);
  opacity: 1;
}
.signininput::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.8);
  opacity: 1;
}
.signininput:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px whitesmoke inset;
  -webkit-text-fill-color: rgba(51, 51, 51, 0.8);
  border-radius: 0 5px 5px 0;
}
.signininput::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.signininput.errorInput:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #f3d9d8 inset;
  -webkit-text-fill-color: rgba(51, 51, 51, 0.8);
  border-radius: 0 5px 5px 0;
}
.modal-dialog.forgotpass-width {
  width: 450px;
  max-width: 100%;
}
.modal-dialog.forgotpass-width .modal-body {
  padding-bottom: 15px;
}
.modal-dialog.forgotpass-width .modal-footer {
  padding-top: 0;
}
.forgot-password-title {
  margin-top: -16px;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}
.text-block-37 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(51, 51, 51, 0.6);
  line-height: 18px;
}
.forgotPass-img {
  float: left;
  margin-right: 10px;
  width: 160px;
}
.sign-in-logo-div img {
  max-height: 66px;
}
.loginfrmcontrol._50 {
  width: 48%;
}
.loginfrmcontrol.inputError .sign-in-text-field {
  background-color: #fbe4e3;
}
.sign-in-text-field {
  position: relative;
}
.sign-in-text-field .signininput.errorInput {
  background-color: transparent;
  /*background-image: url("@{StaticImagepath}Images/required-img-new1@2x.png");*/
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 36px auto;
  border: 0 none !important;
}
.login-slide .sign-in-text-field label.errorInput {
  margin-top: 0;
  text-align: right;
}
.login-slide .sign-in-text-field label.errorInput:before {
  top: -48px;
}
.loginfrmcontrol .errortext {
  margin-top: -15px;
  margin-bottom: 15px;
}
.checkbox-custom-black.login-remember {
  display: table;
  margin: 0 auto;
}
.windowsSafari .loginfrmcontrol .signininput {
  width: 300px;
  max-width: 100%;
  display: table;
}
.stepLogin1 {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 300ms;
  -ms-transition: all 300ms;
  transition: all 300ms;
  -webkit-transform: translateX(0%) translateY(0px) translateZ(0px);
  -ms-transform: translateX(0%) translateY(0px) translateZ(0px);
  transform: translateX(0%) translateY(0px) translateZ(0px);
}
.stepLogin2 {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 300ms;
  -ms-transition: all 300ms;
  transition: all 300ms;
  -webkit-transform: translateX(100%) translateY(0px) translateZ(0px);
  -ms-transform: translateX(100%) translateY(0px) translateZ(0px);
  transform: translateX(100%) translateY(0px) translateZ(0px);
}
.stepLogin2 .stepcaptcha {
  display: none;
}
.stepLogin2.slide2 .stepcaptcha {
  display: block;
}
.stepLogin1.slide1 {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 300ms;
  -ms-transition: all 300ms;
  transition: all 300ms;
  -webkit-transform: translateX(-100%) translateY(0px) translateZ(0px);
  -ms-transform: translateX(-100%) translateY(0px) translateZ(0px);
  transform: translateX(-100%) translateY(0px) translateZ(0px);
}
.stepAppleflname {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 300ms;
  -ms-transition: all 300ms;
  transition: all 300ms;
  -webkit-transform: translateX(0%) translateY(0px) translateZ(0px);
  -ms-transform: translateX(0%) translateY(0px) translateZ(0px);
  transform: translateX(0%) translateY(0px) translateZ(0px);
}
.stepLogin2.slide2 {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 300ms;
  -ms-transition: transform 300ms;
  transition: transform 300ms;
  -webkit-transform: translateX(-100%) translateY(0px) translateZ(0px);
  -ms-transform: translateX(-100%) translateY(0px) translateZ(0px);
  transform: translateX(-100%) translateY(0px) translateZ(0px);
}
.stepAppleflname.slide2 {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 300ms;
  -ms-transition: transform 300ms;
  transition: transform 300ms;
  -webkit-transform: translateX(-300%) translateY(0px) translateZ(0px);
  -ms-transform: translateX(-300%) translateY(0px) translateZ(0px);
  transform: translateX(-300%) translateY(0px) translateZ(0px);
}
#divAppleFLStep1 {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 300ms;
  -ms-transition: transform 300ms;
  transition: transform 300ms;
  -webkit-transform: translateX(300%) translateY(0px) translateZ(0px);
  -ms-transform: translateX(300%) translateY(0px) translateZ(0px);
  transform: translateX(300%) translateY(0px) translateZ(0px);
}
#divAppleFLStep1.slide2 {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 300ms;
  -ms-transition: transform 300ms;
  transition: transform 300ms;
  -webkit-transform: translateX(0%) translateY(0px) translateZ(0px);
  -ms-transform: translateX(0%) translateY(0px) translateZ(0px);
  transform: translateX(0%) translateY(0px) translateZ(0px);
}
.backtoenteremail {
  display: table;
  margin: 10px auto 0;
  text-align: center;
}
.text-block-31.divUserName {
  width: -webkit-calc(100% - 46px);
  width: -moz-calc(100% - 46px);
  width: -ms-calc(100% - 46px);
  width: calc(100% - 46px);
  text-align: left;
  word-wrap: break-word;
}
/* Captch Style */

.captchContainer {
  margin-bottom: 11px;
  text-align: center;
}
.captchdiv > div {
  margin: 0 auto;
}
.leftalign .captchdiv > div {
  margin: 0!important;
}
.leftalign.captchContainer {
  text-align: left;
}
/* Login from customer app Start */

.vagaroapp-webpage .loginpagecont .download-app-div {
  display: none;
}
.vagaroapp-webpage .loginpagecont .login-slide {
  display: block;
}
.vagaroapp-webpage .loginpagecont #loginNext.log-in-btn {
  display: none;
}
.vagaroapp-webpage .loginpagecont .stepLogin1,
.vagaroapp-webpage .loginpagecont .stepLogin1.slide1,
.vagaroapp-webpage .loginpagecont .stepLogin2,
.vagaroapp-webpage .loginpagecont .stepLogin2.slide2 {
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transform-style: flat !important;
  transform-style: flat !important;
}
.vagaroapp-webpage .loginpagecont .backtoenteremail {
  display: none;
}
.vagaroapp-webpage .loginpagecont .stepLogin1 .sign-in-btn-divinner {
  padding: 18px 25px 0;
}
.vagaroapp-webpage .loginpagecont .stepLogin2 .div-block-103 {
  display: none;
}
.vagaroapp-webpage .loginpagecont .stepLogin2 .sign-in-btn-divinner {
  padding: 0 25px 20px;
}
.vagaroapp-webpage .loginpagecont .twosteploginpage .stepLogin1 {
  display: none;
}
.vagaroapp-webpage .loginpagecont .twosteploginpage .stepLogin2 .sign-in-btn-divinner {
  padding-top: 20px;
}
.vagaroapp-webpage #shoppingcartsecond .div-block-22 {
  min-height: 100vh;
}
/* Login from customer app End */

/* Login Modal Popup */

.loginmodalpopup button.close {
  right: 20px;
  top: 20px;
}
html.iosdevice.loginpopopenHtml,
body.iosdevice.loginpopopen,
html.iosdevice.signuppopopenHtml,
body.iosdevice.signuppopopen,
body.overflowHidden.loginpopopen,
.overflowHidden.loginpopopenHtml,
body.overflowHidden.signuppopopen,
.overflowHidden.signuppopopenHtml {
  overflow: inherit;
}
html.iosdevice.waitlistpopupHidden,
.waitlistpopupHidden body.iosdevice {
  height: 100% !important;
  overflow: hidden !important;
}
.iosdevice.vgcustomerapp .sign-up-image {
  display: none!important;
}
/* Login Popup Design Looks Like Login Page: START */

.loginpopopen.modal-open {
  overflow: inherit !important;
  padding-right: 0 !important;
}
.loginpopopen .loginmodalpopup {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  overflow: inherit !important;
  z-index: 102;
  padding: 0 !important;
}
.loginpopopen .loginmodalpopup .sign-in-background {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  overflow: inherit;
}
.loginpopopen .loginmodalpopup .modal-backdrop.in {
  display: none;
}
.loginpopopen .loginmodalpopup .modal-dialog {
  width: 100%;
}
.loginpopopen .loginmodalpopup .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.loginpopopen .loginmodalpopup button.close {
  right: 20px;
  top: 20px;
}
.loginpopopen .loginmodalpopup .sign-in-parent-div {
  overflow: inherit;
  height: 100vh;
}
.loginpopopen .loginmodalpopup .sign-in-parent-div .display-table,
.loginpopopen .loginmodalpopup .sign-in-parent-div .display-table-cell {
  background-color: whitesmoke;
}
.loginpopopen .loginmodalpopup .sign-in-btn-divinner .padding-left25 {
  padding-left: 0;
}
.loginpopopen .loginmodalpopup .sign-in-btn-divinner .padding-right25 {
  padding-right: 0;
}
.loginpopopen .hidewhnloginopen {
  display: none !important;
}
.loginpopopen #page-wrapper {
  height: auto;
}
html.iosdevice.forgotPassword,
body.iosdevice.forgotPassword {
  height: 100% !important;
  overflow: hidden !important;
}
body.Embedded_Widget.loginpopopen .sign-in-parent-div .display-table,
body.Popup_Widget.loginpopopen .sign-in-parent-div .display-table,
body.facebookwidget.loginpopopen .sign-in-parent-div .display-table,
body.Embedded_Widget.loginpopopen .sign-in-parent-div .display-table-cell,
body.Popup_Widget.loginpopopen .sign-in-parent-div .display-table-cell,
body.facebookwidget.loginpopopen .sign-in-parent-div .display-table-cell {
  display: block;
}
body.Embedded_Widget.loginpopopen .sign-in-parent-div,
body.facebookwidget.loginpopopen .sign-in-parent-div,
body.Embedded_Widget.signuppopopen .sign-in-parent-div,
body.facebookwidget.signuppopopen .sign-in-parent-div {
  height: auto;
}
.signup-user-found {
  padding: 20px 15px;
  text-align: center;
}
.signup-user-found .user-photo {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-size: cover;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}
.user_id_url {
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.signup-user-found h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 50px;
  margin-top: 10px;
}
.signup-user-found h3.name {
  margin-top: 10px;
  margin-bottom: 5px;
}
.signup-user-found .signininput {
  border-radius: 3px;
  background-color: white;
  border: 1px solid #d9d9d9;
  padding: 0 10px;
  color: #333333;
  height: 40px;
}
.signup-user-found .loginFromDiv {
  margin-top: 20px;
}
.signup-user-found .loginFromDiv .formField {
  margin-bottom: 15px;
}
.signup-user-found .signininput:focus {
  border-color: #3898ec;
  outline: 0;
  background-image: none;
}
.signup-user-found .signininput.errorInput {
  background-color: rgba(216, 63, 52, 0.09);
  border-color: #d83f34;
}
.signup-user-found .diflogin {
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.signup-user-found .diflogin a {
  color: #248dd5;
  -webkit-transition: color .2s ease;
  transition: color .2s ease;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
}
.signup-user-found .diflogin a:hover,
.signup-user-found .diflogin a:focus {
  color: #0768aa;
  outline: 0;
}
/* Login Popup Design Looks Like Login Page: END */

.sign-up-text.login-signuptext {
  padding: 20px 0 0;
  font-size: 15px;
  line-height: 16px;
  color: #333333;
  font-weight: 400;
}
.sign-up-text.login-signuptext a.sign-up-link {
  padding-left: 10px;
  font-weight: normal;
  color: #2a90d6;
}
.sign-up-text.login-signuptext a.sign-up-link:hover {
  color: #226fa3;
}
.checkbox-custom-black.login-remember {
  float: left;
}
.loginforgotpwd {
  float: right;
}
/* 2 Step Authentication CSS Start */

.login-emailsms-box {
  padding-left: 92px;
  background: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/msg-login-img.png") no-repeat left top;
}
.login-emailsms-box ul,
.login-enterotp ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.login-emailsms-box ul li {
  display: block;
  width: 100%;
  margin-bottom: 18px;
  clear: both;
  font-size: 16px;
  font-weight: normal;
  color: #5a5c5c;
  text-align: left;
}
.login-emailsms-box ul li.mar-bottom5 {
  margin-bottom: 5px;
}
.login-emailsms-box ul li.paddingleft {
  padding-left: 57px;
}
.login-emailsms-box ul li.margin0 {
  margin-bottom: 0px;
}
.login-emailsms-box ul li span {
  text-align: right;
  font-weight: normal;
  margin-right: 5px;
  width: 52px;
  display: inline-block;
  white-space: nowrap;
  color: #eb6663;
}
.login-emailsms-box ul li label {
  clear: both;
}
.login-emailsms-box ul li a,
.login-enterotp ul li a {
  color: #5a5c5c !important;
  text-decoration: underline;
  border-bottom: none !important;
}
.login-emailsms-box ul li p,
.login-enterotp ul li p {
  margin: 0;
}
.login-enterotp ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.login-enterotp ul li {
  text-align: center;
  font-size: 16px;
}
.login-enterotp ul li.margin-top10 {
  margin-top: 10px;
}
.twostepfieldtext {
  display: inline-block;
  overflow-wrap: break-word;
  vertical-align: top;
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
}
/* 2 Step Authentication CSS End */

/* Change Password Screen */

.password-text-change h2 {
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  color: #3e3d3d;
  line-height: 38px;
}
.password-text-change p {
  font-size: 24px;
  line-height: 35px;
  text-align: center;
}
.password-text-change p a {
  color: #eb6663;
  text-decoration: underline;
}
.password-text-change p a:hover {
  text-decoration: none;
}
.unsubscribeWrap {
  margin: 0 auto;
  max-width: 650px;
  padding: 30px 10px;
  width: 100%;
}
.cp-h1 {
  font-size: 30px;
  font-weight: 400;
  margin-top: 0;
}
.errorchildspan span {
  float: left;
  width: 100%;
}
.changePasswordDiv {
  /*max-width: 845px;*/
  padding: 30px 10px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
}
.changePasswordDiv .myformgrp input {
  border-radius: 3px;
  border-color: #d9d9d9;
}
.changePasswordDiv .myformgrp input:focus {
  border-color: #3898ec;
}
.changePasswordDiv .myformgrp input.errorInput {
  background-image: none;
  background-color: rgba(216, 63, 52, 0.15);
  border-color: #d83f34;
}
.changePasswordDiv .myformgrp input.errorInput:focus {
  background-image: none;
  background-color: rgba(216, 63, 52, 0.15);
  border-color: #d83f34;
}
.grp-tab-btns {
  width: inherit;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
  border-right: rgba(0, 0, 0, 0.15) solid 1px;
  display: block;
  text-align: center;
}
.grp-tab-btns:last-child {
  border-right: none;
}
.grp-tab-btns.active {
  background-color: #7cc576;
  color: white !important;
}
.pushlong {
  min-width: 140px;
}
.appointTab {
  width: -webkit-calc(100% - 360px);
  width: -moz-calc(100% - 360px);
  width: -o-calc(100% - 360px);
  width: -ms-calc(100% - 360px);
  width: calc(100% - 360px);
  max-width: 500px;
}
.changePasswordDiv .myformgrp label {
  font-weight: normal;
  margin-bottom: 0;
}
.upHead {
  margin-bottom: 5px;
  font-size: 36px;
  line-height: 44px;
  font-weight: normal;
  margin-top: 0;
}
.up-text {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 300;
}
.UPSubHead {
  margin-bottom: 20px;
  font-size: 20px;
}
.disblock {
  width: 400px;
  text-align: left;
}
.UP-Submit {
  height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  transition: all ease-in 0.2s;
  -webkit-transition: all ease-in 0.2s;
  -ms-transition: all ease-in 0.2s;
  -moz-transition: all ease-in 0.2s;
  min-width: 120px;
  background-color: #eb6663;
}
.UP-Submit:hover {
  background-color: #d65956;
}
.upload-alertbar {
  display: block;
  width: 80%;
  max-width: 1000px;
  margin: 0px auto 10px;
  padding: 11px 20px;
  color: white;
  background-color: #7cc576;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
}
.upload-alertbar span {
  text-align: left;
  display: inline-block;
}
.upload-alertbar .right-icon {
  color: white;
  font-family: 'Fontawesome pro solid 900', sans-serif;
  margin-right: 10px;
  font-size: 22px;
  font-style: normal;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.upload-alertbar-in {
  display: inline-block;
  text-align: left;
  position: relative;
  padding-left: 30px;
}
/* Login page end here */

/* Sign Up Modal Popup */

html {
  scroll-behavior: smooth;
}
.changePasswordDiv .display-table .display-table-cell {
  text-align: center;
}
.loginfrmcontrol {
  position: relative;
}
.loginContainer {
  min-height: 50px;
  padding: 0 0 20px;
  position: relative;
  height: auto;
}
.signupheaderpart {
  padding: 10px 25px 0;
}
.signupheaderpart .or.fb {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (max-width: 440px) {
  .signupheaderpart .or.fb {
    font-size: 16px;
  }
}
.signupheaderpart .or.fb a {
  color: #2a90d6;
}
.signupheaderpart .or.fb a:hover {
  color: #226fa3;
}
.signup-eventfields {
  padding: 0 25px;
}
.signup-eventfields input.log-in-btn {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
/* Sign UP Popup Design Looks Like Sign UP Page: START */

.signuppopopen.modal-open {
  overflow: inherit !important;
  padding-right: 0 !important;
}
.signuppopopen .hidewhnloginopen {
  display: none !important;
}
.signuppopopen #page-wrapper {
  height: auto;
}
.signuppopopen .loginmodalpopup .sign-in-parent-div {
  overflow: inherit;
  height: 100vh;
}
.signupmodalpopup {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  overflow: inherit !important;
  z-index: 102;
  padding: 0 !important;
  height: 100%;
}
.signupmodalpopup .sign-in-background {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  overflow: inherit;
  height: 100%;
}
.signupmodalpopup .modal-backdrop.in {
  display: none;
}
.signupmodalpopup button.close {
  right: 20px;
  top: 14px;
}
.signupmodalpopup .sign-in-parent-div {
  overflow: inherit;
  height: 100vh;
}
.signupmodalpopup .sign-in-parent-div .display-table,
.signupmodalpopup .sign-in-parent-div .display-table-cell {
  background-color: whitesmoke;
}
.signupmodalpopup {
  transition: none;
}
.signupmodalpopup .modal-dialog {
  width: 100%;
  margin: 0 !important;
  transform: none !important;
  transition: none !important;
}
.signuppopopen.modal-open {
  overflow: hidden;
}
.Embedded_Widget .signupmodalpopup .sign-in-parent-div,
.facebookwidget .signupmodalpopup .sign-in-parent-div {
  height: auto;
}
.signupbuttoncont {
  display: none;
}
.signuppage .forgot-password.smaller {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  color: #333333;
  font-weight: 400;
}
.signuppage .forgot-password.smaller a {
  font-weight: 400;
}
.signup-loader-height {
  margin: 0;
  width: 100%;
}
.signupwidgetscroll.showcaptcha {
  height: calc(628px);
}
.signupwidgetscroll {
  height: calc(545px);
}
.signup-loader-height.email,
.signup-loader-height.phone,
.signup-loader-height.phone {
  height: auto;
}
.signup-loader-height.email .signupwidgetscroll,
.signup-loader-height.phone .signupwidgetscroll,
.signup-loader-height.phone .signupwidgetscroll {
  height: auto;
}
.signup-loader-height.email {
  height: 471px;
  margin: 0;
  width: 100%;
}
.signup-loader-height.email .signupwidgetscroll {
  height: 418px;
}
.signup-loader-height.phone {
  height: 421px;
  margin: 0;
  width: 100%;
}
.signup-loader-height.phone .signupwidgetscroll {
  height: 360px;
}
.signup-loader-height.success {
  height: 291px;
  margin: 0;
  width: 100%;
}
.signup-loader-height.success .signupwidgetscroll {
  height: 240px;
}
.customer-signup-body .signup-verify .verify-text {
  padding-top: 24px;
}
.customer-signup-body .select-country-mar {
  width: 100%;
}
.customer-signup-body .addresswithcountry .countrydropdown .selectedcountry.us-f:before {
  left: 70px;
}
.customer-signup-body .signup-verify {
  padding: 16px 24px 0px 24px;
}
.customer-signup-body .email .signup-verify {
  padding-left: 24px;
  padding-right: 24px;
}
.customer-signup-body .email .signup-verify .input-part {
  padding-bottom: 14px;
}
.customer-signup-body .email .signup-verify.success {
  padding-top: 36px;
}
.customer-signup-body .phone .signup-verify {
  padding-left: 24px;
  padding-right: 24px;
}
.customer-signup-body .phone .signup-verify .input-part {
  padding-bottom: 14px;
}
.customer-signup-body .success .signup-verify {
  padding-left: 24px;
  padding-right: 24px;
}
.customer-signup-body .success .signup-verify .input-part {
  padding-bottom: 14px;
}
.customer-signup-body .forgot-password.smaller {
  white-space: nowrap;
}
.customer-signup-body .sign-up-text.login-signuptext {
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 10px;
}
.customer-signup-body .loginContainer {
  padding-bottom: 0;
}
.signupbodyscroll {
  height: -webkit-calc(100% - 115px);
  height: -moz-calc(100% - 115px);
  height: -ms-calc(100% - 115px);
  height: calc(100% - 115px);
  padding: 16px 24px 0px 24px;
  /* overflow-x: hidden; overflow-y: auto;*/
  -webkit-overflow-scrolling: touch;
}
.loginfrmcontrol._35 {
  width: 35%;
}
.loginfrmcontrol._65 {
  width: 61%;
}
.text-block-36 {
  font-size: 15px;
}
.div-block-15.switchlabeltext {
  max-width: -webkit-calc(100% - 170px);
  max-width: -moz-calc(100% - 170px);
  max-width: -o-calc(100% - 170px);
  max-width: -ms-calc(100% - 170px);
  max-width: calc(100% - 170px);
}
.signuppage .loginfrmcontrol .errortext {
  margin: 0;
  position: absolute;
  bottom: -14px;
  right: 0;
  width: 100%;
}
/*.signuppage .loginfrmcontrol .errortext:before { content: ""; position: absolute; background-color: rgba(235, 104, 99, 0.2); height: 40px; top: -34px; left: 0; width: 100%; border-radius: 5px; right: 0; }*/

.signuppage .w-custom-dropdown.errorInput select,
.signuppage .w-custom-dropdown.errorInput:focus select {
  border: 0 none;
}
.signuppage .loginfrmcontrol .w-custom-dropdown .errortext:before {
  top: -37px;
}
.signuppage .signininput {
  z-index: 1;
}
.signuppage .signininput {
  font-size: 15px;
  line-height: 20px;
  align-items: center;
  color: #333333;
  font-weight: 400;
}
.signuppage .w-custom-dropdown select {
  position: relative;
  z-index: 1;
}
.signuppage .loginfrmcontrol .errortext.errortextbig {
  position: relative;
  bottom: 0;
  width: 100%;
  margin-top: -16px;
  clear: both;
  float: left;
  line-height: 14px;
  padding-top: 6px;
  padding-bottom: 5px;
  text-align: left;
}
/* Design Update For GDPR */

/*.signuppage {
    .loginfrmcontrol.margin-bottom15 { margin-bottom: 10px; }
    .sign-in-text-field { height: 40px; margin-bottom: 10px; }
}*/

/* Sign up popup for customer app */

.vagaroapp-webpage .signupmodalpopup button.close,
.vagaroapp-webpage .loginmodalpopup button.close {
  background-image: none;
  right: 0 !important;
  top: 2px !important;
  height: 40px;
  left: 0;
  position: fixed;
}
.vagaroapp-webpage .signupmodalpopup button.close:after,
.vagaroapp-webpage .loginmodalpopup button.close:after {
  content: "\f104";
  font-family: 'Fontawesome pro 300', sans-serif;
  position: absolute;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
  color: #333333;
  left: 0;
  top: 0;
  width: 41px;
  text-indent: 0;
}
.vagaroapp-webpage .loginmodalpopup .sign-in-btn-divinner {
  padding-top: 20px !important;
}
.vagaroapp-webpage.iosdevice.changefixposition button.close {
  position: absolute;
}
.vagaroapp-webpage .loginforgotpwd {
  margin: 0 auto;
  float: none;
}
.vagaroapp-webpage button.close.afterHide:after {
  display: none;
  content: "";
}
/* Sign UP Popup Design Looks Like Sign UP Page: END */

/* User Agreement popup */

.useraggreement-popup .modal-body {
  padding: 0;
}
#dvAgreementPolicy {
  margin: 0;
}
#dvAgreementPolicy iframe {
  height: 442px;
  width: 100%;
}
.useraggreement-popup .bootbox-body {
  padding: 0;
}
.useraggreement-popup .modal-header {
  padding-bottom: 10px;
}
#fld1.inframe {
  height: 378px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.useraggreement-popup .modal-dialog {
  max-width: 800px;
  width: 95%;
}
/* Services Page */

.service-50 {
  vertical-align: top;
}
.service-50:hover .service-link {
  display: inline-block;
}
.service-price-alt {
  min-width: 69px;
  text-align: right;
}
.windowsSafari .service-title-alt {
  max-width: 86%;
}
.service-imgdiv {
  display: none;
}
.service-withimg.service-standard .service-imgdiv {
  display: block;
  height: 150px;
  width: 100px;
  float: left;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.service-withimg.service-standard .service-imgdiv .service-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
.service-withimg.service-standard .servicenameprice {
  margin-left: 110px;
}
.service-withimg.service-standard .servicenameprice .service-title-alt {
  word-break: break-word;
  word-wrap: break-word;
  max-width: calc(100% - 150px);
}
/* Our Staff page */

.our-staff-flex {
  display: block;
}
.our-staff-description {
  width: 100%;
}
.a-our-staff-profile {
  position: relative;
}
.our-staff-flex.padding-top0 {
  padding-top: 0;
}
.a-our-staff-div .div-block-19 {
  display: block;
  margin-left: 100px;
}
.a-our-staff-div .div-block-20 {
  display: block;
}
.a-our-staff-div .a-staff-name {
  display: block;
  word-wrap: break-word;
  word-break: break-word;
}
.a-our-staff-div .a-staff-rating {
  display: block;
}
/*.div-block-18 { margin-top: 10px; }*/

/* Our Staff End */

/* Service Page */

.shopdetail-tagline {
  color: #eb6663;
  font-size: 14px;
}
.service-tag-title .business-heading {
  float: left;
}
.service-tag-title .shopdetail-tagline {
  float: right;
  padding-top: 10px;
}
.services-overall-div .business-headpad {
  padding-bottom: 20px;
}
.services-overall-div .services-heading:before {
  content: "\f105";
  position: absolute;
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 24px;
  color: #333333;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
  font-weight: 300;
  left: 6px;
  top: 12px;
}
.services-overall-div .services-heading.collapsed:before {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.sort-div-fullwidth {
  padding: 0px;
  cursor: pointer;
  margin-right: 10px;
}
.sort-div-fullwidth .w-dropdown-toggle {
  padding: 8px 0px 8px 20px;
  display: block;
  text-align: center;
  width: 100%;
}
.sort-div-fullwidth .w-dropdown-toggle .w-icon-dropdown-toggle {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  left: inherit;
  top: inherit;
  bottom: inherit;
}
.sort-div-fullwidth .recent-title {
  display: inline-block;
  vertical-align: middle;
}
/* Store - Product page */

.storecategoryname {
  max-width: 148px;
}
.product-parent-div {
  display: block;
}
.book-dropdown-list {
  max-height: 400px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.product-type-dropdown,
.brand-dropdown,
.book-search-button {
  display: block;
}
.other-photos-div {
  height: 350px;
}
.thumbnail-image {
  height: 82px;
  display: block;
}
.qty {
  position: relative;
}
.iosdevice .product-image-div.aesop {
  display: inline-block !important;
}
.item-quantitychange.greycoloredinput {
  width: auto;
  padding-right: 20px;
}
.item-quantitychange .qty-text-field {
  position: static;
  background-color: white;
}
.item-quantitychange .qty-text-field input {
  width: 100%;
  text-align: center;
  height: 100%;
}
.item-quantitychange .qty-text-field a {
  right: 0;
}
.item-quantitychange:hover .qty-text-field a {
  opacity: 1;
}
.item-quantitychange .qty-text-field .itemuparrow {
  top: 0;
}
.item-quantitychange .qty-text-field .itemdownarrow {
  bottom: 0;
}
.facebook-div {
  position: relative;
}
.product-search-field {
  width: 100%;
  height: 100%;
  border: 0 none;
  margin-bottom: 0px;
  padding: 10px 15px 10px 36px;
  background-color: transparent;
  color: #333333;
  font-size: 15px;
  position: relative;
}
.product-formcont {
  background-color: white;
  position: relative;
  height: 38px;
  border: 1px solid gainsboro;
  border-radius: 3px;
}
.product-formcont:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 8px;
  color: rgba(51, 51, 51, 0.7);
  font-family: 'Fontawesome pro 300', sans-serif;
}
.dropdown-icon-prod {
  color: #333333;
  font-size: 15px;
  position: absolute;
  right: 0;
  top: 1px;
}
.w-dropdown .book-dropdown.pos-static {
  height: 19px;
  overflow: hidden;
  position: relative;
  white-space: normal;
}
.w-dropdown .ms-parent.book-dropdown.pos-static {
  position: static;
}
.w-dropdown .ms-choice {
  background: none;
  color: #333333;
  text-align: left;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  width: 100%;
  position: relative;
}
.w-dropdown .ms-choice:after {
  content: "\f107";
  position: absolute;
  right: 0;
  top: 3px;
  font-family: 'Fontawesome pro 300', sans-serif;
  speak: none;
  text-transform: none;
  line-height: 1;
}
.w-dropdown .ms-choice .open {
  display: none;
}
.w-dropdown .ms-choice span {
  display: block;
  padding-right: 20px;
}
.w-dropdown .ms-drop {
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  color: #333333;
  display: none;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 9999;
}
.w-dropdown .ms-drop ul,
.w-dropdown .ms-drop ol {
  margin: 0 !important;
  list-style: none;
  width: 100% !important;
  padding: 0 !important;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.w-dropdown .ms-drop ul > li label {
  font-size: 15px;
  font-weight: 300;
  margin: 0;
  min-height: 34px;
  padding: 7px 10px 0 40px;
  position: relative;
  white-space: normal;
  cursor: pointer;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.w-dropdown .ms-drop ul > li label:before {
  border-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  height: 20px;
  position: absolute;
  width: 20px;
  left: 10px;
  top: 7px;
}
.w-dropdown .ms-drop ul > li.selected label:before {
  background-color: #333333;
  background-image: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/signup-check.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
}
.w-dropdown .ms-drop input[type="checkbox"] {
  margin-left: -60px;
  margin-right: 44px;
}
.percent-off-text {
  min-width: 52px;
}
/* Product popup */

.shoppingcartpopup .modal-dialog {
  width: 900px;
}
.shoppingcartpopup .modal-content {
  line-height: 20px;
}
.shoppingcartpopup button.close {
  right: 10px;
  top: 10px;
}
.shoppingcartpopup .slick-prev,
.shoppingcartpopup .slick-next {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  height: 30px;
  width: 24px;
  top: 50%;
  font-size: 0;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  margin-top: -15px;
}
.shoppingcartpopup .slick-prev {
  background-image: url("../PublicImages/Images/left-arrow-2x.png");
  left: 0;
  border-radius: 0 5px 5px 0;
}
.shoppingcartpopup .slick-prev.slick-disabled {
  opacity: 0.3;
  cursor: default;
}
.shoppingcartpopup .slick-next {
  background-image: url("../PublicImages/Images/right-arrow-2x.png");
  right: 0;
  border-radius: 5px 0 0 5px;
}
.shoppingcartpopup .slick-next.slick-disabled {
  opacity: 0.3;
  cursor: default;
}
/* Gift Certificate */

.windowsSafari .gc-div:nth-of-type(3n-1) {
  margin-left: 16px;
  margin-right: 16px;
}
.windowsSafari .gc-flex {
  display: block;
  margin-left: 0px;
  margin-right: 0px;
}
.gift-certi-select {
  margin: 10px 0;
  max-width: 500px;
  width: 100%;
}
.gift-certi-qty {
  display: inline-block;
  margin: 10px 5px 10px 0;
  width: 100px;
}
.windowsSafari .gc-thumb {
  float: left;
  position: relative;
}
.gift-certi-slider .gc-thumb {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0;
}
.gc-palceholder {
  opacity: 0;
  visibility: hidden;
}
.webkit-desktop .select-template-div {
  padding-bottom: 3px;
}
.gc-printcont {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  width: 55%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  word-wrap: break-word;
}
.gc-printcont .gcprice {
  font-size: 36px;
  font-weight: bold;
  line-height: normal;
  text-align: right;
  padding-top: 10px;
  min-height: 40px;
  padding-right: 40px;
}
.gc-printcont .gcservice {
  font-size: 15px;
  line-height: normal;
  min-height: 40px;
  padding-top: 13px;
  padding-bottom: 8px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.gc-printcont .formto-text {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: normal;
  overflow: hidden;
  max-height: 17px;
}
.gc-printcont .formto-bottom-text {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: normal;
  overflow: hidden;
  max-height: 17px;
}
.gc-printcont .gcmessage {
  font-size: 12px;
  line-height: normal;
  margin-top: 10px;
  max-height: 30px;
  overflow: hidden;
}
.gc-printcont .gc-purchased-text {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 6px;
}
.gc-printcont .gc-expire {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: normal;
}
.gc-printcont .gc-business {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 4px;
}
.gc-printcont .gc-address {
  font-size: 10px;
  font-weight: bold;
  width: 65%;
  line-height: 13px;
}
.gc-printcont .gc-bottom-section {
  position: absolute;
  bottom: 20px;
  right: 0px;
  left: 0px;
  width: 100%;
  max-width: 215px;
}
.gc-cat-img {
  margin-right: 10px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-decoration: none;
  vertical-align: top;
  width: 168px;
  height: 93px;
  cursor: pointer;
}
.gc-silder-parent .slide-prev,
.gc-silder-parent .slide-next {
  top: -35px;
}
.gcpreviewbackground {
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  border-radius: 3px;
}
.gcpreviewbackground-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
#gc-categoryimg {
  min-height: 95px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
#gc-categoryimg .section-loader-absolute {
  min-height: inherit;
}
/* Membership */

.grpSpan {
  border-radius: 3px;
  background: gainsboro;
  font-size: 12px;
  font-weight: 300;
  color: #333333;
  padding: 0 6px;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 3px;
  margin-top: 3px;
  line-height: 24px;
}
.Mem-History-balance {
  cursor: pointer;
}
.windowsSafari .active-membership {
  padding-top: 0;
}
.windowsSafari .active-membership img {
  vertical-align: baseline;
  width: 10px;
}
.windowsSafari .gc-flex-container {
  position: relative;
  z-index: 2;
  background-color: white;
}
.windowsSafari .build-gc-container {
  margin-left: -48px;
  position: relative;
  z-index: 0;
}
.gc-flex-container,
.build-gc-container {
  perspective: 1000px;
}
.windowsSafari .membership-active-div {
  max-width: 76%;
}
.windowsSafari .membership-active-div .service-title-alt {
  max-width: 100%;
}
/* Book page */

.book-wrapper {
  padding: 20px 0;
  margin: 0 auto;
  max-width: 1000px;
  width: 95%;
  font-size: 14px;
  font-weight: 400;
}
.day-div {
  position: relative;
}
.book24-msg.CustomMessage {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.bookservicecontainer-inner .business-info-div {
  padding-left: 0;
}
.bookservicecontainer-inner .div-block-83 {
  float: none;
  width: 100%;
}
.bookservicecontainer-inner .location-stars-div {
  display: block;
}
.bookservicecontainer-inner .location-text {
  display: block;
  font-size: 15px;
}
.bookservicecontainer-inner .div-block-83 .business-name {
  line-height: 22px;
  margin-bottom: 0;
}
/* Write Review Page */

/* Class Page */

.book-class-btn .dropdown-list.w--open {
  margin-top: 0;
  top: 100%;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.book-class-btn.class-signup {
  padding: 0;
}
.book-class-btn.class-signup .w-icon-dropdown-toggle {
  right: -7px;
}
.book-class-btn.class-signup .w-dropdown-toggle,
.book-class-btn.class-signup .dropdown-toggle {
  vertical-align: top;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  /*min-width: 175px;*/
  width: 100%;
}
.book-class-btn.class-signup .w-dropdown-toggle .w-icon-dropdown-toggle,
.book-class-btn.class-signup .dropdown-toggle .w-icon-dropdown-toggle {
  margin-right: 0;
}
.book-class-btn.class-signup .w-dropdown-toggle .cls-signuptext,
.book-class-btn.class-signup .dropdown-toggle .cls-signuptext {
  position: relative;
  padding: 0 20px 0 0;
  text-align: center;
  width: 75px;
  margin: 0 auto;
}
.book-class-btn.class-signup .w-dropdown-toggle.work-shopsignup .cls-signuptext,
.book-class-btn.class-signup .dropdown-toggle.work-shopsignup .cls-signuptext {
  width: auto;
  padding: 0;
}
.book-class-btn.class-signup.checkin-appbtn .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
}
.book-class-btn.class-signup.checkin-appbtn .add-to-waitlist-btn {
  min-height: inherit;
}
.book-class-btn.class-signup .w-dropdown-list.dropdownclass-section {
  min-width: 215px;
  font-size: 16px;
  right: auto;
  left: 50%;
  margin-left: -108px;
}
.book-class-btn.class-signup .w-dropdown-list.dropdownclass-section a:last-of-type {
  border-bottom: 0 none;
}
/* Class Tab Design - 19 Feb 2018 
======================================================= */

.wrap-1000-div {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}
.class-date.class-table-head {
  background-color: whitesmoke;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
  max-width: 1000px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.class-date-time {
  float: left;
  width: 33.33%;
}
.class-name-col {
  float: left;
  width: 33.33%;
  padding-left: 10px;
}
.class-name-col.mobile {
  display: none;
}
.class-instructor-col {
  float: left;
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}
.class-col-verywidth {
  float: left;
  width: calc(100% - 145px);
}
.streamclass-div .class-col-verywidth {
  float: left;
  width: calc(100% - 210px);
}
.class-signup-col {
  float: right;
  width: 145px;
}
.windowsSafari .stars {
  display: inline-block;
  vertical-align: top;
  width: 41%;
}
.class-book-time {
  font-size: 16px;
  font-weight: 500;
}
.class-instructorname,
.class-name-div {
  font-size: 16px;
  text-decoration: none;
}
.class-available-container {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
.class-div .class-date-time,
.class-div .class-name-col,
.class-div .class-instructor-col {
  padding-top: 5px;
  padding-bottom: 2px;
}
.class-div .class-date-time {
  padding-left: 0;
}
.class-time-spots .w-inline-block {
  vertical-align: middle;
}
.class-time-spots .class-book-time {
  margin-right: 8px;
}
.class-time-spots .text-block-18 {
  margin-left: 0;
}
.class-div:last-of-type {
  border-bottom: 0 none;
}
/* Class Tooltip Popup 15 March 2018 */

.clstip-popup .modal-dialog {
  max-width: 600px;
  width: 90%;
}
.clstip-popup .modal-body {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 30px;
}
.clstip-img {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 53px;
  height: 80px;
  margin-bottom: 10px;
  float: left;
}
.clstip-name-min {
  margin-left: 63px;
}
.clstip-img-name.no-cls-img .clstip-img {
  display: none;
}
.clstip-img-name.no-cls-img .clstip-name-min {
  margin-left: 0;
}
.clstip-name {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 22px;
}
.clstip-min {
  margin-bottom: 6px;
  color: rgba(51, 51, 51, 0.7);
  font-size: 16px;
}
.clstip-description {
  margin-bottom: 10px;
  color: rgba(51, 51, 51, 0.6);
  font-size: 14px;
  line-height: 18px;
}
/* Class Tab Dropdowns */

.class-wrapper .weekslider-container {
  margin-bottom: 30px;
}
.class-wrapper .search-bar-parent-div-alt {
  border: 0 none;
  border-radius: 0;
  max-width: 1000px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.class-wrapper .search-bar-parent-div-alt .search-div-38 {
  height: 38px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.class-wrapper .search-div-38.service-what-div {
  width: calc(50% - 5px);
  float: right;
}
.class-wrapper .search-div-38.service-book-what {
  width: calc(50% - 5px);
  float: left;
}
.class-wrapper .search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input,
.class-wrapper .search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input {
  font-size: 15px;
}
.class-wrapper .dropdown-text-input {
  font-size: 15px;
}
.class-wrapper .dropdown-text-input:-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.class-wrapper .dropdown-text-input::-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.class-wrapper .dropdown-text-input:-ms-input-placeholder {
  color: #333333;
  opacity: 1;
}
.class-wrapper .dropdown-text-input::-webkit-input-placeholder {
  color: #333333;
  opacity: 1;
}
.class-wrapper .dropdown-text-input :-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.class-wrapper .dropdown-text-input ::-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.class-wrapper .dropdown-text-input :-ms-input-placeholder {
  color: #333333;
  opacity: 1;
}
.class-wrapper .dropdown-text-input ::-webkit-input-placeholder {
  color: #333333;
  opacity: 1;
}
.class-wrapper .dropdown-fa-absolute {
  color: #333333;
  font-size: 15px;
  top: 8px;
}
/* Class booking Popup */

.upDownArow {
  display: inline-block;
}
.upDownArow .text-block-17 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.upDownArow .w-input {
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  display: inline-block;
  width: 60px;
  vertical-align: middle;
  margin-bottom: 0;
  margin-left: 2px;
  margin-right: 2px;
}
.arrow-up-down {
  display: inline-block;
  vertical-align: middle;
}
.arrow-up-down a {
  position: relative;
  width: 20px;
  height: 18px;
  display: block;
  text-align: center;
  text-decoration: none;
  /*opacity: 0;*/
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.arrow-up-down a:before {
  position: absolute;
  font-family: 'Fontawesome pro solid 900', sans-serif;
  left: 0;
  top: 0;
  width: 100%;
  color: #333333;
  font-size: 16px;
}
.arrow-up-down .uparrow:before {
  content: "\f0de";
  top: 2px;
}
.arrow-up-down .downarrow:before {
  content: "\f0dd";
  top: auto;
  bottom: 3px;
}
.qty-big-control .arrow-up-down {
  vertical-align: top;
}
.qty-big-control .arrow-up-down a {
  height: 38px;
  width: 20px;
}
.qty-big-control .arrow-up-down a:before {
  font-size: 20px;
  line-height: 38px;
  font-family: 'Fontawesome pro 300', sans-serif;
  color: #9a9a9a;
}
.qty-big-control .arrow-up-down .uparrow:before {
  content: "\f055";
  top: 0;
}
.qty-big-control .arrow-up-down .downarrow:before {
  content: "\f056";
  bottom: 0;
}
.qty-big-control .upDownArow .w-input,
.qty-big-control .upDownArow input {
  text-align: center;
}
.signupweek-day {
  padding-top: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.dayselection {
  vertical-align: middle;
}
.dayselection .form-checkbox {
  display: inline-block;
  padding-left: 0;
  padding-bottom: 16px;
  position: relative;
  margin-right: 7px;
  width: 30px;
}
.dayselection .form-checkbox:last-child {
  margin-right: 0;
}
.dayselection .form-checkbox label {
  display: inline-block;
  margin-top: -19px;
}
.dayselection .form-checkbox input[type="checkbox"] + label:before {
  position: absolute;
  margin-left: 0;
  bottom: 0;
  left: 0;
}
.signupdays .text-block-17 {
  display: inline-block;
  vertical-align: middle;
}
.signup-weeks .text-block-17 {
  vertical-align: middle;
}
.signup-weeks .w-custom-dropdown {
  background-position: 63px center;
  display: inline-block;
  width: 84px;
  margin-bottom: 0;
  height: 38px;
}
.signup-weeks .w-custom-dropdown select {
  height: 38px;
  padding-right: 10px;
  padding-left: 7px;
  border-radius: 3px !important;
}
.signup-weeks .upDownArow.w-custom-dropdown {
  background-position: 30px center;
  width: 46px;
}
.signup-weeks .upDownArow.w-custom-dropdown select {
  padding-right: 15px;
  padding-left: 8px;
}
.signup-weeks .dayupDownArow .w-custom-dropdown {
  background-position: 40px center;
  width: 60px;
}
.signup-weeks .dayupDownArow .w-custom-dropdown select {
  padding-right: 15px;
  padding-left: 8px;
}
.startdate-enddate {
  padding-top: 2px;
}
.class-detail-popup .modal-dialog {
  width: 600px;
}
.class-detail-popup .modal-content {
  font-size: 14px;
  line-height: 20px;
}
.classevent-photo {
  background-color: #eeeeee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 3px;
  width: 67px;
  height: 100px;
}
.classevent-desc {
  margin-left: 82px;
}
.classevent-desc .more-div {
  margin-top: -24px;
}
.event-ph-description {
  padding-top: 10px;
  margin-bottom: 15px;
}
.event-ph-description.no-eventimg .classevent-photo {
  display: none;
}
.event-ph-description.no-eventimg .classevent-desc {
  margin-left: 0;
}
.eventattendee-session {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.eventclass-name {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 5px;
}
.eventclass-name .tooltip-container {
  display: none;
}
.product-name .tooltip-container {
  display: none;
}
.event-description {
  font-size: 14px;
  line-height: 20px;
}
.elementshowmore {
  overflow: hidden;
}
.elementshowmore.height60 {
  height: 60px;
}
.classpriceRow {
  color: #7cc576;
  font-size: 34px;
  vertical-align: bottom;
  width: 188px;
  text-align: center;
  line-height: 30px;
  min-height: 34px;
  align-self: flex-end;
}
.eventatendee {
  margin-right: 41px;
}
.classoldprice {
  color: gray;
  text-decoration: line-through;
  font-size: 25px;
}
/* Workshop Class Popup */

.workshop-class .eventsession,
.workshop-class .signupweek-day,
.workshop-class .startdate-enddate {
  pointer-events: none;
  opacity: 0.5;
  display: none;
}
/* Class Unavailable Popup */

.conflict-container {
  max-height: 230px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.class-unavailable {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.cls-conflict-left {
  float: left;
  width: 362px;
}
.cls-conflict-dropdown {
  margin-left: 382px;
}
.cls-conflict-dropdown .w-custom-dropdown {
  height: 38px;
}
.cls-conflict-dropdown .w-custom-dropdown select {
  height: 38px;
  border-radius: 0 !important;
}
.cls-conflict-remove {
  background-color: #e23939;
  background-image: url("../PublicImages/Images/white-x-2x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 8px;
  width: 16px;
  height: 16px;
  float: left;
  border-radius: 100%;
}
.cls-conflict-date {
  margin-left: 21px;
}
.text-block-33 {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 18px;
}
.ExRedAlert {
  padding-top: 1px;
  display: block;
  color: red;
}
/* Class Add Attendee Popup */

.eventpopupbody .userdetail {
  padding: 0;
  margin: 0;
  list-style: none;
}
.eventpopupbody li {
  float: left;
  margin-bottom: 10px;
}
.eventpopupbody .add-attendee-head li {
  margin-bottom: 0;
}
.eventpopupbody li.width23per {
  width: 22.5%;
}
.eventpopupbody li.width26per {
  width: 26%;
}
.eventpopupbody li.width24per {
  width: 24%;
}
.eventpopupbody li.width3per {
  width: 5%;
  padding-top: 6px;
}
.eventpopupbody .rightpadding10 {
  padding-right: 10px;
}
.eventpopupbody li label {
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.AddeventuserSection {
  margin-top: 5px;
}
.eventpopupbody .addremoveicon {
  background-color: #eb6663;
  width: 24px;
  margin-right: 5px;
}
.eventpopupbody .AddeventuserSection .addremoveicon {
  float: left;
  background-color: #5c9557;
}
.AddeventuserSection span {
  float: left;
  margin-top: 2px;
}
.AddeventuserSection span a {
  color: #333333;
  text-decoration: none;
  font-size: 15px;
}
.displaynone {
  display: none;
}
.eventpopupbody .requiredText {
  color: #eb6663;
  font-size: 12px;
  text-align: left;
}
.eventpopupbody .validatemsg {
  display: none;
}
.eventpopupbody .w-input {
  border-radius: 3px;
  margin-bottom: 0;
}
.eventpopupbody .eventusergroup {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 175px;
}
/* Class Empty State */

.divEmptystate {
  padding-top: 40px;
  padding-bottom: 140px;
  display: none;
}
.divEmptystate.verti-center {
  padding-bottom: 40px;
  height: 67.5vh;
}
.divEmptystate-table {
  display: table;
  height: 100%;
  width: 100%;
}
.divEmptystate-table-cell {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.divEmptystate-inner {
  max-width: 400px;
  text-align: center;
  margin: 0 auto;
}
.divEmptystate .icon-sad-calendar {
  font-size: 55px;
  line-height: 60px;
}
.empty-state-icon {
  margin-bottom: 15px;
  font-size: 60px;
  line-height: 68px;
}
.this-is-a-heading {
  font-size: 26px;
  line-height: 34px;
  font-weight: 500;
  margin-top: 10px;
}
.this-is-a-heading.margin-top0 {
  margin-top: 0;
}
.this-is-a-heading.vpl-heading-no {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}
.this-is-a-description {
  margin-top: 4px;
  margin-bottom: 30px;
  color: #777777;
  font-size: 16px;
  font-weight: 300;
}
.this-is-a-description.vpl-small-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
  padding-top: 16px;
}
/* Class page css End */

/* overwritten Existing Class End
====================================================================================================== */

/* Shop Deatial Old Home Page Theme CSS Start */

.content-wrapper .thm-topHeadBG {
  padding-bottom: 15px;
  padding-top: 15px;
}
.thm-contentWrap {
  margin: 0 auto;
  max-width: 1060px;
}
.custom-web-footer {
  display: none;
  text-align: right;
  max-width: 1060px;
  margin: 0 auto;
}
.custom-theme-nav {
  display: none;
}
.vagaro-poweredlogo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 99px auto;
  height: 38px;
  width: 99px;
  display: inline-block;
  vertical-align: top;
}
.customTopSocial {
  margin-top: 10px;
}
.custom-top-social {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  height: 30px;
  width: 30px;
  float: left;
  margin: 0 3px;
}
/* Shop Deatial Old Home Page Theme CSS End */

/* My Account Theme CSS Start
====================================================*/

.background-transparent {
  background: transparent;
}
.no-border-bottom {
  border-bottom: 0 none;
}
/* My Account Theme CSS End
====================================================*/

/* User agreement page start
====================================================*/

.userAgreement {
  color: #333333;
  display: block;
  font-size: 15px;
  line-height: 23px;
  padding: 15px;
}
.userAgreement ul {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 10px;
}
.userAgreement a {
  color: #eb6663;
  text-decoration: underline;
}
.userAgreement a:hover {
  text-decoration: none;
}
.userAgreement h3 {
  clear: both;
  color: #eb6663;
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  padding-bottom: 5px;
  text-align: left;
  margin-top: 0px;
}
.listingnumber {
  list-style-type: lower-roman;
  margin: 0;
  padding: 0 0 10px;
}
.listingnumber li {
  clear: both;
  display: block;
  line-height: 20px;
  padding: 0 0 10px;
}
.userAgreement p {
  font-size: 15px;
  line-height: 20px;
  padding-bottom: 15px;
  margin-bottom: 0px;
}
.paddingLeft25 {
  padding-bottom: 0;
  padding-left: 25px;
}
/* User agreement page End
====================================================*/

/* Windows App CSS Start */

/* Windows App CSS End */

/* 404 page start */

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  margin-top: -50px;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.space-30 {
  height: 30px;
}
.normal-404-text {
  margin-top: 10px;
  font-size: 16px;
}
/* 404 page end */

/* Common Class for mobile service design CSS start */

.search-font-absolute-common {
  display: none;
}
.select2-servicediv {
  background-color: white;
  height: 40px;
}
.select2-servicediv .dropdown-fa-absolute {
  color: #333333;
  line-height: 12px;
}
.select2-servicediv .service-commonin {
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-appearance: none;
  color: #333333;
  font-size: 16px;
  font-weight: 300;
  padding: 0 28px 0 12px;
  line-height: normal;
  height: 100%;
  width: 100%;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-servicediv .service-commonin.select2-container {
  padding: 0;
}
.select2-servicediv .service-commonin.select2-container .select2-choices {
  height: 100%;
}
.select2-servicediv .service-commonin.select2-container .select2-choices .select2-search-field {
  height: 100%;
}
.select2-servicediv .service-commonin.select2-container .select2-choices .select2-search-field input {
  height: 100%;
  color: #333333;
  padding: 0 28px 0 12px;
  font-size: 16px;
  font-weight: 300;
}
/* Common Class for mobile service design CSS end */

/* Service Menu Collapse */

.panel-collapse.collapse {
  display: none;
  visibility: hidden;
}
.panel-collapse.collapse.in {
  display: block;
  visibility: visible;
}
.panel-collapse.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height,visibility;
  -o-transition-property: height,visibility;
  transition-property: height,visibility;
}
/* Service Menu Collapse End */

/* Checkin App book now top screen Start */

.checkin-welcome {
  display: none;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  background-color: white;
  position: relative;
  z-index: 5;
  padding-right: 200px;
}
.checkinappbody .content-wrapper {
  padding-top: 0;
  margin-bottom: 0 !important;
}
.checkinappbody .tab-content.giveNavspace {
  padding-top: 0;
}
.checkinappbody .push {
  display: none;
}
.checkinappbody .book-confirmpage {
  top: 131px;
}
.checkinappbody .checkin-welcome {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.checkinappbody .div-block-22 {
  min-height: 100%;
}
.checkinappbody.overflowHidden .checkin-welcome {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.checkinappbody .popup-progress-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 6px;
  max-width: 100%;
  margin-top: 0px;
  position: relative;
  z-index: 6;
}
.checkinappbody .popup-progress {
  width: 0px;
  height: 6px;
  background-color: #20345c;
}
.checkin-profile-pic {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-right: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  background-color: #eeeeee;
  color: #333333 !important;
  font-size: 32px;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 14px 0 rgba(0, 0, 0, 0.25);
}
h1.checkin-username,
div.checkin-username {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 46px;
  line-height: 48px;
  font-weight: 400;
  word-wrap: break-word;
  word-break: break-word;
  width: calc(100% - 120px);
}
.checkin-backclose {
  position: absolute;
  right: 50px;
}
.checkin-backbtn {
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 60px;
  line-height: 60px;
  color: #333333;
  margin-right: 20px;
  float: left;
}
.checkin-closebtn {
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 60px;
  line-height: 60px;
  color: #333333;
  float: left;
}
/* Checkin App book now top screen End */

.iosdevice.changefixposition .nav-bar {
  position: absolute !important;
}
/* Font awesome porpert start  
==============================================================================*/

.font-awes-icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.font-awes-text-900 {
  font-family: 'Fontawesome pro solid 900';
}
.font-awes-text-400 {
  font-family: 'Fontawesome pro 400';
  font-weight: 400;
}
.fa-dollar-sign:before {
  content: "\f2e8";
}
.prepay-paid-appt-icon {
  text-align: center;
  margin-right: 3px !important;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
}
.prepay-paid-appt-icon .fa-dollar-sign {
  line-height: 22px;
  font-size: 22px;
  color: #3eb351;
  line-height: 26px;
}
.deposite-sign:before {
  content: "\f25d";
}
/* Deposit  icon css  */

.vagaro-deposit-bg {
  margin-top: 2px!important;
  background: none !important;
}
.vagaro-icons-deposit {
  font-family: 'vagaro-icons-deposit';
}
.deposit-icon {
  font-size: 19px;
  font-style: normal;
  color: #333333;
}
/* Deposit  icon css  */

.membership-package-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  background: #3eb351;
  color: white;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
}
/* Font awesome porpert End  
==============================================================================*/

.item-price-line-through {
  color: rgba(51, 51, 51, 0.5);
  text-decoration: line-through;
  font-size: 16px;
}
.text-block-56-package {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: -10px;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: rgba(214, 89, 86, 0.15);
  width: 100%;
}
.product-div-shopping-col {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.product-div-shopping-col .product-div-shopping-bag {
  padding: 0px;
  border: 0px;
}
/* successful box start
==============================================================================*/

.successfull-box.div-block-93 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: none;
}
.successfull-box.div-block-93.cpError-box {
  min-height: inherit;
}
.successfull-box.div-block-93.cpError-box .continuebtncont {
  display: none;
}
.successfull-box.div-block-93.cpError-box .accept-title {
  color: #d81a1a;
  font-size: 20px;
  line-height: 26px;
}
.successfull-box.div-block-93.cpError-box .successful-check {
  width: 60px;
  height: 60px;
  font-size: 35px;
}
.successfull-box .accept-div-overall {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1000px;
  max-width: 90%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: proxima-nova, sans-serif;
  font-weight: 300;
  text-align: center;
}
.successfull-box .accept-div-overall.fill {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.successfull-box .successful-check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 76px;
  height: 76px;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #7cc576;
  font-family: 'Fontawesome pro 400', sans-serif;
  color: white;
  font-size: 50px;
}
.successfull-box .successful-check.error-check {
  background-color: #d81a1a;
}
.successfull-box .accept-title {
  margin-bottom: 5px;
  font-size: 32px;
  line-height: 36px;
}
.successfull-box .accept-paragraph {
  max-width: 600px;
  font-size: 16px;
  line-height: 22px;
}
.successfull-box .space-30 {
  height: 30px;
}
.successfull-box .successbtn {
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 120px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: white;
  text-decoration: none;
  background-color: #7cc576;
  cursor: pointer;
}
.successfull-box .successbtn:hover {
  background-color: #5c9557;
}
/* successful box end  
==============================================================================*/

.miles-div span {
  width: 54px;
  display: inline-block;
}
.appt-text.membership-name {
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
}
.appt-text.text-fade {
  color: rgba(51, 51, 51, 0.6);
  font-weight: 400;
  font-size: 14px;
}
.appt-type-div .appt-text {
  font-size: 14px;
}
.address-map-parent-div .location-div {
  display: block;
  clear: left;
}
.hfeed_text {
  text-align: center;
  font-size: 14px;
  color: #333333;
  margin-bottom: 15px;
}
/* home page feedback css */

.home-feedb-block {
  background: whitesmoke;
  padding: 20px 0;
}
.home-feedb-inner {
  width: 1040px;
  margin: 0 auto;
  max-width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}
/* home feedback css */

/* css for multi location - 22-02-2018 */

.multi-location-button {
  position: absolute;
  top: 0;
  right: 0;
}
.location-button {
  background-color: white;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  color: #333333;
  text-align: center;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  text-decoration: none;
}
.location-button:hover {
  background: whitesmoke;
}
a.location-button:link,
a.location-button:visited,
a.location-button:active,
a.location-button:hover,
a.location-button:focus {
  color: #333333 !important;
  font-family: "proxima-nova", sans-serif;
}
.multilocation-div {
  padding-bottom: 0;
  padding-top: 0;
  /*.loc-according { padding-top: 20px; }*/

}
.multilocation-div .location-head {
  background-color: whitesmoke;
  text-decoration: none;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  min-height: 50px;
  line-height: 24px;
  font-size: 20px;
  padding-left: 30px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  margin-bottom: 0;
}
.multilocation-div .location-head:before {
  content: "\f105";
  position: absolute;
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 24px;
  color: #333333;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
  font-weight: 300;
  left: 6px;
  top: 12px;
}
.multilocation-div .location-head.collapsed:before {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.multiloc.location-select .location-stars-div.big {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}
.location-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-bottom: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.half-loc {
  width: 49.2%;
  height: auto;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  background-color: #f8f8f8;
  color: rgba(51, 51, 51, 0.6);
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 15px;
  cursor: pointer;
}
.full-loc {
  width: 100%;
  height: auto;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  background-color: #f8f8f8;
  color: rgba(51, 51, 51, 0.6);
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 15px;
  cursor: pointer;
}
.location-title {
  font-size: 20px;
  color: rgba(51, 51, 51, 0.8);
  margin: 0;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 10px;
}
.place-detail {
  font-style: normal;
  font-size: 16px;
  color: rgba(51, 51, 51, 0.8);
  line-height: 1.3;
}
.location-name {
  position: relative;
}
/* css for multi location - 22-02-2018 */

.vagaroapp-webpage.myAccountpage .divEmptystate.verti-center {
  height: 84vh;
}
.vagaroapp-webpage.myAccountpage .divEmptystate.verti-center.divsmempty1 {
  height: 73vh;
}
.vagaroapp-webpage.myAccountpage .divEmptystate.verti-center.divsmempty2 {
  height: 80vh;
}
.vagaroapp-webpage.myAccountpage .divEmptystate.verti-center.divsmempty3 {
  height: 87vh;
}
.attendtextColor {
  color: #333333;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 12px;
}
.detailwidget-class {
  padding: 20px;
}
.detailwidget-class .business-info-div {
  padding-left: 0px;
}
.class-heading-book {
  text-align: center;
  font-size: 20px;
  margin-bottom: 25px;
  margin-top: 35px;
}
.detailwidget-class .btnfull {
  width: 100%;
  margin-bottom: 20px;
  height: 40px;
}
.class-service-footer {
  width: 100%;
  padding-bottom: 15px;
  text-align: center;
  color: #aaaaaa;
  font-size: 14px;
}
.frm-powered-div-link {
  width: 100px;
}
.marginBottom0 {
  margin-bottom: 0 !important;
}
/* title highligh in select2 in listing page css start */

.select2-hilight-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  background: white !important;
}
.select2-hilight-title .select2-result-label {
  cursor: pointer !important;
}
.select2-hilight-title:hover {
  background-color: #e8e8e8 !important;
}
/* title highligh in select2 in listing page css end */

/* workshop popup dates classes css start here*/

.clstip-popup {
  padding-right: 0 !important;
}
.clstip-popup .modal-dialog {
  max-width: 600px;
  width: 100%;
}
.clstip-popup .modal-dialog.workshop-show .modal-content {
  overflow: auto;
  max-height: 400px;
  -webkit-overflow-scrolling: touch;
}
.clstip-popup .modal-header {
  height: 29px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 14px 14px 0;
}
.clstip-popup .modal-header button.close {
  top: 11px;
  right: 20px;
}
.clstip-popup .modal-content .clstip-cont {
  height: 100%;
}
.clstip-popup .modal-content .clstip-description {
  margin-bottom: 13px;
}
.clstip-popup .modal-content .clstip-workshopdates {
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  margin-bottom: 5px;
}
.clstip-popup .modal-content .clstip-workshopdates-title {
  margin-bottom: 2px;
  font-weight: 500;
}
/*default-scrollbar start */

body:not(.ipadandroid) .clstip-popup .modal-content .clstip-datelist::-webkit-scrollbar,
body:not(.ipadandroid) .class-checkin-pop .modal-content .modal-body::-webkit-scrollbar,
body:not(.ipadandroid) .clstip-popup .modal-dialog.workshop-show .modal-content::-webkit-scrollbar {
  width: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
  height: 7px;
}
body:not(.ipadandroid) .clstip-popup .modal-content .clstip-datelist::-webkit-scrollbar-thumb,
body:not(.ipadandroid) .class-checkin-pop .modal-content .modal-body::-webkit-scrollbar-thumb,
body:not(.ipadandroid) .clstip-popup .modal-dialog.workshop-show .modal-content::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
}
body:not(.ipadandroid) .clstip-popup .modal-content .clstip-datelist::-webkit-scrollbar-track,
body:not(.ipadandroid) .class-checkin-pop .modal-content .modal-body::-webkit-scrollbar-track,
body:not(.ipadandroid) .clstip-popup .modal-dialog.workshop-show .modal-content::-webkit-scrollbar-track {
  border-radius: 10px;
}
body:not(.ipadandroid) .class-checkin-pop .modal-content::-webkit-scrollbar {
  width: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
  height: 7px;
}
body:not(.ipadandroid) .class-checkin-pop .modal-content::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
}
body:not(.ipadandroid) .class-checkin-pop .modal-content::-webkit-scrollbar-track {
  border-radius: 10px;
}
body:not(.ipadandroid) .eventpopupbody .eventusergroup::-webkit-scrollbar {
  width: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
  height: 7px;
}
body:not(.ipadandroid) .eventpopupbody .eventusergroup::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
}
body:not(.ipadandroid) .eventpopupbody .eventusergroup::-webkit-scrollbar-track {
  border-radius: 10px;
}
/*default-scrollbar End */

.class-checkin-pop .modal-dialog {
  max-width: 615px;
  width: 100%;
  background: white;
  border-radius: 8px;
  padding: 42px 0 66px;
}
.class-checkin-pop .modal-header {
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 14px 14px 0;
}
.class-checkin-pop .modal-header button.close {
  top: 18px;
  right: 20px;
}
.class-checkin-pop .modal-content {
  max-height: 436px;
  overflow: auto;
  box-shadow: none;
  background: none;
}
.class-checkin-pop .modal-content .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.class-checkin-pop .modal-content .event-ph-description {
  margin-bottom: 12px;
  padding-top: 0;
}
.class-checkin-pop .modal-content .eventattendee-session {
  padding-bottom: 28px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.class-checkin-pop .modal-content .clstip-datelist {
  margin-top: 7px;
}
.class-checkin-pop .modal-content .vg-class-date-checkout.title {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
}
.class-checkin-pop .modal-content .vg-class-date-checkout.attendtextColor {
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 0;
}
.class-checkin-pop .modal-footer {
  padding: 10px 20px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.class-checkin-pop .modal-footer .btn {
  height: 40px;
  font-size: 15px;
}
.class-checkin-pop.waitlist-class-popup .modal-content .eventattendee-session .upDownArow .w-input {
  border-radius: 3px 0px 0px 3px;
  margin-right: 0;
  width: 60px;
  height: 40px;
  position: relative;
  z-index: 1;
}
.class-checkin-pop.waitlist-class-popup .modal-content .event-description {
  height: 25px;
}
.class-checkin-pop.waitlist-class-popup .modal-content .qty-big-control .arrow-up-down {
  padding: 0;
  margin-left: -5px;
  background: none;
  border-radius: 0;
  border: none;
}
.class-checkin-pop.waitlist-class-popup .modal-content .qty-big-control .arrow-up-down a {
  border-radius: 0;
  background: #e7e7e7;
  border: #cdcdcd solid 1px !important;
  width: 40px;
}
.class-checkin-pop.waitlist-class-popup .modal-content .qty-big-control .arrow-up-down a.uparrow {
  border-radius: 0 3px 3px 0;
}
.class-checkin-pop.waitlist-class-popup .modal-content .qty-big-control .arrow-up-down a.downarrow:before {
  line-height: 37px;
}
.class-checkin-pop.waitlist-class-popup .modal-content .qty-big-control .arrow-up-down a:hover {
  background: #cdcdcd;
}
.class-checkin-pop.waitlist-class-popup .modal-content .qty-big-control .arrow-up-down a:before {
  color: #333333;
}
.class-checkin-pop .class-msg-ul {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.class-checkin-pop .class-msg-ul.rm-cls-height {
  height: inherit !important;
}
.class-checkin-pop .class-msg-ul .applied-green-part {
  margin-bottom: 0px;
  position: relative;
  padding-left: 28px;
}
.class-checkin-pop .class-msg-ul .applied-green-part .sign-icon {
  position: absolute;
  top: 4px;
  left: 10px;
}
.class-checkin-pop .class-msg-ul .applied-green-part .classb-tooltip {
  font-family: 'Fontawesome pro 300';
  font-size: 15px;
  color: #7cc576;
  font-style: normal;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.class-checkin-pop .class-msg-ul .class-msg-list {
  float: left;
  vertical-align: top;
  position: relative;
  margin-right: 8px;
}
.class-checkin-pop .class-msg-ul .subclss {
  float: left;
  margin-right: 8px;
  position: relative;
}
.class-checkin-pop .class-msg-ul .msgcounter {
  border: #7cc576 solid 1px;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  text-align: center;
  line-height: 30px;
  color: #7cc576;
  font-size: 10px;
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.class-checkin-pop .class-msg-ul .cl-msg-more {
  padding: 4px 10px 4px 90px;
  background-image: -webkit-linear-gradient(179deg, white 46%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(271deg, white 46%, rgba(255, 255, 255, 0));
  color: #248dd5;
  font-weight: 500;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
}
.class-checkin-pop .class-msg-ul.show-cl-more {
  height: 82px;
}
.class-checkin-pop .class-msg-ul.show-cl-more .cl-msg-more {
  display: block;
}
.shop-cart-left .applied-green-part {
  margin-bottom: 0;
  position: relative;
  padding-left: 30px;
}
.shop-cart-left .sign-icon {
  position: absolute;
  top: 4px;
  left: 10px;
}
@-webkit-keyframes clbtooltip {
  0% {
    margin-bottom: 0px;
  }
  50% {
    margin-bottom: 4px;
  }
  100% {
    margin-bottom: 0px;
  }
}
@-moz-keyframes clbtooltip {
  0% {
    margin-bottom: 0px;
  }
  50% {
    margin-bottom: 4px;
  }
  100% {
    margin-bottom: 0px;
  }
}
@-ms-keyframes clbtooltip {
  0% {
    margin-bottom: 0px;
  }
  50% {
    margin-bottom: 4px;
  }
  100% {
    margin-bottom: 0px;
  }
}
@keyframes clbtooltip {
  0% {
    margin-bottom: 0px;
  }
  50% {
    margin-bottom: 4px;
  }
  100% {
    margin-bottom: 0px;
  }
}
/* videotrainingaccount  classes css end here*/

/* form Forms Login*/

.formLogin .sign-in-background,
.formLogin {
  background: transparent !important;
}
.formLogin body {
  background: transparent !important;
}
.formLogin .sign-in-parent-div .display-table-cell,
.formLogin .sign-in-parent-div .display-table {
  background: transparent !important;
}
.formLogin .modal-backdrop {
  background: transparent !important;
}
.formLogin #page-wrapper {
  display: none !important;
}
.formLogin {
  overflow: hidden !important;
}
.formLogin.signuppopopen.modal-open {
  overflow: hidden !important;
}
.formLogin .signupmodalpopup .sign-in-right-div {
  max-width: 470px;
}
.formLogin .sign-in-right-div {
  width: 100%;
}
.formLogin .sign-in-div {
  width: 470px;
  margin: 0 auto;
}
.formLogin .sign-in-parent-div {
  padding: 0px !important;
}
.formLogin .loginContainer {
  padding-bottom: 5px !important;
}
.formLogin .signup-loader-height {
  height: 655px !important;
}
/* form Forms Login*/

/*Add to Waitlist in Class popup Start*/

/* Add to waitlist add css by Pravin */

/*.wl-add-btn {border: solid #ddd 1px; display: block; text-align: center; padding: 4px 5px; border-radius: 3px; text-decoration: none; background-color: #fff; color: #333;}
.wl-add-btn:hover {background-color:#e7e7e7;}*/

.waitlist-class-popup .qty-big-control .arrow-up-down {
  background-color: #e7e7e7;
  padding: 0 10px;
  margin-left: -7px;
  border-radius: 0 3px 3px 0;
  border: solid #cdcdcd 1px;
}
.waitlist-class-popup .upDownArow .w-input {
  width: 70px;
}
.waitlist-class-popup .eventstartdate {
  padding-top: 15px;
}
.waitlist-class-popup .classdatepicker {
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  position: relative;
}
.waitlist-class-popup .classdatepicker .w-input {
  height: auto;
  margin-bottom: 0;
  text-align: left;
  display: inline-block;
  width: 150px;
  background: transparent;
  position: relative;
  z-index: 2;
}
.waitlist-class-popup .classdatepicker:after {
  content: '\f073';
  font-family: 'Fontawesome pro 300';
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 0;
}
.waitlist-class-popup .upDownArow .w-input:focus {
  border-color: #3898ec;
}
.waitlist-class-popup .qty-big-control .arrow-up-down a:before {
  font-size: 18px;
}
.waitlist-class-popup .qty-big-control .arrow-up-down .uparrow:before {
  content: '\f067';
}
.waitlist-class-popup .qty-big-control .arrow-up-down .downarrow:before {
  content: '\f068';
}
.waitlist-class-popup .vg-brand-title-checkout {
  font-size: 16px;
  font-weight: 600;
  color: black;
}
.waitlist-class-popup .vg-brand-name-checkout {
  margin-bottom: 20px;
}
.waitlist-class-popup .attendtextColor {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
}
.waitlist-class-popup .vg-event-date-color {
  color: rgba(51, 51, 51, 0.5);
  font-size: 14px;
}
.waitlist-class-popup .vg-class-days-mrg {
  margin-top: 20px;
}
.waitlist-class-popup .vg-class-total-price {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #cdcdcd;
  font-size: 16px;
}
.waitlist-class-popup .popupContent {
  border: solid #eeeeee 1px;
  border-radius: 5px 5px 0 0;
  margin: 15px 0;
}
.waitlist-class-popup .eventpopupbody .userdetail {
  padding: 10px 15px 0;
  margin: 0;
  list-style: none;
  border-bottom: solid #eeeeee 1px;
}
.waitlist-class-popup .eventpopupbody .userdetail:hover {
  background-color: #f8f8fa;
}
.waitlist-class-popup .eventpopupbody .userdetail.add-attendee-head {
  background-color: #f3f4f2;
  padding-top: 15px;
}
.waitlist-class-popup .eventpopupbody .userdetail:last-of-type {
  border-bottom: 0;
}
.waitlist-class-popup .eventpopupbody li label {
  margin-bottom: 15px;
}
.waitlist-width-change .modal-dialog {
  max-width: 615px;
  width: 100%;
}
.familyclassonline {
  -webkit-overflow-scrolling: inherit!important;
}
.familyclassonline .modal-dialog {
  z-index: 9999;
}
.OnlineClassStep2 .waitlist-width-change .modal-dialog {
  height: calc(100% - 30px);
  z-index: 9999;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.OnlineClassStep2 .waitlist-width-change .modal-content.familyclassheight {
  height: auto;
  max-height: 100% !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 36px;
  border-radius: 3px !important;
}
.OnlineClassStep2 .waitlist-width-change .familyclassheight .modal-body {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 60px;
  right: 0;
  overflow: auto;
}
.OnlineClassStep2 .familycktfrnd-bg .ffcktsharing-tabs .ffsharing-tabmenu {
  padding-left: 20px;
  padding-right: 20px;
}
.OnlineClassStep2 .familycktfrnd-bg .three-selectbox .select-dropcommon {
  width: 30.5%;
}
.OnlineClassStep2 .familycktfrnd-bg .ffcktsharing-tabs .modal-footer {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.bootbox .modal-header .modal-title {
  margin-right: 20px;
}
.waitlist-class-popup .addremoverow {
  color: #777777;
  font-size: 18px;
  cursor: pointer;
  font-family: 'Fontawesome pro 300', sans-serif;
  background: none;
}
.waitlist-class-popup .eventpopupbody .AddeventuserSection .addremoveicon.addremoverow {
  background: none;
}
.waitlist-class-popup .eventpopupbody {
  width: 100%;
  float: left;
}
.waitlist-class-popup .eventpopupbody-right {
  width: 100%;
  float: left;
  padding: 10px 0px;
  margin-top: 20px;
  line-height: 20px;
}
.waitlist-class-popup .event-ph-description {
  margin-bottom: 5px;
}
.waitlist-class-popup .modal-header {
  padding: 16px 20px 0;
}
/*.waitlist-class-popup .classpriceRow {color:#777;}*/

/* Add to waitlist add css by Pravin */

/*Add Css By Sneha for Popup table css Start */

.table-lable-waitlist {
  display: none;
}
body .widgetpopupOpen {
  overflow: hidden;
}
.waitlist-class-popup .eventpopupbody li.width3per {
  padding-top: 10px;
}
.waitlist-class-popup .eventpopupbody li.width3per .addremoveicon {
  text-align: center;
}
.waitlist-class-popup .add-attendee-scroll {
  overflow-y: inherit;
}
.waitlist-class-popup .mobi-buttons {
  display: none;
}
.waitlist-class-popup .mobi-buttons button.btn {
  font-size: 14px;
  padding: 7px 45px;
  border-radius: 3px;
  float: right;
  margin-left: 15px;
  font-weight: 400;
  min-width: 95px;
  border: 1px solid transparent;
  text-align: center;
  -webkit-appearance: none;
  outline: 0 none;
  line-height: 20px;
  cursor: pointer;
}
.waitlist-class-popup .mobi-buttons button.btn.btn-default:hover {
  border-color: #999999;
}
.waitlist-class-popup .mobi-buttons button.btn.btn-default {
  background-color: white;
  border-color: #d9d9d9;
  color: #333333;
  -webkit-transition: border 200ms ease 0s;
  transition: border 200ms ease 0s;
}
.waitlist-class-popup .mobi-buttons button.btn.done-btn {
  background-color: white;
  border-color: #333333;
  color: #333333;
  -webkit-transition: border 200ms ease 0s;
  transition: border 200ms ease 0s;
}
.waitlist-class-popup .popup-addnew-btn {
  display: block;
}
.waitlist-class-popup .w-input {
  height: 42px;
}
.waitlist-class-popup .AddeventuserSection span a {
  color: #2a90d6;
  font-size: 16px;
}
.waitlist-class-popup .eventpopupbody .AddeventuserSection .addremoveicon {
  color: #2a90d6;
  background: none;
  font-family: 'Fontawesome pro 300', sans-serif;
  width: auto;
  font-size: 16px;
  margin-right: 10px;
}
.waitlist-class-popup .event-ph-description {
  padding-top: 7px;
}
.waitlist-class-popup .event-description {
  line-height: 25px;
}
.waitlist-class-popup .addWaitllist-title {
  display: none;
}
.waitlist-class-popup .qty-big-control .arrow-up-down a {
  height: 40px;
}
.appointment-button-div.alt.waitlist-inline-btn {
  margin-top: 10px;
}
.appointment-button-div.alt.waitlist-inline-btn .cancel-div.alt {
  width: auto;
}
.class-signup-col .class-signup {
  border-radius: 3px;
  width: 100%;
}
/*Add Css By Sneha for Popup table css End */

/*Add to Waitlist in Class popup End*/

/*sudeep Appointment Waitlist Css*/

.appointment-waitlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*min-height: 80vh;*/
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: proxima-nova, sans-serif;
}
.appointment-waitlist .accept-div-overall {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1000px;
  max-width: 90%;
  /*margin-top: 50px;*/
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: proxima-nova, sans-serif;
  font-weight: 300;
  text-align: center;
}
.appointment-waitlist .calendar-icon-success {
  overflow: hidden;
  width: 120px;
  margin-top: 0px;
  margin-bottom: 29px;
  border-radius: 10px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.appointment-waitlist .calendar-icon-success.no-shadow {
  overflow: visible;
  box-shadow: none;
}
.appointment-waitlist .green-circle-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  /*margin-top: -58px; margin-right: -121px;
  margin-bottom: 30px;*/
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #4bb665;
  font-family: 'Fontawesome pro 400', sans-serif;
  color: white;
  font-size: 22px;
}
.appointment-waitlist .green-circle-div.wlicon {
  position: absolute;
  left: 88px;
  top: 95px;
  font-style: normal;
}
.appointment-waitlist .div-block-94 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
  max-width: 90%;
  margin-top: 35px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: proxima-nova, sans-serif;
}
.appointment-waitlist .div-block-95 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px none #cdcdcd;
}
.appointment-waitlist .div-block-95.left-align {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.appointment-waitlist .div-block-95.left-align.top-align {
  padding-top: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.appointment-waitlist .div-block-99 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.appointment-waitlist .div-block-96 {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 17px;
  font-weight: lighter;
  color: white;
  text-align: center;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 100%;
  background-color: #c7c7cc;
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.appointment-waitlist .text-block-32 {
  font-size: 16px;
  font-weight: 400;
}
.appointment-waitlist .div-block-95.right {
  border-right-style: none;
}
.appointment-waitlist .div-block-101 {
  text-align: center;
}
.appointment-waitlist .time {
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}
.appointment-waitlist .time.no-space {
  margin-bottom: 0px;
}
.appointment-waitlist .btn.common-btn-style.common-green-btn:hover {
  cursor: pointer;
}
.appointment-waitlist .div-block-95.map {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
  border-right-style: none;
  border-bottom-style: none;
}
.appointment-waitlist .map-76 {
  height: 250px;
}
.appointment-waitlist .name-booking-success {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}
.appointment-waitlist .name-booking-success._30px-marg-top {
  padding-top: 30px;
}
.appointment-waitlist .avatar-name-smaller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.appointment-waitlist .avatar-name-smaller.top-10-px-marg {
  margin-top: 10px;
}
.appointment-waitlist .div-block-96.smaller-avatar {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: lighter;
  color: white;
  background-image: #c7c7cc;
  background-position: 50% 50%;
  background-size: cover;
}
.appointment-waitlist .text-20pt {
  font-size: 20px;
}
.appointment-waitlist .avatar-name-smaller.no-margin {
  margin-bottom: 0px;
}
.appointment-waitlist .div-block-101.xtra-40px-bottom {
  margin-bottom: 40px;
}
.appointment-waitlist .service-provider-name {
  margin-bottom: 3px;
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}
.appointment-waitlist .div-block-96.wht-outline-avatar {
  border: 3px solid white;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  line-height: 56px;
}
.appointment-waitlist .div-block-96.wht-outline-avatar.overlap-left {
  margin-left: -35px;
}
.appointment-waitlist .div-block-96.wht-outline-avatar.overlap-left:first-child {
  margin-left: 0px;
}
.appointment-waitlist .appointment-detail .div-block-94 {
  max-width: 100%;
  margin-top: 0;
}
.appointment-waitlist .avatar-inital.bordered-avatar {
  color: white;
}
.appointment-waitlist .avatar-inital.bordered-avatar {
  background-image: linear-gradient(180deg, #c7c7cc, #c7c7cc);
}
.appointment-waitlist .div-block-101.xtra-40px-bottom:last-child {
  margin-bottom: 0;
}
.appointment-waitlist .avatar-inital-inner-text {
  font-size: 16px;
}
#divAppointment.appointment-response.thm-textColor .appointment-detail .avatar-inital.bordered-avatar {
  background-image: linear-gradient(180deg, #c7c7cc, #c7c7cc);
  color: white;
  font-size: 16px;
}
/*sudeep Appointment Waitlist Css End*/

.service-price-alt.minwidth130 {
  min-width: 130px;
}
.gray-font {
  color: rgba(51, 51, 51, 0.6);
  font-size: 14px;
}
/* Serives add margin left By hariom*/

/* Add Promocode css online checkout for Apply Discount  by Sneha Start*/

.promocode-part {
  width: 100%;
  margin: 0;
  padding: 0px;
  border-radius: 2px;
  position: relative;
}
.promo-input-part {
  margin-right: 108px;
}
.promo-input {
  color: #333333;
  width: 100%;
  padding: 10px;
  border-radius: 2px 0 0 2px;
  font-size: 16px;
  border: 1px solid #cccccc;
  border-right: 0;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.promo-input:focus {
  background: rgba(216, 63, 52, 0.15) !important;
  border: 1px solid #d83f34 !important;
  height: 40px;
}
.promo-btn {
  position: absolute;
  top: 0;
  right: 0;
}
/*.btn { outline: none !important; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius:0 0 2px 2px; }*/

.promo-btn-apply {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 10px 34px;
  float: right;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 0 2px 2px 0;
  background-color: #2a90d6;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: white;
  font-size: 14px;
  text-decoration: none;
  -webkit-box-align: center;
  cursor: pointer;
  width: 108px;
}
.promo-btn-apply:hover {
  background-color: #226fa3;
}
/*.promo-summercode{padding:0 0 30px; width:100%; }
.promo-summercode-bg{background:#f7f7f7; padding:10px; width:100%; border-radius:2px; position:absolute; top:0;}*/

.promo-summercode {
  padding: 0 0 10px;
  width: 100%;
  /*display: none;*/
  position: relative;
}
/* Sudeep Thank you page css */

.confirmed-thank-you {
  margin-bottom: 50px;
}
.confirmed-thank-you .div-block-94 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
  max-width: 100%;
  margin-top: 35px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: proxima-nova, sans-serif;
}
.confirmed-thank-you .booked-date-month {
  font-weight: 500;
}
.confirmed-thank-you .appt-service-booked .booked-date-time:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.14);
}
.confirmed-thank-you .service-provider-name {
  margin-bottom: 3px;
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}
.confirmed-thank-you .time {
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}
.confirmed-thank-you .service-provider-name.drop {
  margin-bottom: 10px;
}
.confirmed-thank-you .service-provider-name.drop.center {
  width: 229px;
  margin-bottom: 20px;
  text-align: center;
  margin: 0 auto 20px;
}
.confirmed-thank-you .div-block-95.left-border .w-button-primary {
  min-width: 120px;
  line-height: 22px;
}
.confirmed-thank-you .div-block-95 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: 1px solid rgba(0, 0, 0, 0.14);
  border-bottom: 1px none rgba(0, 0, 0, 0.15);
}
.confirmed-thank-you .div-block-95.right {
  border-right-style: none;
}
.confirmed-thank-you .div-block-101,
.confirmed-thank-you .div-block-102 {
  text-align: center;
}
.confirmed-thank-you .div-block-95.left-border {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-right-style: none;
}
.confirmed-thank-you .common-green-btn {
  display: block;
}
/* Sudeep Thank you page css End*/

/* Sudeep Thank you not found page css*/

.reactivate-wrpapper .div-block-99 {
  position: fixed;
  left: 0px;
  top: 50px;
  background: white;
  overflow: auto;
  overflow-x: hidden;
  right: 0px;
  bottom: 0px;
  z-index: 2;
}
.reactivate-wrpapper .div-block-100 {
  width: 100%;
  max-width: 500px;
  left: 50%;
  top: 50%;
  position: absolute;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.reactivate-wrpapper h1 {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #333333;
  font-size: 25px;
  line-height: 32px;
  font-weight: 600;
  padding-left: 30px;
  padding-right: 30px;
}
.reactivate-wrpapper p {
  margin-bottom: 10px;
  color: #777777;
  font-size: 15px;
  line-height: 22px;
}
.reactivate-wrpapper ._15-spacer {
  height: 15px;
}
.reactivate-wrpapper .subtext {
  margin-top: 50px;
  font-size: 13px;
}
.reactivate-wrpapper .moon-img-block {
  width: 180px;
  margin: 0 auto 15px auto;
  position: relative;
}
.reactivate-wrpapper .moon-img {
  position: absolute;
  left: 50%;
  top: -74px;
  margin-left: -30px;
  -webkit-animation: moonAni 1.0s forwards 0.5s;
  animation: moonAni 1.0s forwards 0.5s;
  opacity: 0;
}
.reactivate-wrpapper .paddingblock {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@keyframes moonAni {
  0% {
    top: -74px;
    opacity: 0;
  }
  100% {
    top: -10px;
    opacity: 1;
  }
}
@-webkit-keyframes moonAni {
  0% {
    top: -74px;
    opacity: 0;
  }
  100% {
    top: -10px;
    opacity: 1;
  }
}
/* Sudeep Thank you not found page css End*/

.promo-summercode-bg {
  background: #f7f7f7;
  padding: 10px;
  width: 100%;
  border-radius: 2px;
  /*position: absolute;*/
  top: 5px;
}
.promo-summercode-bg span.sign-icon {
  color: #5c9557;
  margin-right: 5px;
}
.promo-summercode-bg span {
  color: #5c9557;
}
.promo-summercode-bg p.text {
  margin-left: 20px;
  font-size: 14px;
  margin-bottom: 0;
}
.promo-close-icon {
  float: right;
  cursor: pointer;
}
.vg-green-text {
  color: #1ab133;
}
.promo-summercode-error-bg {
  background: #ffe2e2;
  padding: 10px;
  width: 100%;
  border-radius: 2px;
  /*position: absolute;*/
  top: 5px;
}
.promo-summercode-error-bg span.sign-icon {
  color: #d83f34;
  margin-right: 5px;
}
.promo-summercode-error-bg span {
  color: #d83f34;
}
.promo-summercode-error-bg p.text {
  margin-left: 20px;
  font-size: 14px;
  margin-bottom: 0;
  color: #333333;
}
.vg-red-text {
  color: #d83f34;
}
/* Add Promocode css online checkout for Apply Discount  by Sneha End*/

/*Discounts page css Feedback changes By Sudeep Start*/

.text-alignJustify {
  text-align: inherit;
}
.deal-listing-discount-left {
  display: block;
  margin-top: 0px;
  padding: 6px 14px;
  border-radius: 4px;
  position: absolute;
  left: 5px;
  bottom: 7px;
  background-color: #eb6663;
  color: white;
  font-size: 13px;
  text-align: right;
}
.onfocus-blue:focus {
  border: 1px solid #3898ec !important;
  background: white !important;
}
.onfocus-blue.errorInput {
  border: 1px solid #eb6663 !important;
}
.deal-usageLeft {
  position: absolute;
  display: inline-block;
  padding: 3px 8px;
  border-radius: 5px;
  background-color: #eb6663;
  bottom: 3px;
  color: white !important;
  font-size: 14px;
  font-weight: 400;
  left: 5px;
}
.dailydeal-white-btn {
  background-color: white;
  color: rgba(51, 51, 51, 0.7) !important;
  border: solid 1px #cdcdcd !important;
  -webkit-transition: border 200ms ease 0s;
  transition: border 200ms ease 0s;
}
.dailydeal-white-btn:hover {
  border-color: #333333 !important;
  color: #333333 !important;
}
.business-dailydeal-articlepart {
  min-width: inherit;
  margin-left: 4px;
}
.business-dailydeal-articlepart .PriceText {
  color: #eb6663;
}
.business-dailydeal-articlepart .PriceText span {
  color: #b2b2b2;
}
.business-dailydeal-articlepart .pkgmbr-price-subtext {
  display: block;
}
.ucdaily-deal-rightside .service-50 {
  padding: 12px 12px 0px;
}
/*Discounts page css Feedback changes By Sudeep End*/

.WaitlistpopupPart .newaddwaitlistdatepicker.multiNewadddatepicker .select-dropdown-waitlist {
  right: 0;
}
.rescheck-disable {
  background: white !important;
  border-color: #cdcdcd !important;
  opacity: 0.5;
  pointer-events: none !important;
}
.rescheck-disable .checkbox-part label:before {
  background: transparent !important;
}
.payinvoice-CursorPointer {
  cursor: pointer;
}
/*Img 3:2 ratio work start 25-12-2018 Hariom*/

.img-height-auto {
  height: 100%;
  max-height: none;
}
/*Img 3:2 ratio work start 25-12-2018 Hariom*/

.dlr-prey-icon {
  background: none !important;
}
.dlr-prey-icon .fa-dollar-sign {
  font-family: 'fontawesome-5pro-solid-900';
  font-size: 18px !important;
  color: #00b454;
  position: relative;
}
.dlr-prey-icon .fa-dollar-sign:before {
  content: "\f2e8";
  position: relative;
  z-index: 1;
}
.dlr-prey-icon .fa-dollar-sign:after {
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background: white;
  height: 14px;
  width: 14px;
  content: "";
}
#dvMemebershipsContainer .membership-active-div {
  max-width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
  -ms-flex: 0 100%;
  flex: 0 100%;
}
#dvMemebershipsContainer .service-price-alt {
  max-width: 114px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 100%;
  -ms-flex: 0 100%;
  flex: 0 100%;
}
/* businessA page style css start rk */

.understrunture.utility-page-wrap .utility-image {
  text-align: center;
  max-width: 272px;
  margin: 0 auto 15px;
  position: relative;
}
.understrunture.utility-page-wrap .utility-image img {
  max-width: 100%;
}
.understrunture.utility-page-wrap .utility-top-img {
  position: absolute;
  top: 87px;
  left: 98px;
  max-width: 128px;
  -webkit-transition: top linear 0.3s;
  -moz-transition: top linear 0.3s;
  transition: top linear 0.3s;
}
.understrunture.utility-page-wrap .utility-top-img.image-move-top {
  top: 35px;
}
.understrunture .business-name {
  font-size: 36px;
  line-height: 40px;
}
.understrunture .common-btn-style {
  font-size: 16px;
}
.understrunture .normal-404-text {
  font-size: 15px;
  line-height: 22px;
  color: #777777;
}
/* businessA page style css end rk */

/*=========== Deposit Part Css Add Start by Sneha 23-05-2019 ========*/

.holdwithcard {
  background: #777777;
  font-size: 12px;
  padding: 3px 5px;
  position: relative;
  top: -2px;
  color: white;
  border-radius: 3px;
  font-weight: normal;
}
.holdcardFont {
  font-weight: 500;
}
.deposit-paymentTitle {
  margin-bottom: 5px;
}
.deposit-discri {
  font-size: 14px;
  color: #777777;
}
.depositpopup .model-default.model-default-new .popupWrapper .popupTitle {
  font-size: 20px !important;
}
.depositpaycontent {
  padding-top: 10px;
}
/*=========== Deposit Part Css Add End by Sneha 23-05-2019 ========*/

/*cookiemodal Start by hariom 18-11-2019*/

.cookiemodal-popup .modal-footer {
  padding-top: 0px;
}
.cookiemodal-popup p a {
  text-decoration: underline;
  color: #2a90d6;
}
.cookiemodal-popup p a:hover {
  text-decoration: none;
  color: #226fa3;
}
/*cookiemodal end by hariom 18-11-2019*/

.service-what-dropdown.select2-drop.dropdownwidth-auto {
  min-width: inherit;
}
.percent-off-right-text {
  padding: 0px 5px;
  border-radius: 3px;
  background-color: #eb6663;
  color: white;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 20px;
  float: right;
  margin-right: 30px;
  margin-top: 9px;
}
.gc-tab-padding .gc-amount {
  margin-top: 12px;
}
.gc-tab-padding .magin-bottom0 {
  margin-bottom: 0px;
}
.gc-tab-padding .gc-amount {
  margin-bottom: 15px;
}
#tab_PriceDropDown.gift-certi-select {
  padding-bottom: 5px;
}
/*.appleSignIn { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
height: 48px;margin-bottom: 12px;padding: 12px 15px;-webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start;
justify-content: flex-start;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
border-radius: 5px;background-color: #000;box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .25);color: #fff;font-size: 16px;text-decoration: none; cursor:pointer;}*/

.appleSignIn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-bottom: 12px;
  padding: 12px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: black;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}
.appleSignIn .img-icon {
  margin-top: -2px;
}
.appleSignIn .btn-icon-div {
  /*width: 18px;*/
  margin-right: 8px;
}
.livestramhome-listing-stencil {
  width: 100%;
  overflow: hidden;
  flex-wrap: nowrap;
  margin-left: -10px;
}
.livestramhome-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.livelisting-strnsil {
  margin: 8px 10px 16px 10px;
  padding: 12px;
  /*border: 1px solid #e7e7e7;*/
  border-radius: 3px;
  height: 198px;
  position: relative;
  min-width: 366px;
  width: 360px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.07);
}
.livelisting-strnsil .titlebar-strnsil {
  justify-content: flex-start;
  display: flex;
}
.livelisting-strnsil .titlebar-strnsil .titleday-stnsil {
  width: 104px;
  height: 24px;
  background: #ececec;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  margin-right: 8px;
}
.livelisting-strnsil .titlebar-strnsil .titletime-stnsil {
  width: 53px;
  height: 24px;
  background: #ececec;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
.livelisting-strnsil .detail-strnsil {
  display: flex;
  padding-top: 21px;
}
.livelisting-strnsil .icon-strnsil {
  width: 48px;
  height: 48px;
  background: #ececec;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.livelisting-strnsil .imgDetail-strnsil {
  margin-left: 12px;
  min-width: 148px;
}
.livelisting-strnsil .imgDetail-strnsil .busname-strnsil {
  width: 100%;
  height: 12px;
  margin-bottom: 10px;
  background: #ececec;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.livelisting-strnsil .imgDetail-strnsil .bustype-strnsil {
  width: 100%;
  height: 15px;
  margin-bottom: 10px;
  background: #ececec;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.livelisting-strnsil .imgDetail-strnsil .busdtl-strnsil {
  width: 100%;
  height: 14px;
  margin-bottom: 8px;
  background: #ececec;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.livelisting-strnsil .button-part-strnsil {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.livelisting-strnsil .button-price-strnsil {
  display: flex;
  align-items: center;
}
.livelisting-strnsil .button-strnsil {
  min-width: 100px;
  height: 40px;
  background: #ececec;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.livelisting-strnsil .price-strnsil {
  min-width: 32px;
  height: 17px;
  background: #ececec;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  margin-left: 16px;
}
.livelisting-strnsil .time-strnsil {
  min-width: 110px;
  height: 10px;
  background: #ececec;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.common-livestrnsil-ani {
  width: 100%;
  height: 100%;
  background: #ececec;
  background: -moz-linear-gradient(left, #ececec 0%, #f4f4f4 50%, #ececec 100%);
  background: -webkit-linear-gradient(left, #ececec 0%, #f4f4f4 50%, #ececec 100%);
  background: linear-gradient(to right, #ececec 0%, #f4f4f4 50%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ececec', GradientType=1);
  -webkit-animation: liveani 1s infinite;
  -moz-animation: liveani 1s infinite;
  -ms-animation: liveani 1s infinite;
  animation: liveani 1s infinite;
  position: absolute;
  top: 0;
  left: 0;
}
@-moz-keyframes liveani {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes liveani {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes liveani {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.class-stensil-block {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
.class-stensil-block .class-row-stensil {
  padding: 16px 8px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  word-wrap: break-word;
}
.class-stensil-block .clstleft-part {
  width: calc(100% - 210px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.class-stensil-block .clstleft-part .time-strnsil {
  width: 77px;
  margin-right: 19px;
  margin-top: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.class-stensil-block .clstleft-part .time-strnsil .cltime-div {
  width: 76px;
  height: 13px;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  background: #ececec;
  margin-bottom: 9px;
}
.class-stensil-block .clstleft-part .time-strnsil .clmin-div {
  width: 76px;
  height: 22px;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  background: #ececec;
}
.class-stensil-block .clstleft-part .class-bus-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.class-stensil-block .clstleft-part .class-bus-inn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.class-stensil-block .clstleft-part .classbusi-img {
  width: 48px;
  height: 48px;
  background: #ececec;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.class-stensil-block .clstleft-part .classbusi-detail {
  padding-left: 12px;
  display: flex;
  align-items: self-start;
  flex-direction: column;
}
.class-stensil-block .clstleft-part .clbusiness-name {
  width: 330px;
  height: 15px;
  border-radius: 20px;
  background: #ececec;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.class-stensil-block .clstleft-part .clbusiness-type {
  display: flex;
  align-items: center;
}
.class-stensil-block .clstleft-part .clbusiness-type .halfDiv-type {
  min-width: 140px;
  height: 13px;
  border-radius: 20px;
  background: #ececec;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
}
.class-stensil-block .clstright-part {
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.class-stensil-block .clstright-part .clstprice {
  display: inline-flex;
  justify-content: flex-end;
  margin-right: 15px;
  align-items: center;
  width: 58px;
  height: 20px;
  border-radius: 9px;
  overflow: hidden;
  background: #ececec;
  position: relative;
}
.class-stensil-block .clstright-part .clstsignup {
  float: right;
  width: 115px;
  overflow: hidden;
  position: relative;
  background: #ececec;
  border-radius: 3px;
  min-height: 40px;
}
.livesteam-slider {
  width: 100%;
  height: 60px;
}
.livesteam-slider .livesteam-inner {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
}
.livesteam-slider .livesteam-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.livesteam-slider .livesteam-slider .live-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 132px;
}
.livesteam-slider .livesteam-slider .live-slide .live-slide-ani {
  width: 88px;
  height: 44px;
  background: #ececec;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}
.livesteam-slider .livesteam-inner .live-left-arrow {
  position: absolute;
  left: 0;
  top: 50%;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #ececec;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.livesteam-slider .livesteam-inner .live-right-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #ececec;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*.upcomingTitle{ border-bottom:1px solid #e7e7e7; margin-bottom:20px}*/

.fixed-timebar {
  position: fixed;
  top: 171px;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: white;
}
.fixed-timebar .fixed-timebar-inner {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
.fixed-timebar .timebase-Div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 24px 0 16px;
  background-color: white;
}
.fixed-timebar .timeRight-block {
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
.fixed-timebar .timeRight-block a {
  color: #248dd5;
  text-decoration: underline;
}
.fixed-timebar .classHeaderbar-sticky {
  padding: 8px;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  max-width: 100%;
  background-color: whitesmoke;
  line-height: 24px;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
}
.popup-button-div .livePrice-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup-button-div .livePrice-block span {
  margin-left: 8px;
}
.popup-button-div .livePrice-block .poplivesteam-icon em {
  font-style: normal;
  font-family: 'fontawesome-5pro-solid-900';
}
.popup-button-div .livePrice-block .poplivesteam-icon {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  display: none;
}
.liveSearchbox {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  padding-left: 12px;
  padding-right: 11px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  display: none;
}
.livestreampage .liveSearchbox {
  display: flex;
}
.liveSearchbox .search-list-row .font-awesome.large {
  font-weight: 300;
  color: #333333;
  left: 10px;
  padding-top: 8px;
  font-size: 20px;
  height: 100%;
  width: 24px;
  position: absolute;
  top: 0;
  font-family: 'Fontawesome pro 300', sans-serif;
}
.live-searchArea .liveSeachhiddneinput {
  border: none;
  height: 36px;
  padding-left: 38px;
}
.live-searchArea .liveSeachhiddneinput.select2-container {
  padding-left: 0;
  height: inherit;
}
.live-searchArea {
  background-color: white;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  width: 250px;
  position: relative;
}
.live-searchArea .select2-container-multi .select2-choices .select2-search-field input {
  border: 0 none;
  -webkit-appearance: none;
  outline: none;
  font-size: 14px;
  color: #222222;
  padding: 7px 15px 7px 38px;
  line-height: 22px;
  height: 36px;
}
.live-searchArea .search-icon {
  left: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  font-family: 'Fontawesome pro 400', sans-serif;
  padding-top: 0;
  width: 16px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.live-searchArea .w-icon-dropdown-toggle {
  display: none;
}
.live-searchArea .select2-container-multi .select2-choices .select2-search-field input:-moz-placeholder {
  color: #333333;
}
.live-searchArea .select2-container-multi .select2-choices .select2-search-field input::-moz-placeholder {
  color: #333333;
}
.live-searchArea .select2-container-multi .select2-choices .select2-search-field input:-ms-input-placeholder {
  color: #333333;
}
.live-searchArea .select2-container-multi .select2-choices .select2-search-field input::-webkit-input-placeholder {
  color: #333333;
}
/* book now checkout page remove bottom space */

/*#dvOnlineBooking .div-block-22{ min-height:100vh}*/

/* book now checkout page remove bottom space */

.right-checkout .product-left-div {
  max-width: calc(100% - 75px);
}
.right-checkout .product-left-div .applied-green-part {
  position: relative;
  padding-left: 30px;
}
.right-checkout .product-left-div .applied-green-part .sign-icon {
  position: absolute;
  left: 10px;
  top: 4px;
}
.right-checkout .service-div-checkout .applied-green-part {
  position: relative;
  padding-left: 30px;
}
.right-checkout .service-div-checkout .applied-green-part .sign-icon {
  position: absolute;
  left: 10px;
  top: 4px;
}
/* Review Page address Photos Add Css by Sneha 17-05-2019 Start */

.review-userbg {
  display: flex;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 16px;
}
.review-userImg {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  border-radius: 100%;
  background-size: cover;
  background-color: #cdcdcd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.review-username {
  font-size: 16px;
  line-height: 20px;
}
.Review-username {
  width: calc(100% - 36px);
  word-break: break-word;
  word-wrap: break-word;
}
/* Review Profile */

.addphoto-reviewProfile {
  width: 100%;
  display: block;
}
.addphoto-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding-bottom: 5px;
}
/* Add Review New Design Button Start */

.add-reviewbtn-bg {
  width: 231px;
  display: none;
}
.reviewaddshareimg {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  float: none;
  padding: 0px 20px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: white;
  background: #3c8ace;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
}
.reviewaddshareimg i {
  font-style: normal;
  font-size: 18px;
  margin-right: 10px;
  margin-left: -3px;
}
.reviewaddshareimg i:before {
  content: '\f030';
}
/* Add Review New Design Button End */

.reviewProfile-bg {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  justify-content: flex-start;
}
.reviewProfile {
  display: flex;
  width: 33.33%;
  height: 180px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background-color: #f4f4f4;
  color: rgba(51, 51, 51, 0.5);
  text-decoration: none;
  -webkit-transition: border .5s ease;
  transition: border .5s ease;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}
.reviewProfile:hover {
  border: 1px solid black;
}
.reviewpro-photoIcon {
  font-size: 40px;
  line-height: 40px;
  padding-bottom: 9px;
}
.reviewpro-photoIcon i {
  font-style: normal;
}
.reviewpro-img {
  margin-bottom: 10px;
}
.reviewProfile-bg .reviewProfile .notification-text-other {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
}
.reviewProfile-bg .notification-link {
  margin-left: 20px;
  padding-top: 0px;
  float: right;
  background-color: transparent;
  color: #248dd5 !important;
  font-size: 13px;
  text-decoration: none !important;
}
.reviewProfile-bg .notification-link.floatnone {
  display: inline-block;
  float: none;
  margin-left: 0;
}
.reviewProfile-bg .fileuprelative {
  display: inline-block;
  position: relative;
  word-break: break-all;
  text-align: center;
}
.reviewProfile-bg .drag-drop-error .fileuprelative .fileuplink {
  width: 160px;
  margin: 0 auto;
  display: block;
}
.reviewProfile-bg .filetypeinput {
  opacity: 0;
  font-size: 0;
  cursor: pointer;
  -moz-opacity: 0;
  /*filter: alpha(opacity:0)*/
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 20px;
  text-indent: -100px;
}
.reviewProfile-bg .fileuplink {
  display: inline-block;
  word-break: break-all;
}
.reviewProfile-bg .or-reg {
  color: rgba(51, 51, 51, 0.5);
  display: inherit;
  font-size: 13px;
}
/*.drag-drop-active { background: none; border-color: #7cc576; }
.drag-drop-error { border-color: #e41313; }*/

/* Change Photos start */

.review-editpic {
  border-radius: 5px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 33.33%;
  height: 180px;
  margin: 0 10px 0 0px;
  z-index: 9;
}
.review-gallery-image {
  width: 100%;
  height: 180px;
  margin-bottom: 0px;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(270deg, transparent, rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.2));
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat, repeat;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.review-gallery-move-touch {
  width: 35px;
  cursor: move;
  position: absolute;
  bottom: 0;
  right: 0px;
  border-radius: 4px 0 4px 0;
  height: 35px;
  background: rgba(0, 0, 0, 0.7);
  background-image: url("../Images/move-arrow.png");
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  z-index: 999;
  display: none;
}
.gallerySortableipad .review-gallery-move-touch {
  display: block;
}
.review-gallery-image:before {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
  content: "";
  position: absolute;
  border-radius: 5px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
/*.ui-sortable-placeholder.gallery-image{ background-image: none}*/

.desktop .review-gallery-image:hover:before,
.review-gallery-image.hover:before {
  opacity: 1;
  visibility: visible;
}
.review-gallery-hover-div {
  transition: opacity 200ms ease 0s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
}
.desktop .review-gallery-image:hover .review-gallery-hover-div,
.review-gallery-image.hover .review-gallery-hover-div {
  opacity: 1;
  visibility: visible;
}
._3-dots {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: white;
  display: inline-block;
}
._3-dots-link-block {
  display: inline-block;
  width: 60px;
  padding: 6px 17px;
  opacity: 0.85;
}
._3-dots-link-block:hover {
  opacity: 1;
}
.review-gallery-edit-dropdown {
  position: absolute;
  right: 16px;
  top: 27px;
  display: none;
  width: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
  border-radius: 5px;
  background-color: white;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.review-gallery-edit-dropdown.show {
  display: block;
}
.review-edit-gallery-link {
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 20px;
  background-color: white;
  color: #333333 !important;
  text-align: left;
  text-decoration: none;
}
.review-edit-gallery-link:hover {
  background-color: #ebebeb;
}
.review-edit-gallery-link.delete {
  color: #eb6663;
}
#divAccAppointmentReview .switch-div.facebook {
  border-radius: 0;
}
/* Ipad Draggable Start */

.review-gallery-move-touch {
  width: 35px;
  cursor: move;
  position: absolute;
  bottom: 0;
  right: 0px;
  border-radius: 4px 0 4px 0;
  height: 35px;
  background: rgba(0, 0, 0, 0.7);
  background-image: url("../Images/move-arrow.png");
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  z-index: 999;
  display: none;
}
.gallerySortableipad .review-gallery-move-touch {
  display: block;
}
.reviewProfile-bg .reviewProfile.drag-drop-active {
  background-color: rgba(124, 197, 118, 0.15);
  border-color: #7cc576;
  border-style: solid;
}
.reviewProfile-bg .reviewProfile.drag-drop-error {
  background-color: rgba(228, 19, 19, 0.15);
  border-color: #e41313;
  border-style: solid;
}
/* Review Listing Css Start */

.review-photos {
  display: inline-flex;
  width: 100px;
  height: 100px;
  margin-right: 1px;
}
.review-photo-img {
  width: 100%;
  height: 100px;
  margin-right: 0px;
  margin-bottom: 0px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: cover;
}
/* Review Listing Css End */

.passive-alert-parent .passive-alert .reviewsucess-icon {
  display: block;
  font-size: 22px;
  margin-right: 10px;
}
.passive-alert-parent .passive-alert img {
  display: none;
}
.passive-alert-parent .passive-alert.passive-warn .reviewsucess-icon {
  display: none;
  font-size: 22px;
  margin-right: 10px;
}
.passive-alert-parent .passive-alert.passive-warn img {
  display: block;
}
.passive-alert-parent .passive-alert.passive-fail .reviewsucess-icon {
  display: none;
  font-size: 22px;
  margin-right: 10px;
}
.passive-alert-parent .passive-alert.passive-fail img {
  display: block;
}
/* Review Page address Photos Add Css by Sneha 17-05-2019 End */

/*branded multilocation css Start by Pravin 10-06-2019*/

.branded-multilocation .branded-app-tlt {
  padding: 15px 10px;
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.branded-multilocation .listing-business-tlt {
  padding: 20px 10px 10px 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.branded-multilocation .multi-loc-row .listing-business-tlt {
  border-bottom: none;
  margin-bottom: 0;
}
.branded-multilocation .branded-multi-buss .listing-business-tlt {
  border-bottom: none;
  margin-bottom: 0;
}
.branded-multilocation .location-title {
  margin-bottom: 3px;
  font-size: 17px;
  color: #333333;
  line-height: 22px;
}
.branded-multilocation .closed-and-icons-div {
  padding-top: 3px;
}
.open-now {
  color: #7cc576;
  font-size: 13px;
}
.branded-multilocation .alt-services-div {
  width: 95%;
}
.branded-multilocation .bookmark-block {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 5px;
}
.branded-multilocation .multi-loc-row {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.branded-multilocation .half-block-6 {
  width: 49%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.branded-multilocation .half-loc {
  width: 100%;
  position: relative;
  height: 100%;
}
.branded-multilocation .half-loc:after {
  content: '\f054';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-family: 'Fontawesome pro 400';
  font-size: 22px;
  color: #999999;
}
.branded-multilocation .listings-distance-icon {
  margin-right: 4px;
  margin-left: 0;
}
.branded-multilocation .listing-location {
  font-size: 15px;
}
.branded-multilocation .card-miles {
  color: #333333;
  font-weight: 400;
}
.branded-multilocation .place-detail {
  color: rgba(0, 0, 0, 0.65);
  font-size: 15px;
  line-height: 20px;
}
.branded-multilocation .place-detail.bold-addr {
  font-weight: bold;
  font-size: 17px;
  color: #333333;
}
.branded-multilocation .ratingstar {
  color: #ebebeb;
}
.branded-multilocation .ratingstar.filled-star {
  color: #f6d646;
}
.branded-multilocation .ratingstar.font-size14 .fa-star {
  font-size: 18px;
  margin-right: 3px;
}
.brandedapp-not-live .content-wrapper {
  height: 100%;
}
.app-not-live-div {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
.app-center-div {
  width: 100%;
  max-width: 332px;
  padding: 0 15px;
}
.app-not-title {
  font-size: 24px;
  color: #333333;
  text-align: center;
  margin-bottom: 5px;
}
.app-not-decs {
  font-size: 16px;
  color: #777777;
  text-align: center;
  line-height: 20px;
}
/*.back-arrow-icon {font-family:'Fontawesome pro 400'; font-weight:400; font-size:24px; color:#333; padding:10px 15px; position:absolute; top:0; right:0;}
.back-arrow-icon a {color:#333; text-decoration:none;}*/

.app-back-btn {
  text-align: center;
  margin: 15px 0;
}
/*branded multilocation css End by Pravin 10-06-2019*/

/* branded app signup button css start here */

.loginpopopen .divbrand-pwr-logo .login-eventfields {
  padding-bottom: 24px !important;
}
.loginpopopen .divbrand-pwr-logo .loginbtncont {
  position: relative !important;
  left: inherit;
  right: inherit;
  bottom: inherit;
}
/* branded app signup button css end here */

.hmtimemobileview span {
  display: none;
}
#txtHomeServicesDate_picker .hmanytime-text {
  font-size: 16px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  height: 32px;
  margin-bottom: 2px;
  padding: 5px;
  line-height: 23px;
  border-radius: 16px;
  display: block;
  margin-bottom: 3px;
}
.hmanytime-text {
  display: none;
}
#txtHomeServicesDate_picker .hmanytime-text:hover {
  background: rgba(234, 99, 97, 0.15);
  border-color: rgba(234, 99, 97, 0.25);
  box-shadow: none !important;
}
#txtHomeServicesDate_picker .hmanytime-text.xdsoft_current {
  border-color: #eb6663;
  background: #eb6663;
  color: white;
}
#txtServiceDate_picker .hmanytime-text {
  font-size: 16px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  height: 32px;
  margin-bottom: 2px;
  padding: 5px;
  line-height: 23px;
  border-radius: 16px;
  display: block;
  margin-bottom: 3px;
}
#txtServiceDate_picker .hmanytime-text:hover {
  background: rgba(234, 99, 97, 0.15);
  border-color: rgba(234, 99, 97, 0.25);
  box-shadow: none !important;
}
#txtServiceDate_picker .hmanytime-text.xdsoft_current {
  border-color: #eb6663;
  background: #eb6663;
  color: white;
}
/*Gift Certificate */

.onlinegiftcertipart .shipping-method {
  height: 50px;
}
.onlinegiftcertipart .shipping-method.w--current {
  background-color: rgba(42, 144, 214, 0.1);
  border-color: #248dd5;
  border-bottom: 0;
}
.onlinegiftcertipart .shipping-method.w--current:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  position: absolute;
  background-color: #248dd5;
  z-index: 11;
}
.onlinegiftcertipart .shipping-method:hover:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  position: absolute;
  background-color: #248dd5;
  z-index: 11;
}
.onlinegiftcertipart .shipping-method:hover {
  border-color: #248dd5;
  border-bottom: 0;
}
.onlinegiftcertipart .shipping-method {
  border-bottom: 0;
}
.onlinegiftcertipart .shipping-method:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.onlinegclist {
  padding-left: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
}
.onlinegcscroll {
  max-height: 516px;
  overflow: auto;
}
.onlinegctextwidth {
  width: 100%;
  margin-bottom: 0;
}
/* Family and Friend Sharing online booking Checkout Css add by Sneha Start 18-07-2019 */

.waitlistcontPos .familycktfrnd {
  margin-bottom: 15px;
}
.familycktbook {
  width: 100%;
  position: relative;
}
.familycktfrnd-bg {
  width: 100%;
}
.familycktfrnd {
  width: 100%;
  /*border:1px solid #cdcdcd;*/
  height: 70px;
  position: relative;
  border-radius: 3px 3px 0 0;
}
.familycktfrnd-bg span.cktdropdown-icon {
  position: absolute;
  line-height: 38px;
  right: 10px;
  top: 50px;
}
.familycktfrnd .familycktfrndlist {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  z-index: 99;
}
.familycktfrndlist .familycktfrndlistblok {
  display: flex;
  width: 100%;
  margin: 0 0 -1px;
  padding: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  background-color: white;
  cursor: pointer;
  z-index: 2;
}
.familycktfrndlist .familycktfrndlistblok {
  border-style: solid;
  border-width: 1px;
}
.familycktfrndlist .familycktfrndlistblok:not(.init) {
  float: left;
  width: 100%;
  display: none;
  background: white;
  border-color: #cdcdcd;
  border-width: 1px;
  border-style: solid;
  position: relative;
  border-bottom: transparent !important;
}
.familycktfrndlist .familycktfrndlistblok:not(.init):first-child {
  border-radius: 3px 3px 0 0;
}
.familycktfrndlist .familycktfrndlistblok:not(.init):last-child {
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 20px;
}
.familycktfrndlist .familycktfrndlistblok:not(.init):hover:last-child {
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 20px;
}
.familycktfrndlist .familycktfrndlistblok:not(.init):hover/*, .familycktfrndlist .familycktfrndlistblok.selected:not(.init)*/ {
  /*background:#e8f3fb;*/
  position: relative;
  z-index: 1000;
  margin: 0 0 -1px;
  border: 1px solid #248dd5;
}
.familycktfrndlist .familycktfrndlistblok.mid-tabs {
  border-radius: 0!important;
}
.familycktfrndlist .familycktfrndlistblok:hover:after {
  content: '';
  position: absolute;
  width: 100%;
  background-color: #248dd5;
  height: 1px;
  bottom: 0;
  left: 0;
}
/*.familycktfrndlist .familycktfrndlistblok:first-child:hover:after{ content:'\f0d7'; position:absolute; width:100%; background-color:#248dd5; height:0px; bottom:0; left:calc(100% - 3.4%);}*/

.familycktfrndlist .familycktfrndlistblok:last-child {
  border-bottom: 1px solid #cdcdcd !important;
}
.familycktfrndlist .familycktfrndlistblok:last-child:hover {
  margin-bottom: -1px;
}
.familycktfrndlist .familycktfrndlistblok:last-child:hover:after {
  bottom: -1px;
}
.familycktfrndlist .familycktfrndlistblok.mid-tabs:hover {
  margin-bottom: -1px;
}
/*.familycktfrndlist .familycktfrndlistblok:not(.init):hover:after{border-bottom-color:#248dd5;}*/

.familycktfrndlist .familycktfrndlistblok.init {
  cursor: pointer;
  line-height: 38px;
  min-height: 68px;
}
.familycktfrndlist .familycktfrndlistblok.init:hover {
  position: relative;
  z-index: 1000;
  margin: 0 0 -1px;
  border: 1px solid #248dd5;
  background-color: rgba(36, 141, 213, 0.1);
}
.familycktfrndlist .familycktfrndlistblok.init:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 15px;
  font-family: 'Fontawesome pro solid 900', sans-serif;
  font-size: 14px;
}
.familycktfrndlist .familycktfrndlistblok.init:hover:after {
  content: '';
  position: absolute;
  width: 100%;
  background-color: #248dd5;
  height: 0px;
  bottom: 0;
  left: 0;
}
.fficons {
  position: absolute;
  right: 10px;
}
.familycktfrndlist .familycktfrndlistblok:hover .fficons {
  right: 9px;
}
a#submit {
  z-index: 1;
}
.ffshipping-bg {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ffshipping-bg .avtar {
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.11);
  /*border:1px solid rgba(0,0,0,.1);*/
  line-height: 36px;
  font-size: 16px;
  color: rgba(51, 51, 51, 0.75);
  float: left;
  margin-right: 8px;
  border-radius: 100%;
  text-align: center;
  background-position: center;
  background-size: cover;
}
.ffshipping-bg .ffavterwidth {
  align-self: flex-start;
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
}
.ffshipping-bg .avtar.withborder {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.ffshipping-bg .avtar img {
  border-radius: 100%;
  border: 0;
}
.ffshipping-bg .avtardetails {
  float: left;
  padding-top: 6px;
}
.ffshipping-bg .avtardetails.nosubtitle {
  padding-top: 10px;
}
.ffshipping-bg .avtar-name {
  font-size: 14px;
  font-weight: 600;
  line-height: initial;
}
.ffshipping-bg .avtar-name.vline {
  line-height: 38px;
}
.ffshipping-bg .pending-tag-parent {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ffshipping-bg .avtar-subtitle {
  float: left;
  clear: none;
  color: #888888;
  font-size: 13px;
  line-height: 18px;
}
.invitpending {
  margin-right: 8px;
  margin-bottom: 0;
  margin-left: 4px;
  padding: 2px 8px;
  border-radius: 3px;
  background-color: #ff9f08;
  color: white;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
.addfflink {
  width: 100%;
}
.addfflink a {
  color: #248dd5 !important;
  font-size: 14px;
  text-decoration: none;
  width: 100%;
  font-weight: 400;
}
.addfflink a span {
  font-size: 12px;
  margin-right: 4px;
}
/* Family and Friend Sharing online booking Checkout Css add by Sneha End 18-07-2019 */

/* Family and Friend Sharing tab css Start*/

.tabsubtitle {
  display: inline-block;
  width: auto;
  margin-bottom: 4px;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
.ffcktsharing-tabs {
  width: 100%;
  border: 0;
}
.ffcktsharing-tabs .ffcktsharing-tabs-bg.w-tab-menu {
  display: flex;
  padding: 0 0 20px 0;
  background: none !important;
}
.ffcktsharing-tabs .ffsharing-tabmenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 100px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  background-color: white;
  -webkit-transition: background-color 200ms ease, border 200ms ease, color 200ms ease, box-shadow 300ms ease;
  transition: background-color 200ms ease, border 200ms ease, color 200ms ease, box-shadow 300ms ease;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
.ffcktsharing-tabs .ffsharing-tabbody {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: start;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0px 0;
}
.ffcktsharing-tabs .w-tab-content {
  overflow: inherit;
}
.ffcktsharing-tabs .ffsharing-tabbody.pet {
  border-bottom: 0;
}
.ffcktsharing-tabs .ffsharing-tabcontentbody {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: start;
  margin: 0 0px 0 0;
  justify-content: space-between;
}
.ffcktsharing-tabs .ff-info-parent {
  width: 100%;
}
.ffcktsharing-tabs .ffsharing-50 {
  width: 49%;
  float: left;
  flex: 0 0 auto;
}
.ffcktsharing-tabs .ffsharing-50 .cust-addedit-control {
  width: 100%;
  padding-top: 20px;
}
.ffcktsharing-tabs .ffsharing-tabmenu.fftab-bg.w--current {
  z-index: 10;
  border-color: #2a90d6;
  background-color: rgba(36, 141, 213, 0.1);
}
.ffgenderselect .select-dropcommon {
  background: white !important;
  border-radius: 5px;
}
.ffcktsharing-tabs .ffsharing-tabmenu.fftab-bg {
  position: relative;
  z-index: 2;
  min-width: 40px;
  margin-left: -1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-color: #cdcdcd;
  border-radius: 0px;
  background-color: white;
  font-size: 14px;
  color: #333333;
}
.ffcktsharing-tabs .ffsharing-tabmenu.fftab-bg:first-child {
  border-radius: 5px 0 0 5px;
}
.ffcktsharing-tabs .ffsharing-tabmenu.fftab-bg:last-child {
  border-radius: 0 5px 5px 0;
}
.ffcktsharing-tabs .cust-controllabel {
  display: inline-block;
  width: auto;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
}
.ffcktsharing-tabs .v-commoninput {
  background-color: white;
  border: 1px solid #cdcdcd;
  height: 40px;
  padding: 0 10px;
  border-radius: 3px !important;
  font-size: 14px;
  color: #333333;
  font-family: inherit;
  -webkit-appearance: none;
  width: 100%;
  font-style: normal;
  box-shadow: none;
  cursor: pointer;
}
.ffcktsharing-tabs .v-commoninput.errorInput,
.ffcktsharing-tabs .v-commoninput.errorInput:focus {
  background: rgba(216, 63, 52, 0.09) !important;
  border: 1px solid #d83f34 !important;
}
.ffcktsharing-tabs .select-customdiv {
  position: relative;
  padding-right: 25px;
  line-height: 38px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}
.ffcktsharing-tabs .select-customdiv.active {
  border-color: #2a90d6;
}
.ffcktsharing-tabs .select-customdiv:before {
  background-color: none;
  border-radius: 6px;
  content: "\f0d7";
  font-family: 'Fontawesome pro solid 900';
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 11px;
  padding-left: 5px;
  line-height: 38px;
  font-size: 16px;
  color: #333333;
  pointer-events: none;
}
.ffcktsharing-tabs .select-custom-optionParent {
  position: relative;
}
.ffcktsharing-tabs .select-custom-optiondiv {
  display: none;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  background-color: white;
  box-shadow: 0 4px 7px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  z-index: 1;
}
.ffcktsharing-tabs .select-custom-option {
  font-size: 16px;
  cursor: pointer;
  color: #333333;
  line-height: 20px;
}
.ffcktsharing-tabs .select-custom-optiondiv:not(.select-withcheckbox) .select-custom-option {
  padding: 10px 11px;
}
.ffcktsharing-tabs .select-custom-option:hover,
.ffcktsharing-tabs .select-custom-option.active {
  background-color: #eeeeee;
}
.three-selectbox .select-dropcommon {
  width: 30.8%;
  float: left;
  margin-right: 9px;
  position: relative;
  background: white !important;
  border-radius: 5px;
}
.three-selectbox .select-dropcommon:last-child,
.three-selectbox .select-dropcommon:last-of-type {
  margin-right: 0;
}
.three-selectbox .select-dropcommon select {
  background-color: transparent;
  height: 40px;
  width: 100%;
  padding: 0 22px 0 12px;
  position: relative;
  border-radius: 3px;
  border: 1px solid #cdcdcd;
  outline: 0 none;
  font-size: 16px;
  font-family: inherit;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
  line-height: normal;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
}
.select-dropcommon select.errorInput,
.select-dropcommon select.errorInput:focus {
  background-size: 36px auto;
  border: 1px solid #d83f34 !important;
  background: rgba(216, 63, 52, 0.09) !important;
}
.three-selectbox .select-dropcommon:before {
  content: "\f0d7";
  font-family: 'Fontawesome pro solid 900';
  position: absolute;
  right: 11px;
  top: 0;
  line-height: 40px;
  font-size: 15px;
  color: #333333;
  pointer-events: none;
}
.ffcktsharing-tabs .ffckoutfooter.modal-footer {
  padding-left: 0;
  padding-right: 0;
}
.ffcktsharing-tabs .ffckoutfooter.modal-footer .btn + .btn {
  margin-left: 0px;
  float: right;
}
.ffonlineclassbootbox .modal-dialog {
  z-index: 9999;
}
/* Family and Friend Sharing tab css End*/

.ffgenderselect .select-dropcommon select {
  background-color: transparent;
  height: 40px;
  width: 100%;
  padding: 0 22px 0 12px;
  position: relative;
  border-radius: 3px;
  border: 1px solid #cdcdcd;
  outline: 0 none;
  font-size: 16px;
  font-family: inherit;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
  line-height: normal;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
}
.ffgenderselect .select-dropcommon:before {
  content: "\f0d7";
  font-family: 'Fontawesome pro solid 900';
  position: absolute;
  right: 11px;
  top: 0;
  line-height: 40px;
  font-size: 15px;
  color: #333333;
  pointer-events: none;
}
/*Family and Friend sharing add payment option add css by sneha 18-07-2019  Start */

.membshiptooltip {
  position: relative;
  display: inline;
}
.tooltip-overlay {
  display: inline-block;
}
.ffmembshiptooltip:hover .ffmembershiptooltipblock {
  display: block !important;
}
.ffmembshiptooltip {
  background: transparent;
  width: auto;
  display: inline;
  position: relative;
}
.ffmembershiptooltipblock {
  display: none;
  position: absolute;
  left: -130px;
  top: -53px;
  width: 300px;
  z-index: 99;
}
.form-tooltip {
  text-align: center;
  z-index: 99;
  white-space: nowrap;
  -webkit-animation: MoveUpDown3 200ms ease;
  animation: MoveUpDown3 400ms ease;
}
.form-tooltip .chip-body {
  display: inline-block;
  padding: 8px 10px;
  border-radius: 3px;
  background-color: #333333;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-weight: normal;
}
.form-tooltip .arrow-down {
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: -25px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #333333;
}
.ffsharing-icon {
  font-size: 15px;
  background: #2a90d6;
  padding: 3px 8px;
  border-radius: 5px;
  color: white;
  margin-left: 5px;
  font-family: 'Fontawesome pro solid 900';
  cursor: pointer;
}
.ffccdetail .form-tooltip .arrow-down {
  bottom: -9px;
}
/*Family and Friend sharing add payment option add css by sneha 18-07-2019  Start */

.FFappointmentlist {
  padding: 0;
  /*background:none;*/
  position: relative;
  margin: 0 auto;
}
.FFappointmentlist .cust-addedit-control {
  margin-bottom: 16px;
  width: 230px;
}
.FFappointmentlist .select-custom-optionParent {
  position: relative;
}
.FFappointmentlist .cust-controllabel {
  display: inline-block;
  width: auto;
  margin-bottom: 4px;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
.FFappointmentlist .select-customdiv {
  position: relative;
  padding-right: 25px;
  line-height: 38px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}
.FFappointmentlist .v-commoninput {
  background-color: white;
  border: 1px solid #cdcdcd;
  height: 40px;
  padding: 0 10px;
  border-radius: 3px !important;
  font-size: 14px;
  color: #333333;
  font-family: inherit;
  -webkit-appearance: none;
  width: 100%;
  font-style: normal;
  box-shadow: none;
  cursor: pointer;
}
.FFappointmentlist .select-customdiv:before {
  background-color: white;
  border-radius: 6px;
  content: "\f0d7";
  font-family: 'Fontawesome pro solid 900';
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 10px;
  padding-left: 5px;
  line-height: 38px;
  font-size: 14px;
  color: #333333;
  pointer-events: none;
}
.FFappointmentlist .select-custom-optiondiv {
  display: none;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  background-color: white;
  box-shadow: 0 4px 7px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  z-index: 1;
  padding: 10px 0;
}
.FFappointmentlist .select-custom-option {
  font-size: 14px;
  cursor: pointer;
  color: #333333;
  line-height: 20px;
  padding: 10px 11px;
}
.FFappointmentlist .select-custom-option:hover,
.FFappointmentlist .select-custom-option.active {
  background-color: #f8f8f8;
}
.action-pkg {
  bottom: 0;
}
.ffdropdownbottom {
  top: auto !important;
  bottom: 15px;
}
.ffappt-for-card-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ffappt-for-card {
  display: flex;
  padding: 6px 8px;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 3px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
}
.ffappt-for-card .ffsub-grey {
  color: #777777;
  line-height: 14px;
  font-weight: 500;
  font-size: 12px;
}
.ffappt-for-card .div-block-519 {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ffappt-for-card .sub-black {
  padding-top: 1px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.ffappt-for-card .shared-pkg-chip.blue.block {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 4px;
}
.ffappt-for-card .shared-pkg-chip.blue {
  background: #248dd5;
}
.ffappt-for-card .shared-pkg-chip {
  display: flex;
  padding: 5px 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #5c9557;
  color: white;
  font-size: 10px;
}
.ffappt-for-card .shared-pkg-chip.blue .iconlineheight {
  line-height: 15px;
}
/*.FFappointmentlist .select-custom-option:hover:last-child, .FFappointmentlist .select-custom-option.active:last-child {background-color: #f8f8f8; border-radius:0 0 3px 3px;}*/

/*Family and Friend sharing add payment option add css by sneha 18-07-2019  End */

/* Family and Friends Sharing Shopping card accordian  add css by sneha 22-07-2019 Start */

.ffcheckout-accordian {
  width: 80%;
}
.ffcheckout-accordian-bg {
  padding: 30px 0;
}
.ffcheckout-accordian-bg .panel-default {
  position: relative;
}
.ffaccordianspace {
  padding: 5px 0;
}
.accordian-list {
  width: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  padding: 8px;
  margin: 0;
  position: relative;
  display: flex;
}
.accordian-list a {
  color: #333333;
  text-decoration: none;
  font-weight: normal;
  width: 100%;
  display: flex;
}
/*.accordian-list .familycktfrndlistblok{position:relative;}*/

.accordian-list .familycktfrndlistblok:after {
  content: '\f0d7';
  position: absolute;
  right: 10px;
  top: 15px;
  font-family: 'Fontawesome pro solid 900', sans-serif;
  font-size: 14px;
}
.accordian-list .avtar.placeholder {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))) !important;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) !important;
  text-align: center;
}
.accordian-list .avtar.placeholder .person-icon {
  color: white;
}
.ffclose-icon {
  position: absolute;
  right: -24px;
  top: 15px;
  font-size: 18px;
}
.ffclose-icon a {
  color: #b3b3b3;
  text-decoration: none;
}
.ffclose-icon a:hover {
  color: #333333;
}
.ffattendeelist-bg {
  margin-top: 0px;
  margin-bottom: 8px;
  position: fixed;
  z-index: 99;
  max-height: 265px;
  overflow: auto;
  width: calc(100% - 74px);
  border-radius: 0 0px 5px 5px;
}
.ffattendeelist {
  width: 100%;
}
.ffattendeelist ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 99;
}
.ffattendeelist ul li {
  display: flex;
  width: 100%;
  margin: 0 0 -1px;
  padding: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  background-color: white;
  color: #333333;
  cursor: pointer;
  z-index: 2;
}
.ffattendeelist ul li {
  border-style: solid;
  border-width: 1px;
}
.ffattendeelist ul li {
  float: left;
  width: 100%;
  background: white;
  border-color: #cdcdcd;
  border-width: 1px;
  border-style: solid;
  position: relative;
  border-bottom: transparent !important;
}
.ffattendeelist ul li:last-child {
  border-bottom: 1px solid #cdcdcd !important;
}
.ffattendeelist ul li.mid-tabs:hover {
  margin-bottom: -1px;
}
.ffattendeelist ul li.mid-tabs {
  border-radius: 0!important;
}
.ffattendeelist ul li:first-child {
  border-radius: 3px 3px 0 0;
}
.ffattendeelist ul li:hover/*, .familycktfrndlist .familycktfrndlistblok.selected:not(.init)*/ {
  /*background:#e8f3fb;*/
  position: relative;
  z-index: 1000;
  margin: 0 0 -1px;
  border: 1px solid #248dd5;
}
.ffattendeelist ul li.mid-tabs {
  border-radius: 0!important;
}
.ffattendeelist ul li:hover:after {
  content: '';
  position: absolute;
  width: 100%;
  background-color: #248dd5;
  height: 1px;
  bottom: 0;
  left: 0;
}
.ffcheckout-accordian-bg .panel-collapse.collapse.in {
  display: block;
  visibility: visible;
  position: absolute;
  top: 0px;
  margin-top: 55px;
  bottom: inherit;
  margin-bottom: inherit;
}
.ffcheckout-accordian-bg .panel-collapse.collapse.in.topopenff {
  top: inherit;
  margin-top: -134px;
  z-index: 999;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
}
/*.ffcheckout-accordian-bg .panel-collapse.collapse.in.topopenff .ffattendeelist-bg{top:11.7%;}*/

/*.ffcheckout-accordian-bg .accordian-list{width:100%; border:1px solid #cdcdcd; border-radius:3px; padding:8px; margin:0; position:absolute; display:flex;}*/

/* Family and Friends Sharing Shopping card accordian  add css by sneha 22-07-2019 End */

/* Family and Friends Sharing Profile page css add by Sneha 25-07-2019 Start */

.fullwidthffonline {
  width: 100%;
}
.prof-ffsharing-bg {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-top: 0;
}
.prof-ffsharing-bg .ffsharing-list {
  width: 100%;
}
.prof-ffsharing-bg .ffshipping-bg {
  width: 100%;
}
.prof-ffsharing-bg .switch-div.bottom.vert {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.prof-ffsharing-bg .div-block-15 {
  max-width: 500px;
}
.prof-ffsharing-bg .switch-div.bottom {
  border-bottom-style: none;
}
.prof-ffsharing-bg .popup-parent {
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.prof-ffsharing-bg .create-new-ff-link {
  display: flex;
  margin-top: 16px;
  padding: 8px;
  color: #248dd5;
  cursor: pointer;
  text-decoration: none;
}
.prof-ffsharing-bg .create-new-ff-link span {
  margin-right: 4px;
  font-size: 12px;
}
.prof-ffsharing-bg .create-new-ff-link:hover {
  border-radius: 5px;
  color: #248dd5;
}
.prof-ffsharing-bg .create-new-ff-link:hover,
.prof-ffsharing-bg .ff-booking-dd.w--current,
.prof-ffsharing-bg .ff-booking-dd:active {
  background-color: rgba(36, 141, 213, 0.1);
}
.prof-ffsharing-bg .listed-ff {
  display: block;
  width: 100%;
  margin-left: 0;
  padding: 8px 0;
  border-radius: 5px;
}
.prof-ffsharing-bg .famfriend-parent {
  margin-bottom: 8px;
}
.prof-ffsharing-bg .ffshipping-bg .avtar {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.prof-ffsharing-bg .famfriend-parent .fftitle {
  padding-left: 16px;
  font-size: 18px;
  font-weight: 600;
}
.prof-ffsharing-bg .ff-list-item-edit._8px-bottom {
  margin-bottom: 0;
  padding: 8px 16px 8px 20px;
}
.prof-ffsharing-bg .ff-list-item-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  border-radius: 3px;
  -webkit-box-pack: justify;
  width: 100%;
}
.prof-ffsharing-bg .ff-list-item-edit:hover {
  background: #f8f8f8;
}
.prof-ffsharing-bg .pending-tag-2 {
  margin-right: 8px;
  margin-bottom: 0;
  margin-left: 4px;
  padding: 2px 8px;
  border-radius: 3px;
  background-color: #ff9f08;
  color: white;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  min-width: 112px;
}
.prof-ffsharing-bg .denied-tag-2 {
  margin-right: 8px;
  margin-bottom: 0;
  margin-left: 4px;
  padding: 2px 8px;
  border-radius: 3px;
  background-color: #d83f34;
  color: white;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  min-width: 106px;
}
.prof-ffsharing-bg .action-data {
  display: flex;
  height: 28px;
  min-width: 20px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  margin-top: 4px;
}
.prof-ffsharing-bg .ff-name {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.prof-ffsharing-bg .ffshipping-bg .ffname-part {
  width: calc(100% - 48px);
}
.prof-ffsharing-bg .ffsharing-icon {
  padding: 4px 6px;
  margin-left: 4px;
  border-radius: 3px;
  font-weight: 300;
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 13px;
  position: relative;
}
.prof-ffsharing-bg .bold-2.smaller-height._2px-right {
  margin-right: 2px;
}
.prof-ffsharing-bg .bold-2.smaller-height {
  line-height: 14px;
}
.prof-ffsharing-bg .bold-2 {
  line-height: 16px;
  font-weight: 600;
}
.prof-ffsharing-bg .shared-tag-group {
  display: flex;
}
.NewDesignChange input[type='text'][disabled] {
  background: #f7f7f7 !important;
  cursor: not-allowed;
  opacity: 0.7;
}
.NewDesignChange select[disabled] {
  background: #f7f7f7 !important;
  cursor: not-allowed;
  opacity: 0.7;
}
.btn-hover-chip {
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
._3-circle-menu-pkg {
  display: inline-block;
  opacity: 0.8;
  font-size: 20px;
  padding: 0 8px;
  height: 28px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  line-height: 28px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
._3-circle-menu-pkg.service3-circlemenu {
  opacity: 1;
  font-size: 23px;
  color: #666666 !important;
  transition: background ease-in 0.3s;
  -webkit-transition: background ease-in 0.3s;
  -ms-transition: background ease-in 0.3s;
  -moz-transition: background ease-in 0.3s;
}
._3-circle-menu-pkg.service3-circlemenu:hover {
  text-decoration: none !important;
  color: #666666 !important;
}
._3-circle-menu-pkg.service3-circlemenu.active {
  color: #333333 !important;
}
._3-circle-menu-pkg.service3-circlemenu:hover {
  text-decoration: none !important;
  color: #333333 !important;
}
/*.serviceTablist .tabelGrid > tbody > tr:hover a._3-circle-menu-pkg.service3-circlemenu {text-decoration: none !important;color: #333 !important;background-color: #d6d6d6;}*/

/*.serviceTablist .tabelGrid > tbody > tr.selected:hover a._3-circle-menu-pkg.service3-circlemenu {
    background-color: rgba(255,255,255,0.3)!important;
    color: #fff !important;
}*/

._3-circle-menu-pkg.service3-circlemenu.active {
  color: #333333 !important;
}
._3-circle-menu-pkg:hover,
._3-circle-menu-pkg.active {
  background-color: #d6d6d6;
}
.dots-dropdownparent {
  position: relative;
  left: 10px;
  top: 4px;
  bottom: -10px;
}
.dots-dropdown {
  display: none;
  background-color: white;
  position: absolute;
  top: 0;
  border-radius: 5px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  min-width: 160px;
  padding: 10px 0;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 15px;
  right: 0;
}
.dots-dropdown.bottom-align {
  top: auto;
  bottom: 30px;
}
.dots-dropdown.right-aligned {
  right: 0;
}
.dots-dropdown.left-aligned {
  left: 0;
}
.dots-dropdown.text-center {
  text-align: center;
}
.dots-dropdown-link {
  display: block;
  background-color: white;
  color: #333333;
  padding: 6px 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 300;
  border: 0 none;
  cursor: pointer;
  margin-left: 0 !important;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  text-decoration: none;
}
.dots-dropdown-link.break-top {
  border-top: 1px solid #cdcdcd;
}
.dots-dropdown-link:hover {
  background-color: #ebebeb;
  color: #333333;
}
a.dots-dropdown-link:hover {
  color: #333333;
}
.disable-option,
.disable-option:hover {
  background: none;
  opacity: 0.31;
  cursor: default;
  pointer-events: none;
}
.ffprofile-tooltip {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ffprofiletooltip:hover .ffprofiletooltipblock.hide {
  display: flex !important;
}
.ffprofiletooltip {
  background: transparent;
  width: auto;
  display: inline;
  position: relative;
}
/*.ffprofiletooltipblock{display:none; position:absolute; left:-380%; top:-53px; width:300px;}
.ffprofiletooltipblock2{display:none; position:absolute; left:-290%; top:-53px; width:300px;}
.ffprofiletooltipblock3{display:none; position:absolute; left:-488%; top:-53px; width:300px;}*/

.ffprofiletooltipblock.hide {
  right: -20%;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ffprofiletooltipblock {
  position: absolute;
  left: 0;
  bottom: 50px;
  right: -100%;
  z-index: 200000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}
/* Online Tooltip css Start */

.onlinesvcname {
  display: inline-block;
}
.onlinepkgmsbg {
  position: relative;
  display: inline;
}
.onlinesharingicons .tooltipffhover {
  display: none;
}
.onlinesharingicons {
  position: relative;
  width: 37px;
  height: 21px;
  display: inline-block;
}
.onlinesharingicons:hover .tooltipffhover {
  background: transparent;
  width: 400px;
  position: absolute;
  left: 0;
  bottom: 35px;
  z-index: 99;
  text-align: left;
  display: block;
  margin-left: 0px;
}
.onlinesharingicons:hover .tooltipffhover-bg {
  text-align: center;
  padding: 0;
  width: 0;
  display: inline;
  color: white;
}
.onlinesharingicons:hover .tooltiptext {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #333333;
  -shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-weight: normal;
  width: auto;
}
.onlinesharingicons:hover .tooltipffhover-bg .arrow-down {
  position: absolute;
  left: 0%;
  margin-left: 10px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #333333;
}
/* Online Tooltip css Start */

/* Upload photo new design css  start */

.FFdragImage-bg {
  width: 150px;
  display: flex;
  margin-bottom: 20px;
  justify-content: flex-start;
}
.FFdragImage {
  display: flex;
  width: 150px;
  height: 150px;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: dashed;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background-color: #f4f4f4;
  color: rgba(51, 51, 51, 0.5);
  text-decoration: none;
  -webkit-transition: border .5s ease;
  transition: border .5s ease;
  cursor: pointer;
  position: relative;
  background-position: center;
  background-size: cover;
  text-align: center;
}
.FFdragImage.drag-drop-new.drag-drop-active {
  border-color: #7cc576;
  border-style: solid;
  background-color: #f4f4f4 !important;
  border-width: 4px;
}
.FFdragImage.drag-drop-new.drag-drop-error {
  background-color: rgba(228, 19, 19, 0.15);
  border-color: #e41313;
  border-style: solid;
}
.FFdragImage:hover {
  border: 1px dashed black;
}
.ffapp-photoIcon {
  font-size: 34px;
  line-height: 38px;
  padding-bottom: 0px;
  margin-top: 0px;
}
.ffapp-photoIcon i {
  font-style: normal;
}
.FFdragImage-bg .FFdragImage .notification-text-other {
  color: rgba(51, 51, 51, 0.5);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  /*padding-bottom:10px; padding-top:5px;*/

}
.FFdragImage-bg .notification-link {
  margin-left: 20px;
  padding-top: 0px;
  float: right;
  background-color: transparent;
  color: #248dd5 !important;
  font-size: 15px;
  text-decoration: none !important;
}
.FFdragImage-bg .notification-link.floatnone {
  display: inline-block;
  float: none;
  margin-left: 0;
}
.FFdragImage-bg .fileuprelative {
  display: inline-block;
  position: relative;
  word-break: break-all;
  text-align: center;
}
.FFdragImage-bg .drag-drop-error .fileuprelative .fileuplink {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.FFdragImage-bg .filetypeinput {
  opacity: 0;
  font-size: 0;
  cursor: pointer;
  -moz-opacity: 0;
  /*filter: alpha(opacity:0)*/
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 20px;
  text-indent: -100px;
}
.FFdragImage-bg .fileuplink {
  display: inline-block;
  word-break: break-all;
}
.ffuploadbg {
  width: 100%;
  text-align: center;
}
.ffprofile-photo {
  width: 150px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 150px;
  margin-right: 16px;
  border-radius: 5px;
}
.ffprofile-photo-delete {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 40px;
  color: white;
  font-size: 15px;
  font-weight: 400;
  height: 100%;
  line-height: 78px;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  visibility: hidden;
  width: 100%;
  -webkit-transition: opacity ease 200ms, visibility ease 200ms;
  transition: opacity ease 200ms, visibility ease 200ms;
}
.ffprofile-photo:hover .profile-photo-delete.edit-delete-overlay {
  opacity: 1;
  visibility: visible;
}
.ffprofile-photo-div {
  border-bottom: 0;
}
.ffprofile-photo-div .input-title {
  display: block;
  margin-bottom: 7px;
  font-weight: 400;
}
.ffprofile-photo-div .light-text {
  width: 470px;
}
/* Upload photo new design css  End */

/* Family and Friends add guest popup online side add css Start */

.ffaddguest-popup .modal-dialog {
  width: 800px;
  max-width: 100%;
  z-index: 9999;
}
.ffaddguest-popup .close-icon {
  position: absolute;
  padding: 2px 5px;
  right: 6px;
  top: 8px;
  color: #9a9a9a;
  font-size: 20px;
  font-weight: 300;
  cursor: pointer;
  background: none;
}
.ffaddguest-popup .close-icon:hover {
  color: #333333;
}
.ffaddguest-popup .modal-header {
  padding: 15px 20px;
}
.ffaddguest-popup .modal-content {
  border-radius: 5px;
}
.ffaddguest-popup .modal-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.75);
}
.ffaddguest-popup .ffmodal-content {
  color: #777777;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  margin-top: -40px;
  padding-bottom: 20px;
}
.ffaddguest-popup .create-ff-row-2 {
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  justify-content: space-between;
}
.ffaddguest-popup .ff-info-parent.no-left-marg {
  margin-left: 0;
}
.ffaddguest-popup .ff-info-parent {
  width: 100%;
  margin-left: 16px;
}
.ffaddguest-popup .form-50-div {
  width: 49%;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ffaddguest-popup .form-50-div .field-label-2 {
  display: block;
  width: auto;
  margin-bottom: 4px;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
.ffaddguest-popup .form-50-div .input-text {
  height: 40px;
  margin-bottom: 20px;
  padding: 8px 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  width: 100%;
  font-size: 15px;
}
.ffaddguest-popup .form-50-div .input-text.errorInput,
.errorInput:focus {
  border: 1px solid #d83f34 !important;
  background: rgba(216, 63, 52, 0.09);
}
.ffaddguest-popup .form-50-div .validatemsg {
  margin-top: -15px;
}
.ffaddguest-popup ._24-space {
  width: 24px;
  height: 24px;
}
.ffaddguest-popup .mobile-hide {
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ffaddguest-popup .modal-footer {
  background: #f8f8f8;
  padding: 10px 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ffaddguest-popup .modal-footer .btn-default {
  color: #777777;
}
.ffaddguest-popup .modal-footer .btn-default:hover {
  color: #333333;
}
/* Family and Friends add guest popup online side add css End */

/* Online package tooltip Css */

.ffpkgmshow-tool {
  position: relative;
  z-index: 9;
}
.ffsharingicon-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ffsharingicon-bg.space-below {
  margin-bottom: 4px;
}
.ffsharingicon-bg .btn-hover-chip {
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ffsharingicon-bg .btn-hover-chip:hover .chip-package-2.hide {
  display: flex!important;
}
.ffsharingicon-bg .chip-package-2.hide {
  right: -6px;
  display: none;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}
.ffsharingicon-bg .chip-package-2 {
  position: absolute;
  left: 0;
  bottom: 54px;
  right: -111%;
  z-index: 200000;
  display: flex;
  height: 40px;
  margin-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
}
.ffsharingicon-bg .chip-bounce-2 {
  display: flex;
  width: 400px;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: Start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: start;
  ms-flex-align: flex-start;
  align-items: flex-start;
}
.ffsharingicon-bg .chip-body {
  position: static;
  z-index: 1;
  display: block;
  padding: 6px 15px;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  font-weight: 300;
}
.ffsharingicon-bg .chip-body,
.ffsharingicon-bg .chip-box {
  background-color: #333333;
  box-shadow: none;
}
.ffsharingicon-bg .text-block-27 {
  display: inline-block;
}
.ffsharingicon-bg .chip-box {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: -14px;
  -webkit-box-flex: 0;
  webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: 12px;
}
.ffsharingicon-bg .shared-pkg-chip {
  display: flex;
  padding: 5px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #5c9557;
  color: white;
  font-size: 10px;
}
.ffsharingicon-bg .shared-pkg-chip.blue {
  background-color: #248dd5;
}
/* Family and Friends Sharing Profile page css add by Sneha 25-07-2019 End */

/* Family and Friend Sharing Credit card popup add css by Sneha start */

.ffsharinCCgonline {
  width: 100%;
}
.ffsharinCCgonline .cc-cardwidth {
  width: auto;
}
.ffsharinCCgonline .w-tabs {
  position: relative;
}
.ffsharinCCgonline .w-tabs:after {
  clear: both;
}
.ffsharinCCgonline .w-tabs:before,
.ffsharinCCgonline .w-tabs:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.ffsharinCCgonline .shipping-tabs-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ffsharinCCgonline .w-tab-menu {
  position: relative;
}
.ffsharinCCgonline .shipping-method div.cccardname {
  font-size: 14px;
  color: #333333;
}
.ffsharinCCgonline .shipping-method.first-tab.w--current {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ffsharinCCgonline .shipping-method.first-tab {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
/*.ffsharinCCgpopup .shipping-method.w--current {z-index: 3;width: 100%;border-color: #248dd5;background-color: rgba(36, 141, 213, 0.1);}*/

.ffsharinCCgonline .shipping-method:hover:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  position: absolute;
  background-color: #248dd5;
  z-index: 11;
}
.ffsharinCCgonline .shipping-method:hover {
  border-color: #248dd5;
}
.ffsharinCCgonline .shipping-method.w--current {
  background-color: rgba(42, 144, 214, 0.1);
  border-color: #248dd5;
}
.ffsharinCCgonline .shipping-method.w--current:before {
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  position: absolute;
  background-color: #248dd5;
  z-index: 11;
}
.ffsharinCCgonline .shipping-method.mid-tab {
  /*z-index: 1;*/
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 0px;
}
/*.ffsharinCCgpopup .w-tab-link.w--current {background-color: #C8C8C8;}*/

.ffsharinCCgonline .shipping-method {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: white;
  color: #333333;
  text-decoration: none;
  cursor: pointer;
}
.ffsharinCCgonline .w-tab-link {
  border: solid 1px #cccccc;
  border-bottom: transparent;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  /*padding: 9px 30px;*/
  text-align: left;
  cursor: pointer;
  color: #222222;
  /*background-color: #dddddd;*/

}
.ffsharinCCgonline .w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.ffsharinCCgonline .cc-sub {
  color: #777777;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
.ffsharinCCgonline .div-block-636 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ffsharinCCgonline .div-block-637 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ffsharinCCgonline .tabs-content {
  padding-top: 20px;
}
.ffsharinCCgonline .w-tab-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.ffsharinCCgonline .w--tab-active {
  display: block !important;
}
.ffsharinCCgonline .w-tab-pane {
  position: relative;
  display: none;
}
.ffsharinCCgonline .w-form {
  margin: 0 0 15px;
}
.ffsharinCCgonline .shipping-method.end-tab {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom: 1px solid #cccccc;
}
.ffsharinCCgonline .shared-pkg-chip.blue {
  background-color: #248dd5;
  margin-left: 4px;
}
.ffsharinCCgonline .text-block-355 {
  font-size: 15px;
  line-height: 15px;
}
.ffsharinCCgonline .shared-pkg-chip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #5c9557;
  color: white;
  font-size: 10px;
}
.ffsharinCCgonline .w-input,
.ffsharinCCgonline .w-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #cccccc;
}
.ffsharinCCgonline .div-block-638 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
/* Family and Friend Sharing Credit card popup add css by Sneha end */

/* Online add Family and Friends Sharing popup  add css by Sneha start*/

.Addffsharing-popup-online.Addffsharing-popup {
  width: 100%!important;
  height: 100% !important;
  overflow-y: hidden!important;
  z-index: 99992 !important;
}
.Addffsharing-popup-online .Addffsharing-popup .modal-dialog {
  margin-top: 10px;
  height: calc(80%);
}
.Addffsharing-popup-online.Addffsharing-popup .modal-dialog {
  width: 800px!important;
  margin: 10px auto 0 !important;
  z-index: 99999;
  height: calc(100% - 20px) !important;
}
.Addffsharing-popup-online .ffpopupheight {
  bottom: 62px;
}
.Addffsharing-popup-online.Addffsharing-popup.customerAddEdit-popup.model-default.model-default-new .popupFooter {
  bottom: 0;
}
.Addffsharing-popup.customerAddEdit-popup.model-default.model-default-new .popupFooter .btn.btn-primary:hover {
  border-color: #5c9557 !important;
}
.Addffsharing-popup.customerAddEdit-popup.model-default.model-default-new .popupFooter .btn.btn-primary {
  border-color: #7cc576 !important;
}
.Addffsharing-popup-online .ffsharing-tabs.w-tab-custom {
  clear: inherit;
  border-radius: 0px;
  border: 0px;
  margin-bottom: 0px;
}
.Addffsharing-popup-online .ffsharing-tabs.w-tab-custom .w-tab-menu {
  background-color: none;
  padding: 0px;
  font-size: inherit;
  background: none!important;
  padding-bottom: 20px !important;
}
.Addffsharing-popup-online .ffsharing-tabs.w-tab-custom .w-tab-body.ffsharing-tabbody {
  padding: 0;
}
.Addffsharing-popup-online .cust-controllabel {
  font-size: 16px;
  color: #18191a;
  font-weight: 500;
  margin-bottom: 3px;
}
.Addffsharing-popup-online .v-commoninput {
  background-color: white;
  border: 1px solid #cdcdcd;
  height: 40px;
  padding: 0 10px;
  border-radius: 3px !important;
  font-size: 16px;
  color: #333333;
  font-family: inherit;
  -webkit-appearance: none;
  width: 100%;
  font-style: normal;
  box-shadow: none;
  cursor: text;
}
.Addffsharing-popup-online .v-commoninput:focus {
  border-color: #2a90d6;
}
.Addffsharing-popup-online .ffsharing-50 .cust-addedit-control {
  padding: 0 9px;
  margin-bottom: 19px;
  float: left;
}
.Addffsharing-popup-online .ffsharing-tabcontentbody {
  width: 100%;
}
.Addffsharing-popup-online .settings-form-wrapper .div-with-switch,
.div-with-switch.day-switch-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
}
.Addffsharing-popup-online .outcall-div-block-auto {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
.Addffsharing-popup-online .switch-checkboxhtml {
  padding-left: 65px;
  min-height: 30px;
}
.Addffsharing-popup-online .switch-checkboxhtml > input[type="checkbox"] {
  display: none;
}
.Addffsharing-popup-online .switch-checkboxhtml > label {
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  padding-top: 6px;
  position: relative;
  margin-bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Addffsharing-popup-online .switch-checkboxhtml > label.padding-top0 {
  padding-top: 0;
}
.Addffsharing-popup-online .switch-checkboxhtml > input[type="checkbox"] + label:before {
  background-color: #eeeeee;
  content: '';
  height: 30px;
  width: 50px;
  overflow: hidden;
  cursor: pointer;
  top: 0;
  left: -65px;
  position: absolute;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 200ms ease 0s;
  transition: background-color 200ms ease 0s;
}
.Addffsharing-popup-online .access-level-title {
  position: relative;
  display: inline-block;
  margin-bottom: 3px;
  padding-top: 0px;
  float: none;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #333333;
  word-wrap: break-word;
  word-break: break-word;
}
.Addffsharing-popup-online .ffsharing-tabs .switch-checkboxhtml > label .access-level-title span.span-masteruser-fullname {
  display: inline-block;
  color: #333333;
  font-size: 18px;
  font-weight: 500;
}
.Addffsharing-popup-online .switch-checkboxhtml > label span {
  color: #777777;
  display: block;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 2px;
  margin-top: 3px;
}
.Addffsharing-popup-online .switch-checkboxhtml > label .access-level-description {
  float: none;
  width: auto;
  display: block;
  color: #777777;
}
.Addffsharing-popup-online .div-with-switch {
  padding-bottom: 20px;
  padding-top: 20px;
}
.Addffsharing-popup-online .switch-checkboxhtml > input[type="checkbox"] + label:after {
  background-color: white;
  content: '';
  height: 28px;
  width: 28px;
  overflow: hidden;
  cursor: pointer;
  top: 1px;
  left: -64px;
  position: absolute;
  box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  -webkit-transition: -webkit-transform 100ms ease-in 0s;
  transition: transform 100ms ease-in 0s;
  -webkit-transform: translateX(0) translateY(0) translateZ(0);
  -moz-transform: translateX(0) translateY(0) translateZ(0);
  -ms-transform: translateX(0) translateY(0) translateZ(0);
  -o-transform: translateX(0) translateY(0) translateZ(0);
  transform: translateX(0) translateY(0) translateZ(0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.Addffsharing-popup-online .switch-checkboxhtml > input[type="checkbox"]:checked + label:before {
  background-color: #7cc576;
}
.Addffsharing-popup-online .switch-checkboxhtml > input[type="checkbox"]:checked + label:after {
  -webkit-transform: translateX(20px) translateY(0) translateZ(0);
  -moz-transform: translateX(20px) translateY(0) translateZ(0);
  -ms-transform: translateX(20px) translateY(0) translateZ(0);
  -o-transform: translateX(20px) translateY(0) translateZ(0);
  transform: translateX(20px) translateY(0) translateZ(0);
}
.Addffsharing-popup-online .select-customdiv {
  position: relative;
  padding-right: 25px;
  line-height: 38px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}
.Addffsharing-popup-online .select-customdiv:before {
  background-color: white;
  border-radius: 6px;
  content: "\f0d7";
  font-family: 'Fontawesome pro solid 900';
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 11px;
  padding-left: 5px;
  line-height: 38px;
  font-size: 16px;
  color: #333333;
  pointer-events: none;
}
.Addffsharing-popup-online .select-custom-optionParent {
  position: relative;
}
.Addffsharing-popup-online .select-custom-optiondiv {
  display: none;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  background-color: white;
  box-shadow: 0 4px 7px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  z-index: 1;
}
.Addffsharing-popup-online .select-custom-option {
  font-size: 16px;
  cursor: pointer;
  color: #333333;
  line-height: 20px;
}
.Addffsharing-popup-online .ffsharing-50 .cust-addedit-control .select-custom-optiondiv:not(.select-withcheckbox) .select-custom-option {
  padding: 8px 11px;
}
.Addffsharing-popup-online .select-custom-optiondiv:not(.select-withcheckbox) .select-custom-option {
  padding: 10px 11px;
}
.prof-ffsharing-bg .link-default-box-color.block-link {
  text-align: center;
  font-size: 14px;
  padding: 8px;
  cursor: pointer;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
}
.prof-ffsharing-bg .link-default-box-color {
  color: #2a90d6 !important;
  text-decoration: none !important;
  padding: 5px;
  border-radius: 3px;
  font-weight: 400;
}
.prof-ffsharing-bg .link-default-box-color span {
  display: none!important;
}
.prof-ffsharing-bg .link-default-box-color:hover {
  color: #2a90d6 !important;
  background: rgba(36, 141, 213, 0.1);
  border-radius: 5px;
}
.prof-ffsharing-bg .add-ffSharing-part {
  padding-top: 10px;
}
body:not(.ipadandroid) .default-scrollbar::-webkit-scrollbar {
  width: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
  height: 7px;
}
.default-scrollbar::-webkit-scrollbar {
  width: 8px;
  background-color: #d9d9d9;
  border-radius: 10px;
  height: 8px;
}
body:not(.ipadandroid) .default-scrollbar::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
}
.default-scrollbar::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
}
body:not(.ipadandroid) .default-scrollbar::-webkit-scrollbar-track {
  border-radius: 10px;
}
.default-scrollbar::-webkit-scrollbar-track {
  border-radius: 10px;
}
.Addffsharing-popup-online .select-customdiv:before {
  background-color: transparent;
}
.Addffsharing-popup-online input.errorInput {
  background-image: none !important;
  background-color: rgba(216, 63, 52, 0.15) !important;
  border: solid #d83f34 1px !important;
}
.Addffsharing-popup-online .errorInput {
  border: solid #eb6663 1px !important;
  background-color: rgba(216, 63, 52, 0.15) !important;
  /* background: #fff url(@{StaticImagepath}/Images/required-img-new1@2x.png) no-repeat right center !important; */
  background-size: 36px auto !important;
}
/* Online add Family and Friends Sharing popup  add css by Sneha End*/

/* Online Class Add  Attandee new design css by Sneha start */

.onlineclassffborder {
  border: 0!important;
}
.onlineclassffheight {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  /*max-height:175px; overflow-y:auto;*/

}
.onlineclassffheight .ffcheckout-accordian-bg {
  padding: 6px 0 10px 0;
}
.ffclassmb0 {
  margin-bottom: 0;
}
.onlineclassffheight .ffcheckout-accordian {
  width: 94%;
}
body:not(.ipadandroid) .onlineclassffheight::-webkit-scrollbar {
  width: 7px;
  background-color: #d9d9d9;
  border-radius: 10px;
  height: 7px;
}
body:not(.ipadandroid) .onlineclassffheight::-webkit-scrollbar-thumb {
  background-color: #7d7e7e;
  border-radius: 10px;
}
.class-checkin-pop.waitlist-class-popup .modal-content .event-description.ffsubtitle-attendee {
  height: auto;
  font-size: 15px;
  line-height: 20px;
  padding-bottom: 22px;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 0;
}
.classfield-label-2 {
  display: inline-block;
  width: auto;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
.attendeelist .ffattendeelist-bg .ffclose-icon {
  display: none;
}
/* Online Class Add  Attandee new design css by Sneha end */

/* Online Shopping cart new Design css add by Sneha Start */

.scffsharing {
  margin: 0;
  padding: 24px 0;
}
.scfftext {
  width: 100%;
  margin: 0;
  padding: 0;
}
.onlinecheckboxff {
  padding: 12px 0 0;
}
.select-ffs {
  padding-top: 24px;
}
.select-ffs.hide {
  padding-top: 16px;
}
.scffsharing .text-block-373 {
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
  font-weight: 500;
}
.scffsharing .div-block-544 {
  display: flex;
  flex-wrap: wrap;
}
.scffsharing .tag.shared-ff-chkout.selected {
  background: #248dd5 !important;
  color: white !important;
}
.scffsharing .tag.shared-ff-chkout:hover {
  background: rgba(36, 141, 213, 0.2);
  color: #333333;
}
.scffsharing .tag.shared-ff-chkout {
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
}
.scffsharing .tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 5px;
  margin-right: 5px;
  padding: 3px 5px 3px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: #e7e7e7;
  color: #333333;
  font-size: 14px;
  text-decoration: none;
}
.brand-name-checkout.sent-casing {
  text-transform: none;
  line-height: 16px;
  color: #777777;
}
.ffpopup-parent {
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.create-new-ff-link {
  display: flex;
  margin-top: 16px;
  padding: 8px;
  color: #248dd5;
  cursor: pointer;
  font-size: 15px;
}
.create-new-ff-link:hover,
.create-new-ff-link.active {
  background: rgba(36, 141, 213, 0.1);
}
.customcheck-box-singal {
  padding-left: 26px;
}
.customcheck-box-singal label {
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
  vertical-align: top;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.customcheck-box-singal input[type="checkbox"] {
  display: none;
}
.customcheck-box-singal input[type="checkbox"] + label::before {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  top: 1px;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  float: left;
  height: 25px;
  margin-left: -26px;
  overflow: hidden;
  position: relative;
  width: 25px;
}
.customcheck-box-singal.top0 input[type="checkbox"] + label::before {
  top: 0;
}
.customcheck-box-singal input[type="checkbox"]:checked + label::before {
  text-align: center;
  font-family: 'Fontawesome pro 400', sans-serif;
  color: white;
  background-color: #333333;
  font-size: 16px;
  line-height: 25px;
  content: "\f00c";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 13px;
}
.customcheck-box-singal.singal-center {
  display: inline-block;
  padding-left: 20px;
}
.customcheck-box-singal.singal-center input[type="checkbox"] + label::before {
  margin-left: -20px;
  margin-right: 10px;
}
.customcheck-box-singal-label {
  padding-left: 30px;
}
.margin-top5 {
  margin-top: 5px;
}
.customcheck-box-singal-label label {
  line-height: 20px;
}
.customcheck-box-singal-label input[type="checkbox"] + label::before {
  top: 0;
  margin-left: -30px;
}
.family-friends-invite-msg {
  display: flex;
  width: 600px;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  padding-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate(0, 13px);
  -ms-transform: translate(0, 13px);
  transform: translate(0, 13px);
}
.family-friends-invite-msg.msgshow {
  opacity: 1;
  transform: translateX(0px) translateY(0px) translateZ(0px);
  transition: opacity 500ms ease 0s, transform 500ms ease 0s;
}
.family-friends-invite-msg .accept-title {
  margin-bottom: 5px;
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 8px;
  color: #333333;
}
.family-friends-invite-msg .accept-paragraph {
  max-width: 600px;
  color: #777777;
  font-size: 16px;
  line-height: 22px;
}
.family-friends-invite-msg .space-16 {
  width: 16px;
  height: 16px;
}
.family-friends-invite-msg .btn {
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  transition: background-color 0.2s ease;
  color: white;
  text-decoration: none;
}
.family-friends-invite-msg .btn.outline {
  min-width: 120px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.15);
  background-color: white;
  color: #333333;
  font-weight: 400;
}
.family-friends-invite-msg .btn.green {
  background-color: #7cc576;
  cursor: pointer;
}
.family-friends-invite-msg .btn.outline:hover {
  border-color: #333333;
}
.family-friends-invite-msg .btn.green:hover {
  background-color: #5c9557;
}
.family-friends-invite-msg .button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* Online Shopping cart new Design css add by Sneha End */

/* screen lock login popup css start here */

#divLoginNew.loginmodalpopup {
  padding-left: 0 !important;
}
.loginmodalpopup .sign-in-background.modal-dialog {
  width: 100%  !important;
  margin: 0 !important;
  transform: none;
  transition: inherit;
}
/* screen lock login popup css end here */

/* covid 19 block css start here */

.covidblock {
  padding-top: 10px;
}
.covidblock .covid-inn {
  padding-left: 80px;
  padding-right: 80px;
}
.covidblock .covid-banner {
  max-width: 1040px;
  margin: 12px 0px 6px;
  padding: 24px 32px 24px 31px;
  border: 2px solid #2a90d6;
  border-radius: 8px;
  background-color: rgba(42, 144, 214, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #2a90d6;
}
.covidblock .covid-icon {
  min-width: 53px;
  margin-right: 14px;
  margin-bottom: 8px;
  padding-top: 3px;
  /*font-size: 40px;line-height: 40px;font-family: 'Fontawesome pro solid 900';*/

}
.covidblock .covid-content h2 {
  margin-top: 4px;
  margin-bottom: 8px;
  color: #2a90d6;
  line-height: 36px;
  font-weight: 600;
}
.covidblock .covid-content p {
  font-size: 16px;
  margin-bottom: 16px;
}
.covidblock .covid-content .covid-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.covidblock .covid-content .covid-button a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 100px;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 16px;
  text-align: center;
  background-color: #2a90d6;
  color: white;
  text-decoration: none;
}
.covidblock .covid-content .covid-button a:hover {
  background-color: #226fa3;
}
/* covid 19 block css end here */

.vg-join-video-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #bfbfbf;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  color: #333333;
  border-radius: 3px;
  margin-right: 10px;
}
.vg-join-video-btn:hover {
  background-color: whitesmoke;
  border-color: rgba(0, 0, 0, 0.5);
}
.upcoming-checkin-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #2a90d6;
  background: #2a90d6;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  color: white;
  border-radius: 3px;
  margin-right: 10px;
}
.upcoming-checkin-btn:hover {
  background-color: #2a90d6;
  border-color: rgba(0, 0, 0, 0.15);
}
.up-checked-text {
  display: none;
}
.upcoming-checkin-btn em {
  margin-right: 8px;
  font-size: 15px;
  font-style: normal;
}
.upcoming-checkin-btn.checked-show .up-checked-text {
  display: inline-block;
}
.upcoming-checkin-btn.checked-show .up-checkin-text {
  display: none;
}
.checkedIn {
  background-color: #2374ac;
  border-color: #2374ac;
}
.checkedIn:hover {
  background-color: #2374ac;
}
.vg-join-video-btn.vg-living-video {
  border-color: #d83f34;
  color: #d83f34;
}
.vg-join-video-btn.vg-living-video:hover {
  border-color: #d83f34;
  color: #d83f34;
}
.vg-join-video-btn em {
  font-style: normal;
  font-family: 'fontawesome-5pro-light-300';
  margin-right: 6px;
}
.vg-join-video-btn.vg-living-video em {
  font-family: 'Fontawesome pro solid 900';
}
.vg-reschule-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.vg-live-stream {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.vg-live-stream em {
  font-style: normal;
  margin-right: 6px;
  font-family: 'fontawesome-5pro-solid-900';
}
.promotion-icon-check .font-awesome.solid {
  font-family: 'fontawesome-5pro-solid-900';
}
.filt-tabicon-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.filt-tabicon-box em {
  font-style: normal;
  font-family: 'fontawesome-5pro-solid-900';
  margin-right: 8px;
}
.vg-service-video {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.vg-service-video span {
  font-weight: 500;
}
.vg-service-video em {
  font-style: normal;
  margin-right: 6px;
  font-family: 'fontawesome-5pro-solid-900';
}
.clstip-popup .vg-service-video {
  font-weight: 600;
}
/* Live stream classes css */

.stream-btn .cls-signuptext {
  width: 100%;
  line-height: 38px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
}
.livestreamclassesbg {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: -8px;
  /*max-width:1490px;*/

}
.livestreamboxbg {
  /*float:left; width:100%;*/
  justify-content: space-between;
  margin: 0;
  padding: 0;
  flex-direction: row;
}
.homebox-slider .livestreambox {
  float: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.livestreamboxpart {
  margin: 8px 10px 16px 10px;
  padding: 12px;
  /*border:1px solid #e7e7e7;*/
  border-radius: 5px;
  height: 166px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 360px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.07);
  background-color: white;
}
.livestreamboxpart:hover {
  border-color: #cdcdcd;
}
.livestreamtimebg {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.livestreamtimeday {
  justify-content: flex-start;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.livestreamtimeday .daytime {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  /*text-transform:uppercase;*/
  margin-right: 8px;
}
.livestreamtimeday .daytime span {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.livestreamtimeday .Rectangle {
  min-width: 53px;
  line-height: 14px;
  border-radius: 20px;
  padding: 4px 8px;
  background-color: #e7e7e7;
  display: flex;
  text-align: center;
  justify-content: center;
  max-height: 22px;
}
.livestreamtimeday .Rectangle span {
  font-size: 12px;
  color: #777777;
  font-weight: 500;
}
.spotsleftbtnbg {
  justify-content: flex-end;
  display: flex;
  display: none;
}
.spotsleftbtn {
  width: 98px;
  height: 25px;
  opacity: 0.98;
  border-radius: 3px;
  border: solid 1px #e7e7e7;
  background-color: white;
  align-content: center;
  justify-content: center;
  display: flex;
  line-height: 25px;
  text-transform: uppercase;
  color: #333333;
  text-decoration: none;
}
.spotsleftbtn span {
  font-size: 10px;
  font-weight: 600;
}
.spotsleftbtn span.text {
  margin-right: 4px;
}
.liverpersonaldetailbg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.avtarbg {
  margin-top: 5px;
}
.avtarpart {
  width: 48px;
  height: 48px;
  border: 1px #f8f8f8 solid;
  /*background:#f8f8f8;*/
  border-radius: 100%;
  background-size: cover;
  background-position: 50%;
  position: relative;
}
.avtarpart .bookmark-text20 {
  position: absolute;
  font-size: 18px;
  bottom: -8px;
  right: -2px;
}
.avtarpart .avtar-text-box {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #9a9a9a;
  line-height: 48px;
  color: white;
  font-size: 16px;
  text-align: center;
}
.personal-trainingbg {
  padding-left: 12px;
  padding-top: 2px;
}
.personal-training {
  font-size: 12px;
  font-weight: 500;
  color: #777777;
  text-transform: uppercase;
  line-height: 18px;
}
.personal-title {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  padding-bottom: 5px;
  line-height: 20px;
  margin-top: 3px;
}
.personal-dis {
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  margin-bottom: 4px;
}
.joinnowbtn {
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  padding-left: 24px;
  padding-right: 24px;
  height: 40px;
  border-radius: 3px;
  background-color: #eb6663;
  color: white;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.joinnowbtn:hover {
  background-color: #c75552;
}
.signup-btn .joinnowbtn {
  background: white;
  border: 1px solid #cdcdcd;
  color: #333333;
}
.signup-btn .joinnowbtn:hover {
  background: #f8f8f8;
}
.class-start-time {
  display: flex;
  justify-content: center;
  font-size: 12px;
  text-align: right;
  color: #777777;
  align-items: center;
  padding-right: 0px;
}
.class-start-time.text-red {
  color: #d83f34;
}
.bookmark-text20 {
  font-size: 20px;
  margin-left: 20px;
}
.bookmark-text14 {
  font-size: 14px;
}
.livestreambottomtext {
  font-size: 18px;
  font-weight: 500;
  min-width: 80px;
  color: #333333;
  /*display: flex;align-items: center;*/
  text-align: right;
  padding-left: 16px;
}
.livebgbottombox .livestreambottomtext {
  font-size: 16px;
  font-weight: 600;
  min-width: initial;
  color: #333333;
  display: flex;
  align-items: center;
  padding-left: 16px;
}
.livebtnbg {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.livebtn {
  border-radius: 3px;
  background-color: #d83f34;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  margin-right: 0;
  line-height: normal;
}
.livebtn span.dot {
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 6px;
  margin-right: 5px;
}
.livebtn span {
  font-size: 12px;
  color: white;
  font-weight: 600;
}
.liveboxbottom {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  justify-content: space-between;
}
.livebgbottombox {
  display: flex;
}
.mobile-home-price {
  display: none;
}
/* All Live Stream Classes Pages Start */

.livestreamfilter {
  display: none;
}
.livestreampage #divListing {
  display: none!important;
}
.livestreampage .daily-deals-map {
  display: none!important;
}
.livestreampage .livestreamfilter {
  display: flex;
  padding-left: 0px;
}
.livestreampage .streampagesectionFlex {
  display: block!important;
}
.livestreampage #professionalFilter {
  display: none!important;
}
.livestreampage .listigBusiness-wrap.mobilebusiness-view {
  display: block!important;
  width: 100%;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0px;
  z-index: 2;
  height: 60px;
  padding-top: 0px;
  padding-bottom: 0px;
  background: white;
}
.streamclass-div .class-signup-col {
  width: 114px;
}
.streamclass-div .book-class-btn.signup-white-btn {
  background: white;
  border: 1px solid #cdcdcd;
  color: #333333;
  display: block;
}
.streamclass-div .book-class-btn.signup-white-btn:hover {
  background: #f8f8f8;
}
.livestreampage .listigBusiness-wrapper {
  height: 59px;
}
.livestreampage .listigBusiness-wrap.mobilebusiness-view .divider-search .line {
  left: 11px;
  height: 60px;
  top: -30px;
}
.white-roundbox {
  border-radius: 25px;
  box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.14);
  height: 40px;
  background-color: white;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  padding: 10px 16px;
  cursor: pointer;
}
.white-roundbox.duration-text {
  padding-left: 14.25px;
  padding-right: 14.25px;
}
.white-roundbox:hover {
  background: #e7e7e7;
}
.white-roundbox.active {
  background: #777777;
  color: white;
}
.marginleft20 {
  margin-left: 11px;
}
.livestreampage .listigBusiness-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.livestreampage .listigBusiness-inner a {
  padding: 8px 17px 7px 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 100px;
}
.livestreampage .prof-right-padding.data-padding-right {
  padding-right: 0;
  margin-left: 0px;
}
.listigBusiness-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.streamclass-div {
  display: flex;
  align-items: center;
}
.streamclass-div .class-div {
  padding-top: 15px;
}
.streamclassesfilter.listings-filter-div {
  padding-top: 16px;
  padding-bottom: 16px;
  max-height: 80px;
}
.streamclassesfilter .listigBusiness-wrap {
  padding: 0;
  border-bottom: 0;
}
.streamclassesfilter .search-marginleft {
  margin-left: 20px!important;
}
.streamclassesfilter .divider-search .line {
  top: -18px;
  height: 80px;
}
.streamclassesfilter .listigBusiness-inner a {
  min-width: 137px;
}
.streamclassesfilter.listings-filter-div .filters-button {
  min-width: 82px;
}
.streamclassesfilter.listings-filter-div .filters-button span {
  font-weight: 600;
}
.stremclassdate {
  width: 100%;
  height: 61px;
  z-index: 1;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 110px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden;
  background-color: white;
}
.displaynone {
  display: none !important;
}
.streamlistings-parent-div-100 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  margin-top: 169px;
}
.streamlistings-parent-div-100 .fixed-timebar {
  padding-top: 16px;
}
.streampagesectionFlex {
  width: 100%;
}
.streamclasslistingWrapper {
  max-width: 1000px;
  width: 95%;
  margin: 18px auto 0;
}
.grid-view-icon {
  width: 85px;
  height: 44px;
  background: white;
  border-radius: 75px;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  color: #333333;
}
.grid-view-icon .list-view {
  display: none;
}
.grid-view-icon.active .list-view {
  display: inline-block;
}
.grid-view-icon.active .box-view {
  display: none;
}
.boxview #listview {
  display: none;
}
.boxview #boxview {
  display: block!important;
}
.grid-view-icon.active {
  background: #777777;
}
.grid-view-icon.active a {
  color: white;
}
.list-box-view {
  padding-top: 15px;
}
/*.list-box-view .livestreambox { width:33.33%; }*/

.grid-view-icon a {
  display: inline-block;
  width: 85px;
  height: 44px;
  font-size: 16px;
  color: #333333;
  text-decoration: none;
  text-align: center;
  line-height: 44px;
}
.streamclasslistingWrapper .home-title {
  font-size: 36px;
  line-height: 36px;
  font-weight: 600;
  padding-left: 0;
  margin-bottom: 0px;
  margin-top: 0px;
}
/*.streamclasslistingWrapper .home-title-div {display:none;}*/

.streamclasslistbg {
  width: 100%;
  padding: 0;
  margin: 0;
}
.class-date.streamclass-table-head {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding: 8px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}
.streamclass-available-container {
  width: 100%;
  max-width: 100%;
  padding: 0px;
  margin-bottom: 16px;
}
.streamclass-date-time {
  width: 87px;
  margin-right: 19px;
}
.streamclass-book-time {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.streamclass-date-timesche {
  border-radius: 20px;
  background-color: #e7e7e7;
  min-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  text-align: center;
  padding: 5px 7px;
}
.streamclasscontent {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.streamclass-date-timesche span {
  font-size: 12px;
  font-weight: 500;
  color: #777777;
  line-height: 12px;
}
.streamclassdetailbg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 110px);
}
.streamclassdetail {
  position: relative;
}
.streamclassdetail .bookmark-text20 {
  position: absolute;
  bottom: -8px;
  right: 0px;
  font-size: 18px;
  margin-right: 0;
  margin-left: 0;
}
.streamclassdetail .avatar {
  width: 48px;
  height: 48px;
  border: solid 1px #f8f8f8;
  background-size: cover;
  background-position: 50%;
  border-radius: 100%;
}
.streamclassdetail .avatar .avatar-text {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 100%;
  color: white;
  background-color: #9a9a9a;
  font-size: 16px;
  text-align: center;
}
.streamcusdetail {
  padding-left: 13px;
  display: flex;
  align-items: self-start;
  flex-direction: column;
  width: calc(100% - 52px);
}
.streamcusdetail .title {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  width: 100%;
  margin-bottom: 3px;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.streamcusdetail .disc {
  font-size: 16px;
  color: #333333;
  display: flex;
  align-items: center;
  width: 100%;
}
.streamcusdetail .separate {
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background-color: #777777;
  margin: 0 8px;
  display: block;
}
.streamcusdetail .disc span {
  display: inline-flex;
  align-items: center;
}
.streamcusdetail .disc .liveDuration-provide {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 125px);
  display: block;
}
.streamcusdetail .smallsizetext {
  font-size: 12px;
  line-height: 16px;
  color: #777777;
  font-weight: 400;
  white-space: nowrap;
}
.streamcusdetail .smallsizetext.redtext {
  color: #d83f34;
  font-weight: 500;
}
.stremspotbg {
  display: inline-flex;
  justify-content: flex-end;
  padding-right: 15px;
  align-items: center;
}
.streamclass-signup-col {
  width: auto;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  position: relative;
  display: none;
}
.streamclass-col-verywidth {
  width: 50%;
}
.streamclass-col-verywidth .class-date-time {
  width: 100%;
}
.streamclasslistbg .streamclass-date-time {
  padding-top: 0px;
}
.streamclasslistbg .class-time-spots {
  width: 86px;
  text-align: center;
}
.streamclasslistbg .class-time-spots .class-book-time {
  margin-right: 0px;
}
.streamclasslistbg .streamclass-date-timesche {
  margin-top: 4px;
}
.streamclasslistbg .class-div {
  padding: 16px 8px;
  cursor: pointer;
}
.streamclasslistbg .class-div:last-of-type {
  border-bottom: 0px;
}
/* All Live Stream Classes Pages End */

.listing-slider {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  height: 60px;
  padding: 0 40px;
}
.listing-slider .slick-slide {
  text-align: center;
  font-size: 14px;
  color: #777777;
  font-weight: 300;
}
.listing-slider .slick-slide .dateslide {
  width: 88px;
  height: 44px;
  line-height: 46px;
  border-radius: 25px;
  text-align: center;
  margin: 8px auto 0 auto;
  cursor: pointer;
}
.listing-slider .slick-slide .dateslide:hover {
  background: #e7e7e7;
}
.listing-slider .slick-slide .dateslide:active {
  background: #cdcdcd;
}
.listing-slider .slick-slide.selected div {
  color: white;
}
.listing-slider .slick-prev,
.listing-slider .slick-next,
.homebox-slider .slick-prev,
.homebox-slider .slick-next {
  text-indent: -1000px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0px;
  height: 36px;
  width: 36px;
  position: absolute;
  top: 13px;
  cursor: pointer;
  font-size: 44px;
  color: #95989a;
  text-align: center;
  background: transparent;
}
.listing-slider .slick-prev {
  left: 0;
  background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/list-slider-prev-black.png');
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center 9px;
}
.listing-slider .slick-next {
  right: 0;
  background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/list-slider-next-black.png');
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center 9px;
}
.listing-slider .slick-prev,
.homebox-slider .slick-prev {
  left: 0;
  background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/list-slider-prev-black.png');
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center 9px;
}
.listing-slider .slick-next,
.homebox-slider .slick-next {
  right: 0;
  background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/list-slider-next-black.png');
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center 9px;
}
.listing-slider .slick-next.slick-disabled,
.listing-slider .slick-prev.slick-disabled {
  opacity: 0.4;
}
.homebox-slider .slick-next.slick-disabled,
.homebox-slider .slick-prev.slick-disabled {
  opacity: 0.4;
}
.listing-slider .slick-prev:hover,
.listing-slider .slick-next:hover {
  background-color: #e7e7e7;
}
.listing-slider .slick-prev:active,
.listing-slider .slick-next:active {
  background-color: #cdcdcd;
}
.dropdown-stream {
  float: right;
  width: 98px;
  /*position:absolute; right:20px; top:10px;*/
  margin-top: 3px;
  height: 44px;
  cursor: pointer;
}
.homebox-slider .slick-prev {
  left: inherit;
  right: 35px;
  top: -56px;
  background-position: 8px 9px;
  width: 25px;
}
.homebox-slider .slick-next {
  left: inherit;
  right: 0;
  top: -56px;
  width: 25px;
}
.homebox-slider .slick-track {
  /*margin-right:-7px; margin-left:-7px;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.homebox-slider .slick-list {
  margin-left: -10px;
}
.homebox-slider .avtarbg {
  margin-top: 0;
}
.homebox-slider .personal-trainingbg {
  padding-top: 0;
  max-width: 286px;
}
.homebox-slider .personal-title {
  margin-top: 0;
  max-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.homebox-slider .personal-dis {
  margin-bottom: 0;
  max-height: 41px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-stream-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.14);
  padding: 10px 20px;
  background-color: white;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  border-radius: 25px;
  text-align: center;
}
.dropdown-stream-div.selected {
  background: #777777;
  color: white;
}
.dropdown-class-stream {
  position: absolute;
  display: none;
  width: 250px;
  max-height: 400px;
  overflow: auto;
  right: 0px;
  top: 50px;
  border-radius: 5px;
  background: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
#durationdropdown.dropdown-class-stream {
  width: 200px;
}
.dropdown-class-stream.positionLeft {
  left: 0;
  right: initial;
}
.dropdown-class-stream ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.dropdown-class-stream ul li {
  padding: 10px 12px;
  font-size: 14px;
  color: #333333;
  margin-bottom: 1px;
}
.dropdown-class-stream ul li a {
  display: block;
  color: #333333;
  font-size: 14px;
  text-decoration: none;
}
.dropdown-class-stream ul li:first-of-type {
  border-radius: 0 5px 0 0px;
}
.dropdown-class-stream ul li:last-of-type {
  border-radius: 0 0px 0 5px;
}
.dropdown-class-stream ul li:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}
.dropdown-class-stream ul li.active {
  background-color: #777777;
}
.dropdown-class-stream ul li.active a {
  color: white;
}
.dropdown-class-stream .checkbox-custom-black {
  padding-left: 26px;
}
.dropdown-class-stream .checkbox-custom-black label {
  font-size: 14px;
  color: #333333;
  display: block;
  font-weight: 400;
}
.dropdown-class-stream .checkbox-custom-black input[type="checkbox"] + label:before {
  width: 18px;
  height: 18px;
  margin-left: -26px;
  margin-top: 2px;
}
.dropdown-class-stream .checkbox-custom-black input[type="checkbox"]:checked + label:before {
  background-size: 12px auto;
}
.dropdown-class-stream ul li .filter-icon {
  margin-right: 8px;
}
.dropdown-class-stream ul li .filter-pill-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*Zoom popup design start */

.live-stream-class-popup .class-large-img {
  width: 160px;
  height: 241px;
  margin-right: 16px;
  border-radius: 8px;
  margin-bottom: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
.live-stream-class-popup .class-large-imgDetail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 176px);
}
.live-stream-class-popup.noclassImg .class-large-imgDetail {
  width: 100%;
}
.live-stream-class-popup .modal-dialog {
  width: 90%;
  margin: 30px auto;
  max-width: 777px;
}
.live-stream-class-popup .modal-body {
  max-height: 578px;
  overflow: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.live-stream-class-popup .modal-footer {
  padding-top: 20px;
  border-top: solid #e7e7e7 1px;
}
.live-stream-class-popup .desc-header {
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 38px;
  margin-bottom: 4px;
}
.live-stream-class-popup .description {
  line-height: 24px;
  font-size: 16px;
  color: #333333;
  padding-bottom: 18px;
}
.live-stream-class-popup .review-heading {
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
  color: #333333;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: solid #cdcdcd 1px;
}
.live-stream-class-popup .class-img-box {
  width: 48px;
  height: 48px;
  border: solid 1px #f8f8f8;
  border-radius: 50%;
  background-size: cover;
  background-position: 50%;
  margin-right: 8px;
}
.live-stream-class-popup .class-img-box .user-name {
  background-color: #9a9a9a;
  height: 48px;
  display: none;
  width: 48px;
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: white;
}
.reviewstarbox {
  margin: 0 auto;
  width: 91px;
  display: block;
}
.liveProfile-avtar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 22px;
  margin-bottom: 16px;
}
.live-stream-class-popup .review-left-part {
  float: left;
}
/*.live-stream-class-popup .review-left-part .ratingstar .fa-star.rated { color:#eb6663;}*/

.live-stream-class-popup .review-left-part a.review-text-line {
  color: black;
  text-decoration: none;
  font-size: 15px;
}
.live-stream-class-popup .review-left-part a.review-text-line:hover {
  text-decoration: underline;
}
.live-stream-class-popup .review-right-part .signup-businessname a {
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #2a90d6;
  text-decoration: underline;
}
.live-stream-class-popup .review-right-part .signup-businessname a:hover {
  color: #226fa3;
}
.live-stream-class-popup .personal-training-text {
  font-size: 14px;
  font-weight: 500;
  color: #9a9a9a;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.live-stream-class-popup .video-icon-row {
  margin-bottom: 8px;
  margin-top: 8px;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.live-stream-class-popup .class-text-heading {
  font-size: 34px;
  font-weight: 500;
  color: #333333;
  line-height: 40px;
  padding-right: 26px;
}
.live-stream-class-popup .provider-name {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 4px;
}
.liveProfile-avtar .avtar-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.liveProfile-avtar .avtar-rating .reviewstarbox {
  margin-right: 8px;
  margin-left: 0;
}
.live-stream-class-popup .date-row {
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  font-weight: 300;
}
.live-stream-class-popup .live-stream-text {
  font-size: 14px;
  line-height: 22px;
  padding-left: 8px;
}
.live-stream-class-popup .video-icon-row .event-duration {
  display: inline-block;
  min-width: 50px;
  text-align: center;
  padding: 0px 8px;
  margin-left: 8px;
  font-size: 12px;
  color: #777777;
  background-color: #e7e7e7;
  border-radius: 30px;
}
.live-stream-class-popup .video-icon-row .liveStm-icon {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  padding-left: 1px;
}
.live-stream-class-popup .video-icon-row .liveStm-icon em {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
}
.live-stream-class-popup .video-icon-row .liveStm-icon span {
  margin-left: 4px;
  font-weight: 500;
}
.live-stream-class-popup a.btn-spot-left {
  padding: 0px 8px;
  color: #333333;
  text-decoration: none;
  font-weight: 600;
  border-radius: 3px;
  border: solid 1px #e7e7e7;
  font-size: 10px;
  display: inline-block;
  background-color: white;
}
.live-stream-class-popup a.btn-spot-left:hover {
  color: #333333;
  text-decoration: none;
}
.fa {
  font-size: 13px;
}
.live-stream-class-popup a.btn-spot-left span {
  display: inline-block;
  padding-left: 3px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
}
.live-stream-class-popup .review-div {
  margin-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0px;
}
.live-stream-class-popup .review-paragraph {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.live-stream-class-popup .review-title {
  font-size: 16px;
  font-weight: 600;
}
.live-stream-class-popup .review-top-div {
  margin-bottom: 5px;
}
.live-stream-class-popup .review-top-div .review-profile {
  background: #f8f8f8;
  background-size: cover;
  background-position: 50%;
}
.live-stream-class-popup .live-stream-bottom {
  float: left;
  margin-top: 12px;
  font-size: 20px;
  font-weight: 600;
}
.live-stream-class-popup .live-stream-bottom span {
  margin-right: 8px;
  display: inline-block;
}
.live-stream-class-popup .padding-top3 {
  padding-top: 3px;
}
.live-stream-class-popup .user-name {
  height: 48px;
  width: 48px;
  color: #333333;
  font-size: 16px;
  border-radius: 50%;
  line-height: 48px;
  border-style: solid;
  border-width: 1px;
  border-color: #f8f8f8;
  text-align: center;
  font-weight: 500;
}
.live-stream-class-popup .ratingstar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.live-stream-class-popup .ratingstar .fa {
  font-size: 16px;
}
.live-stream-class-popup .ratingVerfiedDiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.live-stream-model {
  padding-right: 10px;
  cursor: pointer;
}
.mobile-event-price {
  display: none;
}
.date-header-fixed {
  position: fixed;
  top: 172px;
  left: 0;
  right: 0px;
  z-index: 2;
  padding-top: 24px;
  background: white;
}
.date-header-fixed .streamclass-table-head {
  max-width: 1000px;
  margin: 0 auto;
  width: 95%;
}
.listing-slider .mobile-day-of-week {
  margin-right: 4px;
}
.onlyfilter {
  display: none;
}
.mob-class-stream-filter {
  display: none;
}
.livetimezone {
  color: #248dd5;
  font-size: 16px;
  font-weight: 500;
}
.streamclass-signup-col .dropdown-list {
  position: absolute;
  left: auto;
  right: 0px;
  bottom: auto;
  display: block;
  z-index: 999;
  width: 450px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 0px;
  padding: 8px;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
.timezondropdown {
  position: relative;
  display: inline-block;
}
.streamclass-signup-col .dropdown-list.hide {
  display: none;
}
.streamclass-signup-col .dropdown-list.show {
  display: block;
}
.streamclass-signup-col .dropdown-list .select-country-mar input {
  margin-bottom: 0;
}
.has-error .addresswithcountry,
.addresswithcountry {
  position: relative;
  z-index: 3;
}
.has-error .addresswithcountry .countrydropdown,
.addresswithcountry .countrydropdown {
  /*background-image: url('@{StaticImagepath}/Images/down-arrow-blacknw1.png') !important; background-position: 59px center !important; background-size: 25px auto !important; background-repeat: no-repeat;*/
  border: 1px solid #cccccc !important;
  border-radius: 2px 0 0 2px;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  margin: 0;
  cursor: pointer;
  background-image: none;
  height: 38px;
}
.has-error .addresswithcountry .countrydropdown:after,
.addresswithcountry .countrydropdown:after {
  content: '\f0d7';
  font-family: 'Fontawesome pro solid 900', sans-serif;
  font-size: 16px;
  color: #333333;
  right: 0px;
  top: 0px;
  width: 18px;
  position: absolute;
  pointer-events: none;
  bottom: 0px;
  line-height: 38px;
  text-align: left;
}
.has-error .addresswithcountry .countrydropdown .selectedcountry,
.addresswithcountry .countrydropdown .selectedcountry {
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 32px 24px;
  height: 100%;
  width: 100%;
}
.has-error .addresswithcountry .countrydropdown .selectedcountry.aus-f,
.addresswithcountry .countrydropdown .selectedcountry.aus-f {
  background-image: url('../Images/aus-flag-img.png');
}
.has-error .addresswithcountry .countrydropdown .selectedcountry.canada-f,
.addresswithcountry .countrydropdown .selectedcountry.canada-f {
  background-image: url('../Images/canada-flag-img.png');
}
.has-error .addresswithcountry .countrydropdown .selectedcountry.uk-f,
.addresswithcountry .countrydropdown .selectedcountry.uk-f {
  background-image: url('../Images/uk-flag-img.png');
}
.has-error .addresswithcountry .countrydropdown .selectedcountry.us-f,
.addresswithcountry .countrydropdown .selectedcountry.us-f {
  background-image: url('../Images/us-flag-img.png');
}
.has-error .addresswithcountry .countrydropdown .selectedcountry.ie-f,
.addresswithcountry .countrydropdown .selectedcountry.ie-f {
  background-image: url('https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/Country_IE_Ireland.svg');
}
.has-error .addresswithcountry .countryselectoption,
.addresswithcountry .countryselectoption,
.has-error .addresswithcountry .countryselectoptionNewBilling,
.addresswithcountry .countryselectoptionNewBilling {
  background-color: white;
  position: absolute;
  left: 0;
  top: 39px;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  border: 1px solid #cccccc;
  width: 225px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.has-error .addresswithcountry .countryselectoption li,
.addresswithcountry .countryselectoption li,
.has-error .addresswithcountry .countryselectoptionNewBilling li,
.addresswithcountry .countryselectoptionNewBilling li {
  background-repeat: no-repeat;
  background-size: 32px 24px;
  background-position: 8px center;
  font-size: 15px;
  line-height: 40px;
  padding-left: 52px;
  cursor: pointer;
}
.has-error .addresswithcountry .countryselectoption li:hover,
.addresswithcountry .countryselectoption li:hover,
.has-error .addresswithcountry .countryselectoptionNewBilling li:hover,
.addresswithcountry .countryselectoptionNewBilling li:hover {
  background-color: #f8f8f8;
}
.has-error .addresswithcountry .countryselectoption li.active,
.addresswithcountry .countryselectoption li.active,
.has-error .addresswithcountry .countryselectoptionNewBilling li.active,
.addresswithcountry .countryselectoptionNewBilling li.active {
  background-color: #e7e7e7;
}
.has-error .addresswithcountry .countryselectoption li.aus-f,
.addresswithcountry .countryselectoption li.aus-f,
.has-error .addresswithcountry .countryselectoptionNewBilling li.aus-f,
.addresswithcountry .countryselectoptionNewBilling li.aus-f {
  background-image: url('../Images/aus-flag-img.png');
}
.has-error .addresswithcountry .countryselectoption li.canada-f,
.addresswithcountry .countryselectoption li.canada-f,
.has-error .addresswithcountry .countryselectoptionNewBilling li.canada-f,
.addresswithcountry .countryselectoptionNewBilling li.canada-f {
  background-image: url('../Images/canada-flag-img.png');
}
.has-error .addresswithcountry .countryselectoption li.uk-f,
.addresswithcountry .countryselectoption li.uk-f,
.has-error .addresswithcountry .countryselectoptionNewBilling li.uk-f,
.addresswithcountry .countryselectoptionNewBilling li.uk-f {
  background-image: url('../Images/uk-flag-img.png');
}
.has-error .addresswithcountry .countryselectoption li.us-f,
.addresswithcountry .countryselectoption li.us-f,
.has-error .addresswithcountry .countryselectoptionNewBilling li.us-f,
.addresswithcountry .countryselectoptionNewBilling li.us-f {
  background-image: url('../Images/us-flag-img.png');
}
.has-error .addresswithcountry .countryselectoption li.ie-f,
.addresswithcountry .countryselectoption li.ie-f,
.has-error .addresswithcountry .countryselectoptionNewBilling li.ie-f,
.addresswithcountry .countryselectoptionNewBilling li.ie-f {
  background-image: url('../Images/worldflag/Country_IE_Ireland.svg');
}
.has-error .addresswithcountry .select2-container.select2-container-multi.custom-w-input,
.addresswithcountry .select2-container.select2-container-multi.custom-w-input {
  margin-left: 68px;
  float: left;
  width: 88.8%;
  width: calc(100% - 68px);
}
.popup-button-div {
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.text-block-padding {
  margin-right: 16px;
  font-weight: 600;
}
.text-block-padding.signed-up-text {
  font-weight: 300;
}
.live-stream-class-popup .modal-footer .btn-primary {
  font-size: 16px;
  padding-left: 25px;
  padding-right: 25px;
}
.live-stream-class-popup .modal-footer .btn-primary.btn-flamigo {
  background-color: #eb6663;
  color: white;
}
.live-stream-class-popup .modal-footer .btn-primary.btn-flamigo:hover {
  background-color: #c74e4b;
}
.live-stream-class-popup .modal-footer .btn-primary.btn-purchase {
  background-color: #7cc576;
  color: white;
  padding-top: 9px;
  padding-bottom: 9px;
}
.live-stream-class-popup .modal-footer .btn-primary.btn-purchase:hover {
  background-color: #5c9557;
}
.streamfilterclass {
  margin-left: 18px;
  white-space: nowrap;
}
.streamfilterclass .fliter-class-name {
  margin-left: 7px;
  margin-right: 7px;
  font-weight: 500;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 10px 16px;
  border-radius: 25px;
  box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.14);
  color: #333333;
  cursor: pointer;
  text-decoration: none;
  max-width: inherit;
}
.streamfilterclass .fliter-class-name:hover {
  background-color: #e7e7e7;
}
.streamfilterclass .fliter-class-name.selected {
  background-color: #777777;
  color: white;
}
.streamfilterclass .filter-icon {
  margin-right: 4px;
}
.margin-left4 {
  margin-left: 4px;
}
.margin-right4 {
  margin-right: 4px;
}
.livestreampage .listings-parent-div-100 {
  position: relative;
}
.livestreampage .streamfilterclass .fliter-class-name:nth-last-child(2) {
  margin-right: 5px;
}
/*.livestreampage .streamfilterclass .filteradded #divStreamLastSlide{ display:none;}*/

.datesliderfix {
  position: fixed;
  top: 172px;
  left: 0;
  right: 0px;
  z-index: 0;
  padding-top: 24px;
  background: white;
}
.datesliderfix .streamclass-table-head {
  max-width: 1000px;
  margin: 0 auto;
  width: 95%;
}
.live-stream-class-popup .review-left-part .reviewstarbox {
  margin-bottom: 8px;
}
.streamclasslistingWrapper .streamclass-div.no-border {
  border-bottom-style: none;
}
.streamclasslistingWrapper .streamclass-div.no-border.smaller-padding {
  padding-top: 0;
  padding-bottom: 16px;
  cursor: default;
}
.streamclasslistingWrapper .streamclass-div .no-details {
  margin-right: 16px;
  color: #777777;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.streamclasslistbg .class-div.no-border:hover {
  background: none;
}
.home-main .see-all-div {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}
.live-stream-class-popup .class-paharagh {
  padding-bottom: 16px;
}
.live-stream-class-popup .class-paharagh:last-child {
  padding-bottom: 0;
}
.live-stream-class-popup .class-paharagh .heading {
  margin-bottom: 11px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  padding-bottom: 0;
  border-bottom: none;
}
.live-stream-class-popup .class-paharagh .clheaddic {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  font-weight: 300;
}
.live-stream-class-popup .class-paharagh .clheaddic a {
  font-size: 16px;
  line-height: 24px;
  color: #2a90d6;
  text-decoration: none;
  display: block;
  margin-bottom: 22px;
}
.live-stream-class-popup .class-paharagh .clheaddic a:hover {
  color: #226fa3;
}
.supportBusinee-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #248dd5;
  font-size: 16px;
  background-color: rgba(36, 141, 213, 0.1);
  padding: 12px 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.supportBusinee-block strong {
  font-weight: 600;
}
.supportBusinee-block a {
  margin-left: 16px;
  padding: 4px 12px;
  border: 1px solid #248dd5;
  border-radius: 3px;
  font-size: 14px;
  text-decoration: none;
  color: #248dd5;
  font-weight: 500;
}
.streamcusdetail .disc span.mobile-free-text {
  font-size: 18px;
  color: #333333;
  font-weight: 500;
  display: none;
}
.live-backarrow {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 16px;
  text-decoration: none;
  text-align: center;
  display: none;
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 40px;
  color: #333333;
}
.login-backbtn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  left: 16px;
  text-decoration: none;
  text-align: center;
  display: none;
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 40px;
  color: #333333;
}
.covid-tag-symbol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 12px;
  border-radius: 20px;
  background-color: #248dd5;
  color: white;
  font-size: 14px;
  line-height: 18px;
  margin-left: 8px;
}
.covid-tag-symbol em {
  background-image: url(../Images/covid-symbol.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  margin-right: 4px;
  width: 16px;
  height: 18px;
}
.closed-and-icons-div .listings-icon-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.closed-and-icons-div .listings-icon-div .car-icon {
  margin-left: 8px;
}
.covid-tag-block {
  margin-bottom: 8px;
}
#divServiceTitleBook {
  margin-bottom: 5px;
}
.covid-tag {
  width: auto;
  max-width: none;
  padding: 4px 12px;
  border-radius: 20px;
  background-color: #248dd5;
  color: white;
  font-size: 14px;
  line-height: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
}
.covid-tag em {
  background-image: url(../Images/covid-symbol.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  margin-right: 4px;
  width: 16px;
  height: 18px;
}
.video-session-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 8px;
  display: none;
}
.video-session-div em {
  font-style: normal;
  font-family: 'fontawesome-5pro-solid-900';
  margin-right: 4px;
}
.video-session-div span {
  font-weight: 500;
}
/* home page upoming class and service slider css start here */

.upcoming-appslider {
  width: 100%;
  max-width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  margin-bottom: 25px;
  padding-top: 20px;
}
.upcoming-appslider .home-title {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 22px;
}
.upcoming-appslider .upcoming-fs-box {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e7e7e7;
}
.upcoming-appslider .upcoming-fs-box .sub-grey {
  color: #777777;
  line-height: 14px;
  font-weight: 500;
}
.upcoming-appslider .upcoming-fs-box .div-block-519 {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.upcoming-appslider .upcoming-fs-box .sub-black {
  padding-top: 1px;
  color: #333333;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.upcoming-appslider .upcoming-fs-box .shared-pkg-chip {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #248dd5;
  color: white;
  font-size: 10px;
}
.upcoming-appslider .ff-icon-text {
  font-size: 12px;
  line-height: 15px;
}
.upcoming-appslider .uc-appoint-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.upcoming-appslider .uc-appoint-inner.slick-slider {
  display: block;
  overflow: inherit;
}
.upcoming-appslider .ucservice-box {
  float: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*height:auto*/

}
.upcoming-appslider .upcoming-padd-wrap {
  padding: 16px;
  padding-top: 40px;
  position: relative;
}
.upcoming-appslider .block-date-wrap {
  display: flex;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 16px;
  top: -29px;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
}
.text-block-date {
  color: #eb6663;
  font-size: 24px;
}
.text-block-month {
  color: #eb6663;
  font-size: 16px;
}
.upcoming-business-img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.upcoming-appslider .ucdaily-service {
  margin: 0px 10px 8px 10px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 360px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.07);
  background-color: white;
}
.upcoming-appslider .ucdaily-title {
  color: #333333;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
}
.upcoming-appslider  .ucdaily-class-des {
  color: #333333;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .2px;
}
.upcoming-appslider .ucdaily-time-row {
  color: #333333;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .2px;
  margin-top: 8px;
}
.upcoming-appslider .ucdaily-class {
  font-size: 16px;
  color: #666666;
  font-weight: 400;
}
.upcoming-appslider .slick-track {
  /*margin-right: -7px;margin-left: -7px;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.upcoming-appslider .slick-prev,
.upcoming-appslider .slick-next {
  text-indent: -1000px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0px;
  height: 36px;
  width: 36px;
  position: absolute;
  top: 13px;
  cursor: pointer;
  font-size: 44px;
  color: #95989a;
  text-align: center;
  background: transparent;
}
.upcoming-appslider .slick-list {
  margin-left: -10px;
}
.upcoming-appslider .slick-prev {
  left: 0;
  background-image: url(https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/list-slider-prev-black.png);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center 9px;
}
.upcoming-appslider .slick-prev {
  left: inherit;
  right: 35px;
  top: -43px;
  background-position: 8px 9px;
  width: 25px;
}
.upcoming-appslider .slick-next.slick-disabled,
.upcoming-appslider .slick-prev.slick-disabled {
  opacity: 0.4;
}
.upcoming-appslider .slick-next {
  right: 0;
  background-image: url(https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/list-slider-next-black.png);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center 9px;
}
.upcoming-appslider .slick-next {
  left: inherit;
  right: 0;
  top: -43px;
  width: 25px;
}
/* home page upoming class and service slider css end here */

/* upcoming popup css start here */

.upcoming-service-popup {
  display: none;
}
.upcoming-service-popup .modal-content {
  background-color: #f8f8f8;
}
.upcoming-service-popup .modal-body {
  padding: 20px 0 0 0;
}
.upcoming-service-popup .ucservice-detail {
  padding-bottom: 12px;
}
.upcoming-service-popup .ucserData {
  text-align: center;
}
.upcoming-service-popup .ucserData .head {
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 4px;
}
.upcoming-service-popup .ucserData .subhead {
  color: #666666;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 15px;
}
.upcoming-service-popup .ucserData .classesName {
  font-size: 14px;
  color: #777777;
  line-height: 16px;
  margin-bottom: 22px;
}
.upcoming-service-popup .ucservice-map-block .uclinks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.upcoming-service-popup .uclinks {
  border-top: #e7e7e7 solid 1px;
  border-bottom: #e7e7e7 solid 1px;
}
.upcoming-service-popup .uclinks a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-decoration: none;
  color: #2a90d6;
  border-right: #e7e7e7 solid 1px;
  text-align: center;
  padding-top: 13px;
  padding-bottom: 13px ;
  font-size: 14px;
  line-height: 16px;
}
.upcoming-service-popup .uclinks a:hover {
  text-decoration: none;
  color: #226fa3;
}
.upcoming-service-popup .uclinks a:last-child {
  border-right: none;
}
.upcoming-service-popup .uctimer-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.upcoming-service-popup .ucmap-block {
  padding: 0 13px;
  margin-top: 15px;
  padding-bottom: 5px;
}
.upcoming-service-popup .ucmap-block .ucmap {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 145px;
  background-position: center;
  border-radius: 5px;
  margin-bottom: 9px;
}
.upcoming-service-popup .ucAdress-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.upcoming-service-popup .ucAdress-box .ucAdress {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.upcoming-service-popup .ucAdress-box .ucadress-dist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
}
.upcoming-service-popup .ucAdress-box .ucadress-dist em {
  margin-right: 6px;
  font-family: 'Fontawesome pro solid 900';
  font-style: normal;
}
.upcoming-service-popup .ucappointment-block {
  text-align: center;
  position: relative;
  padding-top: 18px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 15px;
}
.upcoming-service-popup .ucappointment-block:after {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  top: 0;
  background-color: #e7e7e7;
  height: 1px;
}
.upcoming-service-popup .ucappoint-label {
  font-size: 25px;
  line-height: 29px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 12px;
}
.upcoming-service-popup .ucappoint-disc {
  font-size: 14px;
  line-height: 16px;
  color: #777777;
  margin-bottom: 12px;
}
.upcoming-service-popup .ucappoint-barcode-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.upcoming-service-popup .ucappoint-barcode-block .ucappoint-barcode {
  background: white;
  padding: 37px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.upcoming-service-popup .covid-checkin .ucappoint-label {
  color: #2a90d6;
}
.upcoming-service-popup .uccheckin-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.upcoming-service-popup .uccheckin-button .accheckin-btn {
  background: #2a90d6;
  color: white;
  font-size: 16px;
  line-height: 19px;
  border-radius: 3px;
  padding: 15px 10px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color linear 0.3s;
  -moz-transition: background-color linear 0.3s;
  -ms-transition: background-color linear 0.3s;
  transition: background-color linear 0.3s;
}
.upcoming-service-popup .uccheckin-button .accheckin-btn:hover {
  background-color: #226fa3;
  text-decoration: none;
}
.upcoming-service-popup .covid-checkin .ucappoint-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.upcoming-service-popup .covid-checkin .ucCoid-image {
  margin-right: 2px;
}
.upcoming-service-popup .covid-checkin .ucCoid-image img {
  vertical-align: top;
}
.upcoming-service-popup .ProgressBar {
  height: 116px;
  width: 116px;
  position: relative;
}
.upcoming-service-popup .ProgressBar-contentCircle {
  height: 116px;
  width: 116px;
}
.upcoming-service-popup .ProgressBar-circle,
.upcoming-service-popup .ProgressBar-background {
  fill: none;
  stroke: #eb6663;
  stroke-width: 5;
  stroke-linecap: square;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  position: relative;
  z-index: 10;
}
.upcoming-service-popup .ProgressBar-background {
  stroke: #ededed;
  stroke-width: 5;
  z-index: 0;
}
.upcoming-service-popup .ProgressBar-percentage {
  color: #333333;
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.upcoming-service-popup .ProgressBar-percentage .count-min {
  font-size: 24px;
  line-height: 29px;
  color: #333333;
}
.upcoming-service-popup .ProgressBar-percentage .mintext {
  font-size: 14px;
  line-height: 16px;
  color: #9a9a9a;
}
/* upcoming popup css end here */

/* checkInSuccess page design start here */

.covidCheckedIn .success-paragraph {
  margin-top: 5px;
  color: #777777;
  font-size: 22px;
  line-height: 28px;
  font-weight: 300;
  word-wrap: break-word;
  word-break: break-word;
}
.covidCheckedIn .successbtn {
  min-width: 300px;
  height: 60px;
  background: #20345c;
  font-size: 16px;
  font-weight: 400;
}
.covidCheckedIn .successbtn:hover {
  background: #20345c;
}
.covidCheckedIn .accept-div-overall {
  padding-bottom: 20px;
}
.confirmContact-block {
  width: 100%;
  background: #ddedf8;
  margin-top: 20px;
  padding: 24px;
  border-radius: 8px;
  margin-bottom: 24px;
}
.confirmContact-block .chckcontact-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 14px;
}
.confirmContact-block .chckcontact-top .chckcontact-icon {
  height: 60px;
  width: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(42, 144, 214, 0.16);
  color: #2a90d6;
  font-family: 'Fontawesome pro solid 900', sans-serif;
  font-size: 32px;
  line-height: 48px;
  margin-right: 16px;
}
.confirmContact-block .chckcontact-top .chckcontact-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  width: calc(100% - 76px);
  word-break: break-word;
  word-wrap: break-word;
}
.confirmContact-block .chckcontact-top .chckcontact-detail h3 {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
}
.confirmContact-block .chckcontact-top .chckcontact-detail p {
  font-size: 18px;
  color: #777777;
  line-height: 20px;
  font-weight: 400;
}
.mobNumber-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  margin-bottom: 10px;
}
.mobNumber-box .mobNumber-text {
  font-size: 18px;
  line-height: 20px;
  color: #333333;
  font-weight: 400;
}
.mobNumber-box .mobNumber .mobnumber-input {
  width: 100%;
  border: none;
  -webkit-appearance: none;
  background: #ddedf8;
  border-bottom: #333333 solid 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 46px;
  line-height: 60px;
  color: #333333;
  padding-left: 0;
  padding-right: 0;
}
.mobNumber-box .mobNumber .mobnumber-input:focus {
  border-bottom-color: #3898ec;
}
.checkinFullDiv.covidCheckedIn {
  background-color: white;
  border-radius: 10px;
  width: 820px;
  max-width: 100%;
}
/* checkInSuccess page design end here */

/* upcoming slider stencil css start here */

.upcoming-slider-stencil {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}
.upcoming-slider-stencil .upslide-inner-stencil {
  width: 100%;
  overflow: hidden;
}
.upcoming-slider-stencil .upslide-track-stnl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -7px;
  margin-right: -7px;
}
.upcoming-slider-stencil .upslide-field-stencil {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.upcoming-slider-stencil .upfields-stnl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px 10px 8px 10px;
  width: 360px;
  position: relative;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.07);
}
.upcoming-slider-stencil .upslide-img-stnl {
  height: 150px;
  width: 100%;
  border-radius: 5px 5px 0 0;
  position: relative;
  background: #ececec;
  overflow: hidden;
}
.upcoming-slider-stencil .upslide-detail-stnl {
  padding: 16px;
  padding-top: 40px;
  position: relative;
}
.upcoming-slider-stencil .update-stnl-block {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 16px;
  top: -29px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
}
.upcoming-slider-stencil .upslide-title-stnl {
  height: 14px;
  width: 187px;
  background: #ececec;
  margin-bottom: 10px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.upcoming-slider-stencil .upslide-subtitle-stnl {
  height: 11px;
  width: 254px;
  background: #ececec;
  position: relative;
  margin-bottom: 17px;
  border-radius: 20px;
  overflow: hidden;
}
.upcoming-slider-stencil .upslide-time-stnl {
  height: 11px;
  width: 63px;
  background: #ececec;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.upcoming-slider-stencil .big-date-strl {
  width: 29px;
  height: 16px;
  margin-bottom: 7px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #ececec;
}
.upcoming-slider-stencil .small-date-strl {
  width: 29px;
  height: 14px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #ececec;
}
/* upcoming slider stencil css end here */

/* add tip css start here 28/5/2020 */

.checkout-addtip-wrap {
  background: #f4f4f4;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*z-index:99999999;*/
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 32px;
  padding-right: 48px;
  padding-left: 48px;
  overflow: auto;
  padding-bottom: 88px;
}
.checkout-addtip-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.topblock {
  margin-bottom: 24px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.topblock .bigtext {
  margin-bottom: 8px;
  font-size: 30px;
  line-height: 34px;
  font-weight: 500;
  color: #333333;
}
.topblock .classtext {
  margin-bottom: 0px;
  color: #777777;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
.checkout-tip-box {
  width: 650px;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 24px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 12px;
  background-color: white;
  box-shadow: 0 0 8px 0 rgba(51, 51, 51, 0.02);
}
.checkout-tip-box.no-pading-bottom {
  padding-top: 16px;
  padding-bottom: 15px;
}
.checkout-tip-box.no-pading-bottom.removebottomCurv {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.checkout-tip-box.padingb24 {
  padding-bottom: 28px;
}
.checkout-tip-box .total-tipblok {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e7e7e7;
  align-items: center;
}
.checkleft-amout .tiptotalAmt {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 4px;
}
.checkleft-amout .tipchip-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #777777;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.checkleft-amout .tipchip-div .card-type {
  font-style: normal;
  font-family: 'Fontawesome pro brands 900';
  font-size: 24px;
  line-height: 28px;
}
.checkleft-amout .tipchip-div .card-type.visachip:before {
  content: "\f1f0";
}
.checkleft-amout .tipchip-div .card-type.MCchip:before {
  content: "\f1f1";
}
.checkleft-amout .tipchip-div .card-type.stripechip:before {
  content: "\f1f5";
}
.checkleft-amout .tipchip-div .card-type.paypalchip:before {
  content: "\f1f4";
}
.checkleft-amout .tipchip-div .card-type.DCchip:before {
  content: "\f1f2";
}
.checkleft-amout .tipchip-div .card-type.jcbchip:before {
  content: "\f24b";
}
.checkleft-amout .tipchip-div .card-type.amexchip:before {
  content: "\f1f3";
}
.checkleft-amout .tipchip-div .card-type.dinersClubchip:before {
  content: "\f24c";
}
.checkleft-amout .tipchip-div .card-type.CCardchip {
  font-family: 'Fontawesome pro solid 900';
}
.checkleft-amout .tipchip-div .card-type.CCardchip:before {
  content: "\f20a";
}
.checkleft-amout .tipchip-div span {
  margin-left: 8px;
}
.checkout-green-button {
  background-color: #7cc576;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 120px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  color: white !important;
  text-decoration: none !important;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
.checkpay-summary-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 16px;
}
.checkpay-summary-link a {
  color: #248dd5;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkpay-summary-link a .sammuryarrow {
  font-style: normal;
  font-family: 'Fontawesome pro 400';
  margin-left: 16px;
  -webkit-transition: 0.3s linear transform;
  transition: 0.3s linear transform;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.checkpay-summary-link a.chckdownarrow .sammuryarrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vpowerlogo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}
.split-box {
  width: 100%;
  padding-left: 11px;
  margin-top: 4px;
}
.split-box a {
  /*width: 52px;*/
  /*height: 24px;*/
  min-width: 0px;
  padding-right: 12px;
  padding-left: 12px;
  border: 1px solid #cdcdcd;
  background-color: white;
  color: #333333 !important;
  text-decoration: none !important;
  border-radius: 3px;
  display: inline-block;
  line-height: 22px;
}
.adtip-total-text {
  text-align: center;
}
.adtip-total-text .adtiptext {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #333333;
}
.adtip-total-text .addedtip-total {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
}
.addtip-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: white;
  font-size: 16px;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.addtip-links .addtip-fields {
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #cdcdcd;
  text-decoration: none !important;
  color: #333333 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -1px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.addtip-links .addtip-fields:first-child {
  margin-left: 0;
  border-radius: 10px 0 0 10px;
}
.addtip-links .addtip-fields:last-child {
  border-radius: 0 10px 10px 0;
}
.addtip-links .addtip-fields:hover,
.addtip-links .addtip-fields.active {
  position: relative;
  z-index: 1;
  border-style: solid;
  border-width: 1px;
  border-color: #2a90d6;
  background-color: rgba(42, 144, 214, 0.1);
}
.addtip-links .addtip-fields strong {
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  text-align: right;
  color: #333333;
}
.addtip-links .addtip-fields span {
  color: #777777;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.addtip-links .custom-tip-div {
  padding: 0 !important;
}
.addtip-links .custom-tip-div input {
  -webkit-appearance: none;
  border: none;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  height: 100%;
  min-width: 95px;
  color: black;
  font-family: "proxima-nova", sans-serif;
  border-radius: 0 10px 10px 0;
  text-align: center;
}
.addtip-links .custom-tip-div input:-moz-placeholder {
  color: black;
  opacity: 1;
}
.addtip-links .custom-tip-div input::-moz-placeholder {
  color: black;
  opacity: 1;
}
.addtip-links .custom-tip-div input:-ms-input-placeholder {
  color: black;
  opacity: 1;
}
.addtip-links .custom-tip-div input::-webkit-input-placeholder {
  color: black;
  opacity: 1;
}
.nexttip-button {
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.chechout-backarrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: transparent;
  color: #333333 !important;
  text-decoration: none !important;
  font-family: 'Fontawesome pro solid 900';
  font-size: 20px;
  position: absolute;
  top: 0px;
  left: -41px;
  cursor: pointer;
}
.chechout-backarrow:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.cccharge-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.cccharge-block .cctext-div {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #333333;
}
.cccharge-block .ccharges-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cccharge-block .ccharges-box .cccharge-pertage {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #333333;
}
.cccharge-block .ccharges-box .cccharge-tip {
  margin-left: 4px;
  color: #777777;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
.checkout-sign {
  min-height: 142px;
}
.chargebutton {
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.chargebutton a {
  background-color: #7cc576;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 120px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  color: white !important;
  text-decoration: none !important;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
.chargebutton a span {
  margin-left: 5px;
}
.chargebutton a:hover {
  background-color: #5c9557;
}
.checkout-complete-screen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 48px;
  width: 100%;
}
.vagaro-blue-icon {
  position: relative;
  margin-bottom: 12px;
}
.vagaro-blue-icon .vagaro-right-icon {
  position: absolute;
  left: inherit;
  top: inherit;
  right: -9px;
  bottom: 4px;
  font-family: 'Fontawesome pro solid 900';
  color: #7cc576;
  font-size: 28px;
  line-height: 28px;
}
.vagaro-blue-icon .vagaro-right-icon.red {
  color: #d83f34;
}
.checkout-comp-head {
  text-align: center;
  margin-bottom: 24px;
}
.checkout-comp-head h2 {
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 30px;
  line-height: 34px;
  font-weight: 500;
  color: #333333;
}
.checkout-comp-head h3 {
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #777777;
}
.checkout-comp-head .checkout-final-price {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 20px;
  color: #333333;
}
.checkout-comp-head .checkoutClass {
  color: #777777;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
.checkout-ratting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 22px;
}
.checkout-ratting .exp-text {
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  text-align: center;
}
.checkout-ratting .rating-starts {
  margin-top: 15px;
}
.ch-ratting-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ch-ratting-block .ch-starts {
  font-size: 40px;
  color: #e7e7e7;
  margin-right: 2px;
  margin-left: 2px;
  font-family: 'Fontawesome pro solid 900';
  cursor: pointer;
  line-height: 44px;
}
.ch-ratting-block .ch-starts:before {
  content: "\f005";
}
.ch-ratting-block .ch-starts.hover {
  color: #f6d644;
}
.ch-ratting-block .ch-starts.selected {
  color: #f6d644;
}
.signature-popupbg-tip {
  width: 512px;
  float: none;
  height: 147px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 4px;
}
.m-signature-pad--body-tip {
  float: left;
  width: 512px;
  height: 147px ;
  position: relative;
}
.signature-bottom-border-tip {
  float: left;
  height: 25px;
  position: absolute;
  left: -5px;
  bottom: 3px;
  font-family: 'Fontawesome pro 300';
  color: #9a9a9a;
  font-size: 20px;
  cursor: pointer;
  width: 25px;
  text-align: center;
  line-height: 25px;
}
.signature-here-text {
  color: #cdcdcd;
  font-size: 24px;
  display: inline-block;
  position: absolute;
  top: 44px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.m-signature-pad--body-tip canvas {
  width: 512px !important;
  display: block;
  height: 147px !important;
  margin-top: 0px;
  padding: 2px;
  -ms-touch-action: none !important;
  position: relative;
  z-index: 1;
}
.split-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  border: 1px solid #cdcdcd;
  border-radius: 10px;
}
.split-list-box .split-list-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px;
  margin-top: -1px;
  cursor: pointer;
  border-top: 1px solid #cdcdcd;
}
.split-list-box .split-list-field:first-child {
  border-top: none;
}
.split-list-box .left-split {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 100px);
}
.split-list-box .split-profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px;
  width: 100%;
}
.split-list-box .avtar-text {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  line-height: 20px;
  max-width: calc(100% - 45px);
}
.split-list-box .avtar-img {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  margin-right: 8px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 0 0;
}
.split-list-box .avtar-img-text {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  background-color: #c7c7c7;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
}
.split-list-box .split-class {
  color: #777777;
  font-size: 12px;
  line-height: 16px;
}
.split-list-box .split-class .spclass-name {
  margin-right: 3px;
  display: inline-block;
}
.split-list-box .split-class .spclass-price {
  display: inline-block;
}
.split-list-box .split-input-box {
  max-width: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}
.split-list-box .split-input-in {
  position: relative;
  max-width: 90px;
}
.split-list-box .split-input-in input {
  border: 1px solid #cdcdcd;
  min-width: 90px;
  padding-left: 25px;
  padding-right: 10px;
  font-size: 16px;
  border-radius: 2px;
  background-color: white;
  height: 40px;
  width: 100%;
  line-height: 20px;
  font-family: "proxima-nova", sans-serif;
}
.split-list-box .split-input-in .split-dollar {
  font-size: 16px;
  color: #222222;
  line-height: 20px;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.checkout-summry-data {
  width: 100%;
}
.checkout-summry-data .container-new {
  max-width: 554px !important;
}
.checkout-summry-data .emailcontent {
  padding: 32px 48px 88px !important;
}
.checkout-summry-data .businessPrice {
  padding-bottom: 15px;
}
.checkout-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px 10px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: white;
  min-height: 50px;
  position: fixed;
  left: 0px;
  top: 0;
  right: 0px;
  z-index: 9;
  transform-style: preserve-3d;
  -webkit-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
  -webkit-transform: translateX(0px) translateY(-50px) translateZ(0px);
  transform: translateX(0px) translateY(-50px) translateZ(0px);
  opacity: 0;
}
.checkout-message em {
  font-family: 'Fontawesome pro 400', sans-serif;
  font-size: 24px;
  margin-right: 10px;
  line-height: 34px;
  font-style: normal;
}
.checkout-message span {
  color: white;
  font-weight: 300;
  line-height: 20px;
}
.checkout-message.warning {
  background-color: #ff9f08;
}
.checkout-message.fail {
  background-color: #d83f34;
}
.checkout-message.success {
  background-color: #7cc576;
}
.split-input-dd {
  min-width: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 5px;
  z-index: 1;
}
.split-input-dd a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333333;
  text-decoration: none;
  cursor: pointer;
}
.split-input-dd a:hover {
  background-color: #f8f8f8;
}
.split-input-dd a strong {
  font-weight: 600;
  text-align: right;
  margin-right: 10px;
}
.split-input-dd a span {
  font-weight: 300;
  min-width: 52px;
}
.checkout-message.active {
  -webkit-transform: translateX(0) translateY(0px) translateZ(0);
  transform: translateX(0) translateY(0px) translateZ(0);
  opacity: 1;
}
.checkout-timeout .vpowerlogo {
  padding-top: 32px;
}
.checkout-tip-box .signCancle-block {
  width: 512px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 3px;
  height: 33px;
}
.checkout-tip-box .signCancle-block .cancle-btn {
  -webkit-appearance: none;
  border-radius: 3px;
  border: #cdcdcd solid 1px;
  width: 83px;
  height: 30px;
  line-height: 30px;
  color: #3a3a3a;
  font-size: 18px;
  background: white;
  line-height: inherit;
  font-weight: 500;
  font-family: "proxima-nova", sans-serif;
  cursor: pointer;
}
.splittip-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.splittip-total .splittip-inbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.splittip-total .split-subamt {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #333333;
  padding-right: 5px;
  white-space: nowrap;
}
.splittip-total .split-subamt:last-child {
  padding-right: 0;
}
.splittip-total.more-serprovider .split-subamt {
  font-size: 16px;
}
.checkoutfaild-list-block {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.checkoutfaild-list-block b {
  font-weight: 600;
  color: #333333;
}
.checkoutfaild-list-block .partialsuccess {
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkoutfaild-list-block .partialsuccess .tabelGrid {
  border-collapse: separate ;
  border: #ebebeb solid 1px;
  border-radius: 5px 5px 0 0;
  border-spacing: 0;
}
.checkoutfaild-list-block .partialsuccess .tabelGrid th {
  background-color: #f3f4f2;
  color: #686868;
  padding: 15px 10px;
  font-weight: 500;
  border-right: none;
  border-left: none;
  font-size: 14px;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
.checkoutfaild-list-block .partialsuccess .tabelGrid tr {
  background: white;
}
.checkoutfaild-list-block .partialsuccess .tabelGrid tr td {
  border-right: none;
  color: #333333;
  font-weight: 300;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
  border-left: none;
  text-align: left;
  border-bottom: #ebebeb solid 1px;
  background-color: transparent;
}
.checkoutfaild-list-block .partialsuccess .tabelGrid tr:last-child td {
  border-bottom: none;
}
.checkoutfaild-list-block .partialsuccess .tabelGrid th:first-child,
.checkoutfaild-list-block .partialsuccess .tabelGrid tr td:first-child {
  min-width: 110px;
}
.addtip-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.addtip-block .addtiptext-div {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #333333;
}
.addtip-block .addtip-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.addtip-box .addtip-pertage {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #333333;
}
.addtip-box .addtip-tip {
  margin-left: 4px;
  color: #777777;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
.splittip-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.spllittip-block .splittiptext-div {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #333333;
}
.splittip-block .splittip-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.splittip-box .splittip-pertage {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #333333;
}
.splittip-box .splittip-tip {
  margin-left: 4px;
  color: #777777;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
.covid-readness-icon {
  color: #248dd5;
  font-size: 16px;
  margin-left: 8px;
  font-family: 'Fontawesome pro 400';
  cursor: pointer;
}
.mobile-backarrow {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 16px;
  text-decoration: none;
  text-align: center;
  display: none;
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 40px;
  color: #333333;
  z-index: 99;
}
.covidRD-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.covide-rd-popup .modal-dialog {
  width: 777px;
  max-width: 95%;
}
.covide-rd-popup .title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
}
.covide-rd-popup .title.modal-title {
  margin: 5px 0 15px !important;
}
.covide-rd-popup .subtitle {
  margin-bottom: 20px;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.covide-rd-popup ol.listed {
  padding-left: 20px;
  list-style: none;
  counter-reset: my-awesome-counter;
}
.covide-rd-popup ol.listed li {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  position: relative;
  counter-increment: my-awesome-counter;
}
.covide-rd-popup ol.listed li:before {
  content: counter(my-awesome-counter) ". ";
  position: absolute;
  left: -20px;
}
.covide-rd-popup .close {
  color: #9a9a9a;
  font-size: 20px;
  padding: 5px;
  font-family: 'Fontawesome pro 300';
  background-image: none;
  text-indent: inherit;
  height: 30px;
  width: 25px;
  top: 4px;
  right: 8px;
  background-color: white;
}
.covide-rd-popup .modal-body {
  max-height: 90vh;
  overflow: auto;
}
/* add tip css end here 28/5/2020 */

/* deletecard css start here */

.deleteCardPopup .modal-dialog {
  width: 600px;
  max-width: 95%;
}
.deleteCardPopup .modal-body {
  padding-top: 8px;
}
.deleteCard-wrap .dctext {
  border-bottom: #ececec solid 1px;
  padding-bottom: 14px;
  /*margin-bottom:17px;*/

}
.deleteCard-wrap .dctext p {
  color: #777777;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}
.deleteCardBtn-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
}
.deleteCardBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #248dd5;
  border-radius: 3px;
  cursor: pointer;
  height: 30px;
  line-height: inherit;
  padding: 0 11px;
  background-color: rgba(36, 141, 213, 0.1);
  font-size: 14px;
  text-decoration: none;
}
.deletecard-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 422px;
  overflow: auto;
  padding-top: 4px;
}
.deleteCard-cell {
  /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;*/
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: #ececec solid 1px;
  padding: 10px 0;
}
.deleteCard-cell em {
  font-style: normal;
  font-family: 'Fontawesome pro 300';
  margin-left: 4px;
}
.deleteCard-cell .DCgroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
.deleteCard-cell .DCard-img {
  width: 96px;
  margin-right: 12px;
  position: relative;
}
.deleteCard-cell .DCard-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  font-weight: 400;
}
.deleteCard-cell .DCard-detail .DCbusiness {
  font-weight: 500;
}
.deleteCard-cell .DCard-detail .DCadress {
  color: #777777;
}
.deleteCard-cell .DCard-detail .DCrewDate {
  font-weight: 500;
}
.deleteCard-cell .DCard-detail .DCservice {
  color: #777777;
}
.deleteCard-cell .DCard-detail .DCservice strong {
  margin-right: 4px;
  text-transform: uppercase;
}
.deleteCard-cell .DCardimage {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default !important;
}
.deleteCard-cell .DCardimage img {
  width: 100%;
  height: auto;
}
.deleteCardPopup .modal-footer {
  padding-top: 20px;
  padding-bottom: 15px;
}
.deleteCardPopup .modal-footer .btn {
  min-width: 120px;
  padding: 10px;
}
.tooltipffhover {
  display: none;
}
.payment-chip {
  position: relative;
  width: 41px;
  height: 21px;
  display: inline-block;
}
.payment-chip:hover .tooltipffhover {
  background: transparent;
  width: 400px;
  position: absolute;
  left: 0;
  bottom: 35px;
  z-index: 99;
  text-align: center;
  display: block;
  margin-left: -176px;
}
.payment-chip:hover .tooltipffhover-bg {
  text-align: center;
  padding: 0;
  width: 0;
  display: inline;
  color: white;
}
.payment-chip:hover .tooltiptext {
  display: inline-block;
  padding: 8px 10px;
  border-radius: 3px;
  background-color: #333333;
  -shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-weight: normal;
  width: auto;
}
.payment-chip:hover .tooltipffhover-bg .arrow-down {
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #333333;
}
.ff-icon-row {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.deleteCard-cell:first-of-type .payment-chip:hover .tooltipffhover {
  bottom: inherit;
  top: 40px;
}
.deleteCard-cell:first-of-type .payment-chip:hover .tooltipffhover-bg .arrow-down {
  top: -8px;
  border-top: 0;
  border-bottom: 9px solid #333333;
}
/* deletecard css end here */

.bundleProduct-icon {
  font-family: 'Fontawesome pro 300', sans-serif;
  font-size: 16px;
  color: #333333;
  margin-right: 5px;
  font-style: normal;
  position: absolute;
  left: 0;
}
.onlinePro-bundle .product-bundle-icon {
  cursor: pointer;
}
.item-name-div .product-bundle-icon {
  position: relative;
  padding-left: 21px;
}
.product-bundle-arrow {
  font-family: 'Fontawesome pro solid 900';
  font-size: 18px;
  margin-right: 0;
  font-style: normal;
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  position: absolute;
  left: 4px;
}
.onlinePro-bundle .product-bundle-icon.activeArrow .product-bundle-arrow {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
/*.onlinePro-subbundle{ display:none;}*/

.onlinePro-subbundle.active {
  display: block;
}
.track-middle-block .unsubGrayBox {
  margin-bottom: 20px;
}
.track-middle-block .myformgrp label {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.track-middle-block .myformgrp {
  margin-bottom: 20px;
  position: relative;
}
.track-middle-block .cpsubmit-button .UP-Submit {
  width: auto;
  font-size: 17px;
  font-weight: 500;
}
.track-middle-block .myformgrp .w-input {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(51, 51, 51, 0.8);
  font-size: 16px;
}
.track-middle-block .cpsubmit-button {
  text-align: center;
}
.track-middle-block .errorchildspan {
  position: absolute;
  bottom: -17px;
  right: 0;
}
body .twofactorauthwrapper .mobile-popup-myaccount {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.490196);
  display: none;
}
#dvRegister .div-block-120 {
  border-color: #c4c4c4;
}
#dvRegister .signupheaderpart .or-div .or {
  font-size: 16px;
  color: #777777;
  font-weight: 600;
}
.sign-in-btn-divinner {
  padding: 24px 25px 14px;
  position: relative;
  display: inline-block;
  width: 100%;
}
.sign-in-btn-divinner .or-div.center {
  margin: 20px 0px 20px 0px;
}
.sign-in-btn-divinner .or-div.center .div-block-120 {
  border-color: #c4c4c4;
}
.sign-in-btn-divinner .or-div.center .or {
  font-size: 16px;
  color: #777777;
  font-weight: 600;
}
@media only screen and (max-width: 440px) {
  .sign-in-btn-divinner .or-div.center {
    margin: 16px 0px 16px 0px;
  }
}
.myaccount-popup {
  max-width: 440px !important;
  padding: 60px 44px 17px 44px;
  position: relative;
  background: white;
  border-radius: 8px !important;
  overflow: hidden;
}
.myaccount-popup .closed {
  position: absolute;
  right: 20px;
  top: 16px;
  width: 20px;
  height: 20px;
  text-align: center;
}
.myaccount-popup .closed a {
  text-decoration: none;
}
.or-div {
  margin: 0px;
}
.signup-verify.phone-one .addresswithcountry {
  margin-bottom: 0;
  /* @media only screen and (min-width: 767px) { 
         .countryselectoption{ top:auto; bottom:100%; margin-bottom:-1px; }
        }*/

}
.signup-verify {
  clear: both;
  text-align: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  display: inline-block;
  width: 100%;
}
.signup-verify .passive-alert-parent .passive-alert {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #7cc576;
  background-color: #7cc576;
  color: white;
}
.signup-verify .passive-alert-parent .passive-alert .reviewsucess-icon {
  display: block;
  font-size: 16px;
  margin-right: 10px;
  font-family: 'Fontawesome pro solid 900', sans-serif;
}
.signup-verify .passive-alert-parent .passive-alert .reviewsucess-icon:before {
  content: "\f00c";
}
.signup-verify .passive-alert-parent .passive-alert img {
  display: none;
}
.signup-verify .verify-text {
  display: block;
  clear: both;
  padding-top: 0px;
}
.signup-verify .verify-text h2 {
  margin: 0px;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.02em;
  color: black;
  padding-bottom: 5px;
  font-weight: 500;
  padding-top: 16px;
}
.signup-verify .verify-text p {
  margin: 0px;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #777777;
  padding-bottom: 22px;
  max-width: 352px;
  margin-left: auto;
  margin-right: auto;
}
.signup-verify .verify-text p a {
  color: black;
  text-decoration: none;
}
.signup-verify .verify-text.phone .verify-text .input-part {
  padding-bottom: 22px;
}
.signup-verify .input-part {
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 23px;
  position: relative;
}
.signup-verify .input-part span.help-block {
  font-size: 12px;
  line-height: 16px;
  align-items: center;
  color: #d83f34 !important;
  text-align: right;
  display: block;
}
.signup-verify .input-part label {
  text-align: left;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
  margin: 0px;
  font-weight: 400;
  padding-bottom: 5px;
  display: block;
}
.signup-verify .input-part input.input-box {
  background: white;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #333333;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  caret-color: auto;
}
.signup-verify .input-part input.input-box::-webkit-input-placeholder {
  /* Edge */
  color: #9a9a9a;
}
.signup-verify .input-part input.input-box:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9a9a9a;
}
.signup-verify .input-part input.input-box::placeholder {
  color: #9a9a9a;
}
.signup-verify .input-part input.input-box.error {
  background: #f0dddb;
  border: 1px solid #d83f34 !important;
}
.signup-verify .input-part input.input-box.error::-webkit-input-placeholder {
  /* Edge */
  color: #333333;
}
.signup-verify .input-part input.input-box.error:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333333;
}
.signup-verify .input-part input.input-box.error::placeholder {
  color: #333333;
}
.signup-verify .input-part input.input-box.filled {
  border: 1px solid #cdcdcd;
}
.signup-verify .input-part input.input-box:focus,
.signup-verify .input-part input.input-box:active {
  border-color: #2a90d6;
  caret-color: auto;
}
.signup-verify .input-part p {
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  max-width: 100%;
}
.signup-verify .input-part p a {
  color: #2a90d6;
  font-weight: 400;
  padding: 5px 7px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 3px;
  margin-top: 7px;
}
.signup-verify .input-part p a.active {
  background: #edf3ff;
  color: #507fa0;
}
@media (hover: hover) {
  .signup-verify .input-part p a:hover {
    background: #edf3ff;
    color: #507fa0;
    cursor: pointer;
  }
}
.signup-verify .input-part input::-webkit-outer-spin-button,
.signup-verify .input-part input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.signup-verify.success {
  padding-bottom: 10px;
}
.signup-verify.success p {
  padding-bottom: 0px;
}
.signup-verify.success .verify-text {
  margin-top: 12px;
  margin-bottom: 24px;
}
.signup-verify .signup-button-center {
  text-align: right;
}
.signup-verify .signup-button-center a {
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}
.signup-verify .signup-button-center .previous-btn.w-button {
  background: white;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
  color: #333333 !important;
  margin-right: 16px;
  padding-right: 16px;
  padding-left: 17px;
  float: right;
}
.signup-verify .signup-button-center .previous-btn.w-button:hover {
  background-color: #f8f8f8;
}
.signup-verify .signup-button-center .form-next-button.w-button {
  background: #7cc576;
  border-radius: 3px;
  padding: 10px 29px;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: white;
  padding-right: 29px;
  padding-left: 29px;
  float: right;
}
.signup-verify .signup-button-center .form-next-button.w-button:hover {
  background-color: #5c9557;
}
.addresswithcountry {
  position: relative;
  z-index: 3;
  margin-bottom: 10px;
}
.addresswithcountry .countrydropdown {
  border: 1px solid #cccccc !important;
  border-radius: 3px 0px 0px 3px;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  width: 66px;
  margin: 0;
  cursor: pointer;
  line-height: 40px;
  height: 40px;
  border-right: 0px !important;
}
.addresswithcountry .countrydropdown:after {
  content: '\f0d7';
  font-family: 'Fontawesome pro solid 900', sans-serif;
  font-size: 16px;
  color: #333333;
  right: 0px;
  top: 0px;
  width: 18px;
  position: absolute;
  pointer-events: none;
  bottom: 0px;
  line-height: inherit;
  text-align: left;
}
.addresswithcountry .countrydropdown .selectedcountry {
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 32px 24px;
  height: 100%;
  width: 100%;
}
.addresswithcountry .countrydropdown .selectedcountry.us-f {
  background-image: url(../Images/us-flag-img.png);
}
.addresswithcountry .countrydropdown .selectedcountry.us-f:before {
  content: "+1";
  left: 73px;
  position: relative;
  font-weight: normal;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: #777777;
  z-index: 2;
  line-height: 39px;
  width: 27px;
  text-align: center;
}
.addresswithcountry .countrydropdown .selectedcountry.uk-f {
  background-image: url(../Images/uk-flag-img.png);
}
.addresswithcountry .countrydropdown .selectedcountry.uk-f:before {
  content: "+44";
  left: 73px;
  position: relative;
  font-weight: normal;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: #777777;
  z-index: 2;
  line-height: 39px;
  width: 27px;
  text-align: center;
}
.addresswithcountry .countrydropdown .selectedcountry.canada-f {
  background-image: url(../Images/canada-flag-img.png);
}
.addresswithcountry .countrydropdown .selectedcountry.canada-f:before {
  content: "+1";
  left: 73px;
  position: relative;
  font-weight: normal;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: #777777;
  z-index: 2;
  line-height: 39px;
  width: 27px;
  text-align: center;
}
.addresswithcountry .countrydropdown .selectedcountry.aus-f {
  background-image: url(../Images/aus-flag-img.png);
}
.addresswithcountry .countrydropdown .selectedcountry.aus-f:before {
  content: "+61";
  left: 73px;
  position: relative;
  font-weight: normal;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: #777777;
  z-index: 2;
  line-height: 39px;
  width: 27px;
  text-align: center;
}
.addresswithcountry .countrydropdown .selectedcountry.ie-f {
  background-image: url(../Images/worldflag/Country_IE_Ireland.svg);
}
.addresswithcountry .countrydropdown .selectedcountry.ie-f:before {
  content: "+353";
  left: 73px;
  position: relative;
  font-weight: normal;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: #777777;
  z-index: 2;
  line-height: 39px;
  width: 27px;
  text-align: center;
}
.addresswithcountry .countryselectoption {
  background-color: white;
  position: absolute;
  left: 0;
  top: 39px;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  border: 1px solid #cccccc;
  width: 225px;
  display: none;
  text-align: left;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.addresswithcountry .countryselectoption.active {
  display: block;
}
.addresswithcountry .countryselectoption li {
  background-repeat: no-repeat;
  background-size: 32px 24px;
  background-position: 8px center;
  font-size: 15px;
  line-height: 40px;
  padding-left: 52px;
  cursor: pointer;
  font-weight: 400;
  color: #333333;
}
.addresswithcountry .countryselectoption li span {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #777777;
  padding-left: 8px;
}
.addresswithcountry .countryselectoption li.us-f {
  background-image: url(../Images/us-flag-img.png);
}
.addresswithcountry .countryselectoption li.uk-f {
  background-image: url(../Images/uk-flag-img.png);
}
.addresswithcountry .countryselectoption li.canada-f {
  background-image: url(../Images/canada-flag-img.png);
}
.addresswithcountry .countryselectoption li.aus-f {
  background-image: url(../Images/aus-flag-img.png);
}
.select-country-mar {
  padding-left: 65px;
}
.select-country-mar input.input-box {
  background: white;
  border-radius: 0px 3px 3px 0px;
  width: 100%;
  padding: 10px 12px;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #cdcdcd;
  -webkit-appearance: none;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
  position: relative;
  font-weight: 400;
  height: 40px;
  padding-left: 28px;
}
.select-country-mar input::-webkit-outer-spin-button,
.select-country-mar input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.button-radius-remove {
  flex-wrap: wrap;
}
.button-radius-remove.pt-0 {
  padding-bottom: 0px;
}
.button-radius-remove .switchlabeltext {
  width: 100%;
  display: block;
}
.button-radius-remove .tabs {
  width: 100%;
}
.button-radius-remove .tabs .switch-tab-menu {
  border: none;
  overflow: inherit;
  padding-top: 4px;
}
.button-radius-remove .tabs .switch-tab-menu a.switch-tab {
  background: white;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  width: auto;
  padding: 10px 16px;
  color: #333333;
  border-radius: 3px;
  font-size: 15px;
}
.button-radius-remove .tabs .switch-tab-menu a.switch-tab.w--current {
  background: #eef3ff;
  border-color: #2a90d6;
}
.button-radius-remove .tabs .switch-tab-menu a.switch-tab.email {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.button-radius-remove .tabs .switch-tab-menu a.switch-tab.text {
  border-radius: 0px;
}
.button-radius-remove .tabs .switch-tab-menu a.switch-tab.none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.signupbodyscroll.customer-signup .sign-in-text-field {
  position: relative;
  padding: 0px 0px;
  height: auto;
  margin-bottom: 8px;
  flex-wrap: wrap;
  background: none;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput {
  background: white;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 3px;
  color: #333333;
  font-weight: 400;
  font-size: 15px;
  flex-wrap: wrap;
  height: auto;
  padding: 9px 9px 9px 9px;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput::-webkit-input-placeholder {
  color: #9a9a9a;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput:-ms-input-placeholder {
  color: #9a9a9a;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput::placeholder {
  color: #9a9a9a;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput.email-icon-spacing {
  padding-left: 35px;
  box-sizing: border-box;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput.email-icon-spacing.cntry-us,
.signupbodyscroll.customer-signup .sign-in-text-field .signininput.email-icon-spacing.cntry-ca {
  padding-left: 25px;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput.email-icon-spacing.cntry-ie {
  padding-left: 45px !important;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput.error {
  background-color: #f0dddb;
  border: 1px solid #d83f34 !important;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput.error::-webkit-input-placeholder {
  color: #333333;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput.error:-ms-input-placeholder {
  color: #333333;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput.error::placeholder {
  color: #333333;
}
.signupbodyscroll.customer-signup .sign-in-text-field .signininput:focus {
  border-color: #3898ec;
  outline: 0;
}
.signupbodyscroll.customer-signup .sign-in-text-field .btn-icon-div {
  color: #777777;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 2;
}
.signupbodyscroll.customer-signup .sign-in-text-field .errortext {
  position: static;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  color: #d83f34 !important;
  font-weight: normal;
  padding: 4px 0px 9px 0px;
  float: right;
}
.signupbodyscroll.customer-signup .addresswithcountry {
  margin-bottom: 0;
  padding-bottom: 2px;
}
@media (max-width: 768px) {
  .signupbodyscroll.customer-signup .addresswithcountry {
    padding-bottom: 0;
  }
  .signupbodyscroll.customer-signup .addresswithcountry .countrydropdown:after {
    width: 18px;
  }
}
.signupbodyscroll.customer-signup .button-radius-remove .tabs .switch-tab-menu a.switch-tab {
  padding: 9px 15px;
  margin: 0 -1px;
}
.signupbodyscroll.customer-signup .button-radius-remove .tabs .switch-tab-menu a.switch-tab.w--current {
  z-index: 1;
}
.signupbodyscroll.customer-signup .forgot-password.smaller {
  margin-top: 10px;
  margin-bottom: 16px;
}
.customer-signin-first-step .sign-in-text-field {
  font-size: 15px;
  font-weight: 400;
  padding: 0px;
  background: none;
  position: relative;
  flex-wrap: wrap;
  margin-bottom: 7px;
  height: auto;
}
.customer-signin-first-step .sign-in-text-field .btn-icon-div {
  position: absolute;
  left: 8px;
  top: 10px;
}
.customer-signin-first-step .sign-in-text-field input.signininput.inputfixscroll {
  background: white;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 10.50px 8px 10.50px 31px;
  color: #333333;
  height: 40px;
}
@media only screen and (max-width: 440px) {
  .customer-signin-first-step .sign-in-text-field input.signininput.inputfixscroll {
    height: 48px;
  }
}
.customer-signin-first-step .sign-in-text-field input.signininput.inputfixscroll.errorInput {
  background-color: #f0dddb;
  border: 1px solid #d83f34 !important;
}
.customer-signin-first-step .sign-in-text-field input.signininput.inputfixscroll.errorInput::-webkit-input-placeholder {
  color: #333333 !important;
}
.customer-signin-first-step .sign-in-text-field input.signininput.inputfixscroll.errorInput:-ms-input-placeholder {
  color: #333333 !important;
}
errorInput .customer-signin-first-step .sign-in-text-field input.signininput.inputfixscroll.errorInput::placeholder {
  color: #333333 !important;
}
.customer-signin-first-step .sign-in-text-field input.signininput.inputfixscroll:focus {
  border-color: #3898ec;
  outline: 0;
}
.customer-signin-first-step .sign-in-text-field ::-webkit-input-placeholder {
  color: #9a9a9a !important;
}
.customer-signin-first-step .sign-in-text-field :-ms-input-placeholder {
  color: #9a9a9a !important;
}
.customer-signin-first-step .sign-in-text-field ::placeholder {
  color: #9a9a9a !important;
}
.customer-signin-first-step .sign-in-text-field .font-awesome-light {
  color: #9a9a9a;
  font-weight: 400;
}
.customer-signin-first-step .login-middle-spacing {
  display: block;
  margin: 20px 0px;
}
.screenlocksignin .loginstep1panel .sign-in-text-field {
  margin-bottom: 15px;
}
.screenlocksignin .loginstep1panel .sign-in-text-field .btn-icon-div {
  top: 14px;
}
@media only screen and (max-width: 440px) {
  .screenlocksignin .loginstep1panel .sign-in-text-field .btn-icon-div {
    top: 16px;
  }
}
.screenlocksignin .loginstep1panel .sign-in-text-field input.signininput.inputfixscroll {
  height: 48px;
}
.screenlocksignin .loginstep1panel .log-in-btn {
  line-height: 24px;
}
.customer-signup-logo img {
  max-width: 80px;
  height: auto;
  max-height: inherit;
}
.signup-verify .addresswithcountry.customer-log-in input.input-box.error {
  background: #f0dddb;
  border: 1px solid #d83f34 !important;
}
.signup-verify .addresswithcountry.customer-log-in input.input-box {
  background: white;
  border-radius: 0px 3px 3px 0px;
  width: 100%;
  padding: 10px 12px;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #cccccc;
  -webkit-appearance: none;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
  position: relative;
  height: 40px;
  padding-left: 35px;
}
.signup-verify .addresswithcountry.customer-log-in input.input-box:focus {
  border-color: #2a90d6;
}
.signup-verify .addresswithcountry.customer-log-in input.input-box.cntry-ca,
.signup-verify .addresswithcountry.customer-log-in input.input-box.cntry-us {
  padding-left: 25px;
}
.signup-verify .addresswithcountry.customer-log-in input.input-box.cntry-ie {
  padding-left: 45px !important;
}
@media only screen and (max-width: 767px) {
  .signup-verify .addresswithcountry.customer-log-in input.input-box {
    height: 48px;
    padding-left: 35px!important;
  }
  .signup-verify .addresswithcountry.customer-log-in input.input-box.cntry-us {
    padding-left: 27px!important;
  }
  .signup-verify .addresswithcountry .countrydropdown {
    height: 48px;
  }
  .signup-verify .addresswithcountry .countrydropdown .selectedcountry:before {
    line-height: 46px !important;
  }
}
.first-last-sign-up.customer-signup-first-step {
  margin: 0px -4px;
}
.first-last-sign-up.customer-signup-first-step .loginfrmcontrol._50 {
  width: 50%;
  margin: 0px 4px;
}
/* customer signup page start end */

.checkbox-custom-black.small {
  padding-left: 28px;
}
.checkbox-custom-black.small label {
  font-weight: 400;
  position: relative;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #333333;
}
.checkbox-custom-black.small input[type="checkbox"] + label:before {
  height: 19px;
  width: 19px;
  left: -28px;
}
.profile-form .profileformgrp.country-box {
  position: relative;
}
.profile-form .profileformgrp.country-box .input-text.w-input {
  padding-left: 35px;
}
.profile-form .profileformgrp.country-box .input-text.w-input.cntry-ca,
.profile-form .profileformgrp.country-box .input-text.w-input.cntry-us {
  padding-left: 25px;
}
.profile-form .profileformgrp span.country-icon {
  position: absolute;
  left: 8px;
  top: 38px;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #777777;
}
.myaccount-popup .signup-verify .input-part {
  padding-bottom: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .write-review-account .stars-div {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .write-review-account .stars {
    margin-right: 0px;
    width: 33.33%;
  }
  .slider-rowdiv .home-title {
    padding-left: 5px;
  }
  .home-main .bookmarks-listingdiv .home-title {
    padding-left: 1px;
  }
  .upcoming-appslider .home-title {
    padding-left: 3px;
  }
}
@media (min-width: 768px) {
  .listing-slider .day-of-week {
    display: none;
  }
  .desktop.modal-open .nav-bar,
  .desktop.modal-open .stremclassdate,
  .desktop.modal-open .streamlistings-parent-div-100 .fixed-timebar,
  .desktop.modal-open .livestreampage .liststream-filter-top {
    padding-right: 17px;
  }
}
@media (max-width: 991px) {
  .livestreamboxpart {
    width: 340px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .homebox-slider .slick-list {
    margin-left: -3px;
  }
  .upcoming-appslider {
    padding-left: 15px;
    padding-right: 15px;
  }
  .upcoming-appslider .ucdaily-service {
    width: 340px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .upcoming-appslider .slick-list {
    margin-left: -3px;
  }
  /* upcoming slider stencil css start here */
  
  .upcoming-slider-stencil .upfields-stnl {
    width: 340px;
    margin-left: 8px;
    margin-right: 8px;
  }
  /* upcoming slider stencil css end here */
  
  .livestramhome-listing-stencil {
    margin-left: 0;
  }
  .livelisting-strnsil {
    width: 340px;
    min-width: 340px;
    margin-left: 8px;
    margin-right: 8px;
  }
}
.del-account {
  min-width: 200px;
  font-size: 15px;
  max-width: 200px;
}
@media (max-width: 767px) {
  .widthfull {
    width: 100%;
  }
  .vg-dropdown-link.viewbusinessData {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
  }
  .payment-chip:hover .tooltipffhover {
    right: 0px;
    width: 265px;
    left: inherit;
  }
  .payment-chip:hover .tooltiptext {
    float: right;
  }
  .payment-chip:hover .tooltipffhover-bg .arrow-down {
    right: 10px;
    left: inherit;
  }
  .sinup-w-xero-content {
    width: 90%;
    box-shadow: none;
  }
  .home-main .bookmarks-listingdiv {
    margin-bottom: 7px;
  }
  .mobile-backarrow {
    display: block;
  }
  .covide-rd-popup .modal-body {
    max-height: 100%;
  }
  .covide-rd-popup .title,
  .covide-rd-popup .title.modal-title {
    margin-top: 30px !important;
  }
  .covide-rd-popup .close {
    right: 9px;
    display: none;
  }
  .covide-rd-popup .modal-content {
    height: 100%;
    border-radius: 0;
  }
  .covide-rd-popup .modal-dialog {
    width: 100%;
    margin: 0!important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    max-width: 100%;
  }
  .live-stream-class-popup .class-paharagh .heading {
    margin-top: 12px;
  }
  .datesliderfix .streamclass-table-head {
    width: 95%!important;
    border-radius: 3px!important;
    margin-top: 0px!important;
    display: none;
  }
  .datesliderfix {
    top: 120px;
    padding-top: 10px;
  }
  .mobfix-timeslide .datesliderfix {
    display: block;
  }
  .date-header-fixed {
    top: 130px;
    padding-top: 0px;
  }
  .date-header-fixed .streamclass-table-head {
    width: 95%!important;
    border-radius: 3px!important;
    margin-top: 0px!important;
  }
  .streamclasslistbg .class-time-spots .class-book-time {
    margin-right: 4px;
  }
  .streamclass-date-timesche {
    margin: 0px;
  }
  .bookmark-text20 {
    margin-right: 20px;
    margin-left: 0px;
  }
  #scLiveStreamClasses.home-page-section {
    padding-bottom: 10px;
  }
  .livestreampage #mobilefilterChange {
    visibility: hidden;
  }
  .livestreampage.moboverflow-hide #mobilefilterChange {
    visibility: visible!important;
  }
  .livestreampage .mobile-listing-business.listing-mobile-filter .mob-location-filter:not(.mob-service-change).book-service-open-common {
    z-index: 999!important;
  }
  .streamclass-date-timesche {
    width: auto;
    min-width: inherit;
  }
  .reviewstarbox {
    margin: 15px auto 0 auto;
  }
  .live-stream-class-popup .review-left-part a.review-text-line {
    margin-left: 0px;
  }
  .live-stream-class-popup .video-icon-row {
    display: inline-flex;
  }
  /*.popup-button-div { flex-direction:column;}*/
  
  .mob-class-stream-filter {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: white;
    padding: 12px;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
  }
  .mob-class-stream-filter.openfilter {
    transform: translateX(0%);
  }
  .mob-class-stream-filter .mob-content-scroll {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 12px;
    bottom: 74px;
    overflow: auto;
  }
  .mob-class-stream-filter .toprightpart {
    display: inline-flex;
    justify-content: flex-end;
  }
  .mob-class-stream-filter .filterclosebtn {
    display: inline-flex;
    padding: 0 15px;
    text-decoration: none;
    color: #777777;
    font-size: 20px;
    font-weight: 300;
  }
  .mob-class-stream-filter .filterclosebtn:hover {
    color: #333333;
  }
  .mob-class-stream-filter .h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
  }
  .mob-class-stream-filter .div-block-579 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mob-class-stream-filter .inline-link {
    border-radius: 3px;
    color: #248dd5;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
  }
  .mob-class-stream-filter .head-text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 4px;
  }
  .mob-class-stream-filter .mob-filter-div-block {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e7e7e7;
  }
  .mob-class-stream-filter .bottom-btn-box {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 12px;
  }
  .mob-class-stream-filter ul {
    padding: 0px;
    margin: 15px 0 0 12px;
    list-style: none;
  }
  .mob-class-stream-filter ul li {
    margin-bottom: 13px;
  }
  .mob-class-stream-filter ul li .checkbox-custom-black label {
    font-size: 14px;
    font-weight: 400;
  }
  .mob-class-stream-filter .bottom-btn-box .mob-filterbutton {
    border: 1px #eb6663;
    background-color: #eb6663;
    color: white;
    line-height: 20px;
    -webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease, box-shadow 0.3s ease;
    transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease, box-shadow 0.3s ease;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    line-height: 50px;
    text-decoration: none;
  }
  .mob-class-stream-filter .bottom-btn-box .mob-filterbutton div {
    width: 100%;
    text-align: center;
  }
  .mob-class-stream-filter .bottom-btn-box .mob-filterbutton:hover {
    background-color: #c74e4b;
  }
  .mob-filter-pill {
    padding: 10px 20px;
    border-radius: 25px;
    box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.14);
    color: #333333;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 16px;
    margin-left: 12px;
    margin-top: 12px;
  }
  .mob-filter-pill.active {
    color: white;
    background: #777777;
  }
  .mob-filter-pill .margin-right5 {
    margin-right: 5px;
  }
  .listing-slider .mobile-date {
    display: block;
    text-align: center;
    line-height: normal;
  }
  .listing-slider .day-of-week {
    display: block;
    text-align: center;
    line-height: normal;
    padding-top: 10px;
    margin-bottom: 0px;
  }
  .listing-slider .slick-slide.selected .day-of-week {
    color: white;
  }
  .listing-slider .mobile-day-of-week {
    display: none;
  }
  .date-header-fix .dateheader-fixed .streamclass-table-head {
    width: 100%;
  }
  .date-header-fix .dateheader-fixed {
    top: 247px;
  }
  .listigBusiness-inner {
    width: 100%;
  }
  .listigBusiness-wrapper {
    flex-direction: column;
    align-items: self-start;
  }
  .livestreampage .livestreamfilter {
    display: none;
  }
  .dropdown-class-stream {
    max-height: 225px;
    top: 42px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    display: none !important;
  }
  .white-roundbox,
  .dropdown-stream-div {
    font-size: 14px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  }
  .livestreampage .listigBusiness-inner a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 8px 11px;
  }
  .livestreampage .dropdown-stream {
    float: inherit;
    display: none !important;
    vertical-align: top;
    margin-top: 0;
    padding-top: 6px;
    margin-right: 10px;
  }
  .livestreampage .marginleft20 {
    margin-left: 0px;
    margin-right: 20px;
  }
  .live-stream-class-popup .live-stream-bottom {
    float: none;
    padding-bottom: 8px;
    text-align: center;
  }
  .listing-slider .slick-prev,
  .listing-slider .slick-next {
    display: none!important;
  }
  .listing-slider {
    padding: 0px!important;
  }
  .listing-slider .slick-slide .dateslide {
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-radius: 35px;
  }
  .stremclassdate {
    height: 70px;
    top: 196px;
  }
  .listing-slider .slick-slide {
    font-size: 12px;
    font-weight: 400;
  }
  .livestreampage #mobileServiceChange {
    display: none!important;
  }
  .livestreampage #mobileDateChange {
    display: none!important;
  }
  .streamlistings-parent-div-100 {
    margin-top: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: initial;
    overflow: auto;
    position: fixed;
    top: 266px;
  }
  .class-date.streamclass-table-head {
    margin-top: 0px;
  }
  .grid-view-icon {
    margin-top: 0px;
  }
  .streamclasslistingWrapper .home-title-div {
    align-items: flex-start;
  }
  .listigBusiness-wrap.mobilebusiness-view .divider-search {
    display: none!important;
  }
  .livestreampage .listigBusiness-inner {
    max-width: 100%!important;
    width: 100%!important;
    position: relative;
    margin-bottom: 16px;
  }
  .livestreampage .listigBusiness-inner:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: -12px;
    right: -12px;
    height: 1px;
    background-color: #d9d9d9;
  }
  .livestreampage .listigBusiness-wrap.mobilebusiness-view {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .onlyfilter-pill {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: auto;
    margin-right: 0;
    padding: 10px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 25px;
    box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.14);
    color: #333333;
    cursor: pointer;
  }
  .onlyfilter-pill.floating {
    position: fixed;
    left: 0;
    top: auto;
    right: 0;
    bottom: 5%;
    z-index: 10000000;
    display: flex;
    width: 150px;
    min-width: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: white;
  }
  .streamclass-signup-col .dropdown-list {
    left: 0;
    right: auto;
    margin-left: 0px;
  }
  /*.streamclass-signup-col{display:block!important;}*/
  
  .livestreampage .listigBusiness-wrapper {
    height: inherit;
  }
  .livestreampage .listings-parent-div-100 {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
  }
  .livestreampage .stremclassdate {
    top: inherit;
    right: inherit;
    left: inherit;
    position: relative;
    z-index: 9;
    margin-top: -70px;
  }
  .livestreampage .listing-slider .slick-slide {
    font-size: 14px;
  }
  .livestreampage .mobile-listing-business.mobfix-timeslide .stremclassdate {
    position: fixed;
    top: 50px;
    margin-top: 0;
  }
  .livestreampage .streampagesectionFlex {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    padding-top: 120px;
  }
  .livestreampage .streampagesectionFlex.mobfix-timeslide {
    padding-top: 211px;
  }
  .class-stensil-block .clstleft-part {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .class-stensil-block .class-row-stensil {
    flex-direction: column;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: 0px;
  }
  .class-stensil-block .clstleft-part .time-strnsil {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    margin-right: 0;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .class-stensil-block .clstleft-part .class-bus-block {
    width: 100%;
  }
  .class-stensil-block .clstleft-part .time-strnsil .cltime-div {
    margin-bottom: 0;
    margin-right: 8px;
  }
  .class-stensil-block .clstleft-part .clbusiness-name {
    margin-left: 0px;
  }
  .class-stensil-block .clstright-part {
    width: 100%;
    margin-top: 14px;
  }
  .class-stensil-block .clstright-part .clstprice {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .class-stensil-block .clstright-part .clstsignup {
    min-height: 50px;
  }
  .livesteam-slider .livesteam-inner .live-left-arrow,
  .livesteam-slider .livesteam-inner .live-right-arrow {
    display: none;
  }
  .livesteam-slider .livesteam-inner {
    padding: 0;
  }
  .livesteam-slider .livesteam-slider .live-slide .live-slide-ani {
    width: 95%;
    height: 54px;
  }
  .livesteam-slider {
    height: 70px;
  }
  /*.upcomingTitle{border-bottom:none; margin-bottom:0;}*/
  
  .fixed-timebar {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
  }
  .mobfix-timeslide .fixed-timebar {
    top: 120px;
    position: fixed;
    left: 0;
    right: 0;
  }
  .streamclasslistingWrapper {
    margin-top: -42px;
  }
  .liveSearchbox {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-right: none;
    padding: 12px 0 13px;
    position: relative;
  }
  .liveSearchbox:after {
    position: absolute;
    bottom: 0;
    left: -12px;
    right: -12px;
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    height: 1px;
  }
  .homebox-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .homebox-slider .slick-prev {
    top: -56px;
    right: 26px;
  }
  .homebox-slider .slick-next {
    top: -56px;
    right: 0px;
  }
  .homebox-slider .personal-trainingbg {
    width: calc(100% - 52px);
  }
  .live-stream-class-popup .modal-dialog {
    width: 100%;
    margin: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0;
  }
  .live-stream-class-popup .modal-content {
    height: 100%;
    border-radius: 0;
  }
  .live-stream-class-popup .modal-body {
    max-height: calc(100% - 148px);
  }
  .live-stream-class-popup .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #e7e7e7;
  }
  .live-stream-class-popup .popup-button-div .livePrice-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none;
  }
  .liveProfile-avtar .avtar-rating .reviewstarbox {
    margin: 0 ;
    margin-right: 8px;
  }
  .live-stream-class-popup .popup-button-div {
    position: relative;
  }
  .live-stream-class-popup .modal-footer .btn-primary {
    width: 100%;
    display: block;
    height: 60px;
    font-size: 18px;
    line-heigh: 30px;
  }
  .live-stream-class-popup .modal-footer .btn-primary.viewClassbtn,
  .live-stream-class-popup .modal-footer .btn-primary.enroll-visits {
    padding-top: 18px;
  }
  .live-backarrow {
    display: block;
  }
  .login-backbtn {
    display: block;
    z-index: 1;
    top: 12px;
  }
  .live-stream-class-popup .class-text-heading {
    padding-right: 0;
  }
  .mobile-event-price {
    display: inline-block;
  }
  .live-stream-class-popup .modal-header .close,
  .loginmodalpopup .sign-in-parent-div .close {
    display: none;
  }
  .singlejoinbtn {
    width: 100%;
  }
  .text-block-padding.signed-up-text {
    display: none !important;
  }
  .upcoming-appslider {
    padding-left: 15px;
    padding-right: 0;
  }
  .upcoming-service-popup .modal-dialog {
    width: 100%;
    margin: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0;
  }
  .upcoming-service-popup .modal-content {
    height: 100%;
    border-radius: 0;
  }
  .upcoming-service-popup .modal-header {
    padding-top: 45px;
  }
  .upcoming-service-popup .modal-body {
    max-height: calc(100% - 45px);
    overflow: auto;
    padding: 0;
  }
  .upcoming-service-popup {
    display: block;
  }
  .upcoming-appslider .uc-appoint-inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* upcoming slider stencil css start here */
  
  /* upcoming slider stencil css end here */
  
  /* deletecard css start here */
  
  .deleteCardPopup .modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .deleteCardPopup .modal-footer .btn {
    width: 48%;
    height: 50px;
  }
  .deleteCardPopup .modal-footer .btn.btn-primary {
    margin-left: 18px;
  }
  /* deletecard css end here */
  
  .mobile-popup-myaccount {
    padding-right: 0 !important;
    height: 100%;
    margin-top: 50px;
  }
  .mobile-popup-myaccount .mobile-popup-myaccount-inner {
    padding: 0;
  }
  .mobile-popup-myaccount .mobile-popup-myaccount-inner .myaccount-popup {
    height: 100%;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px 16px;
    border-radius: 0px !important;
    box-shadow: none !important;
  }
  .mobile-popup-myaccount .mobile-popup-myaccount-inner .myaccount-popup .closed {
    display: none;
  }
  .mobile-popup-myaccount .mobile-popup-myaccount-inner .myaccount-popup .previous-btn.w-button {
    display: none;
  }
  .mobile-popup-myaccount .mobile-popup-myaccount-inner .myaccount-popup .form-next-button.w-button {
    border-radius: 3px;
    height: auto;
    padding: 15px 15px;
    box-sizing: border-box;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    height: 60px;
    font-size: 16px;
  }
  .mobile-popup-myaccount .mobile-popup-myaccount-inner .myaccount-popup .signup-button-center {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    position: fixed;
    bottom: 10px;
    left: 16px;
    right: 16px;
  }
  .mobile-popup-myaccount .mobile-popup-myaccount-inner .myaccount-popup .signup-verify {
    padding-top: 24px;
    /* height:80vh; */
  
  }
  .mobile-popup-myaccount .mobile-popup-myaccount-inner .myaccount-popup .signup-verify .verify-text p {
    max-width: 100%;
    text-align: center;
  }
}
/*Zoom popup design End */

.intelligentsearch .w-icon-dropdown-toggle {
  display: none;
}
.intelligentsearch .search-icon {
  left: 10px;
  padding-top: 8px;
}
.intelligentsearch.bookaservice-service .select2-container-multi .select2-choices .select2-search-field input {
  padding: 7px 15px 7px 40px;
}
.home-intelligentsearch.search-div-38 .select2-container-multi .select2-choices .select2-search-field input {
  padding: 7px 15px 7px 40px !important;
}
.support-black-owned {
  padding-left: 80px;
  padding-right: 80px;
}
.support-black-owned .support-black-banner {
  margin-top: 16px;
  margin-bottom: 20px;
  padding: 36px 36px 32px 36px;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.14);
  font-size: 16px;
  border-radius: 5px;
  background-color: black;
  color: white;
  max-width: 1040px;
}
.support-header-medium {
  font-size: 22px;
  margin-right: 0;
  margin-bottom: 12px;
  line-height: 27px;
  font-weight: 500;
}
.support-black-text {
  color: rgba(255, 255, 255, 0.7);
}
.support-black-link {
  max-width: 160px;
  margin-top: 11px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  color: white;
  font-weight: 500;
}
.support-black-link span {
  font-family: "Font Awesome 5 Pro";
  color: white;
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .mobile-social-menu {
    display: none !important;
  }
  .showinmobile,
  .mobile-search-background-div {
    display: none !important;
  }
  .search-bar-wrapper-all {
    display: block !important;
    position: relative;
    width: 1040px;
    max-width: 95%;
  }
  /* Home Page New Design not for mobile START */
  
  /*.home-main .search-bar-wrapper-all {
          width: 100%;
          max-width: 100%;
          padding-left: 80px;
          padding-right: 80px;
      }*/
  
  .home-main .cards-parent-div-flex {
    overflow: inherit;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-wrap: wrap;
  }
  .home-main .slick-slideParent .cards-parent-div-flex {
    overflow: inherit;
  }
  /* Home Page New Design not for mobile END */
  
  .deals-sorting {
    display: none !important;
  }
  .nav-bar .sort-dropdown-div {
    display: none !important;
  }
  .popup-product-brand {
    max-height: 120px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .daily-deal-service.select2-drop {
    font-size: 14px;
    font-weight: 300;
  }
  .daily-deal-service.select2-drop.service-what-dropdown {
    min-width: inherit;
  }
  .daily-deal-service .select2-results li.select2-result-with-children {
    padding: 0;
    border: 0 none;
  }
  .daily-deal-service .select2-results li.select2-result-with-children:first-child {
    padding-top: 5px;
  }
  .daily-deal-service .select2-results li.select2-result-with-children > .select2-result-label {
    font-size: 15px;
    font-weight: 600;
    padding: 5px 15px 10px;
  }
  .daily-deal-service .select2-results .select2-result-label {
    padding: 8px 10px 8px 40px;
  }
  .mob-bookmarkdiv {
    display: none;
  }
  .class-policy-popup .modal-dialog {
    width: 600px;
    max-width: 100%;
  }
  .class-policy-popup .modal-body {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0px 20px;
  }
  .class-policy-popup .modal-title {
    margin-bottom: 20px;
  }
  .vagaroapp-webpage .appt-section.bottom,
  .vagaroapp-webpage .appt-section:last-child:not(:first-child) {
    padding-bottom: 160px;
  }
  .reviewbtnparent.bethe-first {
    display: table;
  }
  .desktopFilter .listigBusiness-wrap {
    padding: 0 12px 0 0;
    margin-right: 11px;
    border: none;
    position: relative;
  }
  .desktopFilter .listigBusiness-wrap:after {
    position: absolute;
    height: 60px;
    top: -11px;
    width: 1px;
    right: 0px;
    content: "";
    background: #d9d9d9;
  }
  .desktopFilter .bookaservice-service {
    width: 120px;
  }
  .desktopFilter #divServiceFilters.search-list-row {
    min-width: 313px;
  }
  .desktopFilter.service-dtpick-hide #divServiceFilters.search-list-row {
    min-width: 141px;
  }
  .desktopFilter .listigBusiness-inner a {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 7px;
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
  .livestreampage .listigBusiness-inner a {
    padding-left: 10px;
    padding-right: 10px;
    min-width: inherit;
  }
  .desktopFilter .listings-filter-div {
    max-height: 60px;
    padding-left: 11px;
  }
  .desktopFilter .search-list-row .font-awesome.large {
    left: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    margin-top: 0px;
    font-family: 'Fontawesome pro 400', sans-serif;
    padding-top: 0;
    width: 16px;
    height: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .desktopFilter .divider-search .line {
    height: 59px;
    top: -30px;
  }
  .desktopFilter .bookaservice-date {
    width: 163px;
    height: 38px;
  }
  .livestreampage .listigBusiness-wrap.mobilebusiness-view {
    padding-right: 0;
    padding-left: 11px;
  }
  .desktopFilter .listings-filter-div .filters-button {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .bookaservice-service .select2-container-multi .select2-choices .select2-search-field input {
    height: 36px;
  }
  .intelligentsearch.bookaservice-service .select2-container-multi .select2-choices .select2-search-field input {
    padding-left: 38px;
  }
  streamclassdetailbg .streamcusdetail .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .streamclass-available-container {
    margin-bottom: 12px;
  }
  .live-searchArea {
    width: 170px;
  }
  .livestreampage .liststream-filter-top {
    max-width: calc(100% - 577px);
  }
  .desktopFilter .search-list-row.prof-searchbar .font-awesome.large {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .desktopFilter .bookaservice-service {
    width: 250px;
    margin-right: 11px;
    margin-left: 0;
  }
  .desktopFilter .search-list-row {
    min-width: 295px;
  }
  .desktopFilter.service-dtpick-hide #divServiceFilters.search-list-row {
    min-width: 273px;
  }
  .desktopFilter #divServiceFilters.search-list-row {
    min-width: 454px;
  }
  .desktopFilter .listigBusiness-inner a {
    padding-left: 15px;
    padding-right: 17px;
    min-width: 100px;
  }
  .livestreampage .listigBusiness-inner a {
    padding-left: 15px;
    padding-right: 17px;
    min-width: 100px;
  }
  .desktopFilter .bookaservice-date {
    width: 170px;
  }
  .desktopFilter .search-list-row .listings-dropdown {
    margin-right: 11px;
  }
  .live-searchArea {
    width: 250px;
  }
  .livestreampage .liststream-filter-top {
    max-width: calc(100% - 693px);
  }
}
@media (max-width: 800px) {
  .Addffsharing-popup-online.Addffsharing-popup .modal-dialog {
    width: 96%!important;
  }
  .ffaddguest-popup .modal-dialog {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1899px) {
  .home-main .search-bar-wrapper-all .search-div-38 {
    width: 32.5%;
  }
  .home-main .search-bar-wrapper-all .search-div-38.service-what-div {
    width: 34%;
  }
  .home-main .search-bar-wrapper-all .search-div-38._16 {
    width: 22%;
  }
}
/* Bookmarks Design */

/*@media only screen and (min-width: 1500px) and (max-width:1899px) {
    .home-main .bookmarks-listingdiv .slick-contslide .card-link-block { width: 25%; }
}

@media only screen and (min-width: 1280px) and (max-width:1499px) {
    .home-main .bookmarks-listingdiv .slick-contslide .card-link-block { width: 33.33%; }
}

@media only screen and (min-width: 1180px) and (max-width:1279px) {
    .home-main .bookmarks-listingdiv .slick-contslide .card-link-block { width: 33.33%; }
}

@media only screen and (min-width: 992px) and (max-width:1179px) {
    .home-main .bookmarks-listingdiv .slick-contslide .card-link-block { width: 50%; }
}*/

/* Bookmarks Design END */

@media only screen and (min-width: 1410px) and (max-width: 1659px) {
  .home-main .slick-contslide .card-link-block {
    width: 20%;
  }
}
@media only screen and (min-width: 1160px) and (max-width: 1409px) {
  .home-main .slick-contslide .card-link-block {
    width: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1159px) {
  .home-main .slick-contslide .card-link-block {
    width: 33.33%;
  }
  /*.reviewProfile-bg .fileuprelative{margin:0 2.5% !important;}*/
}
@media only screen and (min-width: 992px) {
  .service-50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .shopping-bag-tab.no-float,
  .fixed-tabs-div .shopping-bag-tab,
  .tab-fixednav .shopping-bag-tab {
    /*float: none !important;*/
    margin-right: 145px;
  }
  .reviewbtnparent {
    display: table;
  }
}
@media (max-width: 1430px) {
  .store-tabs {
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .store-tabs-menu {
    width: 100%;
    margin-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .store-tab-link {
    width: 25%;
    opacity: 1;
    border-bottom: 3px solid transparent;
    border-left: 0 none;
  }
  .store-tab-link.w--current {
    border-bottom-color: #eb6663;
    border-left: 0 none;
  }
  .store-tabs-content {
    width: 100%;
    max-width: none;
  }
  .list-your-business {
    margin-right: 10px;
  }
  /* store-copy.html Store Product page End */
}
@media (max-width: 1230px) {
  .back-to-top-container {
    right: 2.5%;
    margin: 0;
    bottom: 85px;
  }
  .mobile-book-div {
    z-index: 1005;
  }
  .mobile_menu_show .mobile-book-div {
    z-index: 10;
  }
  .slider-rowdiv .card-image,
  .busAbouttab .slider-rowdiv.dailydealsslider .card-image {
    min-height: inherit;
  }
}
@media (max-width: 1060px) {
  .gallery-popup-white-overall.doulbleimagepopup {
    max-width: 90%;
  }
  .gallery-popup-white-overall.doulbleimagepopup .div-block-71 {
    width: 48.5%;
  }
  .book-class-btn.class-signup .w-dropdown-list.dropdownclass-section {
    right: -1px;
    left: auto;
    margin-left: 0;
  }
  .ffcktsharing-tabs .ffsharing-tabmenu {
    padding-left: 20px;
    padding-right: 20px;
  }
  .three-selectbox .select-dropcommon {
    width: 30%;
  }
  .familycktfrnd-bg .three-selectbox .select-dropcommon {
    width: 30%;
  }
}
@media (max-width: 1200px) and (min-width: 767px) {
  .loginpopopen .loginmodalpopup.brandedApp-loginopen .sign-in-parent-div .display-table-cell {
    padding-top: 30px;
  }
}
@media (max-width: 991px) {
  .streamclass-available-container .class-div .class-signup-col {
    padding-top: 0px;
  }
  .streamclass-available-container .class-signup-col {
    width: 105px;
  }
  /*.streamclass-available-container .streamclass-date-time { width:100px;}*/
  
  .streamclasslistbg .streamclass-col-verywidth {
    width: 57%;
  }
  .streamclasslistbg .streamclass-col-verywidth .class-date-time {
    width: 100%;
  }
  .busAbouttab .class-service-footer {
    padding-bottom: 95px;
  }
  .clsTempPackage {
    top: 51px;
  }
  .search-div-38 {
    width: 26.5%;
  }
  .search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input {
    padding-right: 10px;
  }
  .search-div-38.service-what-div {
    width: 28.5%;
  }
  .search-div-38.service-book-what {
    width: 26.5%;
  }
  .search-div-38._16 {
    width: 28%;
  }
  .hero-search-button {
    width: 17%;
  }
  .loaddatatext {
    font-size: 14px;
  }
  .home-tabbing-div .vg-default-tabs {
    padding: 0;
  }
  .home-tabbing-div .vg-default-tabs-links {
    padding: 0 20px;
  }
  .home-main .search-bar-wrapper-all {
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-tabbing-div .popular-cat-div {
    padding-left: 0;
    padding-right: 0;
  }
  .home-tabbing-div .popular-cat-row {
    padding-left: 20px;
  }
  .home-see-all {
    margin: 0;
    min-width: inherit;
  }
  .customTopSocial {
    margin-top: 0;
    min-width: 360px;
  }
  .slide-prev,
  .slide-next {
    display: none !important;
  }
  .slide-prev {
    right: 52px;
  }
  .slide-next {
    right: 18px;
  }
  .end-div-space {
    display: block;
    width: 15px;
    height: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: white;
  }
  .cards-parent-div-flex,
  .popular-services-div-flex {
    padding: 0;
  }
  .slider-rowdiv .div-no-data {
    margin-left: 20px;
    margin-right: 20px;
  }
  .square-slide-div {
    width: 24%;
  }
  .square-slide-div a {
    margin: 0 10px 0 0;
  }
  .category-name {
    font-size: 24px;
  }
  .slick-slideParent {
    padding: 0 0 0 20px;
    margin: 0;
  }
  .home-main .slick-slideParent {
    padding: 0;
  }
  .slick-slideParent .cards-parent-div-flex {
    padding: 0;
  }
  .cards-parent-div-flex.owl-carousel {
    display: block;
  }
  .slick-contslide .card-link-block {
    width: 49%;
  }
  .slick-contslide .card-link-block a,
  .slick-contslide .card-link-block .card-linkbottomdiv {
    padding: 0 5px;
  }
  .home-main .slick-contslide .card-link-block {
    width: 50%;
    margin-right: 0;
  }
  .home-main .slick-contslide .card-link-block a,
  .home-main .slick-contslide .card-link-block .card-linkbottomdiv {
    padding: 0 5px 0 0;
    margin: 0 5px;
  }
  .home-main .gen-tooltip-div.featured-tooltip {
    left: 0;
  }
  /* Bookmarks Design version 1:START */
  
  .home-main .bookmarks-listingdiv {
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-main .bookmarks-listingdiv .slick-contslide .card-link-block {
    width: 356px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .home-main .bookmarks-listingdiv .slick-slideParent {
    margin: 0 0 0 -8px;
  }
  /* Bookmarks Design version 1:END */
  
  /* Listings Page Start */
  
  .ipadandroid .listings-60:not(.daily-deals) {
    top: 380px;
    margin-top: 0;
  }
  .ipadandroid .listings-parent-div-100:not(.daily-deals-wrap) .daily-deals-map {
    margin-left: 0;
  }
  .redo-search-btn {
    position: fixed;
  }
  .daily-deals-wrap .redo-search-btn {
    position: absolute;
  }
  .filtercheckboxdiv .filters-checkbox {
    width: 50%;
  }
  .filtercheckboxdiv .filters-checkbox:nth-child(3n+1) {
    clear: none;
  }
  .filtercheckboxdiv .filters-checkbox:nth-child(2n+1) {
    clear: left;
  }
  .filtercheckboxdiv .nthchild-issue .filters-checkbox:nth-child(2n+1) {
    clear: none;
  }
  .bookaservice-service {
    width: 180px;
    margin-left: 0;
  }
  .listings-dropdown {
    margin-right: 10px;
  }
  .search-marginleft {
    margin-right: 10px !important;
  }
  .livestreampage .listigBusiness-wrap.mobilebusiness-view .divider-search .line {
    left: 12px;
  }
  .bookaservice-date {
    width: 170px;
  }
  .left-slide-arrow,
  .right-slide-arrow {
    display: none !important;
  }
  /* Listings Page End */
  
  /*Daily Deals Page */
  
  .daily-deal-link {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /*Custom Package: used in customer package details start*/
  
  .custom-package-detail-buttons {
    height: 50px;
  }
  .custom-package-detail-buttons.appointment-button-div.alt {
    margin-top: 10px;
  }
  /*Custom Package: used in customer package details end*/
  
  /* My Profile Page */
  
  /*.myAccountpage .content-wrapper { padding-top: 100px; }*/
  
  .write-review-account {
    margin-top: 0;
  }
  .vagaroapp-webpage.myAccountpage .content-wrapper {
    padding-top: 50px;
    background: whitesmoke;
  }
  /* Membership Page */
  
  .membership-buttons.appointment-button-div.alt {
    margin-top: 10px;
  }
  /* Log In page */
  
  .sign-in-div {
    width: 400px;
  }
  .sign-up-image {
    max-width: 42%;
  }
  /* Signup Popup */
  
  .signupmodalpopup .sign-in-parent-div {
    margin-left: auto;
    margin-right: auto;
    max-width: 762px;
  }
  .signupmodalpopup .sign-up-image {
    display: none !important;
  }
  .signupmodalpopup .sign-in-div {
    width: 100%;
  }
  /* Old Home page */
  
  .booking-dropdown-pkg {
    max-width: 90%;
  }
  .booking-dropdown-pkg .flamingo-btn {
    max-width: 100%;
  }
  .fixed-tabs-div {
    padding: 0;
  }
  .reviews-description-parent-div {
    padding-right: 0;
  }
  .review-description-div.stars {
    float: none;
    width: auto;
    display: table;
    margin: 0 auto 30px;
  }
  .demorenterDealslide .cards-parent-div-flex {
    padding: 0;
  }
  .review-overall-div {
    margin-right: 0;
    width: auto;
  }
  .review-overall-star {
    margin-left: 10px;
  }
  .detailnavfixed .mobile-book-div {
    display: none;
  }
  .detailnavfixed.busAbouttab .mobile-book-div {
    display: block;
  }
  .mobile-book-div.active-vg-dropdown .common-overlay {
    opacity: 1;
    visibility: visible;
    z-index: -1;
  }
  .busAbouttab .footer-section {
    padding-bottom: 80px;
  }
  .book-checkout .mobile-book-div {
    display: none;
  }
  .vagaroapp-webpage .tab-content.giveNavspace {
    padding-bottom: 80px;
  }
  .reviewloadbtn.grey-btn {
    max-width: 100%;
  }
  /* Store Product page */
  
  .dropdown-subcategory {
    padding-left: 20px;
  }
  .product-popup-div {
    max-width: 900px;
    width: 100%;
  }
  .shoppingcartpopup .modal-dialog {
    max-width: 900px;
    width: 100%;
  }
  /* Services page */
  
  .business-headpad {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .services-overall-div .business-headpad {
    padding-bottom: 10px;
  }
  .service-50:nth-of-type(2n),
  .service-50 {
    float: none;
    min-height: inherit;
  }
  .service-tag-title .business-heading {
    float: none;
    margin-bottom: 0;
  }
  .service-tag-title .shopdetail-tagline {
    float: none;
    padding-top: 10px;
  }
  /* Book page */
  
  /* Class Tab Design - 19 Feb 2018 */
  
  .class-date.class-table-head {
    font-size: 18px;
  }
  .class-time-spots .class-book-time {
    display: block;
    margin-right: 0;
  }
  .class-div .class-date-time,
  .class-div .class-name-col,
  .class-div .class-instructor-col {
    padding-bottom: 0;
  }
  .class-div .class-date-time {
    padding-top: 0;
  }
  .class-div .class-name-col,
  .class-div .class-instructor-col,
  .class-div.spotleftDescription .class-date-time {
    padding-top: 15px;
  }
  .class-div .class-signup-col {
    padding-top: 10px;
  }
  .class-time-spots .text-block-18 {
    margin-top: 4px;
  }
  /* Write Review Page */
  
  .div-block-61 {
    display: block;
  }
  /* Gift Card */
  
  .quickFlip {
    width: 346px;
    height: 205px;
    margin: 0 auto 5px auto;
  }
  .blackPanel,
  .redPanel {
    width: 346px !important;
    height: 205px !important;
  }
  /* giftcard detail page 27-2-2018 */
  
  .gift-card-wrap {
    width: 100%;
  }
  .back-button-gc {
    padding-left: 20px;
    margin-bottom: 5px;
  }
  /* giftcard detail page 27-2-2018 */
  
  .search-list-row {
    min-width: 300px;
  }
  .pros-div {
    width: 210px;
  }
  #divServiceFilters.search-list-row {
    min-width: 380px;
  }
  .business-type-hide #divServiceFilters.search-list-row {
    min-width: 300px;
  }
  .service-dtpick-hide #divServiceFilters.search-list-row {
    min-width: 200px;
  }
  .service-dtpick-hide #ddlBusMode.listings-dropdown {
    margin-left: 0;
  }
  /* location css*/
  
  .location-detail {
    width: 95%;
    display: block;
    margin: 15px auto 0;
  }
  .half-loc {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    float: none;
  }
  /* location css */
  
  .vagaroapp-webpage.myAccountpage {
    background: white;
  }
  .changePasswordDiv .changeFormbk .display-table-cell {
    vertical-align: top;
  }
  .changePasswordDiv {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 820px;
    text-align: center;
  }
  .disblock {
    text-align: left;
  }
  .upload-alertbar {
    width: 95%;
    margin-top: 10px;
  }
  .appointment-button-div.alt.waitlist-inline-btn {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .hmtimemobileview span {
    display: none;
  }
  .FFappointmentlist {
    padding-top: 20px !important;
    padding-left: 20px;
  }
  .appt-section:first-child .onlinesharingicons:hover .tooltipffhover {
    bottom: inherit;
    top: 40px;
  }
  .appt-section:first-child .onlinesharingicons:hover .tooltipffhover-bg .arrow-down {
    top: -10px;
    border-bottom: 12px solid #333333;
    border-top: inherit;
    bottom: inherit;
  }
  /* covid 19 block css start here */
  
  .covidblock .covid-inn {
    padding-left: 20px;
    padding-right: 20px;
  }
  .covidblock .covid-banner {
    padding: 16px 23px;
  }
  /* covid 19 block css end here */
  
  .support-black-owned {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
  /* add tip css start here 28/5/2020 */
  
  .checkout-tip-box {
    width: 100%;
  }
  .checkout-addtip-inner {
    width: 100%;
  }
  .topblock {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .topblock .bigtext {
    text-align: center;
  }
  .topblock .classtext {
    text-align: center;
  }
  .addtip-links {
    max-width: 100%;
  }
  .chechout-backarrow {
    left: 0;
  }
  /* add tip css end here 28/5/2020 */
  
  .checkout-summry-data .emailcontent {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .checkout-summry-data .container-new {
    max-width: 100% !important;
  }
  .split-box {
    padding-left: 0;
  }
}
@media (max-width: 991px) and (min-width: 767px) {
  .livestreampage .prof-right-padding.data-padding-right {
    padding-right: 0;
    margin-left: 0;
    padding-left: 8px;
  }
  .livestreampage .prof-right-padding.data-padding-right #divStreamFirstSlide {
    display: none;
  }
}
@media (max-width: 767px) {
  .support-black-owned .support-black-banner {
    padding: 32px;
  }
  .support-black-link {
    padding-bottom: 0px;
  }
  .padding-none {
    padding-left: 0px;
    padding-right: 0px;
  }
  .m-width100per {
    width: 100%;
  }
  .m-width100per .tab-max-width {
    max-width: 400px;
  }
  .m-width100per .gift-certi-select {
    max-width: 100%;
  }
  .family-friends-invite-msg .button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .family-friends-invite-msg {
    margin-top: 0px;
    padding-top: 30px;
  }
  .family-friends-invite-msg .accept-paragraph,
  .thanksDiv .thanks-message {
    font-size: 18px;
  }
  .family-friends-invite-msg .btn {
    height: 50px;
    font-size: 16px;
  }
  .btn-width90per {
    width: 90%;
  }
  .btn-width90per a {
    width: 100%;
  }
  #dvDelasFromMobile .gift-certi-select {
    max-width: 100%;
  }
  .gc-tab-padding .magin-bottom0 {
    margin-top: 0px;
  }
  /*cookiemodal Start by hariom 18-11-2019*/
  
  .cookiemodal-popup .modal-dialog {
    max-width: 90%!important;
  }
  .cookiemodal-popup .modal-footer {
    padding-top: 0px;
  }
  /*cookiemodal end by hariom 18-11-2019*/
  
  .ffappt-for-card-bg {
    flex-direction: row;
    width: 100%;
  }
  .FFappointmentlist {
    padding-top: 20px !important;
    padding-left: 20px;
  }
  /*branded multilocation css Start by Pravin 10-06-2019*/
  
  .brandedebody .content-wrapper {
    background: whitesmoke;
  }
  .branded-multi-buss {
    margin-bottom: 15px;
  }
  .branded-multi-buss:last-child {
    margin-bottom: 0;
  }
  .branded-multilocation .location-name {
    border-bottom: none;
  }
  .branded-multilocation .alt-services-div {
    width: 100%;
  }
  .branded-multilocation .listing-business-tlt {
    margin-bottom: 0;
  }
  .branded-multilocation .bookmark-block {
    border-bottom: none;
    padding-bottom: 0px;
  }
  .branded-multilocation .bookmark-block .half-block-6 {
    margin-bottom: 0;
  }
  .branded-multilocation .multi-loc-row .listing-business-tlt {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .branded-multilocation .branded-multi-buss .listing-business-tlt {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .branded-multilocation .multi-loc-row {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .branded-multilocation .half-block-6 {
    width: 100%;
    padding: 0;
    /*margin-bottom:15px;*/
  
  }
  .branded-multilocation  .half-loc {
    margin-bottom: 0px;
    position: relative;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 10px 40px 10px 10px;
    background: white;
  }
  .branded-multilocation .alt-services-div {
    margin-bottom: 0px;
  }
  .branded-multilocation .business-info-div {
    padding-left: 10px;
  }
  /*branded multilocation css End by Pravin 10-06-2019*/
  
  .windowsAppHTML.modal-open-html {
    overflow: hidden;
  }
  /* Service Page Start */
  
  .windowsApp .service-title-alt {
    width: 55%;
  }
  .windowsApp .membership-active-div {
    width: 100%;
  }
  .windowsApp .product-div-checkout,
  .windowsApp .product-master {
    display: block;
    width: 100%;
    clear: both;
  }
  .windowsApp .product-left-div.class-item-width {
    width: 60%;
    display: block;
    float: left;
  }
  .windowsApp .product-name,
  .windowsApp .brand-name-checkout {
    max-width: 100%;
  }
  .windowsApp .img-product-checkout {
    float: left;
  }
  .windowsApp .product-left-div .div-block-25 {
    margin-left: 70px;
  }
  .windowsApp .product-div-checkout .product-name {
    display: inline-block;
    float: left;
    width: 15%;
    padding-left: 5%;
  }
  .windowsApp .product-div-checkout .product-name:last-of-type {
    text-align: right;
    width: 20%;
  }
  .windowsApp .product-left-div .product-name {
    display: block;
    float: none;
    width: 100%;
    padding-left: 0px;
  }
  .windowsApp .subtotal-master,
  .windowsApp .total-master {
    display: block;
    width: 100%;
    float: left;
    clear: both;
  }
  .windowsApp .div-block-34 {
    position: relative;
    display: block;
  }
  .windowsApp .div-block-35 {
    width: 100%;
    display: block;
    margin: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .windowsApp .div-block-23 {
    width: 100%;
    margin: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .windowsApp .product-master,
  .windowsApp .total-master,
  .windowsApp .subtotal-master {
    margin: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .windowsApp .right-checkout,
  .windowsApp .show-hide-div {
    display: block;
  }
  .windowsApp .view-order-summary {
    position: absolute;
    right: 10px;
    top: 20px;
  }
  .windowsApp .back-arrow,
  .windowsApp .text-block-16 {
    vertical-align: middle;
    line-height: 18px;
  }
  .windowsApp .div-block-47 {
    max-width: 100%;
    display: inline-block;
  }
  .windowsApp .left-div-checkout {
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .windowsApp .product-div-checkout.ch-mebership-row {
    width: 100%;
    max-width: 100%;
  }
  .windowsApp .product-div-checkout.ch-mebership-row .product-left-div {
    width: 75%;
  }
  .windowsApp .product-div-checkout.ch-mebership-row .div-block-25 {
    margin-left: 0px;
    width: 100%;
  }
  .windowsApp .product-div-checkout.ch-mebership-row .product-name {
    width: 20%;
    display: inline-block;
  }
  .windowsApp .product-div-checkout.ch-mebership-row .div-block-25 .product-name {
    width: 100%;
    display: inline-block;
    text-align: left;
  }
  .windowsApp .gallery-popup-white-overall {
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
    position: relative;
    z-index: 1;
  }
  /* Service Page End */
  
  .popup-width-class {
    width: 90%;
    max-width: 700px;
  }
  .clsTempPackage {
    top: 41px;
    width: 200px;
  }
  .list-your-business.lnkLogin {
    text-decoration: none;
  }
  /* 404 page start */
  
  .utility-page-wrap {
    height: auto;
    margin-top: 0;
    padding: 50px 10px;
    display: block;
    text-align: center;
  }
  .utility-page-content {
    display: inline-block;
  }
  /* 404 page end */
  
  .footer-section {
    height: auto !important;
  }
  .content-wrapper.footerpresent {
    margin-bottom: 0 !important;
    min-height: inherit;
  }
  .push {
    display: none;
  }
  .nav-bar .sort-dropdown-div {
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
    display: block;
    margin-top: 15px;
    margin-right: 10px;
    float: right;
  }
  .nav-bar .sort-dropdown-div .w-dropdown-toggle {
    padding-right: 20px;
  }
  .nav-bar .sort-dropdown-div .w-icon-dropdown-toggle {
    margin-right: 0;
  }
  .content-wrapper,
  .nav-bar,
  #page-wrapper,
  .listings-parent-div-100,
  .filter-background,
  .gallery-content {
    -webkit-transition: all ease 500ms;
    transition: all ease 500ms;
  }
  .ipadandroid .listings-60:not(.daily-deals) {
    top: 175px;
    margin-top: 0;
  }
  .mobile-check {
    display: block;
  }
  .back-to-top-container {
    left: auto;
    right: 2.5%;
    width: auto;
  }
  /* overwritten Existing Class Start
  ====================================================================================================== */
  
  .mobile-search-background-div {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-search-text-field {
    padding: 0;
    height: 45px;
  }
  html.mob-overflow-hidden,
  body.mob-overflow-hidden {
    overflow: hidden;
  }
  html.moboverflow-hide,
  body.moboverflow-hide {
    overflow: hidden;
    height: 100% !important;
  }
  html.moboverflow-hide .listings-60,
  body.moboverflow-hide .listings-60 {
    overflow: hidden;
  }
  .shopping-cart {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    padding-top: 65px;
    min-height: 100%;
  }
  .mobile-tabs-menu {
    margin-bottom: 5px;
  }
  .mobile-tabs-menu .mobile-tabs {
    border: 1px solid #cdcdcd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: -1px;
    position: relative;
    background-color: white;
    color: #222222;
  }
  .mobile-tabs-menu .mobile-tabs .mobile-tabs-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mobile-tabs-menu .mobile-tabs:first-of-type {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
  }
  .mobile-tabs-menu .mobile-tabs:last-of-type {
    border-radius: 0 4px 4px 0;
  }
  .mobile-tabs-menu .mobile-tabs em {
    font-size: 16px;
    font-style: normal;
    font-family: 'fontawesome-5pro-solid-900';
  }
  .mobile-tabs-menu .mobile-tabs span {
    font-size: 16px;
    font-weight: 400;
  }
  .mobile-tabs-menu .mobile-tabs:after {
    border-right: 1px solid #cdcdcd;
    position: absolute;
    height: 100%;
    width: 1px;
    content: "";
    display: none;
    right: -1px;
    top: 0;
    border-radius: 5px;
    z-index: 1;
  }
  .mobile-tabs-menu.outcallsevicehide .outcallservice {
    display: none;
  }
  .promotion-icon-check span.font-awesome.videoIcon {
    font-size: 15px;
  }
  .mobile-search-form-wrapper {
    max-height: inherit;
  }
  .social-circle-div {
    margin: 0;
  }
  .busAbouttab .dailydealsslider .home-title-div {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #newCartSummaryDectail123 .service-provider-div {
    padding-top: 20px;
  }
  #newCartSummaryDectail123 .service-div-checkout {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  /* Shopping Bag page */
  
  .footer-25-div.discover {
    clear: both;
    margin-top: 20px;
  }
  /* Write Review page */
  
  .windowsPhone .review-right-div .stars-div {
    display: block;
  }
  .windowsPhone .review-right-div .stars-div .stars {
    display: inline-block;
    width: 49%;
    margin-right: 0;
  }
  /* overwritten Existing Class End
  ====================================================================================================== */
  
  /* Home Page Search Design Start
  ==============================================*/
  
  .searchedmobiletext {
    max-width: 85%;
    word-wrap: break-word;
    color: rgba(51, 51, 51, 0.5);
    padding-left: 10px;
  }
  .slider-rowdiv .card-image {
    min-height: inherit;
  }
  .popular-cat-row {
    padding-top: 25px;
    padding-bottom: 10px;
  }
  .busAbouttab .slider-rowdiv.dailydealsslider .card-image {
    min-height: inherit;
  }
  .slider-rowdiv .home-title {
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: -ms-calc(100% - 50px);
    width: -o-calc(100% - 50px);
    width: calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: -moz-calc(100% - 50px);
    max-width: -ms-calc(100% - 50px);
    max-width: -o-calc(100% - 50px);
    max-width: calc(100% - 50px);
  }
  .home-main .slider-rowdiv .home-title {
    width: auto;
    max-width: -webkit-calc(100% - 75px);
    max-width: -moz-calc(100% - 75px);
    max-width: -ms-calc(100% - 75px);
    max-width: -o-calc(100% - 75px);
    max-width: calc(100% - 75px);
  }
  .see-all-div {
    margin-top: 20px;
    width: auto;
  }
  .home-main .see-all-div {
    margin-top: 0;
  }
  .home-tabbing-div .vg-default-tabs-links {
    padding: 0;
  }
  .home-tabbing-div .vg-default-tab-link {
    width: 50%;
    text-align: center;
    margin-right: 0;
  }
  .home-tabbing-div .vg-default-tabs {
    margin-bottom: 0;
  }
  .home-tabbing-div .vg-default-tabs .vg-default-tab-link a {
    height: 50px;
    line-height: 30px;
  }
  .home-main .search-bar-wrapper-all {
    padding-left: 0;
    padding-right: 0;
  }
  /* Mobile Slider Design */
  
  /*.home-main .home-title-div { padding-left: 5px; }*/
  
  .home-main .home-page-section {
    padding-left: 0;
    padding-right: 0;
  }
  .square-slide-div {
    width: 32.4%;
  }
  .home-page-section {
    margin-bottom: 10px;
  }
  .home-page-section.popular-cat-home {
    margin-bottom: 20px;
  }
  .fourblockslider,
  .slick-fourblockslider {
    min-height: inherit;
  }
  .slick-slideParent .cards-parent-div-flex .card-link-block {
    width: 356px;
  }
  .home-main .home-title-div {
    padding-right: 15px;
    padding-left: 20px;
  }
  .upcoming-appslider .home-title-div {
    padding-left: 0px;
  }
  .home-main .slick-slideParent {
    padding: 0 0 0 12px;
  }
  /*.home-main .slick-slideParent .cards-parent-div-flex .card-link-block { width: 100%; }*/
  
  /*.home-main .slick-contslide .card-link-block a, .home-main .slick-contslide .card-link-block .card-linkbottomdiv { padding: 0; }*/
  
  .home-main .slick-contslide .card-link-block {
    margin-bottom: 8px;
  }
  .home-main .slick-contslide .card-link-block a,
  .home-main .slick-contslide .card-link-block .card-linkbottomdiv {
    padding: 0 8px;
    margin: 0;
  }
  .close-link-div {
    padding: 11px 10px 5px;
    width: 100px;
    text-decoration: none;
    text-align: left;
    color: #0076ff;
  }
  .close-link-div .w-inline-block {
    vertical-align: middle;
  }
  .close-link-div .font-awesome.back-arrow {
    line-height: 26px;
    margin-right: 6px;
  }
  .close-link-div .business-name {
    margin-bottom: 0;
  }
  /* Bookmarks Design version 1:START */
  
  .home-main .bookmarks-listingdiv .slick-slideParent {
    padding-left: 20px;
  }
  .home-main .bookmarks-listingdiv .home-title-div {
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-main .bookmarks-listingdiv .slick-contslide .card-link-block a {
    display: block;
    padding: 0 0 30px 0;
  }
  .home-main .bookmarks-listingdiv .slick-contslide .card-link-block a .card-image {
    width: 100%;
    height: auto;
    display: block;
  }
  .home-main .bookmarks-listingdiv .slick-contslide .card-link-block a .card-image .card-bgimg {
    border-radius: 5px 5px 0 0;
  }
  .home-main .bookmarks-listingdiv .slick-contslide .card-link-block a .bookmark-rightdiv {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    min-height: 84px;
  }
  /* Bookmarks Design version 1:END */
  
  .hero-search-button {
    width: 100%;
    font-size: 20px;
    display: block;
    text-align: center;
    float: none;
    border-radius: 3px;
  }
  .search-bar-wrapper-all {
    background-color: white;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9000;
    display: none;
  }
  .search-bar-wrapper-all .search-bar {
    height: auto;
    display: block;
    border: 0 none;
    box-shadow: none;
    width: 90%;
    margin: 28px auto;
    padding: 0;
  }
  .search-bar-wrapper-all .search-div-38,
  .search-bar-wrapper-all .search-div-38._16 {
    max-width: 100%;
    border: 0 none;
    width: 100%;
    display: block;
    height: auto;
    padding: 0;
    margin-bottom: 10px;
    float: none;
  }
  .search-bar-wrapper-all .servcie-dropdown-text {
    margin-top: 0;
    margin-bottom: 5px;
    color: #333333;
    font-size: 17px;
    font-weight: 400;
  }
  .search-bar-wrapper-all .search-div-38._16 {
    margin-bottom: 0;
  }
  .search-bar-wrapper-all .search-font-absolute,
  .search-bar-wrapper-all .dropdown-fa-absolute {
    display: none;
  }
  .search-bar-wrapper-all .dropdown-text-input,
  .search-bar-wrapper-all .date-timeinput {
    background-color: rgba(143, 143, 148, 0.118) !important;
    padding: 0 11px;
    border-radius: 5px;
    font-size: 17px;
    line-height: 1.42857143;
    height: 36px;
    color: #333333;
    max-width: 100%;
    width: 100%;
    font-weight: 300;
  }
  .search-bar-wrapper-all .dropdown-text-input:-moz-placeholder,
  .search-bar-wrapper-all .date-timeinput:-moz-placeholder {
    color: #333333;
    opacity: 0.7;
  }
  .search-bar-wrapper-all .dropdown-text-input::-moz-placeholder,
  .search-bar-wrapper-all .date-timeinput::-moz-placeholder {
    color: #333333;
    opacity: 0.7;
  }
  .search-bar-wrapper-all .dropdown-text-input:-ms-input-placeholder,
  .search-bar-wrapper-all .date-timeinput:-ms-input-placeholder {
    color: #333333;
    opacity: 0.7;
  }
  .search-bar-wrapper-all .dropdown-text-input::-webkit-input-placeholder,
  .search-bar-wrapper-all .date-timeinput::-webkit-input-placeholder {
    color: #333333;
    opacity: 0.6;
  }
  .search-bar-wrapper-all .dropdown-text-input:focus,
  .search-bar-wrapper-all .date-timeinput:focus {
    border-color: #3898ec;
  }
  .search-bar-wrapper-all .search-div-38.service-where-div .servcie-dropdown-text,
  .search-bar-wrapper-all .search-div-38.service-what-div .servcie-dropdown-text {
    padding-left: 0;
  }
  .search-bar-wrapper-all .search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input,
  .search-bar-wrapper-all .search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input {
    padding: 0 11px;
    font-size: 17px;
    color: #333333;
    border-radius: 5px;
    font-weight: 300;
  }
  .search-bar-wrapper-all .search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input:-moz-placeholder,
  .search-bar-wrapper-all .search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input:-moz-placeholder {
    color: #333333;
    opacity: 0.7;
  }
  .search-bar-wrapper-all .search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input::-moz-placeholder,
  .search-bar-wrapper-all .search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input::-moz-placeholder {
    color: #333333;
    opacity: 0.7;
  }
  .search-bar-wrapper-all .search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input:-ms-input-placeholder,
  .search-bar-wrapper-all .search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input:-ms-input-placeholder {
    color: #333333;
    opacity: 0.7;
  }
  .search-bar-wrapper-all .search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input::-webkit-input-placeholder,
  .search-bar-wrapper-all .search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input::-webkit-input-placeholder {
    color: #333333;
    opacity: 0.7;
  }
  .search-bar-wrapper-all .search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input:focus,
  .search-bar-wrapper-all .search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input:focus {
    border-color: #3898ec;
  }
  .search-bar-wrapper-all .search-div-38.service-where-div .select2-container-multi .select2-choices .select2-search-field input:disabled,
  .search-bar-wrapper-all .search-div-38.service-what-div .select2-container-multi .select2-choices .select2-search-field input:disabled {
    -webkit-text-fill-color: #333333;
  }
  .search-bar-wrapper-all .search-div-38.service-datetime-div .servcie-dropdown-text,
  .search-bar-wrapper-all .search-div-38.service-datetime-div .date-timeinput {
    padding: 0 11px;
    font-weight: 300;
  }
  .search-bar-wrapper-all .search-div-38.service-datetime-div .servcie-dropdown-text:disabled,
  .search-bar-wrapper-all .search-div-38.service-datetime-div .date-timeinput:disabled {
    opacity: 1 !important;
    -webkit-appearance: none;
    color: #333333;
    -webkit-text-fill-color: #333333;
  }
  .search-bar-wrapper-all .service-search-select {
    left: 0;
    right: 0;
  }
  /*.home-main .search-bar-wrapper-all { padding-left: 0; padding-right: 0; }*/
  
  .performserviceat {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
  }
  .service-where-dropdown.select2-drop,
  .service-what-dropdown.select2-drop,
  .mobcommon-dropdown.select2-drop {
    margin-top: 0;
  }
  /* Home Page Search Design End
  ==============================================*/
  
  /* Listings Page Start */
  
  .listing-like-page .custAppLoc {
    width: calc(100% - 143px);
    float: left;
    margin-left: 20px;
  }
  .daily-deals-wrap .redo-search-btn {
    position: fixed;
  }
  .mapfilter,
  .mobileFilter .mapfilter {
    display: inherit !important;
  }
  .mapfilter.listing-mapfiler,
  .mobileFilter .mapfilter.listing-mapfiler {
    display: none !important;
  }
  .filtercheckboxdiv .filters-checkbox {
    width: 100%;
    float: none;
  }
  .filters-button-div {
    padding-left: 20px;
    padding-right: 20px;
  }
  .listings-parent-div-100 {
    margin-top: 0;
    top: 50px;
  }
  .filter-mobile-tab {
    max-width: 126px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .listings-parent-div-100.pagesectionFlex {
    display: block !important;
  }
  .listings-60 {
    position: fixed;
    top: 133px;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .listings-60 .listing-header {
    display: block !important;
  }
  .gallery-content .div-block-97 {
    display: none !important;
  }
  .gallery-content .title-paragraph {
    display: none;
  }
  .livestreampage .map-list-pkg.map-optionshow {
    display: none !important;
  }
  .map-list-pkg.map-optionshow {
    display: block !important;
  }
  .livestreampage .onlyfilter {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: block;
  }
  .map-pill-pkg,
  .list-pill-pkg,
  .filter-pill-pkg {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100px;
    margin-left: -50px;
    margin-bottom: 30px;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .filter-pill-pkg {
    display: none;
  }
  .list-pill-pkg {
    z-index: 50;
    display: none;
  }
  .list-pill,
  .map-pill,
  .filter-pill {
    padding: 10px 20px;
    border-radius: 100px;
    background-color: white;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25);
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    cursor: pointer;
  }
  .filter-pill-pkg {
    margin-left: -2px;
    width: 102px;
    border-left: 1px solid #cdcdcd;
  }
  .filter-pill-pkg.applied {
    border-left-color: #eb6663;
  }
  .filter-pill-pkg.applied .filter-pill {
    background-color: #eb6663;
    color: white;
  }
  .filter-pill {
    border-radius: 0 100px 100px 0;
    box-shadow: 2px 1px 8px 0 rgba(0, 0, 0, 0.2);
    width: 101px;
  }
  .filter-mobicon {
    margin-right: 10px;
    font-size: 16px;
  }
  .with-filterhere .map-pill-pkg {
    margin-left: -101px;
  }
  .with-filterhere .filter-pill-pkg {
    display: block;
  }
  .with-filterhere .map-pill {
    border-radius: 100px 0 0 100px;
  }
  .image-22 {
    margin-right: 10px;
  }
  .redo-search-btn {
    z-index: 4;
    top: 80px;
    left: 50%;
    margin-left: -78px;
    border-radius: 18px;
    height: 36px;
    line-height: 36px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  }
  .daily-deals-map .gm-style-mtc {
    margin-top: 20px;
  }
  .listings-parent-div-100.map-viewonly .redo-search-btn {
    z-index: 6;
  }
  .daily-deals-wrap .listings-map-40.showMap,
  .listings-map-40.showMap {
    z-index: 5;
    visibility: visible;
    opacity: 1;
  }
  .listings-60.hideList {
    display: none;
  }
  .listings-map-40,
  .daily-deals-wrap .listings-map-40 {
    position: fixed !important;
    left: 0px;
    top: 50px;
    right: 0px;
    bottom: 0px;
    z-index: 4;
    visibility: hidden;
    display: block !important;
    opacity: 0;
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  /* ios Mobile body scroll */
  
  .iosdevice .listings-parent-div-100 {
    position: relative;
    top: 0;
    height: auto;
    bottom: auto;
  }
  .iosdevice.ipadandroid .listings-60:not(.daily-deals),
  .iosdevice .listings-60 {
    position: relative;
    top: 0;
    bottom: auto;
    padding-top: 175px;
    min-height: 210px;
    overflow: inherit;
  }
  .iosdevice .mob-location-filter {
    z-index: 4 !important;
  }
  .iosdevice .mob-option-filter {
    z-index: 3 !important;
  }
  .iosdevice .listings-60 {
    z-index: 2;
  }
  .iosdevice .listings-map-40 {
    z-index: 1;
  }
  .iosdevice .daily-deals-map .listings-map-40.showMap {
    z-index: 4;
  }
  /* Listings Page End */
  
  /* Daily Deals Page */
  
  .service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field:after {
    top: 2px;
  }
  .service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field input {
    font-size: 18px;
  }
  .daily-deal-link {
    width: 49%;
    margin-left: 0;
    margin-right: 0;
  }
  .ipadandroid .daily-deal-link:last-of-type {
    padding-bottom: 0;
  }
  .calender-font-ico,
  .time-font-ico {
    top: 7px;
  }
  .service-dropdown.date.daily input {
    padding: 0 15px;
  }
  .mob-location-filter {
    background-color: white;
    padding: 0;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 2 !important;
  }
  .mob-location-filter .location-text-mobile {
    background: none;
  }
  .mob-location-filter input.location-text-mobile:-moz-placeholder {
    color: #333333;
    opacity: 1;
  }
  .mob-location-filter input.location-text-mobile::-moz-placeholder {
    color: #333333;
    opacity: 1;
  }
  .mob-location-filter input.location-text-mobile:-ms-input-placeholder {
    color: #333333;
    opacity: 1;
  }
  .mob-location-filter input.location-text-mobile::-webkit-input-placeholder {
    color: #333333;
    opacity: 1;
  }
  .mob-location-filter .change-text {
    padding: 10px 10px 10px 0;
  }
  .mob-location-filter .select2-container-multi.select2-container-disabled .select2-choices {
    border: 0 none;
    background: none;
  }
  .mob-location-filter .select2-container-multi .select2-choices {
    min-height: inherit;
    height: 18px;
  }
  .mob-location-filter .select2-container-multi .select2-choices .select2-search-field input {
    font-size: 17px;
    color: #333333;
    line-height: 18px;
    -webkit-appearance: none;
    margin-right: 70px;
    width: -webkit-calc(100% - 70px) !important;
    width: -moz-calc(100% - 70px) !important;
    width: -ms-calc(100% - 70px) !important;
    width: calc(100% - 70px) !important;
  }
  .mob-location-filter .select2-container-multi .select2-choices .select2-search-field input:-moz-placeholder {
    color: #333333;
    opacity: 1;
  }
  .mob-location-filter .select2-container-multi .select2-choices .select2-search-field input::-moz-placeholder {
    color: #333333;
    opacity: 1;
  }
  .mob-location-filter .select2-container-multi .select2-choices .select2-search-field input:-ms-input-placeholder {
    color: #333333;
    opacity: 1;
  }
  .mob-location-filter .select2-container-multi .select2-choices .select2-search-field input::-webkit-input-placeholder {
    color: #333333;
    opacity: 1;
  }
  .mob-dropdown.select2-drop {
    margin-top: -1px;
    font-weight: 300;
  }
  .mobile-location-input {
    border: 0 none;
    line-height: 18px;
    padding: 11px 10px;
    width: 100%;
    position: relative;
    z-index: 1;
    cursor: default;
  }
  .mobile-locationchange {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 0;
  }
  .mobile-filter-result,
  .mobile-galleryfilter-result {
    width: -webkit-calc(100% - 46px);
    width: -moz-calc(100% - 46px);
    width: -ms-calc(100% - 46px);
    width: -o-calc(100% - 46px);
    width: calc(100% - 46px);
    float: left;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mob-option-filter {
    background-color: white;
    padding: 0 10px;
    position: fixed;
    top: 91px;
    left: 0;
    z-index: 1 !important;
  }
  .mob-option-filter .change-text,
  .mob-option-filter .location-text-mobile {
    padding: 10px 0;
  }
  .mob-option-filter .location-text-mobile {
    float: left;
  }
  .mob-option-filter .mobile-filter-result,
  .mob-option-filter .mobile-galleryfilter-result {
    display: none;
  }
  .mob-option-filter .mobile-filter-result .filter-result-text,
  .mob-option-filter .mobile-galleryfilter-result .filter-result-text {
    margin: 4px 5px 4px 0;
    padding: 5px 30px 5px 10px;
  }
  .mob-option-filter.mob-date-filter {
    padding: 0;
  }
  .mob-option-filter.mob-date-filter .change-text {
    padding: 10px 10px 10px 0;
  }
  .mob-option-filter.mob-date-filter .location-text-mobile {
    background-color: transparent;
    padding: 10px;
  }
  /* Professional Filter For mobile */
  
  .professional-mobile-filter .mobile-professionfilter {
    display: block;
  }
  .professional-mobile-filter .mob-location-filter {
    top: 93px;
  }
  .professional-mobile-filter .mob-location-filter.book-service-open-common {
    top: 50px;
    z-index: 4 !important;
  }
  .professional-mobile-filter .mob-option-filter {
    top: 134px;
  }
  .professional-mobile-filter .gallery-content {
    padding-top: 176px;
  }
  body:not(.vagaroapp-webpage) .listing-mobile-filter .mob-service-change {
    top: 91px;
    z-index: 3 !important;
  }
  body:not(.vagaroapp-webpage) .listing-mobile-filter .mob-service-change.book-service-open-common {
    top: 50px;
    z-index: 4 !important;
  }
  body:not(.vagaroapp-webpage) .listing-mobile-filter .mob-option-filter {
    top: 132px;
  }
  .listing-mobile-filter .mob-location-filter:not(.mob-service-change).book-service-open-common {
    z-index: 4 !important;
  }
  .listing-mobile-filter .mob-service-change.book-service-open-common {
    z-index: 6 !important;
  }
  /*.iosdevice .listing-mobile-filter .mob-option-filter { z-index: 2 !important }*/
  
  body.ipadandroid:not(.vagaroapp-webpage) .booking-dateshow .listings-60:not(.daily-deals) {
    top: 173px;
  }
  body.iosdevice.ipadandroid:not(.vagaroapp-webpage) .booking-dateshow .listings-60:not(.daily-deals) {
    padding-top: 173px;
    top: 0;
  }
  .prof-search-icon {
    position: absolute;
    left: 10px;
    top: 12px;
  }
  .professional-input {
    -webkit-appearance: none;
    border: 0 none;
    float: left;
    padding: 0 0 0 38px;
    height: 42px;
    font-size: 17px;
    color: #333333;
    width: calc(100% - 60px);
  }
  .professional-filterGobtn {
    text-align: center;
    text-decoration: none;
    color: white;
    height: 32px;
    background-color: #eb6663;
    float: right;
    width: 50px;
    border-radius: 3px;
    line-height: 32px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .mobile-filter-result.atmobileicon {
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -ms-calc(100% - 70px);
    width: -o-calc(100% - 70px);
    width: calc(100% - 70px);
  }
  .mobile-filter-result.promoicon {
    width: -webkit-calc(100% - 118px);
    width: -moz-calc(100% - 118px);
    width: -ms-calc(100% - 118px);
    width: -o-calc(100% - 118px);
    width: calc(100% - 118px);
    float: left;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .promotion-icon-check span.font-awesome {
    margin-top: 11px;
  }
  .daily-detail-banner {
    width: 100%;
  }
  .daily-dealleftinner .text-normal {
    display: block;
  }
  .listings-parent-div-100.padding-top0inmob {
    padding-top: 0;
  }
  .windowsPhone .daily-column {
    display: block;
  }
  .windowsPhone .share-daily-div .social-parent-div.invert {
    -webkit-filter: none;
    filter: none;
    -ms-filter: none;
  }
  .myAccountpage .content-wrapper {
    padding-top: 50px;
  }
  .windowsPhone .profile-photo-div {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .windowsPhone .profile-upload-and-text {
    display: block;
    word-wrap: break-word;
    width: 70%;
  }
  .light-text {
    max-width: 100%;
    width: auto;
  }
  .profileformgrp .w-custom-dropdown select {
    font-size: 17px;
  }
  .form-50-div.birthday {
    width: 100%;
  }
  .input-select._50 {
    width: 49%;
  }
  .input-select._25 {
    width: 23.5%;
  }
  .vagaroapp-webpage .profile-footer-btns input + input {
    margin-left: 0;
  }
  .vagaroapp-webpage .profile-footer-btns.myprofile-button input {
    width: 100%;
    float: none;
  }
  /* My Profile Page End */
  
  /* Appointments Page Start */
  
  /* Appointments Page End */
  
  /* Confirm Book page */
  
  .confirm-book-div {
    max-width: 100%;
  }
  /* Thanks Popup */
  
  .thanks-popup .modal-dialog {
    width: 100%;
  }
  .thanks-popup-img-left {
    float: none;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .thanks-popup-text-right {
    margin-left: 0;
  }
  .thanks-popup-img {
    display: block;
    margin: 0 auto;
  }
  /* New Design for Appointment booking : START */
  
  .accept-div-overall {
    padding-top: 15px;
  }
  .calendar-icon-success {
    margin-bottom: 22px;
  }
  .appt-service-booked,
  .appt-service-provider,
  .booked-date-time {
    display: block;
    width: 100%;
  }
  .appt-service-inner {
    margin: 20px 0;
    text-align: center;
  }
  .appt-service-provider {
    border-right: 0 none;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
  }
  .booked-date-time,
  .booked-location-map {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .green-circle-div {
    margin-bottom: 10px;
  }
  .accept-paragraph {
    font-size: 18px;
  }
  /* New Design for Appointment booking : END */
  
  /* Bookmark page */
  
  .bookmarks-white-book-btn {
    padding-left: 28px;
    padding-right: 28px;
  }
  .bookmark-image {
    width: 46%;
  }
  .windowsPhone .bookmark-text-div {
    width: 100%;
  }
  .windowsPhone .bookmark-text-parent-div {
    display: inline-block;
    max-width: 49%;
    vertical-align: top;
  }
  .bookmark-text-parent-div .bookmark-text-div {
    width: 100%;
  }
  /* Old Home */
  
  .logo-name-div {
    display: block;
    width: 100%;
  }
  .business-info-div {
    display: block;
  }
  .business-info-div:after,
  .business-info-div:before {
    content: " ";
    display: table;
  }
  .business-info-div:after {
    clear: both;
  }
  .review-btn-and-sort-div {
    width: 100%;
    margin-bottom: 25px;
    padding-top: 60px;
    position: relative;
  }
  .review-btn-and-sort-div .flamingo-btn {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 400;
  }
  .sort-div {
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px);
  }
  .sort-div-fullwidth:last-of-type {
    margin-right: 0;
  }
  .reviews-title-buttons-div .w-dropdown-list {
    right: auto;
    left: -1px;
  }
  .div-block-83 {
    float: left;
    width: -webkit-calc(100% - 72px);
    width: -ms-calc(100% - 72px);
    width: calc(100% - 72px);
  }
  .thm-topHeadBG .div-block-83 {
    float: none;
    width: 100%;
    padding-right: 15px;
  }
  .iosPro .mobile-book-div {
    bottom: 90px;
  }
  .detailnavfixed .mobile-book-div {
    display: none;
  }
  .detailnavfixed.busAbouttab .mobile-book-div,
  .busAbouttab .mobile-book-div {
    display: block;
  }
  .vagaroapp-webpage.busAbouttab .tab-content,
  .windowsApp.busAbouttab .tab-content {
    padding-bottom: 80px;
  }
  /* Vagaro App - Web view */
  
  .vagaroapp-webpage .reviews-sectiontag-abouttab {
    padding-bottom: 100px;
  }
  /* Mobile Back Button Start */
  
  .div-mobile-back {
    margin: 5px 0;
    padding: 5px 0;
    word-wrap: break-word;
    word-break: break-word;
  }
  .div-mobile-back a {
    text-decoration: none;
  }
  .mob-back-left {
    padding-left: 10px;
    color: #0076ff;
    float: left;
    width: -webkit-calc(100% - 72px);
    width: -ms-calc(100% - 72px);
    width: calc(100% - 72px);
  }
  .mob-back-left .w-inline-block {
    vertical-align: middle;
  }
  .mob-backtab-business {
    width: -webkit-calc(100% - 34px);
    width: -ms-calc(100% - 34px);
    width: calc(100% - 34px);
  }
  .mobile-cart-link-block {
    float: right;
    padding: 10px 10px 10px 0;
    color: #333333;
    text-decoration: none;
  }
  .mobile-cart-link-block .cart-shopping-bag {
    vertical-align: middle;
  }
  .mobile-cart-link-block .cart-number {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  /* Mobile Back Button End */
  
  .tab-content.giveNavspace {
    padding-top: 0;
  }
  .content-wrapper .thm-topHeadBG {
    padding-bottom: 0;
    padding-top: 0;
  }
  .mobiletabmenu {
    display: block;
  }
  .mobiletabmenu #liAbout,
  .mobiletabmenu #liBook24x7,
  .mobiletabmenu .book-now-multiple {
    display: none;
  }
  .card-title,
  .busAbouttab .dailydealsslider .card-title {
    font-size: 17px;
  }
  .demorenterDealslide.text-section {
    padding-top: 20px;
  }
  .demorenterDealslide .title {
    margin-top: 0;
  }
  .location-div {
    z-index: 0;
  }
  .address-map-parent-div .location-div {
    padding: 0 0 10px;
  }
  .daily-deals-map-div .location-div {
    padding-left: 0;
    padding-right: 0;
  }
  /* Reviews tab */
  
  .reviews-tab .write-reviewbtn {
    display: block;
  }
  .windowsPhone .sort-div {
    display: block;
    line-height: 34px;
  }
  /* store-copy.html Store Product page Strart */
  
  .store-tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .store-tab-link {
    width: 100%;
  }
  /* store-copy.html Store Product page End */
  
  /* Gift Certificate */
  
  .tableFixedscrollContainer .floatThead-wrapper {
    height: 100%;
  }
  .tableFixedscrollContainer .scroll-containerGC {
    max-height: 100%;
  }
  .quickFlip {
    float: none;
  }
  .windowsPhone .gift-certificate-div {
    height: 100%;
  }
  .gc-gradient {
    text-align: center;
  }
  .text-section._100.mob-zeromargin {
    margin-top: 0;
  }
  .windowsPhone .gc-preview {
    display: block;
  }
  /* giftcard detail page 27-2-2018 */
  
  .gift-card-box {
    width: 100%;
    float: none;
    max-width: inherit;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .gift-barcode {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 380px;
    margin-bottom: 20px;
  }
  .gift-redeed-div {
    padding: 20px;
  }
  .gcImage-detail {
    display: block;
    vertical-align: top;
    padding-left: 0;
    width: 100%;
    text-align: left;
  }
  .gcImage-block {
    width: 100%;
    display: block;
    vertical-align: top;
  }
  .button-arrow {
    font-size: 46px;
    font-weight: 300;
    line-height: 20px;
    margin-top: -2px;
    margin-right: 11px;
    display: inline-block;
    vertical-align: top;
  }
  .qc-title {
    width: calc(100% - 90px);
  }
  .gift-name {
    width: calc(100% - 160px);
  }
  .gift-img {
    width: 100%;
  }
  .dl-micon-middle {
    font-size: 16px;
  }
  .dl-share-head {
    display: block;
  }
  .mobile-share-popup {
    width: 65%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .dl-desk-share-block {
    position: static;
    z-index: inherit;
  }
  .mobile-share-model,
  .mobile-share-social-model {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
  }
  .dl-mobile-share-ico {
    border: none;
    border-top: 1px solid #d9d9d9;
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
  }
  .social-share .dl-desk-share-block {
    right: 10px;
  }
  .social-share .dl-desk-share-block .dl-share-text {
    display: none;
  }
  .share-daily-div {
    position: absolute;
    top: 12px;
    right: 10px;
  }
  .mobile-dlshare-button .dl-share-text {
    display: none;
  }
  .dl-desk-share-block .mobile-dlshare-button,
  .dl-share-ico {
    color: #333333;
  }
  .social-share .mobile-share-popup {
    left: 50%;
    right: inherit;
  }
  .dl-micon-middle {
    width: 120px;
  }
  .dl-mobile-share-ico li a {
    padding: 19px 20px;
  }
  .dl-business-title {
    width: 100%;
  }
  #divPromoImage .share-daily-div {
    display: block;
  }
  /* giftcard detail page 27-2-2018 */
  
  .multiloc .dl-full-div {
    width: 100%;
  }
  .multiloc .dl-business-title {
    width: 100%;
  }
  /* Gallery Page */
  
  .gallery.page {
    margin: 20px;
  }
  .windowsPhone .gallery-popup-background .display-table,
  .windowsPhone .gallery-popup-background .display-table-cell {
    display: block;
  }
  .windowsPhone .gallery-solo-image {
    width: 100%;
    margin: 0;
  }
  .windowsPhone .gallery {
    display: block;
  }
  .windowsPhone .gallery-image-alt {
    width: 100%;
  }
  .windowsPhone .gallery-hover-div {
    display: block;
  }
  .gallery-content {
    padding-top: 160px;
  }
  .gallery-solo-image {
    width: 49%;
    min-width: 260px;
    z-index: 0;
  }
  .new-gallery-title {
    font-size: 26px;
    line-height: 1.2;
  }
  .gallery-popup-background .display-table,
  .gallery-popup-background .display-table-cell {
    display: block;
  }
  .gallery-single-imagepopup.gallery-popup-background {
    padding: 0;
  }
  .gallery-single-imagepopup .display-table {
    display: table;
  }
  .gallery-single-imagepopup .display-table-cell {
    display: table-cell;
  }
  .gallery-single-imagepopup .gallery-popup-img {
    margin-top: 0;
    max-height: 96vh;
    max-width: 92%;
    width: auto;
  }
  .gallery-popup-background .w-lightbox-control {
    display: none !important;
  }
  .gallery-popup-white-overall {
    max-height: 100% !important;
  }
  .gallery-popup-white-overall.singleimagepopup {
    max-width: 100%;
  }
  .gallery-popup-white-overall.doulbleimagepopup {
    max-width: 100%;
  }
  .gallery-popup-white-overall.doulbleimagepopup .div-block-71 {
    width: 100%;
  }
  .business-name---book-div,
  .gallery-left-flex {
    display: block;
  }
  /* Send Email Popup */
  
  .divspemail-left {
    float: none;
    max-width: 300px;
    width: 100%;
    margin: 0 auto 20px;
  }
  .divspemail-form-right {
    float: none;
    width: 100%;
  }
  /* Our Staff page */
  
  .message-service-provider-background {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .messagesendpopup .modal-dialog {
    width: 100%;
  }
  .a-our-staff-div .a-our-staff-profile {
    display: block !important;
    float: none;
    margin: 0 auto 10px;
  }
  .a-our-staff-div .div-block-19 {
    display: block;
    margin-left: 0;
    text-align: center;
  }
  /* Book page */
  
  .mobileprovider {
    display: block !important;
    width: 100%;
  }
  .mobileprovider::-ms-expand {
    display: none;
  }
  .desktopProvider {
    display: none !important;
  }
  .mobile-backinbooking {
    border-bottom: 1px solid #d9d9d9;
  }
  .mobile-backinbooking.div-mobile-back {
    text-align: center;
    padding: 7px 0 13px;
    margin-bottom: 0;
  }
  .mobile-backinbooking.div-mobile-back.mobile-backhide {
    display: none !important;
  }
  .mobile-backinbooking .mob-back-left {
    text-align: left;
  }
  .mobile-backinbooking .font-awesome.back-arrow {
    font-size: 38px;
  }
  .mobile-backinbooking .business-name {
    font-size: 17px;
  }
  .mobile-backinbooking .booking-back {
    display: block;
  }
  .mobile-backinbooking .font-awesome._22 {
    font-size: 20px;
  }
  .mobile-backinbooking .cart-number {
    font-size: 14px;
  }
  .mobile-backinbooking .location-text {
    font-size: 14px;
  }
  .mobile-backinbooking .mobile-cart-link-block {
    padding: 0px 10px 0px 0;
  }
  .mobile-backinbooking .mob-booking-title {
    display: inline-block;
  }
  .mobile-backinbooking h1.business-name,
  .mobile-backinbooking .back-city-state {
    display: none;
  }
  .mobile-backinbooking .mob-back-left {
    width: 94px;
  }
  .mobile-backinbooking .mob-backtab-business {
    text-align: left;
  }
  .bookappointmentsearch .logo-name-div {
    display: block;
  }
  .book-wrapper.searched-appointment .bookservicecontainer,
  .book-wrapper.searched-appointment .add-service-div-cont {
    display: none;
  }
  .show-mobile-appoint {
    margin-left: 10px;
  }
  .book-wrapper {
    padding-top: 0;
    width: 100%;
  }
  .section-wrapper {
    max-width: 95%;
    margin: 0 auto;
  }
  .show-mobileappoint {
    margin-top: 20px;
  }
  .bookservicecontainer-inner {
    max-width: 95%;
    margin: 10px auto 0;
    padding-bottom: 60px;
  }
  .search-bar-parent-div-alt {
    display: block;
    box-shadow: none;
    border: 0 none;
    padding-right: 0;
    margin-top: 20px;
    border-radius: 0;
  }
  .search-bar-parent-div-alt .search-div-38 {
    background-color: white;
    width: 100%;
    max-width: 100%;
    border: 0 none;
    margin-bottom: 10px;
    display: block;
    height: 36px;
    border-radius: 5px;
  }
  .search-bar-parent-div-alt .search-div-38 .dropdown-text-input,
  .search-bar-parent-div-alt .search-div-38 .date-timeinput {
    height: 36px;
    border: 1px solid #cdcdcd;
  }
  .search-bar-parent-div-alt .search-div-38 .select2-container-multi .select2-choices .select2-search-field input {
    padding: 0 11px;
  }
  .search-bar-parent-div-alt .search-div-38.service-book-what .select2-container-multi .select2-choices .select2-search-field input {
    padding-left: 30px;
  }
  .search-bar-parent-div-alt .search-font-absolute {
    top: 8px;
    font-size: 15px;
    left: 10px;
  }
  .search-bar-parent-div-alt .date-timeinput {
    background-color: white;
    border-radius: 5px;
  }
  .addbutton {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .service-removeico,
  .font-awesome.solid.service-removeico {
    left: 0;
    top: 6px;
  }
  .service-added-provider {
    height: 36px;
  }
  .service-book-what .dropdown-text-input {
    padding-left: 30px;
  }
  .dropdown-text-input {
    /*background-color: rgba(143, 143, 148, 0.118);*/
    border-radius: 5px;
  }
  .search-bar-parent-div-alt .hero-search-button {
    height: auto;
  }
  .no-serviceselection .remove-in-bundle {
    display: none;
  }
  .bookservicecontainer-inner .search-div-38._16 {
    width: 100%;
  }
  .service-added-div .search-bar-parent-div-alt {
    margin-top: 10px;
  }
  .service-commondrop.select2-drop {
    margin-top: 0;
  }
  .searchbar-service-provider:last-of-type {
    margin-bottom: 0;
  }
  .bookprofiles-container {
    display: block;
  }
  .bookprofiles-container .book-profile-flex-div {
    width: 100%;
    display: block;
    padding-right: 0;
    margin-top: 20px;
  }
  .bookprofiles-container .book-profile-flex-div.book-profile-two {
    width: 100%;
  }
  .bookprofiles-container .profile-link-block {
    float: left;
  }
  .bookprofiles-container .book-profile-contact-div {
    margin-left: 95px;
  }
  .search-bar-parent-div-alt .hero-search-button {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .searchbar-service-provider .search-div-38 {
    background-color: transparent !important;
    height: 36px !important;
    font-size: 16px;
    padding: 0;
    width: 100%;
    border: 0 none;
  }
  .searchbar-service-provider .search-div-38.book-service-open {
    background-color: white !important;
  }
  .searchbar-service-provider .search-div-38.book-service-open .bookserviceinput {
    background-color: transparent;
  }
  .searchbar-service-provider .search-div-38 .service-addedname {
    height: 36px;
  }
  .searchbar-service-provider .search-div-38 .service-addedname .select2-container-multi .select2-choices .select2-search-field input {
    padding-left: 11px;
  }
  .searchbar-service-provider .search-div-38 .bookserviceinput {
    height: 100%;
    background-color: white;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    padding: 0 11px;
  }
  .searchbar-service-provider .search-div-38 .select2-container.bookserviceinput {
    padding-left: 0;
    padding-right: 0;
  }
  .bookappointmentsearch:not(.no-serviceselection) .searchbar-service-provider .search-div-38 .service-addedname .bookserviceinput {
    margin-left: 26px;
    width: auto;
    display: block;
  }
  /* Common Class for mobile service design CSS start */
  
  .book-service-open-common {
    position: fixed;
    top: 50px;
    background-color: white;
    left: 0;
    right: 0;
    margin: 0;
    height: 70px !important;
    z-index: 2 !important;
  }
  .book-service-open-common.location-div {
    border: 0 none;
  }
  .book-service-open-common .service-dropdown.daily.select2-container-multi .select2-choices .select2-search-field:after {
    display: none;
  }
  .book-service-open-common .search-font-absolute-common {
    top: 28px;
    left: 24px;
    display: block !important;
    font-size: 15px;
    line-height: 20px;
  }
  .book-service-open-common .dropdown-fa-absolute {
    display: none;
  }
  .book-service-open-common .select2-container {
    margin-top: 20px;
    margin-left: 15px;
    float: left;
  }
  .book-service-open-common .select2-container.service-mob-commoninput {
    height: 36px;
    padding-left: 0;
    padding-right: 0;
    background-image: none;
  }
  .book-service-open-common .select2-container.service-mob-commoninput input {
    padding-left: 30px !important;
    padding-right: 11px !important;
    font-size: 16px !important;
  }
  .book-service-open-common.mob-location-filter .select2-container-multi .select2-choices {
    height: 100%;
  }
  .book-service-open-common.mob-location-filter .select2-container-multi .select2-choices .select2-search-field input {
    width: 100% !important;
  }
  .book-service-open-common .mobile-locationchange {
    display: none;
  }
  .book-service-open-common .cancel-select-service {
    display: block;
  }
  .book-service-open-common .service-mob-commoninput {
    background-color: rgba(143, 143, 148, 0.118);
    border: 0 none;
    margin-top: 20px;
    margin-left: 15px;
    width: calc(100% - 100px);
    padding: 0 11px;
    padding-left: 30px;
    height: 36px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 5px;
  }
  .book-service-open-common .service-mob-commoninput .dropdown-icon {
    display: none;
  }
  .book-service-open-common .errortext,
  .book-service-open-common label.errorInput {
    display: none !important;
  }
  .service-what-dropdown,
  .mobcommon-dropdown {
    position: fixed;
    top: 120px !important;
    left: 0 !important;
    width: 100% !important;
    bottom: 0 !important;
    border: 0 none !important;
  }
  .service-what-dropdown.bookaservice-select.select2-drop,
  .mobcommon-dropdown.bookaservice-select.select2-drop {
    box-shadow: none;
    margin-left: 0;
  }
  .service-what-dropdown .select2-results,
  .mobcommon-dropdown .select2-results {
    max-height: 100%;
  }
  .build-gc-container.gc-transformnone {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transform-style: flat !important;
    transform-style: flat !important;
    perspective: none !important;
  }
  .build-gc-container.gc-transitionNone {
    -webkit-transition: none !important;
    transition: none !important;
  }
  /* Common Class for mobile service design CSS end */
  
  .service-book-what.book-service-open {
    position: fixed;
    top: 50px;
    background-color: white;
    left: 0;
    margin-bottom: 0;
    height: 70px !important;
    z-index: 2;
    border-radius: 0;
  }
  .search-bar-parent-div-alt .book-service-open .search-font-absolute {
    top: 28px;
    left: 24px;
    display: block !important;
  }
  .book-service-open .service-addedname {
    position: static;
  }
  .search-div-38.service-book-what .select2-container.dropdown-text-input {
    height: 36px;
  }
  .book-service-open.search-div-38.service-book-what .select2-container.dropdown-text-input,
  .book-service-open.search-div-38.service-book-what .select2-container.bookserviceinput {
    margin-top: 20px;
    margin-left: 15px;
  }
  .book-service-open .cancel-select-service {
    display: block;
  }
  .book-service-open.service-book-what .dropdown-text-input {
    width: calc(100% - 100px);
  }
  .bookappointmentsearch:not(.no-serviceselection) .searchbar-service-provider .search-div-38.book-service-open .service-addedname .bookserviceinput {
    width: calc(100% - 100px);
    float: left;
    margin-left: 15px;
  }
  .bookappointmentsearch:not(.no-serviceselection) .searchbar-service-provider .search-div-38.book-service-open .service-addedname input.bookserviceinput {
    padding-left: 30px;
  }
  .searchbar-service-provider .search-div-38.book-service-open .service-addedname .select2-container-multi .select2-choices .select2-search-field input {
    padding-left: 30px;
  }
  .book-service-open .service-removeico {
    display: none;
  }
  .service-book-drop {
    position: fixed;
    top: 120px !important;
    left: 0 !important;
    width: 100% !important;
    bottom: 0 !important;
  }
  .service-book-drop.select2-drop {
    border: 0 none;
  }
  .service-book-drop .select2-results {
    max-height: 100%;
  }
  .weekdayslider {
    padding: 0;
  }
  .weekdayslider .owl-nav,
  .weekdayslider .owl-prev,
  .weekdayslider .owl-next {
    display: none;
  }
  .weekdayslider .slick-list {
    border: 0 none;
  }
  .book-wrapper.searched-appointment .bookappointmentsearch .div-mobile-back {
    background-color: white;
    padding: 12px 0 13px;
    margin: 0;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .weekslider-container {
    width: 100%;
    margin-bottom: 0;
  }
  .dvDateSlider {
    background-color: white;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .class-wrapper .dvDateSlider {
    z-index: 2;
  }
  .book-wrapper.searched-appointment {
    padding-top: 155px;
  }
  .book-checkout .book-wrapper.searched-appointment {
    padding-top: 0;
  }
  .month-center-div {
    margin-top: 0;
    line-height: 24px;
    padding: 12px 0 13px;
  }
  .month-this-week {
    padding-right: 6px;
  }
  .month-this-week,
  .this-week {
    display: inline;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    color: #333333;
    text-transform: none;
    line-height: 24px;
  }
  /* Class Page */
  
  .windowsPhone .book-class-btn {
    display: block;
    text-align: center;
  }
  /* Class Tab Design - 19 Feb 2018 */
  
  .wrap-1000-div {
    width: 100%;
  }
  .class-wrapper {
    padding-top: 140px;
  }
  .class-col-verywidth {
    width: 100%;
    float: none;
  }
  .class-date-time {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-bottom: 2px;
  }
  .class-name-col {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .class-signup-col {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .class-book-time {
    /*font-size: 18px;*/
    font-weight: 400;
  }
  .class-available-container {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .class-available-container .class-date-time {
    padding-left: 0;
  }
  .class-instructor-col {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .class-date.class-table-head {
    width: 100%;
    /*font-size: 20px; line-height: 26px;*/
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
  }
  .class-date.class-table-head .class-signup-col,
  .class-date.class-table-head .class-name-col,
  .class-date.class-table-head .class-instructor-col {
    display: none;
  }
  .class-name-div {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .book-class-btn.class-signup .w-dropdown-toggle,
  .book-class-btn.class-signup .dropdown-toggle {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .book-class-btn.class-signup .w-dropdown-list.dropdownclass-section {
    left: 0;
    right: 0;
  }
  .class-time-spots .class-book-time {
    display: inline-block;
    margin-right: 8px;
  }
  .class-div .class-name-col,
  .class-div .class-instructor-col,
  .class-div.spotleftDescription .class-date-time {
    padding-top: 0;
  }
  /* Mobile Class Name on Top */
  
  .class-name-col.mobile {
    display: block;
  }
  .class-name-col.desktop {
    display: none;
  }
  .class-div .gen-tooltip-icon {
    font-size: 18px;
  }
  /*Rakesh Changes for workshop popup start*/
  
  .class-checkin-pop .modal-dialog {
    padding: 0;
    margin-top: 0 !important;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
  }
  .class-checkin-pop .modal-dialog .mobile-class-detail-wrap {
    max-height: calc(100% - 36px);
    margin-top: 36px;
    overflow: auto;
  }
  .class-checkin-pop .modal-dialog .modal-content {
    max-height: initial;
    overflow: initial;
    margin-top: 0px;
  }
  .class-checkin-pop .modal-footer {
    position: relative;
    bottom: inherit;
  }
  .class-checkin-pop .modal-footer.footer-blue-buttons .btn {
    width: 31.5%;
    font-size: 17px;
    height: 50px;
    padding: 7px 20px;
  }
  .class-checkin-pop .modal-footer.footer-blue-buttons .btn.btn-default {
    margin-left: 0;
  }
  body:not(.ipadandroid) .class-checkin-pop .modal-dialog .mobile-class-detail-wrap::-webkit-scrollbar {
    width: 7px;
    background-color: #d9d9d9;
    border-radius: 10px;
    height: 7px;
  }
  body:not(.ipadandroid) .class-checkin-pop .modal-dialog .mobile-class-detail-wrap::-webkit-scrollbar-thumb {
    background-color: #7d7e7e;
    border-radius: 10px;
  }
  body:not(.ipadandroid) .class-checkin-pop .modal-dialog .mobile-class-detail-wrap::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  .class-detail-popup .modal-footer.footer-blue-buttons .btn {
    width: 100% !important;
    float: none;
    margin-bottom: 10px;
    margin-left: 0 !important;
  }
  .class-div .class-name-div {
    font-size: 20px;
    font-weight: 500;
  }
  .class-div .class-signup-col {
    padding-top: 0;
  }
  .class-time-spots .text-block-18 {
    margin-top: 0;
  }
  .class-wrapper .search-div-38.service-what-div,
  .class-wrapper .search-div-38.service-what-div {
    width: 100%;
    float: none;
  }
  .class-wrapper .weekslider-container {
    margin-bottom: 0;
  }
  .class-wrapper .search-bar-parent-div-alt .search-div-38 {
    border: 0 none;
    height: 36px;
    border-radius: 0;
  }
  /*Rakesh Changes for workshop popup end*/
  
  .class-div .class-name-div {
    font-size: 20px;
    font-weight: 500;
  }
  .class-div .class-signup-col {
    padding-top: 0;
  }
  .class-time-spots .text-block-18 {
    margin-top: 0;
  }
  .class-wrapper .search-div-38.service-what-div,
  .class-wrapper .search-div-38.service-what-div {
    width: 100%;
    float: none;
  }
  .class-wrapper .weekslider-container {
    margin-bottom: 0;
  }
  .class-wrapper .search-bar-parent-div-alt .search-div-38 {
    border: 0 none;
    height: 36px;
    border-radius: 0;
  }
  /* Class booking Popup */
  
  .class-detail-popup {
    padding: 0 !important;
  }
  .class-detail-popup .modal-dialog {
    margin: 0 !important;
    height: 100%;
    padding: 0;
    width: 100%;
  }
  .class-detail-popup .modal-content {
    height: 100%;
    border-radius: 0;
    overflow: auto;
    /*-webkit-overflow-scrolling: touch;*/
  
  }
  .class-detail-popup .modal-footer.footer-blue-buttons .btn {
    width: 31.5%;
  }
  .class-detail-popup .modal-footer.footer-blue-buttons .btn.btn-default {
    margin-left: 0;
  }
  .eventatendee {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  .eventsession {
    margin-bottom: 20px;
    width: 100%;
  }
  .classpriceRow {
    line-height: 1.2;
    width: auto;
  }
  .signupdays {
    display: block;
    width: 100%;
  }
  .signupdays .text-block-17 {
    margin: -39px 0 20px 240px;
  }
  .dayselection {
    padding-top: 17px;
    display: block;
  }
  .qty-big-control .arrow-up-down a {
    width: 30px;
  }
  /* Class Add Attendee Popup */
  
  .eventpopupbody .eventusergroup {
    max-height: inherit;
    overflow: visible;
  }
  /* Class Unavailable Popup */
  
  .conflict-container {
    max-height: inherit;
    overflow: visible;
  }
  .cls-conflict-left {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .cls-conflict-dropdown {
    margin-left: 0;
  }
  .cls-conflict-dropdown .w-custom-dropdown {
    width: 200px;
  }
  /* Book Confirm page */
  
  .windowsPhone .right-checkout {
    display: block;
  }
  .div-block-22 {
    min-height: inherit;
  }
  /* Shopping Bag */
  
  .product-div-shopping-col {
    display: block;
    float: left;
    width: 100%;
  }
  .product-div-shopping-bag {
    display: block;
    float: left;
    width: 100%;
  }
  .product-div-shopping-bag .div-block-59 {
    word-break: break-word;
  }
  .product-left-shopping-bag {
    display: block;
    float: left;
    width: -webkit-calc(100% - 130px);
    width: -moz-calc(100% - 130px);
    width: -ms-calc(100% - 130px);
    width: -o-calc(100% - 130px);
    width: calc(100% - 130px);
  }
  .product-left-shopping-bag .img-shopping-bag {
    float: left;
  }
  .product-left-shopping-bag .div-block-42 {
    margin-left: 95px;
  }
  /* Login Page */
  
  .sign-in-parent-div .display-table,
  .sign-in-parent-div .display-table-cell {
    display: block;
  }
  .loginpagecont .sign-in-parent-div {
    padding-top: 80px;
  }
  .sign-in-right-div {
    width: 90%;
    margin: 0 auto;
  }
  .sign-in-div {
    width: 100%;
    margin: 0 auto 15px;
  }
  .forgotPass-img {
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  /* Login from customer app Start */
  
  .vagaroapp-webpage .loginpagecont .sign-in-background {
    background-color: white;
    height: auto;
  }
  .vagaroapp-webpage .loginpagecont .sign-in-parent-div {
    padding-bottom: 90px;
    padding-top: 50px;
  }
  .vagaroapp-webpage .loginpagecont .sign-in-parent-div .display-table,
  .vagaroapp-webpage .loginpagecont .sign-in-parent-div .display-table-cell {
    background-color: white;
  }
  .vagaroapp-webpage .loginpagecont .sign-in-right-div {
    width: 100%;
  }
  .vagaroapp-webpage .loginpagecont .sign-in-div {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0px;
    box-shadow: none;
  }
  .vagaroapp-webpage .loginpagecont .stepLogin1 .sign-in-btn-divinner,
  .vagaroapp-webpage .loginpagecont .stepLogin2 .sign-in-btn-divinner {
    padding-left: 0;
    padding-right: 0;
  }
  .vagaroapp-webpage .loginpagecont .stepLogin2 .sign-in-btn-divinner {
    padding-bottom: 10px;
  }
  .vagaroapp-webpage .loginpagecont .loginbtncont {
    background-color: white;
    padding: 0 10px 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    /*right: 0;*/
    width: 100%;
    margin-left: 0;
    -web-transition: margin-left 300ms linear;
    -ms-transition: margin-left 300ms linear;
    transition: margin-left 300ms linear;
  }
  .vagaroapp-webpage .loginpagecont .log-in-btn {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .vagaroapp-webpage .loginpagecont .display-table {
    height: auto;
  }
  /* Login from customer app End */
  
  #divBrandedAppPoweredByVagaro {
    padding-top: 15px;
  }
  /* Login popup */
  
  /* Login Popup Design Looks Like Login Page: START */
  
  .loginpopopen .loginmodalpopup button.close {
    right: 5%;
    top: 20px;
  }
  .loginpopopen .loginmodalpopup .sign-in-background {
    background-color: white;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .loginpopopen .loginmodalpopup .sign-in-parent-div {
    padding-top: 44px;
    padding-bottom: 70px;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .loginpopopen .loginmodalpopup .sign-in-parent-div .display-table,
  .loginpopopen .loginmodalpopup .sign-in-parent-div .display-table-cell {
    background-color: white;
  }
  .loginpopopen .loginmodalpopup .sign-in-div {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0;
    box-shadow: none;
  }
  .loginpopopen .loginmodalpopup .sign-in-btn-divinner {
    padding-left: 0;
    padding-right: 0;
  }
  .loginpopopen .loginmodalpopup .sign-in-right-div {
    width: 100%;
  }
  .loginpopopen .loginmodalpopup .login-eventfields {
    padding: 0 0 0px;
    min-height: 90px;
  }
  .loginpopopen .loginmodalpopup .loginbtncont {
    background-color: white;
    padding: 0 15px 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .loginpopopen .loginmodalpopup .log-in-btn {
    font-size: 18px;
    padding: 15px;
  }
  .signuppopopen .loginmodalpopup .sign-in-btn-divinner {
    padding-left: 0;
    padding-right: 0;
  }
  .loginpopopen.Popup_Widget .loginmodalpopup .sign-in-parent-div {
    height: auto;
    padding-bottom: 0;
  }
  .loginpopopen.Popup_Widget .loginmodalpopup button.close {
    right: 20px;
  }
  .loginpopopen.Popup_Widget .loginmodalpopup .login-eventfields {
    padding: 0;
  }
  .loginpopopen.Popup_Widget .loginmodalpopup .loginbtncont {
    background-color: transparent;
    padding: 0;
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .loginpopopen.Popup_Widget .loginmodalpopup .log-in-btn {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  /* Login Popup Design Looks Like Login Page: END */
  
  .windowsApp .loginmodalpopup .sign-in-text-field {
    display: block;
  }
  .windowsApp .btn-icon-div {
    display: block;
    position: absolute;
    top: 14px;
  }
  .windowsApp .hideinscreenlock .btn-icon-div {
    left: 13px;
  }
  .windowsApp #aFBLogin .btn-icon-div,
  .windowsApp #aFBSignup .btn-icon-div {
    left: 17px;
  }
  .windowsApp .logintext-padding {
    padding-left: 30px;
  }
  .windowsApp .signininput {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 82%;
  }
  /* Change Password */
  
  .unsubscribeWrap {
    padding: 15px 10px 30px;
  }
  /* 2 Step Authentication */
  
  .login-enterotp {
    padding-bottom: 20px;
  }
  /* Sign Up page */
  
  .signupmodalpopup .sign-in-background {
    background-color: white;
  }
  .signupmodalpopup .sign-in-right-div {
    width: 90%;
  }
  .signupmodalpopup .sign-in-parent-div {
    width: 90%;
  }
  .signupmodalpopup .sign-in-parent-div .display-table,
  .signupmodalpopup .sign-in-parent-div .display-table-cell {
    background-color: white;
  }
  .signupmodalpopup .sign-in-div {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0px;
    box-shadow: none;
  }
  /* Sign Up page end */
  
  /* User Agreement popup */
  
  .useraggreement-popup .modal-dialog {
    width: 100%;
    margin: 0 auto !important;
    height: 100%;
    padding: 10px;
  }
  .useraggreement-popup .modal-content {
    height: 100%;
  }
  .useraggreement-popup .modal-body {
    height: -webkit-calc(100% - 53px);
    height: -moz-calc(100% - 53px);
    height: -ms-calc(100% - 53px);
    height: calc(100% - 53px);
  }
  .useraggreement-popup .bootbox-body,
  .useraggreement-popup #dvAgreementPolicy {
    height: 100%;
  }
  .useraggreement-popup #dvAgreementPolicy iframe {
    height: 100%;
  }
  /* Product Page */
  
  .product-popup-div {
    padding-left: 15px;
  }
  .shoppingcartpopup.modal {
    padding-right: 0 !important;
  }
  .shoppingcartpopup .modal-dialog {
    margin: 0 !important;
    padding: 0;
    height: 100%;
  }
  .shoppingcartpopup .modal-content {
    height: 100%;
  }
  .shoppingcartpopup button.close {
    height: 22px;
  }
  .w-dropdown .ms-choice:after {
    font-size: 24px;
    top: 0;
  }
  .dropdown-icon-prod {
    font-size: 24px;
  }
  /* Winoows Phone Product page */
  
  .windowsPhone .book-service-div,
  .windowsPhone .product-form-flex {
    display: block;
  }
  .windowsPhone .div-block-140 {
    display: block;
    clear: left;
  }
  .windowsPhone .div-block-140:before,
  .windowsPhone .div-block-140:after {
    content: " ";
    display: table;
  }
  .windowsPhone .div-block-140:after {
    clear: both;
  }
  .windowsPhone .product-type-dropdown {
    float: left;
  }
  .windowsPhone .brand-dropdown {
    float: right;
  }
  /* review tab change 20-3-2018 */
  
  .write-review .review-left-div .fullwidth-element img {
    display: none !important;
  }
  /* review tab change 20-3-2018 */
  
  .vagaroapp-webpage .divEmptystate.verti-center {
    height: 80vh;
  }
  /* location css */
  
  .multi-location-button {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    margin: 12px auto 0;
  }
  .location-button {
    height: 50px;
  }
  .location-name {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  /* location css */
  
  .disblock {
    display: block;
    width: 100%;
  }
  .changePasswordDiv {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .UP-Submit {
    width: 100%;
    height: 50px;
    font-size: 16px;
  }
  .disblock {
    margin-left: 0;
  }
  .changePasswordDiv .display-table,
  .changePasswordDiv .display-table-cell {
    display: block;
  }
  .changePasswordDiv .changeFormbk .display-table-cell {
    padding-bottom: 10px;
  }
  .appointTab {
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: -o-calc(100%);
    width: -ms-calc(100%);
    width: 100%;
  }
  .mobile-remove-disflex {
    display: block;
  }
  .w-tabs {
    display: inline-block;
    margin-top: 10px;
  }
  .signup-user-found .signininput {
    height: 50px;
  }
  .signup-user-found {
    padding: 0 0 20px;
  }
  .select2-hilight-title:after {
    display: none !important;
  }
  .Embedded_Widget .class-inwebsite-widget .modal-dialog {
    position: relative;
    top: inherit;
    left: inherit;
  }
  .Embedded_Widget .class-inwebsite-widget .modal-dialog .modal-body {
    padding-top: 20px;
  }
  .Embedded_Widget .class-inwebsite-widget .modal-dialog .mobile-class-detail-wrap {
    margin-top: 0;
  }
  .formLogin .sign-in-div {
    width: 100%;
  }
  /* Add Css By Sneha 03-08-2018 Start */
  
  /* Waitlist Add to Button css Start */
  
  .WaitlistPopup-bg {
    z-index: 1005 !important;
    top: 50px;
  }
  .WaitlistpopupPart {
    position: relative;
  }
  .WaitlistpopupPart .SelectDatePart {
    width: 100% !important;
  }
  .WaitlistpopupPart .selectTimePart {
    width: 100% !important;
    padding-left: 0 !important;
  }
  .WaitlistpopupPart .xdsoft_datetimepicker {
    max-width: 100%;
    min-width: auto !important;
    width: 100%;
    height: auto;
  }
  .WaitlistpopupPart .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 100% !important;
  }
  .WaitlistpopupPart .xdsoft_datetimepicker .xdsoft_label {
    float: none;
    padding: 0 10px 0 5px;
  }
  .WaitlistpopupPart .WaitlistTimes .WaitlistTimesInputCheck {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .WaitlistpopupPart .waitlistpopuptitle {
    padding-left: 0;
    padding-right: 0;
  }
  .WaitlistpopupPart .modal-header {
    position: fixed;
    display: block;
    height: 60px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .WaitlistpopupPart .modal-header button.close.text {
    display: none;
  }
  .WaitlistpopupPart .modal-footer.footer-blue-buttons .btn {
    margin-left: 0px !important;
    margin-top: 10px;
  }
  .WaitlistpopupPart .modal-footer.footer-blue-buttons .btn:first-child {
    margin-top: 0;
  }
  .Waitlistpopupbody {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    top: 60px;
    overflow: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .WaitlistpopupPart .modal-header button.close {
    right: 30px;
  }
  .WaitlistpopupPart .modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 1;
  }
  .waitlist-dropdownList .select2-dropdown--below {
    right: 20px !important;
    width: auto !important;
  }
  .dropdown-full-width .select2-dropdown--below {
    right: 57px !important;
    width: auto !important;
  }
  .waitlistdatepicker-heightfix {
    height: auto;
  }
  .WaitlistpopupPart .WaitListServiceFull {
    width: 100%;
  }
  .WaitlistpopupPart .WaitlistDisc {
    width: 100%;
    margin-top: 12px;
  }
  .common-watilistfull {
    margin: 0 auto;
    width: 95%;
  }
  .add-to-waitlist-full {
    margin-top: 10px;
  }
  .WaitlistpopupPart .SelectDatePart td.xdsoft_current.select-cross span.selectdatesi {
    right: -8px;
    top: -10px;
  }
  /* Add Dang Css By Sneha 03-08-2018 End */
  
  .NewaddtowailistRow .search-div-38:last-child .dropdown-fa-absolute {
    display: none !important;
  }
  /* Waitlist Add to Button css End */
  
  /* Add Css by Pravin Start */
  
  /*.waitlist-class-popup .modal-dialog {padding: 0; margin-top: 0 !important; max-width: 100%; position: absolute; top: 0; left: 0; border-radius: 0;}
      .waitlist-class-popup .modal-dialog .modal-content {max-height: calc(~"100% - 92px"); margin-top: 36px;}
      .wl-add-btn {padding:15px 0px;}*/
  
  .waitlist-class-popup .eventpopupbody {
    width: 100%;
  }
  .waitlist-class-popup .eventpopupbody-right {
    width: 100%;
    padding: 0;
  }
  /* Add Css by Pravin End */
  
  /* Add Css by Sneha Start 29-08-2018 */
  
  .waitlist-class-popup .table-lable-waitlist {
    display: none;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 3px;
  }
  .waitlist-class-popup .eventpopupbody .userdetail.add-attendee-head {
    display: none;
  }
  .waitlist-class-popup .eventpopupbody .dynemicData {
    position: relative;
    padding-top: 30px;
  }
  .waitlist-class-popup .eventpopupbody li.width3per .addremoveicon {
    position: absolute;
    top: 5px;
    right: 0px;
  }
  .waitlist-class-popup .eventpopupbody .eventusergroup {
    max-height: none;
  }
  .onlineclassffheight {
    max-height: none;
  }
  .waitlist-class-popup .add-attendee-scroll {
    overflow-y: auto;
    max-height: none;
  }
  .waitlist-class-popup .eventpopupbody li.width23per,
  .waitlist-class-popup .eventpopupbody li.width26per,
  .waitlist-class-popup .eventpopupbody li.width24per,
  .waitlist-class-popup .eventpopupbody li.width3per {
    width: 100%;
    float: none;
  }
  .waitlist-class-popup .eventpopupbody li.width3per {
    margin-bottom: 20px;
    padding-top: 0;
    text-align: right;
  }
  .waitlist-class-popup .eventpopupbody li.width3per .addremoveicon {
    display: inline-block;
    margin-right: 0;
  }
  .waitlist-class-popup .eventpopupbody .rightpadding10 {
    padding-right: 0;
  }
  .waitlist-class-popup .mobi-buttons {
    display: none;
  }
  .waitlist-class-popup .mobi-buttons button {
    width: 100%;
  }
  .waitlist-class-popup .popup-addnew-btn {
    display: block;
  }
  .waitlist-class-popup .popup-addnew-btn button {
    width: 100%;
  }
  .waitlist-class-popup .popupContent {
    border: 0;
  }
  .waitlist-class-popup .eventpopupbody .userdetail {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
  }
  .waitlist-class-popup .eventpopupbody .userdetail:hover {
    background: none;
  }
  #ulstaticContent .table-lable-waitlist {
    display: none;
  }
  .mobile-input-full {
    display: block;
    min-height: 50px;
  }
  .mobile-input-full-none {
    display: none;
  }
  .waitlist-class-popup .mobile-input-full.table-lable-waitlist {
    display: none;
  }
  .waitlist-class-popup .mobile-input-full .w-input {
    height: 50px;
  }
  .waitlist-class-popup .w-input {
    height: 50px;
  }
  .waitlist-class-popup .qty-big-control .upDownArow .w-input,
  .qty-big-control .upDownArow input {
    height: 42px;
  }
  /*.waitlist-class-popup .eventpopupbody .userdetail { border-color: #cdcdcd; }*/
  
  .waitlist-class-popup .mobi-buttons button.btn.btn-default {
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .waitlist-class-popup .addWaitllist-title {
    display: none;
  }
  .waitlist-class-popup .addWaitllist-title h2 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
  }
  .appointment-button-div.alt.waitlist-inline-btn .cancel-div {
    height: 42px;
  }
  .common-add-waitlist-btn {
    width: 100% !important;
  }
  /* Add Css by Sneha End 29-08-2018 */
  
  .class-detail-popup .newpopupdesign {
    width: 100% !important;
  }
  /*sudeep Appointment Waitlist Css*/
  
  .appointment-waitlist .accept-div-overall {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 0px;
  }
  .appointment-waitlist .green-circle-div {
    margin-bottom: 10px;
  }
  .appointment-waitlist .accept-paragraph {
    font-size: 18px;
  }
  .appointment-waitlist .div-block-94 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .appointment-waitlist .div-block-95 {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-right-style: none !important;
  }
  .appointment-waitlist .div-block-99 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .appointment-waitlist .div-block-95.right {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .appointment-waitlist .div-block-101 {
    text-align: center;
  }
  .appointment-waitlist .btn.common-btn-style.common-green-btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .appointment-waitlist .div-block-95 {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px ;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-right-style: none !important;
  }
  .appointment-waitlist .div-block-95.map {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .appointment-waitlist .avatar-name-smaller {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .appointment-waitlist .calendar-icon-success {
    margin-bottom: 22px;
  }
  .appointment-waitlist .name-booking-success._\33 0px-marg-top {
    padding-top: 16px;
  }
  .appointment-waitlist .appt-service-provider {
    text-align: left;
  }
  .appointment-response .booked-date-time,
  .appointment-response .booked-location-map {
    margin-bottom: 10px;
  }
  /*sudeep Appointment Waitlist Css End*/
  
  /* New Add to waitlist popup Desing Css add by sneha 29-11-2018 */
  
  .newWaitlistAdddate {
    height: auto!important;
    bottom: 160px;
  }
  .WaitlistpopupPart .newaddwaitlistdatepicker {
    border-bottom: 0;
    padding-top: 5px;
  }
  .newWaitlistAdddate .adddatetimerow {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 0;
  }
  .WaitlistpopupPart .waitlistnewbody {
    top: 0;
  }
  .WaitlistpopupPart .WaitlistDiscfullwidth {
    display: none;
  }
  .WaitlistpopupPart .reswaitlistServiceTitle {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
    padding-bottom: 2px;
    display: block;
  }
  .WaitlistpopupPart .reswaitlistServiceTitle span {
    font-size: 18px;
    color: #333333;
    font-weight: 400;
  }
  .WaitlistpopupPart .resTimeWLavailability {
    overflow: auto;
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0px;
    width: 100%;
    padding-bottom: 75px;
  }
  .WaitlistpopupPart .Waitlistpopupbody {
    padding-top: 0;
  }
  .WaitlistpopupPart .WaitListServicehalfWidth {
    width: 100%!important;
  }
  .WaitlistpopupPart .newWaitlistAdddate:first-child .dropdown-fa-absolute {
    display: block !important;
    right: 6px;
    top: 10px;
  }
  .newWaitlistAdddate .search-div-38.service-datetime-div .date-timeinput {
    padding-left: 10px;
  }
  .newWaitlistAdddate .search-div-38 {
    height: 44px !important;
  }
  .newWaitlistAdddate .dropdown-fa-absolute {
    top: 12px !important;
    right: 7px;
    font-size: 18px;
  }
  .WaitlistpopupPart .newWaitlistAdddate .search-div-38 .removeicon-waitlist {
    left: 5px;
    top: 12px;
    font-size: 24px;
  }
  .WaitlistpopupPart .NewAddwaitlistLine {
    margin-bottom: 10px;
    margin-top: 5px;
  }
  .WaitlistpopupPart .newWaitlistAdddate .search-div-38 .Adddate-timeinput {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px 0 0 2px !important;
    margin-left: 20px !important;
    padding-left: 10px;
    width: 78%;
    position: absolute;
    right: 0;
  }
  .WaitlistpopupPart .newWaitlistAdddate .search-div-38 .date-timeinput {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px 0 0 2px !important;
    border-right: 0;
  }
  .WaitlistpopupPart .newWaitlistAdddate .search-div-38._16 .date-timeinput {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px 2px 2px 0px !important;
  }
  .WaitlistpopupPart .newWaitlistAdddate .search-div-38 .date-timeinput:last-child {
    margin-left: 0;
    font-size: 16px;
  }
  .WaitlistpopupPart .newWaitlistAdddate .search-div-38_16 .Adddate-timeinput {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px 0 0 3px !important;
    margin-left: 30px !important;
    padding-left: 10px;
    width: 91.5%;
  }
  .WaitlistpopupPart .newWaitlistAdddate .search-div-38 .date-timeinput:first-child {
    margin-left: 0;
    font-size: 16px;
  }
  .WaitlistpopupPart .waitlistTimeDate {
    padding-bottom: 20px;
  }
  .WaitlistpopupPart .newWaitlistAdddate .NewAddwaitlistLine:first-child .search-div-38 .date-timeinput {
    border-radius: 2px 0px 0px 2px;
  }
  .WaitlistpopupPart .newWaitlistAdddate .NewAddwaitlistLine:first-child .search-div-38._16 .date-timeinput:last-child {
    border-radius: 0px 2px 2px 0px;
  }
  .WaitlistpopupPart .newWaitlistAdddate .NewAddwaitlistLine:last-child .search-div-38 .date-timeinput {
    border-radius: 2px 0px 0px 2px;
  }
  .WaitlistpopupPart .newWaitlistAdddate .NewAddwaitlistLine:last-child .search-div-38._16 .date-timeinput:last-child {
    border-radius: 0px 2px 2px 0px;
  }
  .WaitlistpopupPart .waitlistTimeDate .addbutton {
    margin-bottom: 20px;
    margin-left: 0px;
    margin-top: 0;
    padding-bottom: 20px;
  }
  .WaitlistpopupPart .waitlistTimeDate .addbutton.btn-margin-left {
    margin-left: 40px;
  }
  /*========  Select your avaibility screen for mobile add css Start by sneha 6/12/2018 =======*/
  
  .mobileAvailability {
    z-index: 1;
    padding: 0;
    height: 100%;
  }
  .mobileAvailability .resWaitlistNewDropdownbg {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }
  .mobileAvailability .resWaitlistNewDropdownbg .waitlistpopuptitle .eventclass-name {
    font-size: 24px !important;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .waitlistpopuptitle .child-title {
    font-size: 16px !important;
    color: #777777;
    font-weight: 400;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .selectDateBg {
    width: 100%;
    padding-top: 30px;
    border-bottom: 1px solid #cdcdcd;
    text-align: center;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .selectDateBg .selectDateAvailability {
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    outline: 0;
    border: 0;
    margin-bottom: 5px;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist {
    width: 100%;
    background: white;
    border-radius: 5px;
    padding-top: 20px;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist li {
    display: block;
    width: 100%;
    text-align: center;
    height: 73px;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist li.rescheckbox-part {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none;
    position: relative;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist li.rescheckbox-part.info {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #2b90d6;
    border-bottom: none;
    position: relative;
    background: #eef3ff;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist li.rescheckbox-part.disabledate {
    background: #d8d8d8;
  }
  /*.mobileAvailability .resWaitlistNewDropdownbg .select-datelist li.rescheckbox-part.info:after{position:absolute; bottom:0; left:0; bottom:-1px; width:100%; height:1px; background-color:rgba(36,141,213,.15); content:"";}*/
  
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part:first-child {
    border-radius: 10px 10px 0px 0px;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part:last-child {
    border-radius: 0px 0px 10px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part:last-child.info {
    border-radius: 0px 0px 10px 10px;
    border-bottom: 1px solid #2b90d6;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .st-time {
    font-size: 20px;
    margin-left: -40px;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .wl-time {
    font-size: 20px;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part .checkbox-part {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .checkbox-part > label {
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 71px;
    margin-bottom: 0;
    vertical-align: top;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 10px;
    float: left;
    width: 100%;
    text-align: center;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part .checkbox-part > label span {
    font-weight: 400;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part .checkbox-part > input[type="checkbox"] {
    display: none;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part .checkbox-part > input[type="checkbox"] + label::before {
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    border-style: solid;
    border-width: 0px;
    box-sizing: border-box;
    content: "";
    cursor: pointer;
    float: left;
    height: 50px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 40px;
    background: none;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part .checkbox-part > input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    background: none;
    font-size: 24px;
    font-family: 'Fontawesome pro 400', sans-serif;
    color: #2a90d6;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part .checkbox-part > input[type="checkbox"]:disabled + label::before {
    background-color: #d8d8d8;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part .checkbox-part > input[type="checkbox"]:checked + label::after {
    position: absolute;
    bottom: 0;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: rgba(36, 141, 213, 0.79);
    content: "";
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .rescheckbox-part:last-child .checkbox-part > input[type="checkbox"]:checked + label::after {
    position: absolute;
    bottom: 0;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 0px;
    background-color: rgba(36, 141, 213, 0.79);
    content: "";
  }
  /*========  Select your avaibility screen for mobile add css End by sneha 6/12/2018 =======*/
  
  /* Sudeep Thank you page css */
  
  .confirmed-thank-you .div-block-95,
  .confirmed-thank-you .search-box.flag {
    border-right-style: none;
  }
  .confirmed-thank-you .div-block-95 {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }
  .confirmed-thank-you .div-block-95.map,
  .confirmed-thank-you .div-block-95.right {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .confirmed-thank-you .div-block-101 {
    text-align: center;
  }
  .confirmed-thank-you .div-block-95.left-border {
    padding-top: 19px;
    padding-bottom: 19px;
    border-left-style: none;
  }
  .confirmed-thank-you .div-block-94 {
    max-width: 90%;
  }
  .confirmed-thank-you .div-block-94,
  .confirmed-thank-you .how-it-works-column {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  .confirmed-thank-you .div-block-94 {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .confirmed-thank-you .common-green-btn {
    width: 100%;
  }
  .confirmed-thank-you {
    margin-bottom: 0;
  }
  .confirmed-thank-you .accept-div-overall {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 0;
  }
  /* Sudeep Thank you page css */
  
  .iosdevice.Embedded_Widget .dvDateSlider {
    position: absolute !important;
  }
  .mobile-social-menu {
    font-family: 'Fontawesome pro solid 900';
    font-size: 20px;
    color: #9b9b9b;
    display: none;
    margin-left: 5px;
    height: 50px;
    line-height: 50px;
    width: 25px;
    text-align: center;
    cursor: pointer;
  }
  /*Add By hariom For share popup on home page*/
  
  .social-share-popup .wgsocial {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
  }
  .social-share-popup .mobile-share-popup {
    height: 100%;
    background: transparent;
    width: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
  }
  .social-share-popup .dl-share-head {
    width: 100%;
    position: relative;
    background: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 25px 15px;
  }
  .social-share-popup .wg-soc-list {
    max-height: calc(100% - 71px);
    overflow: auto;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .wgsocial .mobile-share-popup .dl-share-head {
    border-bottom: 1px solid #d9d9d9;
    padding-left: 13px;
    padding-right: 13px;
  }
  .wgsocial .mobile-share-popup .dl-mobile-share-ico {
    border-top: none;
  }
  .mobile-share-mid {
    background-color: white;
    width: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
  }
  .removescroll-bg {
    position: fixed;
    overflow: hidden;
  }
  /*Add By hariom For share popup on home page end*/
  
  /* Review Screen Css  */
  
  .reviewProfile-bg .reviewProfile .notification-text-other {
    text-align: center;
  }
  .reviewProfile {
    display: flex;
  }
  .add-reviewbtn-bg {
    width: 100%;
    display: none;
  }
  .mobile-close {
    display: none;
  }
  .mobile-review {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100% !important;
  }
  .review-gallery-edit-dropdown {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 83px;
  }
  .review-gallery-image {
    border-radius: 10px;
  }
  .class-checkin-pop .modal-content .eventattendee-session {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .classpriceRow {
    width: 100%;
    text-align: left;
  }
  body.vgcustomerapp .hmtimemobileview span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 17px;
    color: #777777;
    width: 30px;
    height: 36px;
    line-height: 39px;
    z-index: 2;
    text-align: center;
  }
  body.vgcustomerapp .hmtimemobileview span:hover {
    color: #333333;
  }
  body.vgcustomerapp.mob-overflow-hidden #menuBar {
    z-index: 9002;
  }
  body.vgcustomerapp.moboverflow-hide #menuBar {
    z-index: 1002;
  }
  body.vgcustomerapp.searchaddservclass #menuBar {
    z-index: 9002;
  }
  body.vgcustomerapp.mob-overflow-hidden .custAppLoc {
    margin-left: -50px;
  }
  body.vgcustomerapp.moboverflow-hide .w-inline-block .business-name {
    display: none;
  }
  body.vgcustomerapp.moboverflow-hide .close-link-div {
    width: 100%;
    padding: 0;
    color: #333333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    height: 50px;
  }
  body.vgcustomerapp.moboverflow-hide .close-link-div .font-awesome.back-arrow {
    padding: 0px 10px 0px 13px;
    font-size: 40px;
    line-height: 50px;
  }
  body.desktopcustomerbody .hmtimemobileview span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 17px;
    color: #777777;
    width: 30px;
    height: 36px;
    line-height: 39px;
    z-index: 2;
    text-align: center;
  }
  body.desktopcustomerbody .hmtimemobileview span:hover {
    color: #333333;
  }
  body.desktopcustomerbody.mob-overflow-hidden #menuBar {
    z-index: 9002;
  }
  body.desktopcustomerbody.mob-overflow-hidden #mobileBack {
    display: block !important;
  }
  body.desktopcustomerbody.moboverflow-hide #menuBar {
    z-index: 1002;
  }
  body.desktopcustomerbody.searchaddservclass #menuBar {
    z-index: 9002;
  }
  body.desktopcustomerbody.mob-overflow-hidden .custAppLoc {
    margin-left: -50px;
  }
  body.desktopcustomerbody.moboverflow-hide .w-inline-block .business-name {
    display: none;
  }
  body.desktopcustomerbody.moboverflow-hide .close-link-div {
    width: 100%;
    padding: 0;
    color: #333333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    height: 50px;
  }
  body.desktopcustomerbody.moboverflow-hide .close-link-div .font-awesome.back-arrow {
    padding: 0px 10px 0px 13px;
    font-size: 40px;
    line-height: 50px;
  }
  /* Family and Friends Appointment css add by sneha 25-07-2019 Start */
  
  .ffprofile-photo-div {
    margin-top: 20px;
    padding-right: 0;
    flex-direction: column-reverse;
    -webkit-box-direction: reverce;
    -webkit-box-orient: verticle;
  }
  .profile-upload-and-text {
    margin-bottom: 8px;
  }
  .prof-ffsharing-bg .shared-tag-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding-top: 0px;
    margin-top: -5px;
  }
  .ffshipping-bg .avtar-subtitle {
    line-height: 12px;
  }
  /*.ffprofiletooltipblock{top:-73px;}*/
  
  .ffprofiletooltipblock br {
    display: block;
  }
  .prof-ffsharing-bg .ff-name {
    margin-bottom: 2px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  /* Family and Friends Appointment css add by sneha 25-07-2019 End */
  
  .ffaddguest-popup .modal-footer .btn-default {
    width: 100%;
    margin-bottom: 15px;
  }
  .ffaddguest-popup .modal-footer .btn-primary {
    width: 100%;
    margin-left: 0px;
  }
  .ffaddguest-popup .modal-body {
    max-height: 200px;
    overflow-y: auto;
  }
  .ffaddguest-popup .form-50-div {
    width: 100%;
  }
  .ffaddguest-popup .create-ff-row-2 {
    flex-direction: column;
  }
  .ffaddguest-popup .mobile-hide {
    display: none;
  }
  .ffshipping-bg .pending-tag-parent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .ffshipping-bg .invitpending {
    margin-left: 0;
  }
  /* Online add/edit Family and Friends sharing add start by sneha*/
  
  .Addffsharing-popup-online.Addffsharing-popup .modal-dialog {
    width: 96% !important;
  }
  .Addffsharing-popup-online .ffprofilephoto-bg {
    width: 100%;
  }
  .Addffsharing-popup-online .ff-info-parent {
    width: 100%;
  }
  .Addffsharing-popup-online .ffsharing-tabcontentbody {
    flex-direction: column;
  }
  .Addffsharing-popup-online .ffsharing-tabs .ffsharing-tabmenu {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
  }
  .Addffsharing-popup-online .ffsharing-tabs.w-tab-custom .w-tab-body.ffsharing-tabbody {
    flex-direction: column;
  }
  .Addffsharing-popup-online .ffsharing-50 {
    width: 100%;
  }
  .Addffsharing-popup-online .ffsharing-50 .cust-addedit-control {
    padding: 0;
  }
  /*.Addffsharing-popup-online .FFdragImage-bg{width:100%;}*/
  
  .Addffsharing-popup-online .modal-bootstrapcommon .modal-footer .btn.btn-default {
    width: 100%;
    margin-bottom: 15px;
  }
  .Addffsharing-popup-online .modal-bootstrapcommon .modal-footer .btn + .btn {
    width: 100%;
    margin-left: 0;
  }
  /* Online booking inline desing for family share add css by sneha 20-09-2019 Start*/
  
  .ffcktsharing-tabs .checkout-title {
    margin-top: 20px;
  }
  .ffcktsharing-tabs .ffsharing-tabmenu {
    padding-left: 18px;
    padding-right: 18px;
  }
  .ffcktsharing-tabs .ffsharing-50 {
    width: 100%;
  }
  .ffcktsharing-tabs .ffsharing-tabcontentbody {
    flex-direction: column;
  }
  .ffcktsharing-tabs .ffckoutfooter.modal-footer {
    padding-left: 0;
    padding-right: 0;
  }
  .ffcktsharing-tabs .ffckoutfooter.modal-footer .btn + .btn {
    margin-left: 0px;
    margin-top: 15px;
  }
  /* Online booking inline desing for family share add css by sneha 20-09-2019 End */
  
  .signupmodalpopup .sign-in-parent-div {
    padding: 0px;
  }
  .loginpopopen .stepLogin1 {
    transform-style: inherit;
    -webkit-transform-style: inherit;
    -webkit-transition: margin-left 300ms linear;
    -ms-transition: margin-left 300ms linear;
    transition: margin-left 300ms linear;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-left: 0;
  }
  .loginpopopen .stepLogin1.anileft100 {
    margin-left: -110%;
  }
  .loginpopopen .loginbtncont.anileft100 {
    margin-left: -110%;
  }
  /* covid 19 block css start here */
  
  .covidblock .covid-content .covid-button a {
    height: 50px;
  }
  /* covid 19 block css end here */
  
  .listigBusiness-wrap.desktopbusiness-view {
    display: none;
  }
  /*.listigBusiness-wrap.mobilebusiness-view{ display:block ;}*/
  
  .mobile-listing-business .listings-60 {
    top: 228px !important;
  }
  .mobile-listing-business.booking-dateshow .listings-60 {
    top: 269px !important;
  }
  .mobile-listing-business .listigBusiness-wrap.mobilebusiness-view {
    position: fixed;
    top: 50px;
    z-index: 3;
    width: 100%;
    background-color: white;
    padding-right: 10px;
    padding-left: 10px;
  }
  .mobile-listing-business .mob-location-filter {
    top: 146px;
  }
  body:not(.vagaroapp-webpage) .mobile-listing-business.listing-mobile-filter .mob-service-change {
    top: 187px;
  }
  .iosdevice.ipadandroid .mobile-listing-business .listings-60:not(.daily-deals),
  .iosdevice .mobile-listing-business .listings-60 {
    padding-top: 280px;
    top: 0;
  }
  body:not(.vagaroapp-webpage) .mobile-listing-business.listing-mobile-filter .mob-option-filter {
    top: 228px;
  }
  body.iosdevice.ipadandroid:not(.vagaroapp-webpage) .booking-dateshow.mobile-listing-business .listings-60:not(.daily-deals) {
    padding-top: 269px;
    top: 0;
  }
  body:not(.vagaroapp-webpage) .mobile-listing-business.listing-mobile-filter .mob-service-change.book-service-open-common {
    top: 50px;
  }
  .mobile-listing-business.listing-mobile-filter .mob-location-filter:not(.mob-service-change).book-service-open-common {
    top: 50px;
  }
  body.ipadandroid:not(.vagaroapp-webpage) .mobile-listing-business.booking-dateshow .listings-60:not(.daily-deals) {
    top: 269px;
  }
  .ipadandroid .mobile-listing-business .listings-60:not(.daily-deals) {
    top: 228px;
  }
  .vagaroapp-webpage.no-loc-fixed .mobile-listing-business .listings-60,
  .vagaroapp-webpage .mobile-listing-business .listings-60 {
    top: 187px;
  }
  .iosdevice.vagaroapp-webpage.no-loc-fixed .mobile-listing-business .listings-60 {
    padding-top: 187px;
  }
  body.vagaroapp-webpage .mobile-listing-business.listing-mobile-filter .mob-service-change.book-service-open-common {
    top: 50px;
  }
  body.vagaroapp-webpage .booking-dateshow.mobile-listing-business .listings-60 {
    top: 228px;
  }
  body.vagaroapp-webpage .mobile-listing-business.listing-mobile-filter .mob-option-filter {
    top: 187px;
  }
  body.vagaroapp-webpage .mobile-listing-business.listing-mobile-filter .mob-service-change {
    top: 146px;
  }
  body.vagaroapp-webpage .mobile-listing-business.booking-dateshow .mob-option-filter {
    top: 187px;
  }
  .filt-tabicon-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
  }
  .filt-tabicon-box em {
    margin-right: 0;
  }
  .filter-tabs-menu {
    margin-top: 0;
  }
  ._4-col-flex-filter.bottom {
    margin-bottom: 30px;
  }
  .home-intelligentsearch.search-div-38 .select2-container-multi .select2-choices .select2-search-field input {
    padding: 0 11px !important;
  }
  .book-service-open-common.home-intelligentsearch.search-div-38 .select2-container-multi .select2-choices .select2-search-field input {
    padding: 7px 11px 7px 30px !important;
  }
  .livestreamclassesbg {
    padding-left: 15px;
  }
  .live-searchArea {
    width: 100%;
  }
  /* add tip css end start 28/5/2020 */
  
  .checkout-green-button {
    height: 50px;
  }
  .checkout-addtip-wrap {
    padding-right: 16px;
    padding-left: 16px;
    background: white;
  }
  .checkout-tip-box {
    box-shadow: 0 0 8px 0 rgba(51, 51, 51, 0.15);
  }
  .addtip-links .addtip-fields {
    padding-left: 8px;
    padding-right: 8px;
  }
  .addtip-links .custom-tip-div input {
    padding-left: 7px;
    padding-right: 7px;
    min-width: 69px;
    font-size: 16px;
  }
  .chargebutton a {
    height: 50px;
  }
  /* add tip css end here 28/5/2020 */
}
.msg-more-zindex {
  z-index: 99992!important;
}
/*Final Checkout Tip CSS Start By Pravin*/

.divfinalCheckoutTipSuboption {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.selectonlineTipCol {
  width: 100%;
}
.selectonlineTipCol ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
.selectonlineTipCol ul li {
  padding: 0;
  float: left;
  min-width: 56px;
  max-width: 56px;
  min-height: 35px;
  text-align: center;
  border: solid #cdcdcd 1px;
  background-color: white;
  color: #333333;
  margin-left: -1px;
  position: relative;
  z-index: 1;
  line-height: 35px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.selectonlineTipCol ul li:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.selectonlineTipCol ul li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.selectonlineTipCol ul li:hover {
  border-color: #2a90d6;
  z-index: 2;
}
.selectonlineTipCol ul li.selected {
  z-index: 2;
  border-color: #2a90d6;
  background-color: #ebf3fb;
  color: #333333;
}
.selectonlineTipCol ul li#liCustomTIp {
  background-color: white !important;
}
.selectonlineTipCol ul li input[type="button"] {
  background: none;
  padding: 0 !important;
}
.selectonlineTipCol ul li input[type="text"] {
  width: 100%;
  border: 0;
  text-align: center;
  background: none;
}
.otherTipCol {
  width: 100%;
  margin-top: 10px;
}
.customtipdiv {
  max-width: 86px;
  float: right;
  position: relative;
}
.customtipdoller {
  position: absolute;
  top: 9px;
  left: 11px;
  font-weight: 400 !important;
  color: #333333;
}
.otherTipCol input[type="text"] {
  background-color: white;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  border-radius: 2px;
  box-shadow: none;
  color: #333333;
  display: block;
  font-size: 15px;
  height: 38px;
  line-height: 1.42857;
  padding: 6px 12px 6px 23px;
  width: 100%;
  font-weight: 400;
}
.new-invoice-address {
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.new-invoice-address p {
  margin-bottom: 0;
}
.past-due {
  color: #d83f34;
}
#divInvoiceDetails .checkout-title .fa-check-circle {
  font-style: normal;
  color: #7cc576;
  font-size: 18px;
}
/*Final Checkout Tip CSS Start By Pravin*/

.white-color-li li {
  background: white;
}
#dvOnlineBookingCancellationPolicy {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
/* Checkin app*/

.class-video-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.class-video-block .text-block-18 {
  margin-right: 8px;
  position: relative;
  cursor: pointer;
}
.class-video-block .text-block-18:hover .class-tooltip-detial,
.class-video-block .text-block-18:focus .class-tooltip-detial {
  opacity: 1;
  visibility: visible;
}
.vg-live-spot {
  background-color: white;
  color: #333333;
  border: 1px solid #e7e7e7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.vg-live-spot em {
  font-style: normal;
  margin-right: 4px;
  font-family: 'fontawesome-5pro-solid-900';
}
.class-tooltip-detial {
  background-color: #333333;
  padding: 6px 15px;
  border-radius: 6px;
  font-size: 13px;
  color: white;
  position: absolute;
  min-width: 100px;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-transform: none;
  bottom: 100%;
  margin-bottom: 10px;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  opacity: 0;
  visibility: hidden;
  font-weight: 300;
  line-height: 14px;
}
.class-tooltip-detial:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
}
.vg-att-livestm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 4px;
}
.vg-att-livestm a {
  border: #cdcdcd solid 1px;
  padding: 9px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-right: -1px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #333333;
  cursor: pointer;
}
.vg-att-livestm a:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  border-right: #248dd5 solid 1px;
  height: 100%;
  border-radius: 3px;
  z-index: 1;
  display: none;
}
.vg-att-livestm a.active:after {
  display: block;
}
.vg-att-livestm a:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vg-att-livestm a:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-right: 0;
}
.vg-att-livestm a:last-child:after {
  display: none;
}
.vg-att-livestm a .symboldetail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.vg-att-livestm a .symboldetail em {
  font-style: normal;
  margin-right: 6px;
  font-family: 'fontawesome-5pro-solid-900';
}
.vg-att-livestm a .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  color: #333333;
}
.vg-att-livestm a .price .old {
  margin-right: 4px;
  color: #777777;
  text-decoration: line-through;
}
.vg-attendi-sesion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.vg-att-livestm a.active {
  border-color: #248dd5;
  background-color: rgba(36, 141, 213, 0.1);
}
.vg-att-livbox {
  width: 100%;
  margin-top: 0px;
}
.class-checkin-pop .modal-content .eventattendee-session {
  border-bottom: 15px;
}
.class-checkin-pop .modal-content .modal-body {
  padding-bottom: 10px;
}
.vg-att-livbox .title {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.vg-live-stream {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.vg-live-stream em {
  font-style: normal;
  margin-right: 6px;
  font-family: 'fontawesome-5pro-solid-900';
}
.book-class-btn.class-signup .session-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}
.book-class-btn.class-signup .session-right .session-price {
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.book-class-btn.class-signup .session-right .session-price:last-child {
  margin-right: 0;
}
.book-class-btn.class-signup .session-right .session-price em {
  font-style: normal;
  margin-right: 6px;
  font-family: 'fontawesome-5pro-solid-900';
}
.book-class-btn.class-signup .session-right .session-price.seshouse-pc {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.book-class-btn.class-signup .session-left {
  white-space: nowrap;
}
.book-class-btn.class-signup .w-dropdown-list.dropdownclass-section .link-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #333333;
  font-weight: 400;
  text-decoration: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
}
.book-class-btn.class-signup .w-dropdown-list.dropdownclass-section {
  min-width: 215px;
  font-size: 14px;
  right: 0;
  left: inherit;
}
.book-class-btn.class-signup .session-right .session-price   span {
  white-space: nowrap;
}
.cl-live-tooltip {
  margin-left: 4px;
  position: relative;
}
.cl-live-tooltip .cl-toolIcon {
  font-style: normal !important;
  font-family: 'Fontawesome pro 300' !important;
  color: #248dd5;
  margin-right: 0 !important;
}
.cl-tooltip-detail {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 260px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  margin-bottom: 7px;
}
.cl-tooltip-detail .cl-tooltip-in {
  background-color: #333333;
  padding: 6px 15px;
  border-radius: 6px;
  font-size: 13px;
  color: white;
  text-align: center;
  font-weight: 300;
  line-height: 14px;
  z-index: 9;
}
.cl-tooltip-detail .cl-tooltip-in:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
}
.cl-live-tooltip:hover .cl-tooltip-detail,
.cl-live-tooltip:focus .cl-tooltip-detail {
  opacity: 1;
  visibility: visible;
}
.vg-att-livestm a .symboldetail span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.book-class-btn.class-signup .w-dropdown-list.dropdownclass-section {
  min-width: 215px;
  font-size: 14px;
  right: 0;
  left: inherit;
}
.dropdownclass-section .link-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex!important;
  width: 100%;
  padding: 10px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #333333;
  font-weight: 400;
  text-decoration: none;
  float: none!important;
}
.dropdownclass-section .book-class-btn.class-signup .session-left {
  white-space: nowrap;
  width: inherit!important;
  float: none!important;
}
.dropdownclass-section .book-class-btn.class-signup .session-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
  width: inherit!important;
  float: none!important;
}
.w-dropdown-list.dropdownclass-section .session-left {
  width: inherit!important;
  float: none!important;
}
.w-dropdown-list.dropdownclass-section .session-right {
  width: inherit!important;
  float: none!important;
}
.class-sign-right {
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.livestreampage .liststream-filter-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex!important;
  align-items: center;
}
.livestreampage .streamfilterclass .left-slide-arrow {
  top: 15px;
}
.livestreampage .streamfilterclass .left-slide-arrow:before {
  height: 62px;
  top: -20px;
}
.livestreampage .streamfilterclass .right-slide-arrow {
  top: 15px;
  right: 10px;
}
.livestreampage .streamfilterclass .right-slide-arrow:before {
  content: '';
  position: absolute;
  background: white;
  width: 35px;
  height: 35px;
  z-index: 0;
  right: -11px;
  height: 62px;
  top: -20px;
}
.livestreampage .streamfilterclass .right-slide-arrow span {
  position: relative;
}
.livestreampage .mobile-classmore-links {
  background: white;
  padding-top: 8px;
  overflow: auto;
  padding-bottom: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 195px;
  left: 2px;
  right: 2px;
  z-index: 9;
  border-radius: 0 0 3px 3px;
  display: none;
}
.livestreampage .mobile-classmore-links ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.livestreampage .mobile-classmore-links ul li {
  display: block;
}
.livestreampage .mobile-classmore-links ul li a {
  padding: 10px 12px;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
}
.livestreampage .mobile-classmore-links ul li a:hover {
  background-color: #f8f8f8;
}
.livestreampage .mobile-classmore-links ul li.active {
  background-color: #777777;
}
.livestreampage .mobile-classmore-links ul li.active a {
  color: white;
}
#ViewMoreReview {
  padding: 5px 10px;
  text-decoration: none;
  line-height: 28px;
  color: #2a90d6;
  font-weight: 400;
  font-size: 14px;
  border-radius: 4px;
}
#ViewMoreReview:hover {
  background: #eef3ff;
}
.filter-icon.pilates {
  display: inline-block;
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transform: rotate(-25deg);
}
.signupText .stremspotbg {
  display: none;
}
.signupText .class-signup-col {
  display: none;
}
.liveboxbottom .signed-up-text {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
.liveboxbottom .signed-up-text span {
  margin-right: 4px;
  font-size: 20px;
}
.class-sign-right .signed-up-text {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
  display: none;
}
.class-sign-right .signed-up-text span {
  margin-right: 4px;
  font-size: 20px;
  line-height: 24px;
}
.class-sign-right.signupText .signed-up-text {
  display: block;
}
.signup-enroll-done .signed-up-text .font-awesome-5pro-light {
  margin-right: 4px;
}
.livestreampage .nav-bar .listpage-sorting {
  display: none !important;
}
.listing-classpopup.fade .modal-dialog {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.listing-classpopup.fade {
  -webkit-transition: opacity 0.2s linear 0s;
  transition: opacity 0.2s linear 0s;
}
.mp-appointment-wrap {
  margin: 0 -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-overflow-scrolling: touch;
}
.mp-appointment-box {
  position: relative;
  padding: 15px;
  margin: 0 10px 21px;
  width: 46.4%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-decoration: none!important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: #333333 !important;
  background: #f8f8f8;
}
.appointmnet-title {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
}
.appointmnet-title span {
  line-height: 20px;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.ff-appt-cardview {
  border-top: solid #cacaca 1px;
  margin-top: 6px;
}
.ff-appt-cardview .ffappt-for-card {
  box-shadow: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.ff-appt-cardview .ffappt-for-card .ffsub-grey {
  padding-bottom: 3px;
}
.customcheck-box-singal.small-check input[type="checkbox"]:checked + label::before {
  font-size: 11px;
  line-height: 18px;
}
.customcheck-box-singal.small-check input[type="checkbox"] + label::before {
  height: 18px;
  margin-left: -25px;
  width: 18px;
}
.customcheck-box-singal.small-check {
  padding-left: 25px;
  margin-bottom: 5px;
  margin-top: -5px;
}
.customcheck-box-singal.small-check label {
  font-size: 14px;
  line-height: 21px;
}
.customcheck-box-singal.small-check.selectall {
  margin-bottom: 13px;
  margin-top: 5px;
}
.checkbox-custom-black.small-check input[type="checkbox"]:checked + label::before {
  font-size: 11px;
  line-height: 18px;
  background-size: 10px;
  border-radius: 3px;
}
.checkbox-custom-black.small-check input[type="checkbox"] + label::before {
  height: 18px;
  margin-left: -25px;
  width: 18px;
  background-size: 10px;
  border-radius: 3px;
}
.checkbox-custom-black.small-check {
  padding-left: 25px;
  margin-bottom: 5px;
  margin-top: -5px;
}
.checkbox-custom-black.small-check label {
  font-size: 14px;
  line-height: 21px;
}
.appointment-poppup .modal-title {
  margin-bottom: 8px;
}
.appointment-poppup .modal-header {
  position: absolute ;
  left: 0px;
  right: 0px;
}
.sweet-alert-model.fontsize14 p {
  font-size: 14px!important;
}
@media (min-width: 768px) {
  .social-share-popup {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .class-sign-right {
    width: 100%;
    margin-top: 4px;
  }
  .livestreambottomtext {
    text-align: right;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .appointment-poppup .modal-footer {
    position: absolute ;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  .appointment-poppup .modal-body {
    position: absolute;
    bottom: 68px;
    height: auto!important;
    top: 0;
    padding-top: 0px;
  }
  .mp-appointment-box {
    width: 100%;
  }
  .streamfilterclass {
    margin-left: 0px;
    padding: 0px;
    margin-right: 20px;
  }
  .streamfilterclass .fliter-class-name {
    margin-left: 0px;
    margin-right: 16px;
  }
  .streamclasslistbg .streamclass-col-verywidth {
    width: 100%!important;
  }
  .streamclasslistbg .class-date.class-table-head {
    border-radius: 3px;
    margin-bottom: 8px;
  }
  .appt-section:first-child .onlinesharingicons:hover .tooltipffhover {
    bottom: inherit;
    top: 40px;
  }
  .appt-section:first-child .onlinesharingicons:hover .tooltipffhover-bg .arrow-down {
    top: -10px;
    border-bottom: 12px solid #333333;
    border-top: inherit;
    bottom: inherit;
  }
  .attendeelist .ffattendeelist-bg {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    max-height: 96%;
    top: 0;
    background: white;
    z-index: 999;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  .attendeelist .ffattendeelist-bg .ffclose-icon {
    display: block;
    position: absolute;
    right: 18px;
    top: 12px;
    font-size: 20px;
  }
  .attendeelist .ffattendeelist {
    height: 100%;
    padding: 45px 15px;
  }
  .list-box-view .livestreamclassesbg {
    padding-left: 0px;
    padding-right: 0px;
  }
  .streamclasslistingWrapper .home-title {
    font-size: 25px;
    margin-top: 0px;
  }
  .streamclasslistingWrapper .streamclass-div {
    flex-direction: column;
    margin-bottom: 0px;
  }
  .streamclass-available-container .class-col-verywidth {
    width: 100%!important;
  }
  .streamclass-available-container .streamclassdetailbg {
    flex-direction: column;
    width: 100%;
    align-items: self-start;
  }
  .streamclass-available-container.class-available-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .streamclass-available-container .stremspotbg {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: left;
    padding: 0px;
  }
  .streamclass-available-container .stremspotbg.removemargin {
    margin-bottom: 0;
  }
  .stream-btn .cls-signuptext {
    line-height: 48px;
  }
  .class-date-time.streamclass-date-time {
    width: 100%;
    display: flex;
    margin-bottom: 11px;
  }
  .class-date-time.streamclass-date-time .class-time-spots {
    width: 100%;
    display: flex;
  }
  .streamclass-date-time .streamclass-date-timesche {
    margin-top: 0px;
    max-height: 22px;
  }
  .livestreampage .listigBusiness-wrap.mobilebusiness-view {
    padding-top: 16px;
    padding-bottom: 0px;
    position: relative;
    height: initial;
    right: inherit;
    left: inherit;
    z-index: 99;
    overflow: hidden;
  }
  .livestreampage .liststream-filter-top {
    max-width: 100%;
    overflow: auto;
    display: block !important;
    white-space: nowrap;
  }
  .livestreampage .prof-right-padding.data-padding-right {
    padding-right: 0;
    margin-right: 0;
    display: inline-block;
    width: auto;
    overflow: inherit;
    vertical-align: top;
  }
  .livestreampage .liststream-filter-top .filteradded #divStreamLastSlide {
    display: none;
  }
  .streamcusdetail .title {
    margin-top: 0;
  }
  .live-stream-class-popup .modal-header {
    padding-top: 45px;
  }
  /*Add class for App only*/
  
  .vagaroapp-webpage .daily-deals-wrap .mob-option-filter {
    top: 50px!important;
    padding-top: 0px!important;
  }
  .vagaroapp-webpage .daily-deals {
    top: 91px!important;
  }
  .iosdevice.vagaroapp-webpage .daily-deals {
    top: 91px!important;
    padding-top: 0px!important;
  }
  .vagaroapp-webpage .professional-mobile-filter .mob-option-filter {
    top: 94px;
  }
  .vagaroapp-webpage .professional-mobile-filter .gallery-content {
    padding-top: 135px;
  }
  .vagaroapp-webpage .photoslisting .gallery-content {
    padding-top: 91px;
  }
  .vagaroapp-webpage .photoslisting .mob-option-filter {
    top: 50px;
  }
  .home-page-section.daily {
    padding-top: 23px;
  }
  .customer-signin-first-step .w-clearfix.loginforgot-remember.margin-bottom10.hideinscreenlock {
    padding-top: 7px !important;
    padding-bottom: 6px!important;
  }
}
@media (max-width: 650px) {
  .reviewProfile-bg .reviewProfile .notification-text-other {
    text-align: center;
  }
  .reviewProfile {
    display: none;
  }
  .add-reviewbtn-bg {
    width: 100%;
    display: block;
  }
  .reviewaddshareimg {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    float: none;
    padding: 0px 20px;
    height: 50px;
    justify-content: center;
    align-items: center;
    color: white;
    background: #3c8ace;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
  }
  .reviewaddshareimg i {
    font-style: normal;
    font-size: 18px;
    margin-right: 10px;
    margin-left: -3px;
  }
  .reviewaddshareimg i:before {
    content: '\f030';
  }
  /*.filter-tabs-menu{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; width:100%;}
  .filter-tabs-menu .filter-mobile-tab{ float:none; width:auto;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}*/
  
  .filter-top-div .w-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 0px;
  }
  /*.livestreambox {width:100% !important; height:auto !important; min-height:220px !important}*/
  
  .signature-popupbg-tip {
    width: 100%;
    overflow: hidden;
  }
  .m-signature-pad--body-tip {
    width: 100%;
  }
  .checkout-tip-box .signCancle-block {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .quickFlip {
    width: 293px;
    height: 178px;
  }
  .blackPanel,
  .redPanel {
    width: 293px !important;
    height: 178px !important;
  }
}
@media (min-width: 601px) and (max-width: 650px) {
  .quickFlip {
    width: 270px;
    height: 165px;
    margin: 0 auto 5px auto;
  }
  .blackPanel,
  .redPanel {
    width: 270px !important;
    height: 165px !important;
  }
}
@media (min-width: 480px) and (max-width: 600px) {
  .quickFlip {
    width: 216px;
    height: 131px;
  }
  .blackPanel,
  .redPanel {
    width: 216px !important;
    height: 131px !important;
  }
  .cardflipdata div {
    width: 31%;
  }
  .cardflipdata div a {
    padding: 0;
  }
}
@media only screen and (max-width: 555px) {
  .signupmodalpopup .sign-in-parent-div {
    width: 100%;
  }
  .signupmodalpopup .sign-in-right-div {
    width: 100%;
  }
  /* Add to Waitlist in Class Start */
  
  /* Add to Waitlist in Class Ends */
}
@media (max-width: 540px) {
  /* Class booking Popup */
  
  /* Class Add Attendee Popup */
  
  .eventpopupbody li.width23per,
  .eventpopupbody li.width26per,
  .eventpopupbody li.width24per,
  .eventpopupbody li.width3per {
    width: 100%;
    float: none;
  }
  .eventpopupbody li.width3per {
    margin-bottom: 20px;
    padding-top: 0;
    text-align: right;
  }
  .eventpopupbody li.width3per .addremoveicon {
    display: inline-block;
    margin-right: 0;
  }
  .eventpopupbody .rightpadding10 {
    padding-right: 0;
  }
  .streamclass-signup-col .dropdown-list {
    width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
  .tinymobile-check {
    display: block;
  }
}
@media (max-width: 480px) {
  .gallery-solo-image {
    width: 100%;
  }
  .mobile-share-popup {
    width: 83%;
  }
  .gift-barcode {
    width: 100%;
  }
  /*.waitlist-dropdownList .select2-dropdown--below{width:320px !important}*/
}
@media (max-width: 479px) {
  .mob-btn-width {
    width: 100%!important;
    max-width: 100%!important;
  }
  .livestreambottomtext {
    min-width: 66px;
  }
  .livestreambottomtext {
    padding-left: 0px;
    text-align: left;
  }
  .streamclass-available-container .class-signup-col {
    width: 100%;
  }
  .class-sign-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
  .filter-tabs-menu .filter-mobile-tab {
    padding-left: 0px;
    padding-right: 0px;
    float: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    width: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: inherit;
  }
  .filters-button-div .grey-btn-alt,
  .filters-button-div .go-btn {
    width: 50%;
    padding-left: 0px;
    padding-right: 0px;
    white-space: nowrap;
  }
  .review-photos {
    width: 88px;
    height: 88px;
  }
  .clsTempPackage {
    top: 46px;
    width: auto;
    right: 10px;
    left: 0;
  }
  .cardflipdata div {
    width: 31%;
  }
  .cardflipdata div a {
    padding: 0;
  }
  .slider-rowdiv .Loader {
    min-height: 91px;
  }
  .slider-rowdiv .div-no-data {
    margin-bottom: 75px;
  }
  .slider-rowdiv .card-image {
    min-height: 127px;
  }
  .slick-slideParent {
    padding: 0;
  }
  /*.slick-slideParent .cards-parent-div-flex, .popular-services-div-flex.slick-fourblockslider { padding-left: 15px; }*/
  
  /*.slick-slideParent .cards-parent-div-flex .card-link-block { width: 92%; }*/
  
  /*.home-main .home-page-section { padding-left: 10px; padding-right: 10px; }*/
  
  .busAbouttab .dailydealsslider .slick-slideParent .cards-parent-div-flex,
  .popular-services-div-flex.slick-fourblockslider {
    padding-left: 20px;
  }
  .busAbouttab .dailydealsslider .slick-slideParent .cards-parent-div-flex .card-link-block {
    width: 92%;
  }
  /*.home-main .slick-contslide .card-link-block a, .home-main .slick-contslide .card-link-block .card-linkbottomdiv { padding: 0; }*/
  
  .square-slide-div {
    width: 48%;
  }
  .shopping-bag-right-div {
    min-width: 90px;
  }
  .delete-item-link {
    margin-left: 0;
  }
  .show-quantity-dropdown .quantity-overall-div {
    margin-bottom: 5px;
  }
  .home-main .home-title-div,
  .busAbouttab .dailydealsslider .home-title-div {
    padding-right: 10px;
  }
  /*.home-main .slick-slideParent { padding: 0; }*/
  
  .home-title {
    font-size: 18px;
    padding-left: 0;
    min-height: 20px;
  }
  .upcoming-appslider .home-title {
    padding-left: 3px;
  }
  .home-see-all {
    margin-right: 0;
  }
  .siteowlcarousal .owl-nav {
    width: 38px;
    right: 14px;
  }
  .siteowlcarousal .owl-nav .owl-prev,
  .siteowlcarousal .owl-nav .owl-next {
    background-size: 11px auto;
    width: 19px;
  }
  .siteowlcarousal .owl-nav .owl-next {
    background-position: center 0;
  }
  .slide-prev {
    right: 35px;
    background-size: 11px auto;
    width: 19px;
  }
  .slide-next {
    right: 16px;
    background-size: 11px auto;
    width: 19px;
    background-position: center 0;
  }
  .category-name {
    font-size: 18px;
  }
  .cards-parent-div-flex .card-link-block {
    width: 100%;
    display: block;
  }
  /* Bookmarks Design version 1:START */
  
  .home-main .bookmarks-listingdiv .slick-slideParent {
    padding-left: 0;
  }
  .home-main .bookmarks-listingdiv .slick-slideParent .cards-parent-div-flex {
    padding-left: 20px;
  }
  .home-main .bookmarks-listingdiv .slick-contslide .card-link-block a {
    padding: 0 0 20px 0;
  }
  /* Bookmarks Design version 1:END */
  
  /* Listings Page Start */
  
  .filter-cateinput {
    margin-left: 0;
  }
  .filtercheckboxdiv .filter-title {
    float: none;
    padding: 0;
  }
  .filtercheckboxdiv .filters-checkbox {
    padding: 0 0 15px;
    margin-bottom: 0;
  }
  .filtercheckboxdiv._4-col-flex-filter.bottom {
    padding-bottom: 20px;
  }
  /*.filter-tabs-menu .filter-mobile-tab:first-of-type { margin-left: -1px; }
      .filter-tabs-menu .filter-mobile-tab:last-of-type { position: relative; right: -1px; }*/
  
  .filter-top-div {
    padding: 20px;
    padding-bottom: 10px;
  }
  /*.windowsPhone .filter-tabs-menu .filter-mobile-tab:first-of-type { margin-left: 0; }
      .windowsPhone .filter-tabs-menu .filter-mobile-tab:last-of-type { margin-right: 0; }*/
  
  /* Listings Page End */
  
  /* Daily Deals Page */
  
  .windowsApp .cards-parent-div-flex.daily,
  .windowsApp .daily-deal-text-div-flex {
    display: block;
  }
  .daily-deal-link {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* My Profile Page */
  
  .div-block-15 {
    max-width: 100%;
  }
  .profile-footer-btns input + input {
    margin-left: 16px;
  }
  .profile-footer-btns.myprofile-button input {
    width: calc(50% - 8px);
    float: left;
  }
  /* Product page */
  
  .item-name-div {
    width: 30%;
    word-wrap: break-word;
    word-break: break-word;
    padding-right: 5px;
  }
  .profile-page .profile-body .product-listcontainer .products-div .product-items-div .qty-div {
    width: 21.666% !important;
  }
  .product-lower-price {
    width: 21.6%;
  }
  .product-lower-price.longer {
    padding-right: 4%;
  }
  .qty-div-price {
    width: 26%;
    padding-right: 5px;
    padding-left: 15px;
  }
  .qty-div-subtotal {
    width: 27%;
    text-align: right;
  }
  /* Bookmark page */
  
  .bookmark-image {
    width: 100%;
    margin-right: 0;
  }
  .windowsPhone .bookmarks-div {
    display: block;
  }
  .windowsPhone .remove-link {
    float: none;
  }
  .windowsPhone .bookmark-text-parent-div {
    height: auto;
    display: block;
    max-width: 100%;
  }
  /* Gift Cards page */
  
  .windowsPhone .gift-certificate-div {
    display: block;
  }
  .gc-printcont .gcprice {
    padding-right: 15px;
    font-size: 10px;
    padding-top: 6px;
    min-height: 20px;
  }
  .gc-printcont .formto-text {
    font-size: 7px;
    margin-bottom: 1px;
    max-height: 8px;
  }
  .gc-printcont .formto-bottom-text {
    font-size: 7px;
    margin-bottom: 1px;
    max-height: 8px;
  }
  .gc-printcont .gcmessage {
    font-size: 7px;
    margin-top: 2px;
    max-height: 15px;
  }
  .gc-printcont .gc-bottom-section {
    bottom: 10px;
  }
  .gc-printcont .gc-purchased-text {
    font-size: 7px;
    margin-bottom: 1px;
  }
  .gc-printcont .gc-expire {
    font-size: 7px;
    margin-bottom: 1px;
  }
  .gc-printcont .gc-address {
    width: 98%;
    font-size: 6px;
    line-height: 7px;
  }
  .gc-printcont .gc-business {
    font-size: 8px;
    margin-bottom: 2px;
    margin-top: 5px;
  }
  .gc-printcont .gcservice {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 18px;
    margin-bottom: 3px;
    font-size: 10px;
    overflow: hidden;
    margin-top: 5px;
  }
  /* giftcard detail page 27-2-2018 */
  
  .gift-rd-title {
    display: block;
  }
  .gift-rd-price {
    margin-top: 6px;
  }
  .gray-btn {
    width: 100%;
    margin-left: 0;
    font-size: 18px;
  }
  .gift-rd-price {
    float: none;
  }
  /* giftcard detail page 27-2-2018 */
  
  /* Old home */
  
  .demorenterDealslide .siteowlcarousal .owl-nav {
    top: 20px;
  }
  .mobile-book-div {
    padding: 0 0 8px;
  }
  .book-mobile-button {
    box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.2);
  }
  /* Services Page */
  
  .service-withimg.service-standard .servicenameprice .service-name-price {
    display: block;
  }
  .service-withimg.service-standard .servicenameprice .service-title-alt {
    max-width: 100%;
    width: 100%;
  }
  .service-withimg.service-standard .servicenameprice .service-price-alt {
    text-align: left;
    width: 100%;
    padding-top: 10px;
  }
  /* Points Page */
  
  .points-section .appt-business-name {
    max-width: 61%;
  }
  .service-price-alt {
    min-width: 84px;
  }
  .service-price-alt.minwidth130 {
    min-width: 150px;
  }
  /* Gallery Page */
  
  .gallery-popup-white-overall {
    padding-left: 15px;
    padding-right: 15px;
  }
  .gallery-solo-image {
    width: 100%;
  }
  .new-gallery-title {
    font-size: 20px;
  }
  .book-div {
    padding-left: 30px;
    padding-right: 30px;
  }
  /* Portfolio Tab */
  
  /* Book Page */
  
  .searchappmodal .modal-dialog {
    width: 95% !important;
  }
  .book-wrapper.searched-appointment {
    padding-top: 140px;
  }
  .book-checkout .book-wrapper.searched-appointment {
    padding-top: 0;
  }
  /* Class Tab Design - 19 Feb 2018 */
  
  .class-wrapper {
    padding-top: 115px;
  }
  /* Class booking Popup */
  
  .class-detail-popup {
    padding: 0 !important;
  }
  .class-detail-popup .modal-footer.footer-blue-buttons .btn {
    margin-left: 5px;
  }
  .class-detail-popup .modal-footer.footer-blue-buttons .btn.btn-default {
    margin-bottom: 0;
  }
  .signup-weeks .text-block-17 {
    margin-right: 2px;
  }
  /* Class Empty State */
  
  .divEmptystate-inner {
    padding: 0 15px;
  }
  /* New Design for Appointment booking : START */
  
  .appointment-detail {
    margin-top: 10px;
  }
  .appt-service-provider,
  .booked-date-time {
    padding-left: 0;
    padding-right: 0;
  }
  /* New Design for Appointment booking : END */
  
  /* No Appointment Found : START */
  
  .dang-no-appointment {
    padding-right: 20px;
    padding-left: 20px;
  }
  .dang-title {
    font-size: 32px;
    line-height: 1.38;
  }
  .dang-next-date {
    font-size: 18px;
  }
  .common-btn-style.go-to {
    width: 100%;
  }
  /* No Appointment Found : END */
  
  /* Write Review page */
  
  .windowsPhone .review-right-div .stars-div .stars {
    display: block;
    width: 100%;
  }
  .review-form-wrapper .button-modal-div {
    display: block;
  }
  .review-form-wrapper .button-modal-div .w-button-white {
    width: 100%;
    margin: 0;
  }
  .review-form-wrapper .button-modal-div .green-btn {
    width: 100%;
  }
  .day-text {
    font-size: 13px;
  }
  /* Professionals page */
  
  .deals-category-tab {
    width: 47%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    word-break: break-word;
    word-wrap: break-word;
  }
  /* Review page */
  
  .myAccTopRightButton {
    text-align: left;
    padding: 0 20px;
  }
  .myAccTopRightButton > span {
    display: block;
    margin-bottom: 3px;
  }
  .myAccTopRightButton .w-custom-dropdown {
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 20px;
  }
  /* Shopping Bag */
  
  .ccard-confirmation .modal-footer .btn {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* Login Page */
  
  /*.sign-in-logo-div { display: none; }*/
  
  .sign-in-parent-div .display-table-cell {
    vertical-align: top;
  }
  .loginpagecont .sign-in-parent-div,
  .sign-in-parent-div {
    padding-top: 50px;
  }
  .sign-in-btn-divinner {
    padding-bottom: 10px;
  }
  .sign-in-right-div {
    width: 100%;
  }
  .sign-in-div {
    margin-bottom: 0;
  }
  .loginpagecont .sign-in-div {
    padding-right: 0;
    padding-left: 0;
  }
  .loginpagecont .sign-in-btn-divinner {
    padding-top: 13px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .loginpagecont .sign-in-parent-div .display-table,
  .loginpagecont .sign-in-parent-div .display-table-cell {
    background-color: white;
  }
  .loginpagecont .log-in-btn {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .login-emailsms-box {
    padding-left: 0;
    background: none;
  }
  .twostepfieldtext {
    margin-bottom: 15px;
  }
  /*.facebook-btn { height: 60px; }*/
  
  /* Change Password */
  
  .cp-h1 {
    font-size: 26px;
  }
  /* Sign up popup */
  
  .signupmodalpopup .sign-in-parent-div {
    width: 100%;
  }
  .signupheaderpart {
    padding-left: 10px;
    padding-right: 10px;
  }
  /*.signup-loader-height { height: 864px; }
      .signup-loader-height {
          iframe { height: -webkit-calc(~"100% - 180px"); height: -ms-calc(~"100% - 180px"); height: calc(~"100% - 180px"); }
      }*/
  
  .or.fb {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
  }
  .package-icon-right {
    /*top: inherit; bottom: 2px; right: 0;*/
    /*float: left;*/
    text-align: left;
  }
  .appt-price-div {
    width: 100%;
    position: relative;
  }
  .grp-tab-btns {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
  }
  .w-tabs .switch-tab.long,
  .w-tabs .pushlong {
    width: auto;
  }
  /* Sudeep Thank you page css */
  
  .confirmed-thank-you .div-block-34,
  .confirmed-thank-you .div-block-95,
  .confirmed-thank-you .order-summary {
    padding-left: 0;
    padding-right: 0;
  }
  .confirmed-thank-you .div-block-95.map,
  .confirmed-thank-you .div-block-95.right {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .confirmed-thank-you .div-block-101 {
    width: 100%;
  }
  .confirmed-thank-you .div-block-95.left-border .w-button-primary {
    width: 100%;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .confirmed-thank-you .common-green-btn {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
  }
  .confirmed-thank-you .div-block-94 {
    margin-top: 10px;
  }
  /* Sudeep Thank you page css */
  
  .appointment-button-div.alt.waitlist-inline-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  /*.appointment-button-div.alt.waitlist-inline-btn .cancel-more-div { width:48%;}*/
  
  .appointment-button-div.alt.waitlist-inline-btn .cancel-more-div.width-70 {
    width: 68%;
  }
  .appointment-button-div.alt.waitlist-inline-btn .width-30 .cancel-div.alt {
    margin-left: 5px;
  }
  .appointment-button-div.alt.waitlist-inline-btn .cancel-more-div.width-30 {
    width: 30%;
  }
  .waitlist-btn-padding {
    padding-bottom: 15px;
  }
  /*sudeep Appointment Waitlist Css*/
  
  .appointment-waitlist .div-block-95 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .appointment-waitlist .div-block-94 {
    margin-top: 10px;
  }
  /*sudeep Appointment Waitlist Css End*/
  
  /* Review Add Photo css responsive */
  
  .reviewProfile {
    width: 100%;
    margin-bottom: 10px;
  }
  .review-editpic {
    margin-left: 0;
    margin-right: 6px;
    height: 90px;
    width: 31.33%;
  }
  .review-gallery-image {
    height: 90px;
  }
  .reviewProfile-bg .drag-drop-error .fileuprelative .fileuplink {
    width: auto;
  }
  /* Family and Friends Appointment css add by sneha 25-07-2019 Start */
  
  .ffprofile-photo-div {
    margin-top: 20px;
    padding-right: 0;
    flex-direction: column-reverse;
    -webkit-box-direction: reverce;
    -webkit-box-orient: verticle;
  }
  .profile-upload-and-text {
    margin-bottom: 8px;
  }
  .prof-ffsharing-bg .shared-tag-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  /*.ffprofiletooltipblock{ top:-73px;}*/
  
  .ffprofiletooltipblock br {
    display: block;
  }
  .prof-ffsharing-bg .ff-name {
    margin-bottom: 2px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .ffmobileshow .ffsharingicon-bg .btn-hover-chip {
    align-items: flex-end;
    -webkit-box-align: end;
  }
  .ffmobileshow .ffsharingicon-bg .chip-package-2.hide {
    align-items: flex-end;
    -webkit-box-align: end;
    right: 0;
  }
  .ffmobileshow .ffsharingicon-bg .chip-bounce-2 {
    align-items: flex-end;
    -webkit-box-align: end;
  }
  .ffmobileshow .ffsharingicon-bg .chip-box {
    right: 7px;
  }
  .add-ffSharing-part .bold-2.smaller-height._2px-right {
    margin-right: 2px;
    line-height: 18px;
  }
  /* Online booking inline desing for family share add css by sneha 20-09-2019 Start*/
  
  .ffcktsharing-tabs .ffsharing-tabmenu {
    padding-left: 18px;
    padding-right: 18px;
    width: 100%;
  }
  .ffcktsharing-tabs .ffsharing-tabmenu.fftab-bg {
    margin-bottom: -1px;
    margin-left: 0;
    min-height: 41px;
  }
  .ffcktsharing-tabs .ffsharing-tabmenu.fftab-bg:before {
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    position: absolute;
    background-color: transparent;
    z-index: 11;
  }
  .ffcktsharing-tabs .ffsharing-tabmenu.fftab-bg:first-child {
    border-radius: 5px 5px 0 0px;
  }
  .ffcktsharing-tabs .ffsharing-tabmenu.fftab-bg:first-child:before {
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    position: absolute;
    background-color: transparent;
    z-index: 11;
  }
  .ffcktsharing-tabs .ffsharing-tabmenu.fftab-bg:last-child {
    border-radius: 0 0px 5px 5px;
  }
  .ffcktsharing-tabs .ffsharing-50 {
    width: 100%;
  }
  .ffcktsharing-tabs .ffsharing-tabcontentbody {
    flex-direction: column;
  }
  .ffcktsharing-tabs .ffcktsharing-tabs-bg.w-tab-menu {
    flex-direction: column;
  }
  .ffmember-bg {
    width: 100%;
  }
  .onlinepkgmsbg {
    width: 100%;
  }
  .onlinesharingicons {
    float: right;
  }
  .onlinesharingicons:hover .tooltipffhover {
    width: 290px;
    text-align: center;
    left: inherit;
    right: -11px;
    margin-right: 0;
  }
  .onlinesharingicons:hover .tooltipffhover br {
    display: none;
  }
  .onlinesharingicons:hover .tooltipffhover-bg .arrow-down {
    left: inherit;
    right: 9px;
    margin-left: 0px;
    margin-right: 3px;
  }
  .appt-section:first-child .onlinesharingicons:hover .tooltipffhover {
    width: 230px;
    text-align: center;
    left: inherit;
    right: -11px;
    margin-right: 0;
    bottom: inherit;
    top: 40px;
  }
  .appt-section:first-child .onlinesharingicons:hover .tooltipffhover-bg .arrow-down {
    left: inherit;
    right: 9px;
    margin-left: 0px;
    margin-right: 3px;
    top: -10px;
    border-bottom: 12px solid #333333;
    border-top: inherit;
    bottom: inherit;
  }
  .onlinemembervisitff .onlinesharingicons:hover .tooltipffhover {
    width: 230px;
    text-align: center;
    left: inherit;
    right: -11px;
    margin-right: 0;
    bottom: inherit;
    top: 40px;
  }
  .onlinemembervisitff .onlinesharingicons:hover .tooltipffhover-bg .arrow-down {
    left: inherit;
    right: 9px;
    margin-left: 0px;
    margin-right: 3px;
    top: -10px;
    border-bottom: 12px solid #333333;
    border-top: inherit;
    bottom: inherit;
  }
  /* Family and Friends Appointment css add by sneha 25-07-2019 End */
  
  /* covid 19 css start here */
  
  .covidblock .covid-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-bottom: 2px;
  }
  .covidblock .covid-content .covid-button a {
    width: 100%;
  }
  .covidblock .covid-icon {
    margin-right: 0;
    margin-bottom: 5px;
  }
  /* covid 19 css end here */
  
  .vg-join-video-btn {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
  }
  .upcoming-checkin-btn {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
  }
  .vg-reschule-btn {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .vg-stm-video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*.mobile-tabs-menu .mobile-tabs{-webkit-box-flex:inherit;-webkit-flex:auto;-ms-flex:auto;flex: auto;white-space: nowrap;padding-left: 5px;padding-right: 5px;}*/
  
  /*.filter-tabs-menu{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
  .filter-tabs-menu .filter-mobile-tab{ width:100%; border-right:none; border-top: solid 1px rgba(0, 0, 0, 0.7); max-width:100%; border-left:none}
  .filter-tabs-menu .filter-mobile-tab:last-of-type{  border-radius:0 0 4px 4px; right:0;}
  .filter-tabs-menu .filter-mobile-tab:first-of-type{ margin-left:0; border-radius: 4px 4px 0 0;border-top:none;}*/
  
  .livestreampage .listigBusiness-inner a em {
    margin-right: 0;
  }
  .livestreampage .mobile-classmore-links {
    top: 198px;
  }
  .class-stensil-block .clstright-part {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
  .class-stensil-block .clstright-part .clstsignup {
    width: 100%;
  }
  .livelisting-strnsil .time-strnsil {
    min-width: 99px;
  }
  .class-stensil-block .clstleft-part .clbusiness-name {
    width: 100%;
  }
  .class-stensil-block .clstleft-part .classbusi-detail {
    width: calc(100% - 50px);
  }
  .class-stensil-block .clstleft-part .clbusiness-type .halfDiv-type {
    width: 50%;
    min-width: inherit;
  }
  .class-stensil-block .clstleft-part .clbusiness-type .halfDiv-type:last-child {
    margin-right: 0;
  }
  .class-stensil-block .clstleft-part .clbusiness-type {
    width: 100%;
  }
  .class-stensil-block .class-row-stensil {
    position: relative;
  }
  .class-stensil-block .clstright-part .clstprice {
    position: absolute;
    top: 38%;
    right: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .class-stensil-block .clstleft-part {
    padding-right: 75px;
    width: calc(100% - 90px);
  }
  .class-stensil-block .clstleft-part .class-bus-inn {
    width: 100%;
  }
  .streamclasslistingWrapper .streamclass-div {
    position: relative;
  }
  /*.streamclass-available-container .stremspotbg{ position: absolute;top: 36%;right: 8px;margin-top: 0;margin-bottom: 0; display:none}*/
  
  /*.streamclass-available-container .streamclassdetailbg{ padding-right:75px;}*/
  
  .class-sign-right.signupText {
    margin-top: 10px;
  }
  .streamcusdetail .title {
    line-height: 18px;
    margin-bottom: 7px;
  }
  .streamcusdetail .disc {
    line-height: 20px;
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .streamcusdetail .disc .separate {
    display: none;
  }
  .streamclass-div .book-class-btn.signup-white-btn {
    margin-top: 8px;
    display: none;
  }
  .fixed-timebar .classHeaderbar-sticky {
    align-items: flex-start;
    flex-direction: column;
  }
  .fixed-timebar .classHeaderbar-sticky span.magin-bottom4 {
    margin-bottom: 4px;
  }
  .fixed-timebar .timeRight-block {
    margin-top: 4px;
  }
  .popup-button-div .livePrice-block {
    font-size: 13px;
  }
  .popup-button-div .livePrice-block .text-block-padding {
    font-size: 14px;
    margin-right: 10px;
  }
  .popup-button-div .livePrice-block .poplivesteam-icon {
    display: block;
  }
  .popup-button-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .live-stream-class-popup .review-right-part {
    margin-left: 0;
  }
  .live-stream-class-popup .review-left-part {
    position: absolute;
    top: 60px;
  }
  .homebox-slider .slick-prev {
    top: -47px;
  }
  .homebox-slider .slick-next {
    top: -47px;
  }
  .streamcusdetail .disc .liveDuration-provide {
    max-width: 100%;
    margin-bottom: 4px;
  }
  .live-stream-class-popup .modal-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .live-stream-class-popup .class-large-img {
    -webkit-box-flex: inherit;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    margin-right: 0;
    background-position: center top;
  }
  .live-stream-class-popup .class-large-imgDetail {
    width: 100%;
  }
  .supportBusinee-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .supportBusinee-block a {
    margin-left: 0;
    margin-top: 8px;
  }
  .streamcusdetail .disc span.mobile-free-text {
    display: none;
  }
  .class-start-time {
    position: absolute;
    top: -19px;
    width: 100%;
    justify-content: flex-start;
  }
  .livebgbottombox .livestreambottomtext {
    display: none;
  }
  .livebgbottombox {
    width: 100%;
  }
  .livebgbottombox .joinnowbtn {
    width: 100%;
  }
  .livebgbottombox .joinnowbtn > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .liveboxbottom .livebtnbg {
    position: absolute;
    top: -25px;
    left: 0;
  }
  .mobile-home-price {
    display: block;
    margin-left: 5px;
  }
  .livestreamboxpart {
    height: 180px;
  }
  .streamcusdetail .smallsizetext {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .streamcusdetail .disc .livebtnbg {
    margin-bottom: 8px;
  }
  .class-signup-col .class-signup {
    margin-top: 0;
  }
  /* add tip css start start 28/5/2020 */
  
  .checkout-tip-box .total-tipblok {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .checkout-tip-box .total-tipblok .checkleft-amout {
    margin-bottom: 16px;
    text-align: center;
  }
  .checkout-tip-box .total-tipblok .addtip-button {
    width: 100%;
  }
  .checkout-tip-box {
    padding-left: 16px;
    padding-right: 16px;
  }
  .addtip-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .addtip-links .addtip-fields {
    width: 100%;
    margin-left: 0;
    margin-top: -1px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .addtip-links .addtip-fields:first-child {
    border-radius: 10px 10px 0 0;
    margin-top: 0;
  }
  .addtip-links .addtip-fields:last-child {
    border-radius: 0 0 10px 10px;
  }
  .checkout-green-button {
    width: 100%;
  }
  .chargebutton a {
    width: 100%;
  }
  .checkout-complete-screen {
    padding: 6px;
  }
  .addtip-links .addtip-fields strong {
    margin-bottom: 0;
  }
  .addtip-links .addtip-fields span {
    margin-left: 4px;
  }
  .split-list-box .split-list-field {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .split-list-box .split-input-box {
    margin-top: 2px;
  }
  .addtip-links .custom-tip-div input {
    border-radius: 0 0 10px 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
  }
  .signature-popupbg-tip {
    height: 163px;
  }
  .m-signature-pad--body-tip {
    height: 163px;
  }
  .m-signature-pad--body-tip canvas {
    height: 163px !important;
  }
  .split-list-box {
    max-width: 100%;
    margin-top: 40px;
  }
  .split-input-dd {
    left: inherit;
    right: 0;
  }
  .checkout-tip-box.no-pading-bottom {
    padding-bottom: 17px;
  }
  .signature-here-text {
    top: 65px;
    min-width: 190px;
  }
  .checkleft-amout .tipchip-div {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  /* add tip css end start 28/5/2020 */
  
  /* deletecard css start here */
  
  .deleteCardPopup .modal-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .deleteCardPopup .modal-footer .btn {
    width: 100%;
  }
  .deleteCardPopup .modal-footer .btn.btn-primary {
    margin-left: 0;
    margin-top: 20px;
  }
  /* deletecard css end here */
}
.sinup-w-xero-bg {
  background: white;
  height: 100%;
}
.sinup-w-xero-bg body,
.sinup-w-xero-bg form {
  height: 100%;
}
.sinup-w-xero-wrapper {
  color: #333333;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sinup-w-xero-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sinup-w-xero-content {
  text-align: center;
  width: 100%;
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
  max-width: 600px;
  padding: 40px;
  background: white;
  border-radius: 5px;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.sinup-w-xero-wrapper h1 {
  color: #333333;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin: 19px 0 0px 0;
}
.sinup-w-xero-wrapper p {
  padding: 0px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  padding-left: 10px;
  line-height: 23px;
  padding-right: 10px;
  margin-bottom: 4px;
}
.sinup-w-xero-wrapper .btn-continue {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 40px;
  min-width: 100px;
  padding-right: 25px;
  padding-left: 25px;
  border: 0;
  outline: 0px;
  border-radius: 3px;
  background-color: #eb6663;
  color: white;
  -webkit-transition: background-color 200ms ease, border 200ms ease, color 200ms ease, box-shadow 300ms ease;
  transition: background-color 200ms ease, border 200ms ease, color 200ms ease, box-shadow 300ms ease;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.sinup-w-xero-wrapper .btn-continue:hover {
  background-color: #c74e4b;
}
.sinup-w-xero-wrapper .btn-continue-white {
  margin-top: 8px;
  margin-bottom: 10px;
  height: 40px;
  min-width: 100px;
  padding-right: 25px;
  padding-left: 25px;
  border: 0;
  outline: 0px;
  border-radius: 3px;
  background-color: white;
  border: solid #cdcdcd 1px;
  color: #333333;
  -webkit-transition: background-color 200ms ease, border 200ms ease, color 200ms ease, box-shadow 300ms ease;
  transition: background-color 200ms ease, border 200ms ease, color 200ms ease, box-shadow 300ms ease;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.sinup-w-xero-wrapper .btn-continue-white:hover {
  background-color: #f8f8f8;
}
.sinup-w-xero-wrapper .padd20 {
  padding-bottom: 20px;
}
.avtar-wrapper {
  width: 280px;
  margin: 0 auto;
}
.or-text-color {
  color: #777777;
}
.signup-avtar-xero {
  width: 80px;
  height: 80px;
  font-size: 36px;
  color: white;
  border-radius: 100%;
  background-position: 50% 50%;
  background-size: cover;
  margin: 12px auto 0 auto;
  background-color: #9a9a9a;
}
.signup-avtar-xero div {
  width: 80px;
  height: 80px;
  overflow: hidden;
  line-height: 80px;
  text-transform: capitalize;
  display: none;
}
.s-business-name {
  margin-top: 12px;
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
#CancelCCCaptureAppoitmentModal .shipping-method {
  border-radius: 0px;
}
#CancelCCCaptureAppoitmentModal .shipping-method.first-tab {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#CancelCCCaptureAppoitmentModal .shipping-method.end-tab {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
/**Ravi bhatt 25-12-2020 left nav*/

.profile-page.sidePanelhideInApp .profile-body {
  width: 100%;
  margin: 0 !important;
  max-width: 100%;
  padding: 0;
}
.profile-page.sidePanelhideInApp .profile-body #content .tab-content .tab-pane .profile-sections {
  margin: 0;
  max-width: 100%;
}
.vagaroapp-webpage.myAccountpage .content-wrapper {
  padding-top: 50px;
}
.Addffsharing-popup.ffsharingpopupNew .ffpopupheight {
  overflow-y: auto;
  overflow-x: hidden;
}
.Addffsharing-popup.ffsharingpopupNew .popupWrapper {
  height: 95vh !important;
}
.Addffsharing-popup {
  border-radius: 0px !important;
}
.profile-page .profile-body #content {
  height: 100%;
}
.profile-page .profile-body #content .tab-content {
  height: 100%;
}
.profile-page .profile-body #content .tab-content .tab-pane {
  height: 100%;
  min-height: 500px;
}
.profile-page .profile-body #content .tab-content .tab-pane .profile-sections {
  height: 100%;
  min-height: 80vh;
}
#divMyPaymentMethodsPopup,
#divMyMembershipPopup,
#divMyMembershipHistory,
#divMyPointsPopup {
  min-height: 100vh;
}
/*.profile-page .profile-body #content{height:100vh;}
.profile-page .profile-body #content .tab-content{height:100%;}
.profile-page .profile-body .profile-sections{height:100vh}
.profile-page .profile-body #content .tab-content .tab-pane#profile .profile-sections {height: auto;}
.profile-page .profile-body #content .tab-content .tab-pane{height:100vh;}
.profile-page .profile-body #divMyMembershipBalance .profile-body-section .profile-sections .tab-content .tab-pane {
    height: inherit;
}
.profile-page .profile-body #content .tab-content .tab-pane .profile-sections{height:100%;}*/

.profile-page .profile-body #content .tab-content .tab-pane#appointments .profile-sections {
  height: auto;
  min-height: auto;
}
.profile-page .profile-body #content .tab-content .tab-pane#points .profile-sections #ulPointsData .points-section:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#iFrame_divMyPaymentMethodsCCFrame {
  width: 100% !important;
  margin-left: 77px;
}
.vshow {
  display: block !important;
}
.vhide {
  display: none !important;
}
.padding-top-0 {
  padding-top: 0px !important;
}
.paddingL20 {
  padding-left: 20px;
}
.marginb10 {
  margin-bottom: 10px;
}
.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.vSwitch70 .switch-tab {
  width: 70px;
}
.paymentMethod-wrap .ModalPopupBG {
  background: rgba(0, 0, 0, 0.5);
}
.profile-page .profile-body #notification .switch-div {
  border-bottom: none;
  padding-bottom: 0px;
  padding-top: 0;
}
.profile-page.inInnerPagebgonly .profile-body {
  background: inherit;
}
.profile-page.inInnerPage .profile-body {
  background: inherit;
}
.profile-page.inInnerPage .profile-body #divMyPointsPopup .profile-body-section {
  margin-bottom: 30px;
}
.modelCommanw600 {
  width: 600px;
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.modelCommanw600 p {
  color: #777777;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 16px;
  font-size: 16px;
}
.modelCommanw600 .closebtnv {
  background-color: transparent;
  background-image: none;
  padding: 0;
  cursor: pointer;
  border: 0;
  display: block;
  color: #9a9a9a !important;
  z-index: 999;
  margin: 0 !important;
  text-indent: 0;
  text-align: center;
  font-size: 20px;
  -webkit-appearance: none;
  opacity: 1;
}
.modelCommanw600 .modal-content.general-form-custom {
  border-radius: 5px;
}
.modelCommanw600 .modelSmallHeding {
  color: #777777;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0;
}
.modelCommanw600 .modelNote {
  margin-top: 8px;
  padding: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-color: #f8f8f8;
  color: #777777;
  font-size: 15px;
}
.modelCommanw600 .btnCancel {
  background: #d83f34;
  padding-right: 24px;
  padding-left: 24px;
  color: white;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #cdcdcd;
  font-size: 16px;
}
.modelCommanw600 .btnSecond {
  background: white;
  padding-right: 24px;
  padding-left: 24px;
  color: #777777;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #cdcdcd;
  font-size: 16px;
}
.modelCommanw600 .modelCheckBox {
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  margin-bottom: 16px;
  color: #333333;
}
.modelCommanw600 .modelCheckBox .checkbox-custom-black input[type="checkbox"]:checked + label:before {
  background-size: 13px auto;
  height: 23px;
  width: 23px;
}
.modelCommanw600 .modelCheckBox .checkbox-custom-black input[type="checkbox"] + label:before {
  height: 23px;
  width: 23px;
}
.modelCommanw600 .modelCheckBox .checkbox-custom-black label {
  font-size: 15px;
}
.modelCommanw600 .modal-body {
  padding: 15px 20px;
  text-align: left;
}
.modelCommanw600 .modal-footer {
  padding: 10px 20px;
  text-align: right;
}
/*apppintment popup end */

/*replace card popup*/

.unableRemoveCardPopup .modal-header {
  padding: 15px 20px 0;
}
.unableRemoveCardPopup .modal-header .modal-title {
  line-height: 30px;
  margin-bottom: 5px;
}
.unableRemoveCardPopup .modal-body {
  padding: 0px 20px 15px 20px;
}
.unableRemoveCardPopup .modal-body .deleteCard-wrap .dctext {
  padding-bottom: 0;
  border: 0;
  margin: 0;
}
.unableRemoveCardPopup .modal-body .deleteCard-wrap .dctext p {
  margin-bottom: 6px;
}
.unableRemoveCardPopup .modal-body .deletecard-list {
  padding-top: 0;
}
.unableRemoveCardPopup .longText {
  margin-bottom: 0;
}
.unableRemoveCardPopup .replaceCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.unableRemoveCardPopup .replaceCard .replaceCardAction {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  position: relative;
  width: 160px;
  height: 34px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .clickAction {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #2a90d6;
  display: -webkit-box;
  display: flex;
  height: 30px;
  min-width: auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: rgba(235, 102, 99, 0);
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .clickAction .actionLink {
  display: -webkit-box;
  display: flex;
  height: 30px;
  min-width: auto;
  padding-right: 8px;
  padding-left: 8px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: rgba(235, 102, 99, 0);
  border-radius: 3px;
  color: #248dd5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  font-weight: 400;
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .clickAction .actionLink:hover {
  background-color: rgba(36, 141, 213, 0.1);
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .menu-dropdownPopup {
  z-index: 1000;
  display: none;
  width: 300px;
  position: relative;
  left: 10px;
  top: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
  border-radius: 5px;
  background-color: white;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .menu-dropdownPopup .menu-list {
  height: 48px;
  padding-top: 8px;
  padding-left: 20px;
  border-style: none;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  padding: 9px 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 3px;
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .menu-dropdownPopup .menu-list .cardList {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .menu-dropdownPopup .menu-list .cardList .cardlogo {
  margin-right: 12px;
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .menu-dropdownPopup .menu-list .cardList .cardlogo .cardIcon {
  color: #2374ac;
  font-size: 36px;
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .menu-dropdownPopup .menu-list .cardList .cardDetails {
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .menu-dropdownPopup .menu-list .cardList .cardDetails .cardName {
  font-weight: 500;
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .menu-dropdownPopup .menu-list .cardList .cardDetails .cardEnd {
  margin-right: 8px;
  color: #777777;
  font-weight: 400;
}
.unableRemoveCardPopup .replaceCard .replaceCardAction .menu-dropdownPopup .menu-list .selectCard {
  color: #7cc576;
  margin-right: 4px;
}
.unableRemoveCardPopup .salonListDiv {
  overflow: auto;
  width: 100%;
  margin-top: 12px;
}
.unableRemoveCardPopup .salonListDiv .salonlistWraper {
  display: -webkit-box;
  display: flex;
  width: 100%;
  margin-top: 4px;
  max-height: 45vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.unableRemoveCardPopup .salonListDiv .salonlistWraper .salonListRow {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.unableRemoveCardPopup .salonListDiv .salonlistWraper .salonListRow .businessRow {
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
}
.unableRemoveCardPopup .salonListDiv .salonlistWraper .salonListRow .businessRow .bussinessLogo {
  width: auto;
  height: auto;
  max-height: 64px;
  margin-right: 12px;
}
.unableRemoveCardPopup .salonListDiv .salonlistWraper .salonListRow .businessRow .bussinessName {
  font-weight: 500;
}
.unableRemoveCardPopup .salonListDiv .salonlistWraper .salonListRow .businessRow .bussinessLoca {
  margin-right: 8px;
  color: #777777;
  font-weight: 400;
}
.unableRemoveCardPopup .salonListDiv .salonlistWraper .salonListRow .bussinessLink {
  display: -webkit-box;
  display: flex;
  height: 30px;
  min-width: auto;
  padding-right: 8px;
  padding-left: 8px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: rgba(235, 102, 99, 0);
  border-radius: 3px;
  color: #248dd5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.unableRemoveCardPopup .salonListDiv .salonlistWraper .salonListRow .bussinessLink:hover {
  background-color: rgba(36, 141, 213, 0.1);
}
.unableRemoveCardPopup .salonListDiv .salonlistWraper .salonListRow .bussinessLink .iconarrow {
  margin-left: 4px;
}
.unableRemoveCardPopup .modal-content {
  border-radius: 5px;
}
.unableRemoveCardPopup .modal-footer {
  padding: 10px 20px 15px 20px;
  text-align: right;
  margin-top: 15px;
}
.unableRemoveCardPopup .modal-footer .btnSecond,
.unableRemoveCardPopup .modal-footer .btnSave {
  min-width: 120px;
  font-size: 15px;
  padding: 10px 25px;
}
.unableRemoveCardPopup .modal-footer .btnSecond:hover {
  background-color: whitesmoke;
}
.unableRemoveCardPopup .modal-footer .btnSave {
  background-color: #7cc576;
}
.unableRemoveCardPopup .modal-footer .btnSave:hover {
  background-color: #68a863;
}
/*replace card popup end*/

/*notification page*/

.FFNotificationTab .dividerWrapper {
  margin: 20px 0 !important;
}
.FFNotificationTab .buttons-title {
  margin-bottom: 5px;
}
.FFNotificationTab .text-block {
  font-size: 14px;
}
.FFNotificationTab .profile-div .switch-div {
  border-bottom: none;
}
.FFNotificationTab .profile-div .body-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 20px;
}
.FFNotificationTab .profile-div .all-bussiness-list .bussiness-row {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner {
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner .bussiness-name {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner .bussiness-name .business-name-logo {
  width: 68px;
  margin-right: 12px;
  background-position: 50% 50%;
  background-size: cover;
  height: 45.5px;
}
.FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner .bussiness-name .business-name-name {
  font-weight: 500;
}
.FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner .bussiness-name .business-name-loc {
  margin-right: 8px;
  color: #777777;
  font-weight: 400;
}
.FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner .bussiness-switch {
  webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.FFNotificationTab .profile-div .all-bussiness-list .bussiness-row:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.FFNotificationTab .profile-div .see-all-bussiness-wrapper {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}
.FFNotificationTab .profile-div .see-all-bussiness {
  margin-bottom: 24px;
  display: flex;
  width: max-content;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 18px;
  margin-left: 0px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 15px;
  max-height: 28px;
  padding: 4px 10px;
  cursor: pointer;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  min-width: 92px;
  white-space: nowrap;
  text-align: left;
  max-width: max-content;
  color: #2a90d6 !important;
  text-decoration: none !important;
  border-radius: 3px;
  font-weight: 400;
}
.FFNotificationTab .profile-div .see-all-bussiness span {
  margin-left: 16px;
  vertical-align: middle;
  align-items: center;
}
.FFNotificationTab .profile-div .see-all-bussiness:hover {
  background-color: rgba(36, 141, 213, 0.1);
}
.notification-save-btn {
  padding: 44px 20px 20px 20px;
}
.profile-save-btn {
  float: right;
}
.profile-save-btn .profile-save-btn-inner {
  margin-top: 0;
  padding: 20px 0px 0 0px;
  border: 1px black;
  margin-bottom: 20px;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile-save-btn .profile-save-btn-inner input[type="submit"] {
  display: block;
  width: auto;
  min-width: 120px;
  padding: 10px 25px;
}
/*notification end */

/*side nav*/

.profile-page {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  /*right side body*/

}
.profile-page .familyfriends-tab #aFamilyFriends .side-nav-icon {
  font-size: 13px;
}
.profile-page .notification-tab #aNotification .side-nav-icon {
  font-size: 15px;
}
.profile-page .reviews-tab #areviews .side-nav-icon {
  font-size: 13px;
}
.profile-page .invoices-tab #aMyInvoices .side-nav-icon {
  font-size: 16px;
}
.profile-page .profile-side-nav {
  display: flex;
  width: 248px;
  height: auto;
  padding-top: 8px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #464646;
}
.profile-page .profile-side-nav .side-nav-tab.header.first-header {
  margin-top: 0;
}
.profile-page .profile-side-nav .side-nav-tab.header {
  margin-top: 20px;
  cursor: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
}
.profile-page .profile-side-nav .side-nav-tab.header:hover {
  background-color: rgba(255, 255, 255, 0);
}
.profile-page .profile-side-nav .side-nav-tab.header .card-title {
  display: inline-block;
  margin-right: 8px;
  font-family: proxima-nova, sans-serif;
  color: white;
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  text-decoration: none;
}
.profile-page .profile-side-nav .tabs-container {
  padding-left: 0px;
  list-style: none;
  width: auto;
  margin: 0;
}
.profile-page .profile-side-nav .tabs-container li {
  float: inherit;
}
.profile-page .profile-side-nav .tabs-container li a.side-nav-tab {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  max-width: 100%;
  color: white;
  font-size: 15px;
  text-decoration: none;
}
.profile-page .profile-side-nav .tabs-container li a.side-nav-tab:hover {
  background-color: rgba(255, 255, 255, 0.16);
  cursor: pointer;
  outline: 0;
}
.profile-page .profile-side-nav .tabs-container li a.side-nav-tab .side-nav-icon {
  font-size: 14px;
  display: -webkit-flex;
  display: flex;
  width: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 4px;
}
.profile-page .profile-side-nav .tabs-container li a.side-nav-tab .side-nav-icon .profilesidePic .nav-profile-photo {
  overflow: hidden;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50px;
  background-position: 50% 50%;
  background-size: cover;
}
.profile-page .profile-side-nav .tabs-container li a.side-nav-tab .side-nav-icon .profilesidePic .nav-profile-photo .avatar-inital.intialsname .avatar-inital-inner {
  font-size: 10px;
}
.profile-page .profile-side-nav .tabs-container li a.side-nav-tab .side-nav-icon .profilesidePic .nav-profile-photo .avatar-inital.intialsname .avatar-inital-inner .avatar-inital-inner-text {
  color: white;
}
.profile-page .profile-side-nav .tabs-container li a.side-nav-tab .side-nav-icon .common-vagaro-icon {
  line-height: 20px;
}
.profile-page .profile-side-nav .tabs-container li.active a.side-nav-tab {
  background: rgba(255, 255, 255, 0.36);
}
.profile-page .profile-side-nav .tabs-container .notification-bubble {
  display: flex;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-top: 2px;
  margin-left: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: white;
  color: #333333;
  font-size: 12px;
  font-weight: 600;
}
.profile-page .profile-body {
  width: 80%;
  margin-left: 248px;
  max-width: 1000px;
  margin-right: auto;
  /*padding-top: 20px;*/

  /*#divGifCertificateList{.gift-certificate-div{.gc-parent-div{margin-right: 10px; margin-left: 10px;}}}*/

}
.profile-page .profile-body .profile-sections {
  font-size: 14px;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 0px;
  margin-bottom: 0px;
}
.profile-page .profile-body .profile-sections .bookmarks-div .bookmark-text-div {
  width: 100%;
  /*.flamingo-btn{width:100%;}*/

}
.profile-page .profile-body .profile-sections .reviews-title {
  padding-left: 0;
}
.profile-page .profile-body .profile-sections .reviews-div:first-child {
  padding-top: 5px;
}
.profile-page .profile-body .profile-sections .review-delete,
.profile-page .profile-body .profile-sections .review-edit {
  max-width: 100%;
  width: auto;
  margin-right: 8px;
  font-size: 14px;
}
.profile-page .profile-body .profile-sections .review-edit:hover,
.profile-page .profile-body .profile-sections .review-delete:hover {
  border-color: rgba(0, 0, 0, 0.5);
  background-color: whitesmoke;
}
.profile-page .profile-body .profile-sections .onlinePayment-block {
  padding: 0;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .cardInfo {
  display: none;
  font-weight: 600;
  font-size: 16px;
  color: #777777;
  margin-bottom: 6px;
  padding-top: 6px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock {
  margin-left: -4px;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock #frmCard .cc-detail.cc-lifull-width li .form-control {
  height: 45px;
  border-radius: 3px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner {
  width: 400px !important;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm {
  margin: 0 0 15px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .card-number {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  display: -webkit-box;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .card-number .cardNumber {
  height: 45px;
  margin-bottom: 0;
  border-radius: 3px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .cardInputGroup {
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .cardInputGroup .cardMonth,
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .cardInputGroup .cardCvv {
  width: 25%;
  margin-bottom: 0;
  border-radius: 3px;
  height: 45px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .cardInputGroup .cardZipCode {
  width: 45%;
  height: 45px;
  margin-bottom: 1px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .cardInputGroup .cardFirst,
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .cardInputGroup .cardLast,
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .cardInputGroup .cardMiddle {
  width: 40%;
  border-radius: 3px;
  height: 45px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner .addCardForm .cardInputGroup .cardMiddle {
  width: 15%;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .saveCardbtn {
  display: none;
  margin-top: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .saveCardbtn input[type="submit"] {
  width: auto;
  min-width: 120px;
  padding: 10px 25px;
  font-size: 15px;
  border-radius: 3px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .securedVagaro {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 24px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .securedVagaro .lockIcon {
  font-size: 12px;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .securedVagaro .secureText {
  margin-left: 6px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: 500;
}
.profile-page .profile-body .profile-sections .onlinePayment-block .securedVagaro .vagaroLogo {
  height: 16px;
  margin-top: 4px;
  width: auto;
}
.profile-page .profile-body .profile-sections .profile-form .w-custom-dropdown,
.profile-page .profile-body .profile-sections .profile-form .w-input,
.profile-page .profile-body .profile-sections .profile-form .w-select {
  height: 40px;
}
.profile-page .profile-body .profile-sections .profile-form textarea.w-input {
  height: auto;
}
.profile-page .profile-body .profile-sections .changePasswordProfile {
  padding-right: 0px;
  padding-left: 0px;
  /*#lnkbtnChangePwd{ font-size:15px; margin-bottom: 24px; max-width: 200px; width: auto; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}*/

}
.profile-page .profile-body .profile-sections .changePasswordProfile .title {
  padding-top: 0px;
  width: 100%;
  max-width: none;
  margin-bottom: 20px;
}
.profile-page .profile-body .profile-sections .changePasswordProfile .title span {
  display: inline-block;
  margin-bottom: 5px;
  float: none;
  clear: none;
  font-size: 20px;
  line-height: 15px;
  font-weight: 500;
}
.profile-page .profile-body .profile-sections .changePasswordProfile .changepwdbottom {
  margin-bottom: 24px;
}
.profile-page .profile-body .profile-sections .changePasswordProfile .ghostmarginleft32 {
  margin-left: 16px;
}
.profile-page .profile-body .profile-sections .dividerWrapper {
  margin: 32px 0px;
  padding-top: 0;
}
.profile-page .profile-body .profile-sections .dividerWrapper .divider {
  border-top: 1px solid #cdcdcd;
}
.profile-page .profile-body .profile-sections .profile-photo-div {
  border-bottom: 0;
}
.profile-page .profile-body .profile-sections .accountProfile {
  width: 150px;
  height: 150px;
  padding: 16px;
  text-align: center;
  position: relative;
  -webkit-box-flex: 0;
  margin: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: dashed;
  border-width: 1px;
  border-radius: 5px;
  background-color: #f4f4f4;
  color: rgba(51, 51, 51, 0.5);
  text-decoration: none;
  cursor: pointer;
}
.profile-page .profile-body .profile-sections .accountProfile .reviewpro-photoIcon {
  margin-bottom: 8px;
  color: rgba(51, 51, 51, 0.55);
  font-size: 34px;
  line-height: 38px;
  padding-bottom: 0;
}
.profile-page .profile-body .profile-sections .accountProfile .notification-text-other {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
.profile-page .profile-body .profile-sections .accountProfile .notification-link {
  display: inline-block;
}
.profile-page .profile-body .profile-sections .accountProfile .fileuprelative {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-block;
  position: relative;
  word-break: break-all;
  text-align: center;
}
.profile-page .profile-body .profile-sections .accountProfile .fileuprelative .fileuplink {
  border-radius: 3px;
  color: #248dd5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  word-break: break-all;
}
.profile-page .profile-body .profile-sections .accountProfile:active {
  border: 3px solid #7cc576 !important;
}
.profile-page .profile-body .profile-sections .accountProfile:hover {
  border-width: 1px;
  border-color: black;
}
.profile-page .profile-body .profile-sections .accountProfile .filetypeinput {
  opacity: 0;
  font-size: 0;
  cursor: pointer;
  -moz-opacity: 0;
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 20px;
  text-indent: -100px;
}
.profile-page .profile-body .profile-sections .accountProfile .mainProfile-editpic {
  border-radius: 5px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  margin: 0 0px 0 0px;
  z-index: 9;
}
.profile-page .profile-body .profile-sections .accountProfile .mainProfile-editpic .mainProfile-gallery-image {
  width: 100%;
  height: 150px;
  margin-bottom: 0px;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(225deg, transparent, rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(150deg, transparent, rgba(0, 0, 0, 0.2));
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat, repeat;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
  cursor: pointer;
  border: 0px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.profile-page .profile-body .profile-sections .accountProfile .mainProfile-editpic .mainProfile-gallery-image .mainProfile-gallery-hover-div {
  transition: opacity 200ms ease 0s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  width: 100%;
}
.profile-page .profile-body .profile-sections .accountProfile .mainProfile-editpic .mainProfile-gallery-image .mainProfile-gallery-hover-div .change-photoUI {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
  flex-direction: column;
  height: 150px;
  width: 100%;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  color: white;
}
.profile-page .profile-body .profile-sections .accountProfile .mainProfile-editpic .mainProfile-gallery-image .mainProfile-gallery-hover-div .change-photoUI .photoUI-icon {
  font-size: 22px;
  line-height: 22px;
  margin-top: 0;
}
.profile-page .profile-body .profile-sections .accountProfile .mainProfile-editpic .mainProfile-gallery-edit-dropdown {
  position: absolute;
  left: 0px;
  top: 101px;
  display: none;
  width: 190px;
  padding-top: 3px;
  padding-bottom: 3px;
  float: right;
  border-radius: 5px;
  background-color: white;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 222;
}
.profile-page .profile-body .profile-sections .accountProfile .mainProfile-editpic .mainProfile-gallery-edit-dropdown .mainProfile-edit-gallery-link {
  display: block;
  padding: 6px 20px;
  background-color: white;
  color: #333333 !important;
  text-align: left;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}
.profile-page .profile-body .profile-sections .accountProfile .profile-photo-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
  flex-direction: column;
  height: 150px;
  width: 100%;
  border-radius: 0px;
}
.profile-page .profile-body .profile-sections .accountProfile .gif-imgloader {
  border-radius: 0px;
}
.profile-page .profile-body .profile-sections .accountProfile .gif-imgloader img {
  margin-top: 40%;
  margin-left: 0%;
}
.profile-page .profile-body .profile-sections .accountProfile .avatar-inital {
  background-color: inherit;
  border-radius: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.profile-page .profile-body .profile-sections .accountProfileText {
  width: 49%;
  margin-left: 16px;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.profile-page .profile-body .profile-sections .accountProfileText .input-title {
  display: block;
  margin-bottom: 0px;
  font-weight: 400;
}
.profile-page .profile-body .profile-sections .accountProfileText .long-text {
  width: auto;
  color: #888888;
  font-size: 13px;
  float: left;
  clear: none;
  line-height: 18px;
}
.profile-page .profile-body .profile-sections .addNewPaymentBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 16px 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
}
.profile-page .profile-body .profile-sections .addNewPaymentBtn .addNewPaymentBtn-inner {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
}
.profile-page .profile-body .profile-sections .addNewPaymentBtn .linkText {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #2a90d6;
  display: -webkit-box;
  display: flex;
  height: 30px;
  min-width: auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: rgba(235, 102, 99, 0);
}
.profile-page .profile-body .profile-sections .addNewPaymentBtn .linkText .inline-link {
  display: -webkit-box;
  display: flex;
  height: 30px;
  min-width: auto;
  padding-right: 8px;
  padding-left: 8px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: rgba(235, 102, 99, 0);
  border-radius: 3px;
  color: #248dd5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  font-weight: 400;
}
.profile-page .profile-body .profile-sections .addNewPaymentBtn .linkText .inline-link:hover {
  background: rgba(36, 141, 213, 0.1);
}
.profile-page .profile-body .profile-sections .parentSaveChange {
  margin-top: 0;
  padding: 20px 0;
  border: 1px black;
}
.profile-page .profile-body .profile-sections .parentSaveChange .innerSaveChange {
  width: 100%;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile-page .profile-body .profile-sections .parentSaveChange .innerSaveChange .saveChange {
  display: block;
  font-size: 15px;
  text-align: center;
  width: auto;
  min-width: 120px;
  padding: 10px 25px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
}
.profile-page .profile-body .profile-sections .online-payment-detail .expiredCardDiv {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.profile-page .profile-body .profile-sections .online-payment-detail .expiredCardDiv .red-chip {
  display: inline-block;
  margin-top: 0;
  -ms-flex-item-align: end;
  align-self: flex-start;
  margin: 2px 8px;
  padding-right: 4px;
  padding-left: 4px;
  border-radius: 5px;
  color: white;
  font-size: 11px;
  font-weight: 500;
  background-color: #d83f34;
}
.profile-page .profile-body .paymentMethod-wrap {
  background: whitesmoke;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 12px;
}
.profile-page .profile-body .paymentMethod-wrap .profile-sections {
  padding: 30px 20px;
}
.profile-page .profile-body .paymentMethod-wrap #divNoPaymentMethodsdetailrecord {
  margin: 0;
  padding: 16px 0;
  background: no-repeat;
  font-size: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}
.profile-page .profile-body .paymentMethod-wrap #divNoPaymentMethodsdetailrecord .text-block-24 {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 15px;
}
.profile-page .profile-body .paymentMethod-wrap .back-link-block {
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 0px;
}
.profile-page .profile-body .paymentMethod-wrap .current-points {
  max-width: 100%;
  width: 100%;
}
.profile-page .profile-body .paymentMethod-wrap .paymentCard-flex .cardBusinessName {
  color: #777777;
}
.profile-page .profile-body .paymentMethod-wrap .appt-top-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.profile-page .profile-body .paymentMethod-wrap .appt-top-div .appt-business-name {
  float: none;
  display: block;
  width: 100%;
  margin-top: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #333333;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  text-decoration: none;
}
.profile-page .profile-body .paymentMethod-wrap .appt-top-div .appt-type-div {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
.profile-page .profile-body .paymentMethod-wrap .appt-top-div .appt-type-div .expiredCardDiv {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.profile-page .profile-body .paymentMethod-wrap .appt-top-div .appt-type-div .expiredCardDiv .onlineCardno {
  float: none;
  clear: none;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
.profile-page .profile-body .paymentMethod-wrap .appt-top-div .appt-type-div .expiredCardDiv .red-chip {
  display: inline-block;
  margin-top: 0;
  -ms-flex-item-align: end;
  align-self: flex-start;
  margin: 2px 8px;
  padding-right: 4px;
  padding-left: 4px;
  border-radius: 5px;
  color: white;
  font-size: 11px;
  font-weight: 500;
  background-color: #d83f34;
}
.profile-page .profile-body .paymentMethod-wrap .appt-top-div .appt-type-div .cardBusinessName {
  color: #777777;
  line-height: 24px;
  font-weight: 300;
}
.profile-page .profile-body .paymentMethod-wrap .appointment-button-div {
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile-page .profile-body .paymentMethod-wrap .appointment-button-div .cardEdit-btn {
  display: -webkit-box;
  height: 40px;
  padding-right: 20px;
  border-color: rgba(0, 0, 0, 0.15);
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  min-width: 120px;
  border-style: solid;
  border-width: 1px;
  display: -webkit-flex;
  font-weight: 400;
  background-color: white;
  color: #333333;
  margin-left: 16px;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper {
  display: block;
  max-width: 1000px;
  margin-right: auto;
  padding: 30px 20px;
  border-radius: 2px;
  margin-bottom: 0;
  background-color: white;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell {
  padding-right: 20px;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .business-row {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .business-menu .action-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  min-width: 32px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .business-menu .action-data .action-pkg {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 6px;
  padding: 0 3px;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .business-menu .action-data .action-pkg .circle-menu {
  display: flex;
  height: 28px;
  color: #333333;
  margin-bottom: 0;
  padding: 0 8px;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: .8;
  font-size: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .business-menu .action-data .action-pkg .circle-menu:hover {
  border-radius: 5px;
  background-color: #e6e6e6;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown {
  position: relative;
  left: 10px;
  top: -10px;
  display: none;
  width: 300px;
  z-index: 1000;
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
  border-radius: 5px;
  background-color: white;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .menu-list {
  height: 48px;
  border-style: none;
  padding: 8px 10px 9px 20px;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 3px;
  cursor: pointer;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .menu-list .cardList {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .menu-list .cardList .cardlogo {
  margin-right: 12px;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .menu-list .cardList .cardlogo .cardIcon {
  font-size: 36px;
  color: #2374ac;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .menu-list .cardList .cardDetails .cardName {
  font-weight: 500;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .menu-list .cardList .cardDetails .cardEnd {
  margin-right: 8px;
  color: #777777;
  font-weight: 400;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .menu-list .selectCard {
  margin-right: 4px;
  color: #7cc576;
  font-size: 20px;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .menu-list:hover {
  background-color: #ebebeb;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .removeCardfromBussiness {
  margin-top: 6px;
  color: #eb6663;
  display: flex;
  width: 100%;
  padding: 6px 20px;
  font-size: 15px;
  font-weight: 300;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: white;
  text-align: left;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  cursor: pointer;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown .removeCardfromBussiness:hover {
  background-color: #ebebeb;
}
.profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell:last-child {
  border-bottom: 0px;
}
.profile-page .profile-body .paymentMethod-wrap .parentSaveChange {
  background-color: white;
  margin-top: 0;
  padding: 20px;
}
.profile-page .profile-body .paymentMethod-wrap .parentSaveChange .innerSaveChange {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile-page .profile-body .paymentMethod-wrap .parentSaveChange .innerSaveChange .saveChange {
  z-index: 100;
  display: -webkit-box;
  display: flex;
  height: 40px;
  min-width: 120px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  transition: background-color 0.2s ease;
  color: white;
  background-color: #7cc576;
  cursor: pointer;
  font-weight: 400;
}
.profile-page .profile-body .prof-ffsharing-bg {
  border-top: none;
  padding: 0px;
}
.profile-page .profile-body .ffsharing-main .myprofile-button .profile-save-btn {
  font-size: 15px;
  width: auto;
  min-width: 120px;
  padding: 10px 25px;
}
.profile-page .profile-body .profile-heading {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
}
.profile-page .profile-body .profile-heading.bottom-pad {
  margin-bottom: 16px;
}
.profile-page .profile-body .product-listcontainer .products-div .product-items-div .qty-div {
  width: 16.666%;
}
.profile-page .profile-body .product-listcontainer .products-div .product-items-div .qty-div .pri-right-text {
  text-align: left;
}
.profile-page .profile-body .product-listcontainer .products-div .product-items-div .qty-div-price {
  padding-left: 0px;
}
.profile-page .profile-body .product-listcontainer .products-div .product-items-div .qty-div-subtotal .title-caps {
  text-align: left;
}
.profile-page .profile-body #divMyMembershipPopup .back-link-block {
  width: auto;
  max-width: 1000px;
  margin-left: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
  padding: 0px;
}
.profile-page .profile-body #divMyMembershipPopup .profile-body-section {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
}
.profile-page .profile-body #divMyMembershipPopup .profile-body-section .current-points {
  width: 100%;
}
.profile-page .profile-body #divMyMembershipPopup .profile-body-section .profile-sections {
  padding-left: 0;
  padding-right: 0;
  min-height: inherit !important;
}
.profile-page .profile-body #divMyPointsPopup .back-link-block {
  width: auto;
  max-width: 1000px;
  margin-left: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
  padding: 0px;
}
.profile-page .profile-body #divMyPointsPopup .profile-body-section {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
}
.profile-page .profile-body #divMyPointsPopup .profile-body-section .current-points {
  width: 100%;
}
.profile-page .profile-body #divMyPointsPopup .profile-body-section .profile-sections {
  padding-left: 0;
  padding-right: 0;
  min-height: inherit !important;
}
.profile-page .profile-body #divGCHistoryContent .back-link-block {
  width: auto;
  max-width: 1000px;
  margin-left: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
  padding: 0px;
}
.profile-page .profile-body #divGCHistoryContent .gift-card-wrap {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
}
.profile-page .profile-body #dvMyPackageHistoryPopup .back-link-block {
  width: auto;
  max-width: 1000px;
  margin-left: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
  padding: 0px;
}
.profile-page .profile-body #dvMyPackageHistoryPopup .profile-body-section {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
}
.profile-page .profile-body #dvMyPackageHistoryPopup .profile-body-section .current-points {
  width: 100%;
}
.profile-page .profile-body #dvMyPackageHistoryPopup .profile-body-section .profile-sections {
  padding-left: 0;
  padding-right: 0;
  min-height: inherit !important;
}
.profile-page .profile-body #dvMyCustomPackageDetailPopup .back-link-block {
  width: auto;
  max-width: 1000px;
  margin-left: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
  padding: 0px;
}
.profile-page .profile-body #dvMyCustomPackageDetailPopup .profile-body-section {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
}
.profile-page .profile-body #dvMyCustomPackageDetailPopup .profile-body-section .current-points {
  width: 100%;
}
.profile-page .profile-body #dvMyCustomPackageDetailPopup .profile-body-section .profile-sections {
  padding-left: 0;
  padding-right: 0;
  min-height: inherit !important;
}
.profile-page .profile-body #divMyMembershipHistory .back-link-block {
  width: auto;
  max-width: 1000px;
  margin-left: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
  padding: 0px;
}
.profile-page .profile-body #divMyMembershipHistory .profile-body-section {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
}
.profile-page .profile-body #divMyMembershipHistory .profile-body-section .current-points {
  width: 100%;
}
.profile-page .profile-body #divMyMembershipHistory .profile-body-section .profile-sections {
  padding-left: 0;
  padding-right: 0;
  min-height: inherit !important;
}
.profile-page .profile-body #divMyMembershipBalance .back-link-block {
  width: auto;
  max-width: 1000px;
  margin-left: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
  padding: 0px;
}
.profile-page .profile-body #divMyMembershipBalance .profile-body-section {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
}
.profile-page .profile-body #divMyMembershipBalance .profile-body-section .current-points {
  width: 100%;
}
.profile-page .profile-body #divMyMembershipBalance .profile-body-section .profile-sections {
  padding-left: 0;
  padding-right: 0;
  min-height: inherit !important;
}
/*side nav end*/

.prof-empty-screen .paddingL20 {
  padding: 0;
}
.prof-empty-screen .cardInfo {
  display: block;
}
.prof-empty-screen .saveCardbtn {
  display: flex !important;
}
.prof-empty-screen .securedVagaro {
  display: flex !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
}
/*Css added for profile menu right by @mahendra at 04012021*/

#desktop-menu #accprofile .side-nav-Text.mobProfile {
  display: none;
}
.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#desktop-menu .loginlink .mobile-dropdown-link.header {
  display: none;
}
#desktop-menu .profile-SlideRight {
  vertical-align: middle;
}
#desktop-menu .profile-SlideRight .profilesidePic .nav-profile-photo {
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50px;
  margin: 0;
}
#desktop-menu .profile-SlideRight .profilesidePic .nav-profile-photo .avatar-inital {
  font-size: 10px;
}
.mobile-dropdown-link.header {
  display: block;
  margin-right: 8px;
  font-family: proxima-nova, sans-serif;
  color: #222222;
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 6px;
  margin-top: 8px;
}
#desktop-menu .side-nav-icon {
  display: flex;
  width: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 4px;
}
#desktop-menu #accfamilyfriends .side-nav-icon {
  font-size: 13px;
}
#desktop-menu #accnotification .side-nav-icon {
  font-size: 15px;
}
#desktop-menu #accreviews .side-nav-icon {
  font-size: 13px;
}
#desktop-menu #myaccountivoices .side-nav-icon {
  font-size: 16px;
}
#desktop-menu .side-nav-Text {
  display: inline-block;
}
#desktop-menu .count-iconRound {
  display: inline-flex;
  margin-left: 8px;
  background: #333333;
  width: 16px;
  height: 16px;
  color: white;
  text-align: center;
  border-radius: 100%;
  font-size: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#desktop-menu .profile-dropdown-links {
  border-bottom: 0px;
}
#mobile-menu .profile-SlideRight .profilesidePic img {
  vertical-align: top;
}
@media (max-width: 1024px) {
  .footer-section {
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 1153px) {
  .myAccountpage #footerdiv.footer-section {
    max-width: 1000px;
    width: 100%;
    margin-left: 248px;
  }
}
@media (min-width: 992px) and (max-width: 1152px) {
  .myAccountpage #footerdiv.footer-section {
    max-width: 1000px;
    width: 75.9%;
    margin-left: 248px;
  }
  .myAccountpage #footerdiv.footer-section .normal-footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/*media start*/

@media (max-width: 991px) {
  .profile-page .profile-body #divGifCertificateList .gift-certificate-div .gc-parent-div {
    margin: 0px;
  }
  .mobile-dropdown {
    background-color: #464646;
  }
  .mobile-dropdown .mobile-dropdown-link {
    color: white;
  }
  .mobile-dropdown .mobile-dropdown-link.header {
    color: white;
    margin-top: 20px;
  }
  .mobile-dropdown .mobile-dropdown-link img {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
  }
  .profile-page .profile-body .paymentMethod-wrap .appointment-button-div .cardDelete-btn {
    width: inherit;
    font-size: inherit;
    height: inherit;
  }
  .profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .profile-page .profile-body .notification-save-btn {
    padding: 20px;
  }
  .profile-page .profile-body .profile-heading {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .profile-page .profile-body #content .tab-content #notification .profile-sections .notification-tab {
    margin-top: 18px;
  }
  .profile-page .profile-body #content .tab-content #notification .profile-sections .notification-tab #DivAppSetting .switch-tab {
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .profile-page .profile-body #content .tab-content #notification .profile-sections .vagaroEmailstab {
    margin-top: 20px;
    margin-bottom: 4px;
  }
  .profile-page .profile-body #content .tab-content #notification .profile-sections .vagaroEmailstab .switch-tab-menu .switch-tab {
    height: 40px;
  }
  .profile-footer-btns.myprofile-button input {
    width: 100%;
    height: 50px;
  }
  .mobile-dropdown .mobile-dropdown-link.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
  }
  .profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .profile-page .profile-body .paymentMethod-wrap .appointment-button-div .cardDelete-btn {
    height: 50px;
    font-size: 16px;
  }
  .profile-page .profile-body .profile-sections .parentSaveChange {
    display: block;
  }
  .profile-page .profile-body .profile-sections .parentSaveChange .innerSaveChange .saveChange {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-bottom: 0;
  }
  .profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .addCardBlockInner {
    width: auto;
    max-width: 380px;
  }
  .profile-save-btn {
    width: 100%;
  }
  .profile-save-btn .profile-save-btn-inner input[type="submit"] {
    width: 100%;
    height: 50px;
  }
  .mob-height-50px {
    height: 50px;
  }
  .profile-page .profile-body .mob-vpx-0px,
  .mob-vpx-0px {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 479px) {
  .ffsharing-tabs-bg {
    flex-direction: column;
  }
  .ffsharing-tabs .ffsharing-tabmenu.fftab-bg {
    min-width: 100%;
    margin-bottom: 6px;
    border-radius: 5px !important;
  }
  .write-review-account .stars-div .stars {
    width: 100%;
  }
  .profile-page .profile-body .ffsharing-main .myprofile-button .profile-save-btn {
    width: 100%;
  }
  .profile-page .profile-body .profile-sections .online-payment-detail .expiredCardDiv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .profile-page .profile-body .profile-sections .online-payment-detail .expiredCardDiv .red-chip {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 2px 0px;
  }
  .profile-page .profile-body .profile-sections .onlinePayment-block .addCardBlock .saveCardbtn input[type="submit"] {
    width: 100%;
    height: 50px;
  }
  .modelCommanw600 {
    max-width: 100%;
  }
  .modelCommanw600 .modal-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .modelCommanw600 .btnSecond,
  .modelCommanw600 .btnCancel {
    width: 100%;
    height: 50px;
  }
  .modelCommanw600 .btnCancel {
    margin: 0 0 20px 0 !important;
  }
  .profile-page .profile-body .profile-sections .reviews-div #divbtnOld {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .profile-page .profile-body .profile-sections .review-delete,
  .profile-page .profile-body .profile-sections .review-edit {
    width: 100%;
    font-size: 16px;
    margin: 0 0 16px 0;
  }
  .FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner .bussiness-switch {
    display: -webkit-box;
    margin-top: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner .bussiness-switch .tabs {
    width: 100%;
  }
  .FFNotificationTab .profile-div .all-bussiness-list .bussiness-row .bussiness-row-inner .bussiness-switch .tabs .switch-tab-menu .switch-tab {
    width: 33.33%;
    height: 40px;
  }
  .profile-page .profile-body .paymentMethod-wrap .listing-wrapper {
    padding-bottom: 0px;
    margin-bottom: 20px;
  }
  .paymentMethod-wrap .current-points {
    margin-top: 20px;
  }
  .profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .menu-dropdown {
    top: 0px;
  }
  .profile-page .profile-body .paymentMethod-wrap .parentSaveChange .innerSaveChange {
    margin: 0px;
  }
  .profile-page .profile-body .paymentMethod-wrap .parentSaveChange .innerSaveChange .saveChange {
    width: 100%;
    height: 50px;
  }
  .profile-page .profile-body .paymentMethod-wrap .appt-top-div .appt-type-div .cardBusinessName {
    font-size: 16px;
  }
  .unableRemoveCardPopup .modal-footer {
    margin-top: 0px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .unableRemoveCardPopup .modal-footer .btnSecond,
  .unableRemoveCardPopup .modal-footer .btnSave {
    height: 50px;
    width: 100%;
  }
  .unableRemoveCardPopup .modal-footer .btnSave {
    margin-left: 0px;
    margin-bottom: 20px;
  }
  .profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell .business-row {
    width: calc(100% - 33px);
  }
  .profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell {
    width: 100%;
  }
  .profile-page .profile-body .paymentMethod-wrap .listing-wrapper .cardfile-list .cardfile-cell {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .profile-page .profile-body .paymentMethod-wrap .appointment-button-div {
    width: 100%;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-direction: column;
  }
  .profile-page .profile-body .paymentMethod-wrap .appointment-button-div .cardEdit-btn {
    margin-left: 0;
    height: 50px;
    font-size: 16px;
  }
  .profile-page .profile-body .paymentMethod-wrap .appointment-button-div a {
    width: 100%;
  }
  .profile-page .profile-body .profile-sections .parentSaveChange .innerSaveChange .saveChange {
    width: 100%;
  }
  .profile-page .profile-body .profile-sections .parentSaveChange .innerSaveChange {
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  .profile-page .profile-body .profile-sections .accountProfileText {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin-bottom: 8px;
    margin-left: 0;
  }
  .profile-page .profile-body .profile-sections .profile-photo-div {
    padding-bottom: 0;
    padding-left: 0px;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 991px) {
  #desktop-menu #accprofile .side-nav-Text.mobProfile {
    display: block;
  }
  #mobile-menu #accprofile .side-nav-Text.deskProfile {
    display: none;
  }
  .Embedded_Widget .mobile-dropdown-link {
    height: 40px;
    line-height: 20px;
    font-size: 15px;
  }
  .Embedded_Widget .profilesidePic .nav-profile-photo {
    width: 20px;
    height: 20px;
  }
  .profile-side-nav {
    display: none !important;
    width: 200px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #464646;
  }
  .profile-body {
    width: 100% !important;
    margin: 0 !important;
  }
  .mobile-dropdown-link {
    height: 40px;
    line-height: 20px;
    font-size: 15px;
  }
  .mobile-dropdown-link .side-nav-icon {
    margin-right: 4px;
    display: -webkit-flex;
    display: flex;
    width: 32px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .mobile-dropdown-link .side-nav-icon .profilesidePic .nav-profile-photo {
    background-size: cover;
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    opacity: 1 !important;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50px;
  }
  .mobile-dropdown-link .side-nav-icon .profilesidePic .nav-profile-photo .avatar-inital.intialsname .avatar-inital-inner .avatar-inital-inner-text {
    font-size: 10px;
    color: white;
  }
  .mobile-dropdown-link .notification-bubble {
    display: flex;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-left: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    background-color: white;
    color: #333333;
    font-size: 12px;
    font-weight: 600;
  }
  .mobile-dropdown-link.header {
    margin-top: 20px;
  }
  .d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .write-review-account .stars-div {
    width: 100%;
  }
  .write-review-account .stars-div .stars {
    width: 43%;
    margin-left: 15px;
    margin-right: 14px;
  }
  .write-review-account .review-form-wrapper {
    width: 100%;
  }
  .write-review-account .review-gallery-edit-dropdown {
    right: 0px;
    width: 120px;
  }
  ._touchBottom .tabs-container {
    max-height: calc(100vh - 430px);
  }
  .footer-section {
    position: relative;
    z-index: 1;
  }
}
/*Widget code*/

body.Embedded_Widget .profile-page.inInnerPage .profile-body #divMyPointsPopup {
  padding-right: 20px;
  padding-left: 20px;
}
/*media end*/

/* ravi code end*/

@media only screen and (max-width: 478px) {
  .signupbuttoncont {
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 1;
    display: none;
  }
  .signupbuttoncont .log-in-btn {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .newWaitlistAdddate .search-div-38.service-datetime-div .date-timeinput {
    padding-left: 5px;
  }
}
@media only screen and (max-width: 453px) {
  /*.signup-loader-height { height: 900px; }*/
}
/* signup popup iframe media query */

.sign-in-background .sign-in-btn-divinner .facebook-btn,
.sign-in-background .sign-in-btn-divinner .appleSignIn {
  border-radius: 3px;
  padding: 5px 16px;
  height: 40px;
  box-shadow: none;
  box-sizing: border-box;
  margin-bottom: 8px;
  letter-spacing: -0.4px;
}
@media only screen and (max-width: 540px) {
  .sign-in-background .sign-in-btn-divinner .facebook-btn,
  .sign-in-background .sign-in-btn-divinner .appleSignIn {
    height: 50px;
    letter-spacing: -0.2px;
  }
}
.sign-in-background .sign-in-btn-divinner .facebook-btn.google,
.sign-in-background .sign-in-btn-divinner .appleSignIn.google {
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 3px;
}
@media (max-width: 449px) {
  .first-last-sign-up.customer-signup-first-step {
    margin: 0px 0px;
  }
  .first-last-sign-up.customer-signup-first-step .loginfrmcontrol._50 {
    width: 100%;
    margin: 0;
  }
  .signup-verify {
    padding-top: 24px;
  }
  .signup-verify .input-part {
    padding-bottom: 0px;
    max-width: 100%;
  }
  .signup-verify .input-part label {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
  }
  .signup-verify .input-part input.input-box {
    height: 48px;
  }
  .signup-verify .verify-text h2 {
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    letter-spacing: 0;
    padding-top: 15px;
    font-weight: normal;
  }
  .signup-verify .verify-text p {
    font-size: 16px;
    padding-bottom: 15px;
    text-align: center;
  }
  .signup-button-center .signup-button-center {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
  }
  .sign-in-background {
    padding: 0px;
  }
  .sign-in-background .sign-up-text {
    font-size: 15px;
  }
  .customer-signin-first-step .sign-in-text-field {
    font-size: 15px;
    line-height: 20px;
    color: #9a9a9a;
    padding: 0;
    margin: 16px 0px;
  }
  .customer-signin-first-step .sign-in-text-field .font-awesome-light {
    font-size: 15px;
    line-height: 15px;
  }
  .signup-verify .signup-button-center {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
    position: fixed;
    bottom: 10px;
    left: 0px;
    right: 0px;
    margin-top: 10px;
  }
  .signup-verify .signup-button-center .previous-btn.w-button {
    width: 100%;
    height: 50px;
    float: none;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin: 0px;
    order: -1;
    margin-bottom: 12px;
  }
  .signup-verify .signup-button-center .form-next-button.w-button {
    width: 100%;
    height: 50px;
    font-size: 16px;
  }
}
@media (max-width: 449px) and (max-width: 449px) {
  .signup-verify .verify-text p {
    padding-bottom: 11px;
  }
}
@media (max-width: 449px) {
  .sinup-w-xero-content {
    width: 90%;
    box-shadow: none;
    padding: 10px;
  }
  .sinup-w-xero-wrapper p {
    padding-left: 0px;
    padding-right: 0px;
  }
  .avtar-wrapper {
    width: 90%;
  }
  .sinup-w-xero-wrapper .btn-continue,
  .sinup-w-xero-wrapper .btn-continue-white {
    width: 100%;
  }
  .signupmodalpopup .sign-in-right-div {
    width: 100%;
  }
  .first-last-sign-up {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .loginfrmcontrol._50,
  .loginfrmcontrol._35,
  .loginfrmcontrol._65 {
    width: 100%;
  }
  .switch-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div-block-15.switchlabeltext {
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
  .tabs {
    margin-top: 10px;
  }
  .switch-div.centered {
    padding-top: 12px;
    padding-bottom: 15px;
  }
  .signupbodyscroll,
  .signup-eventfields {
    padding: 0 15px;
  }
  .widget-signup .signupbodyscroll {
    height: initial!important;
    overflow: auto !important;
  }
  .formsignup .signupwidgetscroll {
    height: auto;
    position: fixed;
    left: 0px;
    top: 113px;
    bottom: 0px;
    right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  /*.formsignup .sign-up-text.login-signuptext { padding-bottom:100px;}*/
  
  .signup-eventfields .log-in-btn {
    display: none;
  }
  .signupbodyscroll {
    height: auto;
    padding: 0 15px;
  }
  .signupmodalpopup .customer-signup-logo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .signupmodalpopup button.close {
    position: fixed;
  }
  #dvRegister .signupheaderpart {
    padding: 15px 15px 12px;
    margin-top: 45px;
  }
  #dvRegister .or.fb {
    margin-bottom: 12px;
  }
  .signupbodyscroll.customer-signup .addresswithcountry {
    padding-bottom: 0;
  }
  .signupbodyscroll.customer-signup .sign-in-text-field {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 440px) {
  .switch-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div-block-15.switchlabeltext {
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
  .tabs {
    margin-top: 10px;
  }
  .switch-div.centered {
    padding-top: 12px;
    padding-bottom: 15px;
  }
  /* Add Dang Css By Sneha 03-08-2018 Start */
  
  .dang-part {
    font-weight: 500;
  }
  .dang-part .dang-mid {
    width: 100%;
  }
  /* Add Dang Css By Sneha 03-08-2018 Start */
  
  #dvRegister .switch-div.centered {
    padding-top: 16px;
    padding-bottom: 15px;
  }
  #dvRegister .bottom.centered.switch-div.button-radius-remove {
    padding-top: 10px;
  }
  .customer-signup-body .loginContainer .loginContentwrap {
    display: flex;
    flex-flow: column;
  }
}
@media (min-width: 360px) and (max-width: 479px) {
  .quickFlip {
    width: 340px;
    height: 205px;
  }
  .blackPanel,
  .redPanel {
    width: 340px !important;
    height: 205px !important;
  }
  .waitlist-dropdownList .select2-dropdown--below {
    width: auto !important;
    right: 20px !important;
  }
}
@media (max-width: 395px) {
  .classdateprice .price-time-parent-div {
    margin-top: 15px;
  }
  .livestreamboxpart {
    width: 335px;
  }
  .livelisting-strnsil {
    width: 335px;
    min-width: 335px;
  }
  .livestreamboxpart {
    -webkit-box-flex: inherit;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
  .signup-btn .joinnowbtn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .upcoming-appslider .ucdaily-service {
    width: 335px;
  }
  /* upcoming slider stencil css start here */
  
  .upcoming-slider-stencil .upfields-stnl {
    width: 335px;
  }
  .upcoming-slider-stencil .upslide-subtitle-stnl {
    width: 100%;
  }
  /* upcoming slider stencil css end here */
  
  .home-main .bookmarks-listingdiv .slick-contslide .card-link-block {
    width: 351px;
  }
  .slick-slideParent .cards-parent-div-flex .card-link-block {
    width: 351px;
  }
}
@media (max-width: 370px) {
  .captchdiv > div {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
    margin-left: -7px;
  }
  /*Final Checkout Tip CSS Start By Pravin*/
  
  .selectonlineTipCol ul li {
    min-width: 45px;
    max-width: 45px;
  }
  .selectonlineTipCol ul li#liCustomTIp {
    min-width: 57px;
    max-width: 57px;
  }
  /*Final Checkout Tip CSS Start By Pravin*/
  
  .upcoming-appslider .ucdaily-service {
    width: 319px;
  }
  .upcoming-slider-stencil .upfields-stnl {
    width: 319px;
  }
  .home-main .bookmarks-listingdiv .slick-contslide .card-link-block {
    width: 335px;
  }
  .slick-slideParent .cards-parent-div-flex .card-link-block {
    width: 335px;
  }
  .livestreamboxpart {
    width: 319px;
  }
  .livelisting-strnsil {
    width: 319px;
    min-width: 319px;
  }
}
@media (max-width: 359px) {
  .checkout-title {
    font-size: 18px;
  }
  .item-text-div {
    max-width: 104px;
  }
  .download-app-div {
    margin-left: 10px;
  }
  .grey-btn-alt,
  .go-btn {
    padding-left: 20px;
    padding-right: 20px;
  }
  .grey-btn-alt {
    margin-right: 13px;
  }
  .quickFlip {
    width: 300px;
    height: 183px;
  }
  .blackPanel,
  .redPanel {
    width: 300px !important;
    height: 183px !important;
  }
  /* Login */
  
  .captchdiv > div {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    margin-left: -26px;
  }
  /* my Profile page */
  
  .input-select._25.select-day-div {
    width: 21%;
  }
  .input-select._25.select-year-div {
    width: 27%;
  }
  /* Listing - Book a service */
  
  .price-time-parent-div {
    width: 160px;
  }
  .time-div {
    padding: 3px 0;
    width: 78px;
  }
  .price-div {
    width: 80px;
  }
  .classdateprice .time-div {
    padding: 3px 10px;
    width: auto;
  }
  .appointment-button-div.alt.waitlist-inline-btn .cancel-more-div.width-70 {
    width: 60%;
  }
  .appointment-button-div.alt.waitlist-inline-btn .cancel-more-div.width-70 .cancel-div {
    padding-left: 8px;
    padding-right: 8px;
  }
  .appointment-button-div.alt.waitlist-inline-btn .cancel-more-div.width-30 .cancel-div.alt {
    padding-left: 8px;
    padding-right: 8px;
  }
  .appointment-button-div.alt.waitlist-inline-btn .width-30 .cancel-div.alt {
    margin-right: 5px;
    margin-left: 5px;
  }
  .appointment-button-div.alt.waitlist-inline-btn .width-30:last-child .cancel-div.alt {
    margin-left: 0;
    margin-right: 0;
  }
  .appointment-button-div.alt.waitlist-inline-btn .cancel-more-div.width-30 {
    width: 32%;
  }
  .waitlist-dropdownList .select2-dropdown--below {
    width: auto !important;
  }
  .WaitlistpopupPart .newWaitlistAdddate .search-div-38 .date-timeinput:last-child {
    font-size: 14px;
  }
  .WaitlistpopupPart .newWaitlistAdddate .search-div-38 .date-timeinput:first-child {
    font-size: 14px;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .checkbox-part > label {
    padding-left: 0;
  }
  .mobileAvailability .resWaitlistNewDropdownbg .select-datelist .st-time {
    margin-left: -30px;
  }
  .book-class-btn.class-signup .w-dropdown-list.dropdownclass-section .link-block-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .book-class-btn.class-signup .session-right {
    margin-left: 7px;
  }
  .upcoming-appslider .ucdaily-service {
    width: 280px;
  }
  .upcoming-slider-stencil .upfields-stnl {
    width: 280px;
  }
  .home-main .bookmarks-listingdiv .slick-contslide .card-link-block {
    width: 296px;
  }
  .slick-slideParent .cards-parent-div-flex .card-link-block {
    width: 296px;
  }
  .livestreamboxpart {
    width: 280px;
  }
  .livelisting-strnsil {
    width: 280px;
    min-width: 280px;
  }
}
.w-lightbox-strip {
  display: none;
}
/* Windows App Start */

.windowsApp .product-div-checkout {
  margin-bottom: 0;
  padding-bottom: 20px;
  min-height: 90px;
}
/* Windows App End */

.windowsPhone .map-list-pkg {
  position: static;
}
.windowsPhone .bus-name-daily {
  max-width: calc(100% - 100px);
}
/*Css for left menu fixed by @mahendra at 23-04-2021*/

.profile-page .profile-side-nav {
  position: fixed;
  z-index: 1;
  top: 50px;
  bottom: 0px;
}
.profile-page .profile-side-nav ul.tabs-container {
  overflow-y: auto;
}
.vagaro-logo.v-logo-width {
  width: 100%;
  max-width: 90px;
  max-height: 40px;
}
img.vagaro-logo[src*="svg"] {
  min-height: 27px;
}
/*@media (min-width: 992px){
    .profile-page .profile-body{margin-left:248px;}
}*/

/*new css Add for Thanks you page By Hemant-25/06/2021 Start*/

.cms-wrapper.thankyouPage {
  background: none repeat scroll 0 0 white;
  margin: 0 auto;
  text-align: justify;
  /*display: table;width: 870px;*/
  min-height: 500px !important;
}
.thankyouPage .thank-min-height {
  height: calc(-368vh);
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-self: center;
  min-height: 345px;
  width: 100%;
}
.thankyouPage .page-title {
  background: none repeat scroll 0 0 #eb6663;
  clear: both;
  color: white;
  display: block;
  font-family: Arial;
  font-size: 22px;
  left: 160px;
  line-height: 50px;
  min-height: 50px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
}
.thankyouPage .td-full-width {
  width: 100% !important;
  max-width: 100% !important;
}
.thankyouPage .thanksDiv {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 96%;
  top: 44%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  box-sizing: border-box;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.thankyouPage .thanksDiv .rightsign {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  margin-bottom: 15px;
  background-color: #7cc576;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
  font-family: 'Fontawesome pro 400', sans-serif;
  box-sizing: border-box;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.thankyouPage .thanksDiv .rightarrow {
  color: white;
  font-size: 40px;
  line-height: 60px;
  font-style: normal;
}
.thankyouPage .thanksDiv .warningsign {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  margin-bottom: 15px;
  background-color: #ff9966;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
  font-family: 'Fontawesome pro 400', sans-serif;
  box-sizing: border-box;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.thankyouPage .thanksDiv .denysign {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  margin-bottom: 15px;
  background-color: #d83f34;
  color: white;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
  font-family: 'Fontawesome pro 400', sans-serif;
  box-sizing: border-box;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.thankyouPage .thanksDiv .paymentTitle {
  margin-top: 0px;
  margin-bottom: 8px;
  color: #333333;
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
}
.thankyouPage .thanksDiv .thanks-message {
  margin-bottom: 20px;
  color: #777777;
  font-size: 16px;
  line-height: 22px;
  display: block;
}
.thankyouPage .thanksDivbg {
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 345px;
  height: 100%;
  position: relative;
  width: 100%;
  align-self: center;
  top: 10px;
}
.thankyouPage a.greenbutton-default,
.thankyouPage .greenbutton-default {
  background-color: #7cc576;
  color: white !important;
  font-weight: 400;
  height: 40px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  line-height: 40px;
  padding: 0 20px;
  outline: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
.thankyouPage .greenbutton-default:hover,
.thankyouPage a.greenbutton-default:active {
  background-color: #5c9557;
  color: white !important;
  text-decoration: none;
}
.thankyouPage .content-wrapper.footerpresent.hidewhnloginopen {
  padding-top: 30px;
}
.thankyouPage .btnhover,
.thankyouPage .btnhovergreen,
.thankyouPage .btnhoverred {
  display: block !important;
}
.thankyouPage .btnhover:hover {
  border-color: #cdcdcd !important;
  color: #333333 !important;
  background-color: #f8f8f8 !important;
}
.thankyouPage .btnhovergreen:hover {
  background-color: #5c9557 !important;
}
.thankyouPage .btnhoverred:hover {
  background-color: #c74e4b !important;
}
.thankyouPage .remove-blue a,
.thankyouPage .remove-blue {
  color: #777777 !important;
  text-decoration: none !important;
  cursor: default !important;
}
.thankyouPage .remove-blue-bk a,
.thankyouPage .remove-blue-bk {
  color: #333333 !important;
  text-decoration: none !important;
  cursor: default !important;
}
.thankyouPage .link-policy {
  color: #777777 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}
.thankyouPage .blue-link {
  color: #2a90d6 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}
.thankyouPage .rm-hover-color {
  color: #777777 !important;
  text-decoration: none !important;
}
.thankyouPage .rm-hover-color-black {
  color: #333333 !important;
  text-decoration: none !important;
}
.thankyouPage .rm-hover-color-white {
  color: white !important;
  text-decoration: none !important;
}
.thankyouPage .out-ul {
  color: #777777 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}
.thankyouPage .rm-hover-color-ul {
  color: #777777 !important;
  text-decoration: underline !important;
}
.thankyouPage .rm-hover-blue-ul {
  color: #2a90d6 !important;
  text-decoration: underline !important;
}
.thankyouPage .rm-hover-blue {
  color: #2a90d6 !important;
  text-decoration: none !important;
}
.thankyouPage table tbody {
  width: 100% !important;
  display: table;
}
/*Css for Review online site customer view added by @mahendra 20-07-2021*/

.divBusinessReviewCust {
  padding: 12px 16px 16px;
  border-radius: 5px;
  border: solid 1px #cdcdcd;
  background-color: #f8f8f8;
}
.divBusinessReviewCust .review-paragraph {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 20px;
  padding-top: 6px;
}
.divBusinessReviewCust #pBusinessDate.review-title {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  padding-top: 2px;
}
@media only screen and (min-width: 1200px) {
  .thankyouPage .cms-wrapper {
    width: 100%;
    max-width: 870px;
  }
  .thankyouPage .thanksDivcontentpart {
    width: 100%;
    max-width: 870px;
  }
}
@media only screen and (min-width: 992px) {
  .thankyouPage .cms-wrapper {
    width: 100%;
    max-width: 840px;
  }
  .thanksDivcontentpart {
    width: 100%;
    max-width: 840px;
  }
}
@media only screen and (min-width: 768px) {
  .thankyouPage .cms-wrapper {
    width: 100%;
    max-width: 608px;
  }
  .thankyouPage .thanksDivcontentpart {
    width: 100%;
    max-width: 608px;
  }
}
@media screen and (max-width: 767px) {
  .thankyouPage .cms-wrapper {
    width: 100% !important;
  }
  .thankyouPage .errorMiddleSec {
    font-size: 18px !important;
  }
  .thankyouPage .errorMiddlePageNotFound img {
    max-width: 250px;
  }
  .thankyouPage .thanksDivcontentbg {
    min-height: 500px;
    flex-direction: row;
  }
  .thankyouPage .force-row,
  .thankyouPage .container {
    width: 100% !important;
    max-width: 100% !important;
  }
  .thankyouPage table tbody {
    width: 100% !important;
    display: table;
  }
  .thankyouPage .width100 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .thankyouPage .padding0 {
    padding: 0 !important;
  }
  .thankyouPage .img-full-width {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
  }
  .thankyouPage .align-left {
    text-align: left !important;
  }
  .thankyouPage .padding10 {
    padding: 15px 0px !important;
  }
  .thankyouPage .tbl-center {
    margin: 0 auto !important;
  }
  .thankyouPage .padding15-bottom {
    padding-bottom: 15px;
  }
  .thankyouPage .padding15-top {
    padding-top: 15px;
  }
  .thankyouPage .text-heading-large {
    font-size: 24px !important;
    line-height: 36px !important;
    text-align: center;
  }
  .thankyouPage .text-sub-head {
    font-size: 20px !important;
    line-height: 28px !important;
    text-align: center;
  }
  .thankyouPage .tablewidth90 {
    width: 90% !important;
  }
  .thankyouPage .tdblock {
    width: 100% !important;
    display: block !important;
  }
  .thankyouPage .btnhover,
  .thankyouPage .btnhovergreen,
  .thankyouPage .btnhoverred {
    max-width: 100% !important;
  }
  .thankyouPage .text-subtitle {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .thankyouPage .bullet {
    width: 30px !important;
  }
  .loginpopopen .loginmodalpopup .sign-in-logo-div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    z-index: 0;
  }
  .loginpopopen .loginmodalpopup .sign-in-logo-div img {
    max-width: 76px;
  }
}
@media screen and (max-width: 499px) {
  .thankyouPage .receipt-content,
  .thankyouPage .footer-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .thankyouPage .allpadding {
    padding: 24px 16px !important;
  }
  .loginpopopen .loginmodalpopup .sign-in-logo-div {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: white;
    z-index: 90;
  }
  .loginpopopen .loginmodalpopup .sign-in-parent-div .login-backbtn {
    position: fixed;
    z-index: 99;
  }
}
/*new css Add for Thanks you page By Hemant-25/06/2021 End*/

@media only screen and (min-width: 768px) and (max-height: 600px) {
  .class-checkin-pop .modal-content {
    max-height: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-height: 479px) {
  .class-checkin-pop .modal-content {
    max-height: 180px;
  }
  .clstip-popup .modal-dialog.workshop-show .modal-content {
    max-height: 270px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 800px) {
  .class-checkin-pop .modal-content {
    max-height: 380px;
  }
}
/* deletecard css start here */

@media only screen and (max-height: 800px) {
  .deletecard-list {
    max-height: 280px;
  }
}
/* deletecard css end here */

@media only screen and (max-height: 600px) {
  .profile-dropdown-list {
    max-height: 250px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .ffaddguest-popup .modal-dialog {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    height: 100%;
  }
  .ffaddguest-popup .modal-content {
    height: 100%;
  }
  .ffaddguest-popup .modal-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 90px;
    overflow: auto;
    max-height: 100%!important;
  }
  .ffaddguest-popup .modal-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  /* deletecard css start here */
  
  .deleteCardPopup .modal-dialog {
    position: absolute;
    top: 20px !important;
    bottom: 20px !important;
    margin-top: 0 !important ;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -o-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    left: 50%;
  }
  .deleteCardPopup .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .deleteCardPopup .modal-body {
    height: calc(100% - 119px);
    overflow: auto;
    margin-top: 10px;
  }
  .deleteCardPopup .modal-content {
    height: 100%;
  }
  .deletecard-list {
    max-height: inherit;
  }
  /* deletecard css end here */
}
/* deletecard css start here */

@media only screen and (max-width: 479px) and (max-height: 600px) {
  .deleteCardPopup .modal-body {
    height: calc(100% - 200px);
  }
}
/* deletecard css end here */

@media only screen and (max-height: 350px) {
  .text-area.message {
    min-height: 70px;
  }
  .messagepopupform {
    max-height: 140px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.demo {
  padding: 0px;
}
@font-face {
  font-family: webflow-icons;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
  font-weight: 400;
  font-style: normal;
}
/** model popup comman css */

.modelCommanw600 {
  width: 600px;
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.modelCommanw600 p {
  color: #777777;
  line-height: 18px;
  font-weight: 300;
  margin-bottom: 16px;
  font-size: 16px;
}
.modelCommanw600 .closebtnv {
  background-color: transparent;
  background-image: none;
  padding: 0;
  cursor: pointer;
  border: 0;
  display: block;
  color: #9a9a9a !important;
  z-index: 999;
  margin: 0 !important;
  text-indent: 0;
  text-align: center;
  font-size: 20px;
  -webkit-appearance: none;
  opacity: 1;
}
.modelCommanw600 .modal-content.general-form-custom {
  border-radius: 5px;
}
.modelCommanw600 .btnCancel {
  background: #eb6663;
  padding-right: 24px;
  padding-left: 24px;
  color: white;
  height: 40px;
  border-radius: 3px;
  font-size: 16px;
}
.modelCommanw600 .btnSecond {
  background: white;
  padding-right: 15px;
  padding-left: 15px;
  color: #777777;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #cdcdcd;
  font-size: 16px;
  min-width: 83px;
}
.modelCommanw600 .modal-body {
  padding: 14px 20px 20px 20px;
  text-align: left;
}
.modelCommanw600 .modal-footer {
  padding: 20px 20px;
  text-align: right;
}
.securedVagaro {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12px;
}
.securedVagaro .lockIcon {
  font-size: 12px;
}
.securedVagaro .secureText {
  margin-left: 6px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
}
.securedVagaro .vagaroLogo {
  height: 16px;
  margin-top: 4px;
  width: auto;
}
.addCardForm {
  margin: 0 0 15px;
}
.addCardForm .card-number {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  display: -webkit-box;
}
.addCardForm .card-number .cardNumber {
  height: 45px;
  margin-bottom: 0;
  border-radius: 3px;
  padding-left: 43px;
}
.addCardForm .card-number .cardChange {
  font-size: 20px;
  color: #cdcdcd;
  line-height: 45px;
  position: absolute;
  left: 32px;
}
.addCardForm .cardInputGroup {
  display: flex;
  margin-bottom: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.addCardForm .cardInputGroup .cardMiddle,
.addCardForm .cardInputGroup .cardCvv {
  width: 15.5%;
  margin-bottom: 0;
  border-radius: 3px;
  height: 45px;
}
.addCardForm .cardInputGroup .cardMonth,
.addCardForm .cardInputGroup .cardZipCode {
  width: 40%;
  height: 45px;
  margin-bottom: 1px;
}
.addCardForm .cardInputGroup .cardFirst,
.addCardForm .cardInputGroup .cardLast {
  width: 40%;
  border-radius: 3px;
  height: 45px;
}
/*Css start for Vagaro drive to transfer Files popup writen by Hemant 19/07/21*/

.upgradeDrive.bootstrap-modal-common.in .modal-dialog {
  display: flex!important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  height: 90%;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 1px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  width: calc(80%);
  max-width: 600px;
}
.upgradeDrive.bootstrap-modal-common .modal-content {
  border: 0!important;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex: 0 1 auto;
  justify-content: center;
  min-height: 1px;
  width: 100%;
  flex-flow: column;
  position: relative;
  background-color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  border-radius: 8px;
  outline: 0;
  word-wrap: break-word;
}
.upgradeDrive.in {
  display: flex!important;
}
.upgradeDrive.in .modal-dialog {
  z-index: 99999;
}
.upgradeDrive.bootstrap-modal-common .modal-header {
  padding: 15px 20px 0px 20px!important;
  box-shadow: none;
  position: relative;
  z-index: 100;
  min-height: fit-content;
  font-size: 18px!important;
  line-height: 30px!important;
  font-weight: 500!important;
  border-bottom: 0px!important;
}
.upgradeDrive.bootstrap-modal-common .modal-header .modal-title {
  font-size: 18px!important;
  line-height: 30px!important;
  font-weight: 500!important;
  padding-right: 30px;
}
.upgradeDrive.bootstrap-modal-common .close-button-new {
  background: none!important;
  font-family: 'fontawesome-5pro-light-300' !important;
  position: absolute;
  font-size: 20px;
  right: 5px;
  top: 5px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: 0px;
  outline: 0px;
  -webkit-appearance: none;
  color: #9a9a9a;
}
.upgradeDrive.bootstrap-modal-common .modal-footer {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top: 0px!important;
  min-height: not-set !important;
  box-shadow: none;
  position: relative;
  z-index: 100;
  background: #f8f8f8 !important;
  padding: 10px 20px!important;
}
.upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-default,
.bootstrap-modal-common .modal-footer .btn.btn-primary {
  cursor: pointer;
  letter-spacing: 0.5px;
  border-radius: 3px!important;
  -webkit-appearance: none;
  padding-right: 20px!important;
  font-size: 16px!important;
  padding-left: 20px!important;
  height: 40px;
}
.upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-default:hover {
  border-color: #999999;
  background-color: #f8f8f8;
}
.upgradeDrive.bootstrap-modal-common .close-button-new:hover {
  color: black;
}
.upgradeDrive.bootstrap-modal-common .modal-body {
  min-height: not-set !important;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 1px;
  padding: 0px 20px 20px 20px!important;
  color: #777777;
  font-size: 15px;
  line-height: 22px;
}
.upgradeDrive.bootstrap-modal-common .modal-body .checkbox-custom-black {
  padding-bottom: 8px;
  padding-left: 30px;
  padding-top: 8px;
}
.upgradeDrive.bootstrap-modal-common .terms-title {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.checkbox-custom-black.requestDriveUpdate input[type=checkbox] {
  display: none;
  font-size: inherit;
  line-height: inherit;
}
.checkbox-custom-black.requestDriveUpdate label {
  color: rgba(51, 51, 51, 0.85);
  cursor: pointer;
  display: inline-block;
  font-weight: 300;
  margin-bottom: 0;
  vertical-align: top;
  word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: initial;
  margin-top: 6px;
  line-height: 20px;
  font-family: proxima-nova, sans-serif !important;
  font-size: 16px!important;
  font-weight: 400!important;
}
.checkbox-custom-black.requestDriveUpdate {
  padding-bottom: 0px!important;
  padding-left: 30px!important;
}
.checkbox-custom-black.requestDriveUpdate input[type=checkbox] + label:before {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  float: left;
  height: 20px;
  margin-left: -30px;
  overflow: hidden;
  position: relative;
  width: 20px;
}
.checkbox-custom-black.requestDriveUpdate input[type=checkbox]:checked + label:before {
  background-color: #333333;
  background-image: url("https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/signup-check.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
.upgradeDrive.bootstrap-modal-common .body-inner {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 1px;
  overflow-y: auto;
}
/*------------------------------Drive locked popup css Start-------------*/

.modal.popupnew-design.free-emv-popup.in {
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: flex!important;
}
.popupWrapper.maxpopupwidth600 * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.modelCommanUser .modal-title {
  margin-bottom: 16px;
  font-family: proxima-nova, sans-serif;
  color: #333333;
  font-size: 18px !important;
  line-height: 30px;
  font-weight: 500;
}
.modelCommanUser p {
  color: #777777;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 16px;
  font-size: 16px;
}
.triallockcontent {
  padding: 0px 0px 10px 0px;
  line-height: 22px;
  /* max-width: 485px; */
  margin: 0 auto;
  font-size: 14px;
  color: #777777;
}
.triallockcontent a:link,
.triallockcontent a:visited {
  color: #248dd5;
  text-decoration: none;
}
.trialendstext {
  background: #e2e2e2;
  color: #333333;
  display: inline-block;
  font-size: 12px;
  padding: 1px 10px;
  border-radius: 4px;
  box-sizing: content-box;
}
.popupnew-design .popupWrapper .popupFooter {
  border-top: 0px;
  padding: 10px 20px;
}
.popupWrapper .popupFooter > ul {
  padding: 0;
  margin: 0;
  min-width: 150px;
  list-style: none;
  text-align: right;
}
.popupWrapper .popupFooter > ul > li {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.free-emv-popup .popup-w-btn-green.btnheight input.button-type-flatGray,
.free-emv-popup .popup-w-btn-green.btnheight input.button-type-flat {
  height: 40px;
  border-radius: 3px !important;
  line-height: 40px;
  padding: 0 25px;
}
.free-emv-popup .popup-w-btn-green.btnheight input.button-type-flatGray,
.free-emv-popup .popup-w-btn-green.btnheight input.button-type-flat {
  height: 40px;
  border-radius: 3px !important;
  line-height: 40px;
  padding: 0 25px;
}
.free-emv-popup .modelCommanUser {
  margin-top: 0 !important;
  margin-bottom: 0;
  max-width: 95%;
  margin-right: auto;
  position: relative;
  z-index: 99999;
  background: white;
  border-radius: 5px;
  margin-left: auto;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.free-emv-popup .popupWrapper .popupFooter {
  position: relative;
  clear: both;
  padding: 10px 20px;
  border-top: 1px solid #ebebeb;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  color: #6b6b6b;
  background: #f0f0f0;
  font-size: 15px;
  min-height: 30px;
}
.free-emv-popup .popup-w-btn-green .button-type-flatGray,
.free-emv-popup .popup-w-btn-green .grayButtonPlain {
  -webkit-appearance: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #777777 !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #cdcdcd !important;
  background: white;
  height: 40px;
  font-weight: 400;
  font-size: 16px !important;
  -webkit-transition: border 200ms ease !important;
  transition: border 200ms ease !important;
}
.free-emv-popup .popup-w-btn-green .button-type-flatGray:hover,
.free-emv-popup .popup-w-btn-green .grayButtonPlain:hover {
  border-color: #333333 !important;
  color: #333333 !important;
}
.free-emv-popup .popup-w-btn-green .button-type-flat,
.popup-w-btn-green .orangeButtonPlain {
  -webkit-appearance: none;
  margin-left: 15px !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  border-radius: 2px !important;
  background-color: #7cc576 !important;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: white;
  height: 40px;
  font-weight: 400;
  font-size: 16px !important;
}
.free-emv-popup .popup-w-btn-green .button-type-flat:hover,
.free-emv-popup .popup-w-btn-green .orangeButtonPlain:hover {
  background-color: #5c9557 !important;
}
.free-emv-popup .popupWrapper .popupContent #image-locked {
  margin-bottom: 10px;
}
.popupnew-design .popupWrapper {
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25);
}
.free-emv-popup .popupWrapper .popupContent {
  padding: 15px 20px !important;
}
/*------------------------------Drive locked popup css End--------------*/

/*css made for free trial popup writen by Hemant 15/07/21*/

.modal.popupnew-design.free-emv-popup.in {
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: flex!important;
}
.modal.free-trialPaymentHistory.in {
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: flex!important;
}
.modal.free-trialPaymentHistory .popupWrapper {
  z-index: 99999;
  position: relative;
  width: 100%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 0 auto;
  background: white;
}
.modal.free-trialPaymentHistory.popupnew-design .popupWrapper .popupTitle {
  padding: 20px;
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 0px;
  color: #333333;
  height: auto !important;
  line-height: 22px !important;
  margin: 0px;
  border-bottom: 0px;
  font-size: 20px;
  font-weight: 500;
}
.modal.free-trialPaymentHistory.popupnew-design .popupWrapper .popupContent {
  padding: 20px;
}
.modal.free-trialPaymentHistory .floatThead-wrapper {
  border-radius: 7px 7px 0 0;
  overflow: hidden;
}
.modal.free-trialPaymentHistory.popupnew-design .popupWrapper .popupFooter {
  border-top: 0px;
  padding: 10px 20px;
  position: relative;
  clear: both;
  padding: 15px 20px;
  border-top: 1px solid #ebebeb;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  color: #6b6b6b;
  background: #f0f0f0;
  font-size: 15px;
  min-height: 30px;
}
.modal.free-trialPaymentHistory .popupWrapper .popupFooter > ul {
  padding: 0;
  margin: 0;
  min-width: 150px;
  list-style: none;
  text-align: right;
}
.modal.free-trialPaymentHistory .popupWrapper .popupFooter > ul > li {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.modal.free-trialPaymentHistory .popupWrapper .popupFooter > ul > li > input {
  min-width: 95px;
  padding: 8px 10px;
  border: 0;
  margin: 0 0 0 10px;
  text-align: center;
  font-size: 15px;
  font-family: inherit;
  font-weight: 400;
  cursor: pointer;
}
.modal.free-trialPaymentHistory .popup-w-btn-green .button-type-flatGray,
.modal.free-trialPaymentHistory .popup-w-btn-green .grayButtonPlain {
  -webkit-appearance: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #777777 !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #cdcdcd !important;
  background: white;
  height: 40px;
  font-weight: 400;
  font-size: 16px !important;
  -webkit-transition: border 200ms ease !important;
  transition: border 200ms ease !important;
}
.modal.free-trialPaymentHistory .popup-w-btn-green .button-type-flatGray:hover,
.modal.free-trialPaymentHistory .popup-w-btn-green .grayButtonPlain:hover {
  border-color: #333333 !important;
  color: #333333 !important;
}
.trialhistory .modal-backdrop {
  z-index: 99999 !important;
}
.trialhistory .popup-display-preview {
  z-index: 9999999!important;
}
/*Vagaro drive to transfer Files popup Css End writen by Hemant 19/07/21*/

.rightReviewCountText {
  float: right;
  color: #c9c9c9;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-default,
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-primary {
    /*width: 100%;
          min-height: 40px;*/
    box-sizing: border-box;
  }
  .upgradeDrive.in {
    padding-right: 0px!important;
  }
}
@media screen and (max-width: 568px) {
  .upgradeDrive.in.bootstrap-modal-common .modal-footer .btn.btn-primary {
    background: #7cc576 !important;
    margin-left: 0px;
    border: none;
  }
}
@media screen and (min-width: 568px) and (max-width: 767px) and (orientation: landscape) {
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-default,
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-primary {
    width: auto;
    min-height: 40px;
  }
  .bootstrap-modal-common .modal-footer .btn.btn-default {
    margin-bottom: 0px;
    margin-right: 13px;
  }
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-primary {
    box-sizing: border-box;
    border: 0px;
  }
}
@media screen and (max-width: 767px) {
  .free-trialPaymentHistory.in {
    padding-right: 0px!important;
  }
  .upgradeDrive.bootstrap-modal-common .modal-content {
    width: calc(100% - 20px);
  }
  .modal.free-trialPaymentHistory.in {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .upgradeDrive.bootstrap-modal-common .modal-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-default {
    margin-bottom: 15px;
  }
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-default,
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-primary {
    margin-left: 0px;
  }
  .upgradeDrive .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 0px;
  }
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-default,
  .upgradeDrive.bootstrap-modal-common .modal-footer .btn.btn-primary {
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
  }
  .signup-loader-height.email .signupwidgetscroll,
  .signup-loader-height.phone .signupwidgetscroll,
  .signup-loader-height.success .signupwidgetscroll {
    height: 100%;
  }
  .ipadandroid.myAccountpage .listings-logo-search-div {
    width: 100%;
    position: fixed;
  }
}
@media screen and (max-width: 479px) {
  .modelCommanw600 .modal-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .modelCommanw600 .btnCancel {
    margin-left: 0px !important;
    margin-bottom: 12px !important;
  }
  .loginpopopen .loginmodalpopup .sign-in-parent-div {
    padding-bottom: 0px;
  }
  .loginpopopen .loginmodalpopup .sign-in-parent-div .login-backbtn {
    top: 13px;
    left: 10px;
    font-size: 30px;
  }
  /*
    .signupwidgetscroll {
      height: 100% !important;}
  .sign-in-parent-div .display-table-cell {
      height: 100%;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div{
      height: 100%;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div .sign-in-div {   
      height: 100%;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div .sign-in-div .sign-in-btn-divinner {
      height: 100%;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div .sign-in-div .sign-in-btn-divinner .signup-button-center.top-space-add {
      height: 100%;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div .sign-in-div .sign-in-btn-divinner .signup-button-center.top-space-add #dvtwostepemailcodeinfo {
      height: 100%;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div .sign-in-div .sign-in-btn-divinner .signup-button-center.top-space-add #dvtwostepemailcodeinfo #twostepemailcodeinfo {
      height: 100%;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div .sign-in-div .sign-in-btn-divinner .signup-button-center.top-space-add #dvtwostepemailcodeinfo #twostepemailcodeinfo #divtwofactorauthentication {
      height: 100%;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div .sign-in-div .sign-in-btn-divinner .signup-button-center.top-space-add #dvtwostepemailcodeinfo #twostepemailcodeinfo #divtwofactorauthentication .modal-innerwrapper #divModalWindow {
      height: 100%;  
  }
  
  .sign-in-parent-div .signup-verify .signup-button-center{ left:10px; right:10px; bottom:10px;}
   */
  
  .sign-in-parent-div #divModalWindow {
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding-bottom: 20px;
  }
  .sign-in-parent-div #divModalWindow .signup-verify.phone-one {
    padding-bottom: 150px;
  }
  .sign-in-parent-div .signup-verify .signup-button-center {
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    padding: 10px;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div .sign-in-div .sign-in-btn-divinner .signup-button-center.top-space-add #dvtwostepemailcodeinfo #twostepemailcodeinfo #divtwofactorauthentication .modal-innerwrapper #divModalWindow .signup-verify {
    padding-top: 0px;
  }
  .sign-in-parent-div .display-table-cell .sign-in-right-div .sign-in-div .sign-in-btn-divinner .signup-button-center.top-space-add #dvtwostepemailcodeinfo #twostepemailcodeinfo #divtwofactorauthentication .modal-innerwrapper #divModalWindow .signup-verify .verify-text {
    padding-top: 0px;
  }
}
.sign-in-right-div .sign-in-div .success {
  padding-bottom: 0;
}
.customer-signup-body .signup-verify .signup-button-center a {
  width: 96px;
}
@media screen and (max-width: 435px) {
  .sign-in-right-div .sign-in-div {
    width: 100%;
  }
  .sign-in-div .addresswithcountry .countrydropdown:after {
    width: 18px;
  }
  .customer-signin-first-step .sign-in-text-field .btn-icon-div {
    position: absolute;
    left: 10px;
    top: 16px;
  }
  .signupbodyscroll.customer-signup #divloginSCap {
    overflow: hidden;
  }
  /* 
  .signup-loader-height{ height: 100%; } 
  .signup-loader-height.email{ height: 100%; padding-bottom: 60px;}
  .signup-loader-height.phone{ height: 100%; padding-bottom: 60px;} 
  .signup-loader-height.success{ height: 100%; padding-bottom: 60px;}
  
  */
  
  .sign-in-background.modal-dialog {
    padding: 0px;
  }
  #dvSignupNew #iFrameSignUp {
    height: calc(100vh - 51px);
  }
  #dvSignupNew .signupwidgetscroll {
    height: auto;
  }
  #dvSignupNew .signup-loader-height.email,
  #dvSignupNew .signup-loader-height .phone,
  #dvSignupNew .signup-loader-height.phone,
  #dvSignupNew .signup-loader-height.success {
    height: auto;
  }
  #dvSignupNew .signup-loader-height.email .signupwidgetscroll,
  #dvSignupNew .signup-loader-height .phone .signupwidgetscroll,
  #dvSignupNew .signup-loader-height.phone .signupwidgetscroll,
  #dvSignupNew .signup-loader-height.success .signupwidgetscroll {
    height: auto;
    padding-top: 45px;
  }
  /***sign up scroll issues fixed***/
  
  body.customer-signup-body {
    overflow: hidden;
  }
  body.customer-signup-body .signup-eventfields .sign-up-text.login-signuptext {
    margin-bottom: 0;
  }
  body.customer-signup-body .signup-eventfields .log-in-btn {
    opacity: 0;
    visibility: hidden;
    height: 1px!important;
    padding: 0!important;
    margin: 0 !important;
  }
  body.customer-signup-body .signupbodyscroll {
    overflow-y: scroll;
  }
  .signupiframe .signupbuttoncont {
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2px 15px 15px;
    z-index: 1;
    display: block;
  }
  .signupiframe .signupbuttoncont .log-in-btn {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .signupiframe #dvSignupNew #iFrameSignUp {
    height: calc(100ch - 195px);
    padding-bottom: 65px;
  }
  .customer-signup-body #form1 {
    height: 100% !important;
  }
  .customer-signup-body .signup-verify .verify-text {
    padding: 0px;
  }
  .customer-signup-body .modal-innercenter-box .modal-window {
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding-bottom: 122px;
  }
  .customer-signup-body #divConfirmBox .modal-innercenter-box .modal-window {
    padding-bottom: 0;
  }
  .customer-signup-body .signup-verify {
    padding: 24px 16px 0px 16px !important;
  }
  /*
  .signup-verify#dvSuccessVerify {
      padding-top: 36px !important;}
  */
}
.customer-signin-first-step .w-clearfix.loginforgot-remember.margin-bottom10.hideinscreenlock {
  padding-top: 14px;
  padding-bottom: 18px;
  margin: 0px;
  width: 100%;
}
/* customer signup page css responsive iframe */

.myaccount-popup .signup-verify,
.customer-signup-body .signup-verify {
  padding-top: 0px;
}
.myaccount-popup .verify-text {
  padding-top: 0px;
}
@media screen and (max-width: 767px) {
  .sign-in-div .checkbox-custom-black.small {
    display: none;
  }
  .sign-in-div .loginforgotpwd {
    width: 100%;
  }
  /*.ipadandroid.myAccountpage .listings-logo-search-div { position: fixed;} */
}
@media screen and (max-height: 600px) {
  .ipadandroid.businessdetailpage .signup-verify .verify-text {
    padding-bottom: 110px;
  }
  .ipadandroid.businessdetailpage .signup-verify .signup-button-center {
    background: white;
  }
  .ipadandroid.loginpopopen .signup-verify .verify-text,
  .ipadandroid.signuppopopen .signup-verify .verify-text {
    padding-bottom: 110px;
  }
  .ipadandroid.loginpopopen .signup-verify .signup-button-center,
  .ipadandroid.signuppopopen .signup-verify .signup-button-center {
    background: white;
  }
  .keyboradopen.customer-signup-body .modal-innerwrapper .modal-innercenter-box .w-loginwidth {
    height: calc(100vh - 60px);
  }
}
@media screen and (max-width: 449px) {
  .loginstep1panel .forgot-password {
    line-height: normal;
    margin-top: -1px;
    padding-right: 10px;
  }
  body.customer-signup-body .signupbodyscroll.customer-signup .sign-in-text-field .signininput {
    height: 48px;
  }
  body.customer-signup-body .signupbodyscroll.customer-signup .addresswithcountry .countrydropdown {
    height: 48px !important;
  }
  body.customer-signup-body .signupbodyscroll.customer-signup .sign-in-text-field .btn-icon-div {
    top: 15px;
  }
  body.customer-signup-body .signupbodyscroll.customer-signup .w-custom-dropdown.withFontarrow {
    height: 48px !important;
  }
  body.customer-signup-body .signupbodyscroll.customer-signup .select-field select {
    height: 48px !important;
  }
  body.customer-signup-body .signupbodyscroll.customer-signup .div-block-15.switchlabeltext {
    text-align: left;
  }
  body.customer-signup-body .signupbodyscroll.customer-signup .forgot-password.smaller {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    margin: 16px 0px;
    white-space: normal;
  }
  body.customer-signup-body .signupbodyscroll.customer-signup .button-radius-remove .tabs {
    width: 100%;
    margin: 0px;
  }
  body.customer-signup-body .signupbodyscroll.customer-signup .bottom.centered.switch-div.button-radius-remove.pt-0 ~ .bottom.centered.switch-div.button-radius-remove {
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
    margin-bottom: 16px;
  }
  body.customer-signup-body .sign-up-text.login-signuptext {
    order: -1;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    align-items: center;
    color: black;
    display: block;
    margin-bottom: 32px;
  }
  body.customer-signup-body .signup-eventfields {
    display: flex;
    flex-wrap: wrap;
  }
  body.customer-signup-body .signup-eventfields .log-in-btn {
    display: block;
  }
  body.customer-signup-body .signup-eventfields input.log-in-btn {
    padding: 15px 0px;
    font-size: 18px;
    margin-bottom: 15px;
  }
  body.customer-signup-body .addresswithcountry .countrydropdown .selectedcountry:before {
    line-height: 47px !important;
  }
  body.customer-signup-body .button-radius-remove .tabs .switch-tab-menu a.switch-tab {
    width: 100%;
  }
  body.customer-signup-body .signup-verify .signup-button-center {
    left: 16px;
    right: 16px;
    background: white;
  }
  .addresswithcountry .countryselectoption {
    top: 47px;
    z-index: 2;
  }
  .addresswithcountry .countrydropdown:after {
    top: 3px;
  }
}
/* BusinessTypePage*/

.BusinessTypePage {
  display: block;
  padding: 36px 80px;
}
@media screen and (max-width: 1055px) {
  .BusinessTypePage {
    padding: 36px 24px;
  }
}
@media screen and (max-width: 420px) {
  .BusinessTypePage {
    padding: 36px 15px 0;
  }
}
.BusinessTypePage .BusinessTitle {
  display: block;
  padding-bottom: 26px;
  clear: both;
  width: 100%;
}
.BusinessTypePage .BusinessTitle h2 {
  margin: 0;
  line-height: 36px;
  font-size: 32px;
  padding-bottom: 10px;
}
.BusinessTypePage .BusinessSection {
  width: 100%;
  padding-bottom: 13px;
  clear: both;
  display: flex;
  flex-flow: column;
}
.BusinessTypePage .BusinessSection h3 {
  display: block;
  margin: 0;
  padding-bottom: 16px;
  font-size: 20px;
  line-height: 24px;
}
.BusinessTypePage .BusinessSection .BusinessSectionList {
  column-gap: 20px;
  column-count: 5;
  display: block;
  width: 100% ;
  padding: 0;
  list-style: none;
  max-width: 1516px;
}
@media screen and (min-width: 1056px) {
  .BusinessTypePage .BusinessSection .BusinessSectionList.col4 {
    column-count: 4;
  }
}
@media screen and (max-width: 1055px) {
  .BusinessTypePage .BusinessSection .BusinessSectionList {
    column-gap: 20px;
    column-count: 2;
  }
}
@media screen and (max-width: 767px) {
  .BusinessTypePage .BusinessSection .BusinessSectionList {
    column-gap: 0px;
    column-count: 1;
  }
}
.BusinessTypePage .BusinessSection .BusinessSectionList li {
  display: block;
  padding-bottom: 11px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.BusinessTypePage .BusinessSection .BusinessSectionList li a {
  color: #333333;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}
.BusinessTypePage .BusinessSection .BusinessSectionList li a:hover {
  color: #2479c7;
}
.BusinessTypePage .BusinessSection .BusinessSectionList li a:focus {
  color: #26639c;
}
.mobile_gallery_filter_drop {
  top: 132px;
  padding: 0;
}
.mobile_gallery_filter_drop .w-dropdown-toggle {
  padding: 11px 10px;
  display: block;
}
.mobile_gallery_filter_drop .sort-dropdown-list {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .livestreampage .mobile_gallery_filter_drop {
    display: none !important;
  }
}
@media (max-width: 850px) {
  .summeryBackArrow {
    padding-left: 30px;
  }
}
/* Vagaro pay later bank account Start*/

.vpl-bank-sub-text .read-text {
  color: #eb6663;
  font-weight: normal;
}
.vpl-bank {
  margin-top: 24px;
}
.vpl-bank .vpl-bank-heading {
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  font-weight: 500;
}
.vpl-bank .vpl-bank-text {
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  margin-top: 8px;
  font-weight: 400;
}
.vpl-bank .vpl-bank-sub-text {
  margin-top: 16px;
  width: 455px;
}
.vpl-bank .vpl-bank-account {
  width: auto !important;
}
.vpl-bank .vpl-bank-sub-text-heading {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
}
.vpl-bank .vpl-bank-sub-text-text {
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  font-weight: 400;
}
.vpl-bank .vpl-bank-text a {
  text-decoration: none;
  color: #248dd5;
}
.vpl-bank .shipping-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}
.vpl-bank .w-tab-menu {
  position: relative;
}
.vpl-bank .w-tab-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.vpl-bank .shipping-method.w--current {
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-color: #248dd5;
  background-color: rgba(36, 141, 213, 0.1);
}
.vpl-bank .w-tab-link .w--current {
  background-color: #c8c8c8;
}
.vpl-bank .shipping-method {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
}
.vpl-bank .w-tab-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 16px;
  text-align: left;
  cursor: pointer;
  color: #222222;
  background: white;
  border-radius: 3px 3px 0 0;
}
.vpl-bank .w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.vpl-bank .w--tab-active {
  display: block;
}
.vpl-bank .checkout-title {
  margin-top: 40px;
  margin-bottom: 15px;
  font-size: 20px;
}
.vpl-bank .form-wrapper {
  margin-top: 20px;
}
.vpl-bank .w-form {
  margin: 0 0 15px;
}
.vpl-bank .form-col-50 {
  width: 49%;
}
.vpl-bank .lbl-name {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  font-weight: normal;
}
.vpl-bank .shipping-tabs a.shipping-method:first-child {
  border-radius: 3px 3px 0 0;
}
.vpl-bank .shipping-tabs a.shipping-method:last-child {
  border-radius: 0 0 3px 3px;
}
@media only screen and (max-width: 479px) {
  .vpl-bank .form-col-50 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .vpl-bank .form-col-50 {
    width: 100%;
  }
  .vpl-bank .vpl-bank-sub-text {
    margin-top: 16px;
    width: 100%;
  }
  .vpl-bank .w-tabs {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
  }
}
/* Vagaro pay later bank account End*/

/*VPl Paid*/

.vplpaid {
  padding: 0px;
}
/*Web View */

.webview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-header-web {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  height: 55.4px;
  background-color: white;
  box-shadow: inset 0 -1px 0 #e7e7e7;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.m-header-logo-web {
  width: 99px;
  height: 29.5px;
  background-image: url(../Images/logoTypeFlamingo.svg);
  margin: 0 auto;
  background-size: 100%;
  background-position: center;
}
.not-working {
  margin-top: 48px;
}
.no-margin {
  margin-top: 0px !important;
}
.m-screen-heading {
  font-weight: 600;
  font-size: 32px;
  line-height: 36px;
  color: #333333;
  text-align: center;
  margin: 4px 0;
}
.m-screen-content {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  margin: 4px 0;
  text-align: left;
}
.m-screen-margn {
  margin: 4px 0px;
}
.m-t-center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.web-download-screen-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-font-18 {
  font-size: 18px !important;
}
.res-tooltip-vpl .resIsymbol-msg.mobile {
  border-radius: 3px;
  background-color: #333333;
  border: solid 1px #333333;
  position: absolute;
  bottom: 100%;
  color: white;
  font-size: 15px;
  padding: 8px 12px;
  width: 372px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-90%);
  left: 97%;
  margin-bottom: 14px;
  display: none;
  -webkit-animation: moveuptooltip 0.4s forwards;
  -moz-animation: moveuptooltip 0.4s forwards;
  -ms-animation: moveuptooltip 0.4s forwards;
  animation: moveuptooltip 0.4s forwards;
  margin-left: -5px;
}
.m-get-started-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  background-color: #c34342;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19);
  border-radius: 3px;
  margin: 16px 0;
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 35px;
  display: block;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  width: auto;
  height: 50px;
}
.m-get-started-btn a {
  color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 35px;
  display: block;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  text-decoration: none;
}
.m-span-blue {
  color: #2a90d6;
  text-decoration: none;
}
.m-image-section {
  margin: 0px 0px 0px 0px;
}
.m-bullet-div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 0px;
}
.m-bullet-div-4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 4px 0px;
}
.m-bullet-list {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #333333;
  text-align: left;
  margin: 0px 0px;
  padding-left: 8px;
}
.m-margin-signup {
  padding-top: 32px;
}
.m-screen-size {
  width: 468px;
}
/*Screen 2*/

.web-ghost-margin {
  margin: 20px 0px 20px 0px;
}
.m-padding-top-16 {
  padding-top: 16px;
}
.m-devider {
  width: 100%;
  height: 1px;
  background-color: #c4c4c4;
  margin: 0 10px;
  position: relative;
}
.m-devider-s2 {
  width: 100%;
  height: 2px;
  box-shadow: inset 0px -1px 0px #e7e7e7;
  position: relative;
}
.m-t-right {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
}
.vpl-tab {
  display: none;
}
.m-d-or {
  padding: 0px 10px 0px 10px;
  background-color: white;
  color: #777777;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.m-screen-size .m-height {
  height: 48px !important;
}
.m-swtich-tab-size {
  width: 100% !important;
}
.m-swtich-tab-align {
  text-align: left;
}
.m-service-box {
  padding: 20px;
  background: white;
  /* Shadow/Dropdown */
  /*box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);*/
  border-radius: 12px;
  margin: 16px 0px;
}
.shadoweffect.m-service-box {
  padding: 20px;
  background: white;
  /* Shadow/Dropdown */
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin: 16px 0px;
}
.m-service-box-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: white;
  /* List Divider/Bottom */
  padding-bottom: 16px;
  box-shadow: inset 0px -1px 0px #e7e7e7;
}
.m-service-box-header.vcenter {
  align-items: center;
}
.m-service-box-body {
  padding-top: 16px;
}
.m-service-box-footer {
  margin-top: 16px;
}
.d-flex-justify-s2 {
  display: flex;
  justify-content: center;
  width: 100%;
}
.backbutton-w-240 {
  width: 240px !important;
}
.res-tooltip-vpl .resIsymbol-msg.s-2 {
  border-radius: 3px;
  background-color: #333333;
  border: solid 1px #333333;
  position: absolute;
  bottom: 100%;
  color: white;
  font-size: 15px;
  padding: 8px 0;
  width: 262px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-90%);
  left: 97%;
  margin-bottom: 14px;
  display: none;
  -webkit-animation: moveuptooltip 0.4s forwards;
  -moz-animation: moveuptooltip 0.4s forwards;
  -ms-animation: moveuptooltip 0.4s forwards;
  animation: moveuptooltip 0.4s forwards;
  margin-left: 8px;
}
.m-back-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  width: 100%;
  height: 50px;
  background: white;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 3px;
  color: #333333;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.m-back-btn.merch-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  width: auto;
  height: 50px;
  background: white;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  border-radius: 3px;
  color: #333333;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.m-btn-left-margin {
  margin-left: 10px;
}
.m-save-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  background: #3e8438;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19);
  border-radius: 3px;
  margin-bottom: 16px;
  color: white;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 35px;
  display: block;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  width: 100%;
  height: 50px;
}
.m-user-icon {
  width: 48px;
  height: 48px;
  background: #cdcdcd;
  box-sizing: border-box;
  border-radius: 40px;
  margin-right: 16px;
  text-align: center;
  line-height: 48px;
}
.m-user-name {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  margin-top: 4px;
  text-transform: capitalize !important;
}
.m-user-details {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  margin-top: 4px;
}
.m-card-header {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: 4px 0;
}
.m-card-details {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  margin: 4px 0;
}
.m-input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #cccccc;
}
.m-margin-bottom-15 {
  margin-bottom: 15px;
}
.w-tab-pane {
  position: relative;
  display: none;
}
.w--tab-active {
  display: block;
}
.m-tab-heading {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #333333;
}
.m-image-download {
  margin: 0px 0px 24px -11px;
}
.m-font-20 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  margin-top: 16px;
  text-align: center;
}
.m-font-space-24 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  margin: 24px 0;
  text-align: center;
}
.m-font-16 {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  margin: 0 0 0 8px;
}
.screenw100 {
  width: 100% !important;
}
.m-margin-down {
  margin: 16px 0px;
}
.m-font-12 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #777777;
}
.m-padding-top-16 {
  padding-top: 16px;
}
.m-padding-right-16 {
  padding-right: 16px;
}
.m-font-size-24 {
  font-size: 24px;
}
.m-padding-right-8 {
  padding-right: 8px;
}
.m-header-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  height: 44.4px;
  background: white;
  box-shadow: inset 0px -1px 0px #e7e7e7;
  border-radius: 8px 8px 8px 8px;
  width: 19%;
  margin: 0 auto;
}
.m-header-logo-footer {
  width: 96px;
  height: 23.4px;
  background-image: url("../ShopOwner/Images/VagaroLogo1.png");
}
/*checkout screen 1*/

.vpl-m-send-cust .m-ContentDiv {
  padding: 24px 16px 16px;
}
.vpl-m-send-cust .m-Title {
  padding: 16px 0px;
  position: relative;
}
.vpl-m-send-cust .m-vpl-logo-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.vpl-m-send-cust .m-logo-size {
  width: 170px;
  margin-bottom: 8px;
}
.vpl-m-send-cust .m-Total {
  margin-bottom: 4px;
}
/*Screen 3*/

.m-summary-heading {
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  color: #333333;
}
.m-service-box {
  /*box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;*/
  padding: 20px;
  background: white;
  border-radius: 12px;
  margin: 16px 0px;
}
.m-4-install-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
.m-4-install-16m {
  margin-top: 16px;
}
.m-bank-box {
  padding-bottom: 20px;
  background: white;
}
.m-bank-box .link-blue {
  color: #2a90d6;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}
.vpl-tracking-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  margin: 8px 0px;
}
.m-4-install-web .timeline-text-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.m-onlinePayment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none !important;
}
.m-4-install .timeline-parent {
  box-shadow: inset 0px -1px 0px #e7e7e7;
  padding-bottom: 16px;
}
.m-hr {
  display: none;
}
.m-top-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 8px 16px 8px;
  background: white;
  margin-bottom: 20px;
}
.m-view-summary {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  cursor: pointer;
}
.m-summary-icon {
  font-family: 'fontawesome-5pro-light-300';
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
.m-summary-icon {
  font-family: 'fontawesome-5pro-light-300';
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
.m-right-nav-top {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  align-items: flex-end;
}
.m-right-nav-bottom {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #777777;
}
.m-4-install-16m {
  margin-top: 16px;
}
.m-4-install-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
.m-4-install-web .timeline-parent {
  margin-top: 22px;
}
.m-4-install-web .timeline-dot-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #e7e7e7;
}
.m-4-install-web .timeline-dot.active {
  position: relative;
  background-color: #3e8438;
}
.m-4-install-web .timeline-dot {
  position: relative;
  top: -4px;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #cdcdcd;
}
.m-4-install-web .timeline-dot.leftsp {
  left: -20px;
}
.m-4-install-web .timeline-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
}
.m-4-install-web .black-font {
  color: #333333;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
}
.m-4-install-web .black-font-50 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
}
.m-4-install-web .left {
  text-align: left;
}
.m-4-install-web .center {
  text-align: center;
}
.m-4-install-web .right {
  text-align: right;
}
.m-bank-box {
  padding-bottom: 20px;
  background: white;
}
.m-onlinePayment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none !important;
}
.vpl-tracking-custome-radio input[name="vpl-bank"] {
  accent-color: black;
  -webkit-accent-color: black;
  -moz-accent-color: black;
  -ms-accent-color: black;
  width: 20px;
  height: 20px;
  border: 1px solid #b3b3b3;
}
.m-onlinePayment-list .bank-icon {
  font-family: 'Font Awesome 5 Pro';
  color: #333333;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  margin-right: 12px;
}
.m-online-payment-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.m-online-payment-detail .online-cardName {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
}
.m-online-payment-detail .expiredCardDiv {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.m-online-payment-detail .online-cardNumber {
  font-size: 15px;
  line-height: 20px;
  color: #777777;
  font-weight: 400;
}
.m-bank-icon {
  font-weight: 400;
  font-size: 30px;
  line-height: 24px;
  color: #333333;
  font-family: 'fontawesome-5pro-light-300';
  padding-left: 16px;
}
.m-no-bottom-m {
  margin-bottom: 0px;
}
/*VPL Custom Radio Button*/

.custom-radio-btn-ver1 label {
  font-weight: 400;
  width: auto;
  margin: -8px 20px 0 0;
}
.custom-radio-btn-ver1 label {
  position: relative;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
  vertical-align: top;
  word-wrap: break-word;
  float: left;
  line-height: 24px !important;
}
.custom-radio-btn-ver1 input[type="radio"] {
  opacity: 0;
  position: absolute;
  margin: 0;
}
.custom-radio-btn-ver1 input[type="radio"] + label::before {
  font-family: 'Fontawesome pro solid 900';
  background-color: white;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: -1px;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  float: left;
  height: 20px;
  left: 0;
  width: 20px;
}
.custom-radio-btn-ver1 input[type="radio"]:checked + label:after {
  content: ".";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 4px;
  top: 3px;
  font-family: 'Fontawesome pro solid 900';
  font-size: 0;
  background-color: black;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 14px;
}
.res-tooltip-vpl.m-t-right .resIsymbol-msg {
  border-radius: 3px;
  background-color: #333333;
  border: solid 1px #333333;
  position: absolute;
  bottom: 100%;
  color: white;
  font-size: 15px;
  padding: 8px 12px;
  width: 262px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-90%);
  left: 97%;
  margin-bottom: 14px;
  display: none;
  -webkit-animation: moveuptooltip 0.4s forwards;
  -moz-animation: moveuptooltip 0.4s forwards;
  -ms-animation: moveuptooltip 0.4s forwards;
  animation: moveuptooltip 0.4s forwards;
  margin-left: 12px;
}
.fa-plus:before {
  content: "\f067";
}
.ghost-button .button-icon i.fa {
  font-family: 'Fontawesome pro 400', sans-serif !important;
  font-style: normal;
}
.checkpay-summary-link.m-view-summary a {
  color: #333333 !important;
}
.checkout-summry-data-vpl.business-name-space-24 {
  margin-bottom: 24px;
}
.m-4-span-none {
  content: "";
}
.m-4-payment1of {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  width: 107px;
  height: auto;
  background: white;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  margin-bottom: 28px;
  margin-top: 5px;
}
/*VPL Mobile Accept Invitation
Mobile view only according 767px size. landscapae and potrait mode. */

@media (max-width: 767px) {
  .m-4-install-web .timeline-dot.leftsp {
    left: -4px;
  }
  .screen1margin-top-15 {
    margin-top: 15px !important;
  }
  .shadoweffect.m-service-box {
    padding: 20px;
    background: white;
    /* Shadow/Dropdown */
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin: 16px 0px;
  }
  .checkout-payment-text {
    margin-top: 8px;
  }
  .checkpay-summary-link.m-view-summary a {
    color: #333333 !important;
  }
  .m-screen-size {
    width: 100%;
  }
  .m-screen-size100 {
    width: 100%;
  }
  .m-screen-size-disflex {
    width: 100%;
    display: flex !important;
    align-items: center;
    -webkit-box-align: center;
    justify-content: center;
  }
  .m-4-install-web .timeline-text-div {
    width: 100%;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .vpowerlogo {
    display: none;
  }
  .vpowerlogo.last {
    display: flex;
  }
  .webview {
    display: block;
  }
  .m-header-footer {
    display: none;
  }
  .m-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    height: 55.4px;
    background: white;
    box-shadow: inset 0 -1px 0 #e7e7e7;
    border-radius: 8px 8px 0 0;
    display: none !important;
  }
  .m-header-logo {
    width: 96px;
    height: 23.4px;
    background-image: url("../ShopOwner/Images/VagaroLogo1.png");
  }
  /*Body Part*/
  
  .m-screen-size {
    margin-top: 16px;
  }
  .m-border-line {
    box-shadow: inset 0px -1px 0px #e7e7e7;
  }
  .m-screen-heading {
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    color: #333333;
    text-align: center;
    margin: 4px 0;
  }
  .m-screen-content {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    margin: 4px 0;
    text-align: center;
  }
  .m-get-started-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    background: #c34342;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19);
    border-radius: 3px;
    margin: 16px 0;
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    display: block;
    text-align: center;
    font-family: "proxima-nova", sans-serif;
    width: 100%;
    height: 50px;
  }
  .m-get-started-btn a {
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    display: block;
    text-align: center;
    font-family: "proxima-nova", sans-serif;
    text-decoration: none;
  }
  .m-span-blue {
    color: #2a90d6;
    text-decoration: none;
  }
  .m-image-section {
    margin: 26px 0px 16px 0px;
  }
  .m-image-section .w100 {
    width: 100% !important;
  }
  .m-bullet-div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 8px 0px;
    background: white;
  }
  .m-bullet-div-4 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 0px;
    background: white;
  }
  .m-bullet-list {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    text-align: left;
    margin: 0 0;
    padding-left: 8px;
  }
  .m-margin-signup {
    padding-top: 32px;
  }
  .m-padding-top-16 {
    padding-top: 16px;
  }
  .m-devider {
    width: 100%;
    height: 1px;
    background-color: #c4c4c4;
    margin: 0px 10px;
    position: relative;
  }
  .m-d-or {
    padding: 0px 10px 0px 10px;
    background-color: white;
    color: #777777;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
  }
  .m-screen-size .m-height {
    height: 48px !important;
  }
  .m-swtich-tab-size {
    width: 100% !important;
  }
  .m-swtich-tab-align {
    text-align: left;
  }
  .m-service-box {
    padding: 20px;
    background: white;
    border-radius: 12px;
    margin: 16px 0px;
  }
  .m-service-box-header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background: white;
    padding-bottom: 16px;
    box-shadow: inset 0px -1px 0px #e7e7e7;
  }
  .m-service-box-body {
    padding-top: 16px;
  }
  .m-service-box-footer {
    margin-top: 16px;
  }
  .m-back-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    width: 100%;
    height: 50px;
    background-color: white;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    border-radius: 3px;
    color: #333333;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
  }
  .m-back-btn.merch-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    width: 100%;
    height: 50px;
    background: white;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    border-radius: 3px;
    color: #333333;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    margin-top: 12px;
    margin-left: 0;
  }
  .d-flex-justify-s2-merch {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .vpl-tab {
    display: none;
  }
  .web-ghost-margin {
    display: block;
  }
  .m-devider-s2 {
    display: block;
  }
  .m-save-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    background: #3e8438;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19);
    border-radius: 3px;
    margin-bottom: 16px;
    color: white;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 35px;
    display: block;
    text-align: center;
    font-family: "proxima-nova", sans-serif;
    width: 100%;
    height: 50px;
  }
  .m-user-icon {
    width: 48px;
    height: 48px;
    background: #cdcdcd;
    box-sizing: border-box;
    border-radius: 40px;
    margin-right: 16px;
    text-align: center;
    line-height: 48px;
  }
  .backbutton-w-240 {
    width: 100% !important;
  }
  .m-user-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-top: 4px;
    text-transform: capitalize !important;
  }
  .m-user-details {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin: 4px 0;
  }
  .m-card-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin: 4px 0;
  }
  .m-card-details {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin: 4px 0;
  }
  .m-input {
    display: block;
    width: 100%;
    height: 48px;
    padding: 8px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #cccccc;
  }
  .m-margin-bottom-15 {
    margin-bottom: 15px;
  }
  .w-tab-pane {
    position: relative;
    display: none;
  }
  .w--tab-active {
    display: block;
  }
  .m-tab-heading {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #333333;
  }
  .m-image-download {
    margin: 0px 0px 24px -11px;
  }
  .m-font-20 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    margin-top: 16px;
    text-align: center;
  }
  .m-font-space-24 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    margin: 24px 0px;
    text-align: center;
  }
  .m-font-16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin: 0px 0px 0px 8px;
  }
  .m-margin-down {
    margin: 16px 0px;
  }
  .m-font-12 {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #777777;
  }
  .m-padding-top-16 {
    padding-top: 16px;
  }
  .m-padding-right-16 {
    padding-right: 16px;
  }
  .m-font-size-24 {
    font-size: 24px;
  }
  .m-padding-right-8 {
    padding-right: 8px;
  }
  /*----------------------------------------------*/
  
  /*Screen - 6 | Vpay Send Cust. */
  
  .vpl-m-send-cust .m-ContentDiv {
    padding: 24px 16px 16px;
  }
  .vpl-m-send-cust .m-Title {
    padding: 16px;
    position: relative;
  }
  .vpl-m-send-cust .m-vpl-logo-inner {
    padding: 2px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .vpl-m-send-cust .m-logo-size {
    width: 170px;
    margin: 0 auto;
  }
  .vpl-m-send-cust .m-logo-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #777777;
    margin-top: 8px;
  }
  .vpl-m-send-cust .checkout-tip-box.margin8 {
    margin-top: 8px;
  }
  .vpl-m-send-cust .m-Card-Chip-Div {
    margin: 8px 0px;
  }
  .vpl-m-send-cust .m-Card-Div {
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
  }
  .m-input {
    display: block;
    width: 100%;
    height: 48px;
    padding: 8px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #cccccc;
  }
  .vpl-m-send-cust .m-Content-Container {
    padding: 0px;
  }
  .vpl-m-send-cust .m-Frame-98 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .vpl-m-send-cust .m-Total {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #777777;
    text-align: center;
  }
  .vpl-m-send-cust .m-due-now {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    margin-top: 4px;
  }
  .vpl-m-send-cust .m-card-btn {
    margin-top: 18px;
  }
  .vpl-m-send-cust .m-next-btn {
    padding: 8px 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #3e8438;
    border-radius: 3px;
    color: white;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    font-style: normal;
    height: 50px;
    width: 100%;
  }
  .vpl-m-send-cust .no-border {
    border-bottom: 0px !important;
  }
  /*Screen 7 | /* add tip */
  
  .vpl-m-send-cust .m-icon-pending {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px 10px;
  }
  .vpl-m-send-cust .m-checkout-data {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .vpl-m-send-cust .m-checkout {
    margin: 8px 0px 0px 0px;
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    color: #333333;
  }
  .vpl-m-send-cust .m-checkout-sub {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    margin: 8px 0px 0px 0px;
  }
  .vpl-m-send-cust .m-checkout-sub-light {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #777777;
    margin: 8px 0px 0px 0px;
  }
  .vpl-m-send-cust .m-chk-review {
    margin: 8px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }
  .vpl-m-send-cust .m-icon-set {
    font-family: 'fontawesome-5pro-light-300';
    font-size: 25px;
  }
  .vpl-m-send-cust .m-vagaro-chip {
    margin: 40px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .vpl-m-send-cust .m-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .vpl-m-send-cust .m-light {
    color: #777777;
  }
  .vpl-m-send-cust .m-Frame-444 {
    margin: 24px 0px 0px 0px;
  }
  .vpl-m-send-cust .m-font-18 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
  }
  .vpl-m-send-cust .m-tab-bar {
    margin: 24px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
  }
  .vpl-m-send-cust .m-tab-bar .list-group {
    width: 100%;
  }
  .vpl-m-send-cust .m-tab-bar .list-group-item {
    height: 56px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
  }
  .vpl-m-send-cust .m-tab-bar .pills {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
  }
  .vpl-m-send-cust .m-tab-bar .light-font {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #777777;
    padding-left: 8px;
  }
  .vpl-m-send-cust .m-tab-bar .list-group-item:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vpl-m-send-cust .m-tab-bar .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .vpl-m-send-cust .m-tab-bar .list-group {
    margin-bottom: 0px;
  }
  .vpl-m-send-cust .m-add-tip {
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    color: black;
    margin: 0px 88px;
  }
  .vpl-m-send-cust .m-margin-28 {
    margin-top: 28px;
  }
  .vpl-m-send-cust .m-left-arrow {
    position: absolute;
    left: 0;
    top: 0;
  }
  .vpl-m-send-cust .m-Frame-448 {
    position: relative;
  }
  .vpl-m-send-cust .m-left-icon {
    font-family: 'fontawesome-5pro-regular-400';
    font-weight: 900;
    font-size: 15px;
    line-height: 15px;
    color: #333333;
    padding-top: 0px;
  }
  .vpl-m-send-cust .m-margin-top-8 {
    margin-top: 8px;
  }
  /* screen 10 |  VPay Send Cust. */
  
  .m-summary {
    display: flex;
    flex-direction: column;
    align-items: inherit;
    padding: 16px 0px;
    background: #f8f8f8;
    box-shadow: inset 0px -1px 0px #e7e7e7, inset 0px 1px 0px #e7e7e7;
  }
  .m-top-navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 16px 0px 16px 0px;
    background: #f8f8f8;
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .m-view-summary {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
  }
  .m-summary-icon {
    font-family: 'fontawesome-5pro-light-300';
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
  }
  .m-padding-left-8 {
    padding-left: 8px;
  }
  .m-right-nav-top {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    align-items: flex-end;
  }
  .m-right-nav-bottom {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #777777;
  }
  .m-summary-heading {
    font-weight: 600;
    font-size: 30px;
    line-height: 32px;
    color: #333333;
  }
  .m-4-install-16m {
    margin-top: 16px;
  }
  .m-4-install-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
  }
  .m-4-install .timeline-parent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px;
    box-shadow: inset 0px -1px 0px #e7e7e7;
    padding-bottom: 0px;
  }
  .m-4-install .timeline-dot-div {
    width: 4px;
    height: auto;
    margin-top: 2px;
    margin-right: 8px;
    margin-bottom: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #e7e7e7;
  }
  .m-4-install .timeline-dot-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #e7e7e7;
  }
  .m-4-install .timeline-dot.active {
    position: relative;
    background-color: #3e8438;
  }
  .m-4-install .timeline-dot {
    position: relative;
    top: -4px;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #cdcdcd;
  }
  .m-4-install .timeline-dot {
    left: -4px;
    top: 0px;
  }
  .m-4-install .timeline-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 214px;
    margin-bottom: 35px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .m-4-install-first-ins {
    min-width: 191px !important;
  }
  .m-4-span-none:after {
    content: " - ";
  }
  .m-4-install .timeline-text {
    font-size: 12px;
    line-height: 16px;
  }
  .m-4-install .black-font {
    color: #333333;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
  }
  .m-4-install .black-font-50 {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
  }
  .m-bank-box {
    padding-bottom: 20px;
    background: white;
  }
  .m-onlinePayment-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none !important;
  }
  .vpl-tracking-custome-radio input[name="vpl-bank"] {
    accent-color: black;
    -webkit-accent-color: black;
    -moz-accent-color: black;
    -ms-accent-color: black;
    width: 20px;
    height: 20px;
    border: 1px solid #b3b3b3;
  }
  .m-onlinePayment-list .bank-icon {
    font-family: 'Font Awesome 5 Pro';
    color: #333333;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    margin-right: 12px;
  }
  .m-online-payment-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .m-online-payment-detail .online-cardName {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #333333;
  }
  .m-online-payment-detail .expiredCardDiv {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
  }
  .m-online-payment-detail .online-cardNumber {
    font-size: 15px;
    line-height: 20px;
    color: #777777;
    font-weight: 400;
  }
  .m-bank-icon {
    font-weight: 400;
    font-size: 30px;
    line-height: 24px;
    color: #333333;
    font-family: 'fontawesome-5pro-light-300';
    padding-left: 16px;
  }
  .m-no-bottom-m {
    margin-bottom: 0px;
  }
  .m-bank-box .link-blue {
    color: #2a90d6;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
  }
  .m-hr {
    box-shadow: inset 0px 1px 0px #e7e7e7;
  }
  .m-back-btn-login {
    font-weight: normal;
    justify-content: flex-start;
  }
  .m-bank-font {
    font-size: 24px;
    line-height: 24px;
  }
  .m-remove-nth-child {
    box-shadow: none;
    padding-bottom: 0px;
  }
  .m-t-center {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  .m-t-right {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
  }
  .m-tool-width {
    width: 200px;
    margin: 0 auto !important;
  }
  .m-screen-margn {
    margin: 4px 0px;
  }
  .m-font-18 {
    font-size: 18px !important;
  }
  .topblock .vpltext {
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    color: black;
  }
  .topblock.marginb49 {
    margin-bottom: 49px;
  }
  .addtip-block .addtiptext-div.vpl-div {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
  }
  .checkout-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #333333;
  }
  .m-service-box-install {
    padding: 20px 0px 20px 0px;
  }
  /* Certigy css */
  
  .res-tooltip-vpl {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    z-index: 9999;
  }
  .res-tooltip-vpl .resIsymbol {
    font-size: 15px;
    color: #2a90d6;
    font-family: 'Fontawesome pro 300';
    font-style: normal;
    cursor: pointer;
    vertical-align: middle;
    padding-top: 5px;
  }
  .res-tooltip-vpl.m-t-right .resIsymbol-msg {
    border-radius: 3px;
    background-color: #333333;
    border: solid 1px #333333;
    position: absolute;
    bottom: 100%;
    color: white;
    font-size: 15px;
    padding: 8px 12px;
    width: 262px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-90%);
    left: 97%;
    margin-bottom: 14px;
    display: none;
    -webkit-animation: moveuptooltip 0.4s forwards;
    -moz-animation: moveuptooltip 0.4s forwards;
    -ms-animation: moveuptooltip 0.4s forwards;
    animation: moveuptooltip 0.4s forwards;
    margin-left: 10px;
  }
  .res-tooltip-vpl .resIsymbol-msg {
    border-radius: 3px;
    background-color: #333333;
    border: solid 1px #333333;
    position: absolute;
    bottom: 100%;
    color: white;
    font-size: 15px;
    padding: 8px 12px;
    width: 262px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-90%);
    left: 97%;
    margin-bottom: 14px;
    display: none;
    -webkit-animation: moveuptooltip 0.4s forwards;
    -moz-animation: moveuptooltip 0.4s forwards;
    -ms-animation: moveuptooltip 0.4s forwards;
    animation: moveuptooltip 0.4s forwards;
  }
  .res-tooltip-vpl .resIsymbol-msg.mobile {
    border-radius: 3px;
    background-color: #333333;
    border: solid 1px #333333;
    position: absolute;
    bottom: 100%;
    color: white;
    font-size: 15px;
    padding: 8px 12px;
    width: 262px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-90%);
    left: 97%;
    margin-bottom: 14px;
    display: none;
    -webkit-animation: moveuptooltip 0.4s forwards;
    -moz-animation: moveuptooltip 0.4s forwards;
    -ms-animation: moveuptooltip 0.4s forwards;
    animation: moveuptooltip 0.4s forwards;
  }
  .res-tooltip-vpl .resIsymbol-msg:after {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #333333;
    position: absolute;
    bottom: -12px;
    left: 100%;
    margin-left: -45px;
    content: "";
  }
  .divResourcetip .res-tooltip-vpl .resIsymbol-msg {
    left: -10px;
    -webkit-transform: none;
    transform: none;
  }
  .divResourcetip .res-tooltip-vpl .resIsymbol-msg:after {
    margin-left: 0;
    left: 6px;
  }
  .res-tooltip-vpl .resIsymbol:hover + .resIsymbol-msg {
    display: block;
  }
  .res-tooltip-vpl .gaptooltip {
    position: absolute;
    top: 5px;
    left: 6px;
    margin-left: 0;
  }
  .res-tooltip-vpl .gaptooltip .resIsymbol {
    height: 22px;
    width: 22px;
    border: #0092dc solid 1px;
    border-radius: 100%;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #0092dc;
    font-family: "proxima-nova", Arial, sans-serif;
    display: inline-block;
    text-align: center;
  }
  .left-tooltip {
    float: left;
    padding-top: 10px;
  }
  .right-tooltip {
    float: right;
    padding-top: 10px;
  }
  .right-tooltip-without-pd {
    float: right;
    padding-top: 0px;
    margin-left: auto;
  }
  .res-tooltip-vpl .powered {
    margin-right: 2px;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    top: 1px;
    vertical-align: middle;
  }
  .res-tooltip-vpl .img {
    width: 43.51px;
    height: 15px;
    display: inline;
  }
  .res-tooltip-vpl .mr-20forres {
    margin-right: 20px;
  }
  .grey-line {
    margin: 16px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  @-webkit-keyframes moveuptooltip {
    0% {
      margin-bottom: 14px;
    }
    50% {
      margin-bottom: 18px;
    }
    100% {
      margin-bottom: 14px;
    }
  }
  @-moz-keyframes moveuptooltip {
    0% {
      margin-bottom: 14px;
    }
    50% {
      margin-bottom: 18px;
    }
    100% {
      margin-bottom: 14px;
    }
  }
  @-ms-keyframes moveuptooltip {
    0% {
      margin-bottom: 14px;
    }
    50% {
      margin-bottom: 18px;
    }
    100% {
      margin-bottom: 14px;
    }
  }
  @keyframes moveuptooltip {
    0% {
      margin-bottom: 14px;
    }
    50% {
      margin-bottom: 18px;
    }
    100% {
      margin-bottom: 14px;
    }
  }
  .m-btn-left-margin {
    margin-left: 0px;
    margin-top: 10px;
  }
}
/*Mobile CSS over*/

.onlinePayment-list .bank-icon {
  color: #333333;
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
  margin-right: 12px;
}
.vpl-bank .vpl-bank-link {
  color: #248dd5;
}
/*Popup Applied Mobile vpl*/

.vpl-applied .cls-btn {
  font-weight: 900;
  font-size: 25px!important;
  line-height: 15px;
  color: #333333;
  display: block;
  height: 18px;
  right: 17px;
  top: 15px;
  width: 18px;
  z-index: 999;
  position: absolute;
  margin: 0!important;
  background: transparent;
  border: 0;
}
.vpl-applied .modal-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
}
.vpl-applied .modal-text-a {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
.vpl-applied .del-ohk-app {
  padding: 8px 16px;
  width: 134px;
  height: 40px;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .vpl-applied .modal-dialog {
    width: 480px;
    margin: 30px auto;
  }
}
@media (max-width: 767px) {
  .vpl-applied .del-ohk-app {
    padding: 8px 16px;
    width: 100%;
    height: 40px;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    text-decoration: none;
  }
  /*#divMyPaymentMethodsPopupVpl, #divMyPaymentMethodsPopupMainVpl.paymentMethod-wrap {
              padding-left: 0px;
              padding-right: 0px;
          }
          .res-tooltip-vpl.right-tooltip.mobile-margin30{margin-right:30px;}*/
}
.vpl-btn-bg {
  background: #c34342;
  border-radius: 3px;
  padding: 8px 16px;
  min-width: 143px;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: white;
}
.profile-page .profile-body .profile-sections .parentSaveChange .innerSaveChange .common-white-btn {
  color: #333333 !important;
  background-color: white;
  border: 1px solid #cdcdcd !important;
}
.profile-page .profile-body .profile-sections .parentSaveChange .innerSaveChange .common-white-btn:hover {
  background-color: #f8f8f8;
}
.profile-page .profile-body .paymentMethod-wrap.no-bg {
  background: none;
}
.modal-inner-receipt-vpl {
  height: 70vh;
  overflow: auto;
}
.modal-inner-receipt-vpl-w650 {
  width: 650px;
}
.padding-none {
  padding: 0px !important;
}
.btnml16 {
  margin-left: 16px;
}
.changePasswordProfile .changepwdbottom .changepass {
  background-color: transparent;
  color: #2479c7;
  padding: 4px 8px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  text-decoration: none;
  white-space: nowrap;
}
.changePasswordProfile .changepwdbottom .changepass:hover {
  color: #26639c;
  background-color: #f4faff;
}
.changePasswordProfile .changepwdbottom .delac {
  margin-left: 16px;
  background-color: transparent;
  color: #b42318;
  padding: 4px 8px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  text-decoration: none;
  white-space: nowrap;
}
.changePasswordProfile .changepwdbottom .delac:hover {
  background-color: #fbefef;
  color: #b42318;
}
.delete-confirm-button {
  padding: 8px 16px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  background-color: white;
  color: #b42318;
  border-color: #b42318;
  display: inline-block;
  justify-content: center;
  align-items: center;
  cursor: pointer!important;
  margin-left: 12px;
  margin-bottom: 0;
}
.delete-confirm-button:hover {
  background-color: #fbefef;
  border-color: #b42318;
}
.acc-delete-modal-btn .modal-footer .btn.btn-primary {
  background-color: #3e8438;
}
.login-modal-cu.vagaro-modal.sweet-alert-model .gencustom-head .gencutom-title.modal-title {
  padding-right: 15px !important;
}
@media (max-width: 767px) {
  .acc-delete-modal-btn .modal-footer.delete-confirm-button-col {
    display: flex;
    flex-direction: column-reverse;
  }
  .delete-confirm-button {
    margin-left: 0px;
    margin-bottom: 12px;
  }
  .acc-delete-modal-btn .modal-footer .login-into-button {
    margin-left: 0px;
    margin-bottom: 12px;
  }
  .login-modal-cu.vagaro-modal .sa-button-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .login-modal-cu.vagaro-modal .sa-button-container .sa-confirm-button-container {
    margin-left: 0px !important;
  }
  .login-modal-cu.vagaro-modal .sa-button-container .sa-confirm-button-container .confirm {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 12px;
  }
}
.vpl-bank .shipping-tab-border-3 {
  border-radius: 3px 3px 3px 3px !important;
}
.vpl-m-send-cust .m-checkout-sub-light {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #777777;
  margin: 8px 0px 0px 0px;
}
.vagaro-close-icon-size {
  font-family: 'Fontawesome pro solid 900';
  font-size: 64px !important;
  line-height: 70px !important;
  margin-bottom: 20px;
  color: /*#d83f34*/#cc4744;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*div#VplCheckoutScreen3 .ghost-button {
    color: black !important;
}*/

.m-addbankdetails {
  margin-top: 20px;
}
.m-addbankdetails .address-top {
  margin-top: 20px;
}
.m-addbankdetails .flexy-form-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.m-addbankdetails .input-select._50 {
  width: 48%;
  float: left;
}
.m-addbankdetails .input-select._25 {
  width: 24%;
  float: left;
}
.m-addbankdetails .form-col-100.profileformgrp .input-title {
  display: block;
  margin-bottom: 4px !important;
  font-weight: 400;
}
@media (max-width: 767px) {
  .m-addbankdetails .w-custom-dropdown,
  .w-input,
  .w-select {
    height: var(--global-sizing-48) !important;
  }
}
.vpl-merch .pading16 {
  padding: 16px;
}
.vpl-merch .paddingbottom-8 {
  padding-bottom: 16px;
}
.vpl-merch .subtototal {
  margin-bottom: 8px;
  margin-top: 25px;
}
/*Services Fees by state Popup*/

.service-fees-details-checkout .fees-with-additional-info {
  padding-top: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
}
.service-fees-details-checkout .fees-with-additional-info > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 0.25rem;
}
.service-fees-details-checkout .fees-with-additional-info .state {
  font-size: .875rem;
  width: 40px;
  margin-right: 0.5rem;
}
.service-fees-details-checkout .fees-with-additional-info .amount {
  font-size: .875rem;
  text-align: left;
  width: calc(59.5%);
}
.service-fees-details-checkout .fees-without-additional-info {
  width: 100%;
  margin: 0 auto;
}
.service-fees-details-checkout .fees-without-additional-info td {
  padding: 0;
  border: 1px solid #908987;
}
.service-fees-details-checkout .fees-without-additional-info .state {
  font-weight: 700;
  border-right: 1px solid #cdcac9;
}
.service-fees-details-checkout .fees-without-additional-info td > div {
  display: inline-block;
  text-align: center;
  margin: 0;
  box-sizing: border-box;
}
.checkout-comp-head .vpl-success-check-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #777777;
  width: 440px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .service-fees-details-checkout .fees-without-additional-info .m-state {
    font-size: 0.55rem !important;
    padding: 0px !important;
  }
  .service-fees-details-checkout .fees-without-additional-info .m-amount {
    font-size: 0.55rem !important;
    padding: 0px !important;
  }
  .checkout-comp-head .vpl-success-check-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #777777;
    width: 343px;
    max-width: 100%;
    height: auto;
  }
}
/*Certegy Popup design */

.checkout-comp-head .space-48 {
  height: 48px;
}
.certegy-popup .modal-header.bg-color {
  background-color: #2a4365 !important;
  color: white;
  padding-bottom: 20px;
  text-align: center;
  border-radius: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.certegy-popup .modal-footer .footer-btn-custome {
  width: 100%;
}
.certegy-popup .border-radius-none {
  border-radius: 0px !important;
}
.certegy-popup .customeb-body {
  border: 1px solid #cdc9c9;
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.5rem;
}
.certegy-popup .customeb-body a {
  text-align: center;
  color: var(--color-text-blue-default) !important;
}
.certegy-popup .customeb-body-last {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
.certegy-popup .customeb-body {
  max-height: 400px;
  overflow: auto;
}
.certegy-popup .customeb-body-last p {
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .certegy-popup .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
}
@media (max-width: 767px) {
  .certegy-popup.mobile-fullpopup .modal-dialog .modal-content {
    height: 100%;
    padding-bottom: 20px;
  }
}
/*Image slider Section*/

.slider-home,
.slider-home > div {
  /* Images default to Center Center. Maybe try 'center top'? */
  background-position: center center;
  display: block;
  width: 100%;
  height: 440px;
  /* height: 100vh; */
  /* If you want fullscreen */
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.slider-home > div {
  position: absolute;
}
.slider-home-content {
  font-weight: 600;
  font-size: 64px;
  line-height: 64px;
  color: var(--color-text-neutral-inverse) !important;
  width: 1045px;
}
.frame-main {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0px;
  -webkit-column-gap: 24px;
  z-index: 9;
  position: absolute;
  left: 0%;
  top: 0px;
  width: 100%;
  height: 440px;
}
.popular-cat-row.mobile-view {
  display: none;
}
.vg-default-tab-content.slider-home-new {
  padding-top: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home-tabbing-div.home-slider-new {
  padding-top: 0px;
  position: relative;
}
.home-tabbing-div.home-slider-new .popular-cat-div {
  padding: 0px;
}
.home-tabbing-div.home-slider-new .popular-cat-div .popular-cat-row a {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: var(--color-text-neutral-inverse) !important;
}
.home-tabbing-div.home-slider-new .popular-cat-div .popular-cat-row a:hover {
  background: rgba(0, 0, 0, 0.3) !important;
}
.search-bar.no-border {
  border: none;
}
.are-you-business {
  width: 100%;
  height: auto;
  background: #cc4744;
  border-radius: 8px;
  margin-top: 40px;
  padding: 24px 0px;
  position: relative;
}
.are-you-business .are-you-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: var(--color-text-neutral-inverse) !important;
  text-align: center;
  justify-content: center;
  gap: 12px;
}
.are-you-business .home-see-all {
  color: var(--color-text-neutral-inverse) !important;
}
.are-you-business .home-see-all:after {
  color: var(--color-text-neutral-inverse) !important;
}
.are-you-business .ghost-button:hover {
  color: var(--color-text-blue-strong) !important;
  background-color: var(--color-bkg-blue-hover) !important;
}
.are-you-business .right-part {
  position: absolute;
  width: 245px;
  height: 75px;
  right: 0px;
  top: 0px;
  background-image: url(../Images/Ellipse29.png);
  background-repeat: no-repeat;
}
.are-you-business .left-part {
  position: absolute;
  width: 400px;
  height: 75px;
  left: 0px;
  top: 0px;
  background-image: url(../Images/Ellipse299.png);
  background-repeat: no-repeat;
}
@media (min-width: 992px) and (max-width: 1024px) {
  .search-bar-wrapper-all {
    width: 100%;
    max-width: 100%;
  }
  .slider-home-content {
    width: 965px;
    max-width: 100%;
    padding-left: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-tabbing-div.home-slider-new .search-bar-wrapper-all {
    padding-left: 20px;
    padding-right: 20px;
  }
  .slider-home-content .service-name {
    padding-left: 13px !important;
  }
  .home-tabbing-div.home-slider-new .popular-cat-div {
    padding-left: 0;
    padding-right: 0;
    width: 790px;
  }
  .slider-home-content {
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding-left: 0px;
  }
  .are-you-business {
    width: 100%;
    height: auto;
    background: #cc4744;
    border-radius: 8px;
    margin-top: 40px;
    padding: 24px 0px;
    position: relative;
  }
  .are-you-business .are-you-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--color-text-neutral-inverse) !important;
    text-align: center;
    justify-content: center;
    gap: 12px;
  }
  .search-bar-wrapper-all {
    display: block !important;
    position: relative;
    width: 790px;
    max-width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .slider-home-content {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .frame-main {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    z-index: 9;
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 440px;
  }
  .slider-home-content {
    font-weight: 600;
    font-size: 48px;
    line-height: 52px;
    color: var(--color-text-neutral-inverse) !important;
    width: 100%;
    padding: 0px 20px;
    flex-direction: column;
    display: flex;
  }
  .popular-cat-row {
    display: none;
  }
  .popular-cat-row.mobile-view {
    display: block;
  }
  .popular-cat-row.mobile-view a {
    line-height: 30px !important;
  }
  .are-you-business .are-you-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: var(--color-text-neutral-inverse) !important;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px 32px;
    gap: 12px;
  }
  .home-page-section.home-page-mobile {
    padding-left: 15px;
    padding-right: 15px;
  }
  .are-you-business .right-part {
    position: absolute;
    width: 48px;
    height: 78px;
    right: 0px;
    top: 60px;
    background-image: url(../Images/Ellipse-129.png);
    background-repeat: no-repeat;
  }
  .are-you-business .left-part {
    position: absolute;
    width: 161.89px;
    height: 156.98px;
    left: 0px;
    top: 38px;
    background-image: url(../Images/Ellipse-29.png);
    background-repeat: no-repeat;
  }
  .home-tabbing-div .popular-cat-row {
    padding-left: 0px;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .slider-home-content {
    display: flex;
    align-items: flex-start;
    /* padding-left: 41px; */
    width: 750px;
  }
  .slider-home-content span {
    padding-left: 13px;
  }
}
.main-section-tips {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.body-inner-section {
  padding-top: 16px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 12px;
  row-gap: 12px;
}
.tips-mobile-section {
  display: none;
}
@media (max-width: 767px) {
  .body-inner-section a {
    line-height: 30px !important;
  }
  .tips-mobile-section {
    width: 100%;
    height: auto;
    background: white;
    padding: 24px 16px;
    position: fixed;
    bottom: 0px;
    z-index: 11;
    bottom: -100%;
    left: 0%;
    box-shadow: 0px -8px 40px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px -8px 40px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -8px 40px rgba(0, 0, 0, 0.2);
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
  }
  .main-section-tips {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
  }
  .tips-mobile-section-fade {
    z-index: 10;
    background-color: #333333;
    opacity: 0.2;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: none;
  }
  .body-inner-section {
    padding-bottom: 0px;
  }
}
.tips-modal.modal.fade .modal-dialog {
  -webkit-transform: none;
  -webkit-transition: none;
}
/*@media(min-width:768px) {
    .slider-home.desktop-view {
        display: block;
    }

    .slider-home.mobile-view {
        display: none;
    }
}

@media(max-width:767px) {
   .slider-home.desktop-view {
        display: none;
    }

    .slider-home.mobile-view {
        display: block;
    }
}*/

.select2-drop.selectbox-hide-border {
  border: 0px solid #d9d9d9;
}
.overlay-hero-image {
  position: relative;
}
.overlay-hero-image:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
}

/*!
 * jQuery Smart Web App Banner (Add to Home Screen)
 * Copyright (c) 2012 Kurt Zenisek @ kzeni.com
 * Version: 1.3 (22-MAR-2013)
 */
#smartWebBanner { position: absolute; left: 0; top: -5.3em; width: 100%; height: 5.3em; font-size: 16px; text-align: left; background: #f2f2f2; border-bottom: solid #bfbfbf 1px; z-index: 102; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; }

#swb-close { position: absolute; left: 0.3em; top: 32px; display: block; width: 20px; height: 20px; font-family: 'Helvetica Neue',sans-serif; font-size: 0.6em; line-height: 1.4em; text-align: center; color: #7f7f7f; text-decoration: none; background: url("../Images/app-close-icon-new-2x.png") no-repeat center center; background-size: 9px 9px; text-indent: 100px; overflow: hidden; }

#swb-close:active { color: #aaa; }
#swb-icon { position: absolute; left: 1.75em; top: 0.7em; display: block; width: 4em; height: 4em; background-size: cover; border-radius: 0.65em; }
#smartWebBanner.no-icon #swb-icon { display: none; }

#swb-info { position: absolute; left: 9.3em; top: 10px; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: normal; color: #3b3b3b; }

#smartWebBanner.free #swb-info { top: 1.7em; }

#smartWebBanner.free #swb-info:after { content: 'FREE - Web Application'; display: block; }

#smartWebBanner.no-icon #swb-info { left: 3.1em; }

#swb-info strong { display: block; font-size: 15px; line-height: 21px; font-weight: normal !important; margin-bottom: 0; color: #040404; }

#swb-info em { font-style: normal; text-transform: uppercase; }

#swb-save { position: absolute; right: 0; top: 1.55em; width: 10%; min-width: 4.1em; height: 1.7em; font-size: 18px; line-height: 1.7em; text-align: center; font-weight: normal; color: #007AFF; text-transform: capitalize; text-decoration: none; }

#swb-save:active { line-height: 1.8em; background: -webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#swb-instructions { display: none; position: fixed; left: 50%; bottom: 0.8em; margin: 0 0 0 -6.3em; padding: 0.9em; border: 0.1em solid rgba(180,180,180,0.9); width: 10.8em; font-size: 16px; color: #fff; background: -webkit-linear-gradient(top, rgba(84,84,84,0.8) 0%,rgba(22,22,22,0.8) 20%,rgba(0,0,0,0.8) 21%,rgba(19,19,19,0.8) 100%); border-radius: 0.3em; box-shadow: 0 0 0.2em rgba(0,0,0,0.8); z-index: 9999; }

#swb-instructions .icon { display: inline-block; width: 1.5em; height: 0.95em; background: no-repeat center center; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAMAAABzP0xhAAAAMFBMVEWrq6tERETFxcXv7+/q6urw8PAaGhoAAAAICAjt7e1tbW0AAADs7OwAAAD////v7+8oaTOHAAAADnRSTlP56xJKeLk5fNuc4qzhAMdbNxYAAADeSURBVHjatdJBEoMgDEBRjEBAQnL/2zYGOqjF1k3/SuTNGBhdnQdQR3fICzxBsv5Eq4j4J0jCEyQEDZH0mKDv+0AkvfWEuI0AnuSU74itBe1QHwVDTGlvN0EmhYZQUwM0Icy5odoKU7NhG7yZ/H5v9WdZChiiw820fXLEtnA26kDBhLhtSdrCwwwEO3EKCmKMNdqtlFhPaFWiQvctRZRKtQbKOiKasLx96gOlnQy0JV3CBSHWY5gUZLqgWE/FqEaO6PaXCv9A4vMkH47otoGEv0QdbV/rCMt9CTuqD3oBHhk0EQgSva4AAAAASUVORK5CYII=); }

#swb-instructions strong { display: block; }

#swb-instructions .arrow { position: absolute; left: 50%; bottom: -0.8em; margin: 0 0 0 -0.8em; width: 0; height: 0; border-left: 0.8em solid transparent; border-right: 0.8em solid transparent; border-top: 0.8em solid rgba(19,19,19,0.8); }

#swb-instructions.ipad { left: 3.55em; top: 0.6em; bottom: auto; margin: 0; width: 11.45em; border-color: rgba(18,18,18,0.9); font-size: 21px; background: -webkit-linear-gradient(top, rgba(115,118,129,0.9) 0%,rgba(64,69,83,0.9) 20%,rgba(39,45,60,0.9) 21%,rgba(39,45,60,0.9) 100%); border-radius: 0.4em; box-shadow: 0 0.3em 0.9em rgba(0,0,0,0.6); }

#swb-instructions.ipad .arrow { top: -0.6em; bottom: auto; border-top: none; border-bottom: 0.6em solid rgba(115,118,129,0.9); }

#smartWebBanner.dark { border-color: #212228; background: -webkit-linear-gradient(top, rgba(33,37,41,1) 0%,rgba(65,68,78,1) 100%); box-shadow: 0 0.15em 0.35em rgba(0,0,0,0.8) inset,0 0.1em 0 rgba(255,255,255,0.1); }

.dark #swb-close { border: 0; width: 1.8em; height: 1.8em; line-height: 1.8em; color: #b1b1b3; background: #1c1e21; box-shadow: 0 0.2em 0.3em rgba(0,0,0,0.8) inset,0 0.1em 0.1em rgba(255,255,255,0.3); }

.dark #swb-close:active { color: #eee; -webkit-transform: scale(0.9); }

.dark #swb-icon { -webkit-box-reflect: below 0.1em -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,0.5) 100%); }

.dark #swb-info { color: #ccc; }

.dark #swb-info strong { color: #fff; }

.dark #swb-info strong:before { content: ''; display: block; float: left; margin: 0.2em 0.3em 0 0; width: 0.8em; height: 0.8em; background: -webkit-linear-gradient(top, rgba(81,157,251,1) 0%,rgba(45,102,250,1) 100%); border-radius: 0.8em; box-shadow: 0 0.1em 0.3em #000; }

.dark #swb-save { border: 0; color: #d1d1d1; background: -webkit-linear-gradient(top, rgba(48,54,61,1) 0%,rgba(23,27,37,1) 100%); text-transform: none; box-shadow: 0 0.1em 0.3em #000 inset; }

.dark #swb-save:active { background: -webkit-linear-gradient(top, rgba(23,27,37,1) 0%,rgba(48,54,61,1) 100%); }
#divrating { margin-top: 3px; margin-bottom: 2px; }
#divrating img { width: 10px; height: auto; }
.font-size11 { font-size: 11px; }

@font-face {
  font-family: 'Conv_CaviarDreams';
  src: url('../font/CaviarDreams.eot');
  src: url('../font/CaviarDreams.eot#iefix') format('embedded-opentype'), url('../font/CaviarDreams.woff') format('woff'), url('../font/CaviarDreams.ttf') format('truetype'), url('../font/CaviarDreams.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'maven_pro_light300';
  src: url('../font/mavenprolight-300-webfont.eot');
  src: url('../font/mavenprolight-300-webfont.eot#iefix') format('embedded-opentype'), url('../font/mavenprolight-300-webfont.woff') format('woff'), url('../font/mavenprolight-300-webfont.ttf') format('truetype'), url('../font/mavenprolight-300-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Conv_Arial Narrow';
  src: url('../font/Arial Narrow.eot');
  src: url('../font/Arial Narrow.eot#iefix') format('embedded-opentype'), url('../font/Arial Narrow.woff') format('woff'), url('../font/Arial Narrow.ttf') format('truetype'), url('../font/Arial Narrow.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CenturyGothicRegular';
  src: url('../font/gothic_0.eot');
  src: url('../font/gothic_0.eot#iefix') format('embedded-opentype'), url('../font/gothic_0.woff') format('woff'), url('../font/gothic_0.ttf') format('truetype'), url('../font/gothic_0.svg') format('svg');
}
@font-face {
  font-family: 'euphemiaregular';
  src: url('../font/euphemia-webfont.eot');
  src: url('../font/euphemia-webfont.eot#iefix') format('embedded-opentype'), url('../font/euphemia-webfont.woff') format('woff'), url('../font/euphemia-webfont.ttf') format('truetype'), url('../font/euphemia-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*css2014*/

@font-face {
  font-family: 'open_sanslight';
  src: url('../font/opensans-light.eot');
  src: url('../font/opensans-light.eot#iefix') format('embedded-opentype'), url('../font/opensans-light.woff') format('woff'), url('../font/opensans-light.ttf') format('truetype'), url('../font/opensans-light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanslight_italic';
  src: url('../font/opensans-lightitalic.eot');
  src: url('../font/opensans-lightitalic.eot#iefix') format('embedded-opentype'), url('../font/opensans-lightitalic.woff') format('woff'), url('../font/opensans-lightitalic.ttf') format('truetype'), url('../font/opensans-lightitalic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('../font/opensans-regular.eot');
  src: url('../font/opensans-regular.eot#iefix') format('embedded-opentype'), url('../font/opensans-regular.woff') format('woff'), url('../font/opensans-regular.ttf') format('truetype'), url('../font/opensans-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold';
  src: url('../font/opensans-semibold.eot');
  src: url('../font/opensans-semibold.eot#iefix') format('embedded-opentype'), url('../font/opensans-semibold.woff') format('woff'), url('../font/opensans-semibold.ttf') format('truetype'), url('../font/opensans-semibold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* WebSite Builder Fonts */

@font-face {
  font-family: 'Alex Brush';
  src: url('../font/Alex Brush/Alex Brush.eot');
  src: url('../font/Alex Brush/Alex Brush.eot#iefix') format('embedded-opentype'), url('../font/Alex Brush/Alex Brush.woff') format('woff'), url('../font/Alex Brush/Alex Brush.ttf') format('truetype'), url('../font/Alex Brush/Alex Brush.otf') format('opentype'), url('../font/Alex Brush/Alex Brush.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('../font/Bebas Neue/Bebas Neue.eot');
  src: url('../font/Bebas Neue/Bebas Neue.eot#iefix') format('embedded-opentype'), url('../font/Bebas Neue/Bebas Neue.woff') format('woff'), url('../font/Bebas Neue/Bebas Neue.ttf') format('truetype'), url('../font/Bebas Neue/Bebas Neue.otf') format('opentype'), url('../font/Bebas Neue/Bebas Neue.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Dancing Script';
  src: url('../font/Dancing Script/Dancing Script.eot');
  src: url('../font/Dancing Script/Dancing Script.eot#iefix') format('embedded-opentype'), url('../font/Dancing Script/Dancing Script.woff') format('woff'), url('../font/Dancing Script/Dancing Script.ttf') format('truetype'), url('../font/Dancing Script/Dancing Script.otf') format('opentype'), url('../font/Dancing Script/Dancing Script.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Destroy';
  src: url('../font/Destroy/Destroy.eot');
  src: url('../font/Destroy/Destroy.eot#iefix') format('embedded-opentype'), url('../font/Destroy/Destroy.woff') format('woff'), url('../font/Destroy/Destroy.ttf') format('truetype'), url('../font/Destroy/Destroy.otf') format('opentype'), url('../font/Destroy/Destroy.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Diner';
  src: url('../font/Diner/Diner.eot');
  src: url('../font/Diner/Diner.eot#iefix') format('embedded-opentype'), url('../font/Diner/Diner.woff') format('woff'), url('../font/Diner/Diner.ttf') format('truetype'), url('../font/Diner/Diner.otf') format('opentype'), url('../font/Diner/Diner.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Diner Fat';
  src: url('../font/Diner Fat/Diner Fat.eot');
  src: url('../font/Diner Fat/Diner Fat.eot#iefix') format('embedded-opentype'), url('../font/Diner Fat/Diner Fat.woff') format('woff'), url('../font/Diner Fat/Diner Fat.ttf') format('truetype'), url('../font/Diner Fat/Diner Fat.otf') format('opentype'), url('../font/Diner Fat/Diner Fat.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Diner Obese';
  src: url('../font/Diner Obese/Diner Obese.eot');
  src: url('../font/Diner Obese/Diner Obese.eot#iefix') format('embedded-opentype'), url('../font/Diner Obese/Diner Obese.woff') format('woff'), url('../font/Diner Obese/Diner Obese.ttf') format('truetype'), url('../font/Diner Obese/Diner Obese.otf') format('opentype'), url('../font/Diner Obese/Diner Obese.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Diner Skinny';
  src: url('../font/Diner Skinny/Diner Skinny.eot');
  src: url('../font/Diner Skinny/Diner Skinny.eot#iefix') format('embedded-opentype'), url('../font/Diner Skinny/Diner Skinny.woff') format('woff'), url('../font/Diner Skinny/Diner Skinny.ttf') format('truetype'), url('../font/Diner Skinny/Diner Skinny.otf') format('opentype'), url('../font/Diner Skinny/Diner Skinny.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Disco';
  src: url('../font/Disco/Disco.eot');
  src: url('../font/Disco/Disco.eot#iefix') format('embedded-opentype'), url('../font/Disco/Disco.woff') format('woff'), url('../font/Disco/Disco.ttf') format('truetype'), url('../font/Disco/Disco.otf') format('opentype'), url('../font/Disco/Disco.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Exo';
  src: url('../font/Exo/Exo.eot');
  src: url('../font/Exo/Exo.eot#iefix') format('embedded-opentype'), url('../font/Exo/Exo.woff') format('woff'), url('../font/Exo/Exo.ttf') format('truetype'), url('../font/Exo/Exo.otf') format('opentype'), url('../font/Exo/Exo.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FFF Tusj';
  src: url('../font/FFF Tusj/FFF Tusj.eot');
  src: url('../font/FFF Tusj/FFF Tusj.eot#iefix') format('embedded-opentype'), url('../font/FFF Tusj/FFF Tusj.woff') format('woff'), url('../font/FFF Tusj/FFF Tusj.ttf') format('truetype'), url('../font/FFF Tusj/FFF Tusj.otf') format('opentype'), url('../font/FFF Tusj/FFF Tusj.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Grand Hotel';
  src: url('../font/Grand Hotel/Grand Hotel.eot');
  src: url('../font/Grand Hotel/Grand Hotel.eot#iefix') format('embedded-opentype'), url('../font/Grand Hotel/Grand Hotel.woff') format('woff'), url('../font/Grand Hotel/Grand Hotel.ttf') format('truetype'), url('../font/Grand Hotel/Grand Hotel.otf') format('opentype'), url('../font/Grand Hotel/Grand Hotel.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Great Vibes';
  src: url('../font/Great Vibes/Great Vibes.eot');
  src: url('../font/Great Vibes/Great Vibes.eot#iefix') format('embedded-opentype'), url('../font/Great Vibes/Great Vibes.woff') format('woff'), url('../font/Great Vibes/Great Vibes.ttf') format('truetype'), url('../font/Great Vibes/Great Vibes.otf') format('opentype'), url('../font/Great Vibes/Great Vibes.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Henry Morgan Hand';
  src: url('../font/Henry Morgan Hand/Henry Morgan Hand.eot');
  src: url('../font/Henry Morgan Hand/Henry Morgan Hand.eot#iefix') format('embedded-opentype'), url('../font/Henry Morgan Hand/Henry Morgan Hand.woff') format('woff'), url('../font/Henry Morgan Hand/Henry Morgan Hand.ttf') format('truetype'), url('../font/Henry Morgan Hand/Henry Morgan Hand.otf') format('opentype'), url('../font/Henry Morgan Hand/Henry Morgan Hand.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Idol Wild';
  src: url('../font/Idol Wild/Idol Wild.eot');
  src: url('../font/Idol Wild/Idol Wild.eot#iefix') format('embedded-opentype'), url('../font/Idol Wild/Idol Wild.woff') format('woff'), url('../font/Idol Wild/Idol Wild.ttf') format('truetype'), url('../font/Idol Wild/Idol Wild.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Italianno';
  src: url('../font/Italianno/Italianno.eot');
  src: url('../font/Italianno/Italianno.eot#iefix') format('embedded-opentype'), url('../font/Italianno/Italianno.woff') format('woff'), url('../font/Italianno/Italianno.ttf') format('truetype'), url('../font/Italianno/Italianno.otf') format('opentype'), url('../font/Italianno/Italianno.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Jenna Sue';
  src: url('../font/Jenna Sue/Jenna Sue.eot');
  src: url('../font/Jenna Sue/Jenna Sue.eot#iefix') format('embedded-opentype'), url('../font/Jenna Sue/Jenna Sue.woff') format('woff'), url('../font/Jenna Sue/Jenna Sue.ttf') format('truetype'), url('../font/Jenna Sue/Jenna Sue.otf') format('opentype'), url('../font/Jenna Sue/Jenna Sue.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Journal';
  src: url('../font/Journal/Journal.eot');
  src: url('../font/Journal/Journal.eot#iefix') format('embedded-opentype'), url('../font/Journal/Journal.woff') format('woff'), url('../font/Journal/Journal.ttf') format('truetype'), url('../font/Journal/Journal.otf') format('opentype'), url('../font/Journal/Journal.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Learning Curve Dashed Pro';
  src: url('../font/Learning Curve Dashed Pro/Learning Curve Dashed Pro.eot');
  src: url('../font/Learning Curve Dashed Pro/Learning Curve Dashed Pro.eot#iefix') format('embedded-opentype'), url('../font/Learning Curve Dashed Pro/Learning Curve Dashed Pro.woff') format('woff'), url('../font/Learning Curve Dashed Pro/Learning Curve Dashed Pro.ttf') format('truetype'), url('../font/Learning Curve Dashed Pro/Learning Curve Dashed Pro.otf') format('opentype'), url('../font/Learning Curve Dashed Pro/Learning Curve Dashed Pro.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Learning Curve Pro';
  src: url('../font/Learning Curve Pro/Learning Curve Pro.eot');
  src: url('../font/Learning Curve Pro/Learning Curve Pro.eot#iefix') format('embedded-opentype'), url('../font/Learning Curve Pro/Learning Curve Pro.woff') format('woff'), url('../font/Learning Curve Pro/Learning Curve Pro.ttf') format('truetype'), url('../font/Learning Curve Pro/Learning Curve Pro.otf') format('opentype'), url('../font/Learning Curve Pro/Learning Curve Pro.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lemon Chicken';
  src: url('../font/Lemon Chicken/Lemon Chicken.eot');
  src: url('../font/Lemon Chicken/Lemon Chicken.eot#iefix') format('embedded-opentype'), url('../font/Lemon Chicken/Lemon Chicken.woff') format('woff'), url('../font/Lemon Chicken/Lemon Chicken.ttf') format('truetype'), url('../font/Lemon Chicken/Lemon Chicken.otf') format('opentype'), url('../font/Lemon Chicken/Lemon Chicken.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lobster';
  src: url('../font/Lobster/Lobster.eot');
  src: url('../font/Lobster/Lobster.eot#iefix') format('embedded-opentype'), url('../font/Lobster/Lobster.woff') format('woff'), url('../font/Lobster/Lobster.ttf') format('truetype'), url('../font/Lobster/Lobster.otf') format('opentype'), url('../font/Lobster/Lobster.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mountains of Christmas';
  src: url('../font/Mountains of Christmas/Mountains of Christmas.eot');
  src: url('../font/Mountains of Christmas/Mountains of Christmas.eot#iefix') format('embedded-opentype'), url('../font/Mountains of Christmas/Mountains of Christmas.woff') format('woff'), url('../font/Mountains of Christmas/Mountains of Christmas.ttf') format('truetype'), url('../font/Mountains of Christmas/Mountains of Christmas.otf') format('opentype'), url('../font/Mountains of Christmas/Mountains of Christmas.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Pacifico';
  src: url('../font/Pacifico/Pacifico.eot');
  src: url('../font/Pacifico/Pacifico.eot#iefix') format('embedded-opentype'), url('../font/Pacifico/Pacifico.woff') format('woff'), url('../font/Pacifico/Pacifico.ttf') format('truetype'), url('../font/Pacifico/Pacifico.otf') format('opentype'), url('../font/Pacifico/Pacifico.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Pecita';
  src: url('../font/Pecita/Pecita.eot');
  src: url('../font/Pecita/Pecita.eot#iefix') format('embedded-opentype'), url('../font/Pecita/Pecita.woff') format('woff'), url('../font/Pecita/Pecita.ttf') format('truetype'), url('../font/Pecita/Pecita.otf') format('opentype'), url('../font/Pecita/Pecita.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Permanent Marker';
  src: url('../font/Permanent Marker/Permanent Marker.eot');
  src: url('../font/Permanent Marker/Permanent Marker.eot#iefix') format('embedded-opentype'), url('../font/Permanent Marker/Permanent Marker.woff') format('woff'), url('../font/Permanent Marker/Permanent Marker.ttf') format('truetype'), url('../font/Permanent Marker/Permanent Marker.otf') format('opentype'), url('../font/Permanent Marker/Permanent Marker.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Quicksand Bold';
  src: url('../font/Quicksand Bold/Quicksand Bold.eot');
  src: url('../font/Quicksand Bold/Quicksand Bold.eot#iefix') format('embedded-opentype'), url('../font/Quicksand Bold/Quicksand Bold.woff') format('woff'), url('../font/Quicksand Bold/Quicksand Bold.ttf') format('truetype'), url('../font/Quicksand Bold/Quicksand Bold.otf') format('opentype'), url('../font/Quicksand Bold/Quicksand Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Quicksand Bold Oblique';
  src: url('../font/Quicksand Bold Oblique/Quicksand Bold Oblique.eot');
  src: url('../font/Quicksand Bold Oblique/Quicksand Bold Oblique.eot#iefix') format('embedded-opentype'), url('../font/Quicksand Bold Oblique/Quicksand Bold Oblique.woff') format('woff'), url('../font/Quicksand Bold Oblique/Quicksand Bold Oblique.ttf') format('truetype'), url('../font/Quicksand Bold Oblique/Quicksand Bold Oblique.otf') format('opentype'), url('../font/Quicksand Bold Oblique/Quicksand Bold Oblique.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Quicksand Book';
  src: url('../font/Quicksand Book/Quicksand Book.eot');
  src: url('../font/Quicksand Book/Quicksand Book.eot#iefix') format('embedded-opentype'), url('../font/Quicksand Book/Quicksand Book.woff') format('woff'), url('../font/Quicksand Book/Quicksand Book.ttf') format('truetype'), url('../font/Quicksand Book/Quicksand Book.otf') format('opentype'), url('../font/Quicksand Book/Quicksand Book.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Quicksand Book Oblique';
  src: url('../font/Quicksand Book Oblique/Quicksand Book Oblique.eot');
  src: url('../font/Quicksand Book Oblique/Quicksand Book Oblique.eot#iefix') format('embedded-opentype'), url('../font/Quicksand Book Oblique/Quicksand Book Oblique.woff') format('woff'), url('../font/Quicksand Book Oblique/Quicksand Book Oblique.ttf') format('truetype'), url('../font/Quicksand Book Oblique/Quicksand Book Oblique.otf') format('opentype'), url('../font/Quicksand Book Oblique/Quicksand Book Oblique.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Quicksand Dash';
  src: url('../font/Quicksand Dash/Quicksand Dash.eot');
  src: url('../font/Quicksand Dash/Quicksand Dash.eot#iefix') format('embedded-opentype'), url('../font/Quicksand Dash/Quicksand Dash.woff') format('woff'), url('../font/Quicksand Dash/Quicksand Dash.ttf') format('truetype'), url('../font/Quicksand Dash/Quicksand Dash.otf') format('opentype'), url('../font/Quicksand Dash/Quicksand Dash.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Quicksand Light';
  src: url('../font/Quicksand Light/Quicksand Light.eot');
  src: url('../font/Quicksand Light/Quicksand Light.eot#iefix') format('embedded-opentype'), url('../font/Quicksand Light/Quicksand Light.woff') format('woff'), url('../font/Quicksand Light/Quicksand Light.ttf') format('truetype'), url('../font/Quicksand Light/Quicksand Light.otf') format('opentype'), url('../font/Quicksand Light/Quicksand Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Quicksand Light Oblique';
  src: url('../font/Quicksand Light Oblique/Quicksand Light Oblique.eot');
  src: url('../font/Quicksand Light Oblique/Quicksand Light Oblique.eot#iefix') format('embedded-opentype'), url('../font/Quicksand Light Oblique/Quicksand Light Oblique.woff') format('woff'), url('../font/Quicksand Light Oblique/Quicksand Light Oblique.ttf') format('truetype'), url('../font/Quicksand Light Oblique/Quicksand Light Oblique.otf') format('opentype'), url('../font/Quicksand Light Oblique/Quicksand Light Oblique.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'QumpellkaNo12';
  src: url('../font/QumpellkaNo12/QumpellkaNo12.eot');
  src: url('../font/QumpellkaNo12/QumpellkaNo12.eot#iefix') format('embedded-opentype'), url('../font/QumpellkaNo12/QumpellkaNo12.woff') format('woff'), url('../font/QumpellkaNo12/QumpellkaNo12.ttf') format('truetype'), url('../font/QumpellkaNo12/QumpellkaNo12.otf') format('opentype'), url('../font/QumpellkaNo12/QumpellkaNo12.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Riesling';
  src: url('../font/Riesling/Riesling.eot');
  src: url('../font/Riesling/Riesling.eot#iefix') format('embedded-opentype'), url('../font/Riesling/Riesling.woff') format('woff'), url('../font/Riesling/Riesling.ttf') format('truetype'), url('../font/Riesling/Riesling.otf') format('opentype'), url('../font/Riesling/Riesling.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Rothenburg Decorative';
  src: url('../font/Rothenburg Decorative/Rothenburg Decorative.eot');
  src: url('../font/Rothenburg Decorative/Rothenburg Decorative.eot#iefix') format('embedded-opentype'), url('../font/Rothenburg Decorative/Rothenburg Decorative.woff') format('woff'), url('../font/Rothenburg Decorative/Rothenburg Decorative.ttf') format('truetype'), url('../font/Rothenburg Decorative/Rothenburg Decorative.otf') format('opentype'), url('../font/Rothenburg Decorative/Rothenburg Decorative.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Salaryman';
  src: url('../font/Salaryman/Salaryman.eot');
  src: url('../font/Salaryman/Salaryman.eot#iefix') format('embedded-opentype'), url('../font/Salaryman/Salaryman.woff') format('woff'), url('../font/Salaryman/Salaryman.ttf') format('truetype'), url('../font/Salaryman/Salaryman.otf') format('opentype'), url('../font/Salaryman/Salaryman.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Scratch My Back';
  src: url('../font/Scratch My Back/Scratch My Back.eot');
  src: url('../font/Scratch My Back/Scratch My Back.eot#iefix') format('embedded-opentype'), url('../font/Scratch My Back/Scratch My Back.woff') format('woff'), url('../font/Scratch My Back/Scratch My Back.ttf') format('truetype'), url('../font/Scratch My Back/Scratch My Back.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Seaside Resort';
  src: url('../font/Seaside Resort/Seaside Resort.eot');
  src: url('../font/Seaside Resort/Seaside Resort.eot#iefix') format('embedded-opentype'), url('../font/Seaside Resort/Seaside Resort.woff') format('woff'), url('../font/Seaside Resort/Seaside Resort.ttf') format('truetype'), url('../font/Seaside Resort/Seaside Resort.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Snickles';
  src: url('../font/Snickles/Snickles.eot');
  src: url('../font/Snickles/Snickles.eot#iefix') format('embedded-opentype'), url('../font/Snickles/Snickles.woff') format('woff'), url('../font/Snickles/Snickles.ttf') format('truetype'), url('../font/Snickles/Snickles.otf') format('opentype'), url('../font/Snickles/Snickles.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Tangerine';
  src: url('../font/Tangerine/Tangerine.eot');
  src: url('../font/Tangerine/Tangerine.eot#iefix') format('embedded-opentype'), url('../font/Tangerine/Tangerine.woff') format('woff'), url('../font/Tangerine/Tangerine.ttf') format('truetype'), url('../font/Tangerine/Tangerine.otf') format('opentype'), url('../font/Tangerine/Tangerine.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Tangerine Bold';
  src: url('../font/Tangerine Bold/Tangerine Bold.eot');
  src: url('../font/Tangerine Bold/Tangerine Bold.eot#iefix') format('embedded-opentype'), url('../font/Tangerine Bold/Tangerine Bold.woff') format('woff'), url('../font/Tangerine Bold/Tangerine Bold.ttf') format('truetype'), url('../font/Tangerine Bold/Tangerine Bold.otf') format('opentype'), url('../font/Tangerine Bold/Tangerine Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Upper East Side';
  src: url('../font/Upper East Side/Upper East Side.eot');
  src: url('../font/Upper East Side/Upper East Side.eot#iefix') format('embedded-opentype'), url('../font/Upper East Side/Upper East Side.woff') format('woff'), url('../font/Upper East Side/Upper East Side.ttf') format('truetype'), url('../font/Upper East Side/Upper East Side.otf') format('opentype'), url('../font/Upper East Side/Upper East Side.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Wind Song';
  src: url("../font/Wind Song/Wind Song.eot");
  src: url("../font/Wind Song/Wind Song.eot#iefix") format('embedded-opentype'), url("../font/Wind Song/Wind Song.woff") format('woff'), url("../font/Wind Song/Wind Song.ttf") format('truetype'), url("../font/Wind Song/Wind Song.otf") format('opentype'), url('../font/Wind Song/Wind Song.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Conv_HelveticaNeueLTStd-Lt';
  src: url("../font/HelveticaNeueLTStd-Lt.eot");
  src: url("../font/HelveticaNeueLTStd-Lt.eot#iefix") format('embedded-opentype'), url("../font/HelveticaNeueLTStd-Lt.woff") format('woff'), url("../font/HelveticaNeueLTStd-Lt.ttf") format('truetype'), url("../font/HelveticaNeueLTStd-Lt.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Conv_HelveticaNeueLTPro-Bd';
  src: url("../font/HelveticaNeueLTPro-Bd.eot");
  src: url("../font/HelveticaNeueLTPro-Bd.eot#iefix") format('embedded-opentype'), url("../font/HelveticaNeueLTPro-Bd.woff") format('woff'), url("../font/HelveticaNeueLTPro-Bd.ttf") format('truetype'), url("../font/HelveticaNeueLTPro-Bd.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Conv_HelveticaNeueLTStd-55-roman';
  src: url("../font/HelveticaNeueLTStd-55-roman.eot");
  src: url("../font/HelveticaNeueLTStd-55-roman.eot#iefix") format('embedded-opentype'), url("../font/HelveticaNeueLTStd-55-roman.woff") format('woff'), url("../font/HelveticaNeueLTStd-55-roman.ttf") format('truetype'), url("../font/HelveticaNeueLTStd-55-roman.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cinzelregular';
  src: url('../font/Cinzel-Regular-webfont.eot');
  src: url('../font/Cinzel-Regular-webfont.eot#iefix') format('embedded-opentype'), url('../font/Cinzel-Regular-webfont.woff') format('woff2'), url('../font/Cinzel-Regular-webfont.woff') format('woff'), url('../font/Cinzel-Regular-webfont.ttf') format('truetype'), url('../font/Cinzel-Regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Conv_HelveticaNeueLTStd-Th';
  src: url('../font/HelveticaNeueLTStd-Th.eot');
  src: url('../font/HelveticaNeueLTStd-Th.eot#iefix') format('embedded-opentype'), url('../font/HelveticaNeueLTStd-Th.woff') format('woff'), url('../font/HelveticaNeueLTStd-Th.ttf') format('truetype'), url('../font/HelveticaNeueLTStd-Th.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Medium';
  src: url('../font/HelveticaNeue-Medium.eot');
  src: url('../font/HelveticaNeue-Medium.eot#iefix') format('embedded-opentype'), url('../font/HelveticaNeue-Medium.woff') format('woff'), url('../font/HelveticaNeue-Medium.ttf') format('truetype'), url('../font/HelveticaNeue-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'futura';
  src: url('../font/futura_new/tt0140m_.eot');
  src: url('../font/futura_new/tt0140m_.eot#iefix') format('embedded-opentype'), url('../font/futura_new/tt0140m_.woff') format('woff'), url('../font/futura_new/tt0140m_.ttf') format('truetype'), url('../font/futura_new/tt0140m_.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'didact_gothicregular';
  src: url('../font/didactgothic-regular-webfont.eot');
  src: url('../font/didactgothic-regular-webfont.eot#iefix') format('embedded-opentype'), url('../font/didactgothic-regular-webfont.woff') format('woff2'), url('../font/didactgothic-regular-webfont.woff') format('woff'), url('../font/didactgothic-regular-webfont.ttf') format('truetype'), url('../font/didactgothic-regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../font/glyphicons-halflings-regular.eot');
  src: url('../font/glyphicons-halflings-regular.eot#iefix') format('embedded-opentype'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.ttf') format('truetype'), url('../font/glyphicons-halflings-regular.svg') format('svg');
}
/*@font-face { 
    font-family: 'Fontawesome pro brands 900'; 
    src: url('@{StaticImagepath}/font/fontawesome-pro-brands-900.eot') format('embedded-opentype'),
        url('@{StaticImagepath}/font/fontawesome-pro-brands-900.woff') format('woff'),
        url('@{StaticImagepath}/font/fontawesome-pro-brands-900.ttf') format('truetype'),
        url('@{StaticImagepath}/font/fontawesome-pro-brands-900.otf') format('opentype');
    font-weight: 400; 
    font-style: normal; 
}
@font-face { 
    font-family: 'Fontawesome pro solid 900'; 
    src: url('@{StaticImagepath}/font/fontawesome-pro-solid-900.eot') format('embedded-opentype'), 
        url('@{StaticImagepath}/font/fontawesome-pro-solid-900.woff') format('woff'), 
        url('@{StaticImagepath}/font/fontawesome-pro-solid-900.ttf') format('truetype'), 
        url('@{StaticImagepath}/font/fontawesome-pro-solid-900.otf') format('opentype'); 
    font-weight: 400; 
    font-style: normal; 
}
@font-face { 
    font-family: 'Fontawesome pro 400'; 
    src: url('@{StaticImagepath}/font/fontawesome-pro-regular-400.eot') format('embedded-opentype'), 
        url('@{StaticImagepath}/font/fontawesome-pro-regular-400.woff') format('woff'), 
        url('@{StaticImagepath}/font/fontawesome-pro-regular-400.ttf') format('truetype'), 
        url('@{StaticImagepath}/font/fontawesome-pro-regular-400.otf') format('opentype'); 
    font-weight: 400; 
    font-style: normal; 
}
@font-face { 
    font-family: 'Fontawesome pro 300'; 
    src: url('@{StaticImagepath}/font/fontawesome-pro-light-300.eot') format('embedded-opentype'), 
        url('@{StaticImagepath}/font/fontawesome-pro-light-300.woff') format('woff'), 
        url('@{StaticImagepath}/font/fontawesome-pro-light-300.ttf') format('truetype'), 
        url('@{StaticImagepath}/font/fontawesome-pro-light-300.otf') format('opentype'); 
    font-weight: 300; 
    font-style: normal; 
}
*/

@font-face {
  font-family: 'Fontawesome pro brands 900';
  src: url('../font/Awesome5/fontawesome-pro-brands-900.eot');
  src: url('../font/Awesome5/fontawesome-pro-brands-900.eot#iefix') format('embedded-opentype'), url('../font/Awesome5/fontawesome-pro-brands-900.woff') format('woff2'), url('../font/Awesome5/fontawesome-pro-brands-900.woff') format('woff'), url('../font/Awesome5/fontawesome-pro-brands-900.ttf') format('truetype'), url('../font/Awesome5/fontawesome-pro-brands-900.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fontawesome pro solid 900';
  src: url('../font/Awesome5/fontawesome-pro-solid-900.eot');
  src: url('../font/Awesome5/fontawesome-pro-solid-900.eot#iefix') format('embedded-opentype'), url('../font/Awesome5/fontawesome-pro-solid-900.woff') format('woff2'), url('../font/Awesome5/fontawesome-pro-solid-900.woff') format('woff'), url('../font/Awesome5/fontawesome-pro-solid-900.ttf') format('truetype'), url('../font/Awesome5/fontawesome-pro-solid-900.svg') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Fontawesome pro 400';
  src: url('../font/Awesome5/fontawesome-pro-regular-400.eot');
  src: url('../font/Awesome5/fontawesome-pro-regular-400.eot#iefix') format('embedded-opentype'), url('../font/Awesome5/fontawesome-pro-regular-400.woff') format('woff2'), url('../font/Awesome5/fontawesome-pro-regular-400.woff') format('woff'), url('../font/Awesome5/fontawesome-pro-regular-400.ttf') format('truetype'), url('../font/Awesome5/fontawesome-pro-regular-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fontawesome pro 300';
  src: url('../font/Awesome5/fontawesome-pro-light-300.eot');
  src: url('../font/Awesome5/fontawesome-pro-light-300.eot#iefix') format('embedded-opentype'), url('../font/Awesome5/fontawesome-pro-light-300.woff') format('woff2'), url('../font/Awesome5/fontawesome-pro-light-300.woff') format('woff'), url('../font/Awesome5/fontawesome-pro-light-300.ttf') format('truetype'), url('../font/Awesome5/fontawesome-pro-light-300.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'vagaro-icons';
  src: url('../font/vagaro-icons.eot');
  src: url('../font/vagaro-icons.eot#iefix') format('embedded-opentype'), url('../font/vagaro-icons.ttf') format('truetype'), url('../font/vagaro-icons.woff') format('woff'), url('../font/vagaro-icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vagaro-icons-new';
  src: url('../font/vagaro-icons-new.eot');
  src: url('../font/vagaro-icons-new.eot#iefix') format('embedded-opentype'), url('../font/vagaro-icons-new.ttf') format('truetype'), url('../font/vagaro-icons-new.woff') format('woff'), url('../font/vagaro-icons-new.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontawesome-5pro-brands-400';
  src: url('../font/fontawesome-5pro-brands-400.eot');
  src: url('../font/fontawesome-5pro-brands-400.eot#iefix') format('embedded-opentype'), url('../font/fontawesome-5pro-brands-400.woff') format('woff2'), url('../font/fontawesome-5pro-brands-400.woff') format('woff'), url('../font/fontawesome-5pro-brands-400.ttf') format('truetype'), url('../font/fontawesome-5pro-brands-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'fontawesome-5pro-light-300';
  src: url('../font/fontawesome-5pro-light-300.eot');
  src: url('../font/fontawesome-5pro-light-300.eot#iefix') format('embedded-opentype'), url('../font/fontawesome-5pro-light-300.woff') format('woff2'), url('../font/fontawesome-5pro-light-300.woff') format('woff'), url('../font/fontawesome-5pro-light-300.ttf') format('truetype'), url('../font/fontawesome-5pro-light-300.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'fontawesome-5pro-regular-400';
  src: url('../font/fontawesome-5pro-regular-400.eot');
  src: url('../font/fontawesome-5pro-regular-400.eot#iefix') format('embedded-opentype'), url('../font/fontawesome-5pro-regular-400.woff') format('woff2'), url('../font/fontawesome-5pro-regular-400.woff') format('woff'), url('../font/fontawesome-5pro-regular-400.ttf') format('truetype'), url('../font/fontawesome-5pro-regular-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'fontawesome-5pro-solid-900';
  src: url('../font/fontawesome-5pro-solid-900.eot');
  src: url('../font/fontawesome-5pro-solid-900.eot#iefix') format('embedded-opentype'), url('../font/fontawesome-5pro-solid-900.woff') format('woff2'), url('../font/fontawesome-5pro-solid-900.woff') format('woff'), url('../font/fontawesome-5pro-solid-900.ttf') format('truetype'), url('../font/fontawesome-5pro-solid-900.svg') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'vagaro-icons-deposit';
  src: url('../font/vagaro-icons-deposit.eot');
  src: url('../font/vagaro-icons-deposit.eot#iefix') format('embedded-opentype'), url('../font/vagaro-icons-deposit.ttf') format('truetype'), url('../font/vagaro-icons-deposit.woff') format('woff'), url('../font/vagaro-icons-deposit.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vagaro-pro-icons';
  src: url('../font/vagaro-pro-icons.eot');
  src: url('../font/vagaro-pro-icons.eot#iefix') format('embedded-opentype'), url('../font/vagaro-pro-icons.ttf') format('truetype'), url('../font/vagaro-pro-icons.woff') format('woff'), url('../font/vagaro-pro-icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

  /*3d zenswipe popup add By hariom*/
.zenswipe-payment-frame { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-box-sizing:border-box; box-sizing:border-box; position: fixed;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 100001;height: 100%;background-color: rgba(0, 0, 0, 0.4);}
.zenswipe-payment-frame.showpopup {opacity: 1;} 
.zenswipe-payment-frame * {-webkit-box-sizing:border-box; box-sizing:border-box;}
.zen-close-btn { position:absolute; right:15px; top:15px; z-index:99;}
.zen-close-btn img { width:15px; }
.zenswipe-payment-container { height:100%; width:100%; left:0px; top:0px; bottom:0px; right:0px; display:flex; justify-content: center;align-items: center;    }
.zenswipe-payment-inner { width:95%; position:relative; max-width:600px;  height:85vh; max-height:600px; overflow:hidden;   display:-webkit-box;
   display:-ms-flexbox; background:#fff; border-radius:5px; display:flex; -webkit-box-pack:center; -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.15);
box-shadow: 0 1px 12px 0 rgba(0,0,0,.15); outline:0px; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.zenswipe-iframe-wrapper { width:100%; height:100%; position:relative;}
.zenswipe-iframe-wrapper iframe { position:absolute!important; left:0px; top:44px; bottom:0px; right:0px; width:100%; height:93%;}
/*3d zenswipe popup add By hariom*/