@font-face {
  font-family: 'roboto-bold';
  src: url("../font/roboto-bold-webfont.eot");
  src: url("../font/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/roboto-bold-webfont.woff") format("woff"), url("../font/roboto-bold-webfont.ttf") format("truetype"), url("../font/roboto-bold-webfont.svg#roboto-bold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'roboto-light';
  src: url("../font/roboto-light-webfont.eot");
  src: url("../font/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/roboto-light-webfont.woff") format("woff"), url("../font/roboto-light-webfont.ttf") format("truetype"), url("../font/roboto-light-webfont.svg#roboto-light-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'roboto-regular';
  src: url("../font/roboto-regular-webfont.eot");
  src: url("../font/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/roboto-regular-webfont.woff") format("woff"), url("../font/roboto-regular-webfont.ttf") format("truetype"), url("../font/roboto-regular-webfont.svg#gobold_regular-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'sourcesanspro-light';
  src: url("../font/sourcesanspro-light-webfont.eot");
  src: url("../font/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/sourcesanspro-light-webfont.woff") format("woff"), url("../font/sourcesanspro-light-webfont.ttf") format("truetype"), url("../font/sourcesanspro-light-webfont.svg#sourcesanspro-light-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
/*@mixin clearFix() {
    &:after{
        content: "";
        display: table;
        clear: both;
    }
}
.clearAfter{    
    @include clearFix();
}*/
.padTop20 {
  padding-top: 20px !important; }

.padTop30 {
  padding-top: 30px !important; }

.padLeft0 {
  padding-left: 0 !important; }

.pullLeft {
  float: left; }

.textCenter {
  text-align: center; }

.dispNone {
  display: none; }

/*DEFAULT STYLES*/
html, body {
  height: 100%; }

body {
  margin: 0;
  background-color: #f5f5f5; }

.stFoot {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -230px; }

.push {
  height: 230px; }

.maincont {
  position: relative;
  padding-top: 167px; }
  .maincont > .container {
    padding: 60px 0; }

.mCSB_inside > .mCSB_container {
  margin-right: 20px; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(14, 14, 14, 0.4); }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.clearfix {
  width: 100% !important;
  height: 0 !important;
  clear: both !important;
  float: none !important;
  display: block !important; }

.container {
  width: 1170px;
  margin: 0 auto; }

.logo {
  display: block; }
  .logo img {
    border: 0;
    width: 150px; }

.hoverOpacity, .blueBtn:hover, .profPic:hover .delImgBtn:hover, header .headerTop .headerTopCont .userBox a:hover, header .headerBtm .headerBtmMenu ul li a:hover, footer ul li a:hover, footer .fbInst a:hover, .loginDiv input[type="submit"]:hover, .signUpDiv input[type="submit"]:hover, .signUpDiv > div:not(.regStep) .addClubLink span:hover, .signUpDiv .insStep1 .fbReg a:hover, .regMembershipSt > div .membType .selectPrType a:hover, .titleDiv a:hover, .editProfDiv > div:last-child .blueBtn:hover, .editProfDiv .horizontalFld .uploadedFiles li span:last-child:hover, .profViewBody .profView aside .resumeDiv a:hover, .profViewBody .profView aside .certificDiv a:hover, .addClass a:hover, .addClass button:hover, .addClassPopup form .popupAction:hover, .messagesBox .messagesBoxRight .msgReplyBox input[type="submit"]:hover, .srchBox .srchLeftBox > form input[type="submit"]:hover, .srchBox .srchRightBox > div .srchNameView a:hover, .deleteConfPopup div .mfp-close:hover {
  opacity: 0.8; }

.ulStyle, header .headerTop .headerTopCont > ul, header .headerTop .headerTopCont > ul li .notifList ul, header .headerBtm .headerBtmMenu ul, footer ul, .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul, .whyChooseUsBox .whyChsDiv > div ul, .subscribersBox ul, .regMembershipSt > div .membType .pricingList ul, .editProfDiv .horizontalFld .uploadedFiles, .myAvailabilty .scrollBar ul, .profViewBody .profView aside .resumeDiv ul, .profViewBody .profView aside .certificDiv ul, .profViewBody .profView .profViewRight .clubsList ul, .messagesBox .messagesBoxLeft ul, .messagesBox .messagesBoxRight .msgCont ul, .homeClubsBox ul, .allNotific ul, .reportingPage .reportingData ul, .availableClasses ul, .collaborateDiv ul, .moveSchPopup ul {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.boxSizing, .blueBtn, input[type="text"], input[type="password"], input[type="email"], input[type="numeric"], select, textarea, .menuPopup, header .headerTop .headerTopCont > ul li .notifList ul li .oneNot, header .headerTop .headerTopCont > ul li .notifList ul li .oneNot > div, header .headerTop .headerTopCont .userBox, header .headerTop .headerTopCont .userBox a > span, header .headerTop .headerTopCont .userBox > div img, header .headerBtm .hdBtmMenuMob ul, .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li, .whyChooseUsBox .whyChsDiv > div ul, .whyChooseUsBox .whyChsDiv > div ul li, .subscribersBox ul li .subscriberImgBox div span, .subscribersBox ul li .subscriberTextBox, .coachesClubsCntBox .coachCntBox, .coachesClubsCntBox .clubsCntBox, .loginDiv, .signUpLinks > div:not(:last-child), .signUpDiv .regText, .signUpDiv > div:not(.regStep) p, .signUpDiv > div:not(.regStep) form, .signUpDiv .insStep1 .fbReg a, .signUpDiv .paymentStep p, .signUpDiv .membershipTypesCont, .regMembershipSt > div .membType, .regMembershipSt > div .membType .membHead, .regMembershipSt > div .membType .membPricing, .regMembershipSt > div .membType .pricingList, .regMembershipSt > div .membType .pricingList ul li, .selectSt, .editProfDiv > div:not(.titleDiv), .myAvailabilty, .profViewBody .profView aside .defaultImgDiv, .profViewBody .profView aside .resumeDiv, .profViewBody .profView aside .certificDiv, .profViewBody .profView aside .resumeDiv ul li a, .profViewBody .profView aside .certificDiv ul li a, .profViewBody .profView aside .resumeDiv > a:last-child:not(.blueBtn), .profViewBody .profView aside .certificDiv > a:last-child:not(.blueBtn), .profViewBody .profView .profViewRight .myScheduleDiv > div .instClasses .scrollBar ul li > span, .profViewBody .profView .userNameAddress .userTypeAddress > div:first-child p, .datepickerSt .ui-datepicker, .addClass .singleClass, .addClass .singleClass .clubInfo, .addClassPopup .pickupPopup > div:first-child, .messagesBox .messagesBoxLeft, .messagesBox .messagesBoxRight, .messagesBox .messagesBoxLeft .senderName, .messagesBox .messagesBoxRight .senderName, .messagesBox .messagesBoxLeft ul li > div > div, .messagesBox .messagesBoxRight .groupChatCont > span:first-child, .messagesBox .messagesBoxRight .msgCont, .messagesBox .messagesBoxRight .msgReplyBox, .messagesBox .messagesBoxRight .seenMsgs, .messagesBox .messagesBoxRight .msgCont ul li > div, .srchBox .srchLeftBox, .srchBox .srchLeftBox .srchLeftHead, .srchBox .srchLeftBox > form, .srchBox .srchRightBox > div, .srchBox .srchRightBox > div .srchNameView, .homeClubsBox ul li, .homeClubsBox ul li > div, .homeClubsBox ul li > div p, .instList .instClubTab div a, .allNotific ul li, .allNotific ul li .singleNotDiv, .fullCalendar .scheduleInfo, .ui-dialog .eventPopup .stInfo, .reportingPage .reportingSrch, .reportingPage .reportingData ul p, .availableClasses ul li, .availableClasses ul li .classInfo, .addClassPopup .addSchDesc, .deleteConfPopup div .mfp-close, .collaborateDiv .textAddForm, .collaborateDiv ul li, .collaborateDiv ul li .posterInfo > div, .moveSchPopup ul li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box; }

.linkHoverStyle, header .headerTop .headerTopCont > ul li .notifList .seeAllNot a, .signUpDiv .regText > div a, .messagesBox .messagesBoxRight .msgCont .seeMoreMsg, .messagesBox .messagesBoxRight .msgCont ul li > div > p:first-child a, .allNotific ul li .singleNotDiv .notCont a, .staticPage .subLists li a, .collaborateDiv ul li .posterInfo > div a {
  text-decoration: none; }
  .linkHoverStyle:hover, header .headerTop .headerTopCont > ul li .notifList .seeAllNot a:hover, .signUpDiv .regText > div a:hover, .messagesBox .messagesBoxRight .msgCont .seeMoreMsg:hover, .messagesBox .messagesBoxRight .msgCont ul li > div > p:first-child a:hover, .allNotific ul li .singleNotDiv .notCont a:hover, .staticPage .subLists li a:hover, .collaborateDiv ul li .posterInfo > div a:hover {
    text-decoration: underline; }

.ellipsisText, header .headerTop .headerTopCont > ul li .notifList ul li .oneNot > div > div p, header .headerTop .headerTopCont .userBox a > span span, .coachesClubsCntBox .coachCntBox div span, .coachesClubsCntBox .clubsCntBox div span, .messagesBox .messagesBoxLeft ul li > div > div > p, .messagesBox .messagesBoxRight .seenMsgs span, .availableClasses ul li .classInfo p, .availableClasses ul li .classInfo div {
  overflow: hidden;
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mainPad {
  padding-top: 101px !important; }

.blueBtn {
  background-color: #1550c7;
  border: 0;
  color: #ffffff;
  font-family: "roboto-light";
  font-size: 18px;
  padding: 8px 20px;
  outline-style: none;
  cursor: pointer;
  text-decoration: none; }

.grayBtn {
  background-color: #D3D3D3;
  cursor: default; }

input[type="text"], input[type="password"], input[type="email"], input[type="numeric"], select, textarea {
  border: 1px solid #dbdbdb;
  font-family: "roboto-regular";
  color: #353432; }

input[type="file"], input[type="text"], input[type="password"], input[type="email"], select, textarea, input[type="numeric"] {
  outline-style: none; }

input[type="text"], input[type="password"], input[type="email"], select, input[type="numeric"] {
  height: 38px;
  padding: 0 10px; }

input[type="file"] {
  font-family: "roboto-light";
  color: #5e5e5e; }

textarea {
  resize: none;
  padding: 5px 10px; }

.errorSt, span.errorSpan, div.error-message, label.error {
  font-style: italic;
  font-family: "roboto-light";
  font-size: 13px;
  color: #ff0000; }

span.errorSpan, div.error-message, label.error {
  display: block; }

.whiteBg {
  background-color: #ffffff; }

.mtop0 {
  margin-top: 0 !important; }

.mtop5 {
  margin-top: 5px !important; }

.mBtm0 {
  margin-bottom: 0 !important; }

.itText {
  font-style: italic; }

.profPic {
  overflow: hidden;
  width: 170px;
  max-height: 170px;
  position: relative;
  margin-top: 15px; }
  .profPic img {
    display: block;
    width: 100%;
    height: auto; }
  .profPic .delImgBtn {
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.35) url("../img/delete.png") no-repeat center;
    background-size: 16px auto;
    width: 16px;
    height: 16px;
    padding: 9px;
    display: none; }
  .profPic:hover {
    cursor: pointer; }
    .profPic:hover .delImgBtn {
      display: block; }

input[type="text"]:disabled {
  background-color: #f5f5f5; }

.fileUpload {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding: 7px 0;
  text-align: center; }
  .fileUpload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%; }
  .fileUpload span {
    font-size: 14px; }

.noData {
  font-family: "roboto-light";
  font-style: italic;
  margin: 0; }

.padTop10 {
  padding-top: 10px !important; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /*    text-indent: 0.01px;
      text-overflow: '';*/
  outline-style: none; }

select::-ms-expand {
  display: none; }

/*end*/
/*HEADER*/
.menuPopup {
  overflow: visible;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 10px;
  background-color: #ffffff;
  margin-top: 15px;
  width: 100px;
  box-shadow: 1px 2px 5px #B5B4B4;
  -webkit-box-shadow: 1px 2px 5px #B5B4B4;
  -moz-box-shadow: 1px 2px 5px #B5B4B4;
  border: 1px solid #dbdbdb;
  z-index: 9; }
  .menuPopup:before, .menuPopup:after {
    bottom: 100%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .menuPopup:before {
    border-color: rgba(219, 219, 219, 0);
    border-bottom-color: #dbdbdb;
    border-width: 12px;
    margin-left: -18px; }
  .menuPopup:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    margin-left: -17px; }
  .menuPopup li {
    overflow: hidden;
    width: 100%;
    text-align: right;
    margin: 0; }
    .menuPopup li:not(:first-child) {
      margin-top: 5px; }

/*notifications*/
.notImg {
  display: block;
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  position: absolute;
  top: 10px;
  left: 10px; }

.unreadNot, .unreadNot:hover {
  background: rgba(192, 203, 227, 0.41); }

.notDate {
  margin-top: 3px;
  display: block;
  width: 100%;
  color: #BBBBBB;
  background: url("../img/date.png") no-repeat 0 2px;
  padding-left: 18px;
  font-size: 13px; }

/**/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9; }
  header .headerTop {
    background-color: #1550c7; }
    header .headerTop .headerTopCont {
      float: right; }
      header .headerTop .headerTopCont > ul {
        overflow: visible;
        float: left;
        margin: 30px 70px 0 0; }
        header .headerTop .headerTopCont > ul li {
          position: relative;
          float: left; }
          header .headerTop .headerTopCont > ul li:not(:first-child) {
            margin-left: 30px; }
          header .headerTop .headerTopCont > ul li a {
            display: block; }
            header .headerTop .headerTopCont > ul li a img {
              display: block;
              height: 18px;
              width: auto; }
            header .headerTop .headerTopCont > ul li a:hover {
              cursor: pointer; }
          header .headerTop .headerTopCont > ul li:first-child a {
            margin-top: 1px; }
            header .headerTop .headerTopCont > ul li:first-child a img {
              height: 15px; }
          header .headerTop .headerTopCont > ul li .msgNotCnt {
            display: table;
            width: 18px;
            height: 18px;
            background-color: #CF9F08;
            border-radius: 100%;
            position: absolute;
            top: -13px;
            right: -15px;
            border: 2px solid #ffffff; }
            header .headerTop .headerTopCont > ul li .msgNotCnt span {
              display: table-cell;
              vertical-align: middle;
              font-family: "roboto-bold";
              color: #ffffff;
              text-align: center;
              font-size: 11px; }
          header .headerTop .headerTopCont > ul li .notifList {
            position: absolute;
            top: 100%;
            right: -25px;
            width: 420px;
            padding: 0;
            font-family: "roboto-light";
            font-size: 14px; }
            header .headerTop .headerTopCont > ul li .notifList:before {
              margin-left: 17px; }
            header .headerTop .headerTopCont > ul li .notifList:after {
              margin-left: 18px; }
            header .headerTop .headerTopCont > ul li .notifList h3 {
              margin: 0;
              padding: 10px;
              font-family: "roboto-bold";
              font-size: 14px;
              font-weight: normal;
              border-bottom: 1px solid #dbdbdb; }
            header .headerTop .headerTopCont > ul li .notifList ul {
              max-height: 350px; }
              header .headerTop .headerTopCont > ul li .notifList ul li {
                text-align: left;
                margin-left: 0; }
                header .headerTop .headerTopCont > ul li .notifList ul li:not(:first-child) {
                  border-top: 1px solid #dbdbdb;
                  margin-top: 0; }
                header .headerTop .headerTopCont > ul li .notifList ul li .oneNot {
                  padding: 10px;
                  overflow: hidden;
                  position: relative;
                  display: block;
                  min-height: 40px;
                  color: #5e5e5e;
                  text-decoration: none; }
                  header .headerTop .headerTopCont > ul li .notifList ul li .oneNot:hover {
                    background: #F7F6F6; }
                  header .headerTop .headerTopCont > ul li .notifList ul li .oneNot > div {
                    overflow: hidden;
                    padding-left: 50px; }
                    header .headerTop .headerTopCont > ul li .notifList ul li .oneNot > div > div p {
                      margin: 0; }
                      header .headerTop .headerTopCont > ul li .notifList ul li .oneNot > div > div p span {
                        color: #353432; }
                      header .headerTop .headerTopCont > ul li .notifList ul li .oneNot > div > div p .boldName {
                        font-family: "roboto-regular"; }
            header .headerTop .headerTopCont > ul li .notifList .seeAllNot {
              overflow: hidden;
              border-top: 1px solid #dbdbdb;
              background: #F7F6F6;
              padding: 10px 20px;
              text-align: center;
              font-family: "roboto-bold"; }
              header .headerTop .headerTopCont > ul li .notifList .seeAllNot a {
                color: #1550c7; }
      header .headerTop .headerTopCont .userBox {
        position: relative;
        float: left;
        max-width: 140px;
        background-color: #ffffff;
        padding: 5px; }
        header .headerTop .headerTopCont .userBox * {
          color: #40403F;
          font-family: "sourcesanspro-light"; }
        header .headerTop .headerTopCont .userBox > a {
          min-height: 35px; }
        header .headerTop .headerTopCont .userBox a {
          text-decoration: none;
          display: block; }
          header .headerTop .headerTopCont .userBox a img {
            display: block;
            width: 35px;
            height: 35px;
            position: absolute;
            top: 5px;
            right: 5px; }
          header .headerTop .headerTopCont .userBox a > span {
            display: block;
            padding-right: 40px;
            text-align: right; }
            header .headerTop .headerTopCont .userBox a > span span {
              font-size: 14px; }
        header .headerTop .headerTopCont .userBox > div {
          position: relative;
          display: block;
          margin-top: 7px; }
          header .headerTop .headerTopCont .userBox > div img {
            display: inline-block;
            float: right;
            margin-right: 6px;
            padding: 5px; }
            header .headerTop .headerTopCont .userBox > div img:hover {
              cursor: pointer; }
  header .headerBtm {
    background-color: #ffffff;
    padding: 9px 0;
    border-bottom: 2px solid #e6e6e6; }
    header .headerBtm .logo {
      float: left;
      margin-top: 5px;
      border: 0; }
    header .headerBtm .headerBtmMenu {
      float: right; }
      header .headerBtm .headerBtmMenu .mobileMenuIcon {
        display: none; }
      header .headerBtm .headerBtmMenu ul {
        overflow: visible; }
        header .headerBtm .headerBtmMenu ul li {
          display: inline-block;
          margin-left: 35px; }
          header .headerBtm .headerBtmMenu ul li:first-child {
            margin-left: 0; }
          header .headerBtm .headerBtmMenu ul li a {
            font-family: "sourcesanspro-light";
            font-size: 16px;
            color: #40403F;
            text-decoration: none;
            display: inline-block; }
            header .headerBtm .headerBtmMenu ul li a:hover {
              cursor: pointer; }
          header .headerBtm .headerBtmMenu ul li .inactiveInst {
            color: #B9B6B6 !important; }
            header .headerBtm .headerBtmMenu ul li .inactiveInst:hover {
              opacity: 1 !important;
              cursor: default; }
        header .headerBtm .headerBtmMenu ul .signUpLink {
          position: relative; }
          header .headerBtm .headerBtmMenu ul .signUpLink > a {
            border: 1px solid #dddddd;
            padding: 9px 21px;
            cursor: pointer; }
          header .headerBtm .headerBtmMenu ul .signUpLink .menuPopup {
            padding: 10px;
            width: 160px;
            margin-top: 12px; }
            header .headerBtm .headerBtmMenu ul .signUpLink .menuPopup li {
              margin-left: 0; }
    header .headerBtm .hdBtmMenuMob {
      position: relative; }
      header .headerBtm .hdBtmMenuMob .mobileMenuIcon {
        display: block;
        background: url("../img/mobile_menu.png") no-repeat;
        width: 30px;
        height: 24px; }
      header .headerBtm .hdBtmMenuMob ul {
        width: 170px;
        margin-top: 6px;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #ffffff;
        box-shadow: 1px 2px 5px rgba(181, 180, 180, 0.61);
        -webkit-box-shadow: 1px 2px 5px rgba(181, 180, 180, 0.61);
        -moz-box-shadow: 1px 2px 5px rgba(181, 180, 180, 0.61);
        padding: 10px 15px; }
        header .headerBtm .hdBtmMenuMob ul li {
          display: block;
          width: 100%;
          margin-left: 0;
          text-align: right; }
          header .headerBtm .hdBtmMenuMob ul li:not(:first-child) {
            margin-top: 7px; }

/*end header*/
/*FOOTER*/
footer {
  background-color: #353432;
  padding: 60px 0;
  text-align: center; }
  footer * {
    font-family: "roboto-light";
    font-size: 16px;
    color: #ffffff; }
  footer .copyright {
    margin-top: 15px;
    font-size: 13px; }
  footer ul {
    overflow: hidden; }
    footer ul li {
      display: inline-block;
      margin-left: 40px; }
      footer ul li:first-child {
        margin-left: 0; }
      footer ul li a {
        text-decoration: none; }
  footer .fbInst {
    overflow: hidden;
    margin-top: 20px;
    text-align: center; }
    footer .fbInst > span {
      display: inline-block;
      vertical-align: 10px; }
    footer .fbInst a {
      margin-left: 5px; }
      footer .fbInst a img {
        display: inline-block;
        width: 30px;
        height: auto; }

/*end footer*/
/*HOME PAGE*/
.titleStyleh1, .howWorksBox h1, .membershipIncludeBox h1, .whyChooseUsBox h1, .subscribersBox h1 {
  font-family: "roboto-light";
  font-weight: normal;
  color: #1550c7;
  margin: 0 0 65px 0;
  text-transform: uppercase; }

/*home banner*/
.homeBanner {
  overflow: hidden;
  background: url("../img/home/home_banner.jpg") no-repeat;
  background-size: cover;
  background-position: 0% 0%;
  width: 100%;
  min-height: 540px;
  position: relative; }
  .homeBanner p {
    width: 65%;
    margin: 250px auto 0;
    text-align: right;
    color: #ffffff;
    text-shadow: 0 1px 5px #444343;
    -moz-text-shadow: 0 1px 5px #444343;
    font-family: "roboto-regular";
    font-size: 34px;
    text-transform: uppercase;
    text-align: center; }

/*end home banner*/
/*how works*/
.howWorksBox {
  overflow: hidden;
  padding: 50px 0 60px 0;
  font-family: "roboto-light"; }
  .howWorksBox h1 {
    font-size: 52px;
    text-align: center;
    margin-bottom: 0; }
  .howWorksBox p {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    margin: 10px 0 0 0; }

/*end how works*/
/*membership include*/
.membershipIncludeBox {
  overflow: hidden;
  background: url("../img/home/home_banner1.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 900px;
  padding: 78px 0 55px 0; }
  .membershipIncludeBox h1 {
    font-size: 52px;
    line-height: 56px;
    text-align: center; }
  .membershipIncludeBox .memOptHome {
    overflow: hidden;
    width: 85%;
    margin: 0 auto; }
    .membershipIncludeBox .memOptHome .membershipIncludeOneBox {
      overflow: hidden;
      float: left;
      width: 46%; }
      .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeLeftBox, .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox {
        overflow: hidden;
        float: left;
        width: 100%; }
      .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeLeftBox {
        margin-bottom: 20px; }
        .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeLeftBox span {
          display: block;
          font-family: "roboto-light";
          font-size: 29px;
          text-align: center; }
        .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeLeftBox img {
          display: block;
          margin: 10px auto 0; }
      .membershipIncludeBox .memOptHome .membershipIncludeOneBox:first-child .membershipIncludeLeftBox span {
        color: #1550c7; }
      .membershipIncludeBox .memOptHome .membershipIncludeOneBox:last-child {
        margin-left: 8%; }
        .membershipIncludeBox .memOptHome .membershipIncludeOneBox:last-child .membershipIncludeLeftBox span {
          color: #ffc100; }
      .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects {
        overflow: hidden; }
        .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects > div {
          width: 49.5%;
          float: left;
          border: 0; }
          .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects > div:first-child {
            margin-right: 1%; }
          .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects > div input {
            width: 100%;
            border: 0;
            height: 37px; }
        .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects .selectSt {
          background-image: url("../img/select_white.png"); }
          .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects .selectSt option {
            background-color: rgba(35, 35, 36, 0.4); }
        .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects .selectSt, .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects input {
          background-color: rgba(35, 35, 36, 0.4);
          color: #ffffff; }
          .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects .selectSt *, .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects input * {
            color: #ffffff; }
        .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membSelects .selectSt100 {
          width: 100%;
          margin-right: 0;
          background-image: none; }
      .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt {
        overflow: hidden;
        margin-top: 10px;
        background: rgba(35, 35, 36, 0.4); }
        .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul {
          font-family: "roboto-light";
          font-size: 13px;
          min-height: 520px; }
          .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li {
            overflow: hidden; }
            .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li:not(:first-child) {
              margin-top: 10px;
              padding: 0 10px; }
            .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li:first-child {
              border-bottom: 3px solid rgba(35, 35, 36, 0.19);
              padding: 10px; }
              .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li:first-child div {
                color: #ffffff;
                font-family: "roboto-bold";
                font-size: 16px; }
            .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li:last-child {
              margin-bottom: 10px; }
            .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li > * {
              float: left; }
            .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li p {
              width: 70%;
              margin: 0 10% 0 0;
              min-height: 17px;
              color: #ffffff;
              font-size: 14px;
              font-family: "roboto-regular"; }
            .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li div {
              width: 20%;
              text-align: center; }
              .membershipIncludeBox .memOptHome .membershipIncludeOneBox .membershipIncludeRightBox .membOpt > ul li div img {
                display: inline-block;
                height: 9px;
                width: auto; }

/*end membership include*/
/*why choose us*/
.whyChooseUsBox {
  overflow: hidden;
  color: #ffffff;
  padding-bottom: 80px;
  font-family: "roboto-light";
  background-color: #3a3938; }
  .whyChooseUsBox h1, .whyChooseUsBox span {
    text-align: center; }
  .whyChooseUsBox span {
    display: block;
    color: #ffc100;
    margin-bottom: 50px; }
  .whyChooseUsBox .chsTxt {
    color: #ffc100;
    margin-bottom: 50px;
    display: block; }
  .whyChooseUsBox h1 {
    font-size: 42px;
    color: #ffc100;
    margin-bottom: 0;
    margin-top: 90px; }
  .whyChooseUsBox .whyChsDiv {
    overflow: hidden;
    width: 90%;
    margin: 0 auto; }
    .whyChooseUsBox .whyChsDiv > div {
      overflow: hidden;
      float: left;
      width: 48%; }
      .whyChooseUsBox .whyChsDiv > div:first-child span {
        color: #1550c7; }
      .whyChooseUsBox .whyChsDiv > div:last-child {
        margin-left: 4%; }
      .whyChooseUsBox .whyChsDiv > div > div {
        text-align: center;
        margin-top: 10px; }
        .whyChooseUsBox .whyChsDiv > div > div span {
          font-size: 29px;
          margin-bottom: 20px; }
      .whyChooseUsBox .whyChsDiv > div ul {
        background-color: #363535;
        padding: 15px;
        font-size: 13px;
        min-height: 346px; }
        .whyChooseUsBox .whyChsDiv > div ul li {
          overflow: hidden;
          margin-bottom: 10px;
          position: relative;
          background: url(../img/check_white.png) no-repeat 0 5px;
          background-size: 15px auto;
          padding-left: 25px; }

/*end why choose us*/
/*subscribers say*/
.subscribersBox {
  overflow: hidden;
  background-color: #1f9bd4;
  padding: 40px 0 50px 0; }
  .subscribersBox h1 {
    font-size: 52px;
    line-height: 56px;
    color: #ffffff;
    /*margin-top: 85px;*/
    margin-bottom: 25px;
    word-wrap: break-word; }
  .subscribersBox p {
    color: #ffffff;
    font-family: "roboto-regular";
    font-size: 18px;
    margin: 0; }
  .subscribersBox ul {
    margin-bottom: 50px; }
    .subscribersBox ul li {
      overflow: hidden;
      position: relative;
      width: 47%;
      float: left;
      min-height: 140px; }
      .subscribersBox ul li:last-child {
        margin-left: 5%; }
      .subscribersBox ul li .subscriberImgBox, .subscribersBox ul li .subscriberTextBox {
        overflow: hidden;
        float: left; }
      .subscribersBox ul li .subscriberImgBox {
        position: absolute;
        top: 0;
        left: 0; }
        .subscribersBox ul li .subscriberImgBox div {
          position: relative;
          width: 140px;
          height: 140px;
          border-radius: 100%; }
          .subscribersBox ul li .subscriberImgBox div img, .subscribersBox ul li .subscriberImgBox div span {
            display: block;
            width: 100%;
            height: 100%; }
          .subscribersBox ul li .subscriberImgBox div span {
            position: absolute;
            top: 0;
            left: 0;
            border: 7px solid rgba(255, 255, 255, 0.27);
            border-radius: 100%; }
      .subscribersBox ul li .subscriberTextBox {
        width: 100%;
        padding-left: 190px; }
        .subscribersBox ul li .subscriberTextBox p {
          color: #ffffff; }
        .subscribersBox ul li .subscriberTextBox p:first-child {
          font-family: "roboto-regular";
          font-size: 24px;
          margin: 5px 0 15px 0; }
        .subscribersBox ul li .subscriberTextBox p:last-child {
          font-family: "roboto-light";
          margin: 0 0 8px 0; }
      .subscribersBox ul li .subscriberDivider {
        overflow: hidden;
        height: 100%;
        border-left: 1px solid rgba(255, 255, 255, 0.45);
        position: absolute;
        top: 0;
        left: 160px; }

/*end subscribers say*/
/*coaches/clubs count box*/
.coachesClubsCntBox {
  overflow: hidden;
  background-color: #3a3938;
  padding: 63px 0;
  text-align: center; }
  .coachesClubsCntBox .coachCntBox, .coachesClubsCntBox .clubsCntBox {
    overflow: hidden;
    width: 360px;
    display: inline-block;
    padding: 18px;
    background-color: #363535; }
    .coachesClubsCntBox .coachCntBox span, .coachesClubsCntBox .coachCntBox p, .coachesClubsCntBox .clubsCntBox span, .coachesClubsCntBox .clubsCntBox p {
      color: #ffffff; }
    .coachesClubsCntBox .coachCntBox div, .coachesClubsCntBox .coachCntBox p, .coachesClubsCntBox .clubsCntBox div, .coachesClubsCntBox .clubsCntBox p {
      float: left; }
    .coachesClubsCntBox .coachCntBox div, .coachesClubsCntBox .clubsCntBox div {
      overflow: hidden;
      width: 115px;
      height: 115px;
      border: 4px solid #5e5d5d;
      border-radius: 100%; }
      .coachesClubsCntBox .coachCntBox div span, .coachesClubsCntBox .clubsCntBox div span {
        font-family: "roboto-regular";
        font-size: 48px;
        line-height: 48px;
        padding-top: 33px; }
    .coachesClubsCntBox .coachCntBox p, .coachesClubsCntBox .clubsCntBox p {
      font-family: "roboto-light";
      font-size: 26px;
      text-align: left;
      margin-left: 20px;
      padding-top: 20px; }
  .coachesClubsCntBox .coachCntBox {
    border-bottom: 5px solid #866d20; }
  .coachesClubsCntBox .clubsCntBox {
    border-bottom: 5px solid #2c5d73;
    margin-left: 35px; }

/*end coaches/clubs count box*/
/*End home page*/
/*Login page*/
.loginTitle, .loginDiv h1, .signUpDiv h1, .regMembershipSt h1, .titleDiv h1, .magPopup h1, .mfp-content .message h1, .allNotific h1, .addScheduleBox .titleDiv h1, .staticPage h1, .reportingPage .titleDiv > div:first-child h1, .availableClasses h1, .collaborateDiv h1 {
  margin: 0;
  color: #5e5e5e;
  margin-bottom: 30px;
  font-family: "roboto-regular";
  font-size: 26px;
  font-weight: normal;
  text-align: center; }

form label {
  font-size: 15px;
  font-family: "roboto-light";
  color: #5e5e5e; }

.loginDiv {
  overflow: hidden;
  font-family: "roboto-light";
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  border-top: 12px solid #ffc100;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  width: 50%;
  margin: 30px auto;
  padding: 20px 40px 30px 40px; }
  .loginDiv input:not([type="submit"]) {
    width: 100%; }
  .loginDiv form > div {
    margin-bottom: 15px; }
  .loginDiv a {
    color: #1550c7; }
    .loginDiv a:hover {
      text-decoration: none; }
  .loginDiv .notMemberDiv {
    overflow: hidden;
    border-top: 1px solid #dbdbdb;
    padding-top: 10px;
    margin-top: 35px;
    text-align: center;
    font-size: 14px; }
  .loginDiv .forgotPswDiv {
    overflow: hidden;
    text-align: right;
    margin-top: -13px;
    margin-bottom: 20px;
    font-size: 14px; }
  .loginDiv input[type="submit"] {
    width: 100%; }

/*End login page*/
/*Users/signup page*/
.signUpLinks {
  overflow: hidden;
  margin: 50px 0; }
  .signUpLinks > div:not(:last-child) {
    background-color: #fff;
    padding: 30px;
    width: 49%; }
  .signUpLinks > div a {
    text-align: center;
    text-decoration: none;
    border-width: 2px;
    border-style: solid;
    display: block;
    padding: 10px 0;
    width: 250px;
    font-family: 'roboto-light';
    font-size: 18px;
    background-color: #ffffff;
    color: #5e5e5e;
    margin: 0 auto; }
    .signUpLinks > div a span {
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 30px auto;
      padding-left: 37px; }
  .signUpLinks .regInLink {
    float: left; }
    .signUpLinks .regInLink a {
      border-color: #1550c7;
      color: #1550c7; }
      .signUpLinks .regInLink a span {
        background-image: url("../img/home/trainer_icon.png"); }
      .signUpLinks .regInLink a:hover {
        background-color: #1550c7; }
        .signUpLinks .regInLink a:hover span {
          background-image: url("../img/trainer_icon_white.png");
          color: #ffffff; }
    .signUpLinks .regInLink a.unactiveRegBtn {
      opacity: 0.45; }
      .signUpLinks .regInLink a.unactiveRegBtn:hover {
        cursor: default;
        background: none; }
        .signUpLinks .regInLink a.unactiveRegBtn:hover span {
          background-image: url("../img/home/trainer_icon.png");
          color: #1550c7; }
  .signUpLinks .regClubLink {
    float: right; }
    .signUpLinks .regClubLink a {
      border-color: #ffc100;
      color: #ffc100; }
      .signUpLinks .regClubLink a span {
        background-image: url("../img/home/club_icon.png"); }
      .signUpLinks .regClubLink a:hover {
        background-color: #ffc100; }
        .signUpLinks .regClubLink a:hover span {
          background-image: url("../img/club_icon_white.png");
          color: #ffffff; }
  .signUpLinks p {
    font-family: "roboto-light";
    font-size: 14px;
    line-height: 21px;
    color: #5e5e5e;
    text-align: justify; }

/*end sign up*/
/*Sign up as instructor/club*/
.regStep {
  overflow: hidden;
  text-align: center;
  margin-bottom: 30px; }
  .regStep a {
    margin-left: 5px; }
    .regStep a:hover {
      text-decoration: none; }
  .regStep > * {
    display: inline-block;
    color: #1550c7;
    font-size: 14px;
    font-family: "roboto-regular"; }

.signUpDiv {
  overflow: hidden;
  font-family: "roboto-light";
  color: #5e5e5e;
  width: 55%;
  margin: 0 auto; }
  .signUpDiv h1 {
    margin-bottom: 5px; }
  .signUpDiv .regText {
    overflow: hidden;
    padding: 0 30px;
    margin: -21px 0 30px 0; }
    .signUpDiv .regText > div {
      overflow: hidden;
      float: right;
      font-family: "roboto-light";
      font-size: 13px;
      text-align: justify; }
      .signUpDiv .regText > div a {
        color: #1550c7; }
      .signUpDiv .regText > div .mailLink {
        text-decoration: underline; }
        .signUpDiv .regText > div .mailLink:hover {
          text-decoration: none; }
  .signUpDiv > div:not(.regStep) {
    background-color: #ffffff;
    border: 1px solid #dbdbdb; }
    .signUpDiv > div:not(.regStep) .regOneFld {
      margin-bottom: 20px; }
    .signUpDiv > div:not(.regStep) .regTags {
      overflow: hidden; }
      .signUpDiv > div:not(.regStep) .regTags > div {
        overflow: hidden;
        margin-top: 5px; }
        .signUpDiv > div:not(.regStep) .regTags > div > div {
          overflow: hidden;
          width: 30%;
          float: left; }
          .signUpDiv > div:not(.regStep) .regTags > div > div:not(:first-child) {
            margin-left: 5%; }
          .signUpDiv > div:not(.regStep) .regTags > div > div label {
            margin-top: 5px; }
            .signUpDiv > div:not(.regStep) .regTags > div > div label input {
              margin: 0 5px 0 0;
              vertical-align: -2px; }
    .signUpDiv > div:not(.regStep) .fields {
      border-bottom: 1px dotted #ccc;
      margin-bottom: 15px;
      padding-bottom: 5px; }
      .signUpDiv > div:not(.regStep) .fields .delete_club {
        margin: -17px 0 10px; }
        .signUpDiv > div:not(.regStep) .fields .delete_club span {
          background: url("../img/remove_icon.png") no-repeat left center;
          background-size: 10px auto; }
    .signUpDiv > div:not(.regStep) .addClubLink {
      overflow: hidden;
      text-align: right;
      font-size: 13px;
      margin-top: -10px; }
      .signUpDiv > div:not(.regStep) .addClubLink span {
        background: url("../img/plus.png") no-repeat left center;
        background-size: 9px auto;
        padding-left: 15px;
        color: #1550c7; }
        .signUpDiv > div:not(.regStep) .addClubLink span:hover {
          cursor: pointer; }
    .signUpDiv > div:not(.regStep) form {
      padding: 30px; }
  .signUpDiv .insStep1 .fbReg {
    overflow: hidden;
    margin-bottom: 20px; }
    .signUpDiv .insStep1 .fbReg a {
      display: block;
      float: right;
      width: 100%;
      background: #1550c7 url("/img/btn_fb.png") no-repeat 12px 10px;
      padding-left: 35px;
      color: #fff;
      text-decoration: none;
      padding: 8px 12px;
      text-align: center;
      text-transform: uppercase;
      font-family: "roboto-regular";
      font-size: 16px; }
  .signUpDiv .insStep1 .orDiv {
    position: relative;
    margin: 30px 0; }
    .signUpDiv .insStep1 .orDiv > div:first-child {
      border-top: 1px solid #E0DDDD;
      width: 100%; }
    .signUpDiv .insStep1 .orDiv span {
      position: absolute;
      top: -10px;
      left: 47%;
      width: 40px;
      text-align: center;
      background-color: #ffffff; }
  .signUpDiv .paymentStep p {
    margin: 0;
    padding: 15px 30px;
    text-align: right;
    font-family: "roboto-bold";
    border-bottom: 1px solid #dbdbdb; }
  .signUpDiv .insStep1 label > div, .signUpDiv .insStep1 .regOneFld > div, .signUpDiv .insStep4 label > div, .signUpDiv .insStep4 .regOneFld > div {
    display: block;
    width: 100%; }
  .signUpDiv .insStep1 label, .signUpDiv .insStep4 label {
    font-size: 14px; }
  .signUpDiv .insStep1 label.error, .signUpDiv .insStep4 label.error {
    font-size: 13px; }
  .signUpDiv .insStep1 .regOneFld > div input:not([type="file"]), .signUpDiv .insStep1 .regOneFld > div select, .signUpDiv .insStep1 .regOneFld > div textarea, .signUpDiv .insStep4 .regOneFld > div input:not([type="file"]), .signUpDiv .insStep4 .regOneFld > div select, .signUpDiv .insStep4 .regOneFld > div textarea {
    width: 100%; }
  .signUpDiv .insStep1 .regOneFld .applyCode, .signUpDiv .insStep4 .regOneFld .applyCode {
    position: relative; }
    .signUpDiv .insStep1 .regOneFld .applyCode .blueBtn, .signUpDiv .insStep4 .regOneFld .applyCode .blueBtn {
      position: absolute;
      top: 0;
      right: 0;
      padding: 9.5px 20px;
      font-size: 14px; }
  .signUpDiv .insStep1 .regOneFld .promoCode, .signUpDiv .insStep4 .regOneFld .promoCode {
    display: inline-block;
    margin-top: 5px;
    font-family: "roboto-regular";
    font-size: 15px;
    font-style: italic;
    background-color: rgba(192, 192, 190, 0.17);
    padding: 5px 10px; }
  .signUpDiv .insStep1 .regOneFld.uploadImgFld .uploadImgBox .fileUpload, .signUpDiv .insStep4 .regOneFld.uploadImgFld .uploadImgBox .fileUpload {
    width: 20%;
    float: left;
    overflow: visible; }
    .signUpDiv .insStep1 .regOneFld.uploadImgFld .uploadImgBox .fileUpload .error, .signUpDiv .insStep4 .regOneFld.uploadImgFld .uploadImgBox .fileUpload .error {
      position: absolute;
      top: 25px;
      left: 0; }
  .signUpDiv .insStep1 .regOneFld.uploadImgFld input[type="text"], .signUpDiv .insStep4 .regOneFld.uploadImgFld input[type="text"] {
    width: 79%;
    float: right; }
  .signUpDiv .insStep1 form > div:last-child, .signUpDiv .insStep4 form > div:last-child {
    overflow: hidden;
    text-align: right;
    margin-top: 20px; }
  .signUpDiv .insStep1 textarea, .signUpDiv .insStep4 textarea {
    display: block;
    height: 100px; }
  .signUpDiv .insStep1 .twoFlds, .signUpDiv .insStep4 .twoFlds {
    overflow: hidden; }
    .signUpDiv .insStep1 .twoFlds .regOneFld, .signUpDiv .insStep1 .twoFlds .stateZip, .signUpDiv .insStep4 .twoFlds .regOneFld, .signUpDiv .insStep4 .twoFlds .stateZip {
      float: left;
      width: 49%; }
    .signUpDiv .insStep1 .twoFlds .regOneFld:last-child, .signUpDiv .insStep1 .twoFlds .stateZip, .signUpDiv .insStep4 .twoFlds .regOneFld:last-child, .signUpDiv .insStep4 .twoFlds .stateZip {
      margin-left: 2%; }
    .signUpDiv .insStep1 .twoFlds .stateZip .regOneFld, .signUpDiv .insStep4 .twoFlds .stateZip .regOneFld {
      width: 48%; }
      .signUpDiv .insStep1 .twoFlds .stateZip .regOneFld:last-child, .signUpDiv .insStep4 .twoFlds .stateZip .regOneFld:last-child {
        margin-left: 4%; }
  .signUpDiv .insStep2 .membershipTypes {
    margin-bottom: 20px; }
    .signUpDiv .insStep2 .membershipTypes span {
      display: block;
      font-family: "roboto-regular";
      color: #5e5e5e;
      margin-bottom: 10px; }
    .signUpDiv .insStep2 .membershipTypes div input[type="radio"] {
      margin: 3px 5px 0px 0px;
      vertical-align: 2px; }
    .signUpDiv .insStep2 .membershipTypes div label {
      margin-right: 20px;
      vertical-align: 2px; }
  .signUpDiv .membershipTypesCont {
    overflow: hidden;
    margin-top: 10px;
    padding: 30px; }
    .signUpDiv .membershipTypesCont > div {
      overflow: hidden; }
      .signUpDiv .membershipTypesCont > div:not(:last-child) {
        margin-bottom: 20px;
        border-bottom: 1px dashed #dbdbdb;
        padding-bottom: 20px; }
      .signUpDiv .membershipTypesCont > div > span {
        display: block;
        color: #1550c7;
        font-family: "roboto-regular";
        font-size: 15px;
        text-align: center; }
      .signUpDiv .membershipTypesCont > div ul {
        margin: 5px auto 0;
        padding-left: 30px;
        font-size: 14px;
        width: 65%; }
      .signUpDiv .membershipTypesCont > div .membershipPrices {
        overflow: hidden;
        text-align: center; }
        .signUpDiv .membershipTypesCont > div .membershipPrices p {
          margin: 0 15px 0 0;
          font-family: "roboto-regular";
          font-style: italic;
          font-size: 14px;
          display: inline-block; }

.regMembershipSt {
  overflow: hidden; }
  .regMembershipSt h1 {
    margin-bottom: 5px; }
  .regMembershipSt > div {
    overflow: hidden; }
    .regMembershipSt > div .membType {
      overflow: hidden;
      width: 55%;
      margin: 0 auto;
      border: 1px solid #dbdbdb;
      background-color: #ffffff; }
      .regMembershipSt > div .membType:not(:first-child) {
        margin-left: 1.33%; }
      .regMembershipSt > div .membType .membHead, .regMembershipSt > div .membType .membPricing, .regMembershipSt > div .membType .pricingList {
        padding: 15px; }
      .regMembershipSt > div .membType .membHead {
        overflow: hidden;
        font-family: "roboto-bold";
        font-size: 16px;
        text-align: center;
        background-color: #40403F;
        color: #ffffff; }
      .regMembershipSt > div .membType .membPricing, .regMembershipSt > div .membType .pricingList {
        font-family: "roboto-light";
        font-size: 14px;
        color: #5e5e5e; }
      .regMembershipSt > div .membType .membPricing {
        text-align: center; }
        .regMembershipSt > div .membType .membPricing > p {
          margin: 0; }
          .regMembershipSt > div .membType .membPricing > p:first-child {
            font-family: "roboto-bold";
            font-size: 24px;
            color: #353432; }
        .regMembershipSt > div .membType .membPricing.classesPrice > p {
          line-height: 31px; }
          .regMembershipSt > div .membType .membPricing.classesPrice > p:first-child {
            font-family: "roboto-regular";
            font-size: 15px;
            color: #5e5e5e; }
          .regMembershipSt > div .membType .membPricing.classesPrice > p:last-child {
            font-family: "roboto-bold";
            font-size: 20px;
            color: #353432; }
        .regMembershipSt > div .membType .membPricing .selectSt {
          width: 90px;
          background-image: url("../img/select_dark.png");
          background-color: #eee;
          margin: 0 auto; }
          .regMembershipSt > div .membType .membPricing .selectSt select {
            height: 27px; }
      .regMembershipSt > div .membType .selectPrType {
        text-align: center; }
        .regMembershipSt > div .membType .selectPrType a {
          display: inline-block;
          text-decoration: none;
          padding: 6px 20px; }
      .regMembershipSt > div .membType .pricingList ul li {
        background: url("../img/check.png") no-repeat 0 5px;
        background-size: 12px auto;
        padding-left: 17px; }
        .regMembershipSt > div .membType .pricingList ul li:not(:first-child) {
          margin-top: 7px; }
  .regMembershipSt .clubPricing {
    width: 65%;
    margin: 0 auto; }
    .regMembershipSt .clubPricing .membType {
      width: 49%; }
      .regMembershipSt .clubPricing .membType:not(:first-child) {
        margin-left: 2%; }

.selectSt {
  overflow: hidden;
  background-image: url("../img/select_dark.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px auto;
  border: 1px solid #dbdbdb; }
  .selectSt select {
    color: #5e5e5e;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    font-size: 12px;
    height: 37px; }
  .selectSt span {
    font-size: 12px;
    font-family: "roboto-regular";
    display: block;
    padding: 10px 10px 11px; }

/*end sign up as instructor/club*/
/*Edit profile/instructor*/
.titleDiv {
  overflow: hidden;
  margin-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 20px; }
  .titleDiv h1 {
    text-align: left;
    margin-bottom: 0;
    float: left;
    line-height: 100%; }
  .titleDiv a {
    display: inline-block;
    float: right;
    font-size: 16px;
    background-image: url("../img/back2.png");
    background-position: 14px 52%;
    background-repeat: no-repeat;
    background-size: 8px auto;
    padding: 6px 14px 6px 27px !important; }

.horizontalFld > * {
  float: left; }
.horizontalFld label {
  width: 30%;
  margin-top: 9px; }
.horizontalFld > div:not(.clearfix) {
  width: 70%; }
  .horizontalFld > div:not(.clearfix) > *:not(.profPic) {
    width: 100%; }
  .horizontalFld > div:not(.clearfix) textarea {
    height: 120px; }
.horizontalFld .tagsList {
  overflow: hidden; }
  .horizontalFld .tagsList > div:not(.profPic) {
    max-width: 28%;
    width: auto;
    float: left; }
    .horizontalFld .tagsList > div:not(.profPic):not(:first-child) {
      margin-left: 8%; }
    .horizontalFld .tagsList > div:not(.profPic) label {
      display: block;
      width: 100%; }
      .horizontalFld .tagsList > div:not(.profPic) label input {
        vertical-align: -2px;
        margin-right: 7px; }
.horizontalFld .uploadImgBox > * {
  float: left !important; }
.horizontalFld .uploadImgBox .profPic {
  float: none !important;
  margin-top: 50px; }
.horizontalFld .uploadImgBox .clubImgGallery {
  overflow: hidden;
  width: 100%;
  margin-top: 10px; }
  .horizontalFld .uploadImgBox .clubImgGallery .profPic {
    margin-top: 0;
    float: left !important;
    width: 16%;
    height: 90px; }
    .horizontalFld .uploadImgBox .clubImgGallery .profPic:not(:last-child) {
      margin-right: 0.8%; }
    .horizontalFld .uploadImgBox .clubImgGallery .profPic .galeryPrev {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      display: block; }
.horizontalFld .uploadImgBox .fileUpload {
  width: 19% !important; }
.horizontalFld .uploadImgBox > input[type="text"] {
  width: 80%;
  margin-left: 1%;
  text-overflow: ellipsis;
  white-space: nowrap; }

.editProfDiv {
  overflow: hidden; }
  .editProfDiv > div {
    overflow: hidden; }
  .editProfDiv > div:not(.titleDiv) {
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
    padding: 30px; }
  .editProfDiv > div:last-child .blueBtn {
    float: right; }
  .editProfDiv .horizontalFld {
    margin-bottom: 20px; }
    .editProfDiv .horizontalFld .multSelect {
      height: 70px;
      padding: 0; }
      .editProfDiv .horizontalFld .multSelect option {
        background-color: rgba(255, 196, 0, 0.17);
        padding: 0 10px; }
    .editProfDiv .horizontalFld .uploadImgBox, .editProfDiv .horizontalFld .uploadedFiles {
      overflow: hidden; }
    .editProfDiv .horizontalFld .uploadedFiles {
      margin-top: 7px;
      font-family: "roboto-regular";
      font-size: 13px;
      color: #5e5e5e; }
      .editProfDiv .horizontalFld .uploadedFiles li {
        overflow: hidden;
        margin-top: 5px; }
        .editProfDiv .horizontalFld .uploadedFiles li span {
          display: block;
          float: left;
          word-wrap: break-word; }
          .editProfDiv .horizontalFld .uploadedFiles li span:first-child {
            max-width: 50%;
            margin-right: 2%; }
          .editProfDiv .horizontalFld .uploadedFiles li span:last-child {
            width: 9px;
            height: 15px;
            background: url("../img/del_file.png") no-repeat 0 5px; }
            .editProfDiv .horizontalFld .uploadedFiles li span:last-child:hover {
              cursor: pointer; }

/*End edit profile*/
/*Instructor profile view*/
.myAvailabilty {
  border: 1px solid #dbdbdb;
  background-color: #ffffff;
  padding: 22px 5px 22px 10px; }
  .myAvailabilty p {
    margin: 0;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 22px;
    font-family: "roboto-regular";
    font-size: 22px;
    line-height: 24px;
    color: #1550c7; }
  .myAvailabilty .scrollBar {
    height: 215px; }
    .myAvailabilty .scrollBar ul {
      margin-top: .95em; }
      .myAvailabilty .scrollBar ul li {
        overflow: hidden;
        color: #1550c7;
        background: url("../img/clock.png") no-repeat left center;
        background-size: 14px auto;
        padding-left: 17px;
        font-size: 14px;
        line-height: 15px; }
        .myAvailabilty .scrollBar ul li:not(:first-child) {
          margin-top: 17px; }

.profViewBody {
  background-color: #ffffff; }
  .profViewBody .profView {
    margin-bottom: -60px;
    font-family: "roboto-light";
    /*club slider*/ }
    .profViewBody .profView h2, .profViewBody .profView h1 {
      font-weight: normal;
      text-transform: capitalize; }
    .profViewBody .profView aside {
      overflow: hidden;
      float: left;
      width: 25%;
      background-color: #f8f8f8; }
      .profViewBody .profView aside .userImgDiv {
        overflow: hidden;
        width: 100%;
        height: auto;
        max-height: 255px;
        position: relative; }
        .profViewBody .profView aside .userImgDiv img {
          display: block;
          width: 100%;
          height: auto; }
        .profViewBody .profView aside .userImgDiv span {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          /*                    border: 10px solid rgba(167, 175, 177, 0.47);;
                              @extend .boxSizing;*/ }
      .profViewBody .profView aside .defaultImgDiv {
        border: 1px solid #ECEAEA;
        background-color: #fff; }
      .profViewBody .profView aside .resumeDiv, .profViewBody .profView aside .certificDiv {
        overflow: hidden;
        color: #5e5e5e; }
        .profViewBody .profView aside .resumeDiv ul li, .profViewBody .profView aside .certificDiv ul li {
          overflow: hidden;
          display: table;
          height: 37px;
          width: 100%; }
          .profViewBody .profView aside .resumeDiv ul li:not(:first-child), .profViewBody .profView aside .certificDiv ul li:not(:first-child) {
            margin-top: 20px; }
          .profViewBody .profView aside .resumeDiv ul li a, .profViewBody .profView aside .certificDiv ul li a {
            color: #1550c7;
            position: relative;
            min-height: 36px;
            display: inline-block;
            padding-left: 37px;
            line-height: 18px;
            vertical-align: middle;
            display: table-cell;
            word-wrap: break-word;
            word-break: break-word; }
            .profViewBody .profView aside .resumeDiv ul li a:before, .profViewBody .profView aside .certificDiv ul li a:before {
              content: '';
              display: block;
              width: 28px;
              height: 36px;
              background: url("../img/certificate.png") no-repeat left center;
              position: absolute;
              top: 0;
              left: 0; }
        .profViewBody .profView aside .resumeDiv a, .profViewBody .profView aside .certificDiv a {
          text-decoration: none; }
          .profViewBody .profView aside .resumeDiv a:hover, .profViewBody .profView aside .certificDiv a:hover {
            cursor: pointer; }
        .profViewBody .profView aside .resumeDiv > a:last-child:not(.blueBtn), .profViewBody .profView aside .certificDiv > a:last-child:not(.blueBtn) {
          display: inline-block;
          margin-top: 25px;
          color: #5e5e5e;
          font-family: "roboto-regular";
          font-size: 13px;
          background: url("../img/up.png") no-repeat left center;
          padding-left: 15px; }
        .profViewBody .profView aside .resumeDiv > a:last-child.readLess, .profViewBody .profView aside .certificDiv > a:last-child.readLess {
          background: url("../img/down.png") no-repeat left center; }
        .profViewBody .profView aside .resumeDiv h2, .profViewBody .profView aside .certificDiv h2 {
          font-size: 24px;
          line-height: 24px;
          margin: 0 0 20px 0; }
      .profViewBody .profView aside .resumeDiv {
        margin-top: 27px;
        padding: 0 9px; }
        .profViewBody .profView aside .resumeDiv > a:first-child {
          margin-bottom: 10px; }
        .profViewBody .profView aside .resumeDiv .blueBtn {
          display: block;
          text-align: center; }
        .profViewBody .profView aside .resumeDiv p {
          margin: 0;
          font-size: 14px; }
        .profViewBody .profView aside .resumeDiv h2 {
          margin-top: 35px; }
      .profViewBody .profView aside .certificDiv {
        border-top: 1px solid #eaeaea;
        padding: 35px 9px;
        margin-top: 30px; }
    .profViewBody .profView .profViewRight {
      float: left;
      width: 72%;
      margin-left: 3%;
      padding-bottom: 50px; }
      .profViewBody .profView .profViewRight .biographyDiv, .profViewBody .profView .profViewRight .clubsList, .profViewBody .profView .profViewRight .myScheduleDiv {
        overflow: hidden;
        margin-top: 50px; }
        .profViewBody .profView .profViewRight .biographyDiv h1, .profViewBody .profView .profViewRight .clubsList h1, .profViewBody .profView .profViewRight .myScheduleDiv h1 {
          color: #1550c7;
          font-size: 42px;
          margin: 0 0 15px 0; }
      .profViewBody .profView .profViewRight .biographyDiv p, .profViewBody .profView .profViewRight .clubsList p {
        margin: 0;
        color: #5e5e5e;
        line-height: 24px; }
      .profViewBody .profView .profViewRight .clubsList ul li {
        overflow: hidden; }
        .profViewBody .profView .profViewRight .clubsList ul li:not(:first-child) {
          margin-top: 40px; }
        .profViewBody .profView .profViewRight .clubsList ul li > div {
          overflow: hidden;
          margin-bottom: 2px; }
          .profViewBody .profView .profViewRight .clubsList ul li > div p {
            float: left;
            color: #1550c7;
            font-size: 22px;
            max-width: 80%;
            margin-top: -4px; }
          .profViewBody .profView .profViewRight .clubsList ul li > div > div {
            float: right;
            padding-top: 0; }
        .profViewBody .profView .profViewRight .clubsList ul li span {
          background: url("../img/pin.png") no-repeat;
          padding-left: 17px;
          color: #a3a3a3;
          font-size: 14px;
          display: block;
          min-height: 23px;
          margin: 8px 0 7px 0; }
      .profViewBody .profView .profViewRight .myScheduleDiv > div {
        overflow: hidden; }
        .profViewBody .profView .profViewRight .myScheduleDiv > div > * {
          float: left; }
        .profViewBody .profView .profViewRight .myScheduleDiv > div .datepickerSt {
          width: 68%; }
          .profViewBody .profView .profViewRight .myScheduleDiv > div .datepickerSt .ui-datepicker {
            width: 100%; }
        .profViewBody .profView .profViewRight .myScheduleDiv > div .myAvailabilty {
          width: 30%;
          margin-left: 2%; }
        .profViewBody .profView .profViewRight .myScheduleDiv > div .instClasses .scrollBar ul li {
          background: none;
          padding-left: 0; }
          .profViewBody .profView .profViewRight .myScheduleDiv > div .instClasses .scrollBar ul li > span {
            display: block;
            padding-left: 17px; }
            .profViewBody .profView .profViewRight .myScheduleDiv > div .instClasses .scrollBar ul li > span:first-child {
              background: url("../img/clock.png") no-repeat left center;
              background-size: 14px auto; }
            .profViewBody .profView .profViewRight .myScheduleDiv > div .instClasses .scrollBar ul li > span:last-child {
              font-size: 13px;
              font-style: italic;
              margin-top: 3px; }
      .profViewBody .profView .profViewRight .myScheduleDivInst > div .datepickerSt {
        width: 42%; }
      .profViewBody .profView .profViewRight .myScheduleDivInst > div .myAvailabilty {
        width: 28%;
        margin-left: 1%; }
      .profViewBody .profView .profViewRight .biographyDiv {
        overflow: visible; }
        .profViewBody .profView .profViewRight .biographyDiv .fullCalendar {
          width: 100%; }
    .profViewBody .profView .userNameAddress {
      overflow: hidden;
      border-bottom: 1px solid #eaeaea;
      padding-bottom: 15px; }
      .profViewBody .profView .userNameAddress h2 {
        margin-top: 0;
        margin-bottom: 20px;
        color: #5e5e5e;
        font-family: "roboto-light";
        font-size: 47px;
        line-height: 47px; }
      .profViewBody .profView .userNameAddress .userTypeAddress {
        overflow: hidden; }
        .profViewBody .profView .userNameAddress .userTypeAddress p {
          margin: 0; }
        .profViewBody .profView .userNameAddress .userTypeAddress > div:first-child {
          float: left;
          margin-top: 7px;
          /*                        & > div {
                                      overflow: hidden;
                                      float: left;
                                      border: 1px solid #e8e8e8;
                                      background-color: #efefef;
                                      padding: 3px 7px;
                                      @extend .boxSizing;
                                      img {
                                          display: block;
                                      }
                                  }                            */ }
          .profViewBody .profView .userNameAddress .userTypeAddress > div:first-child p {
            background: url("../img/home/trainer_icon.png") no-repeat;
            background-size: 48px auto;
            min-height: 30px;
            color: #1550c7;
            padding-left: 55px;
            font-size: 29px;
            line-height: 29px;
            float: left;
            margin-right: 10px; }
        .profViewBody .profView .userNameAddress .userTypeAddress > div:last-child {
          width: 49%;
          float: right;
          text-align: right; }
          .profViewBody .profView .userNameAddress .userTypeAddress > div:last-child p {
            color: #a3a3a3;
            font-size: 16px; }
            .profViewBody .profView .userNameAddress .userTypeAddress > div:last-child p:last-child {
              background: url("../img/pin.png") no-repeat;
              padding-left: 17px;
              display: inline-block;
              margin-top: 3px; }
      .profViewBody .profView .userNameAddress .clubAddress > div:first-child p {
        background-image: url("../img/home/club_icon.png");
        color: #ffc100; }
    .profViewBody .profView .userNameAddressMob {
      display: none;
      padding-bottom: 0;
      border-bottom: 0; }
      .profViewBody .profView .userNameAddressMob h2 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 10px; }
      .profViewBody .profView .userNameAddressMob .userTypeAddress > div {
        overflow: hidden;
        float: none; }
        .profViewBody .profView .userNameAddressMob .userTypeAddress > div:first-child p {
          font-size: 20px;
          line-height: 20px;
          background-size: auto 20px;
          padding-left: 35px;
          min-height: 20px;
          margin-top: 3px; }
        .profViewBody .profView .userNameAddressMob .userTypeAddress > div:first-child > div {
          padding: 2px 3px 0 3px; }
        .profViewBody .profView .userNameAddressMob .userTypeAddress > div:last-child {
          text-align: left;
          width: 100%;
          margin-top: 10px; }
          .profViewBody .profView .userNameAddressMob .userTypeAddress > div:last-child p {
            font-size: 14px; }
    .profViewBody .profView .clubImgSlide {
      overflow: hidden;
      margin-top: 50px;
      margin-bottom: -40px;
      width: 60%; }
      .profViewBody .profView .clubImgSlide .flexslider span {
        display: block;
        width: 100%;
        height: 280px;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      .profViewBody .profView .clubImgSlide .flexslider .flex-control-paging li a {
        background-color: #dbdbdb;
        box-shadow: none; }
      .profViewBody .profView .clubImgSlide .flexslider .flex-control-paging li .flex-active {
        background-color: #1550c7; }

/*datepicker*/
.ui-datepicker {
  z-index: 9999 !important; }
  .ui-datepicker .ui-datepicker-header {
    background-color: #ffffff;
    border: 0;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0; }
  .ui-datepicker .ui-state-hover {
    border: 0;
    opacity: 0.8; }
  .ui-datepicker .ui-datepicker-prev.ui-state-hover {
    border: 0; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next.ui-state-hover {
    top: 2px; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev.ui-state-hover {
    background: url("../img/calendar_left.png") no-repeat center;
    left: 0; }
  .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: url("../img/calendar_right.png") no-repeat center;
    right: 0; }
  .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight {
    background-color: rgba(255, 196, 0, 0.17); }
  .ui-datepicker td .ui-state-default {
    border: 0; }

.datepickerSt .ui-datepicker {
  font-family: "roboto-regular";
  border-radius: 0;
  border: 1px solid #dbdbdb;
  padding: 10px; }
  .datepickerSt .ui-datepicker .ui-widget-header {
    border: 0;
    background: none;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 15px; }
    .datepickerSt .ui-datepicker .ui-widget-header .ui-datepicker-title {
      color: #1550c7;
      font-weight: normal;
      font-size: 22px; }
  .datepickerSt .ui-datepicker .ui-datepicker-prev, .datepickerSt .ui-datepicker .ui-datepicker-prev.ui-state-hover, .datepickerSt .ui-datepicker .ui-datepicker-next, .datepickerSt .ui-datepicker .ui-datepicker-next.ui-state-hover {
    top: 9px; }
  .datepickerSt .ui-datepicker th {
    color: #1550c7;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase; }
  .datepickerSt .ui-datepicker td .ui-state-default {
    border: 0;
    background: none;
    color: #777777;
    font-family: "roboto-regular";
    font-size: 20px;
    text-align: center; }
  .datepickerSt .ui-datepicker td .busy_day {
    color: #ffc100; }
  .datepickerSt .ui-datepicker td .free_day {
    color: #1550c7;
    font-family: "roboto-light"; }
  .datepickerSt .ui-datepicker td .ui-state-default.ui-state-active {
    background-color: #1550c7;
    color: #ffffff;
    border-radius: 100%;
    width: 29px;
    margin: 0 auto; }

/*end datepicker*/
/*End Instructor profile view*/
/*Add Class page*/
.clubImgBox {
  width: 180px;
  max-height: 180px;
  overflow: hidden;
  background-color: #f4f4f4;
  position: absolute;
  top: 20px;
  left: 20px; }
  .clubImgBox img {
    display: block;
    width: 100%;
    height: auto; }
  .clubImgBox span {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 180px;
    height: 180px; }
  .clubImgBox .clubNoImg {
    background-size: 80% auto; }

.mfp-close {
  font-size: 36px; }

.magPopup, .mfp-content .message {
  position: relative;
  background: #ffffff;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }

.mfp-content .message {
  font-family: "roboto-regular";
  padding-right: 40px;
  color: #5e5e5e;
  max-width: 320px;
  text-align: center; }

.addClass {
  overflow: hidden;
  font-family: "roboto-light";
  font-size: 14px; }
  .addClass a, .addClass button {
    display: inline-block;
    padding: 6px 14px;
    font-size: 15px; }
  .addClass button {
    margin-right: 4px; }
  .addClass .titleDiv > div:first-child {
    float: left; }
    .addClass .titleDiv > div:first-child h1 {
      float: none; }
    .addClass .titleDiv > div:first-child .pagesDesc {
      margin-top: 5px; }
  .addClass .titleDiv > div:last-child {
    float: right; }
  .addClass .singleClass {
    overflow: hidden;
    position: relative;
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
    padding: 20px;
    min-height: 220px; }
    .addClass .singleClass:not(:first-child) {
      margin-top: 13px; }
    .addClass .singleClass .clubInfo {
      overflow: hidden;
      width: 100%;
      padding-left: 200px; }
      .addClass .singleClass .clubInfo > div:first-child {
        overflow: hidden;
        float: left;
        max-width: 65%; }
        .addClass .singleClass .clubInfo > div:first-child > div {
          margin-bottom: 1px; }
          .addClass .singleClass .clubInfo > div:first-child > div span:last-child {
            color: #1550c7; }
        .addClass .singleClass .clubInfo > div:first-child > div:first-child {
          text-transform: capitalize;
          margin-bottom: 5px; }
      .addClass .singleClass .clubInfo > div:last-child {
        float: right; }

.addClassPopup {
  font-family: "roboto-light";
  font-size: 14px; }
  .addClassPopup form > div:not(:first-child):not(.popupAction) {
    margin-top: 10px; }
    .addClassPopup form > div:not(:first-child):not(.popupAction) > div input[type="text"], .addClassPopup form > div:not(:first-child):not(.popupAction) > div textarea {
      width: 100%; }
    .addClassPopup form > div:not(:first-child):not(.popupAction) > div textarea {
      display: block; }
  .addClassPopup form > div label {
    display: block; }
  .addClassPopup form .disabledClass label, .addClassPopup form .disabledClass .selectSt select, .addClassPopup form .disabledClass input[type="text"] {
    color: #B6B6B6; }
  .addClassPopup form .disabledClass input[type="text"], .addClassPopup form .disabledClass .selectSt {
    background-color: #f5f5f5;
    border: 1px solid #E8E7E7; }
  .addClassPopup form .disabledClass .selectSt {
    background-image: url(../img/select.png); }
  .addClassPopup form .dateTime {
    overflow: hidden; }
    .addClassPopup form .dateTime > div {
      float: left; }
      .addClassPopup form .dateTime > div:first-child {
        width: 32%;
        margin-right: 3%; }
        .addClassPopup form .dateTime > div:first-child > * {
          width: 100%; }
      .addClassPopup form .dateTime > div:last-child {
        width: 65%; }
        .addClassPopup form .dateTime > div:last-child .hoursDiv {
          overflow: hidden; }
          .addClassPopup form .dateTime > div:last-child .hoursDiv > div:not(.clearfix) {
            width: 32%;
            float: left; }
            .addClassPopup form .dateTime > div:last-child .hoursDiv > div:not(.clearfix):not(:first-child) {
              margin-left: 2%; }
  .addClassPopup form .popupAction {
    overflow: hidden;
    text-align: center;
    margin-top: 20px; }
  .addClassPopup .pickupPopup {
    margin-top: 20px; }
    .addClassPopup .pickupPopup > div:first-child {
      background: #F7F6F6;
      margin-bottom: 22px;
      padding: 10px; }
      .addClassPopup .pickupPopup > div:first-child > div > span:last-child {
        font-family: "roboto-regular"; }
      .addClassPopup .pickupPopup > div:first-child > div:not(:first-child) {
        margin-top: 3px; }
    .addClassPopup .pickupPopup form textarea {
      width: 100%;
      height: 100px;
      display: block; }

/*END Add Class page*/
/*Messages inbox page*/
.messagesBox {
  overflow: hidden;
  position: relative;
  font-family: "roboto-light";
  font-size: 14px;
  color: #5e5e5e; }
  .messagesBox .vertdivider {
    overflow: hidden;
    border-left: 1px solid #dbdbdb;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 30%; }
  .messagesBox p {
    margin: 0; }
  .messagesBox .messagesBoxLeft, .messagesBox .messagesBoxRight {
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    float: left; }
    .messagesBox .messagesBoxLeft .senderName, .messagesBox .messagesBoxRight .senderName {
      border-bottom: 1px solid #dbdbdb;
      padding: 19px 20px;
      font-family: "roboto-bold";
      font-size: 16px;
      color: #353432;
      height: 67px; }
    .messagesBox .messagesBoxLeft .mCSB_scrollTools .mCSB_draggerRail, .messagesBox .messagesBoxRight .mCSB_scrollTools .mCSB_draggerRail {
      background-color: #828080; }
    .messagesBox .messagesBoxLeft .mCSB_scrollTools .mCSB_draggerRail, .messagesBox .messagesBoxLeft .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .messagesBox .messagesBoxRight .mCSB_scrollTools .mCSB_draggerRail, .messagesBox .messagesBoxRight .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      width: 4px; }
  .messagesBox .messagesBoxLeft {
    border-right: 0;
    width: 30%; }
    .messagesBox .messagesBoxLeft .senderName {
      text-align: center; }
      .messagesBox .messagesBoxLeft .senderName img {
        width: 30px; }
    .messagesBox .messagesBoxLeft ul {
      height: 767px; }
      .messagesBox .messagesBoxLeft ul .mCSB_inside > .mCSB_container {
        margin-right: 0px; }
      .messagesBox .messagesBoxLeft ul li {
        overflow: hidden;
        padding: 10px 10px 0 10px; }
        .messagesBox .messagesBoxLeft ul li:not(.activeMsg):hover {
          background: #f8f8f8; }
        .messagesBox .messagesBoxLeft ul li:hover {
          cursor: pointer; }
        .messagesBox .messagesBoxLeft ul li > div {
          overflow: hidden;
          position: relative;
          border-bottom: 1px solid #dbdbdb;
          min-height: 50px;
          padding-bottom: 10px; }
          .messagesBox .messagesBoxLeft ul li > div .senderImg {
            background-repeat: no-repeat;
            background-size: cover;
            display: block;
            width: 50px;
            height: 50px;
            position: absolute;
            top: 0;
            left: 0; }
          .messagesBox .messagesBoxLeft ul li > div .groupImg {
            background-size: 60% auto;
            background-position: center; }
          .messagesBox .messagesBoxLeft ul li > div > div {
            overflow: hidden;
            padding-left: 57px;
            padding-right: 10%; }
            .messagesBox .messagesBoxLeft ul li > div > div > p:first-child {
              overflow: hidden;
              font-family: "roboto-bold";
              color: #353432;
              margin-bottom: 2px; }
          .messagesBox .messagesBoxLeft ul li > div .newMsgCnt {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            max-width: 9%;
            font-family: "roboto-bold"; }
        .messagesBox .messagesBoxLeft ul li:last-child > div {
          border-bottom: 0; }
      .messagesBox .messagesBoxLeft ul .activeMsg {
        background-color: #789CE4; }
        .messagesBox .messagesBoxLeft ul .activeMsg > div {
          border-bottom-color: #789CE4; }
          .messagesBox .messagesBoxLeft ul .activeMsg > div * {
            color: #ffffff !important; }
  .messagesBox .messagesBoxRight {
    border-left: 0;
    overflow: hidden;
    width: 70%; }
    .messagesBox .messagesBoxRight .groupChatCont {
      overflow: hidden; }
      .messagesBox .messagesBoxRight .groupChatCont > span {
        display: inline-block; }
        .messagesBox .messagesBoxRight .groupChatCont > span:first-child {
          background: url("../img/group.png") no-repeat left center;
          background-size: 25px auto;
          padding-left: 32px;
          min-height: 28px;
          width: 73%;
          float: left; }
      .messagesBox .messagesBoxRight .groupChatCont .groupChatBtn {
        background-color: #CFCECE;
        cursor: default; }
        .messagesBox .messagesBoxRight .groupChatCont .groupChatBtn:hover {
          opacity: 1; }
    .messagesBox .messagesBoxRight .groupChat .groupChatBtn {
      float: right;
      font-size: 13px;
      padding: 5px 10px; }
    .messagesBox .messagesBoxRight .msgCont, .messagesBox .messagesBoxRight .msgReplyBox, .messagesBox .messagesBoxRight .seenMsgs {
      overflow: hidden;
      padding: 20px; }
    .messagesBox .messagesBoxRight .msgCont {
      height: 549px;
      padding-right: 10px; }
      .messagesBox .messagesBoxRight .msgCont .seeMoreMsg {
        color: #1550c7;
        display: inline-block;
        text-align: center;
        margin-bottom: 15px;
        font-family: "roboto-regular";
        font-size: 12px; }
      .messagesBox .messagesBoxRight .msgCont ul li {
        overflow: hidden;
        position: relative; }
        .messagesBox .messagesBoxRight .msgCont ul li:not(:last-child) {
          margin-bottom: 30px; }
        .messagesBox .messagesBoxRight .msgCont ul li > a {
          background-repeat: no-repeat;
          background-size: cover;
          display: block;
          width: 30px;
          height: 30px;
          position: absolute;
          top: 0;
          left: 0; }
        .messagesBox .messagesBoxRight .msgCont ul li > div {
          overflow: hidden;
          padding-left: 37px; }
          .messagesBox .messagesBoxRight .msgCont ul li > div > p:first-child {
            overflow: hidden;
            margin-bottom: 7px; }
            .messagesBox .messagesBoxRight .msgCont ul li > div > p:first-child > * {
              display: block;
              line-height: 100%; }
            .messagesBox .messagesBoxRight .msgCont ul li > div > p:first-child a {
              float: left;
              font-family: "roboto-bold";
              color: #1550c7; }
            .messagesBox .messagesBoxRight .msgCont ul li > div > p:first-child span {
              float: right;
              font-size: 12px; }
          .messagesBox .messagesBoxRight .msgCont ul li > div > p:last-child {
            color: #353432; }
      .messagesBox .messagesBoxRight .msgCont .mCSB_inside > .mCSB_container {
        margin-right: 40px; }
    .messagesBox .messagesBoxRight .msgContHeight {
      height: 493px; }
    .messagesBox .messagesBoxRight .seenMsgs {
      overflow: hidden; }
      .messagesBox .messagesBoxRight .seenMsgs span {
        float: right;
        font-style: italic;
        font-size: 12px;
        line-height: 16px;
        background: url("../img/seen.png") no-repeat 0 4px;
        padding-left: 13px;
        width: auto;
        max-width: 100%; }
    .messagesBox .messagesBoxRight .msgReplyBox {
      background-color: #f8f8f8;
      border-top: 1px solid #dbdbdb; }
      .messagesBox .messagesBoxRight .msgReplyBox textarea {
        width: 100%;
        min-height: 130px;
        overflow-y: auto; }
      .messagesBox .messagesBoxRight .msgReplyBox input[type="submit"] {
        margin-top: 3px;
        float: right; }

/*END Messages inbox page*/
/*Search page*/
.srchBox {
  overflow: hidden;
  font-family: "roboto-light"; }
  .srchBox .srchLeftBox, .srchBox .srchRightBox {
    float: left; }
  .srchBox .srchLeftBox {
    width: 38%;
    border: 1px solid #dbdbdb;
    background-color: #ffffff; }
    .srchBox .srchLeftBox .srchLeftHead {
      padding: 15px 20px;
      border-bottom: 1px solid #dbdbdb;
      font-family: "roboto-bold"; }
    .srchBox .srchLeftBox > form {
      padding: 0 20px 20px 20px; }
      .srchBox .srchLeftBox > form > div:not(:first-child) {
        margin-top: 10px; }
      .srchBox .srchLeftBox > form .rateit {
        padding-top: 5px; }
      .srchBox .srchLeftBox > form input[type="submit"] {
        width: 100%;
        margin-top: 20px; }
      .srchBox .srchLeftBox > form .hasDatepicker {
        width: 100%; }
      .srchBox .srchLeftBox > form .hoursDiv {
        overflow: hidden; }
        .srchBox .srchLeftBox > form .hoursDiv .selectSt {
          width: 32%;
          float: left; }
          .srchBox .srchLeftBox > form .hoursDiv .selectSt:not(:first-child) {
            margin-left: 2%; }
      .srchBox .srchLeftBox > form .ui-slider {
        width: 96%;
        margin-left: 10px;
        margin-top: 7px; }
      .srchBox .srchLeftBox > form .priceRange {
        overflow: hidden;
        margin-top: 10px; }
        .srchBox .srchLeftBox > form .priceRange > span {
          color: #5e5e5e;
          font-family: "roboto-regular";
          font-size: 15px; }
        .srchBox .srchLeftBox > form .priceRange > span:first-child {
          float: left; }
        .srchBox .srchLeftBox > form .priceRange > span:last-child {
          float: right; }
  .srchBox .srchRightBox {
    width: 59%;
    margin-left: 3%; }
    .srchBox .srchRightBox > h3 {
      margin-top: 0;
      border-bottom: 1px solid #dbdbdb;
      padding-bottom: 15px;
      font-family: "roboto-regular";
      font-weight: normal;
      font-size: 27px; }
    .srchBox .srchRightBox > div {
      overflow: hidden;
      border: 1px solid #dbdbdb;
      background-color: #ffffff;
      padding: 15px; }
      .srchBox .srchRightBox > div:not(:first-child) {
        margin-top: 15px; }
      .srchBox .srchRightBox > div .srchImg {
        width: 18%;
        float: left;
        margin-right: 2%; }
        .srchBox .srchRightBox > div .srchImg img {
          display: block;
          width: 100%;
          height: auto; }
      .srchBox .srchRightBox > div .srchNameView {
        overflow: hidden;
        width: 80%;
        float: left; }
        .srchBox .srchRightBox > div .srchNameView > * {
          display: inline-block; }
        .srchBox .srchRightBox > div .srchNameView span {
          float: left;
          max-width: 75%; }
        .srchBox .srchRightBox > div .srchNameView a {
          float: right;
          font-size: 14px;
          padding: 5px 10px; }

/*END Search page*/
/*pricing slider*/
.ui-slider.ui-slider-horizontal {
  border: 0;
  height: 5px;
  background-color: #E9E9E9; }
  .ui-slider.ui-slider-horizontal .ui-slider-handle {
    width: 11px;
    height: 16px;
    border: 1px solid #D1D1D2;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
    outline-style: none; }
  .ui-slider.ui-slider-horizontal .ui-widget-header {
    background-color: #537CD0; }

/*END pricing slider*/
/*Home clubs page*/
.homeClubsBox {
  overflow: hidden;
  font-family: "roboto-light";
  color: #5e5e5e; }
  .homeClubsBox .titleDiv a {
    background-image: none;
    padding: 6px 14px !important; }
  .homeClubsBox ul li {
    overflow: hidden;
    position: relative;
    min-height: 180px;
    width: 48.5%;
    float: left;
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 20px; }
    .homeClubsBox ul li:nth-child(2n-1) {
      margin-right: 3%; }
    .homeClubsBox ul li > a {
      display: block;
      width: 150px;
      height: 150px;
      position: absolute;
      left: 15px;
      top: 15px; }
      .homeClubsBox ul li > a span {
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%; }
    .homeClubsBox ul li > div {
      padding-left: 160px; }
      .homeClubsBox ul li > div a:first-child {
        text-decoration: none;
        color: #1550c7;
        font-family: "roboto-regular";
        font-size: 18px; }
      .homeClubsBox ul li > div p {
        margin: 5px 0 0 0;
        background: url("../img/pin.png") no-repeat 0 3px;
        background-size: 13px auto;
        padding-left: 20px;
        font-size: 14px;
        min-height: 21px; }
      .homeClubsBox ul li > div a:last-child {
        display: inline-block;
        margin-top: 20px;
        font-size: 14px;
        padding: 5px 20px; }

/*END Home clubs page*/
/*Instructors in clubs*/
.instList .instClubTab {
  overflow: hidden;
  color: #5e5e5e;
  font-family: "roboto-regular"; }
  .instList .instClubTab div {
    overflow: hidden; }
    .instList .instClubTab div a {
      display: block;
      float: left;
      padding: 10px 15px;
      margin-right: 7px;
      border: 1px solid #dbdbdb; }
      .instList .instClubTab div a:hover {
        color: #353432;
        cursor: pointer; }
    .instList .instClubTab div .activeTabInst {
      border-bottom: 1px solid #f5f5f5; }
.instList .tabCont {
  overflow: hidden;
  border-top: 1px solid #dbdbdb;
  margin-top: -1px;
  padding-top: 20px; }
  .instList .tabCont > div {
    overflow: hidden;
    margin-bottom: 10px; }
    .instList .tabCont > div a {
      display: inline-block;
      padding: 6px 14px;
      font-size: 15px; }
  .instList .tabCont .pagesDesc {
    margin-bottom: 25px; }

/*END Instructors in clubs*/
/*Notifications page*/
.allNotific {
  overflow: hidden;
  font-family: "roboto-light";
  font-size: 14px; }
  .allNotific ul li {
    border-top: 1px solid #dbdbdb;
    padding: 20px 0;
    position: relative; }
    .allNotific ul li .notImg {
      top: 20px;
      left: 0; }
    .allNotific ul li .singleNotDiv {
      overflow: hidden;
      padding-left: 50px; }
      .allNotific ul li .singleNotDiv .notCont, .allNotific ul li .singleNotDiv .notActions {
        overflow: hidden; }
      .allNotific ul li .singleNotDiv .notCont {
        width: 65%;
        float: left;
        margin-bottom: 5px; }
        .allNotific ul li .singleNotDiv .notCont p {
          margin: 0; }
        .allNotific ul li .singleNotDiv .notCont span {
          display: inline-block;
          max-width: 100%;
          width: auto; }
        .allNotific ul li .singleNotDiv .notCont a {
          font-family: "roboto-regular";
          color: #1550c7; }
      .allNotific ul li .singleNotDiv .notActions {
        width: 32%;
        float: right;
        text-align: right; }
        .allNotific ul li .singleNotDiv .notActions a {
          display: inline-block;
          padding: 5px 14px;
          font-size: 13px; }
        .allNotific ul li .singleNotDiv .notActions input {
          width: 110px;
          height: 29px; }

/*END Notifications page*/
/*Add schedule page*/
.eventPopup input[type="submit"] {
  display: inline-block; }
.eventPopup div {
  margin-bottom: 10px; }
  .eventPopup div input:not([type="checkbox"]) {
    width: 100%; }
.eventPopup .repeatDiv label {
  vertical-align: 1px; }

.addScheduleBox {
  font-family: "roboto-light"; }
  .addScheduleBox .titleDiv h1 {
    margin-bottom: 0; }
  .addScheduleBox .titleDiv a {
    padding: 6px 14px !important;
    background-image: none; }
  .addScheduleBox .calendarWithAv {
    margin-top: 40px; }
    .addScheduleBox .calendarWithAv .myAvailabilty {
      width: 28%;
      float: right;
      margin-top: 53px; }
      .addScheduleBox .calendarWithAv .myAvailabilty .scrollBar {
        height: 605px; }
      .addScheduleBox .calendarWithAv .myAvailabilty li {
        background-position: 0 2px;
        min-height: 16px; }
        .addScheduleBox .calendarWithAv .myAvailabilty li > span:last-child {
          display: block;
          margin-top: 3px;
          font-style: italic; }

.addClassPopup .csvUpDiv {
  overflow: hidden;
  margin-bottom: 10px; }
  .addClassPopup .csvUpDiv > * {
    float: left; }
  .addClassPopup .csvUpDiv .fileUpload {
    width: 23%;
    margin-right: 0.5%; }
  .addClassPopup .csvUpDiv input[type="text"] {
    width: 76.5%;
    background-color: #ffffff; }
.addClassPopup .schAddAc {
  text-align: center;
  margin-top: 30px !important; }

/*END Add schedule page*/
/*fullcalendar*/
.fullCalendar {
  width: 70%;
  float: left;
  position: relative; }
  .fullCalendar .scheduleInfo {
    overflow: hidden;
    position: absolute;
    top: 70px;
    left: 50%;
    background-color: #ffffff;
    box-shadow: 1px 1px 6px #888888;
    -webkit-box-shadow: 1px 1px 6px #888888;
    -moz-box-shadow: 1px 1px 6px #888888;
    padding: 10px;
    font-size: 14px;
    width: 270px;
    z-index: 9; }
    .fullCalendar .scheduleInfo > div {
      overflow: hidden; }
      .fullCalendar .scheduleInfo > div:not(:first-child) {
        margin-top: 3px; }
      .fullCalendar .scheduleInfo > div span {
        display: block;
        float: left; }
        .fullCalendar .scheduleInfo > div span:last-child {
          margin-left: 5px; }
        .fullCalendar .scheduleInfo > div span:first-child {
          font-family: "roboto-regular"; }
  .fullCalendar .fc-toolbar h2 {
    font-family: "roboto-regular";
    font-weight: normal;
    font-size: 20px;
    margin-top: 5px; }
  .fullCalendar table th {
    font-family: "roboto-regular";
    font-weight: normal; }
  .fullCalendar table th, .fullCalendar table td {
    border-color: #dbdbdb;
    background-color: #ffffff; }
  .fullCalendar table .fc-content .fc-time, .fullCalendar table .fc-content .fc-title {
    font-size: 11px !important; }
  .fullCalendar table .fc-event {
    font-size: 10px; }
    .fullCalendar table .fc-event:hover {
      cursor: pointer; }
  .fullCalendar table .fc-more-cell .fc-more {
    color: #1550c7;
    font-size: 13px;
    font-family: "roboto-regular"; }

/*end fullcalendar*/
/*footer static pages*/
.staticPage {
  overflow: hidden;
  font-family: "roboto-light";
  font-size: 14px;
  color: #353432; }
  .staticPage h1:not(:first-child) {
    margin-top: 50px; }
  .staticPage > div {
    overflow: hidden;
    margin-top: 28px; }
    .staticPage > div p {
      margin: 0; }
      .staticPage > div p:first-child {
        font-family: "roboto-bold";
        color: #5e5e5e;
        margin-bottom: 4px; }
      .staticPage > div p:last-child {
        color: #353432; }
      .staticPage > div p span {
        font-style: italic; }
  .staticPage .subLists {
    padding-left: 0;
    counter-reset: item; }
    .staticPage .subLists li {
      display: block;
      font-family: "roboto-bold";
      color: #5e5e5e;
      margin-top: 20px;
      overflow: hidden;
      width: 100%; }
      .staticPage .subLists li ol {
        counter-reset: item;
        padding-left: 0; }
        .staticPage .subLists li ol li {
          font-family: "roboto-light";
          margin-top: 5px;
          color: #353432; }
          .staticPage .subLists li ol li ol {
            padding-left: 12px; }
          .staticPage .subLists li ol li > span {
            display: block;
            float: left;
            max-width: 95%;
            margin-bottom: 5px; }
            .staticPage .subLists li ol li > span span:not(.itText) {
              font-family: "roboto-bold";
              color: #5e5e5e; }
      .staticPage .subLists li:before {
        content: counters(item,".") ". ";
        counter-increment: item;
        display: block;
        float: left;
        margin-right: 0.3%; }
      .staticPage .subLists li a {
        color: #1550c7;
        font-style: italic; }

/*END footer static pages*/
/*pagination*/
.paginationDiv {
  overflow: hidden;
  text-align: center;
  margin-top: 20px; }
  .paginationDiv * {
    font-family: "roboto-light";
    font-size: 14px; }
  .paginationDiv span {
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #cccccc; }
    .paginationDiv span:not(:first-child) {
      margin-left: 5px; }
    .paginationDiv span:hover {
      border-color: #999999;
      cursor: pointer; }
    .paginationDiv span a {
      text-decoration: none;
      color: #5e5e5e;
      display: block;
      padding: 6px 14px; }
  .paginationDiv .current {
    color: #1550c7;
    border: 1px solid #7B8FB9;
    padding: 6px 14px; }
    .paginationDiv .current:hover {
      cursor: default; }

/*END pagination*/
/*ui-dialog*/
.ui-dialog {
  padding: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
  .ui-dialog .ui-widget-header {
    border: 0;
    background: none; }
    .ui-dialog .ui-widget-header .ui-state-default {
      border: 0;
      background: none;
      outline-style: none; }
      .ui-dialog .ui-widget-header .ui-state-default .ui-icon {
        background: url("../img/close_gray.png") no-repeat; }
  .ui-dialog .eventPopup .stInfo {
    overflow: hidden;
    background: rgba(247, 247, 247, 0.77);
    padding: 10px;
    font-family: "roboto-light";
    font-size: 13px; }
    .ui-dialog .eventPopup .stInfo > div {
      overflow: hidden;
      margin-bottom: 3px; }
      .ui-dialog .eventPopup .stInfo > div > span:first-child {
        font-family: "roboto-regular"; }

/*end ui-dialog*/
/*reporting page*/
.reportingPage {
  font-family: "roboto-light";
  font-size: 14px; }
  .reportingPage .titleDiv > div:first-child {
    float: left; }
    .reportingPage .titleDiv > div:first-child h1 {
      margin-bottom: 0;
      float: none;
      text-align: left;
      margin-bottom: 10px; }
  .reportingPage .titleDiv > div:last-child {
    overflow: hidden;
    float: right; }
    .reportingPage .titleDiv > div:last-child a {
      background-image: none;
      padding: 6px 14px !important; }
      .reportingPage .titleDiv > div:last-child a:last-child {
        margin-right: 5px; }
  .reportingPage .reportingSrch {
    overflow: hidden;
    background-color: #ffffff;
    padding: 25px;
    margin-bottom: 50px; }
    .reportingPage .reportingSrch h3 {
      font-family: "roboto-regular";
      font-weight: normal;
      margin: 0 0 13px 0;
      line-height: 100%;
      color: #5e5e5e; }
    .reportingPage .reportingSrch .repSrchRow {
      overflow: hidden; }
      .reportingPage .reportingSrch .repSrchRow:last-child {
        margin-top: 15px; }
      .reportingPage .reportingSrch .repSrchRow > div {
        float: left; }
        .reportingPage .reportingSrch .repSrchRow > div:not(:first-child) {
          margin-left: 3%; }
      .reportingPage .reportingSrch .repSrchRow .dateRange {
        width: 38%; }
        .reportingPage .reportingSrch .repSrchRow .dateRange input {
          width: 49%;
          float: left; }
          .reportingPage .reportingSrch .repSrchRow .dateRange input:last-child {
            margin-left: 2%; }
      .reportingPage .reportingSrch .repSrchRow .repDay {
        width: 13%; }
      .reportingPage .reportingSrch .repSrchRow .repTime {
        width: 43%; }
        .reportingPage .reportingSrch .repSrchRow .repTime > div {
          overflow: hidden; }
          .reportingPage .reportingSrch .repSrchRow .repTime > div .selectSt {
            float: left;
            width: 32%; }
            .reportingPage .reportingSrch .repSrchRow .repTime > div .selectSt:not(:first-child) {
              margin-left: 2%; }
      .reportingPage .reportingSrch .repSrchRow .secondRow {
        width: 32%; }
        .reportingPage .reportingSrch .repSrchRow .secondRow:not(:first-child) {
          margin-left: 2%; }
  .reportingPage .reportingData {
    text-align: center; }
    .reportingPage .reportingData ul {
      width: 100%; }
      .reportingPage .reportingData ul li {
        overflow: hidden; }
      .reportingPage .reportingData ul p {
        margin: 0;
        float: left;
        width: 12.5%;
        padding: 10px; }
      .reportingPage .reportingData ul .reportTotal {
        font-family: "roboto-regular";
        font-size: 15px; }
      .reportingPage .reportingData ul .participant {
        height: 30px; }
        .reportingPage .reportingData ul .participant input {
          width: 50%;
          height: 25px;
          margin: 0 auto;
          border: 1px solid #dbdbdb; }
    .reportingPage .reportingData .reportingHead {
      font-family: "roboto-bold";
      color: #5e5e5e;
      border-bottom: 4px solid #f5f5f5;
      padding: 5px 0;
      background-color: #ffffff; }
    .reportingPage .reportingData .reportingBody {
      background-color: #ffffff; }
      .reportingPage .reportingData .reportingBody li {
        border-top: 1px solid #f5f5f5; }
        .reportingPage .reportingData .reportingBody li:first-child {
          border-top: 0; }
    .reportingPage .reportingData .reportNoRes {
      background-color: transparent;
      text-align: left; }
  .reportingPage .instReportData ul li p {
    width: 14.28%; }

/*END reporting page*/
/*All available classes*/
.availableClasses {
  overflow: hidden; }
  .availableClasses h1 {
    margin-bottom: 0; }
  .availableClasses ul li {
    overflow: hidden;
    position: relative;
    float: left;
    width: 48%;
    min-height: 190px;
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #dbdbdb;
    background-color: #ffffff; }
    .availableClasses ul li:nth-child(2n+1) {
      margin-right: 4%; }
    .availableClasses ul li .clubImgBox {
      padding: 0;
      width: 150px;
      height: 150px; }
      .availableClasses ul li .clubImgBox span {
        width: 100%;
        height: 100%; }
    .availableClasses ul li .classInfo {
      overflow: hidden;
      padding-left: 170px; }
      .availableClasses ul li .classInfo p {
        margin: 0 0 7px 0;
        font-size: 18px; }
      .availableClasses ul li .classInfo div {
        margin-bottom: 3px; }
        .availableClasses ul li .classInfo div span:last-child {
          color: #1550c7; }
        .availableClasses ul li .classInfo div:last-child {
          margin-top: 7px; }

/*END All available classes*/
.message {
  display: none; }

.mfp-content .message {
  display: block; }

.pagesDesc {
  overflow: hidden;
  margin-bottom: 5px; }
  .pagesDesc span {
    font-size: 13px;
    font-family: "roboto-regular";
    font-style: italic;
    color: #5e5e5e;
    display: block; }

.addClassPopup .addSchDesc {
  overflow: hidden;
  margin-bottom: 20px;
  background: rgba(247, 247, 247, 0.77);
  padding: 10px; }
  .addClassPopup .addSchDesc a {
    color: #1550c7; }
    .addClassPopup .addSchDesc a:hover {
      text-decoration: none; }
  .addClassPopup .addSchDesc span {
    display: block; }
    .addClassPopup .addSchDesc span > span:first-child {
      margin-bottom: 10px; }
  .addClassPopup .addSchDesc > span:first-child {
    margin-bottom: 10px; }
  .addClassPopup .addSchDesc * {
    font-size: 13px;
    color: #5e5e5e; }
  .addClassPopup .addSchDesc ul {
    list-style-type: decimal;
    padding-left: 15px;
    margin-top: 0px; }
    .addClassPopup .addSchDesc ul li {
      margin-top: 5px; }
      .addClassPopup .addSchDesc ul li > span:last-child {
        font-style: italic; }

/*delete confirmarion popup*/
.deleteConfPopup {
  max-width: 200px; }
  .deleteConfPopup * {
    text-align: center;
    font-family: "roboto-light";
    font-size: 18px; }
  .deleteConfPopup > span {
    margin-bottom: 10px;
    display: block; }
  .deleteConfPopup div .mfp-close {
    position: static;
    background-color: #1550c7;
    border: 0;
    color: #ffffff;
    padding: 8px 20px;
    outline-style: none;
    cursor: pointer;
    text-decoration: none;
    opacity: 1;
    width: auto;
    height: auto;
    line-height: 100%;
    display: inline-block; }
    .deleteConfPopup div .mfp-close:last-child {
      background-color: #CFCECE; }

/*end delete confirmarion popup*/
/*collaborate page*/
.collaborateDiv {
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  font-family: "roboto-light";
  font-size: 14px;
  color: #5e5e5e; }
  .collaborateDiv .textAddForm {
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
    padding: 30px; }
    .collaborateDiv .textAddForm form > div {
      overflow: hidden;
      margin-bottom: 10px; }
      .collaborateDiv .textAddForm form > div label {
        display: block; }
      .collaborateDiv .textAddForm form > div textarea {
        width: 100%;
        height: 150px; }
      .collaborateDiv .textAddForm form > div .uploadImgBox > * {
        float: left; }
      .collaborateDiv .textAddForm form > div .uploadImgBox .fileUpload {
        width: 19%;
        margin-right: 1%; }
      .collaborateDiv .textAddForm form > div .uploadImgBox input[type="text"] {
        width: 80%; }
      .collaborateDiv .textAddForm form > div:last-child {
        margin-top: 20px; }
        .collaborateDiv .textAddForm form > div:last-child input[type="submit"] {
          float: right; }
  .collaborateDiv ul {
    margin-top: 30px; }
    .collaborateDiv ul li {
      overflow: hidden;
      background-color: #ffffff;
      padding: 30px;
      border: 1px solid #dbdbdb; }
      .collaborateDiv ul li:not(:first-child) {
        margin-top: 10px; }
      .collaborateDiv ul li .posterInfo {
        position: relative;
        min-height: 50px; }
        .collaborateDiv ul li .posterInfo > a {
          display: block;
          width: 50px;
          height: 50px;
          background-repeat: no-repeat;
          background-size: cover;
          position: absolute;
          top: 0;
          left: 0; }
        .collaborateDiv ul li .posterInfo > div {
          padding-left: 60px; }
          .collaborateDiv ul li .posterInfo > div a {
            color: #1550c7;
            font-family: "roboto-regular";
            font-size: 16px; }
          .collaborateDiv ul li .posterInfo > div span {
            display: block;
            margin-top: 3px;
            font-size: 12px; }
      .collaborateDiv ul li .postedCont {
        overflow: hidden; }
        .collaborateDiv ul li .postedCont > span {
          display: block;
          width: 100%;
          height: 280px;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; }
        .collaborateDiv ul li .postedCont img {
          display: block;
          width: 100%;
          height: auto; }

/*end collaborate page*/
/*choose classes popup*/
.moveSchPopup h1 {
  margin-bottom: 0; }
.moveSchPopup ul li {
  overflow: hidden;
  border: 1px solid #dbdbdb;
  margin-top: 10px;
  padding: 10px; }
  .moveSchPopup ul li .classInfo > p {
    font-family: "roboto-regular";
    margin: 0 0 7px 0; }
  .moveSchPopup ul li:hover {
    cursor: pointer;
    background-color: #f8f8f8; }
.moveSchPopup ul .selected_schedule {
  border-color: #7B8FB9;
  /*background: url("../img/check_blue.png") no-repeat;*/ }
.moveSchPopup .paginationDiv {
  text-align: left;
  margin-top: 10px; }

/*end choose classes popup*/
/*add club popup*/
.addClubPopup .signUpDiv {
  width: 100%; }
  .addClubPopup .signUpDiv .insStep1 {
    border: 0; }
    .addClubPopup .signUpDiv .insStep1 form {
      padding: 0 10px; }

/*end add club popup*/
.pac-container.pac-logo {
  z-index: 999999 !important; }

/*# sourceMappingURL=main.css.map */