h1 {
	font-family: 'Spectral', serif;
	font-weight: 300;
	font-size: 48px;
	color: #252231
}

h1.big {
	font-size: 61px
}

@media screen and (max-width: 575px) {
	h1 {
		font-size: 40px
	}
}

h2 {
	font-family: 'Spectral', serif;
	font-weight: 700;
	font-size: 39px;
	letter-spacing: -3px;
	line-height: 59px;
	color: #252231
}

@media screen and (max-width: 575px) {
	h2 {
		line-height: 42px
	}
}

h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 31px;
	color: #252231
}

h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 25px;
	line-height: 32px;
	color: #252231
}

h5 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: #252231;
	letter-spacing: -.5px
}

h6 {
	font-family: 'Spectral', serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: #252231
}

p {
	font-family: 'Spectral', serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5rem;
	letter-spacing: -.5px;
	color: #252231
}

p.large {
	font-size: 1.5rem;
	line-height: 2rem
}

p.small {
	font-size: 13px
}

p.extra-small {
	font-size: 11px
}

p.bold,
p .bold {
	font-family: 'Spectral', serif;
	font-weight: 700
}

a.text-link {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: #312E2A;
	text-decoration: none;
	position: relative
}

a.text-link:hover {
	text-decoration: underline
}

a.text-link.red span {
	position: relative
}

a.text-link.red:before {
	content: '';
	width: 0;
	height: 22px;
	background: #DE7349;
	position: absolute;
	left: -6px;
	top: -2px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

a.text-link.red:hover {
	text-decoration: none
}

a.text-link.red:hover:before {
	width: calc(100% + 12px);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased
}

.content-header {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #757369;
	text-transform: uppercase;
	letter-spacing: .2px;
	margin-right: 14px;
	display: inline-block
}

.content-content {
	display: inline-block
}

.clear {
	clear: both
}

@media screen and (max-width: 768px) {
	html {
		overflow-x: hidden
	}
}

body {
	background: #FCF8F7;
	scroll-behavior: smooth;
	overflow-x: hidden;
	position: relative
}

@media screen and (max-width: 576px) {
	.container {
		padding: 0
	}
}

#sk-ad {
	margin: 50px auto
}

#sk-ad img {
	width: 100%
}

.main-content {
	background-image: url("../png/bg-shade_5.png");
	background-position: 200% 80%;
	background-size: 80%;
	background-repeat: no-repeat
}

.main-content.long {
	background-image: url("../png/bg-shade_5.png"), url("../png/bg-shade_5.png");
	background-position: 200% 80%, -20% 8%;
	background-size: 80%;
	background-repeat: no-repeat
}

.content-blend {
	width: 100%;
	height: 60px;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
	position: absolute;
	left: 0;
	bottom: 0
}

.general-content {
	background-image: url("../png/bg-shade_5.png");
	background-position: 200% 80%;
	background-size: 80%;
	background-repeat: no-repeat
}

.general-content p {
	font-family: 'Spectral', serif;
	font-weight: 300
}

.general-content p .bold {
	font-family: 'Spectral', serif;
	font-weight: 700
}

.image-zoom {
	cursor: pointer
}

#black-out {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: black;
	z-index: -1;
	opacity: 0;
	text-align: center
}

#black-out.animate {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#black-out.lightbox {
	background-color: rgba(37, 34, 49, 0.9);
	opacity: 1;
	z-index: 1001
}

#black-out.lightbox .image-viewer {
	display: inline-block
}

#black-out .image-viewer {
	height: 80%;
	position: relative;
	margin: 0 auto;
	top: 10%;
	display: none
}

@media screen and (max-width: 768px) {
	#black-out .image-viewer {
		height: initial
	}
}

#black-out .image-viewer img {
	height: 100%;
	width: auto
}

#black-out .image-viewer .close {
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 1;
	background: url("../png/line_9.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	width: 38px;
	height: 38px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

#black-out .image-viewer .close .sprite-wrapper {
	width: 24px;
	height: 24px;
	overflow: hidden;
	position: relative;
	top: 2px;
	margin: 0 auto
}

#black-out .image-viewer .close svg {
	height: 24px;
	width: 96px;
	left: 0;
	position: relative
}

#black-out .image-viewer .close svg g {
	fill: #FCF8F7
}

#black-out .image-viewer .close:hover svg {
	animation: spriteHover 0.5s steps(3) infinite
}

@media screen and (max-width: 768px) {
	#black-out .image-viewer {
		width: 80%
	}
	#black-out .image-viewer img {
		height: auto;
		width: 100%
	}
}

.searchIconWrapper {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	overflow: hidden;
	cursor: pointer
}

.searchIconWrapper svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 96px
}

@media screen and (max-width: 991px) {
	.searchIconWrapper {
		width: 32px;
		height: 32px
	}
	.searchIconWrapper svg {
		height: 32px;
		width: 128px
	}
}

.search-wrapper {
	width: 24px;
	height: 34px;
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.search-wrapper svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 96px
}

.search-wrapper .searchInput {
	border: none;
	opacity: 0;
	outline: none;
	border-bottom: 3px solid black;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400
}

.search-wrapper .arrowWrapper {
	right: 0;
	top: 0;
	width: 24px;
	height: 24px;
	display: none;
	opacity: 0;
	position: absolute;
	overflow: hidden;
	cursor: pointer
}

.search-wrapper:hover svg {
	animation: spriteHover 0.5s steps(3) infinite;
	fill: #DE3E16
}

.search-wrapper.expanded {
	width: 200px;
	padding-left: 30px
}

.search-wrapper.expanded form {
	position: relative;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms
}

.search-wrapper.expanded form .searchInput {
	width: 185px;
	opacity: 1;
	padding: 0 48px 4px 4px;
	margin-left: 2px
}

.search-wrapper.expanded .glyph-arrow-btn {
	opacity: 1
}

.search-wrapper.expanded .arrowWrapper {
	display: block;
	opacity: 1
}

@media screen and (max-width: 991px) {
	.search-wrapper {
		width: 200px;
		padding-left: 30px
	}
	.search-wrapper form {
		position: relative;
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms
	}
	.search-wrapper form .searchInput {
		width: 185px;
		opacity: 1;
		padding: 0 48px 4px 4px;
		margin-left: 2px
	}
	.search-wrapper .glyph-arrow-btn {
		opacity: 1
	}
	.search-wrapper .arrowWrapper {
		display: block;
		opacity: 1
	}
}

@media screen and (max-width: 768px) {
	.not-found .container.py-5 {
		padding: .75rem 0 0 0 !important
	}
	.not-found .main-header,
	.not-found p {
		text-align: center
	}
}

.not-found .text-link {
	display: inline-block;
	color: #A19B94;
	position: relative
}

.not-found .text-link .chevron {
	width: 20px;
	height: 20px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	transform: rotate(90deg);
	top: 5px
}

.not-found .text-link .chevron svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 80px;
	fill: #A19B94
}

.not-found .text-link:hover .chevron svg {
	animation: smallSpriteHover 0.5s steps(3) infinite
}

@media screen and (max-width: 768px) {
	.not-found .text-link:hover .chevron svg {
		animation: none
	}
}

.not-found .search-wrapper {
	width: 300px;
	max-width: 90%
}

.not-found .search-wrapper form {
	position: relative;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms
}

.not-found .search-wrapper form .searchInput {
	width: 185px;
	opacity: 1;
	padding: 0 48px 4px 4px;
	margin-left: 2px
}

.not-found .search-wrapper .glyph-arrow-btn {
	opacity: 1
}

.not-found .search-wrapper .arrowWrapper {
	display: block;
	opacity: 1
}

.not-found .search-wrapper form .searchInput {
	width: 100%
}

@media screen and (max-width: 768px) {
	.not-found .search-wrapper {
		width: 90%;
		max-width: 300px;
		margin: 0 auto;
		padding-left: 0
	}
}

.not-found img {
	display: block;
	width: 100%
}

@media screen and (max-width: 768px) {
	.not-found img {
		width: 80%;
		margin: 2rem auto
	}
}

.not-found h1 {
	line-height: 1em
}

.flash-notice {
	opacity: 0;
	z-index: -1;
	pointer-events: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	padding: .5rem 1rem;
	position: fixed;
	top: 100px;
	right: 2rem;
	font-family: 'Spectral', serif;
	font-weight: 700;
	border-radius: 10px;
	background: #EDE9E4
}

@media screen and (max-width: 768px) {
	.flash-notice {
		width: 200px;
		margin-left: 100px;
		right: 50%
	}
}

.flash-notice.flash {
	opacity: 1;
	z-index: 1001
}

#wipeWrapper {
	position: absolute;
	bottom: 1rem;
	right: 4rem;
	z-index: 99
}

#wipeWrapper.expand {
	width: 100%;
	top: 0;
	right: 0;
	overflow: hidden;
	z-index: 1100
}

@media screen and (max-width: 700px) {
	#wipeWrapper {
		right: 50%;
		margin-right: -90px;
		bottom: 50px
	}
	#wipeWrapper.expand {
		right: 0;
		margin-right: 0;
		overflow: hidden
	}
	#wipeWrapper.expand #darkMode {
		position: absolute !important;
		bottom: 50px !important;
		right: 50% !important;
		margin-right: -90px !important
	}
}

@media screen and (max-width: 576px) {
	#wipeWrapper {
		bottom: 60px
	}
	#wipeWrapper.expand #darkMode {
		bottom: 60px !important
	}
}

#wipeWrapper #darkMode {
	position: relative;
	display: block
}

#wipeWrapper #darkMode.anchor {
	position: absolute;
	bottom: 1rem;
	right: 4rem
}

@media screen and (max-width: 700px) {
	#wipeWrapper #darkMode.anchor {
		right: 50%;
		margin-right: -130px
	}
}

#wipeWrapper #darkMode #tower {
	width: 255px;
	height: 248px;
	background-size: cover;
	background-image: url("../png/tower.png")
}

@media screen and (max-width: 700px) {
	#wipeWrapper #darkMode #tower {
		width: 204px;
		height: 198.4px
	}
}

#wipeWrapper #darkMode #beams {
	opacity: 0;
	width: 553px;
	position: absolute;
	top: -50px;
	left: calc(50% - 255px);
	pointer-events: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

@media screen and (max-width: 700px) {
	#wipeWrapper #darkMode #beams {
		width: 442px;
		left: calc(50% - 205px);
		top: -40px
	}
}

@media screen and (max-width: 768px) {
	#wipeWrapper #darkMode #beams {
		opacity: 13
	}
}

#wipeWrapper #darkMode:hover #beams {
	opacity: 1
}

#wipeWrapper #darkMode #circleWipe {
	width: 200px;
	height: 200px;
	border-radius: 200px;
	opacity: .8;
	position: absolute;
	top: -45%;
	right: calc(50% - 116px);
	background: #140D0F;
	transform: scale(0)
}

#wipeWrapper #darkMode #circleWipe.show {
	opacity: 1;
	-webkit-transition: 0.01s;
	-moz-transition: 0.01s;
	-o-transition: 0.01s;
	transition: 0.01s
}

#wipeWrapper #darkMode #circleWipe.fade {
	opacity: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s
}

#wipeWrapper #darkMode #circleWipe.wipe {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	transform: scale(18)
}

#wipeWrapper #darkMode #circleWipe.dark {
	background: #140D0F !important
}

#wipeWrapper #darkMode #circleWipe.light {
	background: #FCF8F7 !important
}

@keyframes spriteMediumHover {
	100% {
		left: -96px
	}
}

@keyframes spriteHover {
	100% {
		left: -72px
	}
}

@keyframes smallSpriteHover {
	100% {
		left: -60px
	}
}

@keyframes smallestSpriteHover {
	100% {
		left: -45px
	}
}

@keyframes dotHover {
	100% {
		background-position: right center
	}
}

@media screen and (max-width: 575px) {
	.mobile-hide {
		display: none
	}
}

.mobile-show {
	display: none
}

@media screen and (max-width: 575px) {
	.mobile-show {
		display: block
	}
}

@media screen and (max-width: 767px) {
	.tablet-hide {
		display: none
	}
}

.tablet-show {
	display: none
}

