* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Merriweather", serif; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

html, body { height: 100%; }

body { width: 100%; line-height: 1.4rem; font-family: "Merriweather", serif; background-color: #fefefe; font-size: 15px; }
@media only screen and (min-width: 966px) { body { font-size: 17px; } }

#page { position: relative; min-height: 100%; padding-bottom: 0; margin-bottom: 0px; }

#page:after { content: ""; display: block; float: none; clear: both; }

section { position: relative; }


.x2 .i,
.x2 li,
.x3 .i,
.x3 li,
.x4 .i,
.x4 li,
.x5 .i,
.x5 li,
.x6 .i,
.x6 li,
.x7 .i,
.x7 li,
.x8 .i,
.x8 li,
.x12 .i,
.x12 li { width: 100%; margin: 0; list-style: none; position: relative; }

@media only screen and (min-width: 768px) {
	.x2 .i, .x2 li,
	.x3 .i, .x3 li,
	.x4 .i, .x4 li,
	.x5 .i, .x5 li,
	.x6 .i, .x6 li,
	.x7 .i, .x7 li,
	.x8 .i, .x8 li,
	.x12 .i, .x12 li { display: block; float: left; }
	  .x2 > .i, .x2 > li { width: 49.2952%; }
	  .x3 .i, .x3 li { width: 32.3939%; }
	  .x3 .i:nth-child(3n+1),
	.x3 li:nth-child(3n+1) { margin-left: 0; }
}
@media only screen and (min-width: 966px) {
	.x2,
	.x3,
	.x4,
	.x5,
	.x6,
	.x7,
	.x8,
	.x12 { float: left; clear: both; display: block; width: 100%; }
	.x2 > .i, .x2 > li,
	.x3 > .i, .x3 > li,
	.x4 > .i, .x4 > li,
	.x5 > .i, .x5 > li,
	.x6 > .i, .x6 > li,
	.x7 > .i, .x7 > li,
	.x8 > .i, .x8 > li,
	.x12 > .i, .x12 > li {
		width: 49.2952% !important; }
	.x3 .i, .x3 li {
		width: 33.332% !important; }
	.x3 .i:nth-child(3n+1),
	.x3 li:nth-child(3n+1) { margin-left: 0; }
	.x4 .i, .x4 li {
		width: 24.99% !important; }
	.x4 .i:nth-child(4n+1),
	.x4 li:nth-child(4n+1) { margin-left: 0; }
	.x4m .i, .x4m li {
		width: 24.9434% !important; }
	.x4m .i:nth-child(4n+1),
	.x4m li:nth-child(4n+1) { margin-left: 0; }
	.x5 .i, .x5 li {
		width: 19.99% !important; }
	.x5 .i:nth-child(5n+1),
	.x5 li:nth-child(5n+1) { margin-left: 0; }
	.x6 { width: 100%; }
	.x6 .i, .x6 li {
		width: 15.67% !important; }
	.x6 .i:nth-child(6n+1),
	.x6 li:nth-child(6n+1) { margin-left: 0; }
	.x7 { width: 100%; }
	.x7 .i, .x7 li {
		width: 12.676% !important; }
	.x8 .i, .x8 li {
		width: 11.2675% !important; }
	.x12 .i, .x12 li {
		width: 7.0422% !important; }
	
}
.right { float: right !important; }

.pad { margin: 0 1.4084%; }

h1, .h1 { font-size: 1.5rem; }

h2, .h2 { font-size: 1.3rem; }

h3, .h3 { font-size: 1.1rem; }

h4, .h4 { font-size: 1.05rem; }

h5, .h5 { font-size: 1rem; }

h6, .h6 { font-size: 0.8rem; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0; font-family: "Merriweather", serif; letter-spacing: 0.0em !important; font-weight: 400; line-height: 1.17em; }

a { text-decoration: none; color: #2d2d2d; transition: background 0.3s ease-out, color 0.3s ease-out; }

img { display: block; max-width: 100%; }

hr { margin-top: 42px; background: none; border: none; border-bottom: 3px double #414141; }

.page-loc { display: block; float: left; height: 0px; width: 0px; position: relative; top: -126px; line-height: 0; font-size: 0; }

.hug { width: 92%; margin: 0 4%; background: #fff; }

.btn { display: inline-block; box-sizing: border-box; text-decoration: none; text-align: center; padding: 11px 28px 9px 28px; font-weight: 700; letter-spacing: -0.001em; color: #414141; font-size: 1.1rem; cursor: pointer !important; background-color: #fff; border-radius: 1px; border: none; transition: all 0.3s ease-out, background-position 0.6s ease-in-out; }
.btn:active { /* background-image: linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.01));*/ }

.txbg { display: inline-block; float: left; clear: left; position: relative; z-index: 1; left: -7px; padding: 7px 14px 7px 14px; margin: 0 0 0 8px; line-height: 1.086em; overflow: hidden; color: #fff; letter-spacing: -0.06em; }
.txbg:before, .txbg:after { position: absolute; background-color: rgba(45, 45, 45, 0.7); content: "\00a0"; transition: background-color 0.3s ease-out; }
.txbg:before { z-index: -2; top: 0; right: 0; left: 0; bottom: 1.1em; width: 999em; }
.txbg:after { z-index: -1; bottom: -1px; width: 999em; padding: 2px 7px 0 14px; margin-left: -999em; }
.txbg a { color: #fff; text-decoration: none; border-bottom: 1px dotted #666; background: #000; }

.hand { font-family: "Kalam", serif; letter-spacing: -0.04em; line-height: 1.1em; }

.lite { font-weight: 300 !important; }

.form { border: 14px solid #414141; }
.form fieldset { display: block; padding: 14px 28px; border: none; }
.form .form-field { float: left; clear: left; margin-top: 7px; width: 100%; }
.form .form-field label { float: left; font-size: 0.8em; }
.form .form-field label i { font-size: 0.6em; color: #bbb; }
.form .form-field label em { font-size: 0.7em; color: #c00; }
.form .form-field input, .form .form-field textarea, .form .form-field select { float: left; clear: left; }
.form .form-field input[type="text"], .form .form-field input[type="email"], .form .form-field input[type="number"], .form .form-field input[type="tel"], .form .form-field input[type="url"], .form .form-field input[type="password"] { display: inline-block; box-sizing: border-box; width: 100%; line-height: 1.4em; height: 28px; padding: 4px 14px; font-size: 0.8em; border: 1px solid #989898; transition: all 0.1s ease-out; }
.form .form-field input[type="text"]:focus, .form .form-field input[type="email"]:focus, .form .form-field input[type="number"]:focus, .form .form-field input[type="tel"]:focus, .form .form-field input[type="url"]:focus, .form .form-field input[type="password"]:focus { border: 2px solid #414141; padding: 2px 11px; box-shadow: 0px 0px 4px #c6c6c6; }
.form .form-field input[type="radio"] { display: inline-block; margin-right: 7px; }
.form .form-field textarea { resize: vertical; width: 100%; height: 112px; padding: 14px; border: 1px solid #989898; font-family: "Source Sans Pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.9em; }
.form .form-field ul { padding: 7px 14px; border: 1px solid #e0e0e0; margin-top: 0; }
.form .form-field ul li { display: block; list-style: none; }
.form .form-field ul li:before { content: ""; }
.form .form-field ul input { float: left; margin-top: 7px; margin-right: 7px; }
.form .form-send { float: left; clear: left; margin-top: 14px; }
.form .select { background: no-repeat 96% 0; height: 28px; overflow: hidden; width: 100%; border: 1px solid #989898; padding: 0; transition: all 0.1s ease-out; }
.form .select:focus { border: 2px solid #414141; }
.form .select select { background: transparent; border: 1px solid #ccc; font-size: 16px; height: 28px; padding: 0 7px 4px; width: 104%; }
.form .form-partex-info > p { padding-bottom: 4px; }
.form .form-radio { float: left; clear: both; width: 100%; margin-top: 14px; }
.form .form-radio label { font-size: 0.8em; }
.form .form-radio .radio { min-width: 100%; padding: 7px; border: 1px solid #989898; }
.form input[type="radio"] { display: inline-block; margin-right: 7px; }
.form input[type="radio"]:focus { background: #414141; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Fancy box */
.fancybox-enabled { overflow: hidden; }

.fancybox-enabled body { overflow: visible; height: 100%; }

.fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.fancybox-container ~ .fancybox-container { z-index: 99992; }

.fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.fancybox-container--ready .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; }

.fancybox-show-controls .fancybox-controls { opacity: 1; }

.fancybox-infobar { display: none; }

.fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all; }

.fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all; }

.fancybox-show-buttons .fancybox-buttons { display: block; }

.fancybox-slider-wrap { overflow: hidden; direction: ltr; }

.fancybox-slider, .fancybox-slider-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }

.fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; }

.fancybox-slide:before { content: ""; height: 100%; width: 0; }

.fancybox-slide:before, .fancybox-slide > * { display: inline-block; vertical-align: middle; }

.fancybox-slide > * { position: relative; padding: 24px; margin: 44px 0; border-width: 0; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; }

.fancybox-slide--image { overflow: hidden; }

.fancybox-slide--image:before { display: none; }

.fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial,sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; }

.fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent; }

.fancybox-placeholder { z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.fancybox-image, .fancybox-placeholder, .fancybox-spaceball { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; }

.fancybox-image, .fancybox-spaceball { width: 100%; height: 100%; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; }

.fancybox-controls--canzoomOut .fancybox-placeholder { cursor: zoom-out; }

.fancybox-controls--canzoomIn .fancybox-placeholder { cursor: zoom-in; }

.fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab; }

.fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-spaceball { z-index: 1; }

.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

.fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; }

.fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif; }

.fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; }

.fancybox-close-small:after { content: "\xC3-"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; }

.fancybox-close-small:focus:after { outline: 1px dotted #888; }

.fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: transparent; }

.fancybox-close-small:hover:after { color: #555; background: #eee; }

.fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8)); opacity: 0; transition: opacity .2s; pointer-events: none; }

.fancybox-show-caption .fancybox-caption-wrap { opacity: 1; }

.fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; }

.fancybox-caption a, .fancybox-caption button { pointer-events: all; }

.fancybox-caption a { color: #fff; text-decoration: underline; }

.fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; }

.fancybox-button--disabled { cursor: default; pointer-events: none; }

.fancybox-button, .fancybox-infobar__body { background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover { background: rgba(0, 0, 0, 0.8); }

.fancybox-button:after, .fancybox-button:before { content: ""; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: .9; box-sizing: border-box; display: inline-block; }

.fancybox-button--disabled:after, .fancybox-button--disabled:before { opacity: .5; }

.fancybox-button--left:after { left: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.fancybox-button--left:after, .fancybox-button--right:after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }

.fancybox-button--right:after { right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.fancybox-button--left { border-bottom-left-radius: 5px; }

.fancybox-button--right { border-bottom-right-radius: 5px; }

.fancybox-button--close { float: right; }

.fancybox-button--close:after, .fancybox-button--close:before { content: ""; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); }

.fancybox-button--close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.fancybox-button--close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.fancybox-loading { border: 6px solid rgba(99, 99, 99, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; }

@-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@media (max-width: 800px) { .fancybox-controls { text-align: left; }
  .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important; }
  .fancybox-caption { padding: 20px 0; margin: 0; } }
.fancybox-button--fullscreen:before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none; }

.fancybox-button--play:before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent; }

.fancybox-button--pause:before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px; background: transparent; }

.fancybox-button--thumbs span { font-size: 23px; }

.fancybox-button--thumbs:before { top: 20px; left: 21px; width: 3px; height: 3px; box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; }

.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 220px; }

.fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box; }

.fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; }

.fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; }

