@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/assets/glyphicons-halflings-regular-300f9eecbb8813a5ed53bdb021f29b99f5e236628d4b00b29b58014f3e35c1a1.eot);
  src: url(/assets/glyphicons-halflings-regular-300f9eecbb8813a5ed53bdb021f29b99f5e236628d4b00b29b58014f3e35c1a1.eot?#iefix) format("embedded-opentype"), url(/assets/glyphicons-halflings-regular-741ad344c78c9e91e88871069f4295041d77af6853aaea7b3cc9050d5c8feaee.woff) format("woff"), url(/assets/glyphicons-halflings-regular-de84e4205d15c42225570f935c37d50e70213df4d095adaf6e4e39de2bc6e7c5.ttf) format("truetype"), url(/assets/glyphicons-halflings-regular-c9491f3e5feb01f0c1d36b3e565b94c3a05445fb39e1a6672f68729c9da423f8.svg#glyphicons_halflingsregular) format("svg");
}

/* line 29, app/assets/stylesheets/hauntpay.css.scss */
#checkout-overlay {
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 31, app/assets/stylesheets/hauntpay.css.scss */
#checkout-overlay .overlay-text {
  color: white;
}

/* line 41, app/assets/stylesheets/hauntpay.css.scss */
.nav.nav-tabs.nav-justified li a {
  border-bottom-color: #333 !important;
  color: #999;
  border-radius: 0px;
  border-left: 0px;
  border-right: 0px;
  background: rgba(0, 0, 0, 0.7);
}

/* line 49, app/assets/stylesheets/hauntpay.css.scss */
.nav.nav-tabs.nav-justified li a:hover {
  border-top-color: transparent !important;
  border-bottom-color: #f9702a !important;
  color: #f9702a;
}

/* line 56, app/assets/stylesheets/hauntpay.css.scss */
.nav.nav-tabs.nav-justified li.active a {
  border-bottom-color: #D04B06 !important;
  border-top-color: transparent !important;
  color: #D04B06;
}

/* line 66, app/assets/stylesheets/hauntpay.css.scss */
.checkout .nav.nav-tabs.nav-justified li a {
  background-color: transparent !important;
}

/* line 74, app/assets/stylesheets/hauntpay.css.scss */
.checkout .nav.nav-tabs.nav-justified li.active a {
  background-color: transparent !important;
}

/* line 80, app/assets/stylesheets/hauntpay.css.scss */
#product-tab {
  border-left: 1px solid #333 !important;
}

/* line 83, app/assets/stylesheets/hauntpay.css.scss */
#ticket-tab {
  border-right: 1px solid #333 !important;
}

/* line 87, app/assets/stylesheets/hauntpay.css.scss */
.events-index .container.boxed {
  background-color: transparent;
}

/* line 91, app/assets/stylesheets/hauntpay.css.scss */
.modal .modal-content {
  border: 2px solid #242526;
}

/* line 93, app/assets/stylesheets/hauntpay.css.scss */
.modal .modal-content .close {
  color: #c1cad6;
}

/* line 97, app/assets/stylesheets/hauntpay.css.scss */
.modal-content {
  background: #000000;
}

/* line 99, app/assets/stylesheets/hauntpay.css.scss */
.modal-content .modal-header {
  border-bottom: 1px solid #242526;
}

/* line 102, app/assets/stylesheets/hauntpay.css.scss */
.modal-content .modal-footer {
  border-top: 1px solid #242526;
}

/* line 106, app/assets/stylesheets/hauntpay.css.scss */
.table-striped > tbody > tr:nth-child(odd) > td {
  background: none;
}