@media screen and (max-width: 767px) {
	.tablet-show {
		display: block
	}
}

#mainNav,
#sticky-nav {
	height: 74px;
	background-color: #fff;
	background-color: #fff;
	background-image: url(../png/bg-shade_5.png);
	background-size: 50%;
	background-position: left center;
	background-repeat: no-repeat;
	z-index: 101;
	position: relative
}

#mainNav div.nav,
#sticky-nav div.nav {
	justify-content: space-between;
	align-items: center;
	height: 74px;
	overflow: hidden;
	flex-wrap: nowrap
}

#mainNav div.nav .site-logo,
#sticky-nav div.nav .site-logo {
	height: 54px;
	width: 128px;
	overflow: hidden;
	position: relative
}

#mainNav div.nav .site-logo svg,
#sticky-nav div.nav .site-logo svg {
	height: 54px;
	width: 640px;
	position: absolute;
	top: 0
}

#mainNav div.nav .site-logo:hover svg,
#sticky-nav div.nav .site-logo:hover svg {
	left: -128px;
	animation: stickyNavLogoHover 0.7s steps(4) infinite
}

#mainNav div.nav .site-logo .darkmode,
#sticky-nav div.nav .site-logo .darkmode {
	display: none
}

#mainNav div.nav .nav-link,
#sticky-nav div.nav .nav-link {
	color: #140D0F;
	font-size: 16px;
	letter-spacing: 2px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#mainNav div.nav .nav-item,
#sticky-nav div.nav .nav-item {
	position: relative;
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#mainNav div.nav .nav-item .splatter,
#sticky-nav div.nav .nav-item .splatter {
	position: absolute;
	width: 0%;
	height: 100%;
	overflow: hidden;
	top: 7px;
	left: 50%;
	transform: translateX(-50%);
	opacity: .2;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#mainNav div.nav .nav-item .splatter img,
#sticky-nav div.nav .nav-item .splatter img {
	width: 100%
}

#mainNav div.nav .nav-item .splatter.one,
#sticky-nav div.nav .nav-item .splatter.one {
	top: 4px
}

#mainNav div.nav .nav-item .splatter.one img,
#sticky-nav div.nav .nav-item .splatter.one img {
	transform: rotate(180deg)
}

#mainNav div.nav .nav-item .splatter.three,
#sticky-nav div.nav .nav-item .splatter.three {
	top: 4px
}

#mainNav div.nav .nav-item .splatter.five,
#sticky-nav div.nav .nav-item .splatter.five {
	top: 9px
}

#mainNav div.nav .nav-item .splatter.six,
#sticky-nav div.nav .nav-item .splatter.six {
	top: 6px
}

#mainNav div.nav .nav-item .splatter.darkmode,
#sticky-nav div.nav .nav-item .splatter.darkmode {
	opacity: 0
}

#mainNav div.nav .nav-item .splatter.active,
#sticky-nav div.nav .nav-item .splatter.active {
	opacity: 0
}

#mainNav div.nav .nav-item.active .nav-link,
#mainNav div.nav .nav-item:hover .nav-link,
#sticky-nav div.nav .nav-item.active .nav-link,
#sticky-nav div.nav .nav-item:hover .nav-link {
	color: #fff;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#mainNav div.nav .nav-item.active .splatter,
#mainNav div.nav .nav-item:hover .splatter,
#sticky-nav div.nav .nav-item.active .splatter,
#sticky-nav div.nav .nav-item:hover .splatter {
	width: 100%;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#mainNav div.nav .nav-item.active .splatter.active,
#sticky-nav div.nav .nav-item.active .splatter.active {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#mainNav div.nav .nav-item.active:hover .splatter.active,
#sticky-nav div.nav .nav-item.active:hover .splatter.active {
	opacity: 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#mainNav div.nav .nav-item.active:hover .splatter.hover,
#sticky-nav div.nav .nav-item.active:hover .splatter.hover {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#mainNav div.nav .nav-item:hover .splatter.hover,
#sticky-nav div.nav .nav-item:hover .splatter.hover {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#mainNav div.nav .nav-item.hide,
#sticky-nav div.nav .nav-item.hide {
	opacity: 0;
	pointer-events: none
}

@media screen and (max-width: 991px) {
	#mainNav div.nav .nav,
	#sticky-nav div.nav .nav {
		display: none
	}
}

#mainNav div.nav .mobile-nav-wrapper,
#sticky-nav div.nav .mobile-nav-wrapper {
	display: none
}

@media screen and (max-width: 991px) {
	#mainNav div.nav .mobile-nav-wrapper,
	#sticky-nav div.nav .mobile-nav-wrapper {
		display: flex
	}
}

#mainNav div.nav .mobile-nav-wrapper .searchIconWrapper,
#sticky-nav div.nav .mobile-nav-wrapper .searchIconWrapper {
	position: relative;
	top: 15px;
	margin-right: 1rem
}

@media screen and (max-width: 991px) {
	#mainNav div.nav .mobile-nav-wrapper .searchIconWrapper,
	#sticky-nav div.nav .mobile-nav-wrapper .searchIconWrapper {
		top: 12px
	}
}

#mainNav div.nav .mobile-nav-wrapper .nav-hamburger,
#sticky-nav div.nav .mobile-nav-wrapper .nav-hamburger {
	width: 29px
}

#mainNav div.nav .mobile-nav-wrapper .nav-hamburger svg,
#sticky-nav div.nav .mobile-nav-wrapper .nav-hamburger svg {
	width: 100%;
	display: block
}

#mainNav div.nav .mobile-nav-wrapper .nav-hamburger svg.whiteBurger,
#sticky-nav div.nav .mobile-nav-wrapper .nav-hamburger svg.whiteBurger {
	display: none
}

#mainNav div.nav .mobile-nav-wrapper .nav-hamburger .mobile-open,
#sticky-nav div.nav .mobile-nav-wrapper .nav-hamburger .mobile-open {
	width: 100%;
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	transform: translate(0%, 45%)
}

#mainNav div.nav .mobile-nav-wrapper .nav-hamburger .mobile-close,
#sticky-nav div.nav .mobile-nav-wrapper .nav-hamburger .mobile-close {
	width: 0%;
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	transform: translate(0%, -45%)
}

#mainNav div.nav .mobile-nav-wrapper .nav-hamburger.open .mobile-open,
#sticky-nav div.nav .mobile-nav-wrapper .nav-hamburger.open .mobile-open {
	width: 0%;
	opacity: 0;
	transform: translate(0%, 45%)
}

#mainNav div.nav .mobile-nav-wrapper .nav-hamburger.open .mobile-close,
#sticky-nav div.nav .mobile-nav-wrapper .nav-hamburger.open .mobile-close {
	width: 100%;
	opacity: 1;
	transform: translate(0%, -45%)
}

@media screen and (max-width: 768px) {
	#mainNav {
		opacity: 0
	}
}

#sticky-nav {
	position: fixed;
	height: 0px;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

#sticky-nav.stuck {
	pointer-events: auto;
	height: 74px
}

@media screen and (max-width: 768px) {
	#sticky-nav {
		pointer-events: auto;
		height: 74px
	}
}

#mobile-nav-drawer,
#mobile-search-drawer {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: white;
	left: 0;
	top: 74px;
	font-family: 'Spectral', serif;
	font-weight: 400;
	background-image: url("../png/bg-shade_5.png");
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	transform: translateX(-100%);
	z-index: 2000;
	display: none
}

#mobile-nav-drawer a,
#mobile-search-drawer a {
	color: #000
}

@media screen and (max-width: 991px) {
	#mobile-nav-drawer,
	#mobile-search-drawer {
		display: block
	}
}

#mobile-nav-drawer.open,
#mobile-search-drawer.open {
	transform: translateX(0%)
}

#mobile-nav-drawer .nav,
#mobile-search-drawer .nav {
	padding-top: 35px
}

#mobile-nav-drawer .nav-link,
#mobile-search-drawer .nav-link {
	display: block;
	width: 100%;
	padding-left: 50px;
	font-size: 40px
}

@media screen and (max-width: 380px) {
	#mobile-nav-drawer .nav-link,
	#mobile-search-drawer .nav-link {
		font-size: 32px
	}
}

#mobile-nav-drawer .search-wrapper,
#mobile-search-drawer .search-wrapper {
	margin: 2rem auto
}

#mobile-search-drawer {
	transform: translateX(0);
	transform: translateY(-200%);
	height: 100px;
	z-index: 99
}

#mobile-search-drawer .search-wrapper {
	width: 80%
}

#mobile-search-drawer .search-wrapper form .searchInput {
	width: 100%
}

#mobile-search-drawer .search-wrapper .searchIconWrapper {
	width: 24px;
	height: 24px
}

#mobile-search-drawer.open {
	transform: translateY(0%)
}

#mobile-search-drawer .nav {
	padding-top: 0
}

@keyframes splat {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		top: 18px
	}
	80% {
		-webkit-transform: scale(0.98);
		transform: scale(0.98);
		opacity: 1;
		top: 22px
	}
	85% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes stickyNavLogoHover {
	100% {
		left: -640px
	}
}

#lw {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999
}

#lw.show {
	display: block
}

#lw #lw-svg {
	width: 80%;
	max-width: 600px;
	max-height: 600px;
	margin: 50vh auto 0;
	transform: translateY(-50%);
	z-index: 9999;
	position: relative
}

#lw #lw-fade-out {
	background: white;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10001;
	position: fixed;
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#lw #lw-fade-out.fade {
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#lw #lw-fade-in {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9998;
	position: fixed;
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#lw #lw-fade-in.fade {
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#lw #video-gradient {
	position: absolute;
	left: 50%;
	top: 50vh;
	z-index: 10000;
	width: 80%;
	max-width: 600px;
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#lw #video-gradient.fade {
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 750px) {
	#lw #video-gradient {
		top: calc(50vh - 3px)
	}
}

#lw #video-gradient svg {
	width: 100%;
	height: 100%
}

#lw #video-gradient svg linearGradient .video-color {
	stop-color: #d8d0c8
}

#footer {
	background-color: #fff;
	background-image: url("../png/bg-shade_2.png");
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: 200% 75%;
	padding: 38px 0 70px;
	position: relative;
	z-index: 2
}

@media screen and (max-width: 700px) {
	#footer {
		padding-bottom: 280px
	}
}

#footer .footer-link-wrapper div {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	max-height: 100px;
	margin-bottom: 1rem;
	padding-left: 0
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	#footer .footer-link-wrapper div {
		height: 200px
	}
}

@media screen and (max-width: 700px) {
	#footer .footer-link-wrapper {
		flex: 0 0 100%;
		max-width: 100%
	}
}

#footer .footer-item {
	list-style-type: none;
	width: calc(100% / 3)
}

#footer .footer-item .footer-link {
	color: #140D0F;
	font-size: 13px;
	line-height: 19px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400
}

#footer .footer-item .footer-link:hover {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	text-decoration: none
}

@media screen and (max-width: 700px) {
	#footer .footer-item {
		text-align: center
	}
}

#footer .footer-social {
	display: flex;
	justify-content: center;
	margin: 0px 0 20px
}

@media screen and (max-width: 767px) {
	#footer .footer-social {
		margin: 0px auto 20px
	}
}

#footer .footer-social a {
	margin: 0 24px 0 0;
	font-size: 24px;
	line-height: 24px;
	color: #140D0F;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	position: relative
}

#footer .footer-social a:last-of-type {
	margin-right: 0
}

@media screen and (max-width: 767px) {
	#footer .footer-social a {
		width: 24px;
		text-align: center
	}
}

#footer .footer-social a i {
	position: relative;
	z-index: 1
}

#footer .footer-social a .dot {
	position: absolute;
	left: calc(50% - 30px);
	top: calc(50% - 32px);
	width: 60px;
	height: 60px;
	transform: scale(0.5);
	opacity: 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#footer .footer-social a .dot svg {
	width: 100%;
	height: 100%
}

#footer .footer-social a .dot svg g {
	fill: #DE3E16
}

#footer .footer-social a:hover {
	color: #fff;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	text-decoration: none
}

#footer .footer-social a:hover .dot {
	transform: scale(1);
	opacity: 1
}

