/*@import url("https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext");*/
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');
@font-face {
  font-family: "Accidental Presidency";
  src: url("../fonts/AccidentalPresidency.eot");
  src: url("../fonts/AccidentalPresidency.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/AccidentalPresidency.woff2") format("woff2"),
    url("../fonts/AccidentalPresidency.woff") format("woff"),
    url("../fonts/AccidentalPresidency.ttf") format("truetype"),
    url("../fonts/AccidentalPresidency.svg#AccidentalPresidency") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Conv_MyriadPro-Regular";
  src: url("../fonts/MyriadPro-Regular.eot");
  src: local("☺"), url("../fonts/MyriadPro-Regular.woff") format("woff"),
    url("../fonts/MyriadPro-Regular.ttf") format("truetype"),
    url("../fonts/MyriadPro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap&subset=latin-ext");

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: "raleway";
}
/* mapview-collapse css started here */
.head-map-coll-page {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 3px 0px;
  -webkit-box-shadow: 0px 0px 10px grey;
  -moz-box-shadow: 0px 0px 10px grey;
  -ms-box-shadow: 0px 0px 10px grey;
  -o-box-shadow: 0px 0px 10px grey;
  box-shadow: 0px 0px 10px grey;
  z-index: 99999;
  background: #383838;
}
.icon-map-coll-page {
  width: 28%;
  float: left;
  margin-top: 14px;
  padding: 0 20px;
}
.custom-navbar-map-coll-page {
  width: 63%;
  float: left;
}
.custom-navbar-map-coll-page li {
  display: inline-block;
  padding: 22px 21px;
  font-size: 24px;
  font-weight: 600;
}
.custom-navbar-map-coll-page ul {
  margin-top: 3px;
  margin-bottom: 10px;
}
.trigger-navbar-map-coll-page {
  float: right;
  display: none;
}
.image-map-coll-page {
  width: 5%;
  text-align: right;
  float: left;
  margin-top: 10px;
}
.custom-navbar-map-coll-page li:last-child {
  padding-right: 0;
  margin-right: -5px;
}
.custom-navbar-map-coll-page li a {
  color: white;
  text-decoration: none;
}
.custom-navbar-map-coll-page a:hover {
  border-bottom: 2px solid white;
  padding: 36px 0px;
}
/*.header-mapview-collapse {
    background-color: #383838;
    padding: 7px;
    -webkit-box-shadow: 0px 0px 10px grey;
    -moz-box-shadow: 0px 0px 10px grey;
    -ms-box-shadow: 0px 0px 10px grey;
    -o-box-shadow: 0px 0px 10px grey;
    box-shadow: 0px 0px 10px grey;
    z-index: 999999;
    position: fixed;
    width: 100%;
    top: 0px;
}
.custom-navbar-mapview-collapse li {
    display: inline-block;
    padding: 20px;
    font-size: 23px;
    font-weight: 600;
    margin: 8px 0px;
}
.custom-navbar-mapview-collapse li:last-child {
    padding-right: 0;
    margin-right: -5px;
}
.custom-navbar-mapview-collapse li a {
    color: white;
    text-decoration: none;
}
.custom-navbar-mapview-collapse a:hover {
    border-bottom: 2px solid white;
    padding: 31px 0px;
}
.icon-mapview-collapse img {
    width: 100%;
    max-width: 64%;
    padding: 11px -8px;
    margin: 7px 11px;
}
.user-image img {
    width: 100%;
    max-width: 46%;
    margin-top: 4px;
}
.user-image {
    text-align: right;
    padding-right: -25px 84px;
    padding-right: 46px;
}*/
.list-view {
  color: white;
  border: 2px solid grey;
  margin-top: 120px;
  width: 155px;
  height: 49px;
  text-align: center;
  margin-left: -17px;
  padding: 6px 0px;
  font-size: 18px;
  background-color: #3c3c3c;
}
.scc {
  background-image: url(../images/map-image.png);
  background-repeat: no-repeat;
  height: 100vh;
  background-position: -28px 80px;
}
.popup-mapview-collapse {
  margin-top: 89px;
  right: -163px;
}
.gt-symbol {
  color: #9c9c9c;
  font-size: 23px;
  font-family: Raleway;
  padding: 0px 6px;
}
.list-view h2 {
  color: grey;
  font-weight: 600;
}
.btn-list-view {
  background: transparent;
  border: 0;
  color: #9c9c9c;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 13px;
  cursor: pointer;
  outline: 0;
  font-family: Raleway;
}
.popup h2 {
  display: flex;
  justify-content: center;
}
.profile-mapview-collapse {
  margin-top: 22px;
}
.logout-mapview-collapse {
  margin-bottom: -16px;
}
.profile-mapview-collapse h2 {
  margin-top: -30px;
  border-bottom: 1px dotted white;
}
.profile-mapview-collapse h2,
.logout-mapview-collapse h2 {
  width: 100%;
  float: right;
  padding: 8px 17px;
  font-weight: 600;
}
.popup-mapview-collapse {
  padding: 20px 10px 20px 20px;
  border-radius: 14px;
  color: white;
  background-color: #383838;
  right: -970px;
  position: absolute;
  -webkit-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -moz-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -ms-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -o-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  z-index: 9999;
  width: 150px;
  margin-top: 90px;
}
.popup-mapview-collapse::after {
  content: "";
  width: 0px;
  border-style: solid;
  border-width: 18px 19px 45px 0px;
  border-color: transparent #383838 transparent transparent;
  display: inline-block;
  vertical-align: super;
  border-radius: 11px;
  margin-top: -75px;
  margin-left: 60px;
  transform: rotate(87deg);
}
/*.popup-payment::after {
    content: '';
    width: 0px;
    border-style: solid;
    border-width: 18px 19px 45px 0px;
    border-color: transparent #fff transparent transparent;
    display: inline-block;
    vertical-align: super;
    border-radius: 11px;
    margin: -103px 0px 56px 76px;
    top: 0px;
    transform: rotate(87deg);
}*/
.map-photo {
  display: none;
}
.box-one,
.box-two {
  padding: 21px 4px 26px 21px;
  border-radius: 8px;
  margin: 10px;
  background-color: #383838;
  margin-top: 23px;
  margin-bottom: -13px;
  border: 3px solid transparent;
}
.box-one:hover {
  border: 3px solid #be0027;
}
.box-two:hover {
  border: 3px solid #be0027;
}
.image-man {
  margin: 5px 0px 14px 26px;
}
.left-part h2 {
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  margin-top: -4px;
  margin-bottom: 12px;
  font-family: Raleway;
}
.left-part h3,
.left-part p {
  color: #fff;
  font-weight: bold;
  font-family: Raleway;
  font-size: 18px;
}
.left-part h3 {
  margin-bottom: 27px;
  font-size: 18px;
  font-family: Raleway;
}
.distance-button {
  background: transparent;
  padding: 2px 17px;
  border-radius: 9px;
  border: none;
  font-size: 18px;
  -webkit-box-shadow: 0px 0px 6px grey;
  -moz-box-shadow: 0px 0px 6px grey;
  -ms-box-shadow: 0px 0px 6px grey;
  -o-box-shadow: 0px 0px 6px grey;
  box-shadow: 0px 0px 6px grey;
  margin-bottom: -7px;
  margin-top: 6px;
}
.image-man img {
  margin-top: -14px;
  margin-left: -5px;
  height: 91px;
}
.btn.btn-info.view-det {
  margin-left: -26px;
  background: none;
  border: none;
}
/*.result::after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    text-align: right;
    float: right;
    margin-top: -29px;
    margin-right: -122px;
}
.result::before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 18px;
    text-align: right;
    float: right;
    margin-top: 1px;
    margin-right: -73px;
}*/
/*.result::after {
    content: "\f054";
    font-family: FontAwesome;
    margin-left: 12px;
    font-size: 8px;
    float: right;
    margin-top: 5px;
}*/
/*.view-det a {
    font-size: 17px;
    text-decoration: none;
    color: #959595;
    margin: 0px 0px 0px 8px;
    font-weight: 600;
    cursor: pointer;
   
}*/
.view-det a {
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  margin: 0px 0px 0px -16px;
  font-weight: 500;
  cursor: pointer;
  font-family: Raleway;
}
.map-coll-box-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 388px;
  margin-top: 44px;
}
.map-coll-box-scroll::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.map-coll-box-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
  -moz-box-shadow: inset 0 0 5px grey;
  -ms-box-shadow: inset 0 0 5px grey;
  -o-box-shadow: inset 0 0 5px grey;
  box-shadow: inset 0 0 5px grey;
  border-radius: 60px;
}

/* Handle */
.map-coll-box-scroll::-webkit-scrollbar-thumb {
  background: #be0027;
  border-radius: 10px;
}

/* Handle on hover */
.map-coll-box-scroll::-webkit-scrollbar-thumb:hover {
  background: #be0027;
}
.view-det a::after {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 12px;
  float: right;
  margin-top: 7px;
  margin-right: 4px;
}
.bar {
  width: 100%;
  max-width: 74%;
  margin: 0 auto;
  height: 2px;
  background-color: #808080c4;
  margin-top: 29px;
}
.result {
  color: gray;
  font-size: 14px;
  font-weight: 700;
  padding: 1px 17px;
  margin-top: 12px;
}
.result h6 {
  font-family: Raleway;
  font-weight: bold;
  font-size: 13px;
  margin-top: 5px;
}
.two-arrow {
  text-align: right;
  margin-top: -21px;
  padding: 0px 22px;
}
.two-arrow a {
  color: #9c9c9c;
  text-decoration: none;
  font-family: Raleway;
  padding: 0px 15px;
}
.search-container {
  width: 88%;
  border-radius: 10px;
  margin: 22px;
  padding: 16px 15px;
  background-image: url(../images/search-map-coll.png);
  background-color: #383838;
  padding-top: 12px;
  background-repeat: no-repeat;
  background-position: 275px -22px;
  font-weight: 500;
  color: #9c9c9c;
  cursor: pointer;
}
.search-container input {
  width: 85%;
  border: none;
  outline: 0;
  background-color: #383838;
  font-family: Raleway;
}
.search-icon {
  color: transparent;
  display: none;
}
span.kms {
  font-size: 9px;
}
span.speed-num {
  font-size: 17px;
}
.first-part {
  background-color: #212121;
  width: 400px;
  padding-top: 1px;
  margin-left: -15px;
  /*margin-top: 106px;*/
  margin-top: 110px;
  position: fixed;
  top: -17px;
}
.placeholder::placeholder {
  color: #9c9c9c;
  font-weight: 500;
  font-size: 18px;
}
.iconss p::before {
  content: "\f054";
  font-family: FontAwesome;
  margin-left: 12px;
  font-size: 10px;
  float: right;
  margin-top: 2px;
}
.iconss p::after {
  content: "\f053";
  font-family: FontAwesome;
  margin-left: 12px;
  font-size: 10px;
  float: right;
  margin-top: 2px;
}
.iconss {
  display: flex;
  margin-top: 11px;
  float: right;
}
.popup-mapview::after {
  content: "";
  width: 0px;
  height: -20px;
  border-style: solid;
  border-width: 18px 19px 45px 0px;
  border-color: transparent #383838 transparent transparent;
  display: inline-block;
  vertical-align: super;
  border-radius: 11px;
  margin-top: -75px;
  margin-left: 60px;
  transform: rotate(87deg);
}
.popup-mapview {
  padding: 20px 10px 20px 20px;
  border-radius: 14px;
  color: white;
  background-color: #383838;
  top: 67px;
  right: 100px;
  position: absolute;
  -webkit-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -moz-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -ms-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -o-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  z-index: 9999;
  width: 150px;
}
.profile-mapview {
  margin-top: 22px;
}
.logout-mapview {
  margin-bottom: -16px;
}
.profile-mapview h2 {
  margin-top: -30px;
  border-bottom: 1px dotted white;
}
.profile-mapview h2,
.logout-mapview h2 {
  width: 100%;
  float: right;
  padding: 8px 17px;
  font-weight: 600;
}
.iconss {
  margin-top: -28px;
}
.section-sidebar {
  overflow-x: hidden;
}
.trigger-mapview {
  content: "";
  height: 4px;
  width: 37px;
  background-color: grey;
  position: absolute;
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
}
.trigger-mapview:after {
  content: "";
  height: 4px;
  width: 37px;
  background-color: grey;
  position: absolute;
  margin-top: 10px;
  margin-bottom: 10px;
}
.trigger-mapview:before {
  content: "";
  height: 4px;
  width: 37px;
  background-color: grey;
  position: absolute;
  margin-top: 10px;
  margin-bottom: 10px;
}
.range {
  position: relative;
  width: 550px;
  height: 5px;
}
.range input {
  width: 100%;
  position: absolute;
  top: 2px;
  height: 0px;
  -webkit-appearance: none;
}
.range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin: -6px 0 0;
  border-radius: 50%;
  background: #be0027;
  cursor: pointer;
  border: 0 !important;
}
.range input::-moz-range-thumb {
  width: 10px;
  height: 10px;
  margin: -6px 0 0;
  border-radius: 50%;
  background: #be0027;
  cursor: pointer;
  border: 0 !important;
}
.range input::-ms-thumb {
  width: 18px;
  height: 18px;
  margin: -6px 0 0;
  border-radius: 50%;
  background: #be0027;
  cursor: pointer;
  border: 0 !important;
}
input[type="range"] {
  display: block;
  border: 2px solid #383838;
  border-radius: 10px;
  padding: 1px 0px;
}
.range input {
  width: 100%;
  position: absolute;
  top: 2px;
  height: 0px;
  -webkit-appearance: none;
}
.range input::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: #383838;
  border-radius: 12px;
}
.range input::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background-color: #383838;
  border-radius: 12px;
}
.range input::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: #383838;
  border-radius: 12px;
}
.range input:focus {
  background: none;
  outline: none;
}
.range-labels {
  margin: 16px 70px 0;
  padding: 0;
  list-style: none;
}
.range-labels li {
  position: relative;
  float: left;
  font-family: Raleway;
  font-weight: 700;
  width: 51px;
  color: #b2b2b2;
  font-size: 14px;
  cursor: pointer;
  padding: 0px 0px;
}
.range-labels li::before {
  position: absolute;
  top: -22px;
  right: 0;
  left: 0;
  content: "";
  margin: 0 auto;
  width: 1px;
  height: 13px;
  background: darkgrey;
}
.range {
  position: relative;
  width: 340px;
  height: 5px;
  padding: 2px 32px;
  border-radius: 41px;
  /*z-index: 99*/
}
/*.range-labels .active {
  color: red;
}*/
/*.range-labels .selected::before {
  background: #37adbf;
}*/
/*.range-labels .active.selected::before {
  display: none;
}*/

