@font-face {
    font-family: 'Trebuchet MS';
    font-style: normal;
    font-weight: normal;
    src: local('Trebuchet MS'), url('../fonts/trebuc.woff') format('woff');
}

@font-face {
	font-family: 'TWCenMT';
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/TwCenMT/TwCenMTStd.otf") format('opentype');
	src: url('../fonts/TwCenMT/tw-cen-mt.ttf') format('truetype');	
}

@font-face {
	font-family: 'Viner Hand ITC';
	font-style: normal;
	font-weight: normal;
	src: local('Viner Hand ITC'), url('../fonts/Viner Hand ITC.ttf') format('truetype');
}

@font-face { 
	font-family: centurygothic; 
	font-style: normal; 
	font-weight: normal; 
	src: url("../fonts/CentryGothic/century-gothic-reg.eot"); 
	src: url("../fonts/CentryGothic/century-gothic-reg.eot?#iefix") format("embedded-opentype"), url("../fonts/CentryGothic/century-gothic-reg.woff") format("woff"), url("../fonts/CentryGothic/century-gothic-reg.ttf") format("truetype"); 
}

img {
	transform: translateZ(0);
}

body {
	background-color: black;
	color: white;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-size: 14pt;	
}

body.jason {
	margin-bottom: 100px;
}

input.form-control, select.form-control, select.form-control option, textarea.form-control {
	font-size: 14pt;
}

.background-static {
	/* position: fixed;
	top: 180px;
	right: 0;
	bottom: 0; */
	position: absolute;
	top: 355px;
	right: 0;
	z-index: -10;
}

.navbar-inverse {
	background-color: initial;
	position: absolute;
	left: 0;
	right: 0;
	top: 140px;
	border: none;
}

.center-nav {
	width: max-content;
	float: none;
	margin: auto;
}

.center-nav li {
	padding-left: 10px;
	padding-right: 10px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: transparent;
}

.navbar-nav > li > .dropdown-menu {
	background-color: transparent;
}

.dropdown-menu > li {
	margin-bottom: 5px;
}

.dropdown-menu > li > a {
	background-color: #ed1c24;
	color: white;
	font-size: 14pt;
	font-weight: bold;
	width: 200px;
}

.top-banner {
	border-bottom: 5px solid #5f5f5f;
	height: 185px;
	margin-bottom: 50px;
}

.top-banner img.left {
	position: absolute;
	left: 0;
}

.top-banner img.right {
	position: absolute;
	right: 0;
}

.top-banner img.logo {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 100;
	margin-top: 0;
}

.navbar {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
}

.navbar-inverse .navbar-nav > li > a {
	color: white;
}

.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #252525;
	color: white;
	padding: 18px;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	z-index: 10;
}

.footer a {
	color: white;
	padding-left: 30px;
	padding-right: 30px;
}

.index-grid img {
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	margin-bottom: 70px;
}

.index-grid h2 {
	font-size: 14pt;
	text-align: center;
}

.index-grid .d23 {
	padding-left: 100px;
	padding-right: 100px;
}

.kotu-subheading {
	font-family: 'Viner Hand ITC';
	font-size: 30pt;
	text-align: center;
}

.music-logo {
	margin-left: auto;
	margin-right: auto;
}

