/* STYLES FOR JET CHART PRIVATE MEMBERSHIP */
.jcpm {
    margin: 0 !important;
    max-width: unset !important;
    padding: 57px 13.6% 59px 13.6%;
}
.jcpm h2 {
    font-family: 'BauerBodoniStdBlack' !important;
	font-weight: 900;
	font-size: 37px !important;
	color: #FFFFFF !important;
	line-height: 42px !important;
    text-align: center;
    margin-bottom: 18px !important;
  }
  .jcpm .jcpmH5 {
    text-align: center;
    margin-bottom: 35px !important;
    font-family: "Gotham A", "Gotham B" !important;
    font-weight: normal !important;
    font-size: 22px !important; 
    color: #FFFFFF !important;
    line-height: 31px;
  }
  .jcpm table th, .jcpm table td {
    border: none !important;
    color: #FFF !important;
  }
  .jcpm table tr:not(:last-of-type) {
    border-bottom: 1px solid #787878;
  }
  .jcpm thead th:nth-of-type(2), .jcpm tbody td:nth-of-type(2) {
    background: #222;
  }
  .jcpm thead th:nth-of-type(3), .jcpm tbody td:nth-of-type(3) {
    background: #333;
  }
  .jcpm thead th:nth-of-type(4), .jcpm tbody td:nth-of-type(4) {
    background: #444;
  }
  .jcpm th:not(th:first-of-type), .jcpmMobile th {
    width: 24.3%;
    position: relative;
  }
  .jcpm th:not(th:first-of-type)::after, .jcpmMobile th::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 161px;
    height: 2px;
    background: #FFF;
  }
  .jcpm tbody td {
      padding: 15px 15px 0px 15px;
  }
  .jcpm tbody tr:first-of-type td {
      padding-top: 21px;
  }
  .jcpm .chartContent p {
    font-family: "Gotham A", "Gotham B" !important;
	font-size: 16px !important;
	color: #FFFFFF !important;
	line-height: 20px;
	text-align: center;
  }
  .jcpm .chartContentTitle {
    padding: 19.5px 12px;
    text-align: left;
  }
  .jcpm tbody tr td:nth-of-type(2), .jcpm tbody td:nth-of-type(3), 
  .jcpm tbody td:nth-of-type(4) {
    text-align: center;
  }
  .jcpmClub, .jcpmExec, .jcpmEnter {
    display: none;
  }
  @media only screen and (max-width: 1200px) { 
    .jcpm {
      padding: 57px 15px 59px 15px;
    }
  }
  @media only screen and (max-width: 600px) { 
    .jcpmTable {
      display: none;
    }
    .jcpmClub, .jcpmExec {
        display: block;
        margin-bottom: 25px;
        position: relative;
    }
    .jcpmEnter {
        display: block;
        position: relative;
    }
    .jcpmClub .jcpmInfo {
        background: #222;
    }
    .jcpmExec .jcpmInfo {
        background: #333;
    }
    .jcpmEnter .jcpmInfo {
        background: #444;
    }
    .jcpmClub .dropdownNameWhite, .jcpmEnter .dropdownNameWhite,
    .jcpmExec .dropdownNameWhite {
        color: #FFF !important;
		text-transform: uppercase;
		padding: 11px !important;
		position: relative;
		border: 2px solid #fff;
		margin-bottom: 26px !important;
    }
    .jcpmClub .dropdownNameWhite::after, .jcpmExec .dropdownNameWhite::after,
    .jcpmEnter .dropdownNameWhite::after {
        content: "";
        position: absolute;
        top: 0;
        right: 50px;
        height: 100%;
        width: 2px;
        background: #FFF;
    }
    .jcpmClub span, .jcpmExec span, .jcpmEnter span {
        position: absolute;
        top: 20px;
        right: 18px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        padding: 7px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
    .jcpm .jcpmOpen span {
        transform: rotate(45deg) !important;
        -webkit-transform: rotate(45deg) !important;
        top: 10px;
    }
    .jcpmInfo {
        padding: 18px 10px 10px 10px;
        display: none;
    }
    .jcpmInfo .chartColumnHeader {
        text-align: center;
        position: relative;
        padding-bottom: 10px !important;
        margin-bottom: 15px;
    }
    .jcpmInfo .chartColumnHeader::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 2px;
        width: 100%;
        max-width: 161px;
        background: #FFF;
    }
    .jcpmInfo section {
        padding: 15px 5px 0px 5px;
    }
    .jcpmInfo section:not(:last-of-type) {
        border-bottom: 1px solid #787878;
    }
    .jcpmInfo .chartContentTitle {
        text-align: center;
    }
    .jcpmClub .chartContentTitle, .jcpmExec .chartContentTitle, .jcpmEnter .chartContentTitle {
      padding: 19.5px 60px 19.5px 12px;
    }
  }