:root { scroll-behavior: auto; }html { height: 100%; }body {display: grid;grid-template-rows: auto 1fr auto;grid-template-columns: 100%;color: #041934;font: 500 18px 'DM Sans', sans-serif;letter-spacing: -0.72px;line-height: 1.5em;margin: 0px;min-height: 100%;background: #F7F1E2;}body#page-error { align-items: center; }body.hamburger-active, body.drawer-active { overflow: hidden; }body.page-thank-you { grid-template-rows: auto 1fr auto; align-items: center; }img { height: auto; max-width: 100%; }img[src=""], img:not([src]) { visibility: hidden; }img.bordered-img { background: #FFF; border-radius: 24px; box-shadow: 2px 4px 16.6px 0 rgba(0, 0, 0, 0.08); }a { color: #A4070A; word-break: break-word; transition: opacity 0.4s ease; }a:focus { outline: 0; }a:hover { color: #A4070A; opacity: 0.5; }form { margin: 0px; padding: 0px; position: relative; }h1, h2, h3, h4, h5, h6 { color: #19160F; font-family: 'Cormorant Infant', serif; font-weight: 700; line-height: 1.1em; margin-bottom: 12px; margin-top: 0; }p { font-family: 'DM Sans', sans-serif; color: #041934; line-height: 1.5em; margin-bottom: 20px; }hr { background-image: url('https://apollofranklin.s3.us-east-1.amazonaws.com/landers/st-john-bosco-19for19/cross.png'); background-position: center center; background-repeat: no-repeat; background-size: 29px; border: 0; height: 29px; margin: 0; margin-bottom: 24px; opacity: 1; position: relative; }hr:before, hr:after { background: #7C0B2F; content: ''; height: 2px; margin-top: -1px; position: absolute; top: 50%; width: calc(50% - 30px); }hr:before { left: 0; }hr:after { right: 0; }hr.gold { background-image: url('https://apollofranklin.s3.us-east-1.amazonaws.com/landers/st-john-bosco-19for19/cross-gold.png'); background-size: 22px; height: 22px; }hr.gold:before, hr.gold:after { background: #CCB871; content: ''; width: calc(50% - 22px); }strong { font-weight: 700; }ul, ol { list-style: none; margin-bottom: 20px; padding: 0; }ul li, ol li { color: #041934; line-height: 1.5em; margin-bottom: 0; }ul li:last-child, ol li:last-child { margin-bottom: 0; }input:-webkit-autofill, input:-webkit-autofill:focus { transition: background-color 0s 600000s, color 0s 600000s !important; }.margin-center { margin-left: auto; margin-right: auto; }.max-width-1440 { max-width: 1440px; }.max-width-795 { max-width: 795px; }.max-width-525 { max-width: 525px; }.max-width-500 { max-width: 500px; }.max-width-475 { max-width: 475px; }.max-width-315 { max-width: 315px; }.max-width-170 { max-width: 170px; }.container { max-width: 1343px !important; }.background-img { background-position: center center; background-repeat: no-repeat; background-size: cover; }.form-group { margin-bottom: 20px; position: relative; }input[type="radio"].form-control { height: 0; opacity: 0; padding: 0; position: absolute; width: 0 }.form-fighter { position: absolute; top: -99999px; height: 0; overflow: hidden; }.sb-form-message { line-height: 1.2em; text-align: center; }label { color: rgba(14, 61, 36, 0.80); display: block; font-family: 'DM sans', sans-serif; font-size: 12px; left: 15px; line-height: 1em; margin-bottom: 24px; opacity: 1; position: absolute; text-transform: uppercase; top: 19px; z-index: 1; }.checkbox label { display: flex; flex-wrap: wrap; align-items: center; color: #fff; background-color: transparent !important; font-size: 16px; font-weight: 400; height: 24px; left: auto; margin-bottom: 0; padding-left: 37px; position: relative; text-align: left; text-transform: none; top: auto; }.visually-hidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }.top-title { color: #7C0B2F; font-family: 'DM Sans', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0.9px; line-height: 1.5em; margin-bottom: 12px; }.title { color: #041934; font-family: 'Cormorant Infant', serif; font-weight: 700; line-height: 1.1em; margin-bottom: 24px; }.white-txt, .white-txt * { color: #fff !important; }.white-txt-2, .white-txt-2 * { color: #F7F1E2 !important; }.black-txt, .black-txt * { color: #000 !important; }.gold-txt, .gold-txt * { color: #CCB871 !important; }.maroon-txt, .maroon-txt * { color: #7C0B2F !important; }.font-size-80 { font-size: 80px; letter-spacing: -3.2px; }.font-size-56 { font-size: 56px; letter-spacing: -2.24px; }.font-size-32 { font-size: 32px; letter-spacing: -1.28px; }.font-size-24 { font-size: 24px; letter-spacing: -0.96px; }.btn { background: #7C0B2F !important; border: 0; border-radius: 100px; color: #fff !important; font-family: 'DM sans', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -0.54px; line-height: 1.5em; padding: 24px 43px; text-transform: none; transition: opacity 0.4s ease; }.btn:hover, .btn:active { background: #7C0B2F !important; color: #fff !important; opacity: 0.5; }.btn.gold, .btn.gold:hover, .btn.gold:active { background: #CCB871 !important; color: #7C0B2F !important; }.btn.arrow-right:after { display: inline-block; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath d='M1.375 17.8652L9.62059 9.61962L1.375 1.37402' stroke='%23F7F1E2' stroke-width='2.74853' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); line-height: 1em; margin-left: 26px; vertical-align: middle; }.btn.gold.arrow-right:after { display: inline-block; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath d='M1.375 17.8652L9.62059 9.61962L1.375 1.37402' stroke='%237C0B2F' stroke-width='2.74853' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }.list { margin-bottom: 20px; }.list ul { list-style: none; margin: 0; padding: 0; }.list ul li { margin-bottom: 18px; padding-left: 15px; position: relative; text-align: left; }.list ul li:last-child { margin-bottom: 0 !important; }.list ul li:before { background: #DAA520; border-radius: 50%; content: ''; height: 6px; left: 0; position: absolute; top: 12px; width: 6px; }.hidden { display: none; }.dropanchor { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }.content > *:last-child, .text > *:last-child { margin-bottom: 0 !important; }.cta { margin-top: 40px; }.cta ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }.cta.center ul { justify-content: center; }.cta ul li { padding-right: 12px; }.cta ul li:last-child { padding-right: 0; }.succes-msg, .error-msg, .progress-msg { font-size: 18px; line-height: 1.2em; margin-top: 10px; position: absolute; text-align: center; width: 100%; }.error-msg { color: #FF474D; }.succes-msg { color: #5cb85c; }.group.wow { opacity: 0; }.group.wow.done { opacity: 1; }.popup-form .box { background: #041934;}.popup-form .title { color: #fff; margin-bottom: 10px; font-size: 40px; line-height: 1.2em; }.popup-form .subtitle { color: #fff; font-size: 24px; line-height: 1.2em; }@keyframes customSlideUp {0% {opacity: 0;transform: translateY(400px);}100% {transform: translateY(0);}}@keyframes customSlideLeft {0% {opacity: 0;transform: translateX(-100%);}100% {transform: translateX(0);}}@keyframes customSlideRight {0% {opacity: 0;transform: translateX(100%);}100% {transform: translateX(0);}}.customSlideUp {animation-name: customSlideUp;}.customSlideLeft {animation-name: customSlideLeft;}.customSlideRight {animation-name: customSlideRight;}#header { left: auto; padding: 35px 0; position: relative; top: auto; width: 100%; z-index: 10; }#header ul { list-style: none; margin: 0; }#header .logo a:hover { opacity: 1; }#footer { padding: 0; position: relative; }#footer .logo { margin-bottom: 50px; }#footer .logo a:hover { opacity: 1; }#footer .copyright { position: relative; }#footer .copyright span { color: #001A35; font-size: 12px; letter-spacing: 0; line-height: 1.2em; text-transform: uppercase; }#footer .copyright span:after { content: '|'; margin: 0 10px; }#footer .copyright span:last-child:after { display: none; }#banner { position: relative; }#banner .box { border-radius: 32px; background: #001A35; overflow: hidden; padding: 0 60px; position: relative; }#banner .background-img { height: 100%;position: absolute; right: 0; top: 0; width: 75%; }#banner .background-img:before { background: linear-gradient(90deg, #001A35 0%, rgba(0, 26, 53, 0.00) 100%); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 61%; }#banner .logo { margin-bottom: 24px; }#banner .note { margin-top: 12px; }#banner .note * { font-size: 12px; font-weight: 500; letter-spacing: -0.48px; margin-bottom: 0; }#banner-cc .title, #banner-cc .text p { color: #19160F; }.cards { position: relative; }.cards .wow { opacity: 0; }.cards .wow.done { opacity: 1; }.cards.d .row { --bs-gutter-x: 12px; --bs-gutter-y: 12px; }.cards.d .box { background: rgba(255, 255, 255, 0.60); border-radius: 16px; height: 100%; padding: 74px 24px; }.cards.d .icon { margin-bottom: 45px; }.cards.d .title { margin-bottom: 12px; }.content { position: relative; }.content.wow, .content .wow { opacity: 0; }.content.wow.done, .content .wow.done { opacity: 1; }.content img { border-radius: 24px; }.content.i .row { --bs-gutter-x: 0; }.content.i .content { padding-right: 25px; }.content.i .content .box { background: #001A35; border-radius: 24px; padding: 45px; }.content.i .iframe .box { height: 100%; min-height: 1010px; }.content.i iframe { height: 100%; width: 100%; }.photo-content { position: relative; }.photo-content .row { --bs-gutter-x: 0; }.photo-content.b .box { background: #7C0B2F; border-radius: 32px; overflow: hidden; }.photo-content.b .content { padding: 100px 60px; }.photo-content.d img { border-radius: 24px; }.photo-content.d .img { padding-left: 30px; }.photo-content.d .content { padding-right: 30px; }#error-404 { position: relative; }#error-404 .title { font-size: 250px; }@media only screen and (max-width: 1399.98px) {.container { width: 90%; }}@media only screen and (max-width: 1199.98px) {}@media only screen and (max-width: 991.98px) {hr.gold { margin-left: auto; margin-right: auto; }#banner .background-img { background-position-x: 100%; width: 100%; }#banner .background-img:before { background: rgba(0, 26, 53, 0.75); width: 100%; }#banner .content { text-align: center; }#banner .title { margin-left: auto; margin-right: auto; }#banner .title em { display: block; }.content.i .content { margin-bottom: 30px; padding-right: 0; text-align: center; }.content.i .text { margin-left: auto; margin-right: auto; }.content.i .iframe .box { min-height: 1060px; }.photo-content.b .img { height: 0; padding-top: 56.25%; }.photo-content.b .content { padding: 60px; text-align: center; }.photo-content.d .img, .photo-content.d .content { padding: 0; }.photo-content.d .img { margin-bottom: 30px; }.photo-content.d .content { text-align: center; }.photo-content.d .title { margin-left: auto; margin-right: auto; }}@media only screen and (min-width: 768px) {}@media only screen and (max-width: 767.98px) {#footer .copyright span { display: block; margin-bottom: 5px; }#footer .copyright span:last-child { margin-bottom: 0; }#footer .copyright span:after { display: none; }.cards.d .box { text-align: center; }}@media only screen and (min-width: 576px) {}@media only screen and (max-width: 575.98px) {.container { width: 100%; padding: 0 15px; }p, ul li, ol li { font-size: 16px; }.title.heading-1, .title.font-size-80 { font-size: 36px; letter-spacing: -1.44px; }.title.font-size-56 { font-size: 32px; letter-spacing: -1.28px; }.form-group { margin-bottom: 12px; }.form-control, .succes-msg, .error-msg, .progress-msg { font-size: 16px; }.btn, .btn:active { padding: 18px; width: 100%; }.btn.arrow-right:after { margin-left: 16px; }.cta ul li { margin-bottom: 5px; padding: 0; width: 100%; }.cta ul li:last-child { margin-bottom: 0; }.hide-mobile { display: none; }#footer .logo { margin-bottom: 20px; }#banner .box { padding: 0 30px; }.cards.d .box { padding: 40px 30px; }.content.i .content .box { padding: 40px 30px; }.photo-content.b .content { padding: 40px 30px; }}