.music-description {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.music-track-item {
	display: flex; 
	align-items: center;
}

.track-visual {
	padding-right: 30px;
}

.track-purchase {
	padding-left: 30px;
	width: 130px;
}

.music-sample {
	font-family: 'centurygothic', Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

.music-pricing {
	text-align: center;
}

.music-pricing strong {
	font-size: 18pt;
}

.play-track, .stop-track {
	background-color: initial;
	font-size: 58px;
	color: #959595;
	padding: 0;
	padding-top: 8px;
}

.music-purchase {
	font-family: 'centurygothic', Arial, Helvetica, sans-serif;
	background-color: blue;
	border-color: blue;
	border-radius: 0;
	font-size: 14pt;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.novel-logo {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 70px;
}

.pdf-spacing {
	margin-top: 40px;
}

.download-pdf {
	font-size: 18pt;
	color: red;
	font-family: 'Trebuchet MS';
	padding-right: 60px;
}

.writing-description {
	text-align: center;
}

.writing-description p {
	padding-bottom: 20px;
}

.writing-interview {
	background-color: #252525;
	padding: 30px;
}

.writing-interview p {
	padding-top: 15px;
}

.writing-interview em {
	padding-bottom: 15px;
}

.novel-download {
	padding: 40px;
}

.novel-download p {
	padding: 10px;
}

.novel-download h2 {
	font-size: 24pt;
	color: #8282fe;
}

.ferocious h2 {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	font-family: 'TWCenMT';
	font-size: 12pt;
}

.ferocious img {
	margin-left: auto;
	margin-right: auto;
}

.merchandise {
	margin-bottom: 40px;
}

.merchandise h1, .art h1, h1.cart {
	font-family: 'TWCenMT';
	font-size: 72pt;
	margin-top: 50px;
	margin-bottom: 100px;
	text-align: center;
}

.merchandise h2 {
	font-family: 'TWCenMT';
	font-size: 24pt;
	margin-bottom: 50px;
	text-align: center;
}

.merchandise p {
	text-align: center;
}

.about p {
	padding-top: 15px;
}

.art div {
	margin-bottom: 50px;
	text-align: center;
}

.art > div > div {
	text-align: center;
}

.art > div > div > img.img-responsive {
	display: inline;
}

.art > div > div:first-child {
	text-align: left;
}

.art > div > div:last-child {
	text-align: right;
}

.clickable {
	cursor: pointer;
}

.art-modal .modal-content {
	background-color: transparent;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	text-align: center;
}

button.close {
	color: black;
	background-color: white;
	border-radius: 20px;
	width: 25px;
	height: 25px;
	opacity: 1;
}

.header {
	height: 30px;
	font-size: 12pt;
	font-weight: normal;
}

div.purchase-overlay {
	margin-bottom: 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(150, 150, 150, 0.3);
}

.purchase-container {
	/* cursor: pointer; */
}

.purchase-container:hover div.purchase-overlay {
	display: initial;
}

div.purchase-button {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
	margin-bottom: 15px;
}

.wallpaper-purchase {
	background-color: blue;
	border-color: blue;
	font-size: 14pt;
	font-weight: bold;
}

.btn-subgenres {
	background-color: #ed1c24;
	color: white;
	font-size: 14pt;
	font-weight: bold;
	width: 180px;
	margin: 5px;
	padding: 3px;
	border-radius: 0;
}

.btn-subgenres:hover {
	background-color: white;
	color: #ed1c24;
}

.mall-products-empty {
	text-align: center;
}

/* Mall customisations */

button,
input,
optgroup,
select,
textarea {
	color: black;
}

h1.cart {
	font-family: 'TWCenMT' !important;
	font-size: 50px;
	margin-bottom: 40px;
}

.discount-spacing {
	margin-bottom: 40px;
}

.account-link, .cart-link, .account-link:hover, .cart-link:hover, .account-link:active, .cart-link:active, .account-link:visited, .cart-link:visited {
	color: white;
}

.mall-account-button, .mall-cart-button {
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
}

.mall-my-account a {
	color: white;
	font-weight: bold;
}

.mall-my-account a:hover {
	color: black;
}

.mall-my-account h2, .mall-quick-checkout h2 {
	font-family: 'TWCenMT';
	font-size: 24pt;
	margin-bottom: 50px;
}

h3.reset-password {
	margin-top: 40px;
	margin-bottom: 20px;
}

.table .table {
	background-color: initial;
}

table.product-list-table {
	margin: 40px;
	color: white;
}

a.order-download:hover {
	color: white;
}

.order-detail {
	font-style: italic;
	color: #5f5f5f;
}

.order-detail h5 {
	color: white;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
}

.address-actions {
	margin-top: 50px;
}

#countryState {
	margin-top: 30px;
}

.signin-column {
	padding-left: 50px;
	padding-right: 50px;
}

.signup-heading {
	margin-bottom: 30px;
}

.mall-checkbox input{
	padding-right: 10px;
}

.mall-quick-checkout__toggle-option-selection, .mall-quick-checkout__toggle-option-logo, .mall-quick-checkout__heading {
	display: inline-block;
}

.mall-selection-indicator {
	font-size: 30pt;
	font-weight: bold;
	padding-top: 10px;
}

mall-quick-checkout__collapsible-element--open {
	display: none;
}

.mall-quick-checkout__collapsible-header h2, .mall-quick-checkout__collapsible-summary {
	display: inline;
}

.mall-quick-checkout__collapsible-summary {
	color: #5f5f5f;
	font-style: italic;
	padding-left: 20px;
}

.next-line {
	display: block;
}

.mall-quick-checkout__collapsible-header {
	cursor: pointer;
	padding-bottom: 30px;
	padding-top: 20px;
}

.mall-quick-checkout__collapsible-element .mall-quick-checkout__collapsible-content {
	display: none;
}

.mall-quick-checkout__collapsible-element--open .mall-quick-checkout__collapsible-summary {
	display: none;
}

.mall-quick-checkout__collapsible-element--open .mall-quick-checkout__collapsible-content {
	display: initial;
}

h4 {
	font-weight: bold;
}

.payment-method-icon {
	font-size: 22px;
	padding-top: 15px;
	color: white;
	padding-right: 10px;
}

.mall-cart-summary__heading {
	font-family: 'TWCenMT';
	font-size: 25px;
}

.mall-form-actions.billing {
	margin-bottom: 30px;
}

.mall-checkout-result__heading {
	margin-bottom: 30px;
	font-family: 'TWCenMT';
	font-size: 40px;
}

.mall-checkout-result__actions {
	margin-top: 30px;
}

/* D23 */

.dystopia.navbar-inverse {
	background-color: initial;
	position: absolute;
	left: 0;
	right: 0;
	top: 120px;
	border: none;
}

.dystopia .navbar-nav > li > .dropdown-menu {
	background-color: black;
}

.dystopia ul.nav li.dropdown:hover ul.dropdown-menu {
	display: block;
}

.dystopia .dropdown-menu > li {
	margin-bottom: 15px;
	margin-top: 15px;
}

.dystopia .dropdown-menu > li > a {
	color: white;
	background-color: black;
	font-size: 14px;
	font-weight: bold;
	width: 260px;
}

.dystopia-banner {
	height: 172px;
	text-align: center;
	background-image: url('../images/dystopia-background-header.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.dystopia-banner img {
	height: 70%;
	margin-top: 5px;
}

.dystopia, .dystopia p, .dystopia h1, .dystopia h2 {
	font-family: 'Play';
	font-size: 14px;
}

.dystopia p {
	text-align: justify;
	line-height: 1.7em;
}

.dystopia h1 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.dystopia p.tagline {
	font-size: 20px;
	text-align: center;
}

.dystopia .description-row {
	margin-top: 54px;
	padding-bottom: 30px;
}

.dystopia .description-row p {
	font-size: 16px;
	padding-left: 30px;
	padding-right: 30px;
}

.dystopia .video-space {
	padding-top: 80px;
	padding-bottom: 27px;
}

.dystopia .video-space iframe {
	width: 510px; 
	height: 287px;
}

.dystopia h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.text-justify {
	text-align: justify;
}

.darkgrey-background {
	background-color: #222222;
}

.lightgrey-background {
	background-color: #222222;
	background-image: linear-gradient(180deg,#333333 0%,#222222 100%);
}

.white-background {
	background-color: white;
	color: black;
}

.dystopia .home-register-space {
	margin-top: 81px;
}

.dystopia .home-bottom-row {
	margin-top: 54px;
}

.dystopia .top-page-spacing {
	margin-top: 81px;
}

.padded-column {
	padding-left: 30px;
	padding-right: 30px;
}

.history {
	padding-bottom: 54px;
}

.history p {
	line-height: 1.7em;
}

.nations {
	padding-bottom: 54px;
}

.nation-video-label {
	padding-top: 100px;
	padding-bottom: 100px;	
}

.nation-video-label p {
	text-align: center;
}

.nation {
	margin-top: 40px;
}

.nation img {
	float: right;
	margin-left: 15px;
	width: 420px;
}

.nation p {
	line-height: 1.7em;
}

.nation h3 {
	font-size: 18px;
	font-weight: 700;
}

.corps {
	margin-bottom: 54px;
	padding-bottom: 54px;
}

.corp {
	margin-top: 40px;
}

.corp h3 {
	font-weight: 700;
	color: rgb(51, 51, 51);
	font-size: 18px;
}

.corp p {
	color: rgb(102, 102, 102);
}

.corp img {
	float: right;
	margin-left: 15px;
}

.razorwalkers h2 {
	font-size: 30px;
	font-weight: 500;
}

.razorwalkers h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 27px;
}

.razorwalkers h4 {
	font-size: 16px;
	font-weight: normal;
}

.razorwalkers img {
	max-height: 500px;
	margin-left: auto;
	margin-right: auto;
}

.razorwalker-groups {
	margin-bottom: 135px;
}

.razorwalker-groups p {
	margin-bottom: 54px;
}

.razorwalkers-header-spacing {
	margin-bottom: 81px;
}

.dystopia.videos h3 {
	margin-top: 53px;
	margin-bottom: 63px;
	font-size: 22px;
	text-align: center;
}

.dystopia.videos h3.withsubhead {
	margin-bottom: 10px;
}

.dystopia.videos .subhead {
	text-align: center;
	margin-bottom: 32px;
}

.dystopia.videos iframe {
	width: 100%;
	min-height: 287px;
}

.dystopia .absolute-center {
	text-align: center;
}

.page-preview .pages-row {
	margin-bottom: 20px;
}

.inner-heading {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin-top: 54px;
	margin-bottom: 54px;
}

.eq-bottom-spacing {
	margin-bottom: 54px;
}

.page-preview .pages-row .col-xs-3 {
	padding-left: 10px;
	padding-right: 10px;
}

.page-preview .cover {
	padding: 30px;
}

.dystopia-footer {
	padding-top: 27px;
	padding-bottom: 27px;
	color: #999;
}

.dystopia-footer a, .dystopia-footer a:hover, .dystopia-footer a:active, .dystopia-footer a:visited {
	color: #999;
	text-decoration: none;
}

.dystopia .products-heading {
	padding: 81px;
	margin: 0;
	font-size: 26px;
	font-weight: normal;
}

.row.book-product {
	margin-top: 27px;
	margin-bottom: 27px;
}

.book-product img {
	margin-left: auto;
	margin-right: auto;
}

.book-product h3 {
	font-size: 18px;
	color: #333;
}

.book-product p, .book-product li {
	color: #666;
}

.book-product ul {
	padding-left: 14px;
}

.book-product li {
	padding-left: 10px;
	padding-bottom: 5px;
}

.btn-dystopia-buy, .btn-dystopia-add-cart, .btn-dystopia-unsub, .btn-dystopia-register {
	margin-top: 55px;
	border-radius: 3px;
	border: 2px solid black;
	font-size: 20px;
	font-weight: 500;
	background-color: white;
	color: black;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
}

.btn-dystopia-buy:hover, .btn-dystopia-add-cart:hover {
	color: red;
	background-color: rgba(0, 0, 0, 0.05);
	border-color: rgba(0, 0, 0, 0.05);
}

.btn-dystopia-add-cart {
	margin-top: -8px;
	margin-left: 20px;
	height: 49px;
}

.btn-dystopia-unsub, .btn-dystopia-register {
	margin-top: 10px;
	text-align: center;
	border-color: white;
	background-color: black;
	color: white;
	font-size: 14px;
	margin-bottom: 27px;
}

.btn-dystopia-register {
	background-color: transparent;
	font-size: 20px;
	font-weight: 500;
	margin-top: 54px;
}

.btn-dystopia-unsub:hover, .btn-dystopia-register:hover {
	color: red;
	background-color:#666;
	border-color: rgba(0, 0, 0, 0.05);
}

.dystopia .product h2 {
	color: #333;
	font-weight: 500;
	font-size: 30px;
	text-align: left;
	margin-top: 0;
}

.dystopia .product {
	padding-top: 58px;
}

.dystopia input.quantity-input {
	background-color: rgba(0,0,0,0.2);
	color: white;
	font-size: 20px;
	width: auto;
	max-width: 3.631em;
	border-width: 0;
	border-style: solid;
	height: 49px;
	border-radius: 3px;
	font-weight: 500;
	text-align: center;
	padding: 2px;
	margin-top: 3px;
}

.dystopia .product .image-container {
	padding-right: 60px;
}

.dystopia .product .image-container img {
	cursor: zoom-in;
}

.dystopia.related {
	padding-bottom: 81px;
}

.dystopia.related h3 {
	margin-top: 80px;
	font-size: 26px;
	font-weight: 500;
}

.dystopia.related h4 {
	margin-top: 5px;
	font-size: 26px;
	font-weight: 500;
}
.dystopia.related p {
	color: #666;
	font-size: 14px;
	font-weight: 400;
}

.dystopia.registration h2 {
	font-size: 22px;
	margin-top: 54px;
}

.dystopia .edge-row-spacing {
	margin-bottom: 81px;
}

.dystopia .edge-top {
	margin-bottom: 27px;
}

.dystopia.edge-register {
	padding-top: 81px;
	padding-bottom: 81px;
}

.dystopia.edge-register p {
	font-size: 16px;
}

.primer-registration {
	background-color: black;
	padding: 25px;
	color: white;
}

.primer-registration h3 {
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 14px;
}

.primer-registration input {
	margin-bottom: 14px;
	font-size: 16px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 18px;
	padding-right: 18px;
}

.primer-registration button {
	width: 100%;
	margin-top: 14px;
	border-radius: 3px;
	border: 2px solid white;
	font-size: 20px;
	font-weight: 500;
	background-color: black;
	color: white;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
}

.dystopia .cart {
	padding-top: 54px;
}

.dystopia .mall-cart__empty {
	padding-bottom: 54px;
	font-size: 20px;
}

.download-spacing {
	padding-top: 54px;
	padding-bottom: 154px;
}

.dystopia .mall-cart-actions {
	padding-bottom: 40px;
}

.dystopia .mall-cart-actions .btn.btn-primary {
	border-radius: 3px;
	border: 2px solid black;
	font-size: 20px;
	font-weight: 500;
	background-color: white;
	color: black;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
}

.dystopia .mall-quick-checkout i {
	color: black;
}

.dystopia .mall-quick-checkout__actions {
	padding-top: 27px;
	padding-bottom: 27px;
}

.dystopia .mall-btn-checkout, .dystopia .mall-checkout-result__actions .btn.btn-primary, .btn.btn-contact, .dystopia .login .btn, .dystopia .account .btn, .dystopia .address-actions .btn {
	border-radius: 3px;
	border: 2px solid black;
	font-size: 20px;
	font-weight: 500;
	background-color: white;
	color: black;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
}

.dystopia .account .btn.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.dystopia .address-actions .btn {
	margin-bottom: 54px;
}

.dystopia .mall-btn-checkout:hover, .mall-checkout-result__actions .btn.btn-primary:hover, .btn.btn-contact:hover, .dystopia .login .btn:hover, .dystopia .account .btn:hover, .dystopia .address-actions .btn:hover {
	color: red;
	background-color:#666;
	border-color: rgba(0, 0, 0, 0.05);
}

.btn.btn-contact {
	margin-top: 27px;
	margin-bottom: 87px;
}

.dystopia .mall-checkout-result__actions {
	padding-bottom: 82px;
}

.mall-quick-checkout__payment-method-form {
	padding-bottom: 27px;
}

.mall-overlay {
	background:hsla(0,0%,100%,.8);
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
}

.dystopia.legal {
	color: #666;
	padding-bottom: 87px;
}

.dystopia.legal h2, .dystopia.legal h3 {
	color: #333;
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
}

.dystopia.legal h2 {
	margin-top: 37px;
	font-size: 22px;
}

.dystopia.legal h3 {
	font-size: 16px;
}

#carousel-quotes {
	color: #d8d8d8;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
}

#carousel-quotes div.item {
	padding: 40px;
}

.contact h2 {
	margin-top: 54px;
}

p.contact-warning {
	color: red;
	padding-bottom: 54px;
	font-size: 18px;
	text-align: center;
}

.contact input.form-control {
	font-size: 14px;
	margin-bottom: 25px;
	height: 45px;
}

button.gpay-card-info-container {
	border: 1px solid white;
	margin-top: 10px;
}

button.gpay-card-info-container:disabled {
	cursor: not-allowed;
}

.mall-quick-checkout__payment-methods {
	margin-bottom: 57px;
}

.dystopia .login {
	padding-bottom: 54px;
	padding-top: 27px;
}

.dystopia .account {
	padding-bottom: 54px;
	padding-top: 27px;
}

.dystopia .account .nav-stacked > li a {
	color: black;
}

.dystopia .mall-my-account .col-xs-6 {
	width: 73%;
}

.dystopia .order-detail h5 {
	color: black;
}

.dystopia table.product-list-table {
	color: black;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}



.welcome-edge iframe, .dystopia.history iframe, .dystopia.nations iframe, .dystopia.mega iframe {
	width: 100%;
	min-height: 287px;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
  }
  
  .carousel-fade .carousel-inner .active {
	opacity: 1;
  }
  
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
  }
  
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
  }
  
  .carousel-fade .carousel-control {
	z-index: 2;
  }
  
  /*
	WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	Need to override the 3.3 new styles for modern browsers & apply opacity
  */
  @media all and (transform-3d), (-webkit-transform-3d) {
	  .carousel-fade .carousel-inner > .item.next,
	  .carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	  }
	  .carousel-fade .carousel-inner > .item.prev,
	  .carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	  }
	  .carousel-fade .carousel-inner > .item.next.left,
	  .carousel-fade .carousel-inner > .item.prev.right,
	  .carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	  }
  }