/* line 107, app/assets/stylesheets/hauntpay.css.scss */
.panel {
  background: #000000;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 110, app/assets/stylesheets/hauntpay.css.scss */
.panel.panel-shaded {
  border: 1px solid #242526;
}

/* line 113, app/assets/stylesheets/hauntpay.css.scss */
.panel .panel-heading {
  background: #242526;
}

/* line 118, app/assets/stylesheets/hauntpay.css.scss */
hr {
  border-color: #242526;
}

/* line 126, app/assets/stylesheets/hauntpay.css.scss */
.container.boxed {
  background: rgba(0, 0, 0, 0.7);
}

/* line 130, app/assets/stylesheets/hauntpay.css.scss */
.widget-modal .container.boxed {
  background: black;
}

/* line 134, app/assets/stylesheets/hauntpay.css.scss */
a {
  color: #D04B06;
}

/* line 135, app/assets/stylesheets/hauntpay.css.scss */
a:hover, a:focus, a:active {
  color: #f9702a;
}

/* line 138, app/assets/stylesheets/hauntpay.css.scss */
body {
  color: #999;
  font-family: 'Lato', sans-serif;
}

/* line 143, app/assets/stylesheets/hauntpay.css.scss */
h1, h2, h3, h4, h5 {
  color: #D04B06;
}

/* line 146, app/assets/stylesheets/hauntpay.css.scss */
.line {
  background: #242526;
}

/* line 149, app/assets/stylesheets/hauntpay.css.scss */
.calendar-product-icon {
  background-image: url(/assets/hauntpay/calendar-4907382a45ecd449107a353bc8b060bff482062f971dbf38b71fa2381cb2372b.png);
}

/* line 157, app/assets/stylesheets/hauntpay.css.scss */
.btn.btn-primary.btn-clear {
  background: none;
  border: 2px solid #ffffff;
}

/* line 160, app/assets/stylesheets/hauntpay.css.scss */
.btn.btn-primary.btn-clear:hover, .btn.btn-primary.btn-clear:active, .btn.btn-primary.btn-clear:focus {
  background: none !important;
  border: 2px solid #f9702a;
}

/* line 166, app/assets/stylesheets/hauntpay.css.scss */
.btn.btn-primary {
  border: none;
  background: #D04B06;
  background-image: linear-gradient(to bottom, #f9702a, #D04B06);
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.15);
  font-family: 'Source Sans Pro', sans-serif;
  text-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.3);
}

/* line 173, app/assets/stylesheets/hauntpay.css.scss */
.btn.btn-primary:hover, .btn.btn-primary:focus {
  background-image: linear-gradient(to bottom, #f86011, #b74205);
  box-shadow: 0px 5px 13px 0 rgba(0, 0, 0, 0.25);
}

/* line 177, app/assets/stylesheets/hauntpay.css.scss */
.btn.btn-primary:active {
  background-image: linear-gradient(to bottom, #f86011, #b74205);
  box-shadow: inset 0px 2px 6px 0 rgba(0, 0, 0, 0.2);
}

/* line 183, app/assets/stylesheets/hauntpay.css.scss */
.btn.btn-primary.alt {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.15);
  background: #466cec;
  background-image: linear-gradient(to bottom, #8b50ec, #466cec);
}

/* line 192, app/assets/stylesheets/hauntpay.css.scss */
.btn.btn-primary.alt:hover, .btn.btn-primary.alt:focus {
  box-shadow: 0px 5px 13px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #804ada, #4164da);
}

/* line 196, app/assets/stylesheets/hauntpay.css.scss */
.btn.btn-primary.alt:active {
  box-shadow: inset 0px 2px 6px 0 rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(to bottom, #804ada, #4164da);
}

/* line 205, app/assets/stylesheets/hauntpay.css.scss */
#home-bg {
  padding-top: 20px;
  padding-bottom: 110px;
  background: rgba(0, 0, 0, 0.7);
}

/* line 210, app/assets/stylesheets/hauntpay.css.scss */
.home.index .body-content, .events.index .body-content {
  margin: 0 auto 0;
  padding-bottom: 0px;
}

/* line 214, app/assets/stylesheets/hauntpay.css.scss */
.event-box {
  background: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}

/* line 218, app/assets/stylesheets/hauntpay.css.scss */
.event-box .event-image img {
  margin: 0 auto;
}

/* line 222, app/assets/stylesheets/hauntpay.css.scss */
.event-details {
  padding-bottom: 10px;
  color: #999;
}

/* line 225, app/assets/stylesheets/hauntpay.css.scss */
.event-details h3 {
  color: #D04B06;
}

/* line 228, app/assets/stylesheets/hauntpay.css.scss */
.event-details a {
  color: #999;
}

/* line 230, app/assets/stylesheets/hauntpay.css.scss */
.event-details a:hover, .event-details a:focus, .event-details a:active {
  color: #D04B06;
}

/* line 234, app/assets/stylesheets/hauntpay.css.scss */
.event-details hr {
  border-top: 1px solid #242526;
}

/* line 238, app/assets/stylesheets/hauntpay.css.scss */
.event-box-alt {
  background: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 10px 10px 0;
}

/* line 242, app/assets/stylesheets/hauntpay.css.scss */
.event-box-alt h3 {
  color: #D04B06;
}

/* line 246, app/assets/stylesheets/hauntpay.css.scss */
.event-box-alt ul.list-unstyled li {
  padding-top: 5px;
  color: #999;
}

/* line 250, app/assets/stylesheets/hauntpay.css.scss */
.event-box-alt hr {
  border-top: 1px solid #242526;
}

/* line 254, app/assets/stylesheets/hauntpay.css.scss */
#event-times-list.list-group .list-group-item {
  background: none;
  border-color: #242526;
}

/* line 259, app/assets/stylesheets/hauntpay.css.scss */
.search-bar {
  background: none;
}

/* line 266, app/assets/stylesheets/hauntpay.css.scss */
ul.list-group.event-tix-types-list .list-group-item {
  background: none;
  border-color: #242526;
}

/* line 274, app/assets/stylesheets/hauntpay.css.scss */
.border-top {
  border-top: 1px solid #333;
}

/* line 277, app/assets/stylesheets/hauntpay.css.scss */
.affix {
  background: black;
}

/* line 280, app/assets/stylesheets/hauntpay.css.scss */
.dropdown-menu {
  background: black;
}

/* line 283, app/assets/stylesheets/hauntpay.css.scss */
.navbar-sticky {
  margin-bottom: 0px;
}

/* line 285, app/assets/stylesheets/hauntpay.css.scss */
.navbar-sticky .dropdown-menu > .active > a, .navbar-sticky .dropdown-menu > .active > a:hover, .navbar-sticky .dropdown-menu > .active > a:focus {
  color: black;
  background-color: rgba(0, 0, 0, 0.9);
}

/* line 289, app/assets/stylesheets/hauntpay.css.scss */
.navbar-sticky .dropdown-menu > .active > a:hover, .navbar-sticky .dropdown-menu > .active > a:focus {
  color: #f9702a;
}

/* line 295, app/assets/stylesheets/hauntpay.css.scss */
#sticky-cart .nav-header .nav-tabs > li.active > a, #sticky-cart .nav-header .nav-tabs > li.active > a:hover, #sticky-cart .nav-header .nav-tabs > li.active > a:focus {
  border-bottom: 2px solid #D04B06;
  color: #f9702a;
}