/* mapview-gymdetails css started here*/
.for-image-mapview-gymdetails {
  display: block;
  width: 10%;
  float: left;
  margin-top: 116px;
  padding: 6px 10px;
  border: 2px solid grey;
  margin-left: -15px;
  border-left: none;
}
.lt-symbol {
  font-size: 35px;
  color: grey;
  font-family: monospace;
}
.popup-mapview-gymdetails {
  padding: 20px 10px 20px 20px;
  border-radius: 14px;
  color: white;
  background-color: #383838;
  right: 68px;
  position: absolute;
  -webkit-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -moz-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -ms-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -o-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  z-index: 9999999;
  width: 150px;
  margin-top: 89px;
}
.left-part-mapview-gymdetails {
  overflow-x: hidden;
  background-color: #212121;
  padding-bottom: 75px;
  margin-top: 63px;
  height: 590px;
  overflow-y: scroll;
}
.left-part-mapview-gymdetails::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.left-part-mapview-gymdetails::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
  -moz-box-shadow: inset 0 0 5px grey;
  -ms-box-shadow: inset 0 0 5px grey;
  -o-box-shadow: inset 0 0 5px grey;
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.left-part-mapview-gymdetails::-webkit-scrollbar-thumb {
  background: #be0027;
  border-radius: 10px;
}

/* Handle on hover */
.left-part-mapview-gymdetails::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}
.cross-fit h5 {
  color: #ffffff;
  text-align: center;
  margin-top: 34px;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 13px;
  font-family: Raleway;
}

/*four-images img {
    width: 102%;
    height: 195px;
}*/
/*.right-side-mapview-gymdetails{
    width: 100%;
    max-width: 100%;
    float: right;
    display: block;
    text-align: center;
    margin-top: -398px;
    display: none;
}*/
.popup-paymentaa {
  width: 100%;
  max-width: 12%;
  display: none;
  right: 63px;
  border-radius: 19px;
  color: white;
  background-color: #383838;
  position: absolute;
  -webkit-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -moz-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -ms-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -o-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  z-index: 9999;
  margin-top: 84px;
}
.profile-paymentaa {
  margin-top: 22px;
}
.profile-paymentaa a {
  width: 88%;
  font-size: 20px;
  float: right;
  padding: 14px 0px 14px 11px;
  font-weight: 500;
  margin-top: -19px;
  border-bottom: 1px solid #606060;
  color: #fff;
  font-family: Raleway;
  margin-bottom: 6px;
}
.profile-paymentaa a:hover {
  text-decoration: none;
}
.logout-paymentaa a:hover {
  text-decoration: none;
}
.logout-paymentaa {
  margin-bottom: 12px;
  padding: 0px 0px;
}
.logout-paymentaa a {
  width: 100%;
  font-size: 20px;
  margin-top: 69px;
  padding: 0px 33px;
  font-family: Raleway;
  font-weight: 500;
  color: #fff;
}
.popup-paymentaa::after {
  content: "";
  width: 0px;
  position: relative;
  border-style: solid;
  border-width: 18px 19px 45px 0px;
  border-color: transparent #383838 transparent transparent;
  display: inline-block;
  vertical-align: super;
  border-radius: 11px;
  margin: -127px 0px 71px 110px;
  top: 0px;
  transform: rotate(87deg);
}

.popup-paymentaa-second {
  width: 100%;
  max-width: 12%;
  display: none;
  right: 41px;
  border-radius: 19px;
  color: white;
  background-color: #383838;
  position: absolute;
  -webkit-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -moz-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -ms-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -o-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  z-index: 9999;
  margin-top: 20px;
}
.profile-paymentaa-second {
  margin-top: 7px;
}
.profile-paymentaa-second a {
  width: 88%;
  font-size: 20px;
  float: right;
  padding: 20px 0px 14px 11px;
  font-weight: 500;
  margin-top: -19px;
  border-bottom: 1px solid #606060;
  color: #fff;
  font-family: Raleway;
  margin-bottom: 13px;
}
.profile-paymentaa-second a:hover {
  text-decoration: none;
}
.logout-paymentaa-second a:hover {
  text-decoration: none;
}
.logout-paymentaa-second a {
  width: 100%;
  font-size: 20px;
  margin-top: 69px;
  padding: 0px 33px;
  font-family: Raleway;
  font-weight: 500;
  color: #fff;
}
.popup-paymentaa-second::after {
  content: "";
  width: 0px;
  position: relative;
  border-style: solid;
  border-width: 18px 19px 45px 0px;
  border-color: transparent #383838 transparent transparent;
  display: inline-block;
  vertical-align: super;
  border-radius: 11px;
  margin: -127px 0px 71px 110px;
  top: -4px;
  transform: rotate(87deg);
}






.popup-paymentaa-second-new{
  width: 100%;
  max-width: 12%;
  display: none;
  right: 41px;
  border-radius: 19px;
  color: white;
  background-color: #383838;
  position: absolute;
  -webkit-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -moz-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -ms-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -o-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  z-index: 9999;
  margin-top: 20px;
}
.profile-paymentaa-second-new {
  margin-top: 22px;
}
.profile-paymentaa-second-new a {
  width: 88%;
  font-size: 20px;
  float: right;
  padding: 5px 0px 14px 11px;
  font-weight: 500;
  margin-top: -19px;
  border-bottom: 1px solid #606060;
  color: #fff;
  font-family: Raleway;
  margin-bottom: 13px;
}
.profile-paymentaa-second-new a:hover {
  text-decoration: none;
}
.logout-paymentaa-second-new a:hover {
  text-decoration: none;
}
.logout-paymentaa-second-new a {
  width: 100%;
  font-size: 20px;
  margin-top: 69px;
  padding: 0px 33px;
  font-family: Raleway;
  font-weight: 500;
  color: #fff;
}
.popup-paymentaa-second-new::after {
  content: "";
  width: 0px;
  position: relative;
  border-style: solid;
  border-width: 18px 19px 45px 0px;
  border-color: transparent #383838 transparent transparent;
  display: inline-block;
  vertical-align: super;
  border-radius: 11px;
  margin: -127px 0px 71px 110px;
  top: -4px;
  transform: rotate(87deg);
}
.modal-content{
  width: 845px;
  margin-left: -433px;
}
/*.modal-content {
   float: right;
    margin-right: 136px;
}*/

/*.right-side-mapview-gymdetails {
    width: 100%;
    margin-top: 108px;
    padding: 6px 20px;
    border: 2px solid grey;
    margin-left: -24px;
    border-left: none;
    max-width: 5%;
    display: none;
}*/
.right-side-mapview-gymdetails {
  width: 100%;
  margin-top: -255px;
  padding: 6px 20px;
  border: 2px solid grey;
  margin-left: 360px;
  border-left: none;
  max-width: 5%;
  /* margin-bottom: -48px; */
  display: none;
}
.kil-meters {
  font-size: 5px;
}
.speed {
  font-size: 13px;
}
.right-part-third-page {
  width: 100%;
  max-width: 23%;
  margin-top: -53px;
  padding: 6px 10px;
  border: 2px solid grey;
  border-left: none;
  margin-left: -44px;
  display: none;
  background-color: #373737;
}
.second-part {
  width: 100%;
  max-width: 23%;
  margin-top: 112px;
  padding: 6px 10px;
  background-color: #373737;
  border: 2px solid grey;
  border-left: none;
  margin-left: -298px;
  display: none;
}
.lt-symbol {
  font-size: 35px;
  color: grey;
  font-family: monospace;
}
.hr-bar-top,
.hr-bar-bottom {
  width: 100%;
  max-width: 97%;
  margin: 0 auto;
  height: 2px;
  background-color: #383838;
  margin-top: 60px;
}
/*.mapview-box-for-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
}
.mapview-box-for-scroll::-webkit-scrollbar {
  width: 10px;
}
.mapview-box-for-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey; 
  -moz-box-shadow: inset 0 0 5px grey; 
  -ms-box-shadow: inset 0 0 5px grey; 
  -o-box-shadow: inset 0 0 5px grey;
  box-shadow: inset 0 0 5px grey;  
  border-radius: 60px;
}
.mapview-box-for-scroll::-webkit-scrollbar-thumb {
  background: #be0027; 
  border-radius: 10px;
}
.mapview-box-for-scroll::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}*/
.for-info {
  margin-bottom: -34px;
  text-align: center;
  color: #ffffff;
  margin-top: -13px;
  font-size: 18px;
  font-weight: 600;
  font-family: Raleway;
}
.four-a {
  color: #ffffff;
  font-size: 28px;
  margin: 32px 47px;
  font-weight: 600;
  font-family: Raleway;
}
.time-box {
  padding: 5px 6px;
}
.four-a-stmt.activities {
  padding: 16px 0px 28px 19px;
}
.four-a-stmt {
  border-radius: 10px;
  padding: 15px 0px 25px 25px;
  font-size: 19px;
  font-weight: 600;
  color: #9c9c9c;
  background-color: #383838;
  line-height: 23px;
  margin: 0px -104px;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-width: 92%;
  display: flex;
  border: none;
}
textarea.four-a-stmt::placeholder {
  color: #9c9c9c;
}

.schedule {
  border-radius: 10px;
  /*padding: 30px 37px 24px 17px;*/
  padding: 30px 0px 24px 40px;
  font-size: 21px;
  background-color: #383838;
  line-height: 43px;
  margin: 22px 46px;
}
/*.blank-photo {
    width: 100%;
    margin-left: -16px;
}*/
.four-images {
  width: 100%;
  padding: 0 15px;
}
.days {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  font-family: Raleway;
  padding-left: 38px;
  margin-top: 8px;
}
.time {
  border-radius: 10px;
  text-align: center;
  box-shadow: 0px 0px 7px 2px #525252;
  font-weight: 600;
  color: #9c9c9c;
  margin-bottom: 20px;
  font-family: Raleway;
}
.dash {
  text-align: center;
  font-size: 19px;
  color: #ffffff;
}
.times h3 {
  color: blue;
}
.ten {
  border: 2px solid;
  color: grey;
  padding: -26px -8px;
}
.icon-gymdetails.img-fluid {
  margin: 0 auto;
  display: flex;
}
.check-in-wrapper {
  
  text-align: center;
}
.check-in-wrapper a{
  display: inline-block !important;
}
.icon-side {
  display: inline-block !important;
}
/*.for-image-mapview-gymdetails {
   /* background-image: url(../images/bg-img.png);
    width: 100%;
    height: 100%;
    margin-top: -1px;
    background-repeat: no-repeat;
}*/
/* mapview-gymdetails css ended here*/

/* login css started here*/
.show-hide-para-login {
  color: #e0a3aa;
  position: absolute;
  top: 22px;
  right: 52px;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
}
.img-fluid.login-left-img {
  height: 99vh;
  max-width: 100%;
  /* margin-top: -34px;*/
}
.store {
  display: none;
}
.btn.btn-danger.login-create-acc-btn {
  width: 50%;
  float: left;
  text-decoration: none;
  background: none;
  border: none;
  color: #be0027;
  font-weight: 700;
  font-size: 15px;
}
.login-form {
  text-decoration: none;
  border: none;
  border-bottom: 2px solid #de7f93;
  margin: 10px 10px;
  border-radius: 0px;
  width: 85%;
  padding: 6px 7px;
  font-family: Accidental Presidency;
  outline: 0;
  font-size: 20px;
}
.login-form::placeholder {
  color: #9c9c9c;
}
.login-stores-icon {
  margin-top: -122px;
  padding: 0px 84px;
}
.forgot-password-btn-box {
  float: right;
  margin-bottom: 35px;
  width: 100%;
}
.forgot-password-btnn {
  color: #be0027;
  font-size: 14px;
  font-weight: 700;
  border: none;
  background: none;
  padding: 9px 47px;
}
.btn.btn-danger.login-create-acc-btn:hover {
  background-color: #be0027;
  border: none;
  border-radius: 18px 0px 15px 18px;
  color: #fff;
}
.btn.btn-danger.a-login-btn {
  width: 50%;
  float: right;
  text-decoration: none;
  background: none;
  border: none;
  color: #be0027;
  font-weight: 700;
  font-size: 15px;
  margin-right: 43px;
}
.btn.btn-danger.a-login-btn:hover {
  background-color: #be0027;
  border: none;
  border-radius: 18px 0px 15px 18px;
  color: #fff;
  margin-right: 43px;
}
.icon-login {
  z-index: 999999;
  position: absolute;
  margin-top: 18px;
}
.login-image {
  max-width: 95%;
  height: auto;
  margin-top: -86px;
  position: relative;
}
.login {
  text-align: center;
  margin-bottom: 100px;
  font-size: 56px;
  color: #be0027;
  font-weight: 700;
}
.input-fields {
  color: #9c9c9c;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 13px;
}
.for-form {
  border: none;
  border-radius: 0px;
  display: block;
  width: 100%;
  padding: 12px 2px;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  border-bottom: 2px solid #de7f93;
  margin-bottom: 27px;
  margin-top: -13px;
  width: 80%;
}
.forgot-password-btnn {
  color: #be0027;
  font-size: 14px;
  font-weight: 700;
  border: none;
  background: none;
  text-align: right;
  padding: 13px 48px;
  float: right;
  cursor: pointer;
}
.forgot-password-btnn:hover {
    text-decoration: underline;
    color: #be0027;
}
.create-account-btn {
  color: #be0027;
  font-size: 14px;
  font-weight: 700;
  border: none;
  background: none;
  margin-top: 70px;
}
.login-btn {
  color: #be0027;
  font-size: 14px;
  font-weight: 700;
  border: none;
  background: none;
  margin-top: 70px;
  margin-left: 201px;
}
.create-account-btn:hover {
  color: white;
  background-color: #be0027;
  padding: 8px 40px;
  border-radius: 20px 0 20px 20px;
}
.login-btn:hover {
  color: white;
  background-color: #be0027;
  padding: 9px 62px;
  border-radius: 20px 0px 20px 20px;
  margin-left: 143px;
}
.icon-login {
  z-index: 999999;
  position: relative;
}
.login-bg-wrap {
  width: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
}
.login-forms-wrap {
  width: 35%;
  display: inline-block;
  float: left;
}
.for-form::placeholder {
  color: black;
  font-weight: 700;
}
.show-hide-para {
  color: #e0a3aa;
  position: absolute;
  top: 10px;
  right: 106px;
  font-weight: 500;
  cursor: pointer;
}
.pass-box-wrapper {
  position: relative;
}
/*.login-wrapper{
    background-image: url("../images/login-bg.png");
}*/
.login-left-part {
  width: 65%;
  display: inline-block;
  float: left;
}
.login-right-part {
  width: 35%;
  display: inline-block;
  float: right;
  padding: 0px 41px;
  background-repeat: no-repeat;
  background-image: url(../images/app-icon.png);
  background-position: 58px 101px;
}
/* login css ended here*/

