@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-Light.woff2") format("woff2"), url("/_site/fonts/UniviaPro-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-LightItalic.woff2") format("woff2"), url("/_site/fonts/UniviaPro-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-Regular.woff2") format("woff2"), url("/_site/fonts/UniviaPro-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-Italic.woff2") format("woff2"), url("/_site/fonts/UniviaPro-Italic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-Medium.woff2") format("woff2"), url("/_site/fonts/UniviaPro-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-MediumItalic.woff2") format("woff2"), url("/_site/fonts/UniviaPro-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; }

@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-Bold.woff2") format("woff2"), url("/_site/fonts/UniviaPro-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-BoldItalic.woff2") format("woff2"), url("/_site/fonts/UniviaPro-BoldItalic.woff") format("woff"); font-weight: 700; font-style: italic; font-display: swap; }

@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-Black.woff2") format("woff2"), url("/_site/fonts/UniviaPro-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: 'Univia Pro'; src: url("/_site/fonts/UniviaPro-BlackItalic.woff2") format("woff2"), url("/_site/fonts/UniviaPro-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; }

.default__pop__container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 300; opacity: 1; }

.default__pop__container.default__pop__container--close { opacity: 0; left: 300vw; visibility: hidden; -webkit-transition: opacity .2s ease, visibility 0s ease .2s, left 0s ease .2s; -o-transition: opacity .2s ease, visibility 0s ease .2s, left 0s ease .2s; transition: opacity .2s ease, visibility 0s ease .2s, left 0s ease .2s; }

.default__pop__container__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); }

.default__pop__container__flex { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3; padding: 3em 0; height: 100%; width: 85%; margin: 0 auto; }