/* line 299, app/assets/stylesheets/hauntpay.css.scss */
#sticky-cart .nav-header .nav > li > a:hover, #sticky-cart .nav-header .nav > li > a:focus {
  border-bottom: 2px solid #D04B06;
}

/* line 303, app/assets/stylesheets/hauntpay.css.scss */
#sticky-cart .nav-header a:hover, #sticky-cart .nav-header a:focus, #sticky-cart .nav-header a:active {
  border-bottom: 2px solid #D04B06;
}

/* line 309, app/assets/stylesheets/hauntpay.css.scss */
#sticky-cart ul.dropdown-menu .nav-tabs > li.active > a, #sticky-cart ul.dropdown-menu .nav-tabs > li.active > a:hover, #sticky-cart ul.dropdown-menu .nav-tabs > li.active > a:focus {
  border-bottom: none;
}

/* line 312, app/assets/stylesheets/hauntpay.css.scss */
#sticky-cart ul.dropdown-menu .nav > li > a:hover, #sticky-cart ul.dropdown-menu .nav > li > a:focus {
  border-bottom: none;
}

/* line 315, app/assets/stylesheets/hauntpay.css.scss */
#sticky-cart ul.dropdown-menu a {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 318, app/assets/stylesheets/hauntpay.css.scss */
#sticky-cart ul.dropdown-menu a:hover, #sticky-cart ul.dropdown-menu a:focus, #sticky-cart ul.dropdown-menu a:active {
  border-bottom: none;
}

/* line 324, app/assets/stylesheets/hauntpay.css.scss */
.navbar-header.pull-right-lg.clearfix {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 768px) {
  /* line 324, app/assets/stylesheets/hauntpay.css.scss */
  .navbar-header.pull-right-lg.clearfix {
    float: right;
  }
}