/* signup-partner-form css started here*/
.icon-login-partner {
  z-index: 999999;
  position: relative;
  margin-left: -86px;
  margin-top: 19px;
}
.image-signup-partner {
  width: 35%;
  position: relative;
  margin-top: -86px;
  height: -66%;
  float: left;
}
.become-partner {
  width: 65%;
  float: left;
}
.store-signup {
  display: none;
}
.partner-form h5 {
  text-align: center;
  margin-top: -26px;
  color: #4520ff;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 40px;
}
.label-signup-partner {
  font-size: 15px;
  font-weight: 700;
  color: #9c9c9c;
  margin-bottom: 10px;
  margin-top: 23px;
}
.gym-details {
  display: block;
  width: 80%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border: none;
  border-bottom: 2px solid #a28fff;
  border-radius: 0px;
}
.signup-partner-wrapper {
  padding: 0px 80px;
}
.browse-gym-logo-btn {
  background-color: #4520ff;
  padding: 8px 23px;
  margin-top: 39px;
  border-radius: 18px 18px 18px 0px;
  font-weight: 600;
  float: right;
  border: none;
}
.four-placeholder-icons {
  margin-top: 31px;
}
.img-fluid.placeholder-icon {
  margin-right: 28px;
}
.submit-to-verify-btn {
  color: #fff;
  background-color: #4520ff;
  margin-top: 82px;
  border-radius: 18px 0px 18px 18px;
  padding: 9px 39px;
  font-weight: 600;
  border: none;
}
.second-row {
  float: right;
}
.btn.btn-primary.plus-btn {
  margin-top: -188px;
  border-radius: 18px 18px 18px 0px;
  padding: 9px 21px;
  background-color: #4520ff;
  border: none;
}
.btn.btn-primary.browse-btn {
  margin-top: -61px;
  margin-left: -51px;
  border-radius: 18px 18px 18px 0px;
  padding: 11px 13px;
  background-color: #4520ff;
  border: none;
  font-weight: 600;
}
.week-day {
  padding: 15px 18px;
  border-radius: 12px;
  background-color: #4520ff;
  color: #ffffff;
  margin-right: 50px;
  font-weight: 700;
  width: 33.3333%;
  display: inline-block;
  max-width: 122px;
  text-align: center;
  margin: 0 0 15px;
}
.am-time,
.pm-time {
  border: 2px solid #4520ff;
  padding: 12px 22px;
  border-radius: 12px;
  background-color: #ffffff;
  color: #4520ff;
  margin: 30px 17px;
}
.to {
  background-color: #ffffff;
  color: #4520ff;
}
.text {
  font-weight: 800;
}

/* signup-partner-form css ended here*/

/* contact page css started here*/
.contact-box1 {
  padding: 14px 74px 21px 23px;
  line-height: 26px;
  width: 50%;
  float: left;
  margin-top: 24px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 10px 10px #333333;
  -moz-box-shadow: 0px 0px 10px 10px #333333;
  -ms-box-shadow: 0px 0px 10px 10px #333333;
  -o-box-shadow: 0px 0px 10px 10px #333333;
  box-shadow: 0px 0px 10px 10px #333333;
  border-radius: 17px;
  width: -moz-min-content; 
}
.contact-box2 {
  padding: 0px 69px 0px 65px;
  line-height: 26px;
  width: 50%;
  float: left;
  margin-top: 37px;
  width: -moz-min-content; 
}
.main-wrapper {
  background-color: #383838;
  height: 100vh;
  overflow: auto;
}
.contact-main-heading {
  margin-bottom: 19px;
  display: block;
  width: 100%;
  /*float: left;*/
  margin-top: 109px;
  text-align: center;
  font-size: 37px;
  font-weight: 600;
  color: #ffffff;
}
.key {
  color: #ffffff;
  line-height: 50px;
  font-size: 23px;
  font-weight: 600;
}
.msg-box textarea {
  outline: 0;
  overflow: hidden;
  border-radius: 12px;
  padding: 16px 27px;
  text-decoration: none;
  background-color: #3c3c3c;
  border: none;
  width: 100%;
  color: #979797;
  max-width: 99%;
  font-size: 16px;
  font-weight: 600;
  -webkit-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -moz-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -ms-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -o-box-shadow: 8px 4px 11px 4px #2b2b2b;
  box-shadow: 8px 4px 11px 4px #2b2b2b;
}
.send-query-btn {
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  color: #ffffff;
  background-color: #be0027;
  border: none;
  padding: 12px 87px;
  font-size: 28px;
  font-weight: 700;
  border-radius: 9px;
  -webkit-box-shadow: 0px 10px 10px #0e0e0e;
  -moz-box-shadow: 0px 10px 10px #0e0e0e;
  -ms-box-shadow: 0px 10px 10px #0e0e0e;
  -o-box-shadow: 0px 10px 10px #0e0e0e;
  box-shadow: 0px 10px 10px #0e0e0e;
  margin-top: 28px;
}
.send-query-btn:hover {
  background-color: #be0027;
  border: 1px solid #be0027;
}
.value {
    width: 100%;
    max-width: 100%;
  color: #9c9c9c;
  font-size: 19px;
  font-weight: 600;
  margin-top: 0px;
  background: none;
  border: none;
  text-align: right;
  padding: 10px 10px;
  outline: 0;
}
.value::placeholder {
  color: #979797;
}
.address-textarea {
  box-shadow: none;
}
.value.value-second.address-textarea {
  padding: 18px 2px;
  outline: 0;
  overflow: hidden;
  width: 100%;
  color: #979797;
  max-width: 100%;
  font-size: 19px;
  font-weight: 600;
  -moz-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -ms-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -o-box-shadow: 8px 4px 11px 4px #2b2b2b;
}
.key.key-right {
  padding: 0 30px;
}
.img-fluid.contact-pg-img {
  margin-top: -19px;
}
.msg-box {
  display: flex;
  justify-content: center;
  margin-bottom: 4px;
  margin-top: 10px;
  width: 100%;
  max-width: 97%;
}
.left-side-form {
  padding: 7px 26px 48px;
  border-radius: 16px;
  -webkit-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -moz-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -ms-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -o-box-shadow: 8px 4px 11px 4px #2b2b2b;
  box-shadow: 8px 4px 11px 4px #2b2b2b;
  width: 100%;
  max-width: 100%;
}
.right-side-form {
  padding: 1px 23px;
  margin-bottom: 18px;
  padding-right: 76px;
}
/* contact page css ended here*/