li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; }

@media (max-width: 800px) { .fancybox-thumbs { display: none !important; }
  .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 0; } }
#toolbar { position: relative; z-index: 9001; height: 28px; padding: 0 14%; background: #2d2d2d; color: #fff; font-size: 0.7em; }
#toolbar > span, #toolbar a { float: right; padding: 0 7px; color: #fff; }

#header { display: flex; width: 100%; height: 114px; margin: 0 auto; position: absolute; top: 28px; z-index: 9003; box-shadow: none; transition: box-shadow 0.6s ease-out 0s, background-color 0.6s ease-out; }
#header.fixed { position: fixed; top: 0; margin-top: 0; height: 86px; background-image: linear-gradient(180deg, white, rgba(255, 255, 255, 0)); transition: box-shadow 0.6s ease-out 0.2s, background-color 0.6s ease-out; }
.navicon { position: absolute; z-index: 9005; right: 28px; top: 14px; float: right; margin-top: 14px; margin-right: 7px; display: block; height: 42px; width: 112px; cursor: pointer; }
@media only screen and (min-width: 1410px) { .navicon { display: none; } }
.navicon span { display: block; }
.navicon .burgermenu { display: inline-block; float: left; line-height: 40px; padding-left: 14px; color: #414141; font-weight: 700; letter-spacing: -0.03em; }
.navicon .vegiburger { position: absolute; right: 0; width: 42px; height: 42px; background: #414141; }
.navicon .vegiburger span { position: absolute; left: 7px; display: block; width: 28px; height: 4px; border-radius: 2px; background: #fff; opacity: 1; transition: all 0.3s ease-out; }
.navicon .vegiburger .top-bun { top: 11px; }
.navicon .vegiburger .salad { top: 19px; }
.navicon .vegiburger .patty { top: 19px; }
.navicon .vegiburger .btm-bun { top: 27px; }

.show-nav .vegiburger .salad { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.show-nav .vegiburger .patty { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.show-nav .vegiburger .top-bun, .show-nav .vegiburger .btm-bun { opacity: 0; }

#header .logo { display: block; float: left; padding: 14px; position: relative; z-index: 9003; /*width: 140px;*/ position: absolute; top: 0; left: 0; display: inline-block; background: #fff; box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.4); transition: all 0.4s ease-out; }

#header .logo img { height: 70px; transition: all 0.4s ease-out; }
@media only screen and (min-width: 966px) { #header .logo img { height: 84px; } }
#header nav { float: left; }

.main-nav li, .calendar-nav li { display: block; list-style: none; font-weight: 300; }

.main-nav { display: none; position: relative; z-index: 9004; width: 100%; padding-bottom: 28px; font-size: 0.9rem; background: #e4e4e4; transition: all 0.4s ease-out; }
@media only screen and (min-width: 1410px) { .main-nav { display: block; height: 42px; background: none; padding-left: 140px; padding-bottom: 0; } }
.main-nav li { display: block; width: 92%; margin: 0 4%; }
@media only screen and (min-width: 966px) { .main-nav li { display: inline-block; width: auto; margin: 0; float: left; } }
.main-nav a { display: block; padding: 9px 14px; border-left: 1px solid #e4e4e4; background: #fff; }
.main-nav a:hover { background: #2d2d2d; color: #fff; }
.main-nav .home-icon a { width: 56px; text-indent: -98765px; font-size: 0; background: #fff url("../img/home.png") no-repeat center center; }
.main-nav .home-icon a:hover { background: #2d2d2d url("../img/homerv.png") no-repeat center center; }

.calendar-nav { display: none; margin: 0; position: relative; z-index: 1000; font-size: 0.7em; box-shadow: 0px 0px 14px rgba(45, 45, 45, 0.5); background: #e4e4e4; transition: all 0.4s ease-out; }
@media only screen and (min-width: 1410px) { .calendar-nav { display: inline-block; height: 70px; background: none; padding-left: 140px; } }
.calendar-nav li { display: inline-block; float: left; width: 56px; text-align: center; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; }
@media only screen and (min-width: 966px) { .calendar-nav li { display: inline-block; margin: 0; float: left; } }
.calendar-nav li span { display: block; line-height: 1em; padding: 4px 0; font-weight: 400; transition: all 0.4s ease-out; }
.calendar-nav li i { display: block; padding: 0 0 4px; font-size: 1.6em; font-style: normal; font-weight: 400; transition: all 0.4s ease-out; }
.calendar-nav .calendar-month { width: 84px; border-left: 1px solid #e4e4e4; }
.calendar-nav a { display: block; height: 71px; padding: 7px 0; background: #fff; transition: all 0.4s ease-out; }

.enav-01 .calendar-nav .d01bb, .enav-01 .calendar-nav .d01bb span,
.enav-02 .calendar-nav .d02bb, .enav-02 .calendar-nav .d02bb span,
.enav-03 .calendar-nav .d03bb, .enav-03 .calendar-nav .d03bb span,
.enav-04 .calendar-nav .d04bb, .enav-04 .calendar-nav .d04bb span,
.enav-05 .calendar-nav .d05bb, .enav-05 .calendar-nav .d05bb span,
.enav-06 .calendar-nav .d06bb, .enav-06 .calendar-nav .d06bb span,
.enav-07 .calendar-nav .d07bb, .enav-07 .calendar-nav .d07bb span,
.enav-08 .calendar-nav .d08bb, .enav-08 .calendar-nav .d08bb span,
.enav-09 .calendar-nav .d09bb, .enav-09 .calendar-nav .d09bb span,
.enav-10 .calendar-nav .d10bb, .enav-10 .calendar-nav .d10bb span,
.enav-11 .calendar-nav .d11bb, .enav-11 .calendar-nav .d11bb span,
.calendar-nav a:hover, .calendar-nav a:hover span { color: #fff; }
.calendar-nav .special, .calendar-nav .general { width: auto; border-left: 1px solid #e4e4e4; }
.calendar-nav .special span { padding: 14px 0 0 0; font-size: 0.8rem; color: #2d2d2d; }
.calendar-nav .general span { padding: 14px 0 0 0; font-size: 0.8rem; }
.calendar-nav .special i { font-size: 1.1rem !important; }
.calendar-nav .special a, .calendar-nav .general a { padding: 0 14px; }

@media only screen and (min-width: 966px) { #header.fixed .logo { width: 100px; }
  #header.fixed .logo img { height: 56px; }
  #header.fixed .main-nav { padding-left: 100px; }
  #header.fixed .calendar-nav { height: 42px; padding-left: 100px; }
  #header.fixed .calendar-nav span { font-size: 0.6rem; padding: 0; }
  #header.fixed .calendar-nav i { font-size: 0.9rem; padding: 0; }
  #header.fixed .calendar-nav .special i, #header.fixed .calendar-nav .general i { font-size: 0.68rem !important; padding: 0 7px; line-height: 0.9em; }
  #header.fixed .calendar-nav a { height: 42px; padding: 4px 0; } }
.nav00 .nav-00 a, .nav01 .nav-01 a, .nav02 .nav-02 a, .nav03 .nav-03 a, .nav04 .nav-04 a, .nav05 .nav-05 a, .nav06 .nav-06 a, .nav07 .nav-07 a, .nav08 .nav-08 a, .nav09 .nav-09 a, .nav10 .nav-10 a, .nav11 .nav-11 a { background-color: #e4e4e4; }

#header.fixed .calendar-nav .special a,
#header.fixed .calendar-nav .general a {
	padding: 10px 8px 0;
}

.header__end {
	margin-left: auto;
	max-height: 100%;
}

.header__end img {
	max-height: 100%;
}
@media only screen and (max-width: 1410px) {
	#header.fixed {
		background: white;
	}
	.header__end {
		position: absolute;
		display: flex;
		align-items: center;
		margin-left: 142px;
		margin-right: 33%;
		height: 100px;
	}
	
}
@media only screen and (max-width: 966px) {
	.header__end {
		position: absolute;
		display: flex;
		align-items: center;
		margin-left: 122px;
		margin-right: 33%;
		height: 100px;
	}
	
}

.netflix {
	background: white;
}
.netflix_logo {
	max-height: 97px !important;
}

#page { background: #e4e4e4 no-repeat; }

#body { margin: 0 auto; padding: 100px 0 0 0; position: relative; }
#body:before { width: 100%; height: 98px; background: #fff; position: absolute; top: 0; content: "\00a0"; border-bottom: 2px solid #dd6153; }
@media only screen and (min-width: 966px) {
	#body { padding-top: 114px; }
	#body:before { height: 112px; }
}

.harr { position: absolute; top: 0; z-index: 8999; display: block; width: 42px; height: 100%; background: rgba(45, 45, 45, 0.56); cursor: pointer !important; background-position: center center; background-repeat: no-repeat; transition: background 0.4s ease-out; }
.harr:hover { background-color: rgba(221, 97, 83, 0.5); }

#hero { width: 100%; }
#hero a { display: block; width: 92%; position: relative; padding-bottom: 80px; }
@media only screen and (min-width: 966px) { #hero a { padding: 0; } }
#hero a img { display: block; width: 100%; }
#hero a span { display: inline-block; padding: 0 14px; line-height: 42px; position: absolute; left: 38px; bottom: 98px; color: #fff; font-weight: 300; background: rgba(221, 97, 83, 0.8); transition: background 0.3s ease-out; }
@media only screen and (min-width: 966px) { #hero a span { bottom: 14px; } }
#hero a:hover h2 { background: #2d2d2d; }
#hero a:hover span { background: #dd6153; border-left: 0px solid #dd6153; transition: all 0.3s ease-out; }
#hero a:hover span:hover { background: #fff; color: #dd6153; padding-left: 28px; border-left: 7px solid #dd6153; }
#hero .harr { width: 4%; }
#hero .hero-prev { left: 0; background-image: url(../img/prev-arr.png); }
#hero .hero-next { right: 0; background-image: url(../img/next-arr.png); }
#hero h2 { display: inline; position: absolute; left: 0; bottom: 0; max-width: 100%; padding: 7px 14px; height: 80px; margin: 0; color: #fff; font-size: 1.2rem; transition: background 0.3s ease-out; }
#hero h2:after { /*padding-top: 1px;*/ }
@media only screen and (min-width: 966px) { #hero h2 { left: 28px; bottom: 70px; max-width: 35%; height: auto; margin: 0 0 0 8px; font-size: 1.4rem; }
  #hero h2:after { padding-top: 2px; } }
#hero .image-credit { position: absolute; top: 0; left: 28px; padding: 0 7px; line-height: 14px; height: 14px; font-size: 0.5rem; color: #fff; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #2d2d2d; opacity: 0.6; }
#hero .image-credit:hover { opacity: 1; }

main h1, main h2, main h3, main h4, main h5, main h6 { padding: 14px 28px 14px; float: left; max-width: 75%; }
main h1 { padding: 14px 28px 14px; font-size: 1.6rem; position: relative; }
main h1:after { content: '\00a0'; display: block; position: absolute; bottom: 0; left: 28px; width: 70px; height: 2px; background-color: #dd6153; }
main aside { float: right; width: 25%; padding-right: 14px; }

#home main { float: left; width: 100%; }
@media only screen and (min-width: 966px) {
	#home main { width: 49.9%; padding: 1.5rem 0 2rem 0;}
}
#home main p { display: block; float: left; clear: left; width: 100%; max-width: 680px; padding: 7px 0 0 28px; }
#home main ul { display: block; width: 99.9%; float: left; clear: left; padding-left: 21px; }
#home main ul li { padding-bottom: 0; list-style: none; display: block; }
#home main ul h3 { padding: 0; max-width: 95%; }
#home main ul .event-info { max-width: 90%; }
#home main ul span { float: left; clear: left; }
#home main li p { padding: 0; }
#home main h4 { width: 100%; max-width: 100%; font-size: 1.15rem; font-weight: bold; }

.partners-v { width: 25%; height: 100%; max-height: 100%; float: right; padding: 7px; text-align: center !important; overflow: hidden; }
@media only screen and (min-width: 966px) { .partners-v { width: 11.98%; padding: 14px; } }
.partners-v .partner { display: block; padding: 14px 0; margin: 0 0 7px; }
.partners-v .partner-role { display: inline-block; font-size: 0.6rem; line-height: 1em; }
.partners-v img { display: inline-block; }

#event-detail main, #persons-detail main { width: 74.98%; float: left; }
@media only screen and (min-width: 966px) { #event-detail main, #persons-detail main { width: 88%; } }
#event-detail main h2, #persons-detail main h2 { display: block; width: 100%; padding: 21px 0 0 21px; }
@media only screen and (min-width: 966px) { #event-detail main h2, #persons-detail main h2 { padding: 28px 0 0 28px; } }
#event-detail main h1, #persons-detail main h1 { display: block; width: 100%; padding: 7px 0 14px 28px; }
@media only screen and (min-width: 966px) { #event-detail main, #persons-detail main { padding: 7px 0 14px 35px; } }
#event-detail .images, #persons-detail .images { width: 100%; float: left; }
@media only screen and (min-width: 966px) { #event-detail .images, #persons-detail .images { width: 33%; } }
#event-detail .images img, #persons-detail .images img { display: block; width: 100%; }
#event-detail .images figcaption, #persons-detail .images figcaption { text-align: right; }
#event-detail .event-infomation, #persons-detail .event-infomation { float: left; width: 100%; }
@media only screen and (min-width: 966px) { #event-detail .event-infomation, #persons-detail .event-infomation { float: right; width: 66.8%; } 
#event-detail .event-infomation p, #persons-detail .event-infomation p { display: block; float: left; clear: left; width: 100%; max-width: 680px; padding: 7px 0 0 28px; }}
#event-detail .event-infomation .info-set, #persons-detail .event-infomation .info-set { max-width: 52%; float: left; padding: 14px 0 0 28px; }
#event-detail .event-infomation .event-date, #persons-detail .event-infomation .event-date { font-size: 1.2rem; }
#event-detail .event-infomation .event-time, #persons-detail .event-infomation .event-time { font-size: 1.2rem; }
#event-detail .event-infomation .event-price, #persons-detail .event-infomation .event-price { font-size: 2rem; font-weight: 400; font-family: "Source Sans Pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom: 28px; }
#event-detail .event-infomation h4, #persons-detail .event-infomation h4 { float: left; clear: left; padding-bottom: 0px; }
#event-detail .event-infomation ul, #persons-detail .event-infomation ul { display: block; width: 99.9%; float: left; clear: left; padding-left: 21px; }
#event-detail .event-infomation ul li, #persons-detail .event-infomation ul li { width: 80% !important; height: auto; padding-bottom: 0; }

#event-detail .event-infomation .event-description ul li {
	width: unset !important;
}

#event-detail .event-infomation ul h3, #persons-detail .event-infomation ul h3 { padding: 0; max-width: 95%; }
#event-detail .event-infomation ul .event-info, #persons-detail .event-infomation ul .event-info { max-width: 90%; }
#event-detail .event-infomation ul span, #persons-detail .event-infomation ul span { float: left; clear: left; }
#event-detail .event-description, #persons-detail .event-description { float: left; width: 100%; padding: 2rem; }
@media only screen and (min-width: 966px) { #event-detail .event-description, #persons-detail .event-description {  padding: 2rem 0 0; } }
#event-detail .event-description p, #persons-detail .event-description p { padding-bottom: 14px; }
#event-detail .event-description p:first-child:first-letter, #persons-detail .event-description p:first-child:first-letter { color: #d93828; float: left; font-family: Georgia; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }
#event-detail .event-partners, #persons-detail .event-partners { width: 100%; float: left; padding: 21px; }
@media only screen and (min-width: 966px) { #event-detail .event-partners, #persons-detail .event-partners { width: 33%; padding: 28px; } }
#event-detail .event-partners p, #persons-detail .event-partners p { padding: 7px 0; }
#event-detail .event-partners span, #persons-detail .event-partners span { display: inline-block; font-size: 0.6rem; padding: 14px 0; }

#persons-detail .line-list li { min-height: 42px; }
#persons-detail .line-list .event-info { width: 100% !important; max-width: 100% !important; }

.buy { width: 80.9%; float: left; clear: left; padding-bottom: 14px; margin-left: 28px; border-bottom: 1px solid #dd6153; }

.buy-alt { background: #b0c1be; color: #fff; padding-left: 70px; margin-left: 7px; }

.buy-alt:hover { background: #80908a; }

.buy-now {
	padding: 0 14px;
	height: 42px;
	line-height: 42px;
	width: 100%;
	margin-bottom: 1rem;
	border: 2px solid #dd6153;
	background: #dd6153;
	color: #ffffff;
}

@media only screen and (min-width: 966px) {
	.buy-now { padding: 0 28px; height: 56px; line-height: 56px; width: auto; }
}

.buy-now:hover {
	background: #d02815;
	border-color: #d02815;
}

i.event-id { display: inline-block; }

.buy-books-btn {
	height: 42px;
	line-height: 42px;
	padding: 0 14px 0 54px;
	margin: 0 0 14px 7px;
	position: relative;
	border: 1px solid #003262;
	background-color: #003262;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.buy-books-btn span {
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	left: 0;
	background: #003262 url(../img/blackwells_B.png) no-repeat 0 0;
	background-size: cover;
}
@media only screen and (min-width: 966px) {
	.buy-books-btn {
		height: 56px;
		line-height: 56px;
		padding: 0 28px 0 84px;
		margin: 0 14px 14px 7px;
		width: auto;
	}
  .buy-books-btn span {
		width: 56px;
		height: 54px;
	}
}

.buy-books-btn:hover {
	background-color: #fff !important;
	color: #003262;
	}

.buy-tickets {
	display: block;
	width: 100%;
	padding: 14px 28px;
	white-space: nowrap;
	color: #dd6153;
	font-size: 1.4rem;
	font-weight: 300;
	border: 2px solid #dd6153;
}

.partners { float: right; width: 100%; height: 112px; margin-top: 14px; }
@media only screen and (min-width: 966px) { .partners { width: 50%; } }
.partners img { display: inline; vertical-align: middle; max-width: 112px; max-height: 98px; }
.partners .partner { display: table-cell; width: 112px; height: 154px; padding-bottom: 56px; position: relative; float: left; margin: 0 14px; vertical-align: middle; text-align: center; line-height: 98px; }
.partners .partner-role { display: block; position: absolute; bottom: 4px; font-size: 0.6rem; font-weight: 300; color: #bbb; line-height: 1.2em; padding: 0; }
.partners img { display: inline-block; }
.partners .harr { background: none; }
.partners .partners-prev { left: 0; background-image: linear-gradient(90deg, white, rgba(255, 255, 255, 0)); }
.partners .partners-next { right: 0; background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); }

.event-partners { float: left; width: 33%; clear: left; }

.featured { background: #aaa; border-bottom: 2px solid #dd6153; }
.featured h2 { padding: 14px 28px; width: 100%; background: #2d2d2d; /*background: #6370ac;*/ color: #fff; font-size: 1.6rem; }

.feature-nav { background: #eee; }
.feature-nav .hug { background: #e4e4e4; }
.feature-nav a { display: block; position: relative; width: 49.99%; float: left; padding: 14px; }
.feature-nav a:nth-child(2n+2) { padding-left: 7px; }
.feature-nav a:nth-child(2n+1) { padding-right: 7px; }
.feature-nav a:nth-child(1), .feature-nav a:nth-child(2) { padding-bottom: 7px; }
.feature-nav a:nth-child(3), .feature-nav a:nth-child(4) { padding-top: 7px; }
.feature-nav a div { position: relative; }
.feature-nav a img { display: inline-block; width: 100%; }
.feature-nav a h4 { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 7px 14px; font-size: 1.6rem; color: #fff; background-image: linear-gradient(0deg, rgba(45, 45, 45, 0.7), rgba(45, 45, 45, 0)); }
.feature-nav a:hover { background: #dd6153; }
.feature-nav a:hover h4 { padding-top: 14px; background-image: linear-gradient(0deg, #2d2d2d, rgba(45, 45, 45, 0)); }

.box-list { padding: 14px 0 42px; position: relative; }
.box-list > li { display: block; float: left; width: 100%; margin: 0 0 14px 0; padding: 0; list-style: none; }
@media only screen and (max-width: 767px) { .box-list > li { width: 50%; } }
@media only screen and (min-width: 966px) { .box-list > li { width: 20%; } }
.box-list > li a { display: block; width: 100%; height: 100%; padding: 0 14px 0 0; position: relative; }
.box-list > li img { display: block; width: 100%; }
.box-list > li .item-slides { width: 100%; }
.box-list > li .event-info { position: relative; }
.box-list > li .event-list-sdate { position: absolute; top: -28px; left: 0; height: 28px; line-height: 28px; padding: 0 0 0 12px; font-size: 0.9em; font-weight: 300; }
.box-list > li .event-list-sdate span { display: inline-block; background-color: #fff; height: 28px; line-height: 28px; padding: 0 7px; font-weight: 600; margin-left: 7px; }
.box-list > li .event-list-date { display: none; }
.box-list > li .event-list-time { display: block; padding: 5px 12px 7px; font-size: 0.8rem; line-height: 1.15em; border-bottom: 1px solid #e4e4e4; }
.box-list > li .event-list-location { display: block; padding: 0 0 7px 12px; font-size: 0.8rem; line-height: 1.15em; border-bottom: 1px solid #e4e4e4; }
.box-list > li h3 { padding: 7px 0 0 12px; line-height: 1.15em; }
.box-list > li h4 { padding: 7px 0 14px 12px; font-size: 1rem; }
.box-list > li span { transition: all 0.5s ease-out; }
.box-list > li ul li { list-style: none; border-bottom: 1px solid #e4e4e4; }
.box-list > li ul a { display: block; padding: 14px 14px 7px; }
.box-list > li .btn { position: absolute; bottom: 0; left: 0; padding-top: 14px; height: 100%; width: 100%; vertical-align: middle; font-size: 0.9rem; opacity: 0; display: flex; justify-content: center; align-items: center; }
.box-list > li .btn span { display: inline-block; padding: 0 14px 3px; border: 2px solid #fff; height: 42px; line-height: 42px; }
.box-list > li .btn span:hover { background: #fff; color: #2d2d2d; }
.box-list > li a:hover .btn { opacity: 0.85; }

.line-list { padding-bottom: 56px; }
.line-list li { display: block; width: 100%; float: left; min-height: 168px; padding: 7px; }
@media only screen and (min-width: 966px) { .line-list li { width: 49.2952% !important; height: 168px; } }
.line-list a { position: relative; padding: 7px; border-bottom: 1px solid #e4e4e4; margin-bottom: 7px; }
.line-list a .btn { display: inline-block; position: absolute; width: 60%; bottom: 0; left: 175px; opacity: 0; }
.line-list a:hover .btn { opacity: 0.8; }
.line-list a:hover .btn:hover { opacity: 1; }
.line-list img { display: block; width: 154px; max-width: 30%; float: left; /*@media only screen and (min-width: 966px) {
	max-width: 30%;
}*/ }

.line-list .item-slides { display: block; height: 154px; width: 154px; max-width: 30%; float: left; }
.line-list .item-slides img { margin: 0; width: 154px; max-width: 154px; }
.line-list h4 { font-size: 0.9rem; padding-top: 7px; }
.line-list .event-info { display: inline-block; float: left; width: 74.99%; padding: 7px 7px 7px 14px; }
z only screen and (min-width: 966px) { .line-list .event-info { max-width: 69.99%; } }
.line-list span { font-size: 0.8rem; }
.line-list .event-list-time { display: inline-block; font-size: 0.8; padding-top: 4px; color: #2d2d2d; }
.line-list .event-list-location { display: block; padding-top: 7px; }
.line-list .event-list-sdate { display: none; }

#persons .line-list img { max-width: 112px; }
#persons .line-list li { display: block; width: 100%; float: left; min-height: 126px; height: 126px; }
#persons .line-list .event-info { padding-top: 28px; }
#persons .line-list li a:hover { background: #e4e4e4; }

.toggle-list { display: block; width: 42px; height: 42px; position: absolute; right: 5%; top: -49px; background: #2d2d2d; border-radius: 2px; }
.toggle-list:after { content: "Display: "; display: block; position: absolute; right: 49px; top: 0; line-height: 42px; }

.show-box { background: #2d2d2d url(../img/show-list.png) no-repeat 0 0; }

.show-line { background: #2d2d2d url(../img/show-boxes.png) no-repeat 0 0; }

#event_list .box-list { min-height: 450px; }

#default main { width: 74.98%; float: left; }
@media only screen and (min-width: 966px) { #default main { width: 88%; } }
#default main p { float: left; clear: left; padding: 14px 28px; }
#default main .copy { float: left; clear: left; width: 100%; padding-bottom: 42px; margin-bottom: 14px; border-bottom: 1px solid #e4e4e4; }
#default main .copy h2, #default main .copy h3, #default main .copy h4, #default main .copy h5, #default main .copy h6 { float: none; }
#default main .copy h3 { display: block; }
#default main .copy p { float: none; clear: none; max-width: 800px; }
#default main .copy h3 p { padding: 0; }
#default main .copy p img { margin: 0 14px 14px !important; }
#default main .copy ul { padding-left: 48px; padding-bottom: 12px; }
#default main .copy ul li {
	padding: 4px 0;
}
#default main .copy p a {
	border-bottom: 1px dotted;
}

#default main .copy p a:hover {
	color: #ae4034;
}

#default main .copy h2 {
	font-size: 1.6rem;
	margin-top: 2rem;
	font-weight: 700;
}
#default main .copy h3 {
	font-size: 1.3rem;
	margin-top: 2rem;
	font-weight: 700;
}
#default main .copy h2 + h3 {
	margin-top: 0rem;
}
#default main .copy figure {
	display: inline-block;
}
#default main .copy figcaption {
	font-size: 0.8rem;
	font-weight: 300;
	text-align: right;
	padding: 0 0.24rem;
	color: #8c8c8c;
}


.detail-list { width: 74.98%; float: left; padding: 0 28px 28px; }
@media only screen and (min-width: 966px) { .detail-list { width: 88%; } }
.detail-list li { display: block; list-style: none; }
.detail-list a { display: block; width: 100%; height: 100%; padding: 14px 14px 7px 0; transition: all 0.3s ease-out; }
.detail-list a span { font-size: 0.9rem; font-weight: 300; }
.detail-list a:hover { padding-left: 14px; background: #e4e4e4; }

.pagination { display: block; padding: 14px 42px; }
.pagination li { display: inline-block; list-style: none; }
.pagination a { display: block; line-height: 42px; text-align: center; border: 1px solid #e4e4e4; padding: 0 14px; }
.pagination .pgnum a { width: 42px; height: 42px; padding: 0; }
.pagination a:hover, .pagination a.active { background: #e4e4e4; color: #fff; }
.pagination a:hover { color: #c00; }

.categories { padding: 14px 0; display: block; float: none; clear: both; background: #fff; width: 100%; }
.categories h4 { position: relative; padding-bottom: 7px; }
.categories h4:after { content: '\00a0'; display: block; position: absolute; bottom: 0; left: 0; width: 70px; height: 2px; background-color: #dd6153; }
.categories ul { margin-top: 14px; text-align: justify; }
.categories li { display: inline-block; list-style: none; font-size: 0.8rem; width: auto; }
#event-detail .categories li { width: auto !important; }
.categories li:nth-child(1n+9) { border-bottom: 3px solid #d6721b; }
.categories li:nth-child(2n+8) { border-bottom: 3px solid #0093ae; }
.categories li:nth-child(3n+7) { border-bottom: 3px solid #8d6e17; }
.categories li:nth-child(4n+6) { border-bottom: 3px solid #9c7590; }
.categories li:nth-child(5n+5) { border-bottom: 3px solid #0080bc; }
.categories li:nth-child(6n+4) { border-bottom: 3px solid #a57d6c; }
.categories li:nth-child(7n+3) { border-bottom: 3px solid #5d9b72; }
.categories li:nth-child(8n+2) { border-bottom: 3px solid #c55471; }
.categories li:nth-child(9n+1) { border-bottom: 3px solid #6370ac; }
.categories a { display: block; float: left; padding: 0 2px; margin: 1px 1px 0 0; color: #2d2d2d; border-radius: 2px; font-family: "Source Sans Pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; white-space: nowrap; }
.categories a:first-letter { text-transform: capitalize; }
.categories a:hover { background: #606060; color: #fff; }

.site-info { position: relative; z-index: 9002; background: #2d2d2d; color: #fff; }
.site-info .h4 { padding: 14px; }
.site-info ul { width: 100%; float: left; padding-bottom: 28px; padding-right: 14px; }
@media only screen and (min-width: 966px) { .site-info ul { width: 24.99%; } }
.site-info li { list-style: none; }
.site-info a { display: block; padding: 4px 14px 4px 0; margin-left: 14px; color: #fff; border-bottom: 1px dotted #fff; transition: all 0.2s ease-out; }
.site-info a:hover { border-bottom-color: #dd6153; padding-left: 7px; border-left: 4px solid #dd6153; }

.subscribe { float: left; width: 100%; margin-left: 0.7042%; padding: 14px 14px 14px 0; border-bottom: 2px solid #777; }
@media only screen and (min-width: 966px) { .subscribe { width: 72.58%; } }
.subscribe p { padding-left: 4%; }
@media only screen and (min-width: 966px) { .subscribe p { width: 41%; margin: 0; padding: 0; } }
.subscribe .form-field { display: inline-block; float: left; width: 92%; margin: 0 4%; }
@media only screen and (min-width: 966px) { .subscribe .form-field { width: 41%; margin: 0; } }
.subscribe .form-field label { display: none; }
.subscribe .form-field input { display: block; width: 98%; height: 56px; line-height: 56px; border: none; border-bottom: 2px solid #fff; background: #2d2d2d; color: #fff; font-size: 1.2rem; font-family: "Source Sans Pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
.subscribe .form-field input::placeholder { color: #eee; font-size: 1.2rem; font-family: "Source Sans Pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
.subscribe .form-field input:active, .subscribe .form-field input:focus, .subscribe .form-field input:hover { border-bottom: 2px solid #dd6153; }
.subscribe .form-send { width: 92%; margin: 7px 4%; }
@media only screen and (min-width: 966px) { .subscribe .form-send { width: 17.99%; margin: 0; } }
.subscribe .form-send input { display: block; width: 100%; padding: 0; background: #fff; color: #2d2d2d; font-family: "Merriweather", serif; }
.subscribe .form-send input:hover { background: #dd6153; color: #fff; }

.testimonials { color: #fff; width: 100%; float: right; }
@media only screen and (min-width: 966px) { .testimonials { width: 72.58%; } }
.testimonials figure { padding: 1rem 4rem 1rem 0; }
.testimonials img { display: inline-block; float: left; max-width: 140px; }
.testimonials blockquote { position: relative; display: table-cell; height: 168px; vertical-align: middle; font-family: "Merriweather", serif; font-weight: 300; font-size: 1rem; font-style: italic; }
.testimonials blockquote:before { content: "\201C"; font-size: 4rem; position: relative; top: 28px; left: -2px; opacity: 0.8; font-family: "Merriweather", serif; vertical-align: baseline; color: #dd6153; }
.testimonials blockquote:after { content: "\201D"; }
.testimonials img + blockquote { padding-left: 14px; }
.testimonials footer { text-align: right; padding-bottom: 14px; color: #dd6153; font-family: "Source Sans Pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.testimonials footer cite { font-style: normal; font-weight: 300; }

.olfsocial { float: left; padding: 7px; }
.olfsocial a { display: block; width: 42px; height: 42px; float: left; margin: 7px 0 7px 7px; padding: 0; border: none; }
.olfsocial a:hover { padding-left: 0; border: none; }
.olfsocial img { display: block; width: 42px; height: 42px; }

#partners { background: #fff; border-bottom: 1px solid #e4e4e4; border-top: 3px solid #e4e4e4; }
#partners .x6 { padding: 28px; }
#partners .h4 { margin-bottom: 28px; }
#partners .partner { height: 252px; padding: 21px 14px 56px; margin: 0 7px; position: relative; display: block; text-align: center; line-height: 182px; }
#partners .partner img { display: inline; max-width: 100%; line-height: 182px; max-height: 100%; }
#partners .partner .partner-role { width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; padding: 7px 0 14px; line-height: 1rem; font-size: 0.6rem; }
#partners a.partner:hover { border-bottom-color: #dd6153; }

.d { color: #cb6a7a; }
.dbb { border-bottom: 2px solid #cb6a7a; }
/* .enav- .dbb,*/
.dbb.hv:hover { background-color: #cb6a7a; } 
.dbbhv:hover { border-bottom: 2px solid #cb6a7a; }
.dbl { border-left: 2px solid #cb6a7a; }
.dbg { background-color: #cb6a7a; color: #fff; }
.featured h2.dbg { background-color: #cb6a7a !important; color: #fff !important; }
.dbgo { background-color: rgba(203, 106, 122, 1.00); color: #fff; }
.dbgg { background-image: linear-gradient(90deg, #cb6a7a, #d8808e); color: #fff; }

.d00 { color: #2d2d2d; }
.d00bb { border-bottom: 2px solid #2d2d2d; }
.enav-00 .d00bb, .d00bb.hv:hover { background-color: #2d2d2d; }
.d00bbhv:hover { border-bottom: 2px solid #2d2d2d; }
.d00bl { border-left: 2px solid #2d2d2d; }
.d00bg { background-color: #2d2d2d; color: #fff; }
.d00bgo { background-color: rgba(45, 45, 45, 0.89); color: #fff; }
.d00bgg { background-image: linear-gradient(90deg, #2d2d2d, #362424); color: #fff; }

.d01 { color: #d6721b; }
.d01bb { border-bottom: 2px solid #d6721b; }
.enav-01 .d01bb, .d01bb.hv:hover { background-color: #d6721b; }
.d01bbhv:hover { border-bottom: 2px solid #d6721b; }
.d01bl { border-left: 2px solid #d6721b; }
.d01bg { background-color: #d6721b; color: #fff; }
.d01bgo { background-color: rgba(214, 114, 27, 0.89); color: #fff; }
.d01bgg { background-image: linear-gradient(90deg, #d6721b, #ee7003); color: #fff; }

.d02 { color: #0093ae; }
.d02bb { border-bottom: 2px solid #0093ae; }
.enav-02 .d02bb, .d02bb.hv:hover { background-color: #0093ae; }
.d02bbhv:hover { border-bottom: 2px solid #0093ae; }
.d02bl { border-left: 2px solid #0093ae; }
.d02bg { background-color: #0093ae; color: #fff; }
.d02bgo { background-color: rgba(0, 147, 174, 0.89); color: #fff; }
.d02bgg { background-image: linear-gradient(90deg, #0093ae, #0093ae); color: #fff; }

.d03 { color: #8d6e17; }
.d03bb { border-bottom: 2px solid #8d6e17; }
.enav-03 .d03bb, .d03bb.hv:hover { background-color: #8d6e17; }
.d03bbhv:hover { border-bottom: 2px solid #8d6e17; }
.d03bl { border-left: 2px solid #8d6e17; }
.d03bg { background-color: #8d6e17; color: #fff; }
.d03bgo { background-color: rgba(141, 110, 23, 0.89); color: #fff; }
.d03bgg { background-image: linear-gradient(90deg, #8d6e17, #9d7607); color: #fff; }

.d04 { color: #9c7590; }
.d04bb { border-bottom: 2px solid #9c7590; }
.enav-04 .d04bb, .d04bb.hv:hover { background-color: #9c7590; }
.d04bbhv:hover { border-bottom: 2px solid #9c7590; }
.d04bl { border-left: 2px solid #9c7590; }
.d04bg { background-color: #9c7590; color: #fff; }
.d04bgo { background-color: rgba(156, 117, 144, 0.89); color: #fff; }
.d04bgg { background-image: linear-gradient(90deg, #9c7590, #b45d99); color: #fff; }

.d05 { color: #0080bc; }
.d05bb { border-bottom: 2px solid #0080bc; }
.enav-05 .d05bb, .d05bb.hv:hover { background-color: #0080bc; }
.d05bbhv:hover { border-bottom: 2px solid #0080bc; }
.d05bl { border-left: 2px solid #0080bc; }
.d05bg { background-color: #0080bc; color: #fff; }
.d05bgo { background-color: rgba(0, 128, 188, 0.89); color: #fff; }
.d05bgg { background-image: linear-gradient(90deg, #0080bc, #0080bc); color: #fff; }

.d06 { color: #a57d6c; }
.d06bb { border-bottom: 2px solid #a57d6c; }
.enav-06 .d06bb, .d06bb.hv:hover { background-color: #a57d6c; }
.d06bbhv:hover { border-bottom: 2px solid #a57d6c; }
.d06bl { border-left: 2px solid #a57d6c; }
.d06bg { background-color: #a57d6c; color: #fff; }
.d06bgo { background-color: rgba(165, 125, 108, 0.89); color: #fff; }
.d06bgg { background-image: linear-gradient(90deg, #a57d6c, #bd7354); color: #fff; }

.d07 { color: #5d9b72; }
.d07bb { border-bottom: 2px solid #5d9b72; }
.enav-07 .d07bb, .d07bb.hv:hover { background-color: #5d9b72; }
.d07bbhv:hover { border-bottom: 2px solid #5d9b72; }
.d07bl { border-left: 2px solid #5d9b72; }
.d07bg { background-color: #5d9b72; color: #fff; }
.d07bgo { background-color: rgba(93, 155, 114, 0.89); color: #fff; }
.d07bgg { background-image: linear-gradient(90deg, #5d9b72, #44b46a); color: #fff; }

.d08 { color: #c55471; }
.d08bb { border-bottom: 2px solid #c55471; }
.enav-08 .d08bb, .d08bb.hv:hover { background-color: #c55471; }
.d08bbhv:hover { border-bottom: 2px solid #c55471; }
.d08bl { border-left: 2px solid #c55471; }
.d08bg { background-color: #c55471; color: #fff; }
.d08bgo { background-color: rgba(197, 84, 113, 0.89); color: #fff; }
.d08bgg { background-image: linear-gradient(90deg, #c55471, #dc3d66); color: #fff; }

.d09 { color: #6370ac; }
.d09bb { border-bottom: 2px solid #6370ac; }
.enav-09 .d09bb, .d09bb.hv:hover { background-color: #6370ac; }
.d09bbhv:hover { border-bottom: 2px solid #6370ac; }
.d09bl { border-left: 2px solid #6370ac; }
.d09bg { background-color: #6370ac; color: #fff; }
.d09bgo { background-color: rgba(99, 112, 172, 0.89); color: #fff; }
.d09bgg { background-image: linear-gradient(90deg, #6370ac, #4b61c4); color: #fff; }

.d10 { color: #9c7590; }
.d10bb { border-bottom: 2px solid #9c7590; }
.enav-10 .d10bb, .d10bb.hv:hover { background-color: #9c7590; }
.d10bbhv:hover { border-bottom: 2px solid #9c7590; }
.d10bl { border-left: 2px solid #9c7590; }
.d10bg { background-color: #9c7590; color: #fff; }
.d10bgo { background-color: rgba(156, 117, 144, 0.89); color: #fff; }
.d10bgg { background-image: linear-gradient(90deg, #9c7590, #b45d99); color: #fff; }

.d11 { color: #5d9b72; }
.d11bb { border-bottom: 2px solid #5d9b72; }
.enav-11 .d11bb, .d11bb.hv:hover { background-color: #5d9b72; }
.d11bbhv:hover { border-bottom: 2px solid #5d9b72; }
.d11bl { border-left: 2px solid #5d9b72; }
.d11bg { background-color: #5d9b72; color: #fff; }
.d11bgo { background-color: rgba(93, 155, 114, 0.89); color: #fff; }
.d11bgg { background-image: linear-gradient(90deg, #5d9b72, #44b46a); color: #fff; }


.dft { color: #dd6153; }
.dftbb { border-bottom: 2px solid #dd6153; }
.enav-ft .dftbb, .dftbb.hv:hover { background-color: #dd6153; }
.dftbbhv:hover { border-bottom: 2px solid #dd6153; }
.dftbl { border-left: 2px solid #dd6153; }
.dftbgo { background-color: rgba(221, 97, 83, 1.00); color: #fff; }
.dftbgg { background-image: linear-gradient(90deg, #dd6153, #ae4034); color: #fff; }


.dftbg {
	background-color: #dd6153;
	color: #fff;
	transform: scale(1);
	transition: transform 0.3s ease-out;
}

.dftbg:hover {
	background-color: #dd6153;
	color: #fff !important;
	transform: scale(1.1);
}

.f25i {
	border: 1px solid #dd6153;
	border-bottom: none;
}
.f25n {
	background: #dd6153 !important;
	color: #fff !important;
	transform: scale(1);
	transition: transform 0.3s ease-out;
}
.f25n:hover {
	transform: scale(1.25);
}

.f25ns {
	
	color: #fff !important;
}

#footer { position: relative; background: #2d2d2d; margin: 0 auto; height: 210px; padding: 42px 4.226%; }

/* ~~~~ global ~~~~ */
.anchor { display: block; width: 1px; height: 1px; visibility: hidden; position: relative; top: -200px; }

.c, .hug { display: block; *zoom: 1; }
.c:before, .c:after, .hug:before, .hug:after { content: " "; display: table; }
.c:after, .hug:after { clear: both; }

.copyright { font-size: 0.7rem; color: #e4e4e4; }

#back-to-top { display: none; position: fixed; z-index: 2000; bottom: 182px; right: 0; width: 56px; height: 56px; color: #fff; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s ease-out; }
#back-to-top:hover { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); }
#back-to-top a { display: block; width: 100%; height: 100%; text-indent: -98765px; background: #dd6153; border-radius: 2px 0px 0px 2px; transition: all 0.3s ease-out; }
#back-to-top a .up-arrow { position: absolute; top: -6px; left: 9px; display: block; width: 0; height: 0; border: 18px solid transparent; border-bottom: 28px solid #fff; background: none; }
#back-to-top a .up-arrow:hover { border-bottom: 28px solid #414141; }


.modal {
	display: none;
}

.modal.is-open {
	display: block;
}
/**************************\
Basic Modal Styles
\**************************/

.modal {

}

.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
}

.modal__container {
background-color: #fff;
/* padding: 30px; */
/* max-width: 500px; */
max-width: 90%;
max-height: 100vh;
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box;
}

.modal__header {
display: flex;
justify-content: space-between;
align-items: center;
}

.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.25;
color: #00449e;
box-sizing: border-box;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
margin-top: 2rem;
margin-bottom: 2rem;
line-height: 1.5;
color: rgba(0,0,0,.8);
}

.modal__btn {
font-size: .875rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
background-color: #e6e6e6;
color: rgba(0,0,0,.8);
border-radius: .25rem;
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}

.modal__btn-primary {
background-color: #00449e;
color: #fff;
}

.modal__close {
	position: absolute;
	top: 0.5rem;
	right: 1rem;
	background: transparent;
	border: 0;
	width: 2rem;
	height: 2rem;
	color: black;
	font-size: 1.5rem;
	font-family: sans-serif;
}


.f25 {
	padding: 0;
	max-width: unset;
}
.f25__wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.f25__wrap main.modal__content{
	width: 100% !important;
}
.f25__item {
	max-width: 400px;
}
.f25__image {
	
}
.f25__image a:focus-visible {
	outline: none;
}
.f25__img {
	display: block;
	max-width: 100%;
}
.f25__btn {
	background: #dd6153;
	color: #ffffff;
}
.f25__btn--alt {
	font-size: 0.9rem;
	background: #e4e4e4;
	color: black;
	margin: 1rem 0;
}
.f25__text {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	justify-items: center;
}
.f25__text .modal__title {
	color: #dd6153;
	font-size: 2rem;
}
.f25__text main p {
	padding: 0 !important;
	float: unset !important;
}
.f25__text__wrap {
	padding: 1rem 2rem;
}

@media only screen and (max-width: 767px) {
	
	.f25__wrap {
		grid-template-columns: 1fr;
	}
	
	.f25__img {
		display: block;
		max-width: 100%;
		max-height: 300px;
	}
	
}

/**************************\
Demo Animation Style
\**************************/
@keyframes mmfadeIn {
	from { opacity: 0; }
		to { opacity: 1; }
}

@keyframes mmfadeOut {
	from { opacity: 1; }
		to { opacity: 0; }
}

@keyframes mmslideIn {
from { transform: translateY(15%); }
	to { transform: translateY(0); }
}

@keyframes mmslideOut {
	from { transform: translateY(0); }
	to { transform: translateY(-10%); }
}

.micromodal-slide {
display: none;
}

.micromodal-slide.is-open {
display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}


.newslist_heading h4 {
	font-size: 2rem;
}


/* ~~~~ Digital by bearramelk ~~~~ */
.bearramelk { position: absolute; bottom: 0; right: 56px; display: block; width: 226px; height: 42px; overflow: hidden; }
.bearramelk a { display: block; position: relative; width: 226px; height: 56px; padding: 0 0; background: rgba(0, 0, 0, 0) url(https://oxfordliteraryfestival.org/res/img/digital_by_Bear_Ram_Elk.png) no-repeat 80px 12px; text-indent: -98765px; transition: background-color 0.3s ease-out; }
.bearramelk a:hover { background-color: rgba(0, 0, 0, 0.4); }
.bearramelk a:after { content: 'Digital by'; text-indent: 0; font-size: 12px; white-space: nowrap; padding: 0px; position: absolute; left: 14px; top: 12px; color: #eee; opacity: 1; transition: opacity 0.2s ease-out, top 0.2s ease-out; }
.bearramelk a:hover:after { display: inline-block; opacity: 1; top: 12px; }
.bearramelk a p { padding: 0; margin: 0; text-indent: -98765px; width: 1px; height: 1px; }

/* ~~~~ Basic Print styles ~~~~ */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster:h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }