body {
    background: url(images/background.jpg); 
    background-size: 100% 100%; 
    background-attachment: fixed; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-color: #000000;
    width: 100%; 
    overflow-x: hidden; 
    color: #484a34;
    /*opacity: 1;*/
}
.main-container * { 
    opacity: 1; 
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    -ms-transition: opacity 250ms ease-in-out;    
    transition: opacity 250ms ease-in-out;
}
.main-container.preload * { 
    opacity: 0; 
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
/* ----------------------- TYPE ---------------------*/

h1, h2, h3 { font-family: MalamondoLight; font-weight: normal; font-style: normal; }
h2 { color: #d9362e; }
h2, h3 { margin: 0 0 20px 0;}
h4, h5 { font-weight: bold; }

/* Links */
a { cursor: pointer; color: Green; font-weight: bold; text-decoration: underline; }
a:hover {color: #d9362e; }

/* ---------------------- LAYOUT -------------------- */

.logo-banner { text-align: center; }
.logo-banner .logo { width: 100%; max-width: 750px; }
.container.logo-banner { padding: 0; }

div.logo-banner { background-color: #c4e2e5; }
.container { padding: 25px;background-color: #c4e2e5; background-size: 100% 300px;}
.container.override { padding: 0; }
.container .container { padding: 0; width: auto; margin-right: 15px; background: none; }


div.sidebar { opacity: 0.85 }
div.sidebar ul.years { list-style-type: none; margin-left: -40px; text-align: center; }
div.sidebar ul.years li { display: inline-block; margin: 1px 5px; }

#myCarousel { margin: 0 -20px; }
.slide img { width: 100%; max-width: 835px; height: 25% !important; }
.carousel-caption { padding-bottom: 0px; bottom: 0px; text-shadow: 1px 1px 5px #000000; font-size: 0.8em; left: 15px; text-align: right; width: 100%; padding-right: 55px; }
.carousel-caption a { color: #ffffff !important; text-decoration: underline;}
.carousel-indicators { bottom: 0px !important; }
.carousel-control { font-size: 40px; }
#myCarousel p { margin-bottom: 0px; }
#myCarousel { }

.copyright { font-size: 0.8em; }

#LoginForm {
    width: 300px;
    margin: 20px auto;
    text-align: center;
}

.modal-dialog table { width: 100%; }
.modal-dialog table .thumb { width: 100%; max-width: 75px; max-height: 75px;}
.modal-dialog table td { vertical-align: top; padding: 10px 10px 10px 0; }
.modal-dialog h4 { margin: 0; font-size: 16px; }
.modal-dialog table input[type="text"] { width: 50px; }
.modal-header button.close { border: inherit; background-color: inherit; color: inherit; height: inherit; }
.modal-header { border-bottom: 0 none; }
.modal-footer { border-top: 0 none; }
.modal-header .close { font-size: 3.0em; }
.modal-title { line-height: 1.0em; margin-bottom: 10px;}

/* div.hang is for the green boxes that extend beyond the edge of the main container */
.hang { 
    margin: 0 -10px; background-color: #444444; min-height: 10px; box-shadow: 1px 1px 1px #000000; padding: 10px 35px; color: #ded6bf; position: relative;
    
}
nav .hang { padding: 0;}
.hang a { color: #e0dc7a; font-weight: bold; }
.hang h3, .hang h4, .hang a {  }
.hang h3, .hang h4 { margin: 0 0 0 0; letter-spacing: 3px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 1px #333333; }
.hang p { margin-bottom: 1em; }
.hang .row { margin-bottom: 0px; }

.clear-float { clear: both; }
.float-image-right { float: right; width: 35%; margin: 0 0 1em 1em; }

.container.slider, .container.news { padding-top: 0px;   }
footer div.container.footer-body { background-image: url(images/sea_floor_band.png); 
    background-repeat: no-repeat; background-position: bottom; background-size: auto; height: 120px; padding-top: 10px !important; }
footer { color: #c4e2e5; }
.lazy-load {
    background: url("images/bg_map.jpg") center center no-repeat;
}

.container.news {  }
.container.slider { padding-bottom: 0; }
.container.main { padding-top: 1.0em; }
.container.crumbs { padding: 10px 25px 10px; text-transform: uppercase; color: #999999; }
body.post .container.crumbs { padding-bottom: 0px; }
.container.crumbs .row { margin: 0 -15px 0; }
.container.crumbs .sharing { text-align: right; }
.addthis_sharing_toolbox { display: inline-block; float: right; margin-top: -3px;}
span.share_label { display: inline-block; font-size: 11px; margin-right: 5px; color: #ffffff; }
.row.slider { margin: 0 -60px 0em; }
.row.posts { margin-bottom: 25px; }
.content .container.slider.row.slider { padding: 0 15px; margin-top: 0; }
div.slider p { margin: 0; }
.viewall { text-align: right; }

div.posts div.thumb {  }

.hang.title { padding: 0; }
.hang.title h2 { font-family: MalamondoBold, sans-serif; letter-spacing: 2px; color: #ffffff; text-align: left; margin: 5px 30px; text-shadow: 1px 1px 1px #333333; }
.subscribe {     display: inline-block;
    background-color: #23527c;
    color: #ffffff !important;
    text-transform: uppercase;
    padding: 2px 5px;
    float: right; }

.home-alert { font-size: 0.9em; text-align: center; padding: 0 20px; color: #ffffff; }
.home-alert p { margin: 0; }

.home-nav { margin-bottom: 15px; text-align: center; }
.home-nav a {
    padding: 3px 10px;
    background-color: #d9362e;
    font-size: 1.5em;
    font-family: BeachbuoyMedium;
    margin-bottom: 5px;
    display: block;
    color: #ffffff;
}

/* ---------- Themes ---------------- */
/* 
    Romance
    Lt background       c4e2e5
    Dk background       449296
    Black               000000

    Horror
    Lt background       c6fa69
    Dk background       697e3d
    Black               282826
    Red                 EE6B46

    Adventure
    Lt background       fad797
    Dk background       f4a73d
    Black               6e1519

    Common red          e54020


*/
.preload * {
  /*-webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;*/
  /*opacity: 0;*/
}
.load-message {
    width: 100%;
    height: 100%;
    color: #c6fa69;
    text-align: center;
    margin-top: 120px;
    position: absolute;
    display: none;
}
body.preload .load-message { display: block; }
.chooser {
    margin-right: 10px;
    display: inline-block;
    width: 120px; 
    height: 40px; 
    background: url(images/sprite-choose-short.gif);
    float: left;
    padding: 2px;
    cursor: pointer;
}
.chooser.romance {
    background-position: 240px 0px !important;
}
.chooser.adventure {
    background-position: 120px 0px !important;
}
.chooser.romance.selected { border-bottom: 4px solid #c4e2e5; padding: 0; }
.chooser.horror.selected { border-bottom: 4px solid #c6fa69; padding: 0; }
.chooser.adventure.selected { border-bottom: 4px solid #fad797; padding: 0; }
.dropdown-menu.choose {
    margin: -1px 0 0 0 !important;
    padding: 10px 15px;
    width: 100%;
    background-color: #282826;
    border: solid 0px #252525;
}
.dropdown-menu.choose h3 {
    letter-spacing: 0;
    text-align: center;
    float: left;
    width: 35%;
    margin-top: 5px;
    color: #cccccc;
}
.chooser-container {
    width: 58%;
    float: right;
    text-align: left;
    margin-left: 5%;
}
.container, .body, footer {
    transition: background-color 1s ease-in-out, color 1s ease-in-out;
    -webkit-transition: background-color 1s ease-in-out, color 1s ease-in-out;
    -moz-transition: background-color 1s ease-in-out, color 1s ease-in-out;
    -o-transition: background-color 1s ease-in-out, color 1s ease-in-out;
    -ms-transition: background-color 1s ease-in-out, color 1s ease-in-out;
}
body.horror { color: #282826; }
body.horror .container { background-color: #c6dc5f; }
body.horror footer { color: #c6fa69; }
body.horror .footer-body { background-color: #697e3d; }
body.horror .dropdown-menu.choose h3 { color: #c6fa69; }

body.romance { color: #000000; }
body.romance .container { background-color: #c4e2e5; }
body.romance footer { color: #c4e2e5;}
body.romance .footer-body { background-color: #449296; }
body.romance .dropdown-menu.choose h3 { color: #c4e2e5; }

body.adventure { color: #6e1519; }
body.adventure .container { background-color: #fbd797; }
body.adventure footer { color: #6e1519; }
body.adventure .footer-body { background-color: #f4a73d; }
body.romance .dropdown-menu.choose h3 { color: #c4e2e5; }

#choose.darker { /*background-color: #252525;*/ }
#LogoBanner {
    position: relative;
    height: 14vw; max-height: 110px;
    width: 750px;
    overflow: hidden;
}
#LogoBanner .logo, #Welcome div, .stripe img {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
    z-index: 1;
}
#LogoBanner .logo, #Welcome div { margin: 0px auto; }
.stripe img { margin: 0 auto; width: 100%; }
.selected {
    opacity: 1 !important;
    z-index: 100 !important;
}
#Welcome {
    position: relative;
    -webkit-transition: height 1s ease-in-out;
    -moz-transition: height 1s ease-in-out;
    -o-transition: height 1s ease-in-out;
    -ms-transition: height 1s ease-in-out;    
    transition: height 1s ease-in-out;
}
#Welcome h2 { text-align: center; }
.container.stripe { height: 150px; }
.icon.blank { background-image: inherit; }
.icon.choose { margin-left: 10px; background-position: -150px 0; z-index: 1001; }
.icon.choose.romance { background-position: -150px 0; }
.icon.choose.horror { background-position: -120px 0; }
.icon.choose.adventure { background-position: -120px -30px; }
nav.navbar {
    margin-bottom: 0px;
    -webkit-transition: margin 200ms ease-in-out;
    -moz-transition: margin 200ms ease-in-out;
    -o-transition: margin 200ms ease-in-out;
    -ms-transition: margin 200ms ease-in-out;    
    transition: margin 200ms ease-in-out;
}
nav.navbar.open { 
    margin-bottom: 50px; 
}
nav.navbar.open .icon.choose {
    margin-top: 58px;
    -webkit-transition: margin 200ms ease-in-out;
    -moz-transition: margin 200ms ease-in-out;
    -o-transition: margin 200ms ease-in-out;
    -ms-transition: margin 200ms ease-in-out;    
    transition: margin 200ms ease-in-out;
}
nav.navbar .icon.choose {
    margin-top: 5px;
    -webkit-transition: margin 200ms ease-in-out;
    -moz-transition: margin 200ms ease-in-out;
    -o-transition: margin 200ms ease-in-out;
    -ms-transition: margin 200ms ease-in-out;    
    transition: margin 200ms ease-in-out;
}

img.flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


/*.products .col-sm-8 { padding-left: 0; }*/

/* ------ Forms ------ */
/*.shopbox select { width: auto; }
table.priceinfo { font-size: 1.2em;margin: 15px 0;width: 100%;  }
table.priceinfo td { text-align: left;width: 42%;padding: 5px 0;}


.ticket { border: solid 1px #999999;}
.ticket { border-radius: 5px; padding: 10px 5px 10px 10px;}*/

.remaining, .maxNote {font-style: italic; display: block; }
.remaining.hurry { color: Red; }
.price.note { font-style: italic; font-size: 0.8em !important; text-transform: uppercase; }
#SoldOutMessage { font-size: 1.2em; }

/* ------ Products ------ */
product-block { line-height: 1.3em; }
.product .shop-block div { margin-bottom: 7px; }
.product .shop-block .price { font-size: 1.5em; }
.product .shop-block .buy i { font-size: 2.0em; position: relative; top: 4px; }
.product .buy .btn-text { position: relative; top: -9px }
.product .package-product .title { font-size: 1.3em; color: #555555; margin-left: 10px; top: -4px; position: relative; }
.product .package-product { margin-bottom: 5px; }
.product.package { background-color: #ffffdd; padding: 15px 0 10px 0; }
/*.product .package-product .included { background-color: #ffffcc; padding: 7px 0 1px 15px; margin-bottom: 5px; }*/

.productRow.package { padding: 15px 5px; border-bottom: 1px solid #999999; margin-bottom: 10px; }
.productRow.package:last-child { border-bottom: 0 none; }
.productRow.package h4.package-header, div.tickets h4.package-header, div.packages h4.package-header {
    margin: -5px -11px 2px;
    background-color: #e54020;
    padding: 5px 10px;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 3px;
}
div.packages h4.package-header { margin: 0; background-color: #d9362e; }
div.tickets h4.package-header { margin: 0; background-color: #d9362e; }
div.packages h3 { padding: 5px 10px; /*text-transform: uppercase;*/  color: #000000; }
div.tickets h3 { padding: 5px 10px; /*text-transform: uppercase;*/ font-size: 1.2em; background-color: #999999; color: #ffffff; }
.productRow select, .productRow button { height: 36px; margin-bottom: 5px; max-width: 100%; font-size: 1.2em; }
.productRow button, #ModalCompare .modal-footer button { border: none; background-color: #e54020; color: #ffffff; height: 34px; }
.productRow button.purchase:hover { background-color: #d9362e; text-decoration: underline; }
.productRow button.disabled, .productRow button.disabled:hover { background-color: #666666; text-decoration: none; }
.productRow select.invalid { border: 2px solid Red; }

input.ng-invalid.ng-touched, textarea.ng-invalid.ng-touched {
    border: 2px solid red;
}

.productRow.ticket { padding: 15px 5px; border-bottom: 1px solid #999999; margin-bottom: 10px; }
.productRow.ticket:last-child { border-bottom: 0 none; }
div.packages div.col-sm-7 { padding-right: 10px; }
div.packages div.col-sm-5 { padding-left: 10px; }
div.packages div.description { margin-bottom: 15px; }

.row.order { margin-bottom: 0.5em; }
.order-container { border: dotted 1px gray; padding: 5px 15px 10px 15px; margin: 10px -15px; }
.order-container p { font-size: 1.0em; }

.productRow p.description {  }
.productRow p.info a { color: #ffffff; display: inline-block; padding: 10px 17px 9px; background-color: #439196; text-transform: uppercase; }
.productRow p.info a:hover { background-color: #d9362e; color: #ffffff; }
p.info { margin: 0.5em 0 !important; }
div.tickets p.info { display: inline-block; margin-right: 10px !important; }
div.tickets .sellBox { display: inline-block; }

.modal-header { padding-bottom: 0; background-color: #e54020; margin-bottom: 15px; border-top-left-radius: 6px; border-top-right-radius: 6px; color: White; }
.modal-header h2 { color: #ffffff; }
.modal-header .close { margin-top: -5px !important; }
.modal-header button.close:hover { background-color: none !important; }
.productRow .price { display: inline-block; margin: 10px 5px 0 0; font-size: 1.2em; }
.modal-footer { padding-top: 0; }
.productRow .modal-footer button { border: 1px solid #ccc; height: inherit; }
.modal-footer { text-align: center; border-top: 0px none;  }
.productRow .modal-header { border-bottom: 0px none; }
.productRow .modal-body { padding-top: 0px; }
.productRow .modal-body .thumbHolder { padding-bottom: 15px; }
.thumbHolder img { width: 100%; }

.price.sale { color: Green; font-weight: bold; }
.price.regular-strike { text-decoration: line-through; }

div.tickets p.description { font-size: 0.8em; }
div.tickets h4 { font-size: 1.8em; /*line-height: 1.0em; text-decoration: underline;*/ font-family: MalamondoLight; }
div.packages h4 { font-size: 2em; font-family: MalamondoLight; /*text-decoration: underline;*/ }

table.comparison { width: 100%; }
table.comparison td.included { text-align: center; }
table.comparison td.not-included { text-align: center; color: #999999; }
table.comparison td { width: 20%; padding: 3px; }
table.comparison tr { border-bottom: solid 1px #cccccc; }
table.comparison tr:nth-child(even) {  }
table.comparison td:first-child { width: 40%; }
table.comparison th { text-align: center; padding: 0 10px 10px; line-height: 13px; font-weight: normal; }
table.comparison td.included img { width: 24px; }

/*.price { font-size: 18px; }
.sale { color: Red; font-weight: bold; }
.regular-strike { text-decoration: line-through; }

.package div.purchase { max-width: 75%; }
.purchase select { width: auto; }
.purchase .quantity input { width: 100px; }

.productRow { margin-bottom: 20px; }
.productRow select, .productRow button {  }
.productRow select.fullWidth { width: 100%; }

.package h4 { font-size: 2em; line-height: 1.2em; }

.products div.product { margin-bottom: 25px; }


*/

.cart-product table td { padding: 5px; }
.cart-product tbody.error { border: 2px solid Red;  }
.error-heading { background-color: Red; color: #ffffff; padding: 2px 4px; }
.error-message, .error .remaining { color: Red; }
.error .remaining { font-size: 0.9em; margin-top: 5px; line-height: 1em; }
.error-heading h5 { margin: 0; font-weight: bold; }
.cart-row { border-bottom: 1px solid #dddddd; margin-bottom: 10px; display: block;padding-bottom: 10px; }
/*.cart-row:last-child { border-bottom: 0 none; }*/
.cart-table h4, #TermsHider h3 { font-family: sans-serif; }


/* ----------- shop confirmation ------------- */
.confirm-box { padding: 15px; margin-top: 35px; font-size: 1.2em;  }
.confirm-box h2 { border-bottom: solid 1px #999999; color: #000000; margin-bottom: 20px; padding-bottom: 10px; }
.items .row:nth-child(even) { border-top: 1px solid #cccccc; }
.items .row { padding: 15px 5px 5px 5px; }
#will-call { margin-top: 40px; }
#will-call h3 { font-size: 1.4em; }

/* ------ Homepage slider ------ */
/*#Hero {
    background-color: bisque;
}
.container#Hero {
    padding: 0;
}
#HomeSlider { margin-left: -20px; }
.slide img { box-shadow: 1px 1px 2px #000000; position: relative; z-index: 1; }*/

#Hero { /*background: none;*/ }

/* ------ Navigation ------ */

ul.nav > li.top { font-size: 24px; font-family: MalamondoLight; letter-spacing: 2px; font-weight: normal; font-style: normal; color: #999999; }

/*nav.navbar ul.nav > li > a { margin: 5px 12px; height: 30px; }*/
nav.navbar ul.nav > li {  }
nav.navbar ul.nav > li > a { padding-top: 10px; padding-left: 10px; height: 30px; text-shadow: 1px 1px 1px #333333; text-decoration: none; }
nav.navbar ul.nav > li > a:hover { color: #d9362e !important; }

.navbar-nav li a { color: #ffffff !important; background-color: #444444 !important; }
.navbar-nav li > ul > li > a { font-size: 1.5em; font-family: MalamondoLight; text-decoration: none; letter-spacing: 1px; padding-top: 10px !important; }

#Home { font-size: 2em; padding-left: 0px; padding-top: 6px; }

.navbar-nav li.coming.top a, .navbar-nav li.coming.top a:hover { cursor: default; color: #555555 !important; text-shadow: none !important; opacity: 0.25; }
#primary-nav { float: left; }

.navbar-default .navbar-collapse { border: 0 none; box-shadow: #000000 0px 1px 1px; }

.nav.hang a { background-color: #439196 !important; }
.nav.hang a:hover { color: #000000 !important; }
nav ul.nav { height: 40px; }

nav.navbar { border: 0 none; border-radius: 0; }
nav.navbar ul.nav { list-style-type: none; /*float: left;*/ }

ul.social-media { margin-bottom: 0; float: right; padding-left: 0; padding-right: 5px; float: right;list-style-type: none; }
ul.social-media li { float: left; position: relative; }
a.icon {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    margin: 5px 0 0 5px;
    background-image: url(images/icon-sprite.png);
    cursor: pointer;
}

a.facebook { background-position: -30px 0; }
a.facebook:hover { background-position: -30px -30px; }
a.twitter { background-position: 0px 0px; }
a.twitter:hover { background-position: 0px -30px; }
a.email { background-position: -60px 0px; }
a.email:hover { background-position: -60px -30px; }
a.checkout { background-position: -90px 0px; }
a.checkout:hover, a.checkout:focus, a.checkout.active { background-position: -90px -30px; }
div.row div.social-media { text-align: right;}

ul.dropdown-menu, ul.dropdown-menu li, ul.dropdown-menu a { background-color: #439196 !important; }
ul.dropdown-menu > li > a:hover, ul.dropdown-menu > li > a:active { display: block; color: #ef6b47 !important; background-color: #439196 !important; }

nav.container { padding: 0;}
/*.container-fluid.nav { padding-left: 0; }*/
nav .navbar-toggle {  }
nav .navbar-toggle .icon-bar { height: 3px; }
nav .navbar-toggle { padding: 4px; background-color: #ffffff; }
nav .navbar-header { float: right; }
.toggleLabel { margin: 10px 5px 0 0; display: none; }

.breadcrumb nav { padding: 0; background-color: inherit; border-radius: 0; margin-bottom: 10px; }
.share-label { display: inline-block; position: relative; top: -7px; }
.cartAlert {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 4px;
    right: -5px;
    padding: 2px;
    background-color: Red;
    color: white;
    font-size: 0.8em;
    min-width: 15px;
    text-align: center;
    line-height: 0.8em;
    border-radius: 10px;
}

body.romance ul.dropdown-menu, body.romance ul.dropdown-menu li, body.romance ul.dropdown-menu a {
    background-color: #439196 !important;
}
body.horror ul.dropdown-menu, body.horror ul.dropdown-menu li, body.horror ul.dropdown-menu a {
    background-color: #697e3d !important;
}
body.adventure ul.dropdown-menu, body.adventure ul.dropdown-menu li, body.adventure ul.dropdown-menu a {
    background-color: #6e1519 !important;
}

/*.navbar { margin-bottom: 0px; }*/

.copyright { text-align: center; }

.fade.ng-hide {
  transition:0.5s linear all;
  opacity:0;
}

.img-text { text-indent: 0; background-image: none !important; height: 30px; margin-bottom: 10px; margin-right: 20px; }
.img-text#GetInvolved { width: 330px; }
.img-text#JoinTheParty { width: 330px; background-position: 0 -90px; }
.img-text#NewsAndUpdates { width: 330px; background-position: 0 -30px; }
.img-text#Sponsors { width: 329px; background-position: 0 -180px; }

.img-text span.chevron { background-image: url(images/icon-sprite.png); width: 210px; }


/* ----- Home ----- */
.numbers { text-align: center; }
.numbers div { background-image: none !important; width: 75px; height: 75px; text-indent: 0; display: inline-block; margin: 0.5em 0; }
.numbers div#number-1 { background-position: 0px; }
.numbers div#number-2 { background-position: -75px 0px; }
.numbers div#number-3 { background-position: -150px 0px; }

div.hang#GetInvolved { background-image: none !important; background-repeat: no-repeat; background-position: left bottom; }

/* ----- Vending Form ----- */
#VendingOptions div.row, #VendingAddOns div.row, #VendorTickets div.row { padding: 10px 0; }
#VendingOptions div.selected, #VendingAddOns div.selected, #VendorTickets div.selected { background-color: #ffff99; }
#VendingOptions div.not-selected, #VendingAddOns div.not-selected { opacity: 0.3; }
.form-group input[type="checkbox"] + .btn-group > label span { width: 20px;}
.form-group input[type="checkbox"] + .btn-group > label span:first-child { display: none;}
.form-group input[type="checkbox"] + .btn-group > label span:last-child { display: inline-block;   }
.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child { display: inline-block;}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child { display: none;   }
.form-group input[type="checkbox"] { 
    width: 30px; box-shadow: none; -webkit-box-shadow: none; display: inline-block;
}
.form-group .checkbox-value { font-size: 1.5em; position: relative; display: inline-block; top: -8px; font-weight: normal; }
#NeedsPowerHelp { position: relative; top: -10px; }
#VendingPayment .form-group { display: inline-block; }
#VendorPayment h4 { font-family: sans-serif; font-weight: bold; text-align: right; }
#VendorAgreement button { margin-bottom: 10px;}

.required { color: #d9362e; }

label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #989898;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #484a34;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #484a34;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #989898;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #484a34;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #484a34;
}

div[data-toggle="buttons"] label.active{
    color: #484a34;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#989898;
border-radius: 3px;
color: #989898;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #484a34;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

#performers h4 { margin-top: 0; }
#performers img { width: 100%; margin-bottom: 1em; }


/* ------ Utility ------ */
.icon-med { font-size: 1.5em !important; margin-top: 3px; }
.icon-green { color: #009900; }

.always-show { display: block !important; }

.cloak { display: none !important; }
.uncloak { display: inline-block !important; }

.cart-product .warning { color: Red; font-size: 1.2em; }
.message { color: Green; font-size: 1.2em; font-style: italic; margin: 1em 0 0; }
.thumbHolder { padding-right: 0; margin-bottom: 1em; }
.thumbnail { width: 100%;margin: 10px 0 0 0; }
.thumbnail-container img { width: 100%; }
.prodImage { width: 49%; }
/*.welcome h3 { font-size: 2em; font-family: sans-serif; font-weight: bold; }*/
.headPost p { font-size: 1em; }
.headPost h3 { font-size: 2em; /*margin-bottom: 0px;*/ }
.pubdate { font-size: 12px; }
.posts h4 { /*margin-bottom: 0px;*/ }
.readmore { white-space: nowrap; }
.post { /*margin-bottom: 2em;*/ }
.text-center { text-align: center; }
.text-center img { max-width: 225px; }
.row.posts .thumb img { width: 100%; }
.post h4 { margin-top: 0; }
.fineprint { font-size: 0.8em; color: #999999; }

.not-available { font-style: italic; margin-top: 10px; font-weight: bold; font-size: 1.2em; }
.delete-x span { display: block; padding: 0 5px; background-color: #cccccc; cursor: pointer;margin-right: 5px;text-align: center; width: 20px; }
.delete-x span a { color: #ffffff; }
.delete-x span:hover { background-color: #ff0000; }
td.delete-x { padding-right: 0px !important; }
.remaining, .maxNote { font-size: 0.8em; text-transform: uppercase; /*white-space: nowrap;*/ display: inline-block; }
.maxNote { display: inline-block; margin-top: 3px; margin-right: 10px; }
.details { font-size: 0.8em; text-transform: uppercase; color: #999999; }

.special { color: #339933; font-weight: bold; font-size: 1.5em; }
.not-special { text-decoration: line-through; }

.float-image { float: right; margin: 0 0 1em 1em; }

.featuredLabel { text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 5px;
    font-weight: bold; }

#at-cv-lightbox { display: none; }

.ieWarning { font-size: 2em; width: 75%; max-width: 800px; color: #ff0000; text-align: center; margin: 0 auto 25px;}

.smheading { font-size: 0.8em; text-transform: uppercase; letter-spacing: 3px; margin: 0; display: block; }

/* ------ Bootstrap overrides ----- */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], 
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], 
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { height: auto; }

h1 { margin-top: 0; }
h4, h5, h6 { line-height: normal; }

label { display: inherit; }

.row { margin: 0 -15px 1em; }

.navbar { min-height: 40px; }
/*.navbar-collapse.in { overflow-y: show; }*/

.navbar-nav > li > .dropdown-menu { margin-top: 5px; }


select { margin-bottom: 0px; }

form { margin-bottom: 0; }

/* use this class to make an angular modal scrollable. */
.scrollable { position: absolute; bottom: inherit;  }

.carousel-control { width: 0%; }

.carousel-inner { background-image: url(images/bg_map-2.jpg); /*border: solid 1px #bbbbbb;*/ }

img.qrcode {
    width: 100%;
    max-width: 300px;
}


@media (min-width: 1200px) {
    .container { width: 750px; }
}
@media (min-width: 992px) {
    .container { width: 750px; }
}
@media (max-width: 767px) {
    /* Need to crop out and adjust some elements for small viewports */

    body { background-image: none; }

    /* prevent horizontal scroll by cropping containers */
    .container { width: 100% !important; overflow-x: hidden; }
    .hang { margin: 0; }
    .carousel-control { font-size: 30px; }
    .carousel-control.left { left: 20px; }
    .carousel-control.right { right: 20px; }
    #myCarousel { margin: 0; }
    .hang.title h2 { margin-left: 20px; }
    .container.stripe { height: 19vw; }
    nav.navbar.open { margin-bottom: 0px;}

}
@media (min-width: 768px) {
    .container { width: 750px; }
    .home-nav { display: none; }
    .modal-dialog { width: 85%; max-width: 620px; }
    .container.stripe { /*height: 150px;*/ overflow: hidden; }
    .stripe img { width: inherit; }
}
@media (max-width: 767px) {
    nav .hang { padding: 0 35px; }
    nav ul.nav { height: auto; }
    ul.navbar-nav { float: left; }
    div.navbar-collapse { padding: 0 0 10px 0; }
    ul.social-media a.icon { margin: 5px 5px 5px 0; }
    .navbar-toggle { margin-right: 0; }
    nav.navbar ul { width: 100%; float: none;}
    ul.social-media { float: none; }
    .toggleLabel { display: inline-block }
    table.comparison { font-size: 0.9em; }
    table.comparison th { padding: 0; }
    .navbar-nav { margin: 7.5px -10px; }
    nav.navbar ul.nav > li > a[href="/"] { margin: 0px 10px; }
    h1 { font-size: 2.0em !important; }
    h3 { font-size: 1.5em !important; }
    .modal-dialog h4 { font-size: 18px; font-family: sans-serif; }
    .cart-table .thumbnail-container { display: none; }
    .navbar-default .navbar-collapse { box-shadow: none; }
    .social-media { margin-left: 0; }
    ul.dropdown-menu a { background-color: none; }
    .icon.choose { display: none; }
    nav.navbar-default { overflow-x: visible; }
    .dropdown-menu.choose { display: block; z-index: 101; margin-top: 5px; }
    .chooser.horror.selected { border: 2px solid #c6fa69; }
    .chooser.romance.selected { border: 2px solid #c4e2e5; }
    .chooser.adventure.selected { border: 2px solid #fad797; }
    .chooser-container { /*max-width: 175px;*/ width: 100%; text-align:center; }
    .chooser { float: none; margin-top: 5px}
    .dropdown-menu.choose h3 { text-align: center; width: 100%; margin-top: 0px; }
    .dropdown .dropdown-menu.choose { display: none !important; }
    .dropdown-menu.choose { position: relative; margin-top: 5px !important; }
}
@media (min-width: 849px) {

}

@media (min-width: 768px) {
    /* product blocks are inline (override bootstrap grid) when width > 768  */
    /*.products .product-grid .row div { display: inline-block; float: none; vertical-align: top; }*/
}

@media (max-width: 360px) {
    table.comparison { font-size: 0.8em; }
    .welcome img { width: 100%; }
}

@media print {

    a { font-weight: normal; color: #000000 !important; }
    body { /*zoom: 80%;*/ }
    .logo-banner .logo { width: 70%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }

    img.qrcode {
        width: 100%;
        max-width: 175px !important;
    }
    #LogoBanner {
        max-height: 80px;
    }
    .review .row {
        margin-bottom: 5px;
    }
    .noprint { 
        display: none;
    }
    .terms { margin-top: 20px;}
    .terms ol {
        font-size: 12px;
        margin-left: -20px;
    }
}