/* user-profile page css started here*/
.user-profile-heading {
  margin-top: 143px;
  margin-bottom: 73px;
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-left: -81px;
}
.user-profile-key {
  font-size: 21px;
  font-weight: 700;
  color: #ffffff;
  line-height: 50px;
  margin-top: -6px;
}
.user-profile-wrapper {
  width: 100%;
  overflow-x: hidden;
  background-color: #383838;
}
.for-bg-img {
  background-image: url(../images/user-pro-bg-img.png);
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.key-value-pair {
  padding: 0px 171px;
  margin-bottom: 257px;
  margin-left: -55px;
}
.btn.btn-primary.user-profile-btn {
  background-color: #be0027;
  border: none;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  max-width: 33%;
  border-radius: 7px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
  margin-left: 122px;
  -webkit-box-shadow: 0 10px 10px black;
  -moz-box-shadow: 0 10px 10px black;
  -ms-box-shadow: 0 10px 10px black;
  -o-box-shadow: 0 10px 10px black;
  box-shadow: 0 10px 10px black;
}
.custom-userprfilebx {
  width: 42%;
  display: inline-block;
  height: 100vh;
  background-image: url(../images/bg-design.png);
  background-repeat: no-repeat;
  background-position: -2px -35px;
}
.user-profile-plan-box {
  width: 57%;
  display: inline-block;
  background-color: #383838;
}
/*.user-profile-menu-box {
    margin-top: 100px;
}*/
.user-profile-value {
  color: grey;
  font-size: 19px;
  font-weight: 600;
  border: none;
  background: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.plan-box {
  border: none;
  width: 75%;
  /* margin: 26px 131px; */
  padding: 82px 7px;
  border-radius: 13px;
  -webkit-box-shadow: 0px 22px 16px 17px #333333;
  -moz-box-shadow: 0px 22px 16px 17px #333333;
  -ms-box-shadow: 0px 22px 16px 17px #333333;
  -o-box-shadow: 0px 22px 16px 17px #333333;
  box-shadow: 0px 22px 16px 17px #333333;
  height: 369px;
  margin: 0 auto;
  display: block;
  margin-top: -4px;
}
/*user-profile-menu-box ul li a:last-child{
   border-right: none;
   color: red;
}*/
.plan-box h5 {
  color: #ffffff;
  font-size: 23px;
  margin-top: -65px;
  font-weight: 600;
  line-height: 31px;
  padding: 0px 27px;
  margin-bottom: 13px;
  font-family: Raleway;
}
/*.plan-box h5 {
    font-size: 23px;
    color: white;
    font-weight: 500;
    margin-top: -59px;
    padding: 7px 23px;
    margin-bottom: 12px;
    line-height: 29px;
}*/
.amt-subscription {
  color: grey;
  margin-top: 20px;
  /*  font-weight: 600;*/
  padding: 4px 27px;
  font-size: 19px;
}
.value-subscription {
  color: white;
  font-weight: 700;
  font-size: 19px;
  font-family: Raleway;
}
.purchased-payment {
  color: #ffffff;
  font-weight: 500;
  font-size: 23px;
  font-family: Raleway;
  padding: 14px 18px;
}
.purchased-box {
  padding: 5px 3px;
  border-radius: 9px;
  -webkit-box-shadow: 0px 0px 10px #515151;
  -moz-box-shadow: 0px 0px 10px #515151;
  -ms-box-shadow: 0px 0px 10px #515151;
  -o-box-shadow: 0px 0px 10px #515151;
  box-shadow: 0px 0px 10px #515151;
  border: none;
  width: 100%;
  max-width: 57%;
  margin: 43px 25px;
}
.payment-box {
  padding: 8px 3px;
  border-radius: 9px;
  -webkit-box-shadow: 0px 0px 10px #515151;
  -moz-box-shadow: 0px 0px 10px #515151;
  -ms-box-shadow: 0px 0px 10px #515151;
  -o-box-shadow: 0px 0px 10px #515151;
  box-shadow: 0px 0px 10px #515151;
  border: none;
  width: 100%;
  max-width: 72%;
  margin: 26px 24px;
  margin-top: -15px;
  margin-bottom: 40px;
}
.payment-box h3 {
  margin: 0px;
}
.purchased-payment-date {
  color: grey;
  font-weight: 600;
  font-family: Raleway;
  font-size: 18px;
}
.subscription {
  color: white;
  font-size: 20px;
  font-weight: 600;
  padding: 33px;
  font-family: Raleway;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-bottom: -8px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9c9c9c;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #373737;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

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

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

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

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

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

input[type="checkbox"] {
  margin-top: 23px;
  display: none;
}
.learn-more a {
  float: right;
  padding: 4px 56px;
  color: grey;
  font-weight: 600;
  font-size: 20px;
  font-family: Raleway;
}
.learn-more a:hover {
  color: #9c9c9c;
}
.learn-more a:visited {
  color: #9c9c9c;
}
.chevron-right-symbol {
  color: #fff;
}
.user-profile-menu-box ul li {
  display: inline-block;
  padding: 60px 5px;
}
.user-profile-menu-box a {
  text-decoration: none;
  color: grey;
  font-size: 28px;
  font-weight: 600;
  padding-right: 27px;
  border-right: 2px solid #454545;
}
/*.user-profile-menu-box a :last-child{
    display: none;
}*/
.user-profile-menu-box ul {
  margin-left: 57px;
}
.current-tab a {
  color: #fff;
}

/* user-profile page css ended here*/

/* userprofile-billing-history  page css started here*/

.billing-history-wrapper {
  width: 100%;
  display: block;
  padding: 48px 23px;
  border-radius: 10px;
  box-shadow: -4px 7px 21px #2b2b2b;
  -webkit-box-shadow: -4px 7px 21px #2b2b2b;
  -moz-box-shadow: -4px 7px 21px #2b2b2b;
  -ms-box-shadow: -4px 7px 21px #2b2b2b;
  -o-box-shadow: -4px 7px 21px #2b2b2b;
  max-width: 80%;
  margin: 0 auto;
  line-height: 27px;
  height: 156px;
  margin-bottom: 22px;
  background-image: url(../images/box-bg.png);
  background-repeat: no-repeat;
  background-position: 107% -25px;
}
.amt-subscription-billing {
  color: grey;
  font-weight: 600;
  padding: 14px 38px;
  font-family: Raleway;
  font-size: 21px;
  margin-top: 33px;
  display: inline-block;
}
.value-subscription-billing {
  color: white;
  font-weight: 500;
}
.purchased-payment-date-billing {
  color: #9c9c9c;
  font-weight: 600;
  font-family: Raleway;
}
.purchased-payment-billing {
  color: #ffffff;
  font-weight: 500;
  font-size: 19px;
  padding: 20px;
  font-family: Raleway;
}
.billing-history-box h2 {
  color: white;
  font-size: 21px;
  font-weight: 600;
  margin-top: -25px;
  margin-bottom: 3px;
  text-align: center;
  font-family: Raleway;
}
.purchased-box-billing {
  width: 58%;
  padding: 13px 0px;
  border-radius: 11px;
  max-width: 53%;
  -webkit-box-shadow: 0px 0px 12px #4e4e4e;
  -moz-box-shadow: 0px 0px 12px #4e4e4e;
  -ms-box-shadow: 0px 0px 12px #4e4e4e;
  -o-box-shadow: 0px 0px 12px #4e4e4e;
  box-shadow: 0px 0px 12px #4e4e4e;
  float: right;
  background-color: #383838;
  margin-top: 16px;
}
.user-profile-value:focus {
  outline: 0;
  box-shadow: 0;
}
.current-tab-billing a {
  color: #fff;
}
/* userprofile-billing-history  page css ended here*/

/* userprofile-checkin css started here*/
.current-tab-checkin a {
  color: #fff;
}
.checkin-box {
  width: 57%;
  display: inline-block;
}
.right-box-for-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 400px;
  margin-top: -21px;
}
.right-box-for-scroll::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.right-box-for-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
  -moz-box-shadow: inset 0 0 5px grey;
  -ms-box-shadow: inset 0 0 5px grey;
  -o-box-shadow: inset 0 0 5px grey;
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.right-box-for-scroll::-webkit-scrollbar-thumb {
  background: #be0027;
  border-radius: 10px;
}

/* Handle on hover */
.right-box-for-scroll::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}
.checkin-wrapper {
  width: 77%;
  display: block;
  padding: 51px 29px;
  border-radius: 12px;
  -webkit-box-shadow: 6px 13px 20px 7px #2b2b2b;
  -moz-box-shadow: 6px 13px 20px 7px #2b2b2b;
  -ms-box-shadow: 6px 13px 20px 7px #2b2b2b;
  -o-box-shadow: 6px 13px 20px 7px #2b2b2b;
  box-shadow: 6px 13px 20px 7px #2b2b2b;
  max-width: 80%;
  margin: 0 auto;
  height: 180px;
  min-height: 188px;
  margin-bottom: 22px;
  margin-top: 33px;
}
.checkin-wrapper h2 {
  color: white;
  font-size: 24px;
  font-weight: 600;
  margin-top: -25px;
  margin-bottom: 12px;
  font-family: Raleway;
}
.address-checkin {
  color: #9c9c9c;
  font-weight: 600;
  font-family: Raleway;
  font-size: 19px;
}
.value-subscription-billing {
  color: white;
  font-weight: 500;
}
.date-time-box {
  padding: 1px 1px;
  margin-top: 16px;
  border-radius: 10px;
  max-width: 74%;
  -webkit-box-shadow: 0px 0px 12px #4e4e4e;
  -moz-box-shadow: 0px 0px 12px #4e4e4e;
  -ms-box-shadow: 0px 0px 12px #4e4e4e;
  -o-box-shadow: 0px 0px 12px #4e4e4e;
  box-shadow: 0px 0px 12px #4e4e4e;
}
.get-direction{
  display: none;
}
.get-direction a {
  float: right;
  padding: 1px 53px;
  color: #9c9c9c;
  font-family: Raleway;
  font-weight: 600;
}
.get-direction a:hover {
  color: #9c9c9c;
  text-decoration: none;
}
/*.gt-symbol-checkin {
  color: #9c9c9c;
  float: right;
  margin: -2px -191px;
}*/
.date-caption-box,
.time-caption-box {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  padding: 19px;
  font-family: Raleway;
}
.date-value-box,
.time-value-box {
  color: #9c9c9c;
  font-weight: 600;
  font-family: Raleway;
}
/* userprofile-checkin  page css ended here*/

/* change-password  page css started here*/
.password-heading {
  width: 100%;
  max-width: 52%;
  color: #fff;
  font-size: 29px;
  font-weight: 600;
  text-align: left;
  margin: 0 auto;
}
.main-part input[type="text"] {
  width: 100%;
  max-width: 52%;
  text-decoration: none;
  background: none;
  border: none;
  margin-top: 10px;
  font-size: 23px;
  margin-bottom: 26px;
  font-weight: 600;
  border-bottom: 2px solid #454545;
  padding-bottom: 18px;
}
.placeholder-clr::placeholder {
  color: #9c9c9c;
  margin-top: 10px;
}
.change-password-wrapper {
  background-color: #383838;
  height: 100vh;
  overflow: auto;
}
.btn.btn-danger.change-password-save-btn {
  padding: 5px 110px;
  -webkit-box-shadow: 0px 15px 15px 0px #0c0c0c;
  -moz-box-shadow: 0px 15px 15px 0px #0c0c0c;
  -ms-box-shadow: 0px 15px 15px 0px #0c0c0c;
  -o-box-shadow: 0px 15px 15px 0px #0c0c0c;
  box-shadow: 0px 15px 15px 0px #0c0c0c;
  font-size: 35px;
  font-weight: 700;
  background-color: #be0027;
  border: none;
  border-radius: 8px;
  margin: 0 auto;
  display: flex;
  margin-top: 27px;
}
.main-part {
  margin-top: 170px;
}
.head {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  /* padding: 4px 0;*/
  padding: 9px 0;
  -webkit-box-shadow: 0px 0px 10px grey;
  -moz-box-shadow: 0px 0px 10px grey;
  -ms-box-shadow: 0px 0px 10px grey;
  -o-box-shadow: 0px 0px 10px grey;
  box-shadow: 0px 0px 10px grey;
  z-index: 99999;
  background: #383838;
}
.icon {
  width: 28%;
  float: left;
  margin-top: 5px;
  padding: 0 27px;
}
.custom-navbar {
  width: 59%;
  float: left;
}
.custom-navbar li {
  display: inline-block;
  padding: 22px 21px;
  font-size: 24px;
  font-weight: 600;
  margin: 2px 0px;
}
.custom-navbar li:last-child {
  margin-right: -65px;
}
.custom-navbar li a {
  color: white;
  text-decoration: none;
}
.custom-navbar ul li a:hover {
  border-bottom: 2px solid white;
  padding: 30px 0px;
  z-index: 999999;
}
.image {
  /*width: 5%;*/
  text-align: right;
 /* float: left;*/
}
.placeholder-clr {
  border: none;
  text-align: center;
  background: no-repeat;
  font-size: 25px;
  text-align: left;
  width: 100%;
  padding: 14px 0px;
  border-bottom: 2px solid #454545;
  max-width: 52%;
  margin-bottom: 29px;
  outline: 0;
  font-weight: 600;
  color: #9c9c9c;
}
/* change-password  page css ended here*/

/* booking-details  page css started here*/

.custom-navbar-book-det {
  width: 63%;
  float: left;
}
.custom-navbar-book-det li {
  display: inline-block;
  padding: 12px 21px;
  font-size: 24px;
  font-weight: 600;
  margin: 2px 0px;
}
.custom-navbar-book-det li:last-child {
  margin-right: -65px;
}
.custom-navbar-book-det li a {
  color: white;
  text-decoration: none;
}
.custom-navbar-book-det ul li a:hover {
  border-bottom: 2px solid white;
  padding: 34px 0px;
  z-index: 999999;
}
.key-value-div {
  width: 50%;
  float: left;
  margin-top: -10px;
}
.span-icon {
  font-size: 37px;
  color: #9c9c9c;
  padding: 0px 10px;
}
.booking-details-wrapper {
  background-color: #383838;
  height: 100vh;
  overflow: auto;
}
.booking-details-box1 {
  width: 52%;
  float: left;
  margin-top: 110px;
  -webkit-box-shadow: 0px 0px 21px 14px #333333;
  -moz-box-shadow: 0px 0px 21px 14px #333333;
  -ms-box-shadow: 0px 0px 21px 14px #333333;
  -o-box-shadow: 0px 0px 21px 14px #333333;
  box-shadow: 0px 0px 21px 14px #333333;
  border-radius: 17px;
}
.payable-value {
  width: 10%;
  float: right;
  padding: 13px 53px;
  font-size: 19px;
  background: none;
  border: none;
}
.part-fst-amount,
.part-second-value {
  width: 50%;
  float: left;
}
.enter-code-box {
  width: 30%;
}
.apply-box {
  width: 30%;
  outline: 0;
}
.same-h4 {
  color: #ffffff;
  font-size: 23px;
  font-weight: 600;
  font-family: Raleway;
  margin-top: 17px;
}
.part-second-value h2 {
  color: #9c9c9c;
  font-size: 19px;
  font-weight: 600;
  padding: 12px 236px;
}
.cancellation-pol {
  color: #be0027;
  font-weight: 600;
  font-size: 20px;
  padding: 0 0px;
  font-family: Raleway;
}
.payable-amt {
  width: 100%;
  display: inline-block;
  margin-bottom: -9px;
  margin-top: 33px;
  border-top: 2px solid #464646;
  perspective: 6px 24px;
}
.first-wrapper {
  padding: 6px 0px 0px 29px;
}
.payable-stmt {
  width: 60%;
  float: left;
  padding: 21px 30px;
  color: #ffffff;
  font-size: 23px;
  font-weight: 500;
  font-family: Raleway;
  margin-top: 1px;
  margin-bottom: 1px;
}
.payable-value {
  font-size: 20px;
  color: #9c9c9c;
  font-weight: 700;
  display: block;
  width: 62%;
  padding: 16px 48px;
  text-align: right;
  outline: 0;
  font-family: Raleway;
}
.payable-value::placeholder {
  color: #9c9c9c;
}

.one-fifty {
  margin-top: -66px;
  padding: 14px 44px;
}
.pol-tag {
  width: 100%;
  display: block;
  margin-top: -10px;
  margin-bottom: -17px;
  float: left;
}
.booking-details-box2 {
  display: block;
  float: left;
  width: 102%;
}
.booking-details-box2 h3 {
  color: white;
  font-size: 32px;
  font-weight: 600;
  padding: 14px 23px;
  margin-bottom: 21px;
  font-family: Raleway;
}
.second-box {
  width: 50%;
  display: inline-block;
  border-radius: 10px;
  padding: 10px 22px;
  -webkit-box-shadow: 0px 0px 15px 10px #333336;
  -moz-box-shadow: 0px 0px 15px 10px #333336;
  -ms-box-shadow: 0px 0px 15px 10px #333336;
  -o-box-shadow: 0px 0px 15px 10px #333336;
  box-shadow: 0px 0px 15px 10px #333336;
  margin-top: -18px;
}
.enter-code-box {
  width: 60%;
  border: none;
  color: #9c9c9c;
  float: left;
  font-size: 29px;
  font-weight: 600;
  padding: 7px 3px;
  font-family: Raleway;
  background: none;
  outline: 0;
}
.apply-box {
  width: 13%;
  float: right;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  outline: 0;
  background: none;
  border: none;
  font-family: Raleway;
  margin-top: 11px;
}
.btn.btn-danger.pay-btn {
  -webkit-box-shadow: 0 15px 15px black;
  -moz-box-shadow: 0 15px 15px black;
  -ms-box-shadow: 0 15px 15px black;
  -o-box-shadow: 0 15px 15px black;
  box-shadow: 0 15px 15px black;
  margin-top: 15px;
  color: white;
  background-color: #be0027;
  border: none;
  padding: 10px 71px;
  border-radius: 9px;
  font-size: 34px;
  font-weight: 700;
  font-family: Raleway;
  outline: 0;
  margin-bottom: 23px;
}
.pay-btn-box {
  text-align: center;
  display: block;
  width: 50%;
  float: left;
}
.booking-details-wrapper .container-fluid {
  padding: 0px 30px;
}
/*.trigger-navbar{
    float: right;
    display: none;
}*/
.trigger-navbar {
  text-align: center;
  display: none;
  float: left;
}
.trigger-navbar span {
  width: 50px;
  height: 4px;
  background-color: grey;
  display: block;
}
.trigger-navbar:after {
  content: "";
  width: 50px;
  height: 4px;
  background-color: grey;
  display: block;
  margin-top: 6px;
  margin-bottom: 20px;
}
.trigger-navbar:before {
  content: "";
  width: 50px;
  height: 4px;
  background-color: grey;
  display: block;
  margin-top: 4px;
  margin-bottom: 5px;
}
/* booking-details  page css ended here*/

/* card  page css started here*/
/*.first-wrapper-cardbox1 {
    width: 41%;
    float: left;
    margin-top: 100px;
}*/
.three-label-card {
  width: 100%;
  max-width: 60%;
  font-size: 20px;
  text-align: left;
  color: #ffffff;
  padding: 5px 28px;
  font-family: Raleway;
}
.list {
  width: 100%;
  text-align: right;
  max-width: 80%;
  position: relative;
  float: right;
  background-color: #383838;
  text-decoration: none;
  border: none;
  color: #9c9c9c;
  font-size: 19px;
  padding: 0 0;
  outline: 0;
  margin-right: -48px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  font-weight: 600;
}
.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background-image: url(../images/arrow.png);
  background-position: right;
  background-repeat: no-repeat;
}
.make-payment-btn-box {
  text-align: center;
  display: block;
  width: 50%;
}
.make-payment-btn {
  -webkit-box-shadow: 0 15px 15px black;
  -moz-box-shadow: 0 15px 15px black;
  -ms-box-shadow: 0 15px 15px black;
  -o-box-shadow: 0 15px 15px black;
  box-shadow: 0 15px 15px black;
  color: white;
  background-color: #be0027;
  border: none;
  padding: 10px 68px;
  border-radius: 10px;
  font-size: 32px;
  font-weight: 700;
  margin-top: -30px;
}
.options-card {
  background-color: #373737;
  color: #9c9c9c;
}
.cardboxdiv{
  display: flex;
  flex-wrap: wrap;
}
.card-box1 {
  line-height: 21px;
  width: 50%;
  padding: 9px 2px;
  float: left;
  margin-top: 170px;
  border-radius: 12px;
  -webkit-box-shadow: 1px 9px 26px 22px #333333;
  -moz-box-shadow: 1px 9px 26px 22px #333333;
  -ms-box-shadow: 1px 9px 26px 22px #333333;
  -o-box-shadow: 1px 9px 26px 22px #333333;
  box-shadow: 1px 9px 26px 22px #333333;
  border-radius: 17px;
  margin-bottom: 121px;
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
}
.card-box2{
  width: 50%;
  padding: 9px 2px;
  float: left;
  margin-top: 170px;
  margin-bottom: 121px;
  text-align: right;
  flex: 0 0 50%;
  max-width: 50%;
}
.cardimage {
  padding: 40px 0px 40px 100px;
}
.cardimage img{
  max-width: 100%;
}
.input-label {
  border-bottom: 1px solid #fff;
}
.input-label:last-child {
  border: none;
}
.card-fst-data {
  width: 50%;
  float: left;
  padding: 10px 48px 4px 1px;
}
.card-second-value {
  width: 50%;
  float: left;
  padding: 14px 35px 26px 19px;
  line-height: 40px;
  margin-bottom: -14px;
}
.card-second-value h2 {
  color: #9c9c9c;
  font-size: 19px;
  font-weight: 600;
  padding: 12px 236px;
}
.card-second-value input[type="text"] {
  width: 100%;
  max-width: 80%;
  text-decoration: none;
  background: none;
  border: none;
  margin-top: 3px;
  font-size: 21px;
  font-weight: 600;
  text-align: right;
  padding: 3px 0;
  margin-bottom: 0px;
}
.card-second-value input[type="number"] {
  width: 100%;
  max-width: 80%;
  text-decoration: none;
  background: none;
  border: none;
  margin-top: 0px;
  font-size: 19px;
  font-weight: 600;
  text-align: right;
  padding: 0 0;
  margin-bottom: 0px;
}
.card-list {
  display: none;
  color: #6e6e6e;
  font-size: 19px;
  font-weight: 600;
  line-height: 28px;
  cursor: pointer;
  padding: 9px 102px;
  margin-top: -4px;
  width: 100%;
  max-width: 80%;
}
.placeholder-clr-card {
  border: none;
  text-align: center;
  background: no-repeat;
  font-size: 25px;
  text-align: left;
  width: 100%;
  padding: 14px 0px;
  /* border-bottom: 2px solid #454545;*/
  max-width: 52%;
  /* margin-bottom: 29px;*/
  outline: 0;
  color: #9c9c9c;
}
.placeholder-clr-card::placeholder {
  color: #9c9c9c;
  font-weight: 600;
  font-size: 19px;
}
.placeholder-box {
  position: relative;
}
.fa.down-icon {
  font-size: 38px;
  color: grey;
  position: absolute;
  padding: 0px 29px;
  top: 11px;
  text-decoration: none;
/*  display: none;*/
}
.same-h4-card {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  padding: 12px 27px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance:textfield;
}
.three-values-card {
    width: 100%;
    max-width: 27%;
    border: transparent;
    background: none;
    font-size: 19px;
    font-weight: 600;
    font-family: Raleway;
    outline: 0;
    -webkit-appearance: none;
    text-align: right;
}
.list-icon-card::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 32px;
    text-align: right;
    float: right;
    margin-top: -18px;
    color: #9c9c9c;
    background-repeat: no-repeat;
}
.value-card {
    width: 100%;
    float: right;
    margin-top: 6px;
    max-width: 36%;
}
/* card  page css ended here*/