#footer .footer-social a:hover .dot.one {
	animation: footerSocialHover1 .7s infinite;
	animation-delay: .1s
}

#footer .footer-social a:hover .dot.two {
	animation: footerSocialHover2 .7s infinite;
	animation-delay: .1s
}

#footer .social {
	margin: 0
}

@media screen and (max-width: 576px) {
	#footer .links {
		margin: 0
	}
}

.copyright {
	margin: 20px auto 10px
}

@media screen and (max-width: 700px) {
	.copyright {
		justify-content: center
	}
}

@media screen and (max-width: 700px) {
	.copyright.desktop {
		display: none
	}
}

.copyright.mobile {
	display: none
}

@media screen and (max-width: 700px) {
	.copyright.mobile {
		display: flex;
		position: absolute;
		bottom: 0;
		z-index: 2;
		left: 50%;
		transform: translateX(-50%);
		width: 100%
	}
}

.copyright .footer-copyright {
	color: #7F746E;
	font-size: 11px;
	line-height: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	margin-right: 40px
}

@media screen and (max-width: 576px) {
	.copyright .footer-copyright {
		display: block;
		width: 100%;
		margin: 0 0 10px;
		text-align: center
	}
}

.copyright a:hover {
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700
}

@media screen and (max-width: 700px) {
	.copyright a.footer-copyright {
		margin-right: 0
	}
}

@keyframes footerSocialHover1 {
	0% {
		transform: rotate(0deg)
	}
	1% {
		transform: rotate(90deg)
	}
	24% {
		transform: rotate(90deg)
	}
	25% {
		transform: rotate(180deg)
	}
	49% {
		transform: rotate(180deg)
	}
	50% {
		transform: rotate(270deg)
	}
	74% {
		transform: rotate(270deg)
	}
	75% {
		transform: rotate(320deg)
	}
	99% {
		transform: rotate(320deg)
	}
	100% {
		transform: rotate(0deg)
	}
}

@keyframes footerSocialHover2 {
	0% {
		transform: rotate(0deg)
	}
	1% {
		transform: rotate(-110deg)
	}
	24% {
		transform: rotate(-110deg)
	}
	25% {
		transform: rotate(-180deg)
	}
	49% {
		transform: rotate(-180deg)
	}
	50% {
		transform: rotate(-240deg)
	}
	74% {
		transform: rotate(-240deg)
	}
	75% {
		transform: rotate(-300deg)
	}
	99% {
		transform: rotate(-300deg)
	}
	100% {
		transform: rotate(0deg)
	}
}

.page-header {
	margin-top: 50px
}

@media screen and (max-width: 767px) {
	.page-header {
		margin-top: 20px
	}
}

.page-header .main-header {
	font-family: 'Spectral', serif;
	font-weight: 400
}

.page-header .main-header.large {
	font-size: 3rem
}

.page-header .spacer {
	width: 100%;
	height: 57px;
	margin-top: 30px;
	display: block
}

.page-header .mobile-sub-nav {
	display: none;
	margin-bottom: .5rem
}

@media screen and (max-width: 1000px) {
	.page-header .mobile-sub-nav {
		display: block
	}
}

.page-header .mobile-sub-nav .text-link {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400
}

.page-header .mobile-sub-nav .text-link.active {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700
}

.page-header .mobile-sub-nav .circle {
	height: 3px;
	width: 3px;
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	bottom: 0.2rem;
	left: 0.2rem;
	margin: 0 .5rem
}

.page-header h1 {
	margin-bottom: 0;
	margin-top: 30px
}

@media screen and (max-width: 768px) {
	.page-header h1 {
		margin-top: 0
	}
}

.page-header .large-header {
	font-family: 'Spectral', serif;
	font-weight: 300;
	font-size: 130px;
	color: #EDE9E4;
	position: absolute;
	left: -50px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.page-header .large-header {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.page-header.large-only .large-header {
		display: block;
		font-family: 'Spectral', serif;
		font-weight: 400;
		font-size: 25px;
		line-height: 32px;
		color: #252231;
		left: 0;
		position: relative;
		margin-bottom: 10px
	}
}

#section-header.row {
	flex-direction: column
}

#section-header .header-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between
}

#section-header h2 {
	line-height: 40px;
	margin-bottom: 0px
}

#section-header .section-header-links {
	text-align: left;
	margin-bottom: 10px
}

#section-header .section-header-links .section-header-link {
	margin-right: 8px;
	padding-right: 12px;
	border-right: solid 1px #E0DAD3;
	color: #6D6962
}

#section-header .section-header-links .section-header-link:last-of-type {
	border-right: none;
	margin-right: 0;
	padding-right: 0
}

#section-header.full-width h2 {
	line-height: 50px
}

#section-header.full-width.row {
	justify-content: space-between;
	align-items: center;
	flex-direction: row
}

#section-header.full-width .section-header-links {
	text-align: right
}

@media screen and (max-width: 991px) {
	#section-header.full-width .row,
	#section-header.full-width .header-wrapper {
		flex-direction: column;
		margin-bottom: 10px;
		align-items: flex-start;
		display: block
	}
	#section-header.full-width h2 {
		line-height: 40px;
		margin-bottom: 0px
	}
	#section-header.full-width .section-header-links {
		text-align: left;
		margin-bottom: 10px;
		line-height: 18px
	}
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	#coming-soon #section-header,
	#latest-news #section-header {
		height: 80px
	}
}

#new-releases #section-header .section-header-links {
	overflow: hidden
}

#new-releases #section-header .section-header-links .header-links-inner {
	margin-left: -21px
}

#new-releases #section-header .section-header-links .section-header-link {
	margin-left: 8px;
	padding-left: 12px;
	border-left: solid 1px #E0DAD3;
	color: #6D6962;
	margin-right: 0;
	padding-right: 0;
	border-right: none
}

#header-carousel {
	margin: 0 auto 40px;
	background-image: linear-gradient(white 50%, #FCF8F7);
	position: relative;
	overflow: hidden
}

@media screen and (max-width: 767px) {
	#header-carousel {
		margin-bottom: 20px
	}
}

#header-carousel .divider {
	position: absolute;
	right: 0;
	top: 50%;
	width: 100%;
	height: 200px;
	background-image: url("../png/divider_2.png");
	background-size: 150% 100%;
	background-position: center
}

@media screen and (max-width: 991px) {
	#header-carousel .divider {
		top: 40%
	}
}

@media screen and (max-width: 767px) {
	#header-carousel .divider {
		top: 28%
	}
}

@media screen and (max-width: 500px) {
	#header-carousel .divider {
		top: 10%
	}
}

#header-carousel .carousel {
	width: 100%
}

#header-carousel .carousel a {
	width: 100%;
	height: auto;
	display: block
}

#header-carousel .carousel a img {
	width: 100%
}

#header-carousel .owl-dots {
	justify-content: center;
	counter-reset: dots;
	text-align: center;
	margin-top: 1rem;
	position: relative;
	z-index: 1
}

#header-carousel .owl-dots span.owl-dot {
	height: 24px;
	margin: 10px auto 0;
	width: 24px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	opacity: .5
}

#header-carousel .owl-dots span.owl-dot span {
	background-image: url("../svg/dot_sprite.svg");
	display: inline-block;
	height: 24px;
	width: 24px;
	background-position: left center;
	background-size: 400%
}

#header-carousel .owl-dots span.owl-dot:focus {
	outline: none
}

#header-carousel .owl-dots span.owl-dot.active {
	opacity: 1
}

#header-carousel .owl-dots span.owl-dot:hover {
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	cursor: pointer;
	opacity: 1
}

#header-carousel .owl-dots span.owl-dot:hover span {
	background-image: url("../svg/dot_sprite-red.svg");
	animation: dotHover 0.5s steps(3) infinite
}

.carousel-arrows .arrow-inner {
	width: 38px;
	height: 48px;
	position: absolute;
	top: calc(50% - 24px)
}

@media screen and (max-width: 576px) {
	.carousel-arrows .arrow-inner {
		width: 24px
	}
}

.carousel-arrows .arrow-inner.left {
	left: -38px
}

@media screen and (max-width: 576px) {
	.carousel-arrows .arrow-inner.left {
		left: -12px
	}
}

.carousel-arrows .arrow-inner.right {
	right: -38px
}

@media screen and (max-width: 576px) {
	.carousel-arrows .arrow-inner.right {
		right: -12px
	}
}

.carousel-arrows .arrow-inner:hover {
	cursor: pointer
}

.carousel-arrows .arrow-inner:hover svg {
	animation: spriteHover 0.5s steps(3) infinite;
	fill: #DE3E16;
	cursor: pointer
}

.carousel-arrows .arrow {
	width: 24px;
	height: 24px;
	position: absolute;
	top: calc(50% - 12px);
	overflow: hidden
}

.carousel-arrows .arrow-left {
	right: 4px;
	transform: rotate(90deg)
}

@media screen and (max-width: 576px) {
	.carousel-arrows .arrow-left {
		left: 0
	}
}

.carousel-arrows .arrow-right {
	left: 4px;
	transform: rotate(-90deg)
}

@media screen and (max-width: 576px) {
	.carousel-arrows .arrow-right {
		right: 0
	}
}

.carousel-arrows .arrow svg {
	user-select: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 96px;
	fill: #A19B94
}

.carousel-arrows .arrow svg:hover {
	cursor: pointer
}

.carousel-arrows .arrow:hover {
	cursor: pointer
}

.universal-form {
	padding: 0;
	margin-bottom: 50px
}

.form-wrapper {
	background: #312E2A;
	background-size: cover;
	background-position: 0 0;
	padding: 35px 22px;
	margin-top: 20px;
	width: 100%
}

.form-wrapper .form-title {
	font-family: 'Spectral', serif;
	font-weight: 700;
	font-size: 31px;
	line-height: 34px;
	letter-spacing: -2.2px;
	color: #F3E331;
	text-align: center;
	display: inline-block;
	margin-bottom: 0
}

@media screen and (max-width: 576px) {
	.form-wrapper .form-title {
		font-size: 28px
	}
}

.form-wrapper .form-wrapper-inner {
	max-width: 300px;
	margin: 0 auto;
	position: relative
}

@media screen and (max-width: 767px) {
	.form-wrapper .form-wrapper-inner {
		max-width: 100%
	}
}

.form-wrapper.fifths {
	background-image: url("../png/bg-lines.png")
}

@media screen and (max-width: 767px) {
	.form-wrapper.fifths {
		background-image: none;
		background: #312E2A
	}
}

.form-wrapper .extra-links {
	justify-content: center;
	display: flex;
	margin-top: 14px
}

.form-wrapper .extra-links a {
	color: #A19B94;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	margin: 0 8px
}

@media screen and (max-width: 767px) {
	.form-wrapper {
		width: 80%;
		margin: 20px auto 50px
	}
}

@media screen and (max-width: 576px) {
	.form-wrapper {
		width: 100%
	}
}

@media screen and (max-width: 374px) {
	.form-wrapper .g-recaptcha {
		-webkit-transform: scale(0.82);
		-moz-transform: scale(0.82);
		-ms-transform: scale(0.82);
		-o-transform: scale(0.82);
		transform: scale(0.82);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0
	}
}

.universal-form#newsletter-form,
.universal-form#contact-signup {
	margin-bottom: 0
}

@media screen and (max-width: 767px) {
	.universal-form#newsletter-form .form-wrapper,
	.universal-form#contact-signup .form-wrapper {
		margin-bottom: 0px
	}
}

form .form-group {
	margin-bottom: 10px
}

form .form-group label {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #FCF8F7;
	margin-bottom: 4px
}

form .form-group label .bold {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700
}

form .form-group.form-check label {
	padding-top: 4px;
	color: #F3E331;
	cursor: pointer
}

form .form-group.error label {
	color: #DE7349
}

form .form-group.error input.form-control,
form .form-group.error select.form-control,
form .form-group.error textarea.form-control {
	border: 2px solid #DE7349
}

form .form-group .g-recaptcha {
	margin-top: 20px
}

form .form-group:last-of-type {
	margin-bottom: 20px
}

form input.form-control,
form select.form-control,
form textarea.form-control {
	border: none;
	border-radius: 0;
	color: #312E2A;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	resize: none;
	opacity: 1
}