@media (min-width: 992px) {
  /* line 332, app/assets/stylesheets/hauntpay.css.scss */
  .navbar-header.clearfix {
    border-right: 1px solid #333;
  }
  /* line 335, app/assets/stylesheets/hauntpay.css.scss */
  .navbar-header.pull-right-lg.clearfix {
    border-left: 1px solid #333;
  }
}

/* line 339, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: black !important;
  color: #D04B06;
}

/* line 343, app/assets/stylesheets/hauntpay.css.scss */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: black !important;
  color: #D04B06;
}

/* line 347, app/assets/stylesheets/hauntpay.css.scss */
.navbar {
  border: none;
  border-radius: 0px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
}

/* line 354, app/assets/stylesheets/hauntpay.css.scss */
.navbar-brand {
  height: 85px;
}

/* line 357, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default {
  background: #000000 !important;
  background-color: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  position: relative;
  z-index: 100;
}

/* line 363, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default.no-background {
  background: none;
}

/* line 367, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  padding: 15px 8px;
}

/* line 370, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
  background: none;
  color: #D04B06;
}

/* line 374, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-nav > li > a.btn.btn-primary {
  padding: 10px 15px;
  margin-top: 4px;
  background: #D04B06;
  background-image: linear-gradient(to bottom, #f9702a, #D04B06);
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.15);
  text-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.3);
}

/* line 377, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-nav > li > a.btn.btn-primary.btn-clear {
  padding-bottom: 8px;
  margin-right: 20px;
}

/* line 385, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-nav > li > a.btn.btn-primary:hover, .navbar-default .navbar-nav > li > a.btn.btn-primary:focus {
  background-image: linear-gradient(to bottom, #f86011, #b74205);
  box-shadow: 0px 5px 13px 0 rgba(0, 0, 0, 0.25);
}

/* line 389, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-nav > li > a.btn.btn-primary:active {
  background-image: linear-gradient(to bottom, #f86011, #b74205);
  box-shadow: inset 0px 2px 6px 0 rgba(0, 0, 0, 0.2);
}

/* line 404, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-nav > li > a.btn.btn-primary {
  border: none;
  font-family: 'SourceSansPro', sans-serif;
  color: white;
  height: 44.5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

/* line 413, app/assets/stylesheets/hauntpay.css.scss */
.dropdown-menu > li > a {
  color: #ffffff;
}

/* line 415, app/assets/stylesheets/hauntpay.css.scss */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus {
  color: #D04B06;
  background: none;
}

@media (min-width: 992px) {
  /* line 422, app/assets/stylesheets/hauntpay.css.scss */
  .navbar-default .navbar-nav > li > a {
    padding: 15px 15px;
  }
}

/* line 426, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-toggle {
  background: #D04B06;
  border: none;
}

/* line 430, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #f9702a;
}

/* line 433, app/assets/stylesheets/hauntpay.css.scss */
.navbar-toggle {
  margin-top: 15px;
}

/* line 436, app/assets/stylesheets/hauntpay.css.scss */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

/* line 439, app/assets/stylesheets/hauntpay.css.scss */
.navbar-collapse.collapse.in, .navbar-collapse.collapsing {
  background: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  border: none;
  box-shadow: none;
}

/* line 444, app/assets/stylesheets/hauntpay.css.scss */
.navbar-collapse.collapse.in ul.nav.navbar-nav.pull-right, .navbar-collapse.collapsing ul.nav.navbar-nav.pull-right {
  float: left !important;
}

/* line 446, app/assets/stylesheets/hauntpay.css.scss */
.navbar-collapse.collapse.in ul.nav.navbar-nav.pull-right li, .navbar-collapse.collapsing ul.nav.navbar-nav.pull-right li {
  width: 150px;
}

/* line 449, app/assets/stylesheets/hauntpay.css.scss */
.navbar-collapse.collapse.in ul.nav.navbar-nav.pull-right .btn.btn-primary.btn-clear, .navbar-collapse.collapsing ul.nav.navbar-nav.pull-right .btn.btn-primary.btn-clear {
  margin-right: 0;
}

/* line 458, app/assets/stylesheets/hauntpay.css.scss */
#hero {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Lato', sans-serif;
  height: 568px;
  width: 100%;
  margin: -96px 0 20px;
}

/* line 467, app/assets/stylesheets/hauntpay.css.scss */
#hero h1 {
  font-weight: 800 !important;
  font-size: 46px;
  line-height: 62px;
  color: #ffffff;
}