/* signup page css started here*/
.container-signup {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.signup-checkbx label {
  width: 25px;
  height: 25px;
  margin-top: 42px;
  margin-left: 13px;
  background-color: white;
  box-shadow: -4px -2px 7px #e9a9b6;
}
#signupcheckbx:checked + label span {
  width: 100%;
  height: 100%;
  background-image: url(../images/checkmark.png);
  background-repeat: no-repeat;
  display: block;
  background-position: center;
  cursor: pointer;
}

/* Hide the browser's default checkbox */
.container-signup input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.show-hide-para-signup {
  color: #e0a3aa;
  position: absolute;
  top: 4px;
  right: 57px;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
}
.signup-left-part {
  width: 40%;
  display: inline-block;
  float: left;
}
.signup-right-part {
  width: 60%;
  display: inline-block;
  float: right;
  padding: 0px 60px;
  background-image: url(../images/app-icon.png);
  background-repeat: no-repeat;
  background-position: 206px 124px;
}
.sign-up-heading {
  text-align: center;
}
.sign-up-heading {
  color: #be0027;
  text-align: center;
  font-size: 73px;
  font-family: Accidental Presidency;
  margin-top: 50px;
  margin-bottom: 37px;
}
.signup-labels {
  color: black;
  font-weight: 700;
  padding: 0px 26px;
  margin-top: 24px;
  margin-bottom: 0px;
}
.signup-form {
  padding: 6px 16px;
  background: none;
  text-decoration: none;
  border: none;
  border-bottom: 2px solid #de7f93;
  margin: 10px 10px;
  border-radius: 0px;
  width: 70%;
  font-family: Accidental Presidency;
  color: black;
  font-size: 20px;
  outline: 0;
}
input.signup-form.aab {
  width: 73%;
}
.show-hide-para-signup {
  color: #e0a3aa;
  position: absolute;
  top: 10px;
  right: 115px;
  font-weight: 500;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
.tnc {
  float: left;
}
.tnc h4 {
  color: #373737;
  font-size: 26px;
  font-family: Accidental Presidency;
  padding: 0px 58px;
  margin-top: -24px;
}
.tnc-stmt {
  color: #be0027;
}
.signup-btn-div {
  text-align: center;
  margin-bottom: 100px;
  float: left;
  display: block;
  width: 100%;
  margin-top: 60px;
}
.btn.btn-danger.signup-btn {
  color: #ffffff;
  background-color: #be0027;
  border: none;
  font-family: Accidental Presidency;
  font-size: 22px;
  border-radius: 22px 0 16px 22px;
  padding: 4px 71px;
}
.icon-signup {
  position: absolute;
  top: 20px;
  left: 37px;
}
.signup-left-img {
  max-width: 95%;
  margin-top: -34px;
 /* height: 117vh;*/
}
.stores-icon {
  margin-top: -141px;
  display: flex;
}
.hide {
  visibility: hidden;
}
.signup-checkbox {
  margin-top: -41px;
}
.container-signup {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-signup input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 61px;
  left: 18px;
  height: 29px;
  width: 32px;
  background-color: #ffffff;
  -webkit-box-shadow: -4px -2px 7px #e9a9b6;
  -moz-box-shadow: -4px -2px 7px #e9a9b6;
  -ms-box-shadow: -4px -2px 7px #e9a9b6;
  -o-box-shadow: -4px -2px 7px #e9a9b6;
  box-shadow: -4px -2px 7px #e9a9b6;
}
/* On mouse-over, add a grey background color */
.container-signup:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-signup input:checked ~ .checkmark {
  background-color: white;
  -webkit-box-shadow: -4px -2px 7px #e9a9b6;
  -moz-box-shadow: -4px -2px 7px #e9a9b6;
  -ms-box-shadow: -4px -2px 7px #e9a9b6;
  -o-box-shadow: -4px -2px 7px #e9a9b6;
  box-shadow: -4px -2px 7px #e9a9b6;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-signup input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-signup .checkmark:after {
  left: 9px;
  top: 1px;
  width: 11px;
  height: 22px;
  border: solid #be0027;
  border-width: 0px 3px 3px 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* border-radius: 100px 31px 17px 65px; */

.col-one {
  width: 50%;
  float: left;
}
.col-one-hide {
  visibility: hidden;
}
.for-margin {
  margin-top: -33px;
}
.img-fluid.google-store-signup {
  margin-left: -20px;
}
/* signup page css ended here*/

/* newpass page css started here*/
.newpass-left-part {
  width: 65%;
  display: inline-block;
  float: left;
}
.newpass-right-part {
  width: 35%;
  display: inline-block;
  float: right;
  padding: 0px 60px;
  background-repeat: no-repeat;
  height: 100vh;
  background-image: url(../images/app-icon.png);
  background-repeat: no-repeat;
  background-position: 56px 74px;
}
.newpass-heading {
  color: #be0027;
  text-align: center;
  font-size: 60px;
  font-family: Accidental Presidency;
  margin-top: 72px;
  margin-bottom: 37px;
}
.newpass-labels {
  color: #373737;
  font-size: 14px;
  font-weight: 700;
  padding: 0px 15px;
  margin-top: 24px;
  margin-bottom: 0px;
}
.newpass-form {
  text-decoration: none;
  border: none;
  border-bottom: 2px solid #de7f93;
  margin: 10px 10px;
  border-radius: 0px;
  width: 89%;
  padding: 6px 7px;
  font-family: Accidental Presidency;
  outline: 0;
  font-size: 18px;
}
.newpass-form::placeholder {
  color: grey;
  outline: 0;
}
.newpass-form::focus {
  outline: 0;
  box-shadow: 0;
  border: 0;
}
.show-hide-para-newpass {
  color: #e0a3aa;
  position: absolute;
  top: 21px;
  right: 30px;
  font-weight: 500;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}
.newpass-btn-box {
  padding: 0px 32px;
}
.btn.btn-danger.newpass-login-btn {
  float: right;
  font-size: 21px;
  background-color: #be0027;
  padding: 3px 75px;
  border: none;
  margin-top: 87px;
  border-radius: 18px 0px 15px 18px;
  font-family: Accidental Presidency;
}
/* newpass page css ended here*/

/* forgot-pass page css started here*/
.forgot-pass-left-part {
  width: 65%;
  display: inline-block;
  float: left;
}
.forgot-pass-right-part {
  width: 35%;
  display: inline-block;
  float: right;
  padding: 0px 60px;
  height: 100vh;
  background-image: url(../images/app-icon.png);
  background-repeat: no-repeat;
  background-position: 46px 94px;
}
.forgot-pass-heading {
  color: #be0027;
  text-align: center;
  font-size: 65px;
  font-family: Accidental Presidency;
  margin-top: 72px;
  margin-bottom: 37px;
}
.forgot-pass-labels {
  color: black;
  font-size: 14px;
  font-weight: 700;
  padding: 0px 15px;
  margin-top: 24px;
  margin-bottom: 0px;
}
.forgot-pass-form {
  background: none;
  text-decoration: none;
  border: none;
  border-bottom: 2px solid #de7f93;
  margin: 0px 10px;
  border-radius: 0px;
  width: 89%;
  padding: 6px 7px;
  font-family: Accidental Presidency;
  outline: 0;
  font-size: 20px;
}
.forgot-pass-form::placeholder {
  color: #9c9c9c;
}
.forgot-pass-btn-box {
  padding: 0px 32px;
}
.btn.btn-danger.forgot-pass-next-btn {
  float: right;
  font-size: 21px;
  background-color: #be0027;
  padding: 3px 75px;
  border: none;
  margin-top: 87px;
  border-radius: 18px 0px 15px 18px;
  font-family: Accidental Presidency;
}
.img-fluid.signup-left-img {
    height: 99vh;
    margin-top: 0px;
    overflow: auto;
}
/* forgot-pass page css ended here*/

/* otp page css started here*/
.kettle-box-small {
  display: none;
}
.form-control.otp-placeholder {
  text-decoration: none;
  border: none;
  background: none;
  color: white;
  font-size: 20px;
  outline: 0;
}
.otp-left-part {
  width: 65%;
  display: inline-block;
  float: left;
}
.otp-right-part {
  width: 35%;
  display: inline-block;
  float: right;
  background-image: url(../images/app-icon.png);
  height: 100vh;

  background-position: 62px 118px;
  background-repeat: no-repeat;
}
.otp-heading {
  color: #be0027;
  text-align: center;
  font-size: 73px;
  font-family: Accidental Presidency;
  margin-top: 72px;
  margin-bottom: 55px;
  padding-right: 140px;
}
.otp-labels {
  color: #9c9c9c;
  font-size: 14px;
  font-weight: 600;
  padding: 0px 15px;
  margin-top: 30px;
  margin-bottom: 75px;
}
.otp-placeholder {
  outline: 0;
  text-align: right;
  border: none;
  background: none;
  color: #fff;
  font-size: 26px;
  justify-content: center;
  width: 100%;
  max-width: 62%;
  background-repeat: no-repeat;
  font-family: Accidental Presidency;
  text-align: center;
  padding: 53px 0px;
  background-image: url(../images/kettle_bell.png);
}
.box-4 {
  width: 25%;
  max-width: 100%;
  display: inline-block;
}
.box-3 {
  width: 25%;
  max-width: 100%;
  display: inline-block;
}
.box-2 {
  width: 25%;
  max-width: 100%;
  display: inline-block;
}
.box-1 {
  width: 25%;
  max-width: 100%;
  display: inline-block;
}
.kettles-box {
  display: flex;
}
.btn.btn-danger.otp-verify-btn {
  float: right;
  font-size: 21px;
  background-color: #be0027;
  padding: 3px 77px;
  border: none;
  margin-top: 120px;
  border-radius: 18px 0px 15px 18px;
  font-family: Accidental Presidency;
  margin-bottom: 80px;
}
.otp-btn-box {
  padding: 0 132px;
}
.otp-last-line {
  width: 100%;
  float: left;
  color: #9c9c9c;
  font-size: 14px;
  font-weight: 600;
  margin-top: -6px;
}
.otp-form {
  display: inline-block;
  width: 22%;
  font-family: Accidental Presidency;
  border: none;
  padding: 22px 28px;
  font-size: 52px;
  line-height: 1.5;
  background-image: url(../images/kettle_bell.png);
  background-repeat: no-repeat;
}
.otp-form::placeholder {
  color: white;
  text-align: center;
  font-size: 10px;
}
.otp-wrapper {
  position: relative;
  text-align: center;
  color: white;
  display: inline;
}
.centered-text {
  position: absolute;
  top: -189%;
  left: -136%;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.otp-placeholder::placeholder {
  color: #fff;
  font-size: 30px;
}
/* otp page css ended here*/

.popup-mapview-collapse {
  display: none;
}
.for-app-icon {
  background-image: url(../images/app-icon.png);
  background-repeat: no-repeat;
}
.full-part {
  margin-top: 100px;
}
.part-1 {
  width: 50%;
  display: inline-block;
  float: left;
  background: antiquewhite;
}
.part-2 {
  width: 50%;
  display: inline-block;
  float: right;
}
.user-profile-heading-bill {
  text-align: center;
}
.user-profile-menu-box {
  width: 100%;
  display: flex;
  justify-content: center;
  max-width: 100%;
}
.billing-history-wrapper {
  display: none;
}
.right-box-for-scroll {
  display: none;
}
.billing-history-box {
  margin-top: 6px;
}
.billing-history-wrapper {
  display: block;
  padding: 43px 22px 135px 4px;
}
.right-box-for-scroll {
  display: block;
}
.custom-userprfilebx {
  width: 38%;
}
.container-tabs {
  width: 63%;
  margin-top: -699px;
  margin-left: 384px;
}
.two-btns-box {
  margin-top: -240px;
}

/* three-user-profile page css started here*/
.three-user-profile-wrapper {
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: #373737;
}
.three-user-profile-part1 {
  width: 45%;
  display: inline-block;
  display: block;
  float: left;
  margin-top: 100px;
}
.three-user-profile-part2 {
    width: 55%;
    display: inline-block;
    float: right;
    margin-top: 100px;
}
.three-user-profile-part2-collapsee{
    margin-top: 117px;
}
.three-label {
    width: 100%;
    max-width: 28%;
    font-size: 20px;
    text-align: left;
    color: #ffffff;
    padding: 4px 30px;
    font-family: Raleway;
}
/*.enable-class::placeholder{
    padding: 0px 88px;
}*/
.list-three-pages {
  width: 38%;
  position: relative;
  padding: 0px 5px;
  background-color: transparent;
  text-decoration: none;
  border: none;
  color: #878787;
  font-size: 21px;
  outline: 0;
  margin-top: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}
.three-values {
  width: 100%;
  max-width: 50%;
  border: transparent;
  background: none;
  color: grey;
  font-size: 18px;
  margin-left: -18px;
    font-weight: 600;
  font-family: Raleway;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
 /* -ms-appearance: none !important;*/
  -o-appearance: none;
}
select::-ms-expand{
    display: none;
}
.three-values:focus {
  border: 0;
}
.options {
  background-color: #373737;
  color: #9c9c9c;
}
.three-main-heading {
  text-align: center;
  padding-top: 35px;
  padding-bottom: 38px;
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-left: -169px;
  margin-top: -8px;
  justify-content: center;
  font-family: Raleway;
}
.three-left-form {
  text-align: center;
 /* margin-left: -54px;*/
}
.three-right-box {
  text-align: center;
}
.three-two-btns {
  width: 100%;
  max-width: 35%;
  margin: 0 auto;
  margin-left: 97px;
  margin-top: 0px;
}
.btn.btn-danger.three-edit-profile,
.btn.btn-danger.three-change-password,
.btn.btn-danger.three-update {
  width: 100%;
  color: white;
  background-color: #be0027;
  border: none;
  margin-bottom: 10px;
  border-radius: 9px;
  font-weight: 500;
  font-size: 19px;
  font-family: Raleway;
  outline: 0;
  border: none;
  box-shadow: 3px 15px 12px 0px black;
}
.btn.btn-danger.three-cancel {
  width: 100%;
  color: white;
  background-color: #be0027;
  border: none;
  margin-bottom: 10px;
  border-radius: 9px;
  font-weight: 500;
  font-size: 19px;
  font-family: Raleway;
  outline: 0;
  border: none;
  box-shadow: 3px 15px 12px 0px black;
}
textarea.three-values.bord.enable-class {
  white-space: nowrap;
}
.three-for-bg {
  background-image: url(../images/bg-design.png);
  background-repeat: no-repeat;
  height: 84vh;
  background-position: 3px -138px;
}
.three-user-profile-menu-box {
  width: 100%;
  display: flex;
  justify-content: center;
  max-width: 100%;
  margin-bottom: 68px;
  margin-top: 20px;
}
.three-user-profile-menu-box ul li a{
  /* padding: 28px 6px;*/
  border-radius: 0px;
}
.three-user-profile-menu-box a {
  text-decoration: none;
  color: grey;
 /* font-size: 31px;*/
 font-size: 20px;
  font-weight: 600;
  padding-right: 27px;
  border-right: 2px solid #454545;
  font-family: Raleway;
}
.three-user-profile-menu-box .nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.three-user-profile-menu-box .nav-pills > li.active > a:hover {
  background-color: transparent !important;
}
.three-user-profile-menu-box .nav > li > a:focus,
.three-user-profile-menu-box .nav > li > a:hover {
  background-color: transparent;
  color: grey;
}
.fourth-tab {
    color: white;
    font-size: 21px;
    font-family: Raleway;
    font-weight: 600;
}
.checkin-wrapper-fourth-tab {
    width: 77%;
    display: block;
    padding: 13px 47px;
    border-radius: 12px;
    -webkit-box-shadow: 6px 13px 20px 7px #2b2b2b;
    -moz-box-shadow: 6px 13px 20px 7px #2b2b2b;
    -ms-box-shadow: 6px 13px 20px 7px #2b2b2b;
    -o-box-shadow: 6px 13px 20px 7px #2b2b2b;
    box-shadow: 6px 13px 20px 7px #2b2b2b;
    max-width: 80%;
    margin: 0 auto;
    /*height: 169px;*/
    margin-bottom: 22px;
    margin-top: 33px;
}
.form-control.fourth-tab-input-box {
    background: none;
    border: none;
    box-shadow: 0 0 12px #4e4e4e;
    padding: 8px 22px;
    border-radius: 10px;
    margin-bottom: 17px;
    padding-bottom: 35px;
    font-weight: 500;
    font-size: 20px;
    color: #9c9c9c;
    font-family: Raleway;
}
.three-user-profile-menu-box ul li:last-child a {
  border-right: none;
}
.right-box-for-scroll-billing-history {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 400px;
  margin-right: 10px;
}
.right-box-for-scroll-billing-history::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.right-box-for-scroll-billing-history::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
  -moz-box-shadow: inset 0 0 5px grey;
  -ms-box-shadow: inset 0 0 5px grey;
  -o-box-shadow: inset 0 0 5px grey;
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.right-box-for-scroll-billing-history::-webkit-scrollbar-thumb {
  background: #be0027;
  border-radius: 10px;
}

/* Handle on hover */
.right-box-for-scroll-billing-history::-webkit-scrollbar-thumb:hover {
  background: #be0027;
}
.custom-navbar-three {
  /*width: 63%;*/
  float: left;
}
.custom-navbar-three li {
  display: inline-block;
  padding: 14px 12px;
  font-size: 24px;
  font-weight: 600;
  margin: 2px 0px;
}
.custom-navbar-three li:last-child {
  margin-right: -65px;
}
.custom-navbar-three li a {
  color: white;
  text-decoration: none;
}
.custom-navbar-three ul li a:focus {
  border-bottom: 2px solid #fff;
  padding: 35px 0px;
  z-index: 999999;
}
/* three-user-profile page css ended here*/

/*subscription-popup page css started*/
.popup-section {
  padding: 23px 0px 6px 17px;
  width: 100%;
  border: 1px solid black;
  margin-top: 117px;
  max-width: 80%;
  margin: 0 auto;
  margin-top: 100px;
  border-radius: 12px;
}
.popup-box-heading {
  text-align: center;
  color: #be0027;
  font-size: 38px;
  font-weight: 700;
  margin-top: -10px;
}
.search-bar-box {
  text-align: center;
}
.row-fst {
  width: 100%;
  text-align: center;
}
.gym-name {
    color: #000;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    padding-top: 5px;
}
.address-box {
    margin: 5px;
    text-align: center;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
}
.search {
  width: 100%;
  position: relative;
  display: flex;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}
.searchTerm {
  width: 85%;
  border: 2px solid #be0027;
  border-right: none;
  padding: 15px;
  height: 50px;
  border-radius: 10px 0 0 10px;
  outline: none;
  margin-top: 13px;
  margin: 13px -18px;
}
.searchTerm:focus {
  color: #00b4cc;
}
.searchButton {
  margin-top: 13px;
  width: 68px;
  height: 50px;
  border: 1px solid #be0027;
  background: #be0027;
  border-radius: 10px;
  cursor: pointer;
  background-image: url(../images/search-icon.png);
  background-repeat: no-repeat;
  background-position: 15px 9px;
}
/*Resize the wrap to see the search bar change!*/
.wrap {
  width: 100%;
}
.search-wrapper {
  display: flex;
  justify-content: center;
}
.searchTerm::placeholder {
  color: #bab3b4;
  font-size: 20px;
  font-weight: 700;
}
.fa.fa-close.close-btn {
  float: right;
  color: black;
  font-size: 28px;
  margin-top: -58px;
}
.address-box p {
    font-size: 14px;
    font-weight: 700;
}
.card-box {
    
    margin: 0 auto;
    margin: 20px 0px;
    border-radius: 5px;
    text-align: center;
    
    justify-content: center;
}
/*.image-box-card-box{
    width: 100%;
    max-width: 35%;
}*/
.cross-btn {
  text-align: right;
  margin-top: -11px;
  font-size: 20px;
  font-weight: 800;
  font-family: unset;
  margin-right: 20px;
}

.row-fst {
  
    overflow-x: hidden;
    overflow-y: scroll;
    height: 280px;
   
}

.row-fst::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.row-fst::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
  -moz-box-shadow: inset 0 0 5px grey;
  -ms-box-shadow: inset 0 0 5px grey;
  -o-box-shadow: inset 0 0 5px grey;
  box-shadow: inset 0 0 5px grey;
  border-radius: 60px;
}

/* Handle */
.row-fst::-webkit-scrollbar-thumb {
  background: #be0027;
  border-radius: 10px;
}

/* Handle on hover */
.row-fst::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}
.popup-section .container-fluid {
  padding-right: 0px;
}
/*subscription-popup page css ended*/

/*subscription-plan page css started*/
.head-pay-hist {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 12px 0;
  -webkit-box-shadow: 0px 0px 10px grey;
  -moz-box-shadow: 0px 0px 10px grey;
  -ms-box-shadow: 0px 0px 10px grey;
  -o-box-shadow: 0px 0px 10px grey;
  box-shadow: 0px 0px 10px grey;
  z-index: 99999;
  background: #383838;
  padding-bottom: 0px;
}
.icon-pay-hist {
  width: 100%;
  float: left;
  margin-top: 9px;
  padding: 0px 3px;
  max-width: 1005;
  max-width: 30%;
}
.custom-navbar-pay-hist {
  float: left;
  text-align: right;
}
.custom-navbar-pay-hist ul {
  margin-top: 0;
  margin-bottom: 9px;
}
.custom-navbar-pay-hist li {
  display: inline-block;
  padding: 12px 24px;
  font-size: 23px;
  font-weight: 600;
  margin: 3px 0px;
}
.custom-navbar li {
  display: inline-block;
  padding: 23px 21px;
  font-size: 24px;
  font-weight: 600;
  margin: 3px 0px;
}
.custom-navbar-pay-hist li:last-child {
  margin-right: -65px;
}
.custom-navbar-pay-hist li a {
  color: white;
  text-decoration: none;
}
.custom-navbar-pay-hist ul li a:hover {
  border-bottom: 2px solid white;
  padding: 33px 0px;
  z-index: 999999;
}
.image-pay-hist {
  width: 5%;
  text-align: right;
  float: left;
}
.subsciption-section {
  background-color: #383838;
  height: 100vh;
  overflow: auto;
}
.subscription-plan-page-box {
  text-align: center;
}
.box-one-subscription {
  width: 19%;
  margin-top: 180px;
  padding-top: 118px;
  display: inline-block;
  margin-bottom: 50px;
}
.btn.btn-danger.subc-btn.red-btn {
  background-color: #be0027;
}
.box-one-subscription:hover .link-venues a {
  background-color: #be0027;
}
/*.bg-shadow {
  background-color: #f8f8f8;
  float: left;
  width: 100%;
}*/
.white-section h4 {
  font-size: 15px;
}
.link-venues.red-link a {
  background-color: #be0027;
}
.ab.pass-value.red-box {
  background-color: #be0027;
}
.saver-sub {
  color: #fff;
  font-size: 24px;
  margin-top: -168px;
  font-weight: 700;
  text-align: center;
  padding-top: 46px;
}
.access-to {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  padding: 4px;
  justify-content: center;
  margin-top: 10px;
}
.zoom {
  transition: transform 0.1s;
}
.zoom:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}
.ab-pass-value:hover {
  background: #be0027;
}
.box-one-for-bg-img {
  background-repeat: no-repeat;
  background-position: -7px -13px;
  position: relative;
}
.blue{
   background-image: url(../images/blue.png);
}
.green{
   background-image: url(../images/green.png);
}
.orange{
   background-image: url(../images/orange.png);
}
.yellow{
   background-image: url(../images/yellow.png);
}
.pink{
   background-image: url(../images/_0003_red.png);
}
.box-one-for-bg-img.pink.pink-new {
    background-position: -24px -13px;
}
/*.box-one-subscription:hover .box-one-for-bg-img {
  background-image: url(../images/red2.png);
  background-repeat: no-repeat;
  background-position: -7px -13px;
  position: relative;
  z-index: 9999;
}*/
/*.box-one-subscription:hover .ab.pass-value {
  background-color: #be0027;
}*/
/*.box-one-subscription:hover .btn.btn-danger.subc-btn {
  background-color: #be0027;
}*/
.no-of-visits {
  font-size: 14px;
}
.twenty {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.ufp-partner {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.btn.btn-danger.subc-btn {
  color: #fff;
  background-color: #212121;
  border: none;
  border-radius: 97px;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: -20px;
  text-align: center;
  margin: 0 auto;
}
.link-venues a {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 12px;
  color: #fff;
  background-color: #383838;
  text-decoration: none;
  cursor: pointer;
}
.link-venues {
  margin-top: 35px;
  border-radius: 17px;
  padding: 0px 15px;
  margin: 0 auto;
  margin-top: 31px;
  padding-bottom: 43px;
  margin-bottom: -51px;
}
.next-part-sub {
  margin-top: 13px;
  text-align: center;
  background: #fff;
  color: #666666;
  overflow: auto;
  padding: 80px 13px 0px 13px;
  font-weight: 700;
  border-radius: 20px;
  padding-bottom: 60px;
  width: 100%;
  max-width: 84%;
  margin: 0 auto;
}
.button-sub-box {
  margin-top: -22px;
}
.ab {
  width: 50%;
  float: left;
}
.form-control.value-sub {
  border: none;
  background: no-repeat;
  color: #9c9c9c;
  font-size: 22px;
  border-bottom: 2px solid #9c9c9c;
  font-weight: 600;
  border-radius: 0px;
  font-family: Raleway;
  padding: 38px 34px;
}
.ab.pass-num {
  font-size: 14px;
  width: 100%;
  max-width: 79%;
  padding: -1px 4px;
  text-align: left;
}
.bank-det {
  width: 50%;
  float: left;
}
.key-paym {
  font-size: 23px;
  color: #fff;
  line-height: 32px;
}
.main-box-bank-det {
  width: 100%;
  margin: 0 auto;
  margin-top: -64px;
}
.btn.btn-danger.save-btn-paym {
  font-size: 26px;
  font-weight: 700;
  padding: 5px 45px;
  background-color: #be0027;
  border-radius: 9px;
  border: none;
  margin-top: 55px;
  box-shadow: 0 12px 6px 2px #000;
  margin-bottom: 66px;
}
.save-btn-paym-box {
  text-align: center;
}
.value-paym {
  width: 100%;
  /*max-width: 78%;*/
  max-width: 100%;
  border: none;
  border-bottom: 2px solid #9c9c9c;
  background: no-repeat;
  font-family: Raleway;
  font-size: 21px;
  outline: 0;
  color: #9c9c9c;
  margin: -18px;
  font-size: 19px;
  outline: 0;
  border-radius: 0;
  font-weight: 700;
  padding: 3px 9px;
  box-shadow: none;
}
.value-box-paym {
  padding: 3px 23px;
}
.value-paym::placeholder {
  color: #9c9c9c !important;
  outline: 0;
}
.box-one-paym {
  width: 40%;
  display: block;
  float: left;
  margin: 42px 0px 0 52px;
}
.big-wrapper {
  padding-top: 22px;
}
.ab.pass-num {
  font-size: 15px;
  text-align: left;
}
.for-partition {
  margin-top: 27px;
  line-height: 27px;
}
.ab.pass-value {
  text-align: right;
  width: 34%;
  float: right;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  background: #212121;
  margin: -30px 2px 14px 0px;
}
/*subscription-plan page css ended*/

/*payment-history page css started*/
.popup-payment {
  width: 100%;
  max-width: 11%;
  display: none;
  right: 18px;
  border-radius: 14px;
  color: white;
  background-color: #383838;
  position: absolute;
  -webkit-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -moz-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -ms-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  -o-box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  box-shadow: 0 0 9px rgba(255, 255, 255, 0.33);
  z-index: 9999;
  margin-top: 86px;
}
.profile-payment {
  margin-top: 22px;
}
.logout-payment {
  margin-bottom: -16px;
}
.profile-payment h2 {
  width: 92%;
  font-size: 17px;
  float: right;
  padding: 26px 0px 7px 16px;
  font-weight: 600;
  margin-top: -26px;
  border-bottom: 1px solid #606060;
}
.logout-payment h2 {
  width: 100%;
  font-size: 17px;
  padding: 0px 27px;
  font-weight: 600;
}
.popup-payment::after {
  content: "";
  width: 0px;
  position: relative;
  border-style: solid;
  border-width: 18px 19px 45px 0px;
  border-color: transparent #383838 transparent transparent;
  display: inline-block;
  vertical-align: super;
  border-radius: 11px;
  margin: -103px 0px 56px 76px;
  top: 0px;
  transform: rotate(87deg); /* line 211*/
}
.row-one-details {
  width: 100%;
  color: #ffffffff;
  font-size: 28px;
  font-weight: 500;
  /* font-family: Ubuntu Medium;*/
  padding: 14px 21px;
}
.row-one-details.earnings-in-dollar {
  padding: 14px 47px;
}
.row-fst-paym {
  width: 100%;
  padding: 0px 15px;
  margin: 0 auto;
  border-radius: 9px;
  max-width: 695px;
  box-shadow: 13px 7px 12px 10px #2b2b2b;
  margin-top: 21px;
  margin-bottom: 30px;
}
.four-rows-paym {
  margin-top: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-right: 21px;
  height: 425px;
  margin-bottom: 35px;
}
.four-rows-paym::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.four-rows-paym::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
  -moz-box-shadow: inset 0 0 5px grey;
  -ms-box-shadow: inset 0 0 5px grey;
  -o-box-shadow: inset 0 0 5px grey;
  box-shadow: inset 0 0 5px grey;
  border-radius: 60px;
}

/* Handle */
.four-rows-paym::-webkit-scrollbar-thumb {
  background: #be0027;
  border-radius: 10px;
}

/* Handle on hover */
.four-rows-paym::-webkit-scrollbar-thumb:hover {
  background: #be0027;
}
.select-box-paym {
  width: 100%;
  max-width: 38%;
  font-size: 22px;
  text-align: center;
  color: #ffffff;
  padding: 4px 64px;
  font-family: Raleway;
  font-weight: 500;
}
.select-box-wrapper {
  text-align: center;
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
  margin-bottom: 45px;
  border-radius: 11px;
  box-shadow: 0px 0px 6px 0px #aba4a3;
}
.list-paym-hist-page {
  padding: 10px;
  width: 20%;
  position: relative;
  background-color: transparent;
  text-decoration: none;
  border: none;
  color: #878787;
  font-size: 21px;
  outline: 0;
  margin-top: 0px;
  /*-webkit-appearance: none;*/
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;

}
.pay-hist-wrapper {
  max-width: 676px;
  margin: 0 auto;
  width: 100%;
  margin-top: 30px;
}
.cus-details-paym {
  color: #979797;
  font-size: 20px;
  font-weight: 600;
}
.pay-hist-section {
  background: #383838;
  height: 100vh;
  overflow: auto;
}
.pay-hist-menu-box {
  width: 100%;
  display: flex;
  justify-content: center;
  max-width: 100%;
  margin-top: 98px;
  padding: 39px;
}
.pay-hist-menu-box a {
  text-decoration: none;
  color: #9c9c9c;
  font-size: 31px;
  font-weight: 600;
  padding: 7px 27px;
  border-right: 3px solid #454545;
}
.pay-hist-menu-box .nav-pills .nav-link.active,
.pay-hist-menu-box .nav-pills .show > .nav-link {
  color: #fff;
  background-color: transparent;
}
.pay-hist-menu-box .nav-pills .nav-link.active,
.pay-hist-menu-box .nav-pills .show > .nav-link {
  color: #fff;
  background-color: transparent;
}
/*.pay-hist-menu-box .nav-pills>li.active>a, .pay-hist-menu-box .nav-pills>li.active>a:focus, .pay-hist-menu-box .nav-pills>li.active>a:hover {
    background-color: transparent !important;
    text-decoration: none;
}*/
.pay-hist-menu-box .nav > li > a:focus,
.pay-hist-menu-box .nav > li > a:hover {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}
.pay-hist-menu-box ul li:last-child a {
  border-right: none;
}
.earnings-heading h5 {
  font-size: 28px;
  color: #9c9c9c;
  /* font-family: Ubuntu Medium;*/
}
.earnings-heading {
  text-align: center;
}
.row-one-sub {
  display: inline-block;
  text-align: center;
  display: flex;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
}
.less-than-pay-hist {
  position: absolute;
  left: 24px;
  top: 12px;
}
.slider-link {
  color: #383838;
}
.greater-than-pay-hist {
  position: absolute;
  right: 23px;
  top: 13px;
}
.month-box {
  width: 100%;
  position: relative;
  text-align: center;
  padding: 8px 0px;
  background-color: #aba4a3;
  margin-top: -18px;
  margin-bottom: 23px;
}
.month-name {
  width: 100%;
  border: 1px solid #aba4a3;
  display: inline-block;
  padding: 5px 1px;
  border-radius: 8px;
  background: #373737;
  max-width: 94%;
}
.month-name:active {
  background-color: #fff;
}
.month-name:active .earnings-dollar {
  color: #000;
}
.month-name:active h4 {
  color: #000;
}
.month-name h4 {
  color: #9c9c9c;
  margin-bottom: 0px;
  text-align: center;
  font-size: 25px;
}
.earnings-dollar {
  color: #9c9c9c;
  font-size: 14px;
  margin-bottom: 0px;
  text-align: center;
  font-weight: 600;
}
#slider2 .owl-carousel {
  width: 90%;
  z-index: 1;
  margin: 0px 46px;
}
#slider2 .owl-stage-outer {
  border: 2px solid #aba4a3;
  padding: 6px 0px;
  background: #aba4a3;
  width: 100%;
  max-width: 92%;
  margin: 0px 53px;
}
#slider2 .owl-dots {
  display: none;
}
#slider2 .no-js.owl-carousel,
#slider2 .owl-carousel.owl-loaded {
  display: block;
  background: antiquewhite;
  padding: 0px 9px;
}
div#slider2 {
  border: 2px solid #aba4a3;
  background: #aba4a3;
  margin-top: -23px;
  margin-bottom: 22px;
}
#slider2::before {
  content: "\f104";
  font-family: FontAwesome;
  font-size: 33px;
  padding: 17px 11px;
  float: left;
  outline: 0;
  box-shadow: none;
}
#slider2::after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 33px;
  padding: 27px 16px;
  float: right;
  margin-top: -89px;
  outline: 0;
  box-shadow: none;
}
.owl-prev {
  width: 15px;
  height: 100px;
  position: absolute;
  top: -12%;
  margin-left: 8px;
  display: block !important;
  border: 0px solid transparent;
  font-size: 30px;
  display: none;
}
.owl-next {
  width: 15px;
  height: 100px;
  position: absolute;
  top: -10%;
  font-size: 105px;
  right: 12px;
  color: red;
  display: block !important;
  border: 0px solid transparent;
}
/*payment-history page css ended*/