.default__pop__container__center { position: relative; width: 100%; max-width: 1140px; height: 75vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mason--admin .default__pop__container__center { height: 68vh; }

.default__pop__container__cycle { position: relative; width: 100%; height: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; z-index: 1; opacity: 0; -webkit-transform: translateY(2em); -ms-transform: translateY(2em); transform: translateY(2em); }

.default__pop__container__cycle.loaded { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s ease .2s, -webkit-transform .3s ease .2s; transition: opacity .3s ease .2s, -webkit-transform .3s ease .2s; -o-transition: opacity .3s ease .2s, transform .3s ease .2s; transition: opacity .3s ease .2s, transform .3s ease .2s; transition: opacity .3s ease .2s, transform .3s ease .2s, -webkit-transform .3s ease .2s; }

.default__pop__container__cycle.loaded + .default__pop__container__cycle__controls { opacity: 1; -webkit-transition: opacity .4s ease .4s; -o-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s; }

.popup__item { position: relative; width: 100%; height: 100%; -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 2 / 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transform: translateX(-10vw); -ms-transform: translateX(-10vw); transform: translateX(-10vw); -webkit-transition: opacity .3s ease, visibility 0s ease .3s, -webkit-transform .3s ease; transition: opacity .3s ease, visibility 0s ease .3s, -webkit-transform .3s ease; -o-transition: opacity .3s ease, transform .3s ease, visibility 0s ease .3s; transition: opacity .3s ease, transform .3s ease, visibility 0s ease .3s; transition: opacity .3s ease, transform .3s ease, visibility 0s ease .3s, -webkit-transform .3s ease; }

.popup__item.active { opacity: 1; -webkit-transform: translateX(0em); -ms-transform: translateX(0em); transform: translateX(0em); visibility: visible; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.popup__item.active ~ .popup__item { -webkit-transform: translateX(10vw); -ms-transform: translateX(10vw); transform: translateX(10vw); }

.popup__item.active .popup__item__image .lazy__load__img { display: block; }

.popup__item[data-type*="imageonly"] .popup__item__flex { max-height: 100%; max-width: 1100px; overflow: hidden; }

.popup__item[data-type*="imageonly"] .popup__item__flex:before { content: ""; display: block; width: 100%; padding-bottom: 56.25%; max-height: 100%; }

.popup__item[data-type*="imageonly"] .popup__item__image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid #fff; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; }

.popup__item[data-type*="imageonly"] .popup__item__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.popup__item[data-type*="imageonly"] .popup__item__content, .popup__item[data-type*="imageonly"] .pop__item__image__link { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.popup__item[data-type*="textonly"] { text-align: center; }

.popup__item[data-type*="textonly"] h2, .popup__item[data-type*="textonly"] h4, .popup__item[data-type*="textonly"] .popup__item__link { width: 100%; }

.popup__item[data-type*="textonly"] .popup__item__content__text { max-height: none; }

.default__pop__container__button { position: absolute; top: 0; left: 0; width: 100%; text-align: right; }

button.default__pop__container__button__close { position: relative; width: 50px; height: 50px; border-radius: 50%; top: 15px; right: 20px; border: 0; padding: 0; color: #fff; z-index: 4; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

button.default__pop__container__button__close span { -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; line-height: 1; height: 30px; width: 30px; }

button.default__pop__container__button__close svg { height: 30px; width: 30px; }

button.default__pop__container__button__close:hover span { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.popup__item__flex { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-height: 100%; width: 100%; background: #fff; overflow: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #000 rgba(0, 0, 0, 0.2); -ms-overflow-style: -ms-autohiding-scrollbar; }

.popup__item__flex::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.2); border-radius: 0px; -webkit-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; }

.popup__item__flex::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #000; -webkit-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; }

.popup__item__flex::-webkit-scrollbar { width: 6px; }

.popup__item__image { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; width: 100%; min-height: 250px; opacity: 1; background: #004a87; border-top: 2em solid #fff; border-left: 2em solid #fff; border-right: 2em solid #fff; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }

.popup__item__image .lazy__load__img { display: none; }

.popup__item__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; position: absolute; }

.popup__item__image.lazy--loaded .lazy__load__img { display: block; }

.popup__item__content { display: flow-root; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; padding: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-height: 100%; background: #fff; }

.popup__item__content__title { margin: 0 0 .3em; font-size: 1.55em; color: #004a87; -ms-flex-negative: 0; flex-shrink: 0; font-family: "Univia Pro", sans-serif; width: 100%; }

.popup__item__content__subtitle { font-size: 1.2em; color: #f4f4f4; margin: 0; font-family: "Univia Pro", sans-serif; font-weight: 600; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; }

.popup__item__content__text { -ms-flex-negative: 1; flex-shrink: 1; width: 100%; line-height: 1.6; padding-right: 1em; margin-top: 1em; }

.popup__item__link { -ms-flex-negative: 0; flex-shrink: 0; padding-top: 2em; font-size: .9em; }

.popup__item__link .button__link a { font-size: 16px; color: #004a87; border-color: #004a87; color: #fff; font-weight: 700; padding: 1.2em 3em; }

.popup__item__link .button__link a:hover { background: #f4f4f4; }

.default__pop__container__cycle__controls { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; z-index: 3; opacity: 0; visibility: hidden; }

.default__pop__button { visibility: visible; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background: rgba(244, 244, 244, 0.5); color: #004a87; border: 1px solid #f4f4f4; cursor: pointer; font-size: 28px; border-radius: 50%; opacity: 1; -webkit-transition: background .3s ease, opacity .2s ease, -webkit-transform .3s ease; transition: background .3s ease, opacity .2s ease, -webkit-transform .3s ease; -o-transition: background .3s ease, opacity .2s ease, transform .3s ease; transition: background .3s ease, opacity .2s ease, transform .3s ease; transition: background .3s ease, opacity .2s ease, transform .3s ease, -webkit-transform .3s ease; }

.default__pop__button:hover { background: #dbdbdb; }

.default__pop__button--prev { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }

.default__pop__button--next { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }

.default__pop__button[disabled] { opacity: 0.1; pointer-events: none; }

.default__pop__pager { position: absolute; top: 100%; left: 0; right: 0; text-align: center; padding-top: 1em; }

.default__pop__pager span { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 5px; opacity: .5; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; -o-transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease; cursor: pointer; visibility: visible; }

.default__pop__pager span:hover { opacity: 1; }

.default__pop__pager span.active { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.default__pop__pager span:first-child:last-child { display: none; }

@media all and (min-width: 800px) and (min-height: 580px) { .default__pop__container__center { max-height: 650px; }
  .popup__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .popup__item__flex { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: auto; max-height: 100%; width: 100%; overflow: hidden; }
  .popup__item__image { width: 45%; border-top: 2em solid #fff; border-left: 2em solid #fff; border-right: 0; border-bottom: 2em solid #fff; min-height: 40vh; }
  .popup__item__content { width: 55%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 2.5em; }
  .popup__item__content__text { overflow-y: auto; max-height: 30vh; overflow: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #000 rgba(0, 0, 0, 0.2); -ms-overflow-style: -ms-autohiding-scrollbar; }
  .popup__item__content__text::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.2); }
  .popup__item__content__text::-webkit-scrollbar-thumb { background-color: #000; }
  .popup__item__content__text::-webkit-scrollbar { width: 6px; } }

@media all and (min-width: 1050px) and (min-height: 580px) { .popup__item__content__title { font-size: 2em; }
  .popup__item__content__subtitle { font-size: 1.3em; }
  .default__pop__button { width: 50px; height: 50px; }
  .default__pop__button--prev { -webkit-transform: translateX(-50px) translateX(-2vw); -ms-transform: translateX(-50px) translateX(-2vw); transform: translateX(-50px) translateX(-2vw); }
  .default__pop__button--next { -webkit-transform: translateX(50px) translateX(2vw); -ms-transform: translateX(50px) translateX(2vw); transform: translateX(50px) translateX(2vw); }
  .popup__item__content { padding: 4em 3em; } }

@media all and (min-width: 1300px) and (min-height: 580px) { .popup__item__content { padding: 4em 4em 4em; }
  .popup__item__content__title { font-size: 2.4em; } }

.default__pop__container[data-rounded="true"] button.default__pop__container__button__close { background: #004a87; color: #fff; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; }

.default__pop__container[data-rounded="true"] button.default__pop__container__button__close span { font-size: .7em; margin: 0 0 0.5em 0.5em; }

.default__pop__container[data-rounded="true"] .default__pop__button { border-radius: 50%; }

.default__pop__container[data-rounded="true"] .popup__item__flex { border-radius: 30px; }

.default__pop__container[data-rounded="true"] .popup__item__image { background: #fff; padding: 1em; }

.default__pop__container[data-rounded="true"] .popup__item__image img { border-top-left-radius: 18px; border-top-right-radius: 18px; }

.default__pop__container[data-rounded="true"] .popup__item__content { border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; }

@media all and (min-width: 769px) { .default__pop__container[data-rounded="true"] .popup__item__image img { border-radius: 18px; }
  .default__pop__container[data-rounded="true"] .popup__item__image { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
  .default__pop__container[data-rounded="true"] .popup__item__content { border-bottom-left-radius: 0px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } }

@media all and (min-width: 1301px) { .default__pop__container[data-rounded="true"] .popup__item__image { padding: 1.5em; } }

.default__pop__container[data-rounded="true"][data-type*="textonly"] .popup__item__content { border-radius: 30px; }

.default__pop__container[data-rounded="true"][data-type*="imageonly"] .popup__item__image { border-radius: 30px; }
