@font-face { font-family: PTSans; src: url(fonts/PTSans-Regular.ttf); font-display:swap; }
@font-face { font-family: PTSansBold; src: url(fonts/PTSans-Bold.ttf); font-display: swap; }

:root { --ptSans: "PTSans",Verdana,"sans-serif"; --darkBlue: #151A63; --darkRed: #901028; --gold: #D4B519; }

/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: rgba(2,139,255,1); color: #fff; text-shadow: none; }
::selection { background: rgba(2,139,255,1); color: #fff; text-shadow: none; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
body { color: #252525; font-size: 16px; line-height: 18px; font-family: var(--ptSans); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
html { overflow-x: hidden; }
strong { font-weight: bold; }
/*End Reset*/
/*Utility Classes*/
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { line-height: 1.5; }
img { border: 0; max-width: 100%; }
video { max-width:100%;}
.clearfix:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; font-size: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
.glHidden { display: none; }
.glVisible { display: block; }
.w2 { width: 2%; }
.w4 { width: 4%; }
.w5 { width: 5%; }
.w6 { width: 6%; }
.w8 { width: 8%; }
.w10 { width: 10%; }
.w12 { width: 12%; }
.w14 { width: 14%; }
.w15 { width: 15%; }
.w16 { width: 16%; }
.w18 { width: 18%; }
.w20 { width: 20%; }
.w22 { width: 22%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.w26 { width: 26%; }
.w28 { width: 28%; }
.w30 { width: 30%; }
.w32 { width: 32%; }
.w33 { width: 33.33%; }
.w34 { width: 34%; }
.w35 { width: 35%; }
.w36 { width: 36%; }
.w38 { width: 38%; }
.w40 { width: 40%; }
.w42 { width: 42%; }
.w44 { width: 44%; }
.w45 { width: 45%; }
.w46 { width: 46%; }
.w48 { width: 48%; }
.w50 { width: 50%; }
.w52 { width: 52%; }
.w54 { width: 54%; }
.w55 { width: 55%; }
.w56 { width: 56%; }
.w58 { width: 58%; }
.w60 { width: 60%; }
.w62 { width: 62%; }
.w64 { width: 64%; }
.w65 { width: 65%; }
.w66 { width: 66.66%; }
.w68 { width: 68%; }
.w70 { width: 70%; }
.w72 { width: 72%; }
.w74 { width: 74%; }
.w75 { width: 75%; }
.w76 { width: 76%; }
.w78 { width: 78%; }
.w80 { width: 80%; }
.w82 { width: 82%; }
.w84 { width: 84%; }
.w85 { width: 85%; }
.w86 { width: 86%; }
.w88 { width: 88%; }
.w90 { width: 90%; }
.w92 { width: 92%; }
.w94 { width: 94%; }
.w95 { width: 95%; }
.w96 { width: 96%; }
.w98 { width: 98%; }
.w100 { width: 100%; }
.posRel { position: relative; }
.alignC { text-align: center; }
.dFlex { display: flex; }
.dFlexJC { display: flex; justify-content: center; }
.dFlexJCAC { display: flex; justify-content: center; align-items: center; }
.wrap { max-width: 1500px; width: 96%; margin: 0 auto; }
.aDef { text-decoration: none; }

b { font-weight: bold; }
i { font-style: italic; }
.mr2 { margin-right: 2%; }
.mr3 { margin-right: 3%; }
.mr5 { margin-right: 5%; }
.mt14p { margin-top: 14px; }
.mt20p { margin-top: 20px; }
.mt30p { margin-top: 30px; }
.mt40p { margin-top: 40px; }
.mt60p { margin-top: 60px; }
.mb6p { margin-bottom: 6px; }
.mb10p { margin-bottom: 10px; }
.mb20p { margin-bottom: 20px; }
.mb22p { margin-bottom: 22px; }
.mb36p { margin-bottom: 36px; }
.mb40p { margin-bottom: 40px; }
.mb50p { margin-bottom: 50px; }
.mb60p { margin-bottom: 60px; }
.mw420p { max-width: 420px; }
.p3px { padding: 3px; }
.ptb15p { padding: 15px 0px; }
.ptb32p { padding: 32px 0px; }
.ptb32p.pt0p { padding-top: 0px; }
.pr10p { padding-right: 10px; }
.pr16p { padding-right: 16px; }
.m0Auto { margin: 0 auto; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.posrel { position: relative; }
.notvis { display: none; visibility: hidden; }

/*End Helper Classes*/
.msgShow { position: fixed; width: 224px; text-align: center; background-color: var(--darkBlue); color: #fff; border-radius: 50px; z-index: 9999999; padding: 30px 16px; font-size: 20px; right: 30px; top: 30px; font-family: var(--ptSans); }

.titleH1 { font-size: 48px; color: var(--gold); text-align: center; margin: 20px 0; line-height: 1.5; }
.titleH2 { text-align: center; margin-bottom: 30px; font-size: 44px; text-transform: uppercase; font-weight: 700; color: var(--darkBlue); line-height: 1.5; }
.titleH2.normal { text-transform: initial; }
.titleH1.decorationLine::after, .titleH2.decorationLine::after { content: ''; display: block; background-image: url(images/DecoLine.png); max-width: 336px; height: 14px; background-position: center; margin: 16px auto; background-repeat: no-repeat; background-size: contain; }
.titleH3 { font-size: 26px; color: var(--darkBlue); }

.Normal { overflow: auto; }
.Normal ol { list-style: decimal inside; }
.Normal ul { list-style: disc inside; }
.Normal ul.withoutDots { list-style: none; }
.Normal, .Normal p, .eventDetails p { font-family: var(--ptSans); font-size: 18px; line-height: 28px; }
.Normal p, .eventDetails p { margin: 20px 0; }
.Normal p:has(+ ul) { margin-bottom: 0; }


.loader { position: fixed; background-color: #fff; opacity: 0.5; left: 0px; top: 0px; width: 100vw; height: 100vh; z-index: 99999999999; }
.loader.transparent { background-color: none; }
.loader img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

/*Forms*/
.ourbForm input[type="text"], .ourbForm textarea { width: 100%; border: 1px solid var(--darkBlue); font-size: 14px; line-height: 22px; padding: 10px; outline: none; }
.ourbForm .label { font-family: var(--fontTextOutfit); font-size: 14px; line-height: 22px; font-weight: 700; color: #252525; margin-bottom: 10px; }
.ourbForm input[type=checkbox] + label { font-family: var(--fontTextOutfit); font-size: 16px; line-height: 24px; font-weight: 400; color: #252525; }
.ourbForm input[type=checkbox] { display: none; visibility: hidden; }
.ourbForm input[type=checkbox] + label { padding-left: 40px; position: relative; padding: 4px 10px 4px 40px; }
.ourbForm input[type=checkbox] + label:before { content: ""; width: 26px; height: 26px; position: absolute; top: 0px; left: 0px; display: block; border: 1px solid #383838; background-color: #fff; }
.ourbForm input[type=checkbox] + label:after { display: none; }
.ourbForm input[type=checkbox]:checked + label:after { content: ""; position: absolute; left: 9px; top: 2px; z-index: 11; display: block; width: 8px; height: 16px; border-top: 2px solid var(--darkBlue); border-left: 2px solid var(--darkBlue); transform: rotate(225deg); }
.ourbForm .ValError { color: #aa0303; border: 1px solid #aa0303; background-color: #ffe0e0; padding: 10px 15px; box-sizing: border-box; width: 100%; }
.ourbForm .ValSuccess { color: #007727; border: 1px solid #007727; background-color: #f8fff7; padding: 10px 15px; box-sizing: border-box; width: 100%; }
.contactForm { padding: 20px; background-color: var(--darkBlue); color: #fff; font-family: var(--ptSans); font-size: 16px; margin: 40px 0px 80px; }
.contactForm.ourbForm input[type=checkbox] + label { color: #fff; }
.contactForm.ourbForm a:not(.primaryWhiteBtn), .contactForm.ourbForm a:not(.primaryWhiteBtn):visited { color: #fff; }

.tooltipLink { display: inline-block; width: 20px; height: 20px; background-color: #fff; cursor: pointer; margin-left: 10px; position: relative; border-radius: 50%; background-color: #fff; }
.tooltipLink > span { text-align: center; color: var(--darkBlue); font-size: 20px; line-height: 1; font-weight: bold; font-family: var(--ptSans); display: block; }
.supportForm .tooltipLink { margin-left: 0; margin-right: 10px; }
.balloon { box-sizing: border-box; position: absolute !important; color: #fff; font-family: Lato, Verdana,sans-serif; font-size: 14px; background-color: #232a93; z-index: 1; min-width: 300px; width: auto; bottom: 47px; border-radius: 4px; padding: 14px; left: -20px; display: none; }
.balloon a { color: #fff; text-decoration: underline; }
/*.balloon:before{content:' ';border-left:27px solid #232a93;border-top:14px solid #232a93;border-right:27px solid transparent;border-bottom:14px solid transparent;position:absolute;bottom:-27px;left:30px;}*/
.balloon span.closeB { width: 14px; height: 14px; cursor: pointer; background-image: url(/images/close-icn.png); position: absolute; right: 5px; top: 5px; display: block; z-index: 5; background-size: 100%; background-repeat: no-repeat; }
.balloon span.arrow { content: ' '; border-left: 27px solid #232a93; border-top: 14px solid #232a93; border-right: 27px solid transparent; border-bottom: 14px solid transparent; position: absolute; bottom: -27px; left: 30px; padding: 0px !important; }

.primaryBtn, a.primaryBtn, a.primaryBtn:visited, a.primaryBtn:link { text-align: center; border: 2px solid var(--darkBlue); font-size: 26px; line-height: 32px; color: var(--darkBlue); min-width: 202px; display: inline-block; margin: 0 auto; padding: 10px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
a.primaryBtn:hover, .primaryBtn:hover { color: white; background-color: var(--darkBlue); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
.primaryWhiteBtn, a.primaryWhiteBtn, a.primaryWhiteBtn:visited, a.primaryWhiteBtn:link { text-align: center; border: 2px solid #fff; font-size: 26px; line-height: 32px; color: #fff; min-width: 202px; display: inline-block; margin: 0 auto; padding: 10px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
a.primaryWhiteBtn:hover, primaryWhiteBtn:hover { color: white; background-color: #232a93; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
a, a:active, a:visited, a:link { text-decoration: none; color: initial; }

.respTable { border-left: 1px solid #707070; border-right: 1px solid #707070; border-top: 1px solid #707070; }
.respTable div { word-break: break-word; }
.respTable .leftColSubHeader { display: flex; align-items: center; justify-content: center; border-right: 1px solid #707070; }
.respTable .repTableHeaderShowOnMobile, .verticallyOrientedTabs .contentSections .respTable .repTableHeaderShowOnMobile { display: none; font-size: 18px; font-weight: 700; }
.respTable .respTableHeader, .respTable .respTableSubHeader, .verticallyOrientedTabs .contentSections .respTable .respTableHeader, .verticallyOrientedTabs .contentSections .respTable .respTableSubHeader { font-size: 18px; font-weight: 600; background-color: #fff; }
.respTable .respTableHeader, .respTable .respTableSubHeader, .respTable .respTableRow { border-bottom: 1px solid #707070; box-sizing: border-box; display: flex; flex-direction: row; }
.respTable .respTableHeader.tableTitle { background-color: var(--cAF1600); justify-content: center; }
.respTable .respTableHeader.tableTitle h2 { color: #fff; font-size: 26px; font-family: var(--PTSans); }
.respTable.reversedTable .respTableHeader { border-bottom: 0px; }
.respTable.reversedTable .respTableHeader.bbBlack { border-bottom: 1px solid #707070; }
.respTable .respTableSubHeader { padding: 6px; justify-content: center; }
.respTable .respTableHeader > .fl, .respTable .respTableRow > .fl { flex-wrap: wrap; justify-content: flex-start; border-right: 1px solid; box-sizing: border-box; padding: 10px 6px; display: flex; flex-direction: row; font-size: 24px; font-family: var(--PTSans); color: var(--c2B2A2A); }
.respTable .respTableRow > .fl { font-size: 16px; }
.respTable .respTableRow:nth-child(even) > .fl { background-color: #fff; }
.respTable .respTableRow:nth-child(odd) > .fl { background-color: #F5F5F5; }
.respTable .respTableHeader > .fl.DNNAligncenter, .respTable .respTableRow > .fl.DNNAligncenter { justify-content: center; }
.respTable .respTableHeader > .fl:last-child, .respTable .respTableRow > .fl:last-child { border-right: 0px; }
.respTable .respTableRow > .fl a { word-break: break-word; }
.respTable .respTableRow > .fl.noP { padding: 0px; }
.respTable .respTableRow.dFlexFDCol { flex-direction: column; }
.tableV2 .tableRow:nth-child(even) { background-color: #fff; }
.tableV2 .tableRow:nth-child(odd) { background-color: #F6F5F4; }

.pagination { display: flex; justify-content: center; align-items: center; padding: 20px 10px; }
.pagination a span, .pagination a { display: inline-block; min-width: 26px; height: 26px; background-position: center; background-repeat: no-repeat; }
.pagination a { margin: 0px 3px; }
.pagination a span.numberPage, .pagination a:visited span.numberPage { font-size: 18px; font-family: var(--ptSans); color: var(--darkBlue); text-align-last: center; }
.pagination a span.numberPage:hover, .pagination a.LinkPagingSelected span.numberPage { background-color: var(--gold); color: #fff; }
.pagination a span.firstPage { background-image: url(images/first-page.svg); filter: var(--darkBlue); -webkit-filter: var(--darkBlue); }
.pagination a span.prevPage { background-image: url(images/navigate-prev.svg); filter: var(--darkBlue); -webkit-filter: var(--darkBlue); }
.pagination a span.nextPage { background-image: url(images/navigate-next.svg); filter: var(--darkBlue); -webkit-filter: var(--darkBlue); }
.pagination a span.lastPage { background-image: url(images/last-page.svg); filter: var(--darkBlue); -webkit-filter: var(--darkBlue); }
.pagination a.aspNetDisabled span.firstPage { background-image: url(images/inactive-first-page.svg); }
.pagination a.aspNetDisabled span.prevPage { background-image: url(images/inactive-navigate-prev.svg); }
.pagination a.aspNetDisabled span.nextPage { background-image: url(images/inactive-navigate-next.svg); }
.pagination a.aspNetDisabled span.lastPage { background-image: url(images/inactive-last-page.svg); }

ul#sortablePhotos { padding: 0px; margin: 0px; }
ul#sortablePhotos li { list-style: none; }
ul#sortablePhotos .photoItem { max-width: 446px; width: 100%; float: left; border: 1px solid; margin-right: 6px; margin-bottom: 6px; height: 238px; background-color: #fff; }
ul#sortablePhotos .photoItem:hover { cursor: move; }
ul#sortablePhotos .photoItem > div { padding: 6px; }
ul#sortablePhotos .photoItem .photo { padding: 0px; width: 100%; height: 200px; background-repeat: no-repeat; background-size: contain; background-position: center; border-top: 1px solid; }
.ui-state-highlight.ui-sortable-placeholder { display: inline-block; float: left; max-width: 446px; width: 100%; height: 238px; background-color: #B7B7B7; margin-right: 6px; margin-bottom: 6px; }
.calendarContainer { position: relative; }
.calendarContainer img { position: absolute; right: 20px; top: 12px; cursor: pointer; }
.adminPage .headerContentPane, .homePage .headerContentPane { min-height: 70px; }
.homePage .headerContentPane .headerImage { min-height: 650px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.portalPage .headerContentPane .headerImage, .portalPage .headerSection { min-height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.headerSection { min-height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.portalPage .headerContentPane .headerImage.bpCT { background-position: center top; }

.faqs h3 { font-size: 26px; font-family: var(--ptSans); color: var(--darkBlue); margin-bottom: 24px; }
.accordionItem { margin-bottom: 18px; }
.faqs .accordionItem:last-child { margin-bottom: 0px; }
.accordionItem .accordionItemHeader { border-bottom: 1px solid #707070; }
.accordionItem .accordionItemHeader .fl { font-size: 26px; line-height: 1.5; padding-bottom: 6px; font-family: var(--ptSans); color: var(--darkBlue); font-weight: 700; width: calc(100% - 40px) }
.accordionItem .accordionItemHeader .fr { border: solid black; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 3px 3px 0; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 20px; height: 20px; margin-right: 10px; margin-top: 6px; }
.accordionItem .accordionContent { font-size: 18px; font-family: var(--ptSans); color: var(--darkBlue); padding: 18px 24px; }
.accordionItem.active .accordionItemHeader .fr { transform: rotate(225deg); -webkit-transform: rotate(225deg); margin-top: 18px; }

.mobileMenuContainer { position: relative; display: none; }
.mobileMenuContainer { position: relative; float: right; margin: 42px 0px; }
.mobileMenuContainer .hamburgerBtn { width: 32px; height: 16px; position: relative; display: inline-block; transition: all 0.4s ease-in-out; z-index: 999999999; }
.mobileMenuContainer .hamburgerBtn .bar { padding: 0; width: 32px; height: 2px; background-color: var(--gold); display: block; transition: all 0.4s ease-in-out; position: absolute; }
.mobileMenuContainer .hamburgerBtn .bar1 { top: 0; margin-top: 1px; }
.mobileMenuContainer .hamburgerBtn .bar2, .mobileMenuContainer .hamburgerBtn .bar3 { top: 7px; }
.mobileMenuContainer .hamburgerBtn .bar3 { right: 0; }
.mobileMenuContainer .hamburgerBtn .bar4 { bottom: 1px; width: 16px; right: 0px; }
.mobileMenuContainer .hamburgerBtn.opened > .bar1 { transform: translateX(-30px); background-color: transparent; }
.mobileMenuContainer .hamburgerBtn.opened > .bar2 { transform: rotate(-45deg); }
.mobileMenuContainer .hamburgerBtn.opened > .bar3 { transform: rotate(45deg); }
.mobileMenuContainer .hamburgerBtn.opened > .bar4 { transform: translateX(-30px); background-color: transparent; }

/* Sub nav section */
.subNav ul li { display: inline-block; margin: 25px 21px; }
.subNav .fr { padding-left: 210px; }
.subNav a { font-size: 18px; }
.subNav a:hover { color: var(--darkRed); }

/* Main nav section */
.mainNav { background-color: var(--darkBlue); }
.mainNav a { color: white; font-size: 18px; display: block; }
.mainNav .logoContainer { position: absolute; top: -68px; z-index: 99; }
.mainNav nav { padding-left: 210px; }
.mainNav .topLevel > li { display: inline-block; }
.mainNav .topLevel > li.addedFromSubNav { display: none; }
.mainNav .topLevel > li > div { padding: 25px 18px; }
.mainNav ul li > div:hover { background-color: var(--gold); }
.mainNav ul li > div.active, .mainNav ul li > div.breadcrumb { background-color: var(--gold); }
.mainNav li > div.hasSubMenu { position: relative; }
.mainNav li > div.hasSubMenu .caret { border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; margin: 0px 0px 2px 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.mainNav li > div.hasSubMenu:hover .submenu { display: block; }
.submenu { display: none; position: absolute; top: 77px; left: 0; background-color: var(--darkBlue); z-index: 999; margin: 0; width: 254px; }
.submenu li { width: 100%; padding: 0px; }
.submenu li > div { padding: 15px 18px; }

.mainNav .hamburger { width: 60px; height: 60px; background-image: url(images/Iconfeather-menu.svg); margin: 20px 0; background-repeat: no-repeat; display: none; background-size: cover; }

.homepage .wrap { width: 72%; }

/* Footer section one */
.fSectionOne { background-color: #F6F6F6; padding: 68px 0 68px 0; }
.fSectionOne a, .fSectionOne a:visited { color: #252525; text-decoration: none; }
.fSectionOne .w18 { min-width: 268px; text-align: center; }
.fSectionOne .wrap { display: flex; justify-content: center; flex-wrap: wrap; width: 58%; }
.fSectionOne .wrap > div:first-child { text-align: center; }
.fSectionOne > div:first-child img { margin-bottom: 9px; }
.fSectionOne .contactContainer span { margin: 4px 8px 0 0; }
.fSectionOne .location { height: 20px; width: 14px; vertical-align: middle; background-image: url(images/Icon-material-location-on.svg); }
.fSectionOne .number { height: 14px; width: 14px; display: inline-block; background-image: url(images/Icon-ion-ios-telephone.svg); }
.fSectionOne .email { height: 11px; width: 14px; display: inline-block; background-image: url(images/Icon-material-round-email.svg); }
.fSectionOne .contactContainer { background-color: #F1F1F1; }
.fSectionOne .contactContainer, .fSectionOne .policyContainer { padding: 14px 0; margin-top: 10px; }
.fSectionOne .contactContainer > div:first-child { margin: 16px 40px; }
.fSectionOne .contactContainer > div { margin: 16px 40px 16px 20px; }
.fSectionOne .policyContainer > div { margin: 16px 40px 16px 40px; }
.fSectionOne .policyContainer > div { margin: 16px 40px 16px 40px; }
.fSectionOne .facebook { margin-top: 30px; }
.social.facebook { width: 42px; height: 42px; display: inline-block; background-image: url(images/social.svg); }
.social.youtube { width: 42px; height: 42px; display: inline-block; background-image: url(images/youtube.svg); }

/* Footer section two */
.fSectionTwo { background-color: var(--darkRed); padding: 18px 0; border-top: 10px solid var(--gold); }
.footerNav { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; }
.footerNav a { color: white; font-size: 18px; }

/* Events section */
.gridLayoutSection, .innerDetailsPageContent { margin: 80px 0px; }
.gridLayout { display: flex; flex-wrap: wrap; gap: 2%; justify-content: center; }
.boxItem { text-align: center; margin-bottom: 30px; display: flex; flex-direction: column; justify-content: space-between; background-color: var(--darkBlue); min-width: 300px; }
.boxItemPhoto { background-color: white; height: 200px; overflow: hidden; background-size: cover; background-position: top center; background-repeat: no-repeat; }
.boxItemTitle { padding: 15px; font-size: 18px; background-color: var(--darkBlue); color: white; }
.readMoreBtn { background-color: var(--darkBlue); padding: 15px; font-size: 16px; }
.readMoreBtn a { color: white; text-decoration: none; }
.last3Events { display: flex; margin-top: 84px; }
.last3Events .w70 { display: felx; }
.last3Events .w70 .eventBox { min-height: 600px; background-repeat: no-repeat; background-position: center; background-size: cover; display: none; }
.last3Events .w70 .eventBox.active { display: flex; align-items: flex-end; width: 100%; }
.last3Events .w70 .eventBox.active .eventBoxContent { background-color: #151a635e; width: 100%; padding: 20px; text-align: center; }
.last3Events .w70 .eventBox.active .eventBoxContent a, .last3Events .w70 .eventBox.active .eventBoxContent a:visited, .last3Events .w70 .eventBox.active .eventBoxContent:hover { color: #fff; font-size: 24px; font-family: var(--ptSans); font-weight: 700; }
.last3Events .w30 a { margin-bottom: 12px; color: #fff; border-top: 8px solid var(--darkBlue); background-color: var(--darkBlue); font-size: 18px; line-height: 24px; font-family: var(--ptSans); padding: 10px 44px; min-height: 192px; display: flex; align-items: center; }
.last3Events .w30 a.active { border-top: 8px solid var(--gold); background-color: var(--darkRed); }
.last3Events .w30 a:last-child { margin-bottom: 0px; }
.eventDetails.wrap, .gallery.wrap { width: 84%; max-width: 1500px; margin: 0 auto; }
.eventDetails .titleH2 { color: var(--darkBlue); font-size: 44px; text-align: center; }
.eventDetails .date { text-align: center; font-size: 22px; color: #252525; }
.eventDetails .text { font-size: 16px; margin: 20px 0 30px; }
.gallery { display: flex; gap: 20px; padding-bottom: 20px; }
.gallery.internalPage { flex-wrap: wrap; justify-content: center; }
.gallery .galleryItem { max-height: 270px; overflow: hidden; display: flex; align-items: center; }

.students { margin-bottom: 40px; }
.students .text { padding: 6px; border-bottom: 1px solid #dee2e6; margin: 0px; }

.projectContainer { margin: 20px; }
.documentUrl:active, .documentUrl:visited, .documentUrl:link, .documentUrl, .Normal .documents a, .Normal .documents a:visited, .Normal .documents a:link, .Normal .documents a:hover { color: var(--darkRed); text-decoration: underline; }

.announcements { margin-top: 40px; margin-bottom: 100px; }
.announcements .w33 { padding: 0 6%; }

.history { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; }
.history img { max-height: 425px; }

/* Class vacancies */
.classVacancies { margin: 80px 0; color: #252525; font-family: var(--ptSans, Arial, sans-serif); text-align: center; }
.classVacancies, .classVacancies * { box-sizing: border-box; }
.classVacanciesInner { width: 100%; max-width: 1000px; margin: 0 auto; }
.classVacancies .titleH2 { margin-top: 0; }
.classVacanciesFilters { display: grid; width: 100%; max-width: 600px; margin: 0 auto 28px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; text-align: left; }
.classVacanciesLabel { margin-bottom: 8px; color: var(--darkBlue, #151a63); font-size: 16px; font-weight: 700; }
.classVacanciesFilter select { width: 100%; min-height: 46px; padding: 9px 38px 9px 12px; border: 1px solid #b8bdca; border-radius: 3px; background-color: #fff; color: #252525; font-family: inherit; font-size: 16px; }
.classVacanciesFilter select:focus { border-color: var(--darkBlue, #151a63); outline: 3px solid rgba(21, 26, 99, 0.18); outline-offset: 1px; }
.classVacanciesCurrentDate { display: inline-block; margin: 0 auto 22px; padding: 14px 22px; border-left: 4px solid var(--gold, #dec21a); border-right: 4px solid var(--gold, #dec21a); background: #f6f5f4; color: var(--darkBlue, #151a63); font-size: 18px; line-height: 1.4; }
.classVacanciesNavigation { display: flex; margin-bottom: 30px; flex-wrap: wrap; justify-content: center; gap: 12px; }
a.classVacanciesButton, a.classVacanciesButton:link, a.classVacanciesButton:visited { display: inline-flex; min-height: 44px; padding: 10px 16px; align-items: center; justify-content: center; border: 2px solid var(--darkBlue, #151a63); border-radius: 3px; background: #fff; color: var(--darkBlue, #151a63); font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.25; text-decoration: none; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
a.classVacanciesButton:hover, a.classVacanciesButton:focus { border-color: var(--darkBlue, #151a63); background: var(--darkBlue, #151a63); color: #fff; outline: none; }
a.classVacanciesButton:focus-visible { outline: 3px solid rgba(21, 26, 99, 0.22); outline-offset: 2px; }
.classVacanciesButton.aspNetDisabled, a.classVacanciesButton.aspNetDisabled:hover { border-color: #c6c8d0; background: #f1f1f3; color: #777b88; cursor: default; }
.classVacanciesTableContainer { width: 100%; max-width: 760px; margin: 0 auto; overflow-x: auto; border: 1px solid #cfd1da; box-shadow: 0 6px 20px rgba(21, 26, 99, 0.08); }
.classVacanciesTable { width: 100%; border-collapse: collapse; background: #fff; font-size: 17px; }
.classVacanciesTable caption { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.classVacanciesTable th, .classVacanciesTable td { padding: 14px 18px; text-align: left; }
.classVacanciesTable th { background: var(--darkBlue, #151a63); color: #fff; font-size: 18px; font-weight: 700; }
.classVacanciesTable th:last-child, .classVacanciesTable td:last-child { width: 38%; text-align: center; }
.classVacanciesTable td { border-bottom: 1px solid #dedfe5; }
.classVacanciesTable tbody tr:nth-child(even) td { background: #f6f5f4; }
.classVacanciesTable tbody tr:last-child td { border-bottom: 0; }
.classVacanciesTable td:last-child { color: var(--darkBlue, #151a63); font-size: 18px; font-weight: 700; }
.classVacanciesEmpty { display: inline-block; padding: 14px 22px; border-left: 4px solid var(--gold, #dec21a); border-right: 4px solid var(--gold, #dec21a); background: #f6f5f4; font-size: 17px; }


@media screen and (max-width:1260px) {
    .contactForm .clearifx.posrel.mb20p .w48 { width: 100%; margin-bottom: 20px; }
    .contactForm .clearifx.posrel.mb20p .w48 a { float: left; }
    .announcements .w33 { padding: 0 1%; }

    .mobileMenuContainer { display: block; }
    .subNav { display: none; }
    .mainNav .wrap.clearfix.posRel { position: initial; width: 100%; }
    .mainNav { position: relative; }
    .logoContainer { margin-left: 2%; }
    .mobileMenuContainer { margin-right: 2%; }
    .mainNav .logoContainer { width: 100px; top: initial; position: initial; padding: 5px 0; float: left; }
    .mainNav .submenu li:hover { background-color: var(--gold); }
    .mainNav .topLevel > li { display: inline-block; padding: 0px; border-bottom: 1px solid var(--gold); }
    .mainNav .topLevel > li > div > a { padding: 10px 15px; }
    .mainNav .topLevel > li > div, .mainNav ul li > div:hover { padding: 0px; }
    .mainNav .topLevel > li:last-child { border-bottom: none; }
    .mainNav .topLevel > li.addedFromSubNav { display: block; z-index: 999; }
    .mainNav nav { visibility: hidden; height: 0px; padding: 0; position: absolute; right: 0px; width: 0px; z-index: 999; }
    .mainNav .hamburger { display: block; }
    .mainNav .hamburger:hover + nav { display: block; width: 100%; }
    .mainNav nav ul { background-color: var(--darkBlue); }
    .mainNav nav ul li { width: 100%; padding: 10px 18px; }
    .mainNav nav ul li ul.submenu li { padding: 0px; }
    .mainNav nav ul li ul.submenu li > div { padding: 10px 18px 10px 36px; }
    .submenu { top: 0; left: 0; width: 100%; position: relative; background-color: #232a93; }
    .mainNav li > div.hasSubMenu:hover .submenu { display: none; }
    .mainNav li > div.hasSubMenu .caret { float: right; padding: 8px; margin: -3px 4px 0px 0px; }
    .mainNav li > div.hasSubMenu .caret.clicked { margin: 10px 4px 0px 0px; -webkit-transform: rotate(225deg); }
    .classVacancies { margin-top: 34px; }
}


@media screen and (max-width:1024px) {
    /*.mainNav .logoContainer { width: 140px; top: -32px; }
    .mainNav nav { padding-left: 150px; }
    .subNav .fr { padding-left: 150px; }*/
}

@media screen and (max-width:950px) {
   
    .last3Events { flex-direction: column; margin:40px 0px; }
    .last3Events .w70, .last3Events .w30 { width: 100%; }
    .last3Events .w70 .eventBox { min-height: 400px; }
    .last3Events .w30 a { min-height: 64px; }
    .last3Events .w70 .eventBox { min-height: 30vh;}
    
    .contactForm > .w48 { width: 100%; }
    #html_element { transform: scale(0.87); transform-origin: 0 0; }
    .homePage .headerContentPane .headerImage, .portalPage .headerContentPane .headerImage, .portalPage .headerSection, .headerSection { min-height: 25vh; }
}

@media screen and (max-width:700px) {
    .titleH1 { font-size: 34px; line-height: 1.3; }
    .titleH2, .eventDetails .titleH2 { font-size: 30px; line-height: 1.3; }
    .respTable { border: 0px; }
    .respTable .repTableHeaderShowOnMobile { display: block; }
    .respTable .respTableHeader { display: none; }
    .respTable .respTableSubHeader, .respTable .respTableRow { border-bottom: 1px solid #000; border-right: 0px; border-left: 0px; border-top: 0px; display: block; }
    .respTable .respTableHeader > .fl, .respTable .respTableRow > .fl { width: 100%; border-right: 0px; box-sizing: border-box; padding: 6px 14px; display: initial; flex-direction: unset; }
    .respTable .respTableHeader > .fl:last-child, .respTable .respTableRow > .fl:last-child { border-right: 0px; width: 100%; }
    .announcements { margin-bottom: 40px; }
    .announcements .w33 { width: 100%; padding: 0; margin-bottom: 30px; }
    .announcements .w33:last-child { margin-bottom: 0px; }
    .classVacancies { margin-bottom: 45px; }
    .classVacanciesFilters { gap: 16px; }
    .classVacanciesCurrentDate { font-size: 17px; }
    .classVacanciesTable th, .classVacanciesTable td { padding: 12px 14px; }
    .classVacanciesTable th { font-size: 16px; }
}

@media screen and (max-width:480px) {
    .classVacanciesFilters { grid-template-columns: 1fr; }
    .classVacanciesNavigation { display: grid; grid-template-columns: 1fr; }
    a.classVacanciesButton, a.classVacanciesButton:link, a.classVacanciesButton:visited { width: 100%; }
    .classVacanciesTable th:last-child, .classVacanciesTable td:last-child { width: 44%; }
}