form input.form-control:focus,
form select.form-control:focus,
form textarea.form-control:focus {
	border: none;
	box-shadow: none
}

form input.form-control::-webkit-input-placeholder,
form textarea.form-control::-webkit-input-placeholder {
	color: #A19B94;
	opacity: .8
}

form input.form-control::-moz-placeholder,
form textarea.form-control::-moz-placeholder {
	color: #A19B94;
	opacity: .8
}

form input.form-control:-ms-input-placeholder,
form textarea.form-control:-ms-input-placeholder {
	color: #A19B94;
	opacity: .8
}

form input.form-control:-moz-placeholder,
form textarea.form-control:-moz-placeholder {
	color: #A19B94;
	opacity: .8
}

form input[type=checkbox] {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
	border-radius: 0;
	box-shadow: none !important;
	border: 1px solid #F3E331;
	resize: none
}

form input[type=checkbox]:focus {
	outline: none;
	box-shadow: none
}

form input[type=checkbox]:before {
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	opacity: 0;
	background: yellow;
	position: absolute;
	top: 1px;
	left: 1px
}

form input[type=checkbox]:checked:before {
	opacity: 1
}

form input[type=checkbox]::-ms-check {
	border-color: #F3E331;
	color: #F3E331;
	background: none
}

form button,
form .btn {
	width: 100%;
	height: 34px;
	background: #F3E331;
	background-image: url("../png/button-splat.png");
	background-size: 200%;
	background-position: 30% 45%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #252231;
	border-radius: 0;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased
}

form button:hover,
form .btn:hover {
	animation: buttonHover .7s infinite
}

form.success {
	opacity: 0
}

.form-hint {
	width: 100%;
	color: #DE7349;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 11px;
	opacity: 0;
	height: 20px
}

.form-hint.show {
	opacity: 1
}

.success-message {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
	opacity: 0;
	pointer-events: none
}

.success-message h2,
.success-message p {
	color: #fff
}

.success-message.success {
	opacity: 1
}

@keyframes buttonGlitch {
	100% {
		background-position: 26% 80%
	}
}

@keyframes buttonHover {
	0% {
		background-position: 30% 45%
	}
	1% {
		background-position: 10% 55%
	}
	24% {
		background-position: 10% 55%
	}
	25% {
		background-position: -60% 95%
	}
	49% {
		background-position: -60% 95%
	}
	50% {
		background-position: 60% 15%
	}
	74% {
		background-position: 60% 15%
	}
	75% {
		background-position: 90% 35%
	}
	99% {
		background-position: 90% 35%
	}
	100% {
		background-position: 30% 45%
	}
}

.content-block .content-block-content {
	background: #fff;
	padding: 30px 22px;
	height: calc(100% - 200px)
}

.content-block .content-block-content .format {
	display: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: #7F746E;
	margin-bottom: 4px
}

.content-block .content-block-content .content-date {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #7F746E;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: .4px;
	margin-bottom: 8px
}

.content-block .content-block-content .content-description {
	height: 140px;
	overflow: hidden;
	position: relative;
	margin-bottom: 16px
}

.content-block .content-block-content .content-description p {
	height: 150px;
	overflow: hidden;
	position: relative
}

@media screen and (max-width: 576px) {
	.content-block .content-block-content .content-description p {
		height: 130px
	}
}

@media screen and (max-width: 576px) {
	.content-block .content-block-content .content-description {
		height: 115px
	}
}

.content-block .content-block-content .content-links {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 38px
}

.content-block .content-block-content .text-link {
	display: block
}

.content-block .content-block-content .text-link .fa-youtube {
	font-size: 18px;
	line-height: 19px;
	color: #DE3E16;
	vertical-align: middle;
	margin-left: 5px
}

.content-block .content-image {
	height: 200px;
	position: relative;
	text-align: center;
	border-bottom: 6px solid #fff;
	background: #000
}

.content-block .content-image .content-background {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.content-block .content-image .content-blur {
	width: 110%;
	height: 110%;
	left: -5%;
	top: -5%;
	position: absolute;
	background: #312E2A;
	background-size: cover;
	background-position: center
}

.content-block .content-image .content-blur-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px)
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.content-block .content-image .content-blur-wrapper {
		background: #000;
		opacity: .8
	}
}

.content-block .content-image .content-splatter {
	position: absolute;
	bottom: -20px;
	width: 100%;
	left: 0;
	height: 35px
}

.content-block .content-image .content-splatter:before {
	background-image: url("../png/divider_3.png");
	width: 120%;
	height: 35px;
	position: absolute;
	bottom: 0px;
	content: '';
	left: -10%;
	background-size: cover
}

.content-block .content-image img {
	position: relative;
	top: -12px;
	z-index: 1;
	height: 230px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	border-radius: 2px
}

.content-block .content-image .uk {
	position: absolute;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 12px;
	opacity: .7;
	bottom: 14px;
	right: 10px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

.content-block .content-image .uk:hover {
	opacity: 1;
	cursor: pointer;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

@media screen and (max-width: 765px) {
	.content-block .content-image .uk {
		font-size: 16px;
		right: 20px;
		bottom: 20px
	}
}

.content-block:nth-of-type(2n) .content-image .content-splatter:before {
	background-image: url("../png/divider_2.png")
}

.content-block:nth-of-type(3n) .content-image .content-splatter:before {
	background-image: url("../png/divider_1.png")
}

.content-block:nth-of-type(4n) .content-image .content-splatter:before {
	background-image: url("../png/divider_4.png")
}

.content-block.coming-soon .content-block-content .content-description {
	height: 170px
}

@media screen and (max-width: 576px) {
	.content-block.coming-soon .content-block-content .content-description {
		height: 130px
	}
}

.content-block.coming-soon .content-block-content .content-description p {
	height: 100%
}

.content-block.coming-soon .content-block-content .content-links {
	height: auto
}

.content-block.coming-soon .content-block-content .content-date {
	position: absolute;
	top: 6px;
	right: 0px;
	background-size: 100% 34px;
	background-position: center;
	background-image: url("../png/coming-soon-date.png");
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	padding: 8px 20px;
	z-index: 2
}

@media screen and (min-width: 992px) {
	.content-block.featured {
		margin-bottom: 50px;
		display: flex;
		flex-direction: row
	}
	.content-block.featured .content-block-content {
		height: auto;
		width: calc(66.6667% + 20px);
		padding: 30px 100px
	}
	.content-block.featured .content-block-content .content-description {
		height: auto
	}
	.content-block.featured .content-block-content .content-description p {
		height: auto
	}
	.content-block.featured .content-block-content .content-description .content-blend {
		display: none
	}
	.content-block.featured .content-block-content .content-links {
		height: auto
	}
	.content-block.featured .content-image {
		border-bottom: 0;
		border-right: 3px solid #fff;
		height: auto;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
		padding-right: 15px;
		display: flex;
		justify-content: center
	}
	.content-block.featured .content-image .content-splatter {
		width: 40px;
		right: -20px;
		top: 0;
		left: auto;
		height: 100%
	}
	.content-block.featured .content-image .content-splatter:before {
		bottom: -10%;
		left: 0;
		height: 120%;
		width: 40px;
		background-image: url("../png/divider_5.png")
	}
	.content-block.featured .content-image img {
		height: 340px;
		top: calc(50% - 170px)
	}
	.content-block.featured:nth-of-type(2n) .content-image .content-splatter:before {
		background-image: url("../divider_6.html")
	}
	.content-block.featured:nth-of-type(3n) .content-image .content-splatter:before {
		background-image: url("../divider_7.html")
	}
	.content-block.featured:nth-of-type(4n) .content-image .content-splatter:before {
		background-image: url("../divider_8.html")
	}
}

@media screen and (max-width: 991px) {
	.content-block {
		margin-bottom: 50px
	}
}

.content-block:hover .content-image img {
	transform: scale(1.02);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

.sidebar {
	max-width: 190px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

@media screen and (max-width: 1200px) {
	.sidebar {
		max-width: 160px
	}
}

.sidebar a {
	color: #140D0F;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	max-width: 160px
}

@media screen and (max-width: 1200px) {
	.sidebar a {
		max-width: 130px
	}
}

.sidebar a.active {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700
}

.sidebar a:hover {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	text-decoration: none
}

.sidebar .secondary-links a {
	margin-top: 25px;
	display: block
}

.sidebar .secondary-links a.sub-category {
	color: #312E2A;
	font-size: 14px;
	letter-spacing: -.1px;
	opacity: .6;
	margin-top: 0
}

.sidebar .sub-categories {
	margin-bottom: 25px
}

.sidebar .sub-categories a {
	font-size: 25px;
	line-height: 28px;
	display: inline;
	position: relative
}

.sidebar .sub-categories a .title {
	position: relative;
	z-index: 1
}

.sidebar .sub-categories a .splatter {
	position: absolute;
	width: 0%;
	height: 123%;
	overflow: hidden;
	left: calc(50%);
	opacity: .2;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	transform: translateX(-50%)
}

.sidebar .sub-categories a .splatter img {
	width: 100%;
	height: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

.sidebar .sub-categories a .splatter.one {
	top: -2px
}

.sidebar .sub-categories a .splatter.two {
	top: -1px
}

.sidebar .sub-categories a .splatter.three {
	top: 1px
}

.sidebar .sub-categories a .splatter.darkmode {
	opacity: 0
}

.sidebar .sub-categories a .splatter.active {
	opacity: 0
}

.sidebar .sub-categories a.active,
.sidebar .sub-categories a:hover {
	color: #fff;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400
}

.sidebar .sub-categories a.active .splatter,
.sidebar .sub-categories a:hover .splatter {
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.sidebar .sub-categories a.active .splatter.one,
.sidebar .sub-categories a:hover .splatter.one {
	width: 180px
}

@media screen and (max-width: 1200px) {
	.sidebar .sub-categories a.active .splatter.one,
	.sidebar .sub-categories a:hover .splatter.one {
		width: 100px
	}
}

.sidebar .sub-categories a.active .splatter.two,
.sidebar .sub-categories a:hover .splatter.two {
	width: 125px
}

.sidebar .sub-categories a.active .splatter.three,
.sidebar .sub-categories a:hover .splatter.three {
	width: 85px
}

.sidebar .sub-categories a.active .splatter.active {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.sidebar .sub-categories a.active:hover .splatter.hover {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.sidebar .sub-categories a.active:hover .splatter.active {
	opacity: 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.sidebar .sub-categories a:hover .splatter.hover {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.sidebar>div>span {
	display: block;
	margin-bottom: 8px
}

.sidebar.stuck {
	position: fixed;
	box-sizing: content-box;
	top: 90px;
	z-index: 1
}

.sidebar.stuck.fixToTop {
    position: absolute;
	top: unset;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.sidebar.stuck {
		left: calc((100% - 1140px) / 2 - 15px)
	}
}

@media all and (-ms-high-contrast: none) and (max-width: 1200px),
(-ms-high-contrast: active) {
	.sidebar.stuck {
		left: calc((100% - 960px) / 2 - 15px)
	}
}

@media screen and (max-width: 991px) {
	.sidebar {
		display: none
	}
}

.sidebar-spacer {
	display: none
}

@media screen and (min-width: 992px) {
	.sidebar-spacer.show {
		display: block
	}
}

#newsletter-signup {
	background: #F3E331;
	background-image: url("../png/bg-shade-black.png");
	background-repeat: no-repeat;
	background-size: 75% 100%;
	background-position: 160% 100%;
	margin-top: 50px;
	width: 100%
}

@media screen and (max-width: 767px) {
	#newsletter-signup {
		background-image: url("../png/bg-shade_4.png");
		background-size: 125% 90%;
		background-position: 0px 210%
	}
}

@media screen and (max-width: 375px) {
	#newsletter-signup {
		background-size: 125% 85%
	}
}

#newsletter-signup .newsletter-wrapper {
	align-items: center
}

@media screen and (max-width: 991px) {
	#newsletter-signup .newsletter-wrapper {
		justify-content: space-between
	}
}

#newsletter-signup .big-text {
	max-width: 460px
}

#newsletter-signup .big-text p {
	font-family: 'Spectral', serif;
	font-weight: 300;
	font-size: 52px;
	line-height: 60px;
	letter-spacing: -3.5px;
	color: #140D0F
}

@media screen and (max-width: 991px) {
	#newsletter-signup .big-text {
		margin-right: 0px;
		max-width: 360px
	}
}

@media screen and (max-width: 767px) {
	#newsletter-signup .big-text {
		text-align: center;
		max-width: 100%;
		margin-top: 50px
	}
	#newsletter-signup .big-text p {
		font-size: 42px;
		line-height: 50px
	}
}