@media only screen and (min-width : 0px) and (max-width: 992px) {
	body.jason {
		margin-bottom: 0px;
		background-image: url('/themes/jason-brocket/assets/images/background.png');
		background-repeat: no-repeat;
	}

	.top-banner img.left.mobile {
		height: 60px;
	}

	.footer {
		position: initial;
	}

	.footer a {
		display: block;
	}

	.navbar-inverse {
		top: 0;
		z-index: 1000;
	}

	.center-nav {
		background-color: #252525;
	}

	.dropdown-menu > li > a {
		background-color: initial;
	}

	.background-static {
		top: 125px;
		right: -60px;
	}

	.xs-banner {
		margin-right: 60px;
	}

	.xs-banner img {
		padding-left: 5px;
		padding-right: 5px;
	}

	.top-banner {
		height: initial;
		border: none;
		margin-bottom: 0;
	}

	.index-grid img {
		margin-top: 0;
		margin-bottom: 0;
	}

	.index-grid div.col-xs-12 {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.merchandise h1, .art h1, h1.cart {
		font-size: 40pt;
		margin-top: 20px;
		margin-bottom: 0;
	}

	.art > div > div:first-child, .art > div > div:last-child {
		text-align: center;
	}

	.novel-logo {
		margin-top: 20px;
	}

	.writing-description {
		text-align: left;
	}
	
	.row.reorder-xs {
		/*bring your own prefixes*/
		transform: rotate(180deg);
		direction: rtl; /* Fix the horizontal alignment */
	}

	.row.reorder-xs > [class*="col-"] {
		/*bring your own prefixes*/
		transform: rotate(-180deg);
		direction: ltr; /* Fix the horizontal alignment */
	}

	.novel-download {
		padding: 0;
	}

	.novel-download h2 {
		font-size: 15pt;
		text-align: center;
	}

	.download-pdf {
		padding-right: 10px;
	}

	.pdf-spacing {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.fg-logo {
		padding-left: 20px;
		padding-right: 20px;
	}

	.ferocious h2 {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	div.purchase-overlay {
		display: block;		
	}

	div.purchase-button {
		z-index: 1000;
	}

	.container.about {
		margin-top: 50px;
	}

	#ContactForm h2 {
		font-size: 25px;
		text-align: center;
	}

	.music-logo {
		margin-top: 20px;
	}

	.music-track-item {
		display: block;
		align-items: center;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.music-track-item .nopadd {
		padding: 0;
	}

	.track-name {
		padding-bottom: 10px;
	}

	.play-track, .stop-track {
		font-size: 48px;
	}

	.music-purchase {
		margin-top: 20px;
	}

	.dystopia .video-space {
		padding-top: 40px;
	}

	.dystopia .video-space iframe {
		width: 100%;
		min-height: 200px;
	}

	.dystopia .home-bottom-row img {
		width: 100%;
	}

	.dystopia-banner img {
		width: 100%;
		height: initial;
	}

	.dystopia .top-page-spacing {
		margin-top: 0;
	}

	.dystopia.videos h3 {
		margin-bottom: 20px;
	}

	.dystopia .products-heading {
		padding: 31px;
	}

	.btn-dystopia-buy {
		margin-top: 15px;
	}

	.dystopia .product .image-container {
		padding: 0;
	}

	.dystopia .product h2 {
		font-size: 25px;
		text-align: center;
		margin-bottom: inherit;
		margin-top: 15px;
	}

	.mall-product__description {
		margin-top: 15px;
	}

	.techbanner {
		width: 100%;
	}

	.dystopia .edge-row-spacing {
		margin-bottom: 31px;
	}	

	.dystopia.history {
		padding-top: 40px;
	}

	.navbar.dystopia .dropdown-menu {
		position: initial;
		display: block;
		float: none;
	}

	.navbar.dystopia span.caret {
		display: none;
	}

	.nation-video-label {
		padding-top: 0;
		padding-bottom: 0;
	}

	.nation img {
		width: 150px;
	}

	.corp img {
		width: 40%;
		float: none;
	}

}

.dystopia99-back-container {
	padding-top: 4rem;
	padding-left: 2rem;
}

.dystopia99-back,
.dystopia99-back:hover,
.dystopia99-back:visited,
.dystopia99-back:active {
	text-decoration: none;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.dystopia99 {
	font-family: "Montserrat", verdana;
	font-size: 11pt;
	font-optical-sizing: auto;
	font-style: normal;
}

.dystopia99 .logo-padding {
	padding: 4rem;
}

.dystopia99 .register-top {
	margin-top: 2rem;
	margin-left: 2rem;
	margin-right: 2rem;
}

.dystopia99 .register-inner {
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 140px;
	text-align: center;
	font-size: 10pt;
}

.dystopia99 .inner-text {
	margin-top: 70px;
}

.dystopia99 .register-button {
	position: absolute;
	bottom: 0;
	padding-bottom: 40px;
	padding-left: 110px;
	padding-right: 130px;
}

.dystopia99 .register-blue {
	background-color: #2b2ba4;
}

.dystopia99 .register-green {
	background-color: #2ba495;
}

.card-images {
	margin-bottom: 120px;
	margin-top: 40px;
}

.card-images img {
	width: 20%;
}

.div-flex {
	display:-ms-flexbox;
	display:flex;
}

.fp-d99-logo {
	max-width: 400px;
	margin-top: 150px !important;
}

#registerModal .modal-header,
#registerModal .modal-body {
	background-color: black;
	border: 0;
	padding-left: 0;
	padding-right: 0;
}

#registerModal .modal-body {
	min-height: 600px;
}

#registerModal iframe {
	width: 100%;
	height: 600px;
}

@media only screen and (min-width : 0px) and (max-width: 992px) {
	.xs-noflex {
		display: block;
	}

	.dystopia99 .register-inner {
		padding: 20px;
	}

	.dystopia99 .inner-text {
		margin: 0;
	}

	.dystopia99 .register-button {
		position: unset;
		padding-bottom: 20px;
		padding-left: 90px;
		padding-right: 90px;
	}

	.card-spacing {
		padding: 20px;
	}

	.dystopia99-back, .dystopia99-back:hover, .dystopia99-back:visited, .dystopia99-back:active {
		font-size: 12pt;
	}
}

@media only screen and (min-height: 1400px) {
	body {
		font-size: 22pt;
	}

	.dystopia99 {
		font-size: 22pt;
	}

	.card-images img {
		width: initial;
	}

	.dystopia99 .register-inner {
		font-size: 20pt;
		padding-top: 40px;
		padding-left: 60px;
		padding-right: 60px;
		padding-bottom: 220px;
	}

	.dystopia99 .logo-padding img {
		display: inline;
	}

	.dystopia99 p.text-center {
		margin-bottom: 20px;
	}

	.dystopia99 .register-button {
		padding-bottom: 50px;
		left: 0;
		right: 0;
		padding-right: 0;
		padding-left: 250px;
	}

	.dystopia99 .inner-text {
		margin-top: 140px;
	}
}