/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
 @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 .noani {
     animation: none !important;
 }
 
 .alts.absolute.inset-0 {
     --fast-delay: 1000ms;
     --fast-duration: 3000ms;
     --slow-delay: 6000ms;
     --slow-duration: 18000ms;
 }
 
 html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     font-family: 'Roboto', sans-serif;
 }
 
 body {
     margin: 0
 }
 
 main {
     display: block
 }
 
 h1 {
     font-size: 2em;
     margin: .67em 0
 }
 
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible
 }
 
 a {
     background-color: transparent
 }
 
 b {
     font-weight: bolder
 }
 
 code {
     font-family: monospace, monospace;
     font-size: 1em
 }
 
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
     top: -.5em
 }
 
 img {
     border-style: none
 }
 
 button,
 input {
     font-family: inherit;
     font-size: 100%;
     line-height: 1.15;
     margin: 0;
     overflow: visible
 }
 
 button {
     text-transform: none
 }
 
 [type=button],
 [type=reset],
 [type=submit],
 button {
     -webkit-appearance: button
 }
 
 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner,
 button::-moz-focus-inner {
     border-style: none;
     padding: 0
 }
 
 [type=button]:-moz-focusring,
 [type=reset]:-moz-focusring,
 [type=submit]:-moz-focusring,
 button:-moz-focusring {
     outline: 1px dotted ButtonText
 }
 
 [type=checkbox],
 [type=radio] {
     box-sizing: border-box;
     padding: 0
 }
 
 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
     height: auto
 }
 
 [type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }
 
 [type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }
 
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }
 
 summary {
     display: list-item
 }
 
 [hidden],
 template {
     display: none
 }
 
 blockquote,
 dd,
 dl,
 h1,
 h2,
 h3,
 h4,
 h5,
 hr,
 p {
     margin: 0
 }
 
 button {
     background-color: transparent;
     background-image: none
 }
 
 button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color
 }
 
 ol,
 ul {
     list-style: none;
     margin: 0;
     padding: 0
 }
 
 html {
     font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Oxygen-Sans, Arial;
     line-height: 1.5
 }
 
 *,
 :after,
 :before {
     box-sizing: border-box;
     border: 0 solid #b6b8bb
 }
 
 hr {
     border-top-width: 1px
 }
 
 img {
     border-style: solid
 }
 
 input::-moz-placeholder {
     color: #a0aec0
 }
 
 input:-ms-input-placeholder {
     color: #a0aec0
 }
 
 input::placeholder {
     color: #a0aec0
 }
 
 [role=button],
 button {
     cursor: pointer
 }
 
 h1,
 h2,
 h3,
 h4,
 h5 {
     font-size: inherit;
     font-weight: inherit
 }
 
 a {
     color: inherit;
     text-decoration: inherit
 }
 
 button,
 input {
     padding: 0;
     line-height: inherit;
     color: inherit
 }
 
 code {
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
 }
 
 iframe,
 img,
 object,
 svg,
 video {
     display: block;
     vertical-align: middle;
 }
 
 img,
 video {
     max-width: 100%;
     height: auto
 }
 
 html {
     /* font-family: arno-pro, TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, Cambria, serif; */
     box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .prose {
     line-height: 1.6
 }
 
 @media (min-width:1280px) {
     .prose {
         font-size: 1.4rem;
         line-height: 1.5
     }
 }
 
 *,
 :after,
 :before {
     box-sizing: inherit
 }
 
 h1,
 h2 {
     font-family: arno-pro-display, TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, Cambria, serif;
     font-weight: 400 !important;
     line-height: 1 !important
 }
 
 h3,
 h4,
 h5,
 h6 {
     font-family: arno-pro, TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, Cambria, serif;
     line-height: 1
 }
 
 .h1,
 h1 {
     font-size: 1.875rem;
     margin-bottom: 1.25rem
 }
 
 .h2,
 h2 {
     font-size: 1.5rem;
     margin-bottom: 1rem;
     padding-top: 1.25rem
 }
 
 .h3,
 h3 {
     font-size: 1.125rem;
     margin-bottom: .75rem
 }
 
 .h4,
 h4 {
     margin-bottom: .5rem
 }
 
 .h4,
 .h5,
 h4,
 h5 {
     font-size: 1rem
 }
 
 .h5,
 .h6,
 h5,
 h6 {
     margin-bottom: .25rem
 }
 
 .h6,
 h6 {
     font-size: .875rem
 }
 
 ol,
 p,
 ul {
     margin-bottom: 1rem
 }
 
 dd :last-child,
 dt :last-child {
     margin-bottom: 0
 }
 
 @media (min-width:768px) {
     .h1,
     h1 {
         font-size: 2.25rem;
         margin-bottom: 1.5rem
     }
     .h2,
     h2 {
         font-size: 1.875rem;
         margin-bottom: 1.25rem;
         padding-top: 1.5rem
     }
     .h3,
     h3 {
         font-size: 1.5rem;
         margin-bottom: 1rem
     }
     .h4,
     h4 {
         font-size: 1.25rem;
         margin-bottom: .75rem
     }
     .h5,
     h5 {
         font-size: 1.125rem;
         margin-bottom: .5rem
     }
     .h6,
     h6 {
         font-size: 1rem
     }
     ol,
     p,
     ul {
         margin-bottom: 2rem
     }
 }
 
 @media (min-width:1280px) {
     .h1,
     h1 {
         font-size: 5rem;
         margin-bottom: 2rem
     }
     .h2,
     h2 {
         font-size: 3rem
     }
 }
 
 article.prose h1 {
     font-size: clamp(3rem, 5vw, 6rem) !important
 }
 
 article.prose h2 {
     font-size: clamp(2.25rem, 3vw, 4.5rem) !important
 }
 
 .prose h2 {
     padding-top: 0 !important
 }
 
 .prehead {
     font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Oxygen-Sans, Arial;
     text-transform: uppercase;
     letter-spacing: .1em;
     font-size: 1rem;
     margin-bottom: 1rem;
     text-align: center
 }
 
 b,
 dt,
 strong {
     font-weight: 700
 }
 
 abbr,
 abbr[title] {
     border-width: 0 0 1px;
     border-style: dotted;
     text-decoration: none;
     cursor: help
 }
 
 @media (min-width:768px) {
     .text-columns {
         -moz-columns: 300px 2;
         columns: 300px 2;
         grid-column-gap: 20px;
         -moz-column-gap: 20px;
         column-gap: 20px
     }
 }
 
 @media (min-width:1280px) {
     .text-columns {
         -moz-columns: 300px 3;
         columns: 300px 3;
         grid-column-gap: 20px;
         -moz-column-gap: 20px;
         column-gap: 20px
     }
 }
 
 a,
 a:hover {
     transition: all .2s ease-in-out
 }
 
 a:hover {
     --text-opacity: 1;
     color: #99acc1;
     color: rgba(153, 172, 193, var(--text-opacity))
 }
 
 a {
     text-decoration: underline;
     color: #415264
 }
 
 label {
     font-size: .875rem;
     font-weight: 500;
     line-height: 1.25rem;
     --text-opacity: 1;
     color: #2c2f32;
     color: rgba(44, 47, 50, var(--text-opacity))
 }
 
 input,
 input[type=email],
 input[type=tel],
 input[type=text],
 label,
 textarea {
     display: block;
     font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Oxygen-Sans, Arial
 }
 
 input,
 input[type=email],
 input[type=tel],
 input[type=text],
 textarea {
     margin-top: .25rem;
     width: 100%;
     padding: .5rem .75rem;
     border-width: 1px;
     --border-opacity: 1;
     border-color: #d2d3d4;
     border-color: rgba(210, 211, 212, var(--border-opacity));
     border-radius: .125rem;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
     transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
     transition-duration: .15s;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
 }
 
 input:focus,
 input[type=email]:focus,
 input[type=tel]:focus,
 input[type=text]:focus,
 textarea:focus {
     outline: 2px solid transparent;
     outline-offset: 2px;
     --border-opacity: 1;
     border-color: #c5cfdb;
     border-color: rgba(197, 207, 219, var(--border-opacity))
 }
 
 .container {
     margin-left: auto;
     margin-right: auto;
     max-width: 1440px !important;
     padding-left: 5%;
     padding-right: 5%
 }
 
 .section-padding {
     padding-top: 20vh;
     padding-bottom: 25vh
 }
 
 .py-8vh {
     padding-top: 8vh;
     padding-bottom: 9vh
 }
 
 .py-5vh {
     padding-top: 5vh;
     padding-bottom: 5.5vh
 }
 
 .btn {
     --text-opacity: 1;
     color: #f7f7f0;
     color: rgba(247, 247, 240, var(--text-opacity));
     font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Oxygen-Sans, Arial;
     font-size: .875rem;
     font-weight: 700;
     text-decoration: none;
     padding: .75rem 1.25rem;
     border-width: 1px;
     border-color: transparent;
     border-radius: .25rem;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
     --bg-opacity: 1;
     background-color: #627a95;
     background-color: rgba(98, 122, 149, var(--bg-opacity));
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-transform: uppercase;
     transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
     transition-duration: .15s;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
 }
 
 .btn svg {
     margin-left: .25rem;
     width: .5rem;
     height: .5rem;
     display: inline-block;
     transform: translate(2px, -1px)
 }
 
 .btn.arrow-down svg {
     transform: rotate(90deg) translate(-2px, -2px)
 }
 
 .btn.arrow-down:focus svg,
 .btn.arrow-down:hover svg {
     transform: rotate(90deg) translate(-2px, -1px) scale(1.3)
 }
 
 .btn:focus,
 .btn:hover {
     outline: 2px solid transparent;
     outline-offset: 2px;
     box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
     --bg-opacity: 1;
     background-color: #212326;
     background-color: rgba(33, 35, 38, var(--bg-opacity));
     cursor: pointer
 }
 
 .btn:focus svg,
 .btn:hover svg {
     transform: translate(2px, -1px) scale(1.3)
 }
 
 .btn-lg {
     font-size: 1.25rem;
     padding: 1rem 2rem
 }
 
 .btn-sm {
     font-size: .75rem;
     padding: .5rem .75rem
 }
 
 .btn-shadow {
     box-shadow: 0 2px 8px rgba(0, 0, 0, .26)
 }
 
 .btn-shadow,
 .btn-shadow:focus,
 .btn-shadow:hover {
     --bg-opacity: 1;
     background-color: #f7f7f0;
     background-color: rgba(247, 247, 240, var(--bg-opacity))
 }
 
 .btn-shadow:focus,
 .btn-shadow:hover {
     box-shadow: 2px 2px 20px rgba(0, 0, 0, .3)
 }
 
 .btn-clear {
     box-shadow: none
 }
 
 .btn-clear,
 .btn-clear:focus,
 .btn-clear:hover,
 .btn-outline {
     background-color: transparent
 }
 
 .btn-outline {
     border-width: 2px;
     box-shadow: none
 }
 
 .btn-outline:focus,
 .btn-outline:hover {
     background-color: transparent
 }
 
 .btn-gray {
     --bg-opacity: 1;
     background-color: #494e54;
     background-color: rgba(73, 78, 84, var(--bg-opacity))
 }
 
 .btn-gray:focus,
 .btn-gray:hover {
     --bg-opacity: 1;
     background-color: #2c2f32;
     background-color: rgba(44, 47, 50, var(--bg-opacity))
 }
 
 .btn-white {
     --bg-opacity: 1;
     background-color: #f7f7f0;
     background-color: rgba(247, 247, 240, var(--bg-opacity));
     --text-opacity: 1;
     color: #494e54;
     color: rgba(73, 78, 84, var(--text-opacity))
 }
 
 .btn-white:focus,
 .btn-white:hover {
     --bg-opacity: 1;
     background-color: #ededee;
     background-color: rgba(237, 237, 238, var(--bg-opacity));
     --text-opacity: 1;
     color: #42464c;
     color: rgba(66, 70, 76, var(--text-opacity))
 }
 /*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
 
 .flickity-enabled {
     position: relative
 }
 
 .flickity-enabled:focus {
     outline: none
 }
 
 .flickity-viewport {
     overflow: hidden;
     position: relative;
     height: 100%
 }
 
 .flickity-slider {
     position: absolute;
     width: 100%;
     height: 100%
 }
 
 .flickity-enabled.is-draggable {
     -webkit-tap-highlight-color: transparent;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .flickity-enabled.is-draggable .flickity-viewport {
     cursor: move;
     cursor: -webkit-grab;
     cursor: grab
 }
 
 .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
     cursor: -webkit-grabbing;
     cursor: grabbing
 }
 
 .flickity-button {
     position: absolute;
     background: hsla(0, 0%, 100%, .75);
     border: none;
     color: #333
 }
 
 .flickity-button:hover {
     background: #fff;
     cursor: pointer
 }
 
 .flickity-button:focus {
     outline: none;
     box-shadow: 0 0 0 5px #19f
 }
 
 .flickity-button:active {
     opacity: .6
 }
 
 .flickity-button:disabled {
     opacity: .3;
     cursor: auto;
     pointer-events: none
 }
 
 .flickity-button-icon {
     fill: currentColor
 }
 
 .flickity-prev-next-button {
     top: 50%;
     width: 44px;
     height: 44px;
     border-radius: 50%;
     transform: translateY(-50%)
 }
 
 .flickity-prev-next-button.previous {
     left: 10px
 }
 
 .flickity-prev-next-button.next {
     right: 10px
 }
 
 .flickity-rtl .flickity-prev-next-button.previous {
     left: auto;
     right: 10px
 }
 
 .flickity-rtl .flickity-prev-next-button.next {
     right: auto;
     left: 10px
 }
 
 .flickity-prev-next-button .flickity-button-icon {
     position: absolute;
     left: 20%;
     top: 20%;
     width: 60%;
     height: 60%
 }
 
 .flickity-page-dots {
     position: absolute;
     width: 100%;
     bottom: -25px;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
     line-height: 1
 }
 
 .flickity-rtl .flickity-page-dots {
     direction: rtl
 }
 
 .flickity-page-dots .dot {
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 8px;
     background: #333;
     border-radius: 50%;
     opacity: .25;
     cursor: pointer
 }
 
 .flickity-page-dots .dot.is-selected {
     opacity: 1
 }
 
 .page--home main section,
 .page--home main video {
     transform: translateZ(0) !important;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
 }
 
 [x-cloak] {
     display: none !important
 }
 
 body.stickyNav #sectionNavSticky {
     display: block !important
 }
 
 #sectionNavSticky {
     position: sticky;
     top: 0;
     z-index: 100;
     background-color: #fff
 }
 
 #sectionNavSticky a:active,
 #sectionNavSticky a:target {
     font-style: italic
 }
 
 article a img {
     transition: all .3s ease-in-out
 }
 
 article a:hover img {
     filter: saturate(1.1) brightness(1.1) opacity(.9)
 }
 
 main {
     min-height: 100vh
 }
 
 .video {
     position: relative;
     height: 0;
     overflow: hidden;
     --bg-opacity: 1;
     background-color: #000;
     background-color: rgba(0, 0, 0, var(--bg-opacity));
     padding-bottom: 56.25%
 }
 
 .video embed,
 .video iframe,
 .video object,
 .video video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }
 
 .lg-outer .lg-thumb-outer,
 .lg-outer .lg-toggle-thumb {
     background: rgba(0, 0, 0, .45) !important
 }
 
 .lg-outer .lg-img-wrap {
     padding: calc(47px + 1vh) 0 calc(80px + 2vh) !important
 }
 
 .lg-thumb-outer {
     display: flex;
     align-items: center;
     flex-direction: column
 }
 
 .lg-thumb-item {
     border: 0 !important
 }
 
 .lg-thumb-item img {
     -o-object-fit: contain !important;
     object-fit: contain !important;
     border: 1px solid transparent;
     border-radius: 1px
 }
 
 .lg-thumb-item.active img {
     border-color: #627a95;
     background: #627a95;
     box-shadow: 0 0 3px #000
 }
 
 body.lg-on main {
     filter: blur(2px)
 }
 
 .lg-backdrop {
     background: rgba(33, 41, 50, .98039)!important
 }
 
 nav a:hover .absolute {
     font-style: italic
 }
 
 .lg-sub-html {
     display: none;
     background: none!important;
     max-width: 300px!important;
     right: unset!important;
     text-align: left!important
 }
 
 @media (min-width:768px) {
     .lg-sub-html {
         display: block
     }
 }
 
 span.book_cover_style {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     position: absolute;
     z-index: 101;
     box-shadow: inset 0 0 3px rgba(0, 0, 0, .1);
     background-image: linear-gradient(90deg, rgba(0, 0, 0, .4) 0, hsla(0, 0%, 100%, .2) 3%, rgba(0, 0, 0, .1) 4.5%, transparent 50%, transparent 98%, rgba(0, 0, 0, .2))
 }
 
 span.book_cover_style:hover {
     opacity: .5
 }
 
 :root {
     --white: #f4f8ee
 }
 
 .flickity-button {
     background: #333
 }
 
 .flickity-button:hover {
     background: #f90
 }
 
 .flickity-prev-next-button {
     width: 30px;
     height: 30px;
     border-radius: 5px
 }
 
 .flickity-button-icon {
     fill: #fff
 }
 
 .flickity-enabled.is-fade .flickity-slider>* {
     pointer-events: none;
     z-index: 0
 }
 
 .flickity-enabled.is-fade .flickity-slider>.is-selected {
     pointer-events: auto;
     z-index: 1
 }
 
 .flickity-prev-next-button {
     width: 50px;
     height: 50px
 }
 
 .flickity-prev-next-button.previous {
     left: 0
 }
 
 .flickity-prev-next-button.next {
     right: 0
 }
 
 .flickity-button {
     background: transparent;
     opacity: .3
 }
 
 .flickity-button .flickity-button-icon {
     fill: #161719
 }
 
 .flickity-button:hover {
     background: #99acc1;
     opacity: .9
 }
 
 .flickity-button:focus {
     background: #dbe1e9;
     opacity: .6;
     box-shadow: none!important;
     border: 0!important;
     outline: 0!important
 }
 
 .flickity-page-dots {
     bottom: -22px
 }
 
 .carousel--interiors .flickity-prev-next-button {
     bottom: 0;
     left: 0;
     margin-bottom: 2vh;
     top: unset
 }
 
 .carousel--interiors .flickity-page-dots {
     top: -2vh;
     bottom: auto
 }
 
 .carousel--interiors .flickity-prev-next-button {
     margin-bottom: -70px
 }
 
 .carousel--interiors .flickity-prev-next-button.next {
     left: 50%;
     margin-left: 0
 }
 
 .carousel--interiors .flickity-prev-next-button.previous {
     left: 50%;
     margin-left: -50px
 }
 
 .carousel--interiors .flickity-viewport {
     min-height: 342px
 }
 
 .flickity-page-dots .dot {
     height: 4px;
     width: 20px;
     margin: 0;
     border-radius: 0
 }
 
 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0
     }
     to {
         opacity: 1
     }
 }
 
 @keyframes fadeIn {
     0% {
         opacity: 0
     }
     to {
         opacity: 1
     }
 }
 
 @-webkit-keyframes fadeOut {
     0% {
         opacity: 1
     }
     to {
         opacity: 0
     }
 }
 
 @keyframes fadeOut {
     0% {
         opacity: 1
     }
     to {
         opacity: 0
     }
 }
 
 .home-headlines .carousel-cell {
     opacity: 0!important
 }
 
 .home-headlines .carousel-cell:not(.is-selected) {
     -webkit-animation: fadeOut 1s ease;
     animation: fadeOut 1s ease
 }
 
 .home-headlines .carousel-cell.is-selected {
     z-index: 99;
     opacity: 1!important;
     -webkit-animation: fadeIn 1s ease;
     animation: fadeIn 1s ease
 }
 
 .carousel--cover {
     height: 70vh
 }
 
 .carousel--cover .flickity-prev-next-button.previous {
     left: 0
 }
 
 .carousel--cover .flickity-prev-next-button.next {
     right: 0
 }
 
 .carousel.is-fullscreen .carousel-cell {
     height: 100%
 }
 
 .carousel--nav .carousel-cell img {
     opacity: .5;
     border-width: 2px
 }
 
 .carousel--nav .carousel-cell.is-nav-selected img {
     --border-opacity: 1;
     border-color: #6d88a6;
     border-color: rgba(109, 136, 166, var(--border-opacity));
     opacity: 1
 }
 
 img.alts {
     -webkit-animation: showMe linear infinite forwards;
     animation: showMe linear infinite forwards;
     -webkit-animation-play-state: running;
     animation-play-state: running;
     -webkit-animation-delay: var(--slow-delay);
     animation-delay: var(--slow-delay);
     -webkit-animation-duration: var(--slow-duration);
     animation-duration: var(--slow-duration)
 }
 
 .book img.alts:first-child {
     z-index: 15
 }
 
 .book img.alts:nth-child(2) {
     z-index: 14
 }
 
 .book img.alts:nth-child(3) {
     z-index: 13
 }
 
 .book img.alts:nth-child(4) {
     z-index: 12
 }
 
 .book img.alts:nth-child(5) {
     z-index: 11
 }
 
 .book img.alts:nth-child(6) {
     z-index: 10
 }
 
 .book img.alts:nth-child(7) {
     z-index: 9
 }
 
 .book img.alts:nth-child(8) {
     z-index: 8
 }
 
 .book img.alts:nth-child(9) {
     z-index: 7
 }
 
 .book img.alts:nth-child(10) {
     z-index: 6
 }
 
 .book img.alts:nth-child(11) {
     z-index: 5
 }
 
 .book img.alts:nth-child(12) {
     z-index: 4
 }
 
 .book img.alts:nth-child(13) {
     z-index: 3
 }
 
 .book img.alts:nth-child(14) {
     z-index: 2
 }
 
 .book:hover img.alts {
     -webkit-animation-play-state: running;
     animation-play-state: running;
     -webkit-animation-delay: var(--fast-delay);
     animation-delay: var(--fast-delay);
     -webkit-animation-duration: var(--fast-duration);
     animation-duration: var(--fast-duration)
 }
 
 @-webkit-keyframes showMe {
     0% {
         visibility: visible;
         z-index: 100
     }
     12.5% {
         visibility: visible;
         z-index: 100
     }
     25% {
         visibility: hidden;
         z-index: 0
     }
     100% {
         visibility: hidden;
         z-index: 0;
     }
 }
 
 @keyframes showMe {
     0% {
         visibility: visible;
         z-index: 100
     }
     12.5% {
         visibility: visible;
         z-index: 100
     }
     25% {
         visibility: hidden;
         z-index: 0
     }
     100% {
         visibility: hidden;
         z-index: 0
     }
 }
 
 #instagramGrid img {
     --border-opacity: 1;
     border-color: #f7f7f0;
     border-color: rgba(247, 247, 240, var(--border-opacity))
 }
 
 @-webkit-keyframes gradient {
     0% {
         background-position: 0 50%
     }
     50% {
         background-position: 100% 50%
     }
     to {
         background-position: 0 50%
     }
 }
 
 @keyframes gradient {
     0% {
         background-position: 0 50%
     }
     50% {
         background-position: 100% 50%
     }
     to {
         background-position: 0 50%
     }
 }
 
 .angle--top {
     background-image: url(../../images/home_bkgd_angle7f13.html?ca4caceb576b068a376fbe0fdaf97da9);
     height: 2018px
 }
 
 .angle--bottom {
     background-image: url(../../images/home_bkgd_angle_20225.html?b873438c57c522b412e3e499508675b0);
     height: 2400px
 }
 
 .colorful-bkgd {
     background-image: linear-gradient(-45deg, #c6cfbc, #c6cfbc, #c5cfdb, #c0d8d7, #f6e9e4, #e2dfc2, #e2dfc2);
     background-size: 400% 400%;
     background-repeat: no-repeat;
     -webkit-animation: gradient 25s ease infinite;
     animation: gradient 25s ease infinite
 }
 
 .remove_layer #markOutline {
     display: none
 }
 
 .container {
     width: 100%
 }
 
 @media (min-width:640px) {
     .container {
         max-width: 640px
     }
 }
 
 @media (min-width:768px) {
     .container {
         max-width: 768px
     }
 }
 
 @media (min-width:1024px) {
     .container {
         max-width: 1024px
     }
 }
 
 @media (min-width:1280px) {
     .container {
         max-width: 1280px
     }
 }
 
 .space-y-1>:not(template)~:not(template) {
     --space-y-reverse: 0;
     margin-top: calc(0.25rem*(1 - var(--space-y-reverse)));
     margin-bottom: calc(0.25rem*var(--space-y-reverse))
 }
 
 .space-x-2>:not(template)~:not(template) {
     --space-x-reverse: 0;
     margin-right: calc(0.5rem*var(--space-x-reverse));
     margin-left: calc(0.5rem*(1 - var(--space-x-reverse)))
 }
 
 .space-y-4>:not(template)~:not(template) {
     --space-y-reverse: 0;
     margin-top: calc(1rem*(1 - var(--space-y-reverse)));
     margin-bottom: calc(1rem*var(--space-y-reverse))
 }
 
 .space-y-6>:not(template)~:not(template) {
     --space-y-reverse: 0;
     margin-top: calc(1.5rem*(1 - var(--space-y-reverse)));
     margin-bottom: calc(1.5rem*var(--space-y-reverse))
 }
 
 .space-y-8>:not(template)~:not(template) {
     --space-y-reverse: 0;
     margin-top: calc(2rem*(1 - var(--space-y-reverse)));
     margin-bottom: calc(2rem*var(--space-y-reverse))
 }
 
 .space-x-8>:not(template)~:not(template) {
     --space-x-reverse: 0;
     margin-right: calc(2rem*var(--space-x-reverse));
     margin-left: calc(2rem*(1 - var(--space-x-reverse)))
 }
 
 .divide-y>:not(template)~:not(template) {
     --divide-y-reverse: 0;
     border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
     border-bottom-width: calc(1px*var(--divide-y-reverse))
 }
 
 .divide-gray-100>:not(template)~:not(template) {
     --divide-opacity: 1;
     border-color: #ededee;
     border-color: rgba(237, 237, 238, var(--divide-opacity))
 }
 
 .divide-gray-200>:not(template)~:not(template) {
     --divide-opacity: 1;
     border-color: #d2d3d4;
     border-color: rgba(210, 211, 212, var(--divide-opacity))
 }
 
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border-width: 0
 }
 
 .bg-transparent {
     background-color: transparent
 }
 
 .bg-black {
     --bg-opacity: 1;
     background-color: #0b161d;
     background-color: rgba(11, 22, 29, var(--bg-opacity))
 }
 
 .bg-white {
     --bg-opacity: 1;
     background-color: #f7f7f0;
     background-color: rgba(247, 247, 240, var(--bg-opacity))
 }
 
 .bg-sagelight {
     --bg-opacity: 1;
     background-color: #c6cfbc;
     background-color: rgba(198, 207, 188, var(--bg-opacity))
 }
 
 .bg-peachlight {
     --bg-opacity: 1;
     background-color: #f6e9e4;
     background-color: rgba(246, 233, 228, var(--bg-opacity))
 }
 
 .bg-gray-50 {
     --bg-opacity: 1;
     background-color: #f6f6f6;
     background-color: rgba(246, 246, 246, var(--bg-opacity))
 }
 
 .bg-gray-100 {
     --bg-opacity: 1;
     background-color: #ededee;
     background-color: rgba(237, 237, 238, var(--bg-opacity))
 }
 
 .bg-gray-300 {
     --bg-opacity: 1;
     background-color: #b6b8bb;
     background-color: rgba(182, 184, 187, var(--bg-opacity))
 }
 
 .bg-gray-400 {
     --bg-opacity: 1;
     background-color: #808387;
     background-color: rgba(128, 131, 135, var(--bg-opacity))
 }
 
 .bg-gray-500 {
     --bg-opacity: 1;
     background-color: #494e54;
     background-color: rgba(73, 78, 84, var(--bg-opacity))
 }
 
 .bg-gray-700 {
     --bg-opacity: 1;
     background-color: #2c2f32;
     background-color: rgba(44, 47, 50, var(--bg-opacity))
 }
 
 .bg-gray-900 {
     --bg-opacity: 1;
     background-color: #161719;
     background-color: rgba(22, 23, 25, var(--bg-opacity))
 }
 
 .bg-primary-100 {
     --bg-opacity: 1;
     background-color: #f0f3f6;
     background-color: rgba(240, 243, 246, var(--bg-opacity))
 }
 
 .bg-primary-500 {
     --bg-opacity: 1;
     background-color: #6d88a6;
     background-color: rgba(109, 136, 166, var(--bg-opacity))
 }
 
 .bg-primary-700 {
     --bg-opacity: 1;
     background-color: #415264;
     background-color: rgba(65, 82, 100, var(--bg-opacity))
 }
 
 .bg-primary-800 {
     --bg-opacity: 1;
     background-color: #313d4b;
     background-color: rgba(49, 61, 75, var(--bg-opacity))
 }
 
 .hover\:bg-white:hover {
     --bg-opacity: 1;
     background-color: #f7f7f0;
     background-color: rgba(247, 247, 240, var(--bg-opacity))
 }
 
 .hover\:bg-gray-100:hover {
     --bg-opacity: 1;
     background-color: #ededee;
     background-color: rgba(237, 237, 238, var(--bg-opacity))
 }
 
 .hover\:bg-gray-800:hover {
     --bg-opacity: 1;
     background-color: #212326;
     background-color: rgba(33, 35, 38, var(--bg-opacity))
 }
 
 .focus\:bg-gray-100:focus {
     --bg-opacity: 1;
     background-color: #ededee;
     background-color: rgba(237, 237, 238, var(--bg-opacity))
 }
 
 .bg-opacity-75 {
     --bg-opacity: 0.75
 }
 
 .bg-left-bottom {
     background-position: 0 100%
 }
 
 .bg-right-top {
     background-position: 100% 0
 }
 
 .bg-no-repeat {
     background-repeat: no-repeat
 }
 
 .bg-cover {
     background-size: cover
 }
 
 .border-transparent {
     border-color: transparent
 }
 
 .border-white {
     --border-opacity: 1;
     border-color: #f7f7f0;
     border-color: rgba(247, 247, 240, var(--border-opacity))
 }
 
 .border-sagelight {
     --border-opacity: 1;
     border-color: #c6cfbc;
     border-color: rgba(198, 207, 188, var(--border-opacity))
 }
 
 .border-peachlight {
     --border-opacity: 1;
     border-color: #f6e9e4;
     border-color: rgba(246, 233, 228, var(--border-opacity))
 }
 
 .border-teallight {
     --border-opacity: 1;
     border-color: #c0d8d7;
     border-color: rgba(192, 216, 215, var(--border-opacity))
 }
 
 .border-goldlight {
     --border-opacity: 1;
     border-color: #e2dfc2;
     border-color: rgba(226, 223, 194, var(--border-opacity))
 }
 
 .border-gray-100 {
     --border-opacity: 1;
     border-color: #ededee;
     border-color: rgba(237, 237, 238, var(--border-opacity))
 }
 
 .border-gray-200 {
     --border-opacity: 1;
     border-color: #d2d3d4;
     border-color: rgba(210, 211, 212, var(--border-opacity))
 }
 
 .border-gray-300 {
     --border-opacity: 1;
     border-color: #b6b8bb;
     border-color: rgba(182, 184, 187, var(--border-opacity))
 }
 
 .border-primary-200 {
     --border-opacity: 1;
     border-color: #dbe1e9;
     border-color: rgba(219, 225, 233, var(--border-opacity))
 }
 
 .border-primary-300 {
     --border-opacity: 1;
     border-color: #c5cfdb;
     border-color: rgba(197, 207, 219, var(--border-opacity))
 }
 
 .border-primary-400 {
     --border-opacity: 1;
     border-color: #99acc1;
     border-color: rgba(153, 172, 193, var(--border-opacity))
 }
 
 .border-primary-500 {
     --border-opacity: 1;
     border-color: #6d88a6;
     border-color: rgba(109, 136, 166, var(--border-opacity))
 }
 
 .hover\:border-sage:hover {
     --border-opacity: 1;
     border-color: #3a5e41;
     border-color: rgba(58, 94, 65, var(--border-opacity))
 }
 
 .hover\:border-peach:hover {
     --border-opacity: 1;
     border-color: #75564a;
     border-color: rgba(117, 86, 74, var(--border-opacity))
 }
 
 .hover\:border-teal:hover {
     --border-opacity: 1;
     border-color: #355957;
     border-color: rgba(53, 89, 87, var(--border-opacity))
 }
 
 .hover\:border-gold:hover {
     --border-opacity: 1;
     border-color: #635f38;
     border-color: rgba(99, 95, 56, var(--border-opacity))
 }
 
 .focus\:border-primary-500:focus {
     --border-opacity: 1;
     border-color: #6d88a6;
     border-color: rgba(109, 136, 166, var(--border-opacity))
 }
 
 .rounded-sm {
     border-radius: .125rem
 }
 
 .rounded {
     border-radius: .25rem
 }
 
 .rounded-md {
     border-radius: .375rem
 }
 
 .rounded-lg {
     border-radius: .5rem
 }
 
 .rounded-full {
     border-radius: 9999px
 }
 
 .border-dashed {
     border-style: dashed
 }
 
 .border-2 {
     border-width: 2px
 }
 
 .border {
     border-width: 1px
 }
 
 .border-t-2 {
     border-top-width: 2px
 }
 
 .border-r-2 {
     border-right-width: 2px
 }
 
 .border-b-2 {
     border-bottom-width: 2px
 }
 
 .border-t-4 {
     border-top-width: 4px
 }
 
 .border-t {
     border-top-width: 1px
 }
 
 .border-b {
     border-bottom-width: 1px
 }
 
 .block {
     display: block
 }
 
 .inline-block {
     display: inline-block
 }
 
 .inline {
     display: inline
 }
 
 .flex {
     display: flex
 }
 
 .inline-flex {
     display: inline-flex
 }
 
 .flow-root {
     display: flow-root
 }
 
 .grid {
     display: grid
 }
 
 .hidden {
     display: none
 }
 
 .flex-row {
     flex-direction: row
 }
 
 .flex-col {
     flex-direction: column
 }
 
 .flex-wrap {
     flex-wrap: wrap
 }
 
 .place-content-center {
     align-content: center;
     justify-content: center;
     place-content: center
 }
 
 .items-start {
     align-items: flex-start
 }
 
 .items-center {
     align-items: center
 }
 
 .items-baseline {
     align-items: baseline
 }
 
 .self-end {
     align-self: flex-end
 }
 
 .self-center {
     align-self: center
 }
 
 .justify-end {
     justify-content: flex-end
 }
 
 .justify-center {
     justify-content: center
 }
 
 .justify-between {
     justify-content: space-between
 }
 
 .justify-around {
     justify-content: space-around
 }
 
 .flex-1 {
     flex: 1 1 0%
 }
 
 .flex-none {
     flex: none
 }
 
 .flex-grow {
     flex-grow: 1
 }
 
 .flex-shrink-0 {
     flex-shrink: 0
 }
 
 .flex-shrink {
     flex-shrink: 1
 }
 
 .order-1 {
     order: 1
 }
 
 .order-2 {
     order: 2
 }
 
 .order-first {
     order: -9999
 }
 
 .float-right {
     float: right
 }
 
 .font-sans {
     font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Oxygen-Sans, Arial
 }
 
 .font-serif {
     font-family: arno-pro, TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, Cambria, serif
 }
 
 .font-headerSerif,
 .font-subnavSerif {
     font-family: arno-pro-display, TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, Cambria, serif
 }
 
 .font-light {
     font-weight: 300
 }
 
 .font-normal {
     font-weight: 400
 }
 
 .font-medium {
     font-weight: 500
 }
 
 .font-semibold {
     font-weight: 600
 }
 
 .font-bold {
     font-weight: 700
 }
 
 .font-extrabold {
     font-weight: 800
 }
 
 .h-4 {
     height: 1rem
 }
 
 .h-5 {
     height: 1.25rem
 }
 
 .h-6 {
     height: 1.5rem
 }
 
 .h-8 {
     height: 2rem
 }
 
 .h-12 {
     height: 3rem
 }
 
 .h-16 {
     height: 4rem
 }
 
 .h-20 {
     height: 5rem
 }
 
 .h-24 {
     height: 6rem
 }
 
 .h-32 {
     height: 8rem
 }
 
 .h-84 {
     height: 21rem
 }
 
 .h-auto {
     height: auto
 }
 
 .h-full {
     height: 100%
 }
 
 .text-xs {
     font-size: .75rem
 }
 
 .text-sm {
     font-size: .875rem
 }
 
 .text-base {
     font-size: 1rem
 }
 
 .text-lg {
     font-size: 1.125rem
 }
 
 .text-xl {
     font-size: 1.25rem
 }
 
 .text-2xl {
     font-size: 1.5rem
 }
 
 .text-3xl {
     font-size: 1.875rem
 }
 
 .text-4xl {
     font-size: 2.25rem
 }
 
 .text-5xl {
     font-size: 3rem
 }
 
 .text-6xl {
     font-size: 4rem
 }
 
 .text-7xl {
     font-size: 5rem
 }
 
 .leading-5 {
     line-height: 1.25rem
 }
 
 .leading-6 {
     line-height: 1.5rem
 }
 
 .leading-7 {
     line-height: 1.75rem
 }
 
 .leading-8 {
     line-height: 2rem
 }
 
 .leading-9 {
     line-height: 2.25rem
 }
 
 .leading-none {
     line-height: 1
 }
 
 .leading-tight {
     line-height: 1.25
 }
 
 .leading-snug {
     line-height: 1.375
 }
 
 .list-none {
     list-style-type: none
 }
 
 .list-disc {
     list-style-type: disc
 }
 
 .m-0 {
     margin: 0
 }
 
 .m-auto {
     margin: auto
 }
 
 .mx-0 {
     margin-left: 0;
     margin-right: 0
 }
 
 .mx-1 {
     margin-left: .25rem;
     margin-right: .25rem
 }
 
 .mx-2 {
     margin-left: .5rem;
     margin-right: .5rem
 }
 
 .mx-3 {
     margin-left: .75rem;
     margin-right: .75rem
 }
 
 .my-6 {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem
 }
 
 .mx-auto {
     margin-left: auto;
     margin-right: auto
 }
 
 .-my-2 {
     margin-top: -.5rem;
     margin-bottom: -.5rem
 }
 
 .-mx-2 {
     margin-left: -.5rem;
     margin-right: -.5rem
 }
 
 .-mx-4 {
     margin-left: -1rem;
     margin-right: -1rem
 }
 
 .mt-0 {
     margin-top: 0
 }
 
 .mb-0 {
     margin-bottom: 0
 }
 
 .mt-1 {
     margin-top: .25rem
 }
 
 .mb-1 {
     margin-bottom: .25rem
 }
 
 .mt-2 {
     margin-top: .5rem
 }
 
 .mb-2 {
     margin-bottom: .5rem
 }
 
 .ml-2 {
     margin-left: .5rem
 }
 
 .mt-3 {
     margin-top: .75rem
 }
 
 .mr-3 {
     margin-right: .75rem
 }
 
 .mb-3 {
     margin-bottom: .75rem
 }
 
 .ml-3 {
     margin-left: .75rem
 }
 
 .mt-4 {
     margin-top: 1rem
 }
 
 .mr-4 {
     margin-right: 1rem
 }
 
 .mb-4 {
     margin-bottom: 1rem
 }
 
 .ml-4 {
     margin-left: 1rem
 }
 
 .mt-5 {
     margin-top: 1.25rem
 }
 
 .mt-6 {
     margin-top: 1.5rem
 }
 
 .mb-6 {
     margin-bottom: 1.5rem
 }
 
 .ml-6 {
     margin-left: 1.5rem
 }
 
 .mt-8 {
     margin-top: 2rem
 }
 
 .mb-8 {
     margin-bottom: 2rem
 }
 
 .ml-8 {
     margin-left: 2rem
 }
 
 .mt-10 {
     margin-top: 2.5rem
 }
 
 .mt-12 {
     margin-top: 3rem
 }
 
 .mb-12 {
     margin-bottom: 3rem
 }
 
 .ml-12 {
     margin-left: 3rem
 }
 
 .mt-20 {
     margin-top: 5rem
 }
 
 .mb-20 {
     margin-bottom: 5rem
 }
 
 .-mt-1 {
     margin-top: -.25rem
 }
 
 .-mr-2 {
     margin-right: -.5rem
 }
 
 .-mt-4 {
     margin-top: -1rem
 }
 
 .-mt-6 {
     margin-top: -1.5rem
 }
 
 .-ml-12 {
     margin-left: -3rem
 }
 
 .-mt-20 {
     margin-top: -5rem
 }
 
 .-mr-48 {
     margin-right: -12rem
 }
 
 .-mb-48 {
     margin-bottom: -12rem
 }
 
 .-ml-56 {
     margin-left: -14rem
 }
 
 .-mt-64 {
     margin-top: -16rem
 }
 
 .-ml-64 {
     margin-left: -16rem
 }
 
 .-mt-px {
     margin-top: -1px
 }
 
 .max-h-full {
     max-height: 100%
 }
 
 .max-w-xs {
     max-width: 20rem
 }
 
 .max-w-sm {
     max-width: 24rem
 }
 
 .max-w-md {
     max-width: 28rem
 }
 
 .max-w-lg {
     max-width: 32rem
 }
 
 .max-w-xl {
     max-width: 36rem
 }
 
 .max-w-2xl {
     max-width: 42rem
 }
 
 .max-w-3xl {
     max-width: 48rem
 }
 
 .max-w-4xl {
     max-width: 56rem
 }
 
 .max-w-6xl {
     max-width: 72rem
 }
 
 .max-w-screen-xl {
     max-width: 1280px
 }
 
 .min-h-screen {
     min-height: 100vh
 }
 
 .min-w-0 {
     min-width: 0
 }
 
 .object-contain {
     -o-object-fit: contain;
     object-fit: contain
 }
 
 .object-cover {
     -o-object-fit: cover;
     object-fit: cover
 }
 
 .opacity-0 {
     opacity: 0
 }
 
 .opacity-25 {
     opacity: .25
 }
 
 .opacity-50 {
     opacity: .5
 }
 
 .opacity-75 {
     opacity: .75
 }
 
 .opacity-100 {
     opacity: 1
 }
 
 .hover\:opacity-50:hover {
     opacity: .5
 }
 
 .hover\:opacity-75:hover {
     opacity: .75
 }
 
 .hover\:opacity-100:hover {
     opacity: 1
 }
 
 .focus\:outline-none:focus,
 .outline-none {
     outline: 2px solid transparent;
     outline-offset: 2px
 }
 
 .overflow-auto {
     overflow: auto
 }
 
 .overflow-hidden {
     overflow: hidden
 }
 
 .overflow-visible {
     overflow: visible
 }
 
 .overflow-y-scroll {
     overflow-y: scroll
 }
 
 .p-0 {
     padding: 0
 }
 
 .p-2 {
     padding: .5rem
 }
 
 .p-4 {
     padding: 1rem
 }
 
 .p-6 {
     padding: 1.5rem
 }
 
 .px-0 {
     padding-left: 0;
     padding-right: 0
 }
 
 .py-1 {
     padding-top: .25rem;
     padding-bottom: .25rem
 }
 
 .py-2 {
     padding-top: .5rem;
     padding-bottom: .5rem
 }
 
 .px-2 {
     padding-left: .5rem;
     padding-right: .5rem
 }
 
 .py-3 {
     padding-top: .75rem;
     padding-bottom: .75rem
 }
 
 .px-3 {
     padding-left: .75rem;
     padding-right: .75rem
 }
 
 .px-4 {
     padding-left: 1rem;
     padding-right: 1rem
 }
 
 .py-5 {
     padding-top: 1.25rem;
     padding-bottom: 1.25rem
 }
 
 .px-5 {
     padding-left: 1.25rem;
     padding-right: 1.25rem
 }
 
 .py-6 {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem
 }
 
 .px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem
 }
 
 .py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem
 }
 
 .px-8 {
     padding-left: 2rem;
     padding-right: 2rem
 }
 
 .px-10 {
     padding-left: 2.5rem;
     padding-right: 2.5rem
 }
 
 .py-12 {
     padding-top: 3rem;
     padding-bottom: 3rem
 }
 
 .py-20 {
     padding-top: 5rem;
     padding-bottom: 5rem
 }
 
 .pt-0 {
     padding-top: 0
 }
 
 .pr-0 {
     padding-right: 0
 }
 
 .pl-0 {
     padding-left: 0
 }
 
 .pt-1 {
     padding-top: .25rem
 }
 
 .pr-1 {
     padding-right: .25rem
 }
 
 .pt-2 {
     padding-top: .5rem
 }
 
 .pr-2 {
     padding-right: .5rem
 }
 
 .pt-3 {
     padding-top: .75rem
 }
 
 .pr-3 {
     padding-right: .75rem
 }
 
 .pb-3 {
     padding-bottom: .75rem
 }
 
 .pl-3 {
     padding-left: .75rem
 }
 
 .pt-4 {
     padding-top: 1rem
 }
 
 .pr-4 {
     padding-right: 1rem
 }
 
 .pb-4 {
     padding-bottom: 1rem
 }
 
 .pl-4 {
     padding-left: 1rem
 }
 
 .pl-5 {
     padding-left: 1.25rem
 }
 
 .pt-6 {
     padding-top: 1.5rem
 }
 
 .pl-6 {
     padding-left: 1.5rem
 }
 
 .pt-8 {
     padding-top: 2rem
 }
 
 .pb-8 {
     padding-bottom: 2rem
 }
 
 .pt-10 {
     padding-top: 2.5rem
 }
 
 .pr-10 {
     padding-right: 2.5rem
 }
 
 .pl-10 {
     padding-left: 2.5rem
 }
 
 .pr-12 {
     padding-right: 3rem
 }
 
 .pb-12 {
     padding-bottom: 3rem
 }
 
 .pt-20 {
     padding-top: 5rem
 }
 
 .pb-40 {
     padding-bottom: 10rem
 }
 
 .placeholder-gray-500::-moz-placeholder {
     --placeholder-opacity: 1;
     color: #494e54;
     color: rgba(73, 78, 84, var(--placeholder-opacity))
 }
 
 .placeholder-gray-500:-ms-input-placeholder {
     --placeholder-opacity: 1;
     color: #494e54;
     color: rgba(73, 78, 84, var(--placeholder-opacity))
 }
 
 .placeholder-gray-500::placeholder {
     --placeholder-opacity: 1;
     color: #494e54;
     color: rgba(73, 78, 84, var(--placeholder-opacity))
 }
 
 .focus\:placeholder-gray-400:focus::-moz-placeholder {
     --placeholder-opacity: 1;
     color: #808387;
     color: rgba(128, 131, 135, var(--placeholder-opacity))
 }
 
 .focus\:placeholder-gray-400:focus:-ms-input-placeholder {
     --placeholder-opacity: 1;
     color: #808387;
     color: rgba(128, 131, 135, var(--placeholder-opacity))
 }
 
 .focus\:placeholder-gray-400:focus::placeholder {
     --placeholder-opacity: 1;
     color: #808387;
     color: rgba(128, 131, 135, var(--placeholder-opacity))
 }
 
 .pointer-events-none {
     pointer-events: none
 }
 
 .fixed {
     position: fixed
 }
 
 .absolute {
     position: absolute
 }
 
 .relative {
     position: relative
 }
 
 .sticky {
     position: sticky
 }
 
 .inset-0 {
     right: 0;
     left: 0
 }
 
 .inset-0,
 .inset-y-0 {
     top: 0;
     bottom: 0
 }
 
 .inset-x-0 {
     right: 0;
     left: 0
 }
 
 .top-0 {
     top: 0
 }
 
 .right-0 {
     right: 0
 }
 
 .bottom-0 {
     bottom: 0
 }
 
 .left-0 {
     left: 0
 }
 
 .shadow-xs {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
 }
 
 .shadow-sm {
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
 }
 
 .shadow {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
 }
 
 .shadow-md {
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
 }
 
 .shadow-lg {
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
 }
 
 .shadow-xl {
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
 }
 
 .shadow-2xl {
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
 }
 
 .focus\:shadow-outline:focus {
     box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
 }
 
 .fill-current {
     fill: currentColor
 }
 
 .text-left {
     text-align: left
 }
 
 .text-center {
     text-align: center
 }
 
 .text-white {
     --text-opacity: 1;
     color: #f7f7f0;
     color: rgba(247, 247, 240, var(--text-opacity))
 }
 
 .text-sage {
     --text-opacity: 1;
     color: #3a5e41;
     color: rgba(58, 94, 65, var(--text-opacity))
 }
 
 .text-peach {
     --text-opacity: 1;
     color: #75564a;
     color: rgba(117, 86, 74, var(--text-opacity))
 }
 
 .text-teal {
     --text-opacity: 1;
     color: #355957;
     color: rgba(53, 89, 87, var(--text-opacity))
 }
 
 .text-gold {
     --text-opacity: 1;
     color: #635f38;
     color: rgba(99, 95, 56, var(--text-opacity))
 }
 
 .text-gray-200 {
     --text-opacity: 1;
     color: #d2d3d4;
     color: rgba(210, 211, 212, var(--text-opacity))
 }
 
 .text-gray-300 {
     --text-opacity: 1;
     color: #b6b8bb;
     color: rgba(182, 184, 187, var(--text-opacity))
 }
 
 .text-gray-400 {
     --text-opacity: 1;
     color: #808387;
     color: rgba(128, 131, 135, var(--text-opacity))
 }
 
 .text-gray-500 {
     --text-opacity: 1;
     color: #494e54;
     color: rgba(73, 78, 84, var(--text-opacity))
 }
 
 .text-gray-600 {
     --text-opacity: 1;
     color: #42464c;
     color: rgba(66, 70, 76, var(--text-opacity))
 }
 
 .text-gray-700 {
     --text-opacity: 1;
     color: #2c2f32;
     color: rgba(44, 47, 50, var(--text-opacity))
 }
 
 .text-gray-900 {
     --text-opacity: 1;
     color: #161719;
     color: rgba(22, 23, 25, var(--text-opacity))
 }
 
 .text-primary-200 {
     --text-opacity: 1;
     color: #dbe1e9;
     color: rgba(219, 225, 233, var(--text-opacity))
 }
 
 .text-primary-300 {
     --text-opacity: 1;
     color: #c5cfdb;
     color: rgba(197, 207, 219, var(--text-opacity))
 }
 
 .text-primary-400 {
     --text-opacity: 1;
     color: #99acc1;
     color: rgba(153, 172, 193, var(--text-opacity))
 }
 
 .text-primary-500 {
     --text-opacity: 1;
     color: #6d88a6;
     color: rgba(109, 136, 166, var(--text-opacity))
 }
 
 .text-primary-600 {
     --text-opacity: 1;
     color: #627a95;
     color: rgba(98, 122, 149, var(--text-opacity))
 }
 
 .text-primary-700 {
     --text-opacity: 1;
     color: #415264;
     color: rgba(65, 82, 100, var(--text-opacity))
 }
 
 .text-primary-800 {
     --text-opacity: 1;
     color: #313d4b;
     color: rgba(49, 61, 75, var(--text-opacity))
 }
 
 .text-primary-900 {
     --text-opacity: 1;
     color: #212932;
     color: rgba(33, 41, 50, var(--text-opacity))
 }
 
 .hover\:text-white:hover {
     --text-opacity: 1;
     color: #f7f7f0;
     color: rgba(247, 247, 240, var(--text-opacity))
 }
 
 .hover\:text-gray-500:hover {
     --text-opacity: 1;
     color: #494e54;
     color: rgba(73, 78, 84, var(--text-opacity))
 }
 
 .hover\:text-gray-900:hover {
     --text-opacity: 1;
     color: #161719;
     color: rgba(22, 23, 25, var(--text-opacity))
 }
 
 .hover\:text-primary-700:hover {
     --text-opacity: 1;
     color: #415264;
     color: rgba(65, 82, 100, var(--text-opacity))
 }
 
 .hover\:text-primary-800:hover {
     --text-opacity: 1;
     color: #313d4b;
     color: rgba(49, 61, 75, var(--text-opacity))
 }
 
 .hover\:text-primary-900:hover {
     --text-opacity: 1;
     color: #212932;
     color: rgba(33, 41, 50, var(--text-opacity))
 }
 
 .focus\:text-gray-500:focus {
     --text-opacity: 1;
     color: #494e54;
     color: rgba(73, 78, 84, var(--text-opacity))
 }
 
 .focus\:text-gray-900:focus {
     --text-opacity: 1;
     color: #161719;
     color: rgba(22, 23, 25, var(--text-opacity))
 }
 
 .focus\:text-primary-500:focus {
     --text-opacity: 1;
     color: #6d88a6;
     color: rgba(109, 136, 166, var(--text-opacity))
 }
 
 .focus\:text-primary-700:focus {
     --text-opacity: 1;
     color: #415264;
     color: rgba(65, 82, 100, var(--text-opacity))
 }
 
 .italic {
     font-style: italic
 }
 
 .uppercase {
     text-transform: uppercase
 }
 
 .lowercase {
     text-transform: lowercase
 }
 
 .underline {
     text-decoration: underline
 }
 
 .no-underline {
     text-decoration: none
 }
 
 .tracking-tight {
     letter-spacing: -.025em
 }
 
 .tracking-normal {
     letter-spacing: 0
 }
 
 .tracking-wide {
     letter-spacing: .025em
 }
 
 .tracking-widest {
     letter-spacing: .1em
 }
 
 .select-none {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .invisible {
     visibility: hidden
 }
 
 .w-4 {
     width: 1rem
 }
 
 .w-5 {
     width: 1.25rem
 }
 
 .w-6 {
     width: 1.5rem
 }
 
 .w-10 {
     width: 2.5rem
 }
 
 .w-12 {
     width: 3rem
 }
 
 .w-20 {
     width: 5rem
 }
 
 .w-24 {
     width: 6rem
 }
 
 .w-32 {
     width: 8rem
 }
 
 .w-40 {
     width: 10rem
 }
 
 .w-48 {
     width: 12rem
 }
 
 .w-64 {
     width: 16rem
 }
 
 .w-1\/4 {
     width: 25%
 }
 
 .w-full {
     width: 100%
 }
 
 .w-screen {
     width: 100vw
 }
 
 .z-0 {
     z-index: 0
 }
 
 .z-10 {
     z-index: 10
 }
 
 .z-20 {
     z-index: 20
 }
 
 .z-30 {
     z-index: 30
 }
 
 .z-50 {
     z-index: 50
 }
 
 .gap-2 {
     grid-gap: .5rem;
     gap: .5rem
 }
 
 .gap-4 {
     grid-gap: 1rem;
     gap: 1rem
 }
 
 .gap-6 {
     grid-gap: 1.5rem;
     gap: 1.5rem
 }
 
 .gap-12 {
     grid-gap: 3rem;
     gap: 3rem
 }
 
 .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 
 .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 
 .grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr))
 }
 
 .col-span-1 {
     grid-column: span 1/span 1
 }
 
 .col-span-2 {
     grid-column: span 2/span 2
 }
 
 .col-span-3 {
     grid-column: span 3/span 3
 }
 
 .col-span-6 {
     grid-column: span 6/span 6
 }
 
 .col-start-1 {
     grid-column-start: 1
 }
 
 .col-start-2 {
     grid-column-start: 2
 }
 
 .col-start-3 {
     grid-column-start: 3
 }
 
 .col-start-5 {
     grid-column-start: 5
 }
 
 .col-start-7 {
     grid-column-start: 7
 }
 
 .col-start-10 {
     grid-column-start: 10
 }
 
 .row-span-2 {
     grid-row: span 2/span 2
 }
 
 .transform {
     --transform-translate-x: 0;
     --transform-translate-y: 0;
     --transform-rotate: 0;
     --transform-skew-x: 0;
     --transform-skew-y: 0;
     --transform-scale-x: 1;
     --transform-scale-y: 1;
     transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
 }
 
 .origin-top-right {
     transform-origin: top right
 }
 
 .origin-top-left {
     transform-origin: top left
 }
 
 .scale-90 {
     --transform-scale-x: .9;
     --transform-scale-y: .9
 }
 
 .scale-95 {
     --transform-scale-x: .95;
     --transform-scale-y: .95
 }
 
 .scale-100 {
     --transform-scale-x: 1;
     --transform-scale-y: 1
 }
 
 .rotate-0 {
     --transform-rotate: 0
 }
 
 .-rotate-180 {
     --transform-rotate: -180deg
 }
 
 .translate-x-0 {
     --transform-translate-x: 0
 }
 
 .-translate-x-20 {
     --transform-translate-x: -5rem
 }
 
 .-translate-x-40 {
     --transform-translate-x: -10rem
 }
 
 .translate-x-full {
     --transform-translate-x: 100%
 }
 
 .translate-y-40 {
     --transform-translate-y: 10rem
 }
 
 .-translate-y-20 {
     --transform-translate-y: -5rem
 }
 
 .-translate-y-40 {
     --transform-translate-y: -10rem
 }
 
 .-translate-y-1\/2 {
     --transform-translate-y: -50%
 }
 
 .transition {
     transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
 }
 
 .transition-opacity {
     transition-property: opacity
 }
 
 .ease-in {
     transition-timing-function: cubic-bezier(.4, 0, 1, 1)
 }
 
 .ease-out {
     transition-timing-function: cubic-bezier(0, 0, .2, 1)
 }
 
 .ease-in-out {
     transition-timing-function: cubic-bezier(.4, 0, .2, 1)
 }
 
 .duration-75 {
     transition-duration: 75ms
 }
 
 .duration-100 {
     transition-duration: .1s
 }
 
 .duration-150 {
     transition-duration: .15s
 }
 
 .duration-200 {
     transition-duration: .2s
 }
 
 .duration-300 {
     transition-duration: .3s
 }
 
 .duration-500 {
     transition-duration: .5s
 }
 
 @-webkit-keyframes spin {
     to {
         transform: rotate(1turn)
     }
 }
 
 @keyframes spin {
     to {
         transform: rotate(1turn)
     }
 }
 
 @keyframes ping {
     75%,
     to {
         transform: scale(2);
         opacity: 0
     }
 }
 
 @keyframes pulse {
     50% {
         opacity: .5
     }
 }
 
 @keyframes bounce {
     0%,
     to {
         transform: translateY(-25%);
         -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
         animation-timing-function: cubic-bezier(.8, 0, 1, 1)
     }
     50% {
         transform: none;
         -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
         animation-timing-function: cubic-bezier(0, 0, .2, 1)
     }
 }
 
 @media (min-width:640px) {
     .sm\:space-y-0>:not(template)~:not(template) {
         --space-y-reverse: 0;
         margin-top: calc(0px*(1 - var(--space-y-reverse)));
         margin-bottom: calc(0px*var(--space-y-reverse))
     }
     .sm\:rounded-md {
         border-radius: .375rem
     }
     .sm\:border-0 {
         border-width: 0
     }
     .sm\:border-r {
         border-right-width: 1px
     }
     .sm\:block {
         display: block
     }
     .sm\:flex {
         display: flex
     }
     .sm\:grid {
         display: grid
     }
     .sm\:hidden {
         display: none
     }
     .sm\:flex-row {
         flex-direction: row
     }
     .sm\:h-10 {
         height: 2.5rem
     }
     .sm\:text-sm {
         font-size: .875rem
     }
     .sm\:text-lg {
         font-size: 1.125rem
     }
     .sm\:text-xl {
         font-size: 1.25rem
     }
     .sm\:text-2xl {
         font-size: 1.5rem
     }
     .sm\:text-3xl {
         font-size: 1.875rem
     }
     .sm\:text-5xl {
         font-size: 3rem
     }
     .sm\:leading-9 {
         line-height: 2.25rem
     }
     .sm\:mt-0 {
         margin-top: 0
     }
     .sm\:mt-12 {
         margin-top: 3rem
     }
     .sm\:mt-16 {
         margin-top: 4rem
     }
     .sm\:max-w-xs {
         max-width: 20rem
     }
     .sm\:p-10 {
         padding: 2.5rem
     }
     .sm\:px-0 {
         padding-left: 0;
         padding-right: 0
     }
     .sm\:px-4 {
         padding-left: 1rem;
         padding-right: 1rem
     }
     .sm\:px-6 {
         padding-left: 1.5rem;
         padding-right: 1.5rem
     }
     .sm\:px-8 {
         padding-left: 2rem;
         padding-right: 2rem
     }
     .sm\:px-16 {
         padding-left: 4rem;
         padding-right: 4rem
     }
     .sm\:pr-4 {
         padding-right: 1rem
     }
     .sm\:pt-6 {
         padding-top: 1.5rem
     }
     .sm\:pb-6 {
         padding-bottom: 1.5rem
     }
     .sm\:pl-10 {
         padding-left: 2.5rem
     }
     .sm\:pb-16 {
         padding-bottom: 4rem
     }
     .sm\:absolute {
         position: absolute
     }
     .sm\:inset-0 {
         top: 0;
         right: 0;
         bottom: 0;
         left: 0
     }
     .sm\:w-24 {
         width: 6rem
     }
     .sm\:w-32 {
         width: 8rem
     }
     .sm\:gap-6 {
         grid-gap: 1.5rem;
         gap: 1.5rem
     }
     .sm\:gap-10 {
         grid-gap: 2.5rem;
         gap: 2.5rem
     }
     .sm\:grid-flow-col {
         grid-auto-flow: column
     }
     .sm\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr))
     }
     .sm\:grid-cols-4 {
         grid-template-columns: repeat(4, minmax(0, 1fr))
     }
     .sm\:duration-700 {
         transition-duration: .7s
     }
 }
 
 @media (min-width:768px) {
     .md\:space-x-8>:not(template)~:not(template) {
         --space-x-reverse: 0;
         margin-right: calc(2rem*var(--space-x-reverse));
         margin-left: calc(2rem*(1 - var(--space-x-reverse)))
     }
     .md\:block {
         display: block
     }
     .md\:flex {
         display: flex
     }
     .md\:grid {
         display: grid
     }
     .md\:hidden {
         display: none
     }
     .md\:flex-row {
         flex-direction: row
     }
     .md\:items-center {
         align-items: center
     }
     .md\:justify-start {
         justify-content: flex-start
     }
     .md\:justify-center {
         justify-content: center
     }
     .md\:order-last {
         order: 9999
     }
     .md\:text-base {
         font-size: 1rem
     }
     .md\:text-lg {
         font-size: 1.125rem
     }
     .md\:text-xl {
         font-size: 1.25rem
     }
     .md\:text-2xl {
         font-size: 1.5rem
     }
     .md\:text-3xl {
         font-size: 1.875rem
     }
     .md\:text-6xl {
         font-size: 4rem
     }
     .md\:mt-0 {
         margin-top: 0
     }
     .md\:ml-4 {
         margin-left: 1rem
     }
     .md\:max-w-sm {
         max-width: 24rem
     }
     .md\:p-6 {
         padding: 1.5rem
     }
     .md\:px-4 {
         padding-left: 1rem;
         padding-right: 1rem
     }
     .md\:px-8 {
         padding-left: 2rem;
         padding-right: 2rem
     }
     .md\:pt-32 {
         padding-top: 8rem
     }
     .md\:absolute {
         position: absolute
     }
     .md\:inset-y-0 {
         top: 0;
         bottom: 0
     }
     .md\:left-0 {
         left: 0
     }
     .md\:w-56 {
         width: 14rem
     }
     .md\:w-64 {
         width: 16rem
     }
     .md\:w-auto {
         width: auto
     }
     .md\:w-1\/2 {
         width: 50%
     }
     .md\:gap-6 {
         grid-gap: 1.5rem;
         gap: 1.5rem
     }
     .md\:gap-16 {
         grid-gap: 4rem;
         gap: 4rem
     }
     .md\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr))
     }
     .md\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }
     .md\:translate-y-20 {
         --transform-translate-y: 5rem
     }
 }
 
 @media (min-width:1024px) {
     .lg\:divide-y>:not(template)~:not(template) {
         --divide-y-reverse: 0;
         border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
         border-bottom-width: calc(1px*var(--divide-y-reverse))
     }
     .lg\:divide-gray-200>:not(template)~:not(template) {
         --divide-opacity: 1;
         border-color: #d2d3d4;
         border-color: rgba(210, 211, 212, var(--divide-opacity))
     }
     .lg\:block {
         display: block
     }
     .lg\:flex {
         display: flex
     }
     .lg\:grid {
         display: grid
     }
     .lg\:flex-row {
         flex-direction: row
     }
     .lg\:items-center {
         align-items: center
     }
     .lg\:text-sm {
         font-size: .875rem
     }
     .lg\:text-lg {
         font-size: 1.125rem
     }
     .lg\:mx-auto {
         margin-left: auto;
         margin-right: auto
     }
     .lg\:mt-0 {
         margin-top: 0
     }
     .lg\:mb-1 {
         margin-bottom: .25rem
     }
     .lg\:mt-16 {
         margin-top: 4rem
     }
     .lg\:mt-24 {
         margin-top: 6rem
     }
     .lg\:-mt-8 {
         margin-top: -2rem
     }
     .lg\:max-w-4xl {
         max-width: 56rem
     }
     .lg\:px-0 {
         padding-left: 0;
         padding-right: 0
     }
     .lg\:px-4 {
         padding-left: 1rem;
         padding-right: 1rem
     }
     .lg\:px-8 {
         padding-left: 2rem;
         padding-right: 2rem
     }
     .lg\:py-16 {
         padding-top: 4rem;
         padding-bottom: 4rem
     }
     .lg\:pb-24 {
         padding-bottom: 6rem
     }
     .lg\:w-48 {
         width: 12rem
     }
     .lg\:w-64 {
         width: 16rem
     }
     .lg\:w-72 {
         width: 18rem
     }
     .lg\:gap-8 {
         grid-gap: 2rem;
         gap: 2rem
     }
     .lg\:grid-flow-col-dense {
         grid-auto-flow: column dense
     }
     .lg\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr))
     }
     .lg\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }
     .lg\:grid-cols-4 {
         grid-template-columns: repeat(4, minmax(0, 1fr))
     }
     .lg\:col-span-2 {
         grid-column: span 2/span 2
     }
 }
 
 @media (min-width:1280px) {
     .xl\:block {
         display: block
     }
     .xl\:flex {
         display: flex
     }
     .xl\:text-xl {
         font-size: 1.25rem
     }
     .xl\:mx-0 {
         margin-left: 0;
         margin-right: 0
     }
     .xl\:-ml-10 {
         margin-left: -2.5rem
     }
     .xl\:max-w-none {
         max-width: none
     }
     .xl\:max-w-2xl {
         max-width: 42rem
     }
     .xl\:p-8 {
         padding: 2rem
     }
     .xl\:px-6 {
         padding-left: 1.5rem;
         padding-right: 1.5rem
     }
     .xl\:w-72 {
         width: 18rem
     }
     .xl\:w-84 {
         width: 21rem
     }
     .xl\:w-1\/2 {
         width: 50%
     }
     .xl\:w-1\/4 {
         width: 25%
     }
     .xl\:w-1\/5 {
         width: 20%
     }
     .xl\:w-1\/6 {
         width: 16.666667%
     }
     .xl\:gap-0 {
         grid-gap: 0;
         gap: 0
     }
     .xl\:gap-8 {
         grid-gap: 2rem;
         gap: 2rem
     }
     .xl\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }
     .xl\:grid-cols-4 {
         grid-template-columns: repeat(4, minmax(0, 1fr))
     }
     .xl\:grid-cols-6 {
         grid-template-columns: repeat(6, minmax(0, 1fr))
     }
     .xl\:-translate-x-20 {
         --transform-translate-x: -5rem
     }
 }
 
 .pagination-wrp {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 50px 0;
 }
 
 .pagination-wrp a {
     height: 80px;
     width: 80px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     margin: 0 10px;
     color: #000;
     font-size: 40px;
     text-decoration: none;
 }
 
 .pagination-wrp a.active {
     background-color: #e73f2f;
     color: #fff;
 }