#slider1 .owl-dots.disabled,
#slider1 .owl-nav.disabled {
  display: block;
}
#slider1 .owl-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #9c9c9c;
  display: inline-block;
  margin: 0 5px;
}
#slider1 .owl-dot.active {
  width: 28px;
  background-color: #be0027;
  border-radius: 5px;
  outline: 0;
}
#slider1 .owl-dots {
  text-align: center;
}
.section-map-coll-gymdet {
  /*background-image: url(../images/map-image.png);
  padding: 1px 12px;
  background-repeat: no-repeat;
  background-position: -28px 43px;
  height: 100vh;
  overflow: auto;*/
}
.googlemap{
  width: auto;
}
.sidenav {
  height: auto;
  width: 0;
  z-index: 1;
  margin-top: -177px;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  margin-left: -12px;
}

/*.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}*/
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  font-size: 29px;
  margin-left: 372px;
  margin-top: 121px;
  background-color: #373737;
  font-family: Ralway;
  height: 51px;
  padding: 2px 9px 0px 35px;
  border: 2px solid #9c9c9c;
}
.closebtn.cross2 {
  left: 471px;
  border-left: none;
  margin-top: 93px;
  padding: 0 12px;
  width: 39px;
  color: #9c9c9c;
}
.closebtn.cross {
  display: none;
  color: #9c9c9c;
}