#newsletter-signup .signup-wrapper-outer {
	padding-top: 2rem;
	padding-bottom: 2rem
}

#newsletter-signup .form-wrapper-inner {
	max-width: 230px
}

@media screen and (max-width: 767px) {
	#newsletter-signup .form-wrapper-inner {
		max-width: 100%
	}
}

.photo-gallery {
	position: relative;
	margin: 70px auto
}

.photo-gallery .background-wrapper {
	background: #EDE9E4;
	width: calc(100% + 60px);
	height: calc(100% + 40px);
	position: absolute;
	top: -20px;
	left: -30px;
	z-index: 0
}

@media screen and (max-width: 576px) {
	.photo-gallery .background-wrapper {
		width: calc(100% + 30px);
		left: -15px
	}
}

.photo-gallery h2 {
	position: relative
}

@media screen and (max-width: 576px) {
	.photo-gallery .owl-carousel {
		padding: 0 10px
	}
}

.photo-gallery .owl-carousel .photo {
	width: 100%;
	margin-right: 12px
}

.photo-gallery .owl-carousel .photo:last-of-type {
	margin-right: 0
}

.photo-gallery .owl-carousel .photo img {
	width: auto;
	height: 170px
}

@media screen and (max-width: 1200px) {
	.photo-gallery .owl-carousel .photo img {
		height: 150px
	}
}

.photo-gallery .owl-carousel .photo p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	margin-top: 10px
}

.detail-grid h2 {
	display: inline-block
}

.detail-grid .toggle {
	line-height: 64px;
	height: 59px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #757369;
	text-transform: uppercase;
	margin-left: 20px;
	display: inline-block
}

.detail-grid .toggle .hide {
	display: none
}

.detail-grid .toggle:hover {
	cursor: pointer;
	color: #312E2A
}

.detail-grid .grid {
	width: 100%
}

.detail-grid .grid .grid-content-wrapper {
	overflow: hidden;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

.detail-grid .grid-headers {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #252231;
	line-height: 18px;
	border-bottom: 2px solid #A19B94
}

.detail-grid .grid-content {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #252231;
	line-height: 18px;
	padding: 12px 16px;
	background: #FCF8F7;
	width: calc(100% + 30px);
	display: none
}

.detail-grid .grid-content.initial {
	display: flex
}

.detail-grid .grid-content:nth-of-type(2n) {
	background: #EDE9E4
}

@media screen and (max-width: 768px) {
	.detail-grid .grid-content .smaller {
		font-size: 12px
	}
}

.detail-grid .grid-content.author-show {
	display: flex !important
}

.detail-grid .grid .ellipsis {
	display: flex;
	cursor: pointer
}

.detail-grid .grid a.grid-content:hover,
.detail-grid .grid .grid-content:hover {
	text-decoration: none;
	background: #E0DAD3
}

.detail-grid .ellipsis {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

.detail-grid.full .toggle .hide {
	display: block
}

.detail-grid.full .toggle .show {
	display: none
}

.detail-grid.full .grid-content-wrapper {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

.detail-grid.full .ellipsis {
	display: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

@media screen and (max-width: 991px) {
	#new-releases #section-header .header-wrapper .section-header-links {
		margin-bottom: 20px
	}
}

#coming-soon {
	margin-top: 50px
}

@media screen and (max-width: 991px) {
	#coming-soon {
		margin-top: 0px
	}
}

#coming-soon #section-header .section-header-links {
	margin-bottom: 20px
}

@media screen and (min-width: 991px) {
	body.layout_home #mainNav {
		background-image: none;
		height: auto;
		padding: 2rem 15px
	}
	body.layout_home #mainNav div.nav {
		height: auto
	}
	body.layout_home #mainNav .site-logo {
		height: 84px;
		width: 200px;
		overflow: hidden;
		position: relative
	}
	body.layout_home #mainNav .site-logo svg {
		height: 84px;
		width: 1000px;
		position: absolute;
		top: 0
	}
	body.layout_home #mainNav .site-logo:hover svg,
	body.layout_home #mainNav .site-logo:hover img {
		left: -200px;
		animation: fullNavLogoHover 0.7s steps(4) infinite
	}
	body.layout_home #mainNav .site-logo .darkmode {
		display: none
	}
}

body.layout_home .main-content {
	background-image: url("../png/bg-shade_5.png");
	background-position: 200% 0%;
	background-size: 80%;
	background-repeat: no-repeat
}

body.layout_home .main-content~.main-content {
	background-image: url("../png/bg-shade_5.png");
	background-position: 0% 80%;
	background-size: 80%;
	background-repeat: no-repeat
}

@media screen and (min-width: 992px) {
	body.layout_home #latest-news #section-header .section-header-links {
		margin-bottom: 20px
	}
}

@keyframes fullNavLogoHover {
	100% {
		left: -1000px
	}
}

.generic-section {
	margin-bottom: 50px
}

.generic-section:last-of-type {
	margin-bottom: 0
}

.image-block {
	margin-top: 20px;
	width: 100%
}

.image-block .caption {
	font-size: 14px;
	line-height: 19px;
	margin-top: 5px
}

.image-block img {
	max-width: 100%
}

.pagination {
	justify-content: center;
	margin: 20px auto 0px
}

.pagination .paginate {
	width: 28px;
	height: 28px;
	border-radius: 3px;
	margin: 0 1px;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	border: 1px solid #EDE9E4;
	color: #252231
}

.pagination .paginate.active {
	border-color: #E0DAD3;
	background: #EDE9E4
}

.pagination .paginate:hover {
	text-decoration: none;
	background: #EDE9E4
}

.pagination .paginate:hover.active {
	background: #E0DAD3
}

.news-content .news-subtext {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #757369;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: .4px;
	margin-bottom: 8px
}

.news-content .news-description {
	position: relative
}

.news-content .text-link {
	display: block
}

.news-content .text-link .fa-youtube {
	font-size: 18px;
	line-height: 19px;
	color: #DE3E16;
	vertical-align: middle;
	margin-left: 5px
}

.news-content iframe {
	max-width: 100%
}

#latest-news {
	margin-top: 50px
}

@media screen and (max-width: 991px) {
	#latest-news {
		margin-top: 0px
	}
}

#latest-news .news-content {
	background: #fff;
	padding: 30px 22px;
	margin-bottom: 10px
}

@media screen and (max-width: 576px) {
	#latest-news .news-content {
		margin-bottom: 20px
	}
}

#latest-news .news-content h5 {
	margin-bottom: 4px
}

#latest-news .news-content .news-blend {
	width: 100%;
	height: 60px;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
	position: absolute;
	left: 0;
	bottom: 0
}

#latest-news .news-content .news-description {
	max-height: 145px;
	overflow: hidden
}

#latest-news .news-content .news-description.shorter .news-blend {
	display: none
}

#latest-news.news-page .latest-news {
	padding-bottom: 20px;
	border-bottom: 2px solid #E0DAD3;
	margin-bottom: 20px
}

#latest-news.news-page .latest-news:last-of-type {
	border-bottom: none
}

#latest-news.news-page .news-content {
	padding: 0;
	background: none
}

#latest-news.news-page .news-content h1 {
	color: #000;
	margin-bottom: 0
}

#latest-news.news-page .news-content h1 a {
	color: #000;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#latest-news.news-page .news-content h1 a:hover {
	text-decoration: none;
	color: #A19B94;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#latest-news.news-page .news-content .news-description {
	max-height: auto
}

#latest-news.news-page .news-content img,
#latest-news.news-page .news-content iframe {
	margin-bottom: 20px;
	max-width: 100%
}

#latest-news.news-page .news-content:hover {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

@media screen and (max-width: 767px) {
	#latest-news.news-page .works-header-wrapper {
		width: 100%
	}
}

#latest-news.news-page .header-content {
	display: flex;
	justify-content: space-between
}

#latest-news.news-page .header-content .sort-by .toggle.open .toggle-options {
	height: 640px
}

@media screen and (max-width: 991px) {
	#latest-news.news-page .header-content .main-header {
		margin-bottom: 0
	}
}

#newsletter #newsletter-signup .signup-wrapper-outer,
#contact #newsletter-signup .signup-wrapper-outer {
	margin: 0 auto
}

#newsletter #newsletter-signup .signup-wrapper-outer .signup-wrapper,
#contact #newsletter-signup .signup-wrapper-outer .signup-wrapper {
	background: none
}

#contact ol {
	font-family: 'Spectral', serif;
	font-weight: 400;
	padding-left: 1rem
}

#contact ol .bold {
	font-family: 'Spectral', serif;
	font-weight: 700
}

#faq.faq-page h4.section-header {
	font-family: 'Spectral', serif;
	font-weight: 700;
	font-size: 39px;
	letter-spacing: -3px;
	line-height: 39px;
	margin-bottom: 0
}

#faq.faq-page .question-wrapper {
	position: relative;
	cursor: pointer
}

#faq.faq-page .question-wrapper .chevron {
	width: 20px;
	height: 20px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	transform: rotate(-90deg);
	top: 3px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

@media screen and (max-width: 991px) {
	#faq.faq-page .question-wrapper .chevron {
		position: absolute;
		top: 0%;
		left: 0%;
		height: 25px
	}
}

#faq.faq-page .question-wrapper .chevron svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 80px
}

#faq.faq-page .question-wrapper .question {
	display: inline-block
}

@media screen and (max-width: 991px) {
	#faq.faq-page .question-wrapper .question {
		display: block;
		max-width: calc(100% - 30px);
		margin-left: 24px
	}
}

@media screen and (max-width: 767px) {
	#faq.faq-page .question-wrapper .question {
		max-width: calc(100% - 24px)
	}
}

#faq.faq-page .question-wrapper .answer {
	display: none;
	padding-left: 24px
}

#faq.faq-page .question-wrapper .answer p {
	margin-bottom: 0
}

#faq.faq-page .question-wrapper.open .chevron {
	transform: rotate(0deg);
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#faq.faq-page .question-wrapper:hover .chevron svg {
	animation: smallSpriteHover 0.5s steps(3) infinite;
	fill: #DE3E16
}

@media screen and (max-width: 768px) {
	#faq.faq-page .question-wrapper:hover .chevron svg {
		fill: #000;
		animation: none
	}
}

#faq.faq-page .question-wrapper .bold {
	font-weight: bold
}

#faq.faq-page .question-wrapper .snippet {
	background: #EDE9E4;
	max-width: 530px;
	padding: 1rem;
	font-family: "monospace"
}

#faq.faq-page .question-wrapper .copy-link {
	position: relative;
	width: 20px;
	height: 22px;
	top: 3px;
	display: inline-block;
	overflow: hidden
}

@media screen and (max-width: 768px) {
	#faq.faq-page .question-wrapper .copy-link {
		display: none
	}
}

#faq.faq-page .question-wrapper .copy-link svg {
	width: 80px;
	height: 22px;
	position: absolute;
	left: 0
}

#faq.faq-page .question-wrapper .copy-link:hover svg {
	animation: smallSpriteHover 0.5s steps(3) infinite;
	fill: #DE3E16
}

#legal.legal-page .sub-text {
	width: 95%;
	margin-left: 5%
}

#legal.legal-page .sub-text h6 {
	font-size: 1rem
}

#legal.legal-page .legal-date {
	font-family: 'Spectral', serif;
	font-weight: 400
}

#legal.legal-page .legal-date span {
	color: #776F69;
	font-size: .8rem;
	font-family: 'Spectral', serif;
	font-weight: 700
}

#coming-soon.upcoming-page .coming-soon {
	padding: 0;
	margin: 0 auto 50px
}

#coming-soon.upcoming-page .coming-soon:last-of-type {
	margin-bottom: 0
}

