/* ------------------------------------
	CHART SECTION STYLING BEGINS
-------------------------------------------------*/
.cc-trim-title2 {
  margin-top: 40px !important;
  line-height: 135%;
  text-align: center;
  margin-bottom: 15px;
  font-size: 28px !important;
  color: black !important;
  background: none !important;
}


.cc-main-container table {
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0px auto 0px !important;
  padding: 0;
  width: 100%;
  min-width: 300px;
  table-layout: fixed;
  line-height: 1.1 !important;
}

.main-Model-color {
  color: white !important;
}

.sub-Models-color {
  color: #000000 !important;
}

.cc-main-container table caption {
  font-size: 1.5em !important;
  margin: .5em 0 .75em !important;
}

.cc-main-container table tr {
  /*background: #F8F8F8 !important;*/
  background: #ffffff !important;
  border-bottom: 1px solid #ecf0f1;
  padding: .35em !important;
  font-size: 15px;
}

.cc-main-container table th, .cc-main-container table td {
  padding: 2% !important;
  text-align: left !important;
  line-height: 1.2 !important;
  border-right: 1px solid #ecf0f1;
  font-size: 16px !important;
  /* font-weight: 600; */
}

.cc-main-container table th:first-child {
	background-color: var(--brand-secondary) !important;
}

.cc-main-container table th {
  font-size: 17px !important;
  letter-spacing: 0.5px;
}

.cc-main-container table th {
    font-size: 18px !important;
    letter-spacing: 0.5px;
    text-transform: uppercase !important;
	font-weight: bold !important;
}

.cc-main-container table td:first-child {
    font-size: 18px !important;
    letter-spacing: 0.5px;
    text-transform: uppercase !important;
	font-weight: bold !important;
}

th.sub-Models-color {}

td.cc-table-feature {
  background: var(--brand-primary) !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
}



@media screen and (max-width: 600px) {
  .cc-main-container table {
    border: 0;
    width: 100%;
    margin: 10px auto 20px !important;
  }
	
  .cc-main-container table caption {
    font-size: 1.3em !important;
  }
	
  .cc-main-container table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
	
  .cc-main-container table tr {
    border-top: 0px;
    display: block;
    margin-bottom: 1.2em;
    border-bottom: 0px solid #ecf0f1 !important;
    background: #f1f1f1 !important;
  }
	
  .cc-main-container table td {
    border-bottom: 0px;
    display: block;
    font-size: 16px !important;
    text-align: right !important;
  }
	
  .cc-main-container table td:before {
    content: attr(data-label);
    float: left;
    font-weight: 600;
    font-size: 16px !important;
  }
	
  .cc-main-container td.main-Model-color {}
	
  .cc-main-container table td:first-child {
    border-bottom: 0px;
    display: block;
    font-size: 20px !important;
    text-align: center !important;
    font-weight: bold !important;
  }
	
  .cc-main-container table td:last-child {
    border-bottom: 0;
  }
	
  td.sub-Models-color {
    background-color: #ffffff !important;
  }
	
}