/*Subscription-plan-details css started here
*/

.sub-plan-details-box1 {
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
  margin-top: 110px;
}
.purchase-plan-btn-box {
  text-align: center;
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.key-value-div-sub-plan {
  width: 51%;
  float: left;
  margin-top: -10px;
}
.value-sub-plan {
  width: 100%;
  float: right;
  margin-top: 35px;
  max-width: 36%;
}
.border-class {
  box-shadow: 0 0 4px #9c9c9c;
  border-radius: 8px;
}
.payable-value-sub-plan {
  width: 100%;
  max-width: 100%;
  font-size: 19px;
  color: #9c9c9c;
  font-weight: 600;
  display: block;
  text-align: center;
  outline: 0;
  font-family: Raleway;
  border: none;
  background: none;
  padding: 6px 6px;
  margin-top: -13px;
  float: right;
}
.same-h4-sub-plan {
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  font-family: Raleway;
  margin-top: 20px;
  line-height: 53px;
}
.btn.btn-danger.purchase-plan-btn {
  -webkit-box-shadow: 0 15px 15px black;
  -moz-box-shadow: 0 15px 15px black;
  -ms-box-shadow: 0 15px 15px black;
  -o-box-shadow: 0 15px 15px black;
  box-shadow: 0 15px 15px black;
  margin-top: 29px;
  color: white;
  background-color: #be0027;
  border: none;
  padding: 12px 68px;
  border-radius: 10px;
  font-size: 32px;
  font-weight: 700;
  font-family: Raleway;
  outline: 0;
}
/*.list-sub-plan:nth-child{
    background-color: red;
    color: blue;
}*/
.cards-sub-plan {
  background-color: #383838;
  color: #9c9c9c;
}

.msg-box-sub-plan {
  padding: 22px 9px 18px 32px;
  outline: 0;
  overflow: hidden;
  border-radius: 12px;
  text-decoration: none;
  background-color: #3c3c3c;
  border: none;
  width: 100%;
  color: #979797;
  max-width: 100%;
  font-size: 16px;
  font-weight: 600;
  -webkit-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -moz-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -ms-box-shadow: 8px 4px 11px 4px #2b2b2b;
  -o-box-shadow: 8px 4px 11px 4px #2b2b2b;
  box-shadow: 8px 4px 11px 4px #2b2b2b;
}
.msg-box-sub-plan {
  margin-top: 10px;
  width: 100%;
  color: #9c9c9c;
  font-size: 16px;
  max-width: 100%;
  font-weight: 600;
}
.list-sub-plan {
    cursor: pointer;
  width: 100%;
  position: relative;
  background-color: transparent;
  text-decoration: none;
  border: none;
  color: #9c9c9c;
  font-size: 19px;
  padding: 0 0;
  outline: 0;
  font-family: Raleway;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  font-weight: 600;
}
.payable-value-sub-plan::placeholder {
  color: #9c9c9c;
}
.list-icon-sub-plan::after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 32px;
  text-align: right;
  float: right;
  margin-top: -36px;
  color: #9c9c9c;
  background-repeat: no-repeat;
}
.list-icon-card::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 32px;
    text-align: right;
    float: right;
    margin-top: -18px;
    color: #9c9c9c;
    background-repeat: no-repeat;
}
.value-card {
    width: 100%;
    float: right;
    margin-top: 6px;
    max-width: 36%;
}
/*Subscription-plan-details css ended here*/

/*checkins page css started here*/

.billing-history-wrapper-checkins {
padding: 0 85px 0 0;
width: 100%;
display: block;
border-radius: 10px;
box-shadow: -1px 9px 27px 18px #2b2b2b;
/*-moz-box-shadow: -4px 7px 21px #2b2b2b;
-ms-box-shadow: -4px 7px 21px #2b2b2b;
-o-box-shadow: -4px 7px 21px #2b2b2b;*/
max-width: 87%;
margin: 0 auto;
line-height: 27px;
height: 187px;
margin-bottom: 22px;
background-image: url(../images/box-bg.png);
background-repeat: no-repeat;
background-position: 104% -35px;
margin-top: 35px;
}
.amt-subscription-billing-checkins {
color: #fff;
font-weight: 600;
padding: 14px 68px;
font-family: Raleway;
font-size: 28px;
margin-top: 38px;
display: inline-block;
}
.common{
flex:0 0 25%;
max-width: 25%;
}
.purchased-payment-billing-checkins {
color: #ffffff;
font-weight: 600;
font-size: 19px;
padding: 0px 0px 0px 19px;
font-family: Raleway;
}
.purchased-payment-date-billing-checkins {
color: #9c9c9c;
font-weight: 600;
font-family: Raleway;
font-size: 20px;
float: right;
padding: 0 0 0 45px;
}
.purchased-box-billing-checkins {
width: 58%;
padding: 16px 0px;
border-radius: 11px;
max-width: 35%;
-webkit-box-shadow: 0px 0px 12px #4e4e4e;
-moz-box-shadow: 0px 0px 12px #4e4e4e;
-ms-box-shadow: 0px 0px 12px #4e4e4e;
-o-box-shadow: 0px 0px 12px #4e4e4e;
box-shadow: 0px 0px 12px #4e4e4e;
float: right;
background-color: #383838;
margin-top: 19px;
}
.pay-hist-section-checkins {
background: #383838;
height: 100vh;
overflow: auto;
}
.btn.btn-danger.add-gym-btn-checkins {
margin-top: -43px;
font-size: 22px;
padding: 17px 46px;
color: #fff;
font-weight: 600;
background-color: #be0027;
border: none;
border-radius: 9px;
box-shadow: 1px 14px 12px 3px #000;
margin-left: 101px;
}
.add-gym-box {
margin-top: -9px;
margin-right: 54px;
}
.estimated-stmt-checkins {
font-size: 17px;
font-weight: 600;
margin-bottom: 0px;
}
.estimated-payment-para {


border: 3px solid #aba4a3;


margin: 0 auto;
padding: 7px 9px;
border-radius: 9px;
background-color: #aba4a3;
color: #fff;
/*margin-left: 38px;*/
font-weight: 600;
margin-top: -55px;
}
.four-buttons-checkins {
padding: 8px 50px;
display: flex;
}
.estimated-value-checkins {
color: #be0027;
font-family: Raleway;
font-weight: 600;
font-size: 17px;
}
.checkins-div{
margin-top: 187px;
}
.billing-history-box-checkins-scroll {
overflow-x: hidden;
overflow-y: scroll;
/*height: 628px;
margin-top: 66px;*/
}
.billing-history-box-checkins-scroll::-webkit-scrollbar {
width: 10px;
}