#coming-soon.upcoming-page .coming-soon .content-date {
	position: relative;
	background-image: none;
	color: #D53C15;
	font-size: 18px;
	line-height: 20px;
	padding: 0;
	margin-bottom: 20px
}

#coming-soon.upcoming-page .coming-soon .format {
	display: block
}

#coming-soon.upcoming-page .coming-soon h4 {
	font-size: 30px;
	line-height: 39px;
	margin-bottom: 0
}

#coming-soon.upcoming-page .coming-soon .content-background {
	background: #fff
}

#coming-soon.upcoming-page .coming-soon .content-background .content-blur,
#coming-soon.upcoming-page .coming-soon .content-background .content-blur-wrapper,
#coming-soon.upcoming-page .coming-soon .content-background .content-splatter {
	display: none
}

@media screen and (max-width: 991px) {
	#coming-soon.upcoming-page .coming-soon .content-background .content-blur,
	#coming-soon.upcoming-page .coming-soon .content-background .content-blur-wrapper,
	#coming-soon.upcoming-page .coming-soon .content-background .content-splatter {
		display: block
	}
}

#coming-soon.upcoming-page .coming-soon .content-image {
	width: 290px;
	padding-left: 60px;
	border: none
}

#coming-soon.upcoming-page .coming-soon .content-image img {
	top: 30px
}

@media screen and (max-width: 991px) {
	#coming-soon.upcoming-page .coming-soon .content-image img {
		top: 0
	}
}

@media screen and (max-width: 991px) {
	#coming-soon.upcoming-page .coming-soon .content-image {
		width: 100%;
		justify-content: flex-start;
		padding: 30px 22px 0;
		height: auto
	}
}

#coming-soon.upcoming-page .coming-soon .content-block-content {
	width: calc(100% - 290px);
	padding: 30px 60px 30px 40px
}

@media screen and (max-width: 991px) {
	#coming-soon.upcoming-page .coming-soon .content-block-content {
		width: 100%;
		padding: 30px 22px
	}
}

#coming-soon.upcoming-page .coming-soon .content-block-content .content-description {
	height: auto
}

#coming-soon.upcoming-page .coming-soon .content-block-content .content-description p {
	height: auto
}

#coming-soon.upcoming-page .coming-soon .content-block-content .content-description .content-blend {
	display: none
}

#coming-soon.upcoming-page .coming-soon .content-splatter {
	display: block
}

#coming-soon.upcoming-page .coming-soon .content-links {
	display: none
}

.works-page {
	margin-bottom: 50px
}

@media screen and (max-width: 767px) {
	.works-page .works-header-wrapper {
		width: 100%
	}
}

.works-page .main-header {
	display: inline-block
}

@media screen and (max-width: 991px) {
	.works-page .main-header {
		display: none
	}
}

.works-page .active-sort {
	font-size: 20px;
	font-family: 'Spectral', serif;
	font-weight: 400;
	line-height: 30px;
	display: inline-block
}

@media screen and (max-width: 991px) {
	.works-page .active-sort {
		display: none
	}
}

.works-page .header-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

@media screen and (max-width: 991px) {
	.works-page .header-content {
		align-items: center;
		margin-bottom: 20px
	}
}

@media screen and (max-width: 767px) {
	.works-page .header-content {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 0
	}
}

.works-page#works-list .sort-by .sort-grid svg {
	opacity: .45
}

.works-page#works-list .sort-by .sort-grid:hover svg {
	opacity: 1
}

.works-page#works-list .works-wrapper {
	margin-top: 20px
}

.works-page#works-list .works-wrapper .table-headers {
	border-bottom: solid 2px #DE3E16;
	width: 100%;
	margin: 0 auto
}

.works-page#works-list .works-wrapper .table-headers .header {
	line-height: 16px;
	font-size: 13px;
	padding-bottom: 4px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400
}

.works-page#works-list .works-wrapper .table-headers .header.publish-date {
	text-align: right
}

.works-page#works-list .works-wrapper .works-inner .work {
	line-height: 20px;
	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	padding: 10px 0px;
	background-color: #FCF8F7;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	color: #000;
	width: 100%;
	margin: 0 auto
}

.works-page#works-list .works-wrapper .works-inner .work:nth-of-type(2n) {
	background-color: #EDE9E4;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.works-page#works-list .works-wrapper .works-inner .work .works-date {
	text-align: right
}

.works-page#works-list .works-wrapper .works-inner .work:hover {
	text-decoration: none;
	background-color: #E0DAD3;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

@media screen and (max-width: 576px) {
	.works-page#works-list .works-wrapper .works-inner .work .works-date,
	.works-page#works-list .works-wrapper .works-inner .work .works-type {
		font-size: 13px
	}
}

.works-page#works-list .pagination {
	margin: 50px auto 0px
}

.works-page#works-grid .sort-by .sort-list svg {
	opacity: .45
}

.works-page#works-grid .sort-by .sort-list:hover svg {
	opacity: 1
}

.works-page#works-grid .pagination {
	margin: 30px auto 0px
}

@media screen and (max-width: 768px) {
	.works-wrapper {
		margin-top: 20px
	}
}

.works-wrapper .works-inner {
	display: flex;
	flex-wrap: wrap
}

.works-wrapper .works-inner .work {
	width: calc(20% - 16px);
	margin: 0 20px 30px 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	color: #E0DAD3
}

.works-wrapper .works-inner .work:nth-of-type(5n) {
	margin-right: 0
}

@media screen and (max-width: 768px) {
	.works-wrapper .works-inner .work {
		width: calc(25% - 15px)
	}
	.works-wrapper .works-inner .work:nth-of-type(5n) {
		margin-right: 20px
	}
	.works-wrapper .works-inner .work:nth-of-type(4n) {
		margin-right: 0
	}
}

@media screen and (max-width: 576px) {
	.works-wrapper .works-inner .work {
		width: calc(50% - 10px)
	}
	.works-wrapper .works-inner .work:nth-of-type(2n) {
		margin-right: 0
	}
}

.works-wrapper .works-inner .work .work-image-wrapper {
	position: relative;
	width: 100%;
	padding-top: 150%;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #EDE9E4;
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

.works-wrapper .works-inner .work .work-image-wrapper .work-image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center
}

.works-wrapper .works-inner .work .work-content .works-title {
	color: #000;
	line-height: 22px;
	font-size: 16px;
	font-family: 'Spectral', serif;
	font-weight: 700;
	margin-bottom: 2px;
	text-decoration: none
}

.works-wrapper .works-inner .work .work-content .works-type {
	line-height: 16px;
	font-size: 13px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	color: #6D6962;
	margin: 3px 0 0;
	letter-spacing: .1px;
	text-decoration: none
}

.works-wrapper .works-inner .work .work-content .works-date {
	line-height: 16px;
	font-size: 13px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #6D6962;
	margin: 3px 0 0;
	letter-spacing: .1px;
	text-decoration: none
}

.works-wrapper .works-inner .work:hover {
	text-decoration: none
}

.works-wrapper .works-inner .work:hover .works-title {
	text-decoration: underline;
	text-decoration-color: #A19B94
}

.works-wrapper .works-inner .work:hover .work-image-wrapper {
	transform: scale(1.03);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.works-wrapper .works-inner .work:hover .work-image-wrapper {
		transform: scale(1)
	}
}

.sort-by {
	display: flex;
	flex-direction: row;
	height: 26px;
	align-items: center;
	z-index: 10;
	margin-top: 2px
}

@media screen and (max-width: 576px) {
	.sort-by {
		width: 100%
	}
}

.sort-by .sprite {
	width: 24px;
	height: 24px;
	overflow: hidden;
	margin-left: 16px;
	position: relative
}

.sort-by .sprite svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 96px
}

.sort-by .sprite:hover svg {
	animation: spriteHover 0.5s steps(3) infinite;
	fill: #DE3E16
}

@media screen and (max-width: 576px) {
	.sort-by .sprite.sort-grid {
		margin-left: 0
	}
}

.sort-by .toggle {
	background: #EDE9E4;
	height: 26px;
	padding: 1px 10px;
	margin-left: 16px;
	display: flex;
	position: relative
}

.sort-by .toggle:first-of-type {
	margin-left: 0
}

.sort-by .toggle .toggle-header {
	align-items: center;
	display: flex;
	width: 100%
}

.sort-by .toggle .toggle-header .toggle-title {
	line-height: 24px;
	font-size: 13px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	display: inline-block;
	margin-right: 5px
}

.sort-by .toggle .toggle-header .chevron {
	width: 20px;
	height: 20px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	transform: rotate(0deg);
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.sort-by .toggle .toggle-header .chevron svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 80px
}

.sort-by .toggle .toggle-header:hover {
	cursor: pointer
}

.sort-by .toggle .toggle-header:hover svg {
	animation: smallSpriteHover 0.5s steps(3) infinite;
	fill: #DE3E16
}

.sort-by .toggle .toggle-options {
	position: absolute;
	width: 100%;
	top: 26px;
	left: 0;
	height: 0;
	overflow: hidden;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.sort-by .toggle .toggle-options .option {
	width: 100%;
	padding: 4px 0px;
	background: #EDE9E4;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.sort-by .toggle .toggle-options .option:hover {
	background: #E0DAD3;
	cursor: pointer;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.sort-by .toggle.open .toggle-options {
	height: 64px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

@media screen and (max-width: 576px) {
	.sort-by .toggle.open .toggle-options {
		height: 128px
	}
}

.sort-by .toggle.open .chevron {
	transform: rotate(180deg);
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.sort-by .toggle.sort-mobile {
	display: none;
	margin-left: auto
}

@media screen and (max-width: 576px) {
	.sort-by .toggle.sort-mobile {
		display: block
	}
	.sort-by .toggle.sort-title,
	.sort-by .toggle.sort-date {
		display: none
	}
}

.works-nav-wrapper {
	position: relative;
	background: #EDE9E4;
	padding: 5px 10px;
	max-width: 290px;
	display: none
}

@media screen and (max-width: 991px) {
	.works-nav-wrapper {
		display: block
	}
}

@media screen and (max-width: 767px) {
	.works-nav-wrapper {
		width: 100%;
		max-width: 100%;
		margin-bottom: 8px
	}
}

.works-nav-wrapper #works-nav {
	background: none;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	font-family: 'Spectral', serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 32px;
	color: #252231;
	width: 100%
}

.works-nav-wrapper #works-nav::-ms-expand {
	display: none
}

.works-nav-wrapper #works-nav span.active-sort {
	display: block
}

@media screen and (max-width: 576px) {
	.works-nav-wrapper #works-nav {
		right: 0
	}
}

@media screen and (max-width: 768px) {
	.works-nav-wrapper #works-nav {
		display: block
	}
}

.works-nav-wrapper .chevron {
	width: 20px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	display: inline-block;
	transform: rotate(0deg);
	top: 12px;
	right: 10px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

.works-nav-wrapper .chevron svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 80px
}

@media screen and (max-width: 991px) {
	.works-nav-wrapper .chevron {
		pointer-events: none
	}
}

.detail-page {
	margin-top: 80px
}

@media screen and (max-width: 767px) {
	.detail-page {
		margin-top: 20px
	}
}

.mainContent .breadcrumbs {
	color: #BE4F23
}

.mainContent .breadcrumbs a {
	color: #BE4F23;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	position: relative;
	z-index: 1
}

.mainContent .breadcrumbs a:hover {
	color: #DE3E16;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	text-decoration: none
}

.book-detail-page {
	margin-top: 70px
}

@media screen and (max-width: 575px) {
	.book-detail-page {
		margin-top: 20px
	}
}

.book-detail-page .page-header .large-header {
	display: block
}

.book-detail-page .bookDetail {
	margin: 0 auto 50px
}

.book-detail-page .bookDetail-mainContent .image-wrapper {
	width: 100%;
	box-shadow: 0 5px 20px rgba(49, 46, 42, 0.22)
}

@media screen and (min-width: 576px) {
	.book-detail-page .bookDetail-mainContent .image-wrapper {
		margin-top: 8px
	}
}

.book-detail-page .bookDetail-mainContent .image-wrapper img {
	width: 100%;
	border-radius: 2px
}

