html { scroll-behavior: auto !important; }  body {  background-color: #000; font-size: 17px;  font-family: 'Roboto';    overflow-y: scroll;   } ::-webkit-scrollbar { width: 15px; height: 10px; } ::-webkit-scrollbar-track { background: #000; } ::-webkit-scrollbar-thumb { background: #fff;  } .background { background-color: #fff; } .content { padding: 20px 0px; } hr { border-color: #ccc;} h1 { padding: 25px 0px 15px 0px; font-size: 40px; margin: 0px; } h2 { padding: 20px 0px 15px 0px; font-size: 30px; margin: 0px; } h3 { padding: 16px 0px 13px 0px;  font-size: 25px; margin: 0px; } h4 { padding: 10px 0px 8px 0px;  margin: 0px; font-size: 22px; }  h1,h2,h3,h4,h5,h6 { font-family: "Roboto Condensed"; } a { color: #811; text-decoration: none !important; } a:hover { color: #c33;  } a:focus { color: #922; } a.no-underline:hover { text-decoration: none !important; } .btn-danger { background-color: #811; border-color: #700; text-shadow: 0px 2px 2px rgba(0,0,0,0.4);} .btn-danger:hover { background-color: #a22; } .btn-outline-danger { border-color:  #811; color: #922;} .btn-outline-danger:hover { background-color: #a33; border-color:  #922; color: #fff; } .two-columns { column-count: 1;  }  @media (min-width: 992px) {  .two-columns { column-count: 2; }  } .inversed { background-color: #000; color: #fff; } tr.vertical-align td { vertical-align: middle !important; } .thumbnail { border: none; padding: 0px; border-radius: 0px;}  .thumbnail p { margin-bottom: 0px !important; } .thumbnail-intext { margin: 7px 10px;} .thumbnail-inline { display: inline-block; margin: 5px 0px !important; } .thumbnail-figure img { padding: 5px; background-color: #eee;} a.thumbnail-figure:hover img, .thumbnail-figure a:hover img { background-color: #ddd; } .thumbnail-figure .caption { font-size: 13px; } .under-figure { margin: 0px 20px 20px 20px; } .gui-slide { border-radius: 10px; line-height: 19px;  font-size: 14px; font-weight: bold; background-color: #fff; color: #ccc; width: 20px; height: 20px; display: inline-block; text-align: center;}  .gui-slides { background-color: #eee; padding: 0px 10px 7px 10px; color: #888; text-align: left;}  .support-icon { text-align: center; margin-bottom: 20px; margin-top: 0px; font-size: 150px; line-height: 150px; color: #811; } .support-icon:hover { color: #922; } .availability { background-color: #d83 ; margin-bottom: 20px; margin-top: 20px; color: #fff; padding: 10px 20px; } .availability a { color: #fff; margin-right: 10px; } .availability h3 { margin-top: 0px; padding-top: 15px;} .artist-item {  height: 100%; position: relative;  margin: 0px auto; }     @media (min-width: 576px) {   .artist-item { width: 100%; }  } .artist-item img {  width: 100%; object-fit: cover; height: 100%;} .artist-item-hidden { display: none; } .artist-item h4 { padding: 8px 12px 8px 12px; margin: 0px;  font-size: 20px; position: absolute;  bottom: 0px; left: 0px; right: 0px; color: #fff; background-color: #0008; } .artist-item:hover { } .artist-item:hover img { opacity: 0.7;} .artist-less, .artist-more {  display: block; text-align: center; margin-top: 20px;  } .home-container {  height: 400px; background-repeat: no-repeat;  background-position: right bottom;  border-bottom: 3px solid #fff;  } .home-container a { text-decoration: none; } @media (min-width: 1920px) { .home-container.full-size { background-size: 100% auto; } } .home-container .row div { background-color: rgba(255,255,255,0.9);  padding: 10px 30px;} .home-container.dark .row div { background-color: rgba(220,220,220,0.9);  }  .home-container.dark { background-color:  #ddd; background-position: left bottom !important;  } .home-container:last-child { border-bottom: none; }   @media (min-width: 992px) {  .home-container .lead { color: #555; } .home-container .row div { } .home-container.dark .row div {   } } .home-container .label { font-size: 17px; padding: 2px 4px 2px 8px !important; vertical-align: 6px; border-radius: 0px; background-color: #d83; position: relative; margin-right: 10px; } .home-container .label:after { position: absolute; content:""; width:0; height:0; top: 0px; right: -12px;   border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:12px solid #d83; } .footer { min-height: 250px; background-color: #000; color: #ccc; } .footer h4 { margin-top: 20px; color: #fff;} .footer a { color: #aaa; } .footer h4 a { color: #fff; } .footer h4 a:hover { color: #fff; } .footer a:hover { text-decoration: none; color: #ccc; } .primary-header { font-size: 30px; } .primary-lead { font-size: 19px;  } @media (min-width: 786px) {  .primary-header { font-size: 30px;} .primary-lead { font-size: 19px; } } @media (min-width: 992px) {  .primary-header { font-size: 32px;  } .primary-lead   { font-size: 20px; } } @media (min-width: 1200px) {  .primary-header             { font-size: 40px; } .primary-lead          { font-size: 22px; } } @media (min-width: 1400px) {  .primary-header             { font-size: 50px; } .primary-lead           { font-size: 25px; } } .product-card {  -webkit-transition:  all 0.3s; -o-transition:  all 0.3s; transition:  all 0.3s; border-color: #ccc; } .product-card a p { -webkit-transition:  all 0.3s; -o-transition:  all 0.3s; transition:  all 0.3s; opacity: 0.0; height: 100px; width:100%; background-color: #833c; color: #fff;} .product-card a:hover p { opacity: 1.0;} .product-card img { position: absolute; width: auto;  height: 90%;   bottom: 5%; left: 50%;   -webkit-transform:  translateX(-50%); -moz-transform:  translateX(-50%); -o-transform:  translateX(-50%); -ms-transform:  translateX(-50%); transform:  translateX(-50%); } .product-card:hover { border-color: #833; box-shadow:  3px 3px 8px #0001; -moz-box-shadow:  3px 3px 8px #0001; -webkit-box-shadow:  3px 3px 8px #0001;}  .product-card .card-body { border-radius: 4px 4px 0px 0px; height: 300px; background-color: #ddd; } .logo-header {  background-color: #411; box-shadow:  0px 2px 10px rgba(0,0,0,0.5); -moz-box-shadow:  0px 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow:  0px 2px 10px rgba(0,0,0,0.5);    position: relative;  padding-top: 0px; color: #fff; } .logo-header .container { padding: 40px 20px 30px 20px; } .logo-header img { width: 80%; height: auto; } .logo-header .buttons-container {  border-top: 2px solid #fff;  color: #fff; width: 200px; margin-top: 20px; } @media (min-width: 992px) { .logo-header .col-md-8 { position: relative; height: 150px; } .logo-header .col-md-4 { position: relative; height: 150px;} .logo-header img { width: 500px; height: auto; position: absolute; bottom: 0px; left: 0px; } .logo-header .buttons-container {position: absolute; right: 0px; bottom: 0px;  border-top: none; } .logo-header .price { text-align: center !important;  font-size: 40px !important; margin-top: 0px !important;  } .logo-header .buttons-container p { text-align: center !important; margin-top: 0px !important; } } .logo-header .price { font-weight: bold; text-align: center; margin: 0px 0px 5px 0px;  font-size: 43px;  display: block; padding: 0px;} .logo-header .price small { font-size: 25px; } .logo-header .buttons-container p { text-align: left; margin: 0px; padding: 0px;  font-size: 20px;  min-height: 20px; margin-top: 10px;} .logo-header .buttons-container .btn-group { width: 100%;} .product-header {  height: 400px; background-color: #1b090a; background-position: center;  background-repeat: no-repeat;  } .product-header .container {  position:relative; height: 100%; } .upgrade_announcement_mobile { background-color: #1a1a1a; text-align: center; } .upgrade_announcement { position: absolute; left: 20px; bottom: 20px; } .bundle-boxes { background-size: 120% auto; background-repeat: no-repeat; background-position: 20px center; } @media (min-width: 768px) {  .bundle-boxes { background-size: 100% auto; background-repeat: no-repeat; background-position: center; } } @media (min-width: 992px) {  .bundle-boxes { background-size: auto; background-position: left center;} } .menu-top-background {  height: 66px; background-color: #000; position: fixed; top: 0px; width: 100%;  z-index: 35; -moz-box-sizing:  content-box; -webkit-box-sizing:  content-box; box-sizing:  content-box; -webkit-transition:  all 0.1s ease-out; -o-transition:  all 0.1s ease-out; transition:  all 0.1s ease-out; } .menu-top-background-transparent {  background-color: #0001; } .menu-top-background .container { padding: 0px; } .menu-top-background .drop-down-menu { background-color: #000; } .menu-top .left-side { display: none; } .menu-top .right-side .toggle { width: 50px; text-align: center; float: right;  display: inline-block; padding: 0px 10px;} .menu-top .right-side .toggle:hover { background-color: #a33; } @media all and (min-width: 992px) {  .menu-top .left-side { display: block; } .menu-top .right-side .toggle { display: none; } } .menu-top-background {  font-family: 'Oswald'; font-size: 20px; color: #fff;  z-index: 35;  } .menu-top-background .item {  height: 66px;  line-height: 66px;  display: inline-block; -moz-box-sizing:  content-box; -webkit-box-sizing:  content-box; box-sizing:  content-box; vertical-align: middle;  } .menu-top-background .text-item { padding: 0px 30px;} .menu-top-background a:hover .text-item { background-color: #a33; } .menu-top-background a { color: #eee; text-decoration: none; } .menu-top-background .logo {  overflow: hidden; line-height: 60px; width: 55px;  } @media all and (min-width: 992px) {  .menu-top-background .logo {  width: 175px;  } } .menu-top-background img.logo-vector {  margin-left: 5px;  height: 45px; width: auto;  -moz-box-sizing:  border-box; -webkit-box-sizing:  border-box; box-sizing:  border-box; } .menu-top-background .text-item.active { background-color: #411; } .menu-top-background .text-item.active:hover { background-color: #c33; } .menu-top .cart.non-empty {background: #811;} .menu-top .cart.non-empty:hover { background-color: #a33;} .menu-top .cart span {border-left: 2px solid #fff; color: #fff; padding: 0px 0px 1px 8px; margin-left: 4px;} .menu-top .cart { padding: 0px 10px; width: 130px;} @keyframes one-time-flash { from { background: #fff; } to { background: #811; } } .menu-top .flash { animation: one-time-flash 0.5s linear 0s; background: #811; }