/* Track */
.billing-history-box-checkins-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px grey;
-moz-box-shadow: inset 0 0 5px grey;
-ms-box-shadow: inset 0 0 5px grey;
-o-box-shadow: inset 0 0 5px grey;
box-shadow: inset 0 0 5px grey;
border-radius: 60px;
}

/* Handle */
.billing-history-box-checkins-scroll::-webkit-scrollbar-thumb {
background: #be0027;
border-radius: 10px;
}

/* Handle on hover */
.billing-history-box-checkins-scroll::-webkit-scrollbar-thumb:hover {
background: #be0027;
}
/*.value-sub-plan {
width: 100%;
float: left;
margin-top: -56px;
max-width: 14%;
}*/
.value-sub-plan-checkins {
width: 100%;
float: left;
margin-top: -56px;
max-width: 25%;
margin-left: 34px;
}
.list-sub-plan-checkins-select-gym {
cursor: pointer;
width: 100%;
max-width: 100%;
position: relative;
background-color: transparent;
text-decoration: none;
border: none;
color: #aba4a3;
font-size: 20px;
padding: 17px 9px;
border: 3px solid #aba4a3;
outline: 0;
font-family: Raleway;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
font-weight: 600;
border-radius: 9px;
}
.list-sub-plan-checkins-weekly {
cursor: pointer;
width: 100%;
max-width: 90%;
position: relative;
background-color: transparent;
text-decoration: none;
border: none;
color: #aba4a3;
font-size: 20px;
padding: 17px 29px;
border: 3px solid #aba4a3;
outline: 0;
font-family: Raleway;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
font-weight: 600;
border-radius: 9px;
}
.list-sub-plan-checkins-select-gym:hover {
color: #fff;
}
.list-sub-plan-checkins-weekly:hover {
color: #fff;
}
.list-icon-sub-plan-checkins-select-gym::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 39px;
    text-align: right;
    float: right;
    margin-top: -65px;
    padding: 0px 12px;
    color: #9c9c9c;
    background-repeat: no-repeat;
}
.list-icon-sub-plan-checkins-weekly::after {
/*content: "\f107";
font-family: FontAwesome;
font-size: 39px;
text-align: right;
float: right;
margin-top: -89px;
padding: 24px 64px;
font-weight: 400;
color: #9c9c9c;
background-repeat: no-repeat;*/
    content: "\f107";
    font-family: FontAwesome;
    font-size: 39px;
    float: right;
    padding: 0 52px;
    font-weight: 400;
    margin-top: -86px;
    color: #9c9c9c;
    background-repeat: no-repeat;
}
.btn.btn-danger.fixed-btn-checkins {
    font-size: 22px;
    padding: 17px 44px;
    color: #fff;
    font-weight: 600;
    background-color: #be0027;
    border: none;
    border-radius: 6px;
    box-shadow: 1px 14px 12px 3px #000;
    font-family: Raleway;
    margin: 0 auto;
    display: flex;
    margin-bottom: 40px;
    text-decoration: none;
}
/*checkins page css ended here*/

/*modal css started here*/
.close.modal-close-btn-custom{
    color: #000;
    opacity: unset;
    font-size: 34px;
}
.login-act-heading{
    color: #be0027;
    font-family: Raleway;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 22px;
    text-align: center;
    margin-top: -1px;
}
#submit_form{
    color: #ffff;
    background-color: #be0027;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 500;
    border-radius: 7px;
    padding: 6px 26px;
    border: none;
    margin-bottom: 28px;
}
.submit-btn-login-box{
  text-align: center;
}
.modal-header.header-of-modal-custom{
  border-bottom: none;
  background-color: #7b7979;
  padding: 22px;
  padding-top: 2px;
}
.modal-body.body-of-modal-custom{
  padding: 0px;
  background-color: #7b7979;
}
.close.modal-close-btn-custom {
    margin-top: -17px;
}
.content-of-modal-custom{
  width: 702px;
  text-align: center;
  margin: 210px 0 0 -116px;
  }
 .modal-custom-input-fields {
    max-width: 70%;
    font-weight: 600;
    font-size: 15px;
    margin: 0 auto;
}
/*modal css ended here*/

/*for pagination active css ended here*/
.pagination.bootpag li a {
  color: #fff;
}
.pagination.bootpag li a:hover{
  color: #be0027;
  font-weight: 700;
}
.pagination.bootpag li.active a {
background: #be0027;
color: #fff;
border:1px solid #be0027;
}
/*modal css ended here*/

.for-margin-membership {
    margin-top: 12px;
    right: 24px;
}
.for-padding-contact{
  padding-top: 34px;
  margin-top: 12px;
}
.for-padding-contact {
    padding-top: 18px;
}

/*home-changepass  popup css started here*/
.popup-paymentaa-second.home-ch-pas {
    padding: 21px 0px 8px 5px;
    margin-top: 10px;
}
/*home-changepass  popup css started here*/

.query-class::placeholder{
  color: #9c9c9c;
}
.error {
    color: red;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 700;
    padding-left: 14px;
}
.checkin-wrapper-cardd {
    width: 82%;
    display: block;
    padding: 5px 10px;
    border-radius: 12px;
    max-width: 80%;
    margin: 0 auto;
    /* height: 169px; */
    margin-bottom: 22px;
    margin-top: 33px;
}
.form-control.fourth-tab-input-box-cardd {
    background: none;
    border: none;
    box-shadow: 0 0 12px #4e4e4e;
    border-radius: 10px;
    margin-bottom: 17px;
    font-weight: 500;
    font-size: 20px;
    color: #9c9c9c;
    font-family: Raleway;
    width: 70%;
}
.form-control.fourth-tab-input-box-cardd-bor-none{
  box-shadow: none;
   background: none;
    border: none;
    font-weight: 500; 
    font-size: 20px;
    color: #9c9c9c;
    font-family: Raleway;
    padding: 7px 0;
    width: 57px;
}
.form-control.fourth-tab-input-box-cardd::placeholder{
  color: #9c9c9c;
}
.new-cardd {
    color: white;
    font-size: 21px;
    font-family: Raleway;
    font-weight: 600;
    margin-bottom: 22px;
}
/*span.form-control.fourth-tab-input-box-cardd-slash {
    width: 10px;
    border: none;
    box-shadow: none;
    margin-top: -58px;
    margin-left: 27px;
}*/
.expiration-box {
    box-shadow: 0 0 12px #4e4e4e;
    border-radius: 10px;
    margin: 0 auto;
    margin-right: 75px;
}
.slash-card {
    color: #9c9c9c;
    font-size: 24px;
    margin-top: 10px;
}
/*collpase page css started here*/
.p-collapse-page {
    color: #fff;
    font-size: 20px;
    font-family: Raleway;
    font-weight: 700;
    margin-top: 22px;
}
.collapse-page-img{
  width: 44%;
}
.box-collapsee {
    border-radius: 21px;
    width: 100%;
    padding: 3px 19px;
    box-shadow: 0px 0px 7px 2px #525252;
    margin:0 auto;
}
#demo-collapsee-page {
    color: #9c9c9c;
    font-size: 20px;
    font-family: Raleway;
    font-weight: 600;
    margin-top: 9px;
    padding: 22px 25px;
}
.para-collaps-page {
    width: 100%;

    color: #fff;
    font-size: 17px;
}
/*collpase page css ended here*/

    .amt-subscription-billing-checkins {
    font-size: 22px;
  }
  .collapsible-checkin {
  cursor: pointer;
  outline: none;
}


.content-checkin {
    display: none;
    width: 87%;
    margin: 0 auto;
    justify-content: center;
  
    font-size: 18px;
    font-weight: 700;
    font-family: Raleway;
   
    margin-bottom: 20px;
   
}
.abc-collapse {
    padding: 10px 58px;
    margin-bottom: 13px;
    background-color: #9c9c9c;
    border-radius: 10px;
    box-shadow: -1px 9px 27px 18px #2b2b2b;
}
.checkin-para{
  color: #e0e0e0;
}
input#credit-card {
    background: none;
    border: none;
     color: #9c9c9c;
    font-size: 20px;
    font-weight: 500;
    font-family: Raleway;
    outline: 0;
    box-shadow: 0 0 12px #4e4e4e;
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 16px;

    
}
.field::placeholder{
  color: #9c9c9c;
    font-size: 20px;
    font-family: Raleway;
    font-weight: 500;
    outline: 0;
}
.three-user-profile-part-twoo {
    width: 45%;
    display: inline-block;
    float: left;
   /* margin-top: 108px;*/
}
.showgym_data {
    color: #9c9c9c;
    padding: 1px 43px;
    font-size: 16px;
    float: right;
}
.for-stucture{
  width: 50%;
  float: left;
}
input#searchdata {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    font-family: Raleway;
}
img.img-fluid.image-sub-popuup {
    width: 100%;
    max-width: 50%;
}
.img-fluid.img-fluid-gym{
      max-width: 50%;
    height: 64px;
}
  /*.blank-photo:hover{
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    transition:  transform .5s;
    z-index: 9999;
    width: 100%;
    
} */
.blank-photo{
width:175px;
height:170px;
background:#48e;
-webkit-transition: 0.5s;
transition: 0.5s;
text-align: center;
margin: 0 auto;
}
.modal-dialog.modal-dialog-of-find-gym {
    max-width: 1px;
}

/*.blank-photo:hover{
background:#59f;
-webkit-transform: scale(2.1);
transform: scale(2.1);

}*/
  /*.blank-photo {
    width: 80%;
  
    margin: 0 auto;
}*/
  /*.four-stmt-image {
  width: 100%;
  max-width: 26%;
  
  }*/
  .four-stmt-image {
    width: 28%;
}
.box-one.class_orange {
background-color: #ea4e1d;
}
.box-one.class_red {
background-color: #c32839;
}
.box-one.class_yellow {
background-color: #f0982a;
}
.box-one.class_green {
background-color: #52a751;
}
.box-one.class_blue {
background-color: #2b72bb;
}
img.img-fluid.check_image {
    height: 102px;
}

.modal-content.home-change-modal-content {
    margin-top: 155px;
    margin-left: -45px;
    width: 642px;
}
.modal-content.modal-content-of-find-gym {
    margin-top: 100px;
}
span.close.myModalpopupimage-cross {
    margin-top: 75px;
    /* text-align: right; */
    margin-right: 24px;
    z-index: 99999999999;
    color: #000;
}
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal1 {
  display: block; 
  position: absolute; /* Stay in place */
  transform: translate(-50%);
  z-index: 1; /* Sit on top */
  padding-top: 20px; /* Location of the box */
  padding-bottom: 20px;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
 /* height: 50%;  Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  margin-top: 150px;
}

/* Modal Content (image) */
.modal-content1 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}
.modal-content1{  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/*span.close11{
  position: absolute;
  top: -5px;
    right: 16px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
}

.close11:hover,
.close11:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}*/
.schedule.avl-dayz-new-class{
  padding: 0 0 0 0;
  width: 100%
  max-width: 92%;
}
.key-paym-heading {
            font-size: 23px;
            color: #fff;
            font-weight: 700;
            line-height: 32px;
            float: left;
        }
        .key-paym {
            font-size: 18px;
            color: #fff;
            }
            .buttonImage {
            float: right;
            position: absolute;
            right: 10px;
            top: 0;
            background: #9c9c9c;
            padding: 3px 9px;
            color: white;
            font-weight: bold;
            border-radius: 0px 8px 8px 0px;
            height: 30px;
        }
         #fakeInput,
        #fakeInput2,
        #fakeInput3,
        #fakeInput4 {
            color: #9c9c9c;
            background: #383838;
            font-weight: 700;
            border: none;
            padding: 2px 10px;
            border-bottom: 2px solid #9c9c9c;
            margin-left: -17px;
        }
        textarea.value-paym.clss_for_mrgn_bttm {
            margin-bottom: -10px;
        }
        
  img.img-fluid.facilities-image-class {
    width: 100%;
    max-width: 55%;
    margin-left: 22px;
}
.last-image-class{
    height:66px;
}
span.infinit_logo {
    font-size: 26px;
}
.btn.btn-primary.current_location_btn{
	border: none;
	background: none;
	color: #9c9c9c;
	font-size: 19px;
	font-weight: 700;
}

.fa.fa-trash.trash_custom_cls{
	color: #9c9c9c;
}
.bank-det.value-box-paym.new_cls_for_boxes {
    text-align: right;
    float: right;
}
img.img-fluid.class_img_gym {
    width: 105px;
    height: 62px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: red;
    border: none;
}
.div_for_imgg {
    float: right;
    margin-right: -244px;
}
li.nav-item.edit_gym_heading {
    margin-bottom: 30px;
    margin-top: -28px;
}
span.buttonImage.buttonImage_second {
    top: -5px;
    padding: 7px 9px;
}
.btn.btn-primary.current_location_btn {
    border: none;
    background: #9c9c9c;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-left: -7px;
    margin-top: 18px;
    margin-left: -16px;
    padding:3px 6px;
}
.btn.btn-primary.current_location_btn:active {
	color: #fff;
	background-color: #9c9c9c;
}
img.img-fluid.img_near_trash {
    width: 105px;
    height: 62px;
}

.row_one {
    display: flex;
        margin: 10px 0;
}
p.text_prd {
    width: 50%;
    color:#fff;
}
.form_button {
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
}

button.btn.btn-primary.custom_btn_filter {
    background-color: #ba2527;
    border: none;
    width: 20%;
}