.book-detail-page .bookDetail-mainContent .image-wrapper.mobile-show {
	width: 145px;
	margin-right: 15px;
	margin-bottom: 20px
}

@media screen and (max-width: 575px) {
	.book-detail-page .bookDetail-mainContent .right {
		width: calc(100% - 165px)
	}
	.book-detail-page .bookDetail-mainContent .right .content-header {
		margin-bottom: 0;
		width: 100%;
		margin-right: 0
	}
}

@media screen and (max-width: 575px) {
	.book-detail-page .bookDetail-mainContent .mobile-styling {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start
	}
	.book-detail-page .bookDetail-mainContent .mobile-styling h1 {
		width: 100%
	}
}

.book-detail-page .bookDetail-alternateCovers.photo-gallery {
	margin: 70px auto
}

@media screen and (min-width: 769px) {
	.book-detail-page .bookDetail-inspiration p {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px
	}
}

@media screen and (min-width: 769px) {
	.book-detail-page .bookDetail-fromTheFlap p {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px
	}
}

.book-detail-page .bookDetail-links {
	margin-bottom: 0
}

.book-detail-page .bookDetail-links .extra-link {
	color: #312E2A;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 45px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

.book-detail-page .bookDetail-links .extra-link span {
	margin-left: 12px
}

.book-detail-page .bookDetail-links .extra-link .icon {
	width: 50px;
	text-align: center
}

.book-detail-page .bookDetail-links .extra-link img {
	height: 25px;
	margin: 0 auto;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

.book-detail-page .bookDetail-links .extra-link:hover {
	text-decoration: none
}

.book-detail-page .bookDetail-links .extra-link:hover img {
	transform: scale(1.15);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}

.book-detail-page .bookDetail-related {
	position: relative;
	margin-bottom: 0
}

.book-detail-page .bookDetail-related .related-works {
	display: flex
}

@media screen and (max-width: 576px) {
	.book-detail-page .bookDetail-related .related-works {
		padding: 0 10px
	}
}

.book-detail-page .bookDetail-related a {
	margin-right: 20px
}

.book-detail-page .bookDetail-related a img {
	width: auto;
	height: 168px
}

.book-detail-page .bookDetail-related a p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	margin-top: 10px
}

.book-detail-page .bookDetail-related a:hover {
	text-decoration-color: #A19B94
}

@media screen and (max-width: 576px) {
	.book-detail-page .bookDetail-related .related-works-arrows .arrow-inner.left {
		left: 0
	}
}

@media screen and (max-width: 576px) {
	.book-detail-page .bookDetail-related .related-works-arrows .arrow-inner.right {
		right: 0
	}
}

.news-detail-page {
	margin-bottom: 50px
}

#bibliography .sort-by .sort-grid,
#bibliography .sort-by .sort-list {
	display: none
}

@media screen and (max-width: 768px) {
	#bibliography .header-content {
		margin-bottom: 20px
	}
}

#bibliography .sidebar .sub-categories a {
	position: relative;
	height: 32px
}

#bibliography .sidebar .sub-categories a .sprite {
	width: 15px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	margin-top: 9px;
	left: -17px;
	z-index: 1
}

#bibliography .sidebar .sub-categories a .sprite svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 60px
}

#bibliography .sidebar .sub-categories a .splatter {
	left: calc(50% - 8px)
}

#bibliography .sidebar .sub-categories a .splatter.one {
	top: -3px
}

#bibliography .sidebar .sub-categories a .splatter.two {
	top: -1px
}

#bibliography .sidebar .sub-categories a .splatter.three {
	top: 3px
}

#bibliography .sidebar .sub-categories a .splatter.darkmode {
	display: none
}

#bibliography .sidebar .sub-categories a.active .splatter.one,
#bibliography .sidebar .sub-categories a:hover .splatter.one {
	width: 190px
}

@media screen and (max-width: 1200px) {
	#bibliography .sidebar .sub-categories a.active .splatter.one,
	#bibliography .sidebar .sub-categories a:hover .splatter.one {
		width: 120px
	}
}

#bibliography .sidebar .sub-categories a.active .splatter.two,
#bibliography .sidebar .sub-categories a:hover .splatter.two {
	width: 145px
}

#bibliography .sidebar .sub-categories a.active .splatter.three,
#bibliography .sidebar .sub-categories a:hover .splatter.three {
	width: 100px
}

#bibliography .sidebar .sub-categories a:hover svg {
	animation: smallestSpriteHover 0.5s steps(3) infinite;
	fill: #fff
}

#bibliography .bibliography-section {
	margin-bottom: 25px
}

#bibliography .bibliography-section h6 {
	margin-bottom: 4px
}

#bibliography .bibliography-content {
	line-height: 20px;
	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	padding: 10px 16px;
	background-color: #EDE9E4;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	color: #000;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

#bibliography .bibliography-content:nth-of-type(2n) {
	background-color: #FCF8F7;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#bibliography .bibliography-content:nth-of-type(2n) .format {
	font-size: 14px
}

#bibliography .bibliography-content:hover {
	text-decoration: none;
	background-color: #E0DAD3;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

#bibliography .bibliography-content:hover svg {
	animation: spriteHover 0.5s steps(3) infinite;
	fill: #DE3E16
}

#bibliography .bibliography-content:hover .title,
#bibliography .bibliography-content:hover .format {
	color: #DE3E16
}

#bibliography .bibliography-content span {
	margin-right: 4px;
	flex-shrink: 0
}

#bibliography .bibliography-content .sprite {
	width: 24px;
	height: 24px;
	overflow: hidden;
	position: relative;
	margin-right: 8px
}

#bibliography .bibliography-content .sprite svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 96px
}

@media screen and (max-width: 576px) {
	#bibliography .bibliography-content .sprite.sort-grid {
		margin-left: 0
	}
}

#bibliography .bibliography-content .title {
	color: black;
	text-decoration: underline;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700
}

#bibliography .bibliography-content .publisher {
	text-decoration: underline
}

#bibliography .bibliography-content .format {
	color: black;
	font-size: 14px
}

#the-author .author {
	margin-bottom: 50px
}

#the-author .author:last-of-type {
	margin-bottom: 0
}

#the-author .author-info {
	width: calc(100% - 300px);
	display: inline-block
}

@media screen and (max-width: 768px) {
	#the-author .author-info {
		width: 100%;
		display: block;
		margin-bottom: 1rem
	}
	#the-author .author-info .content-content,
	#the-author .author-info .content-header {
		display: block;
		margin: 0
	}
}

#the-author .author-image {
	width: 275px;
	display: inline-block;
	box-shadow: 0px 5px 20px 0 rgba(49, 46, 42, 0.22);
	float: right;
	margin-left: 25px;
	position: relative;
	margin-bottom: 10px
}

@media screen and (max-width: 768px) {
	#the-author .author-image {
		width: 100%;
		max-width: 275px;
		float: none;
		margin: 0 auto 1rem auto;
		display: block
	}
	#the-author .author-image .content-content,
	#the-author .author-image .content-header {
		display: block;
		margin: 0
	}
}

#the-author .author-image img {
	width: 100%;
	border-radius: 2px
}

#the-author #about {
	position: relative
}

#the-author #about .content-blend {
	background: linear-gradient(rgba(255, 255, 255, 0), #FCF8F7);
	bottom: 1rem
}

#the-author #about .expand-content {
	margin-top: .5rem;
	display: none
}

@media screen and (max-width: 768px) {
	#the-author #about .expand-content {
		display: block
	}
}

#the-author #about .mobile-expand {
	display: block
}

@media screen and (max-width: 768px) {
	#the-author #about .mobile-expand {
		display: none
	}
}

#the-author #about.expanded .content-blend,
#the-author #about.expanded .expand-content {
	display: block
}

@media screen and (max-width: 768px) {
	#the-author #about.expanded .content-blend,
	#the-author #about.expanded .expand-content {
		display: none
	}
}

#the-author .author-biography #author-form {
	margin-bottom: 0
}

#the-author .author-biography #author-form .form-wrapper {
	margin-top: 0
}

@media screen and (max-width: 767px) {
	#the-author .author-biography #author-form .form-wrapper {
		width: 100%;
		margin-top: 20px
	}
}

#the-author .photo-gallery .photo p {
	text-align: left;
	margin: 0
}

#the-author .photo-gallery .photo p:first-of-type {
	margin-top: 10px
}

@media screen and (max-width: 576px) {
	#the-author .author-appearances .toggle {
		display: block;
		height: auto;
		line-height: 18px;
		margin-left: 0;
		margin-bottom: 20px
	}
}

#the-author .author-awards .grid-headers {
	width: 100%;
	margin: 0 auto;
	background: none;
	padding: 0;
	font-size: 14px
}

#the-author .author-awards .award-header {
	font-family: 'Spectral', serif;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -1px;
	line-height: 30px;
	margin: 1em 0 4px 15px;
	display: none
}

#the-author .author-awards .award-header.initial {
	display: flex
}

#the-author .author-awards .award-header:first-of-type {
	margin-top: 0
}

@media screen and (max-width: 767px) {
	#the-author .author-awards .grid-content .work {
		order: 1
	}
	#the-author .author-awards .grid-content .smaller {
		order: 2
	}
}

@keyframes spookyDarkmode {
	0% {
		opacity: 0
	}
	20% {
		opacity: 0
	}
	22% {
		opacity: .4
	}
	24% {
		opacity: 0
	}
	32% {
		opacity: 0
	}
	37% {
		opacity: .6
	}
	42% {
		opacity: .2
	}
	44% {
		opacity: 1
	}
	78% {
		opacity: 1
	}
	82% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

#dollar-babies .works-wrapper .works-inner {
	margin-bottom: 10px;
	column-count: 3;
	column-gap: 40px;
	display: block
}

@media screen and (max-width: 767px) {
	#dollar-babies .works-wrapper .works-inner {
		column-count: 2;
		column-gap: 20px
	}
}

@media screen and (max-width: 576px) {
	#dollar-babies .works-wrapper .works-inner {
		column-count: 1;
		column-gap: 0px
	}
}

#dollar-babies .works-wrapper .works-inner .works-title {
	color: #000;
	font-size: 18px;
	font-family: 'Spectral', serif;
	font-weight: 700;
	text-decoration: none;
	display: block
}

#dollar-babies .works-wrapper .works-inner .works-title:hover {
	text-decoration: underline;
	cursor: pointer
}

html.dark {
	background: #140D0F
}

html.dark body {
	background: #140D0F
}

html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark p,
html.dark a.text-link,
html.dark p.content-date,
html.dark ol {
	color: #FCF8F7
}

html.dark p.content-header {
	color: #A19B94
}

html.dark form .form-group.form-check label {
	color: #DE3E16
}

html.dark form input[type=checkbox] {
	border-color: #DE3E16
}

html.dark form input[type=checkbox]:before {
	background-color: #DE3E16
}

html.dark form input[type=checkbox]::-ms-check {
	border-color: #DE3E16;
	color: #DE3E16
}

html.dark form button,
html.dark form .btn,
html.dark .btn {
	background-color: #DE3E16;
	color: white;
	background-image: url(../png/button-splat-darkmode.png)
}

html.dark #mainNav,
html.dark #sticky-nav,
html.dark #footer {
	background-color: #140D0F;
	background-image: url(../png/bg-splat_4.png)
}

html.dark #mainNav div.nav .nav-link,
html.dark #mainNav .footer-item .footer-link,
html.dark #sticky-nav div.nav .nav-link,
html.dark #sticky-nav .footer-item .footer-link,
html.dark #footer div.nav .nav-link,
html.dark #footer .footer-item .footer-link {
	color: white
}

html.dark #mainNav div.nav .nav-item.active.active .splatter.active,
html.dark #sticky-nav div.nav .nav-item.active.active .splatter.active,
html.dark #footer div.nav .nav-item.active.active .splatter.active {
	opacity: 0
}

html.dark #mainNav div.nav .nav-item.active.active .splatter.darkmode,
html.dark #sticky-nav div.nav .nav-item.active.active .splatter.darkmode,
html.dark #footer div.nav .nav-item.active.active .splatter.darkmode {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

