.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.affix {
  position: fixed;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(http://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(http://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(http://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEorCIPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url(http://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtapbCIPrQ.ttf) format('truetype');
}
/* Generic color classes for the main accent color of each theme */
.accent-color-1 {
  color: #161616;
}
.accent-bkgd-color-1 {
  background-color: #161616;
}
.accent-border-color-1 {
  border-color: #161616;
}
.access-code-tt {
  border-left-color: #ddd;
}
body {
  background-color: #000;
  color: #ccc;
  background-image: url('https://res.cloudinary.com/eventservice/image/upload/saas/base/background_grungecity.jpg');
  background-repeat: repeat;
  background-position: top left;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
}
h1 {
  color: #eee;
}
h1 a {
  color: #eee;
}
h1 a:hover {
  color: #fff;
}
a {
  color: #ccc;
  text-decoration: underline;
}
a:hover {
  color: #fff;
}
#header {
  border-top-color: #333;
  background-color: white;
  border-bottom-color: #bbb;
}
#header a.menu {
  color: #777;
  border-left-color: #eee;
}
#eventName {
  font-family: 'Raleway', sans-serif, sans-serif;
  font-weight: 300;
}
#eventName a {
  text-decoration: none;
}
.contentArea {
  background-color: #060606;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.contentArea .contentTitle {
  font-family: 'Raleway', sans-serif, sans-serif;
  font-size: 14px;
  border: 2px solid #444;
  background-color: #161616;
  background-image: -webkit-linear-gradient(bottom, #161616, #232323);
  background-image: -moz-linear-gradient(bottom, #161616, #232323);
  background-image: -o-linear-gradient(bottom, #161616, #232323);
  background-image: -ms-linear-gradient(bottom, #161616, #232323);
  background-image: linear-gradient(bottom, #161616, #232323);
  padding: 10px 20px;
  color: white;
}
.contentArea .content {
  padding: 20px;
  border: 1px solid #111;
}
.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn.btn-main {
  text-decoration: none;
  background-color: #bbb;
  font-weight: 700;
  color: #121212;
}
.btn.btn-main:hover {
  background-color: #efefef;
  color: black;
}
.btn.btn-lrg {
  padding: 10px 40px;
}
.btn.btn-sub {
  background-color: #ddd;
  color: white;
}
.btn.btn-sub:hover {
  background-color: #d0d0d0;
}
.btn.btn-neutral {
  background-color: #555;
  color: white;
}
.btn.btn-neutral:hover {
  background-color: #333;
}
.tickets-remaining {
  background-color: #3C3C3C;
  border: 0;
  color: white;
}
.addthisevent-drop {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #353535 !important;
  color: #ccc;
  font-weight: bold;
}
.addthisevent-drop:hover {
  background-color: #3c3c3c !important;
}
.heading {
  font-weight: 300;
}
.heading.alt {
  color: #ddd;
}
.heading.alt2 {
  color: #ddd;
}
.subLabel {
  color: #ddd;
}
.revLabel {
  color: #ddd;
}
.alert-danger {
  color: white;
  background-color: #970623;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.error-message {
  color: white;
  background-color: #970623;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
#receiptArea .orderId {
  color: #555;
}
input:required,
select:required {
  border-left-color: #2878EB;
}
.checkbox-required {
  border-left: 6px solid #2878EB;
  padding-left: 10px;
}
.payment-element-classic {
  border-left: 6px solid #2878EB;
  padding: 8px 12px;
}
.form-control.form-error {
  border-left-color: #970623;
}
.ajax_loader_sm {
  height: 11px;
  width: 43px;
  background-image: url('https://res.cloudinary.com/eventservice/image/upload/saas/base/ajax_loader_sm.gif');
}
#process_bar .ticket_tab {
  background-color: #555;
  color: #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#process_bar .timer_tab {
  background-color: #161616;
  color: #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#process_bar .active {
  background-color: #161616;
  color: #ffffff;
}
#process_bar .ended {
  background-color: #800000;
}
div.galleryPhoto {
  border: 1px solid #333;
}
#notice {
  background-color: #232323;
  color: white;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #333;
}
#orderTotalReview {
  color: #888;
  font-weight: 300;
}
#orderTotalReview .amount {
  font-size: 20px;
  color: #ddd;
}
#orderPromoCodeArea .apply_button {
  padding: 6px 10px 6px;
}
hr {
  border-top-color: #222;
}
table td {
  border-top-color: #555 !important;
}
.videoModule .thumb.at a img {
  border-color: #666;
}
.videoModule .thumb a img {
  border-color: #333;
}
/* Ticket Groups CSS */
.ticketTypeGroup {
  background-color: #121212;
  border: 1px solid #2F2F2F;
}
.ticketTypeGroup .ticketTypeGroupContent {
  border-top: 1px solid #2F2F2F;
}
.ticketTypeGroup .ticketGroupHeader.hasChildren:hover {
  background-color: #252525;
}
.ti-radioOptions li {
  border: 1px solid #202020;
  background-color: #1C1E21;
  padding: 4px 8px;
}