/* line 479, app/assets/stylesheets/hauntpay.css.scss */
#hero form {
  font-size: 29px;
  font-weight: 600;
}

/* line 484, app/assets/stylesheets/hauntpay.css.scss */
#hero ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1;
  /* Firefox */
}

/* line 489, app/assets/stylesheets/hauntpay.css.scss */
#hero :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
}

/* line 493, app/assets/stylesheets/hauntpay.css.scss */
#hero ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
}

/* line 496, app/assets/stylesheets/hauntpay.css.scss */
#hero input {
  outline: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* line 502, app/assets/stylesheets/hauntpay.css.scss */
#hero input[type="text"] {
  font-size: 18px;
  font-weight: 600;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0px;
  height: auto;
  padding-top: 5px;
}

/* line 511, app/assets/stylesheets/hauntpay.css.scss */
#hero input#category-input {
  font-weight: 600;
  background: #304b61;
  background: url(/assets/icon-mag-glass-243ea1c5f46356547e58b29cb7ebec7469547b8a3cbe917879aaf73fe47ef35f.png) no-repeat scroll 8px 12px;
  padding-left: 45px;
  color: #ffffff;
}

/* line 518, app/assets/stylesheets/hauntpay.css.scss */
#hero input#location-input {
  background: url(/assets/icon-location-823ab83d8475494507c4015fabaedbc9c9a37f17d50af8ed8e32090279d778ce.png) no-repeat scroll 8px 10px;
  padding-left: 45px;
  color: #ffffff;
}

/* line 524, app/assets/stylesheets/hauntpay.css.scss */
#hero select {
  border: 1px solid white;
  color: #ffffff;
}

/* line 527, app/assets/stylesheets/hauntpay.css.scss */
#hero select option {
  color: black;
  background: white;
}

/* line 532, app/assets/stylesheets/hauntpay.css.scss */
#hero .select2-search__field {
  color: white;
}

/* line 535, app/assets/stylesheets/hauntpay.css.scss */
#hero .select2-container--default .select2-selection--multiple {
  border-bottom: 1px solid white;
}

/* line 537, app/assets/stylesheets/hauntpay.css.scss */
#hero .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: black;
  color: white;
  font-size: 20px;
}

/* line 547, app/assets/stylesheets/hauntpay.css.scss */
#footer {
  background: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
}

/* line 553, app/assets/stylesheets/hauntpay.css.scss */
ul.horizontal-nav {
  margin: 0;
  padding: 0;
}

@media (min-width: 1200px) {
  /* line 560, app/assets/stylesheets/hauntpay.css.scss */
  #footer {
    font-size: 13px;
  }
  /* line 562, app/assets/stylesheets/hauntpay.css.scss */
  #footer ul.horizontal-nav li:before {
    padding: 0 2px;
  }
  /* line 565, app/assets/stylesheets/hauntpay.css.scss */
  #footer .pull-right-lg {
    float: right !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 572, app/assets/stylesheets/hauntpay.css.scss */
  #footer {
    font-size: 17px;
  }
  /* line 575, app/assets/stylesheets/hauntpay.css.scss */
  #footer ul.horizontal-nav {
    margin-bottom: -30px;
  }
  /* line 577, app/assets/stylesheets/hauntpay.css.scss */
  #footer ul.horizontal-nav li:before {
    padding: 0 5px;
  }
}

/* line 587, app/assets/stylesheets/hauntpay.css.scss */
.calendar td, .calendar th {
  color: rgba(255, 255, 255, 0.8);
}

/* line 590, app/assets/stylesheets/hauntpay.css.scss */
.calendar thead {
  background: rgba(100, 100, 100, 0.3);
}

/* line 595, app/assets/stylesheets/hauntpay.css.scss */
ul.month-select {
  background-image: linear-gradient(to bottom, #D04B06, #f9702a);
  color: #fff;
}

/* line 598, app/assets/stylesheets/hauntpay.css.scss */
ul.month-select a {
  color: #fff;
}

/* line 605, app/assets/stylesheets/hauntpay.css.scss */
.well-sm {
  background: rgba(0, 0, 0, 0.9);
  border-color: rgba(0, 0, 0, 0.9);
}

/* line 609, app/assets/stylesheets/hauntpay.css.scss */
.well-sm.added {
  border-color: rgba(51, 51, 51, 0.9);
}