html.dark #mainNav div.nav .nav-item.active.active:hover .splatter.darkmode,
html.dark #sticky-nav div.nav .nav-item.active.active:hover .splatter.darkmode,
html.dark #footer div.nav .nav-item.active.active:hover .splatter.darkmode {
	opacity: 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

html.dark #mainNav div.nav .nav-item.active.active:hover .splatter.hover,
html.dark #sticky-nav div.nav .nav-item.active.active:hover .splatter.hover,
html.dark #footer div.nav .nav-item.active.active:hover .splatter.hover {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

html.dark #mainNav .nav-hamburger .mobile-close svg g g,
html.dark #mainNav .nav-hamburger .mobile-open svg g g,
html.dark #sticky-nav .nav-hamburger .mobile-close svg g g,
html.dark #sticky-nav .nav-hamburger .mobile-open svg g g {
	fill: #FCF8F7 !important
}

html.dark #mainNav div.nav .site-logo .darkmode,
html.dark #sticky-nav div.nav .site-logo .darkmode {
	display: block
}

html.dark #mainNav div.nav .site-logo .lightmode,
html.dark #sticky-nav div.nav .site-logo .lightmode {
	display: none
}

html.dark #footer {
	background-image: url("../png/bg-splat_4.png")
}

html.dark #footer .footer-social a {
	color: white
}

html.dark #footer .footer-social a:hover {
	color: #140D0F
}

html.dark .main-content,
html.dark .general-content {
	background-image: url("../png/bg-splat_4.png");
	background-position: 200% 0%, -20% 8%
}

@media screen and (min-width: 1500px) {
	html.dark .main-content,
	html.dark .general-content {
		background-position: 150% 100%, -20% 8%;
		background-size: 60%
	}
}

@media screen and (min-width: 1910px) {
	html.dark .main-content,
	html.dark .general-content {
		background-position: 140% 70%, -20% 8%;
		background-size: 50%
	}
}

html.dark .main-content.long,
html.dark .general-content.long {
	background-image: url("../png/bg-splat_3.png"), url("../png/bg-splat_4.png");
	background-position: 200% 80%, -20% 8%;
	background-size: 80%;
	background-repeat: no-repeat
}

@media screen and (min-width: 992px) {
	html.dark body.layout_home #mainNav {
		background: #252231
	}
	html.dark body.layout_home #mainNav .site-logo .darkmode {
		display: block
	}
	html.dark body.layout_home #mainNav .site-logo .lightmode {
		display: none
	}
}

html.dark body.layout_home .main-content {
	background-image: url("../png/bg-splat_4.png")
}

html.dark body.layout_home .main-content~.main-content {
	background-image: url("../png/bg-splat_4.png")
}

html.dark #header-carousel {
	background-image: linear-gradient(#252231, #140D0F)
}

html.dark #header-carousel .divider {
	background-image: url("../png/divider_2-blue.png")
}

html.dark #header-carousel .owl-dots span.owl-dot {
	opacity: .25
}

html.dark #header-carousel .owl-dots span.owl-dot span {
	background-image: url("../svg/dot_sprite-white.svg")
}

html.dark #header-carousel .owl-dots span.owl-dot span:hover {
	background-image: url("../svg/dot_sprite-red.svg");
	opacity: 1;
	cursor: pointer
}

html.dark #header-carousel .owl-dots span.owl-dot.active {
	opacity: 1
}

html.dark #header-carousel .owl-dots span.owl-dot:hover {
	opacity: 1;
	cursor: pointer
}

html.dark #header-carousel .owl-dots span.owl-dot:hover span {
	background-image: url("../svg/dot_sprite-red.svg")
}

html.dark #newsletter-signup {
	background-color: #DE3E16;
	background-image: url("../png/bg-splat_3.png");
	background-size: auto 180%
}

@media screen and (max-width: 768px) {
	html.dark #newsletter-signup {
		background-size: auto 160%
	}
}

html.dark #newsletter-signup .big-text p {
	color: #F3E331
}

html.dark #newsletter-signup .signup-title {
	color: #DE3E16
}

html.dark #newsletter-signup .form-wrapper {
	background: #252231
}

html.dark #newsletter-signup .form-wrapper .form-title {
	color: #DE3E16
}

html.dark .content-block-content,
html.dark #latest-news .news-content {
	background: #000 !important
}

html.dark .content-block-content .content-blend,
html.dark .content-block-content .news-blend,
html.dark #latest-news .news-content .content-blend,
html.dark #latest-news .news-content .news-blend {
	background: linear-gradient(rgba(0, 0, 0, 0), #000) !important
}

html.dark #latest-news.news-page .latest-news {
	border-bottom: 2px solid rgba(255, 255, 255, 0.3)
}

html.dark #latest-news.news-page .news-content {
	background: none !important
}

html.dark #latest-news.news-page .news-content h1 {
	color: #fff
}

html.dark #latest-news.news-page .news-content h1 a {
	color: #fff
}

html.dark #latest-news.news-page .news-content h1 a:hover {
	color: #A19B94
}

html.dark .content-block .content-image {
	border-color: #000
}

html.dark .content-block .content-image .content-blur {
	background-color: #000
}

html.dark .content-block .content-image .content-splatter:before {
	background-image: url("../png/divider_3-2.png")
}

html.dark .content-block .content-image .content-background {
	background: #000 !important
}

html.dark .content-block:nth-of-type(2n) .content-image .content-splatter:before {
	background-image: url("../png/divider_2-2.png")
}

html.dark .content-block:nth-of-type(3n) .content-image .content-splatter:before {
	background-image: url("../png/divider_1-2.png")
}

html.dark .content-block:nth-of-type(4n) .content-image .content-splatter:before {
	background-image: url("../png/divider_4-2.png")
}

@media screen and (min-width: 992px) {
	html.dark .content-block.featured .content-image {
		border-color: #000
	}
	html.dark .content-block.featured .content-image .content-splatter:before {
		background-image: url("../png/divider_5-2.png")
	}
}

html.dark #the-author #about .content-blend {
	background: linear-gradient(rgba(0, 0, 0, 0), #000)
}

html.dark #faq h6.question {
	color: white
}

html.dark #faq .chevron svg,
html.dark #faq .copy-link svg {
	fill: #FCF8F7
}

html.dark #faq .question-wrapper:hover .chevron svg {
	fill: #FCF8F7
}

html.dark .sidebar a {
	color: #FCF8F7
}

html.dark .sidebar .secondary-links a.sub-category {
	color: #FCF8F7 !important
}

html.dark .sidebar .sub-categories a.active {
	color: black;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

html.dark .sidebar .sub-categories a.active .splatter.darkmode {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

html.dark .sidebar .sub-categories a.active:hover {
	color: #fff;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

html.dark .sidebar .sub-categories a.active:hover .splatter.hover {
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

html.dark .sidebar .sub-categories a.active:hover .splatter.darkmode {
	opacity: 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s
}

html.dark #section-header .section-header-links .section-header-link,
html.dark #new-releases #section-header .section-header-links .section-header-link {
	color: #EDE9E4
}

html.dark .pagination a {
	color: #fff !important
}

html.dark .pagination .active,
html.dark .pagination a:hover {
	color: #252231 !important
}

html.dark .page-header .large-header {
	color: #252231
}

html.dark .col-md-12 span.active-sort {
	color: #fff
}

html.dark .works-inner .work-content p.works-title {
	color: #EDE9E4 !important
}

html.dark .works-page .sort-by .toggle {
	background: #252231;
	color: #E0DAD3
}

html.dark .works-page .sort-by .toggle .toggle-header .chevron svg g {
	fill: #E0DAD3
}

html.dark .works-page .sort-by .toggle .toggle-options .option {
	background: #252231 !important
}

html.dark .works-page .sort-by a.sprite {
	fill: #FCF8F7 !important
}

html.dark #works-grid .works-wrapper .works-inner .work .work-image-wrapper {
	background-color: #140D0F;
	box-shadow: 0 0 4px rgba(147, 146, 189, 0.5)
}

html.dark #works-grid .works-wrapper .works-inner .work:hover .work-image-wrapper {
	box-shadow: 0 0 12px rgba(147, 146, 189, 0.5)
}

html.dark #works-list .works-wrapper .table-headers .header {
	color: #EDE9E4 !important
}

html.dark #works-list .works-wrapper .works-inner .work {
	background-color: #2e2c3a !important
}

html.dark #works-list .works-wrapper .works-inner .work .works-title,
html.dark #works-list .works-wrapper .works-inner .work .works-type,
html.dark #works-list .works-wrapper .works-inner .work .works-date {
	color: #EDE9E4 !important
}

html.dark #works-list .works-wrapper .works-inner .work:nth-of-type(2n) {
	background-color: #252231 !important
}

html.dark #works-list .works-wrapper .works-inner .work:hover {
	background-color: #140D0F !important
}

html.dark .works-page .works-nav-wrapper {
	background: #252231
}

html.dark .works-page .works-nav-wrapper #works-nav {
	color: #FCF8F7
}

html.dark .works-page .works-nav-wrapper svg {
	fill: #FCF8F7
}

html.dark .mobile-nav-wrapper .searchIconWrapper svg {
	fill: #FCF8F7
}

html.dark .mobile-nav-wrapper svg.whiteBurger {
	display: block !important
}

html.dark .mobile-nav-wrapper svg.blackBurger {
	display: none !important
}

html.dark #mobile-nav-drawer,
html.dark #mobile-search-drawer {
	background-color: #140D0F;
	background-image: url("../png/bg-splat_4.png")
}

html.dark #mobile-nav-drawer a,
html.dark #mobile-search-drawer a {
	color: #fff
}

html.dark .search-wrapper svg {
	fill: #FCF8F7
}

html.dark .search-wrapper .searchInput {
	background: #140D0F !important;
	color: #FCF8F7 !important;
	border-color: #FCF8F7 !important
}

html.dark .search-wrapper:hover svg {
	fill: #DE3E16
}

html.dark .photo-gallery .background-wrapper {
	background: #000
}

html.dark .book-detail-page #characters .toggle span {
	color: #A19B94
}

html.dark .book-detail-page #characters .toggle span:hover {
	color: #EDE9E4
}

html.dark .book-detail-page #links span {
	color: #EDE9E4
}

html.dark .grid-headers div {
	color: #EDE9E4 !important
}

html.dark .grid-content-wrapper {
	color: #EDE9E4 !important
}

html.dark .grid-content {
	color: #EDE9E4 !important;
	background-color: #2e2c3a !important
}

html.dark .grid-content:nth-of-type(2n) {
	background-color: #252231 !important
}

html.dark .grid-content.grid-headers {
	background-color: transparent !important
}

html.dark .grid-content:hover {
	background-color: #140D0F !important
}

html.dark #bibliography .sidebar .sub-categories a .sprite svg g {
	fill: #fff
}

html.dark #bibliography h6 {
	color: #fff
}

html.dark #bibliography .bibliography-content {
	background-color: #252231 !important;
	color: #fff
}

html.dark #bibliography .bibliography-content:nth-of-type(2n) {
	background-color: #2e2c3a !important
}

html.dark #bibliography .bibliography-content svg {
	fill: #DE7349
}

html.dark #bibliography .bibliography-content:hover {
	background-color: #140D0F !important
}

html.dark #bibliography .bibliography-content:hover svg {
	animation: spriteHover 0.5s steps(3) infinite;
	fill: #DE3E16
}

html.dark #bibliography .bibliography-content .title,
html.dark #bibliography .bibliography-content .format {
	color: #FCF8F7
}

html.dark #legal h6 {
	color: white
}

html.dark #legal .legal-date {
	color: white
}

html.dark .form-wrapper.fifths {
	background-image: url("../png/bg-lines-2.png") !important
}

@media screen and (max-width: 767px) {
	html.dark .form-wrapper.fifths {
		background-image: none;
		background: #312E2A
	}
}

html.dark #wipeWrapper #darkMode #tower {
	background-image: url("../png/tower-2.png")
}

html.dark #wipeWrapper #darkMode #circleWipe {
	background: #FCF8F7
}

html.dark #dollar-babies .works-wrapper .works-inner .works-title {
	color: #fff
}


/*# sourceMappingURL=base.css.map */