@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif:400,700);

.table-wrapper {
  position: relative;
  margin-left: -45px;
  left: 69%;
  transform: translateX(-50%);
}

.table-scroller {
  margin-left: 236px;
  overflow-y: visible;
  padding-bottom: 5px;
}

@media (min-width: 1200px) {
   .table-scroller {
     overflow-x: none;
   }
}

@media (max-width: 1199px) {
   .table-scroller {
     overflow-x: scroll;
     }
}

table.passes {
  max-width: 1230px;
  margin-top: 50px;
  text-align: center;
  color: #555555;
  font-family: 'Droid Sans', sans-serif;
  display: block;
}

.passes-gic {
	background-color:#64a219;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:15px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.passes-gic:hover {
	background-color:#5cbf2a;
}
.passes-gic:active {
	position:relative;
	top:1px;
}

.passes-combo {
	background-color:#be36a3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:15px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #632657;
}

.passes-online {
	background-color:#6666FF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:15px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #632657;
}

.passes-combo:hover {
	background-color:#b237bd;
}
.passes-combo:active {
	position:relative;
	top:1px;
}

table.passes th {
  max-width: 131px;
  border-left: 1px solid #DDDCD8;
  color: #989a8f;
}

table.passes th .top {
  height: 235px;
  width: 75px;
}

table.passes th .top.active {
  background-color: #65a219;
  color: #ffffff;
}

table.passes th .top.active h1 {
  color: #ffffff;
}

table.passes th .top .circle.active {
  background-color: #65a219;
  border: 2px solid #ffffff;
  width: 87px;
  height: 87px;
  border-radius: 87px;
}

table.passes th .top .price .circle.active {
  background-color: #65a219;
  border: 2px solid #ffffff;
  width: 84px; /*width: 77px;*/
  height: 84px; /*height: 77px;*/
  border-radius: 84px; /*border-radius: 77px;*/
}

table.passes th .top .price .circle.promoted.active {
  width: 87px;
  height: 87px;
  border-radius: 87px;
}

table.passes th .top h1 {
  padding-top: 30px;
  font-weight: normal;
  font-size: 22px;
  margin: 0px;
  text-align: center;
  font-family: 'Droid Sans', sans-serif;
  color: #989a8f
}

table.passes th .top .circle {
  width: 85px;
  height: 85px;
  border-radius: 85px;
  font-size: 20px;
  color: #fff;
  line-height: 85px;
  text-align: center;
  background: #989A8F;
  /*margin-left: 65px;
  margin-top: 50px;*/
  margin: 50px auto 0px auto;
  font-weight: normal;
}

table.passes th .top .price {
  width: 240px;
  /*margin-left: 20px;*/
}

table.passes th .top .price .circle {
  width: 82px; /*width: 75px;*/
  height: 82px; /*height: 75px;*/
  border-radius: 82px; /*border-radius: 75px;*/
  margin-left: 0px;
  margin-top: 0px;
  display: inline-block;
  line-height: 0.95em;
  padding-top: 5px;
  vertical-align: middle;
}

table.passes th .top .price .circle:first-child {
  margin-top: 15px;
}

table.passes th .top .price .circle span {
  display: block;
}

table.passes th .top .price .circle span.type {
  font-size: 12px;
}

table.passes th .top .price .circle span.val {
  font-size: 14px;
}

table.passes th .top .price .circle span.date {
  font-size: 10px;
}

table.passes th .top .price .circle.promoted span.type {
  font-size: 14px;
}

table.passes th .top .price .circle.promoted span.val {
  font-size: 18px;
  padding: 8px 0px 5px 0px;
}

table.passes th .top .price .circle.promoted span.date {
  font-size: 11px;
}

table.passes th .top .price .circle.promoted {
  width: 85px;
  height: 85px;
  border-radius: 85px;
  font-size: 16px;
  background: #65a217;
}

table.passes .top img:last-child {
   display: none;
}

table.passes .top:hover img:last-child {
   display: block;
}

table.passes .top:hover img:first-child {
   display: none;
}


table.passes th:first-child {
  border: none;
}

table.passes tbody {
  background: #ffffff;
}

table.passes tr:hover {
  background-color: #ededed;
}

table.passes thead tr:first-child:hover {
  background: none;
}

table.passes tr td {
  font-size: 13px;
  font-family: 'Droid Serif', sans-serif;
  padding: 10px 5px; /*padding: 20px 5px;*/
  line-height: 1.5em;
  border-left: 1px solid #DDDCD8;
  width: 75px;
}

table.passes td {
	padding: 0;
}

/*table.passes tr:first-child td {
  padding-top: 65px;
}*/

table.passes tr td:first-child {
  border: none;
}

table.passes tr td span {
  font-weight: bold;
}

table.passes .sticky-col {
  left: 0px;
  position: absolute;
  top: auto;
  width: 180px;
}

.table-scroller {
  margin-left: 177px;
}
table.passes tr td {
    line-height: 1.25em;
}
.first {
color: #6666FF;
}
.second {
color: #FCBA03;
}

.third {
color: #81b626;
}

.fourth {
color: #CC3AFC;
}

.fifth {
color: #6c028f;
}

.padding-zero {
padding: 0 !important;
}
.black-background {
background-color: black;
color: white;
}

 .gic-promo {
	 position: fixed;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 height: 100px;
	 background: #65a219;
	 z-index: 9999;
	 color: black;
	 text-align: center;
	 font-size: 2rem;
	 padding-top: 3.5rem;
 }