body {font-family: 'Open Sans', sans-serif; background-color:#e7e7da;}
body h1 {font-family: 'Antic Didone', serif;}

/*framework and nav*/
#wrapper {position:relative; left:0px;}
#mobNav {position:fixed; width: 260px; right:-260px; top:0; bottom:0; z-index:1000; background:#444; box-shadow: 0px 0px 20px rgba(0,0,0,0.3);}
#navBtn {position: absolute;left: -60px;top: 22px;background:#000; padding: 6px 10px; border: 2px solid rgba(255,255,255,0.8); border-radius: 6px; font-size: 28px; color: #fff; cursor:pointer;}
#navBtn:hover {}
#navBtn:active {}

@media (max-width:992px){
#topNav {padding: 0px !important;}
.midNav .social {margin-top:-20px; padding-bottom:10px;}
#topNav li {display:none !Important;}
}

.siteSearch {z-index:100;width: 100%; position:relative;}
.siteSearch .fa-search {position:absolute; top: 6px; left:8px; color:#fff; font-size: 23px;}
.siteSearch .fa-times-circle {position:absolute; top: 4px; right: 6px; cursor:pointer; font-size: 26px; color:#fff;}
.siteSearch .fa-times-circle:hover {color:#000;}
.siteSearch input {width: 100%; padding: 8px 20px 8px 35px !important; color:#fff; outline:none; border:none; border-radius: 0px; background:#000;}
.siteSearch input:focus {outline:0 !important; border:none; box-shadow:none; background:#81c343;}

.mobNavOn {right:0px !important;}
.wrapperOn {left:-260px !important;}

#mobNav .nav_first {padding-bottom:100px; min-width:110%; display:block;}
#mobNav .nav_first>li {}
#mobNav .nav_first>li>a {font-size: 16px;width: 100%;display:block;color:#ddd;padding: 5px 10px 5px 5px;border-top: 1px solid rgba(255,255,255,0.05);/* border-bottom: 1px solid #000; */font-weight:300;background-color: rgba(0,0,0,0.1);}
#mobNav .nav_first>li>a:hover {color:#fff;}
#mobNav .nav_first>li>.staticNav {position:relative;}
#mobNav .nav_first>li>a:before {content:"\f105"; padding-left: 5px;font-family:fontAwesome; width: 20px; display:inline-block; color:#999;}
#mobNav .nav_first>li>a.navOpen:before {content:"\f107";}

#mobNav .nav_second>li>a{padding: 5px 5px 0px 30px;margin-bottom: 5px;line-height: 1.2;display:block;width: 100%;position:relative;color:#ddd;color:rgba(255,255,255,0.6);font-size: 14px;}
#mobNav .nav_second>li>a:before {position:absolute; content:">"; left: 14px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_second>li>a:hover {padding-left:40px;}
#mobNav .nav_second>li>a:hover:before {left:24px; color:#fff;}

#mobNav .nav_third>li>a{padding: 10px 5px 0px 45px; margin-top: 2px; margin-bottom: 3px; line-height: 0.8;display:block; width: 100%; position:relative; color:#ddd; color:rgba(255,255,255,0.6); font-size: 13px;}
#mobNav .nav_third>li>a:before {position:absolute; content:">"; left: 30px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_third>li>a:hover {padding-left:55px;}
#mobNav .nav_third>li>a:hover:before {left:43px; color:#fff;}

#mobNav .nav_fourth>li {}
#mobNav .nav_fourth>li>a{padding: 10px 5px 0px 55px; margin-bottom: -3px; line-height: 1.2;display:block; width: 100%; position:relative; color:#ddd; color:rgba(255,255,255,0.6); font-size: 12px;}
#mobNav .nav_fourth>li>a:before {position:absolute; content:">"; left: 44px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_fourth>li>a:hover {padding-left:65px;}
#mobNav .nav_fourth>li>a:hover:before {left:55px; color:#fff;}

.nav_second .staticNav { color:#ddd !important;}
.nav_third .staticNav {color:#ddd !important;}
.nav_second .staticNav:before,.nav_third .staticNav:before  {content:" " !important;}
#topNav .noTopNav {display:none !important;}

#mobNav .firstItem {border-bottom:0 !important;}
#mobNav .firstItem > .nav_second {display:block !important;padding-bottom: 5px;}



/*search results*/
#searchResults {background:#515457; position: relative; z-index: 999;}
#searchResults li {color:#999; font-weight: 100; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding: 6px 10px 6px 30px; border-bottom:1px solid rgba(255,255,255,0.1);}
#searchResults li a {color:#fff; font-weight: 200; font-size: 14px;}
#searchResults li:hover {background-color:#81c343;}
#searchResults .search_News:before {position:absolute; content:"\f1ea"; color:#81c343; left: 6px; top: 5px; font-size: 16px; font-family:'fontAwesome';}
#searchResults .search_Navigation:before {position:absolute; content:"\f054"; color:#ddd; left: 10px; top: 5px; font-size: 16px; font-family:'fontAwesome';}
#searchResults .selected {background-color:#81c343;}


/*TEXT FORMATS*/

body, h1, h2, h3, h4, h5, p, a, li, strong, div, span, input, select {line-height: 1.3;}

@media (max-width:962px){
  .contained {max-width:96% !Important;} 
}

/*HEADER*/
header {padding-top: 10px; border-bottom: 3px solid #d1d1c0; z-index:100;}
header .contained {position:relative; z-index:100;}
header .logo {position:relative;width:360px;height: 120px;margin: 10px auto 15px auto;display: inline-block;}
body.logoTop header {position:fixed; top:0; width:100%;}
body.logoTop header .logo {display:none;}
body.logoTop {padding-top:166px;}

/*SKIN*/
header .logo {background:url(files/image/logos/Friars_logo_rev.png) no-repeat; background-size:contain; background-position: 50% 50%;}

.btn {text-shadow:0px 1px 0px rgba(0,0,0,0.5); white-space:nowrap; cursor:pointer; position:relative;font-weight: 400; color:#fff !important; font-size:16px; padding: 2px 18px; background:#380405; display:inline-block; margin:10px; border-radius: 4px;}
.btn:hover {background:#000;}

#breadcrumbs {background-color:#fff; background:rgba(255,255,255,0.9);  padding:8px 0px; font-size: 9px; white-space:nowrap; color:#444; overflow:auto; }
#breadcrumbs a {color:#444; font-weight: 300; font-size: 13px; padding:0px 10px 0px 5px;}
#breadcrumbs a:hover {text-decoration:underline;}

#topNav {font-size:0px; padding: 0px 0px 0px 0px; margin-left: -10px;}
#topNav .noTopNav {display:none;}
#topNav li {display:inline-block; position:relative; margin:0; padding: 0px 6px 15px 6px;}
#topNav li:last-child {}
#topNav li a { color:#fff; color:rgba(255,255,255,0.7); font-weight: 300; font-size: 14px;}
#topNav li:hover, #topNav li.selected  {}
#topNav li:hover a, #topNav li.selected a {color:#fff; }


#topNav li:before {transition:all 0.3s ease-in-out; position:absolute; opacity:0; bottom:0px; right:50%; left:50%; height: 1px; background:#d1d1c0; content:""; border-radius:100% 0 0 0;}
#topNav li:after {transition:all 0.3s ease-in-out; position:absolute; opacity:0; bottom:0px; left:50%; right:50%; height: 1px; background:#d1d1c0; content:""; border-radius:0 100%  0 0;}

#topNav li:hover:before {opacity:1; right:50%; left:0%; height: 4px;}
#topNav li:hover:after  {opacity:1; right:0%; left:50%; height: 4px; }


.firstItem {border-bottom: 2px solid #d1d1c0; padding-bottom: 13px !important;}
.firstItem a {color:#fff !important;}

.midNav .social {text-align:right;}
.midNav .social a {color:#fff; font-size: 22px;}
.midNav .social li {display:inline-block; padding:35px 0px 5px 10px;}




/* Mega Menu */
#megaMenu {position:relative; width:100%; z-index:999; top: 0px; }
.megaMenuPanel {padding: 30px 0px 14px 0px;  height: auto; position:relative; }
.panelBox {width:100%; border:1px solid rgb(0,62,81); height: 120px; background-size:cover; position:relative; cursor:pointer;}
.panelBox p {position:absolute; width: 100%; bottom:0px; padding: 5px 0px 5px 10px; background:rgba(0,0,0,0.85); color:#ddd; font-size: 11px;}
.panelBox:hover {border-color:#000; }
.panelBox:hover p {color:#fff;}
.panelList {width: 100%; padding-left: 10px;}
.panelList h5 {color:#000; white-space:nowrap; font-weight:600;margin-bottom: 15px; font-size: 24px;}
.panelList a {display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#fff; font-size: 13px; display:block; line-height: 2; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; white-space:nowrap;}
.panelList a:before {font-family:'FontAwesome'; content:"\f0da"; padding-right: 6px; }
.panelList a:hover {margin-left: 6px;}


/*FOOTER*/
footer {background-color:#515457 !Important; border-top: 6px solid #380405; padding-top: 20px;}
footer img {max-width:90%; padding-top: 30px;}
footer .note {color:#fff; background:#333; margin-top: 10px; font-size: 12px; font-weight: 300; padding: 10px;}
footer .note span:nth-of-type(1) {float:left;}
footer .note span:nth-of-type(2) {float:right;}
footer h4 {color:#fff; font-family: 'Antic Didone', serif; font-size: 24px; padding:10px 0px;}
footer a {display:block; color:#aaa; font-size: 14px; line-height: 1.8;}
footer a:hover {color:#fff;}

footer .footLogo {width:100%; padding-top: 50%; background-size:contain; background-position:100% 100%; margin-top: 25px; background:url(files/image/logos/Friars_logo_rev.png) no-repeat; background-size:contain;}


@media (min-width:480px) and (max-width:768px){
    footer .col-md-9 .col-md-3:nth-of-type(3) {clear:left;}
}



/*form classes*/
.formTextBox {outline:none; font-size: 16px; font-weight:300; border-radius: 3px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#444; min-width: 60px;}
.w100p {width: 100%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
fieldset input[type="checkbox"] {margin:0px; margin-top:-2px;}
fieldset a {font-weight: 600; color:inherit;}

/*NEWS*/
.newsCategory {background:#515457; font-size: 32px; color:#fff; font-weight: 300; padding: 10px; text-align:center;}
.newsStoryImg {position:relative; padding: 20px; background:#81c343; overflow:hidden; max-height: 600px;}
.newsStoryImg span {position:absolute; z-index:0; opacity:0.4; top:0; left:0;width: 100%; height: 100%; background-size:cover; background-size:cover; filter:blur(5px); -webkit-filter:blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px); background-position:50% 50%; }
.newsStory {padding:20px 5px;}
.newsStoryImg p {position:relative; z-index:10;}
.newsStoryImg img {border:2px solid #fff; width: 100%; max-width:600px;}
.newsStory p {font-size: 15px; color:#111; margin-bottom: 10px; line-height: 1.8;}
.newsStory h2 {font-size: 24px; margin-bottom: 12px; color:#ddd;}
#newsStoryShell {background:rgba(255,255,255,1)}
#newsStoryShell h1 {font-size: 32px; color:#333;  font-weight: 300; text-align:center; font-size: 36px !important; margin:20px 0px;}
.newsStory p a, .newsStory li a {color:#81c343; font-weight: 600;}
.newsStory p a:hover {color:#000;}
@media (max-width:768px){ #newsStoryShell h1 {font-size: 32px !Important; margin-bottom: 0px;} }

@media (max-width:992px){
.newsStoryImg {margin-top: 66px; position:relative;overflow:visible;}
.newsStoryImg:before { content:""; position:absolute; top:-66px; left:-25%; width:150%; height: 66px; background:rgba(255,255,255,0.9);}    
}

#newsStoryShell time {text-align:right; display:block; margin-top:-20px;}

.newsPanel {background:#fff; border:1px solid #eee; border-radius:3px; padding: 15px; margin:20px 0px;}
.newsPanel a {color:inherit;}
.newsPanel .newsNanoImage,.newsPanel iframe {width: 100%; height: 220px !important; background-size:cover;}
.newsPanel .newsTitle {margin:15px 0px 10px 0px; font-size: 22px; color:#003b4f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsPanel p {overflow:hidden; width: 100%; height: 36px; font-size: 14px; color:#444; line-height: 1.4;}

.newsStory ol li {margin-left: 25px; font-size: 14px; padding-left: 10px; list-style-type:decimal; margin-bottom: 12px; }
.newsGridHeader {padding: 25px 0px 0px 0px; }
.newsGridHeader h2 {font-size: 32px !important; color:#003b4f;}
.newsPanel:hover {transform:rotate(2deg) scale(1.05); -webkit-transform:rotate(2deg) scale(1.05); -moz-transform:rotate(2deg) scale(1.05); -ms-transform:rotate(2deg) scale(1.05);}

/*tooltip hover*/
#toolTip {position:fixed; text-align:center; z-index:10000; line-height: 1.3; padding:5px 8px; font-size: 13px; border-radius: 3px; color:#fff; box-shadow:2px 10px 10px rgba(0,0,0,0.2); background:#222; left:-1000px; top:-1000px; max-width: 200px;  pointer-events: none;}
#toolTip:after {content:"\f0d7"; font-size: 20px; position:absolute; font-family:fontAwesome; bottom:-16px; left: 49%; text-shadow:0 6px 3px rgba(0,0,0,0.1); color:#222;}

/*CONTENT*/
.content {padding-bottom: 0px;}
.content p {font-size: 16px; line-height: 1.5; margin-bottom: 8px; font-weight: 300;}
.content p a, .content li a {color:#380405; font-weight: 600;}
.content p a:hover, .content li a:hover {color:#000; text-decoration:underline;}
.content blockquote {margin: 0px 30px 20px 30px; text-align:center; position:relative; color:#ddd; font-size: 14px; line-height: 1.5; font-weight: 300; }
.content ul {margin-bottom: 10px;}
.content blockquote:before,.content blockquote:after {position:absolute; color:red; font-size: 60px;}
.content blockquote:before {content:"“"; left: -30px; top: -18px;}
.content blockquote:after {content:"”"; right: -30px; bottom: -50px;}
.content .fa-ul i {color:#380405;}
.content ul li {font-weight: 300; line-height: 1.4; margin-bottom: 6px; list-style-type:none; font-size: inherit; color:#111; position:relative; padding-left: 30px; margin-bottom: 5px; line-height:1.4;}
.content ul li:before {content:"\f05c"; font-family:'fontAwesome'; transform:rotate(45deg); position:absolute; left: 2px; top: 2px; color:#81c343; font-size: 14px;}
.content p .envyra, .content p .enovert {color:#222;}
.content h2 {font-size: 36px; margin-bottom: 20px; font-family: 'Antic Didone', serif;}
.content figcaption {text-align:center; font-size: 10px; padding: 5px 2px; color:#444;}

@media(max-width:640px){
    .content h1 {font-size: 32px !important;}
    
}

/*form classes*/
.formTextBox {outline:none; font-size: 16px; background:#f5f5f5; font-weight:300; border-radius: 3px;  border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#444; min-width: 60px;}
.formTextBox:hover,.formTextarea:hover {border-color:#380405; box-shadow:0px 0px 5px rgba(255,255,255,0.3);}
.formTextBox:focus,.formTextarea:focus {color:#fff; border-color:#000; background:#380405; }
.formButton {cursor:pointer; outline:none; font-size: 16px; border-radius: 3px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#fff; color:rgba(255,255,255,0.8); background:#0075bf;}
.formButton:hover {color:#fff; opacity:0.9; }
.formButton:active {color:#fff; opacity:1; text-shadow:0px 1px 1px rgba(0,0,0,0.4); background:#000 !important;}
.w100p {width: 100%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
fieldset {padding: 3px; border:none;}
fieldset label {padding:10px; font-size: 14px; color:#333; display:block;font-weight: 300;}
fieldset select {width: 100%; font-size: 16px; background:#f5f5f5;}
fieldset input[type="checkbox"] {margin:0px; margin-top:-2px;}
fieldset a {font-weight: 600; color:inherit;}


.formButton {font-weight: 600; padding: 4px 20px; background:#380405; border-radius: 20px; border-color:rgba(0,0,0,0); color:#000;}
.formButton:hover {background:#000 !important; color:#000; border-color:#000;}
.mandatoryError {background:#fdd; color:#f00}
.formTextarea {width: 100%; height: 80px; outline:none; font-size: 16px; background:#f5f5f5; font-weight:300; border-radius: 5px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#444;}
.topLabel {color:#666; font-size:10px; text-align:center; background:#f5f5f5; padding:2px;}
.formError {text-align:center; color:#f00; font-weight:600; font-size: 14px; padding: 10px;}
.error {background:red; color:#fff;}

/*panel slider*/
.panelSlider {text-align:left; position:relative; height: 75vh; overflow:hidden; /*user-select:none;*/ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s} 
.pImages, .pImage, .pOverlay, .pSlides {position:absolute; top:0; right:0; bottom:0; left:0;}
.pSlides li {padding:160px 50px; color:#fff; overflow:hidden;}
.pImage {overflow:hidden;}
.pNav {position:absolute; right: 70px; bottom: 50px; width:100px; height: 40px; border:1px solid #fff; font-size:0;}
.pImage div {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; background-size:cover; background-position:50%; }
.pSlides li {position:absolute; width:100%; height: 100%;  top:0; left:0; right:0; bottom:0; }
.pOverlay {}
.pNav>span {display:inline-block; width: 49px; cursor:pointer; text-align:center; height:38px; color:#fff;  position:relative;}
.pNav>span>span {position:absolute; z-index:0; background:#81c343; top:0; bottom:0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.pNav>span .fa {position:relative; z-index:2; font-size:24px; padding-top: 7px;}
.pNav .pPrev {border-right: 1px solid #fff;}
.pNav .pPrev>span {left:100%;right:0;}
.pNav .pNext>span {left:0;right:100%;}
.pNav .pPrev:hover span {left:0%;}
.pNav .pNext:hover span {right:0%;}
.pTitle {position:absolute; bottom:5%; font-size: 32px;  font-weight: 300; background:rgba(0,0,0,0.5); max-width:70%; display:inline-block; padding: 10px 20px 10px 40px; margin:0px; left:0px; border-right: 10px solid #81c343; line-height:1.2; margin-bottom: 20px;}
.pLink {cursor:pointer; position:absolute; bottom: 2%; left: 10%; font-size: 20px; font-weight: 100; padding-left:20px;display:inline-block; overflow:hidden; color:#fff; font-weight: 600;}
.pLink:before {font-family:fontAwesome; content:"\f178"; position:absolute; left:-9px; top: 1px;}
.pLink {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.pLink:before {top: 0px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.pLink:hover {padding-left:30px;}
.pLink:hover:before {left:5px;}

.pSlides li:before {content:""; position:absolute; left: 30%; width:40%; top:0; bottom:0; background:url(files/image/logos/enovert_white.png) 50% 50% no-repeat; opacity:0.25; background-size:contain; }

.pSlides li:after {font-family:fontAwesome; position:absolute; content:"\f103"; right: 10px; bottom: -8px; font-size: 72px; color:#fff; opacity:0.7;}



.right50 {position:absolute; left: 50%; width:50%; top:0; height: 100% !important; bottom:0; background-size:cover; background-position:50%;}
.left50 {position:absolute; left: 0%; width:50%; top:0; height: 100% !important; bottom:0; background-size:cover; background-position:50%;}

.right50 iframe,.left50 iframe {height: 100%;}


.rgeDownloads ul {text-align:center; margin-top: 20px;}
.rgeDownloads li {display:inline-block; width:160px; padding: 10px; vertical-align:top;}
.rgeDownloads li i {font-size: 32px; display:block; margin-bottom: 10px;}
.rgeDownloads li a {color:#000; font-size: 14px; display:block; line-height: 1; }
.rgeDownloads li:hover a {color:#fff !important; text-shadow:0px 0px 10px #fff;}



/*GALLERY*/
.gallery {background-size:cover !important; background-position:center center !important;}
.gallery .fa-search-plus {position:absolute; bottom: 10px; font-size: 20px; right: 10px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.7);}
#gallery {position:fixed; padding: 40px; top:0; left:0;right:0;bottom:0; background:#000; background:rgba(0,0,0,0.8); z-index:200;}
#gallery ul {display:block; position:relative; text-align:center; height: 100%;}
#gallery li {position:absolute; top: 0px; left: 0px; width: 100%; text-align:center; pointer-events:none;}
#gallery li img {max-width: 100%;}
#gallery li p {position:absolute; bottom:0;left:-20%;right:-20%;padding:20px 10px; color:#fff;background:rgba(0,0,0,0.6); text-align:center; font-size:18px;}
#gallery .galClose,#vrgallery .vrClose {opacity:0.8; position:absolute; top: 12px; left: 12px; z-index:201; color:#fff; font-size: 48px;}
#gallery .galPrev  {opacity:0.8; position:absolute; top: 48%; left: 5px; z-index:201; color:#fff; font-size: 36px;}
#gallery .galNext  {opacity:0.8; position:absolute; top: 48%; right: 5px; z-index:201; color:#fff; font-size: 36px;}
#gallery i:hover {opacity:1;}
.basicPanel {position:relative; background:#fff; box-shadow:0px 0px 4px rgba(0,0,0,0.3); padding:50% 0px; margin-bottom: 15px;}
.showGallery {cursor:pointer;}

/*lock footer*/
.lockFooter {position:fixed; width:100%; bottom:0; left:0;}

/*404*/
.error404 { transition:all 4s ease-out; transform:scale(0.5); max-width:300px; width:100%; background:rgba(255,255,255,0.9); border-radius: 10px; box-shadow:0px 0px 20px rgba(0,0,0,0.3);padding: 10px 25px; border:6px solid #81c343;  position:absolute; margin-top: 15%; left: 50%; margin-left: -150px; z-index:100;}
.error404 h1 {font-size: 48px; letter-spacing:1px;color:#81c343;}
.error404 h2 {font-size: 20px; letter-spacing:1px;color:#444;}
.error404 p {font-size: 11px; margin-top: 10px;}
.error404 p a {color:#81c343; font-weight:bold;}
.error404grow {transform:scale(1.1) !important;}


@media(max-width:992px){
#navBtn {top: 10px !important;}
header .logo {max-height: 50px !important; background:url(files/image/logos/Friars_logo_rev_mobile.png) no-repeat; background-size:contain; background-position: 50% 50%;}
.pageHeader h1 {font-size: 36px; padding-left:0px;}
.content h2 {font-size: 28px;}
#breadcrumbs {display:none;}

}


@media(max-width:480px){
    .panelSlider {height: 40vh;}
    .pTitle {font-size: 20px; padding-left: 20px;}
    .pSlides li {padding-top: 50px;}
    .pLink {font-size: 14px;}
    .pNav {right: 55px; bottom: 15px;}
    .pSlides li:after {font-size:50px;}
    .pLink {margin-left: -30px; padding-left: 15px; top:-10px;}
    .pNav {transform:scale(0.6); transform-origin:100% 100%;}
    .sectionHeader {font-size: 26px;}
    .sectionSubHeader {font-size: 12px;}
    header .logo {max-height: 40px !important;}
    .rgeDownloads li { width:150px; padding: 5px;}
    .rgeDownloads li a {font-size: 12px;}
}
@media(max-width:768px){
    .right50,.left50 {position:relative; width:106%; height: 300px !important; left:-3%; float:left;}
}

.faq h2 {font-size: 22px !important; cursor:pointer; margin-top: 20px; color:#444;}
.faq div {display:none;}
#rgeWrapper .newsStory {background:#fff; }
#rgeWrapper .faq div {display:block !important;}







.newsFilters {background:#f5f5f5; text-align:center; padding:0px 0 5px 0; margin:0px 0px 20px 0px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.newsFilters label {font-size: 12px; font-weight: 100; display:inline-block; padding:0px 5px 0px 5px; position:relative; top:2px; vertical-align:bottom;}
.newsFilters input[type="text"] {border:1px solid #ddd; font-size: 16px; padding: 2px 10px; font-weight: 200; margin-left: 2px; border-radius: 2px;}
.newsFilters select {height: 26px; font-size: 14px; font-weight: 200;}
.newsFilters input[type="submit"] {display:inline-block; font-size: 16px; border-radius: 4px; margin-left: 10px; height: 28px; vertical-align:bottom; position:relative; top:3px; padding:2px 12px; border:1px solid #ddd; font-weight: 200; background:#1a339a; color:#fff;}

.newsPaging a {border:1px solid #ddd; border-radius:4px; min-width: 25px; height: 25px; display:inline-block; padding: 2px; text-align:center; font-weight: 100; margin:0px 5px 20px 5px; text-shadow:1px 1px 0px rgba(0,0,0,0.2);}
.newsPaging .pagingMore,.developerPaging .pagingLess {border:none !Important;}
.newsPaging .pagingCurrent {background:#1a339a; color:#fff;}

















/*HERO VIDEO / SLIESHOW STYLES */
#hero {position:relative; width:100%; min-height: 300px; background:#000; overflow:hidden; background-size:cover; background-position:center center; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
@media(min-width:960px){#hero {min-height: 500px;}}
#hero iframe {position:absolute; top:0; left:0; pointer-events:none; opacity:0; }
.heroSlideshow {position:absolute; left: 0;top:0;bottom:0;right:0}
.heroSlideshow li {position:absolute; width: 100%; height: 100%; list-style:none; opacity:0;}
.heroSlideshow li span {position:absolute; left: 0;top:0;bottom:0;right:0; background-size:cover; background-position:center center;}
#hero .heroLogo {width: 100%;min-height: 120px;max-height: 180px;background-size:contain;background-repeat:no-repeat;background-position:center center; background-image:url(files/image/logos/shield.png);position:absolute; top: 15%;height: 50%;opacity: 0.7;}
.heroVideoOverlay {position:absolute; left: 0;top:0;bottom:0;right:0}
.heroAction {padding:20px; text-align:center; position:absolute; bottom: 12%; width: 100%;}

.centreButtons a {font-size:18px; box-shadow:2px 5px 30px rgba(0,0,0,0.3); margin:10px 20px 5% 20px; display:inline-block; background:#380405; color:#fff; padding: 8px 25px 5px 25px; font-weight: normal; font-family: 'Antic Didone', serif; letter-spacing: 2px; border-radius: 20px; border:3px solid #d1d1c0; position:relative;
transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; z-index:1; -ms-transition:all 0.3s; -o-transition:all 0.3s;}


.centreButtons a:hover {background:#000; color:#fff; transform:scale(1.02);box-shadow:5px 10px 40px rgba(0,0,0,0.45);}
.centreButtons a:before {position:absolute; left: -10px; width:20px; height: 20px; border-radius: 20px; content:""; background-color:#d1d1c0; transform:scale(0.7,1);}
.centreButtons a:after {position:absolute; right:-10px; width:20px; height: 20px; border-radius: 20px; content:""; background-color:#d1d1c0; transform:scale(0.7,1);}

#heroVidSwitch {position:absolute;  z-index:99;bottom: 10px;left: 10px;border-radius: 3px;background:#380405;border:1px solid rgba(0,0,0,0.2);border-bottom-color:rgba(255,255,255,0.1);padding:0px;overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.3);}
.switchVid {position:relative; display:inline-block; width: 50%; padding: 3px 6px 3px 10px; color:#fff; border-right: 1px solid rgba(0,0,0,0.5); background:rgba(0,0,0,0); box-shadow:inset 0px 0px 0px rgba(0,0,0,0);}
.switchImg {position:relative; display:inline-block; width: 50%; padding: 3px 10px 3px 6px; color:rgba(255,255,255,0.4); border-left: 1px solid rgba(255,255,255,0.1); background:rgba(0,0,0,0.2); box-shadow:inset 3px 3px 5px rgba(0,0,0,0.2);} 
.switchOff .switchVid{background:rgba(0,0,0,0.2); box-shadow:inset 3px 3px 5px rgba(0,0,0,0.2); color:rgba(255,255,255,0.4);}
.switchOff .switchImg{color:#fff;  background:rgba(0,0,0,0); box-shadow:inset 0px 0px 0px rgba(0,0,0,0);}

@media(min-width:960px){
.heroTabMargin {margin-bottom:-30px;}
.heroWidgets {position:absolute; width:200px; text-align:center; min-height: 30px; right: 20px; bottom: 20px;}
}

.heroWidgets .widget {position:relative; cursor:pointer; width:200px; text-align:left; margin:4px 0px; text-shadow:0px 1px 1px rgba(0,0,0,0.2);font-size:16px; border:rgba(255,255,255,0.1) solid 1px; color:#fff; color:rgba(255,255,255,0.8);}
.heroWidgets .widget i {position:absolute; left: 8px; font-size: 24px; top: 4px;}
.heroWidgets .widget .widgetHeader { padding: 8px 2px 8px 35px; }
.heroWidgets .widget:hover { color:#fff; box-shadow:0px 0px 4px rgba(0,0,0,0.5);}
.widgetExpand {margin-bottom:-10px; display:none;}
.widgetExpand p {text-align:center; font-size: 12px; color:#fff; color:rgba(255,255,255,0.7);}
.widgetExpand p span {display:block; color:#fff; font-size:14px; margin:2px 0px 10px; background:rgba(255,255,255,0.1); padding: 3px 0px;}


@media(max-width:1024px){
.heroWidgets {position:absolute; font-size: 0px; width:100%; text-align:center; min-height: 30px; left:0px; bottom: -4px;}
.heroWidgets .widget {width: 50%; display:inline-block; }
}

@media(max-width:768px){
.centreButtons {padding-bottom:10%;}
.centreButtons a {font-size: 16px !important; margin-left:20px; margin-right: 20px;}	
.heroWidgets .widget {font-size:14px;} .heroWidgets .widget i {font-size: 20px; top: 6px;}
}

/*parallax blocks */
.px {background-repeat:no-repeat; background-size:cover; background-attachment:fixed; z-index:-2; height:100%;}

.parallax600 {width: 100%; height: 600px; overflow: hidden; position:relative;}
.parallax500 {width: 100%; height: 500px; overflow: hidden; position:relative}
.parallax400 {width: 100%; height: 400px; overflow: hidden; position:relative}
.parallax300 {width: 100%; height: 300px; overflow: hidden; position:relative}

@media(max-width:768px){ 
    .expandPX { height: auto !Important; background:#360506; padding:10px 0px;}
    .expandPX .px_content {position:relative; top:0 !important;}
    .expandPX .px {display:none !important;}
     .expandPX .col-sm-10 {margin-bottom: 10px;}     
     .expandPX .col-sm-6 {margin-bottom: 10px;}     
}

@media(max-width:960px){ 
.parallax600 {height:500px;}.parallax500 {height:400px;}.parallax400 {height: 320px;}.parallax300 {height: 240px;}
}
@media(max-width:767px){ 
.parallax600 {height:420px;}.parallax500 {height:400px;}.parallax400 {height: 300px;}.parallax300 {height: 240px;}
}
@media(max-width:480px){ 
.parallax600 {height:400px;}.parallax500 {height:360px;}.parallax400 {height: 280px;}.parallax300 {height: 200px;}
.px_content {padding-top:5px !important; padding-bottom:5px !important;}
}
.px_content {position:absolute; z-index:50; top:0;left:0;right:0;}
.px_tint {position:absolute; z-index:1; background:rgba(0,0,0,0.5); top:0;left:0;right:0;bottom:0;}
.px_content h5 {line-height: 1.3;}


/*Carousel*/
.carouselWrapper {padding:0px 50px !important; position:relative;}
.carousel {margin-left:-15px; margin-right:-15px; height:auto; position:relative; font-size:0px; padding-bottom: 12px;}
.carouseltem  {width:250px; padding:0px 15px; display:inline-block;}
.carouseltem h4 {font-size:16px;}
.carLeft,.carRight {cursor:pointer; position:absolute; font-size:48px; color:rgba(255,255,255,0.6); top:45%;}
.carLeft {left:5px;}
.carRight {right: 5px;}
.carLeft:hover,.carRight:hover {color:rgba(255,255,255,0.9);}
.offWhiteB .carLeft, .whiteB .carLeft,.offWhiteB .carRight, .whiteB .carRight {color:#aaa;}
.infoPanel {background:#fff; margin-top: 15px; border-bottom: solid 3px #444; overflow:hidden; padding:45% 0px; position:relative;}
.infoPanel h4 {position: absolute; z-index:5; width: 90%; text-align:center; left:5%; padding: 5px; border-radius: 6px 6px 0px 0px; background: #444; color:#fff; bottom: 0; white-space: normal; font-size:18px;}
.infoZoom {text-align:center; opacity:0; position:absolute; bottom:0;left:0; z-index:3; width:100%; padding:15px 15px 30px 15px; background:rgba(255,255,255,0.7);}
.infoZoom p {font-size:14px;}
.infoPanel:hover .infoZoom {opacity:1;}
.picZoom {position:absolute; top:0; left:0; right:0; bottom:0; background-size:contain; background-position:50%; background-repeat:no-repeat; z-index:1; transform:scale(1.1);}
.infoPanel:hover .picZoom {transform:scale(1);}

.overPanel {min-height: 100px; text-align:center; padding:15px; border:1px solid #aaa; border-radius:5px; background:rgba(255,255,255,0.8);}
.overPanel p {text-align:center; font-size: 14px;}
.overPanel h4 {font-size: 20px; text-align:center; color:#380405; margin-bottom: 12px;}
.overPanel i {font-size: 48px; margin-bottom: 18px; color:rgba(100,0,0,0.5); margin-top: 5px;}

.confPic {padding-top:66%; background-size:cover;}
.meetingPanel h3 {margin:15px 0px; font-size: 32px; font-family: 'Antic Didone', serif;}
.meetingPanel p {font-size: 15px; margin:10px 0px; line-height:1.8;}


.monthTable {width:100%;}
.monthTable .itemHeader {background:rgba(0,0,0,0.1);}
.monthTable .itemHeader th:nth-of-type(1) {width:25%; font-size: 16px;}
.monthTable .itemHeader th:nth-of-type(2) {width:75%; font-size: 16px;}
.monthTable .itemInfo {font-size: 14px; line-height:1.5; background:rgba(255,255,255,0.2);}
.monthTable h2 { margin-top: 20px; margin-bottom:0px;}

.picC {display:none;}@media(min-width:962px){.picC {display:block; position:absolute !important; left:50%; margin-left:-170px; height:100%;}}

/*KEY MAP*/

.map {position:relative;}
.map li {cursor:pointer; width:30px; height: 30px; border-radius: 30px; background:#f90;}
.map li:hover {background:#000;}
.mapKey {position:absolute; top:0; left:0; right:0; bottom:0;}
.map li {position:absolute !important; margin:0; padding:4px 0px !important; text-align:center; list-style:none !important; color:#fff !important; text-align:center; font-weight: bold !important; font-size: 12px; box-shadow:2px 2px 4px rgba(0,0,0,0.3); transform:scale(0.6); transition:all 0.3s ease-in-out;}
.mapKey li:hover {transform:scale(1);}
.map li:before {content:"" !important;}
.key1 {top:48.5%; left:58.5%;}
.key2 {top:60%; left:68%;}
.key3 {top:65%; left:70%;}
.key4 {top:63%; left:80%;}
.key5 {top:59%; left:85%;}
.key6 {top:48%; left:74%;}
.key7 {top:43%; left:82%;}
.key8 {top:38%; left:84%;}
.key9 {top:35%; left:88%;}
.key10 {top:28%; left:88%;}
.key11 {top:24%; left:83%;}
.key12 {top:31%; left:71%;}
.key13 {top:31%; left:67%;}
.key14 {top:34%; left:57%;}
.key15 {top:29%; left:55%;}
.key16 {top:70%; left:52%;}
.key17 {top:63%; left:49%;}
.key18 {top:75%; left:42%;}
.key19 {top:79%; left:41.5%;}
.key20 {top:83%; left:41%;}
.key21 {top:90%; left:43%;}
.key22 {top:78%; left:36%;}
.key23 {top:74%; left:36.67%;}
.key27 {top:10%; left:13%;}
.key28 {top:13%; left:2%;}
.key30 {top:60%; left:1%;}
 .key li {color:#fff !important; font-size: 14px !important; padding:0px !important;}
.key li:before {content:"" !important;}
.key li em { font-style:normal !important;}
.key li span {display:inline-block; background:#f00; font-size: 12px; width:22px; height: 22px; text-align:center; padding-top:3px; border-radius: 20px; margin-right: 5px;}
.key li span.public {background:#f90 !important;}
.key p {color:#fff; text-align:right;}
.key p span {color:#f90; display:inline-block; transform:scale(3); padding-right: 3px;}
.key h2 {padding-left: 15px;}   

.mapMobile {position:fixed; font-size:20px; color:#fff; padding:5px 15px; left:0; bottom:0; background:#000; border-radius:0 6px 0 0;}

.services_pop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.8); z-index:999; width:100%;}
.services_content {background:#fff; position:relative; max-width:800px; width:100%; padding: 20px; border:1px solid #999; border-radius: 10px; box-shadow:0 0 10px rgba(0,0,0,0.3); margin:25px auto; max-height:90vh;}
.services_content h2 {font-size: 24px; font-family: 'Antic Didone', serif; margin-bottom: 15px;}
.services_content p {font-size: 14px; color:#333; line-height: 1.5;}
.services_content h3 {font-size: 20px; font-family: 'Antic Didone', serif; margin-bottom: 15px;}
.services_content table, .services_table {margin:10px 0px;}
.services_content th, .services_table th {width:100px;font-size: 13px; padding:5px 0px;}
.services_content td, .services_table td  {font-size: 13px; padding:5px 10px; line-height: 1.4;}

.eventPanel {margin-bottom: 15px; overflow:hidden; padding-top: 60% !important; position:relative; border:1px solid #666; border-radius: 6px;}
.eventPanel .picZoom {bottom: 20%;}
.eventPanel h4 {position:absolute; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; bottom:25px; z-index:10; background:#000; width:100%; color:#fff; padding: 5px;}
.eventPanel h5 {position:absolute; bottom:0%; font-size:12px; width:100%; text-align:center; color:#000; background:#fff; padding: 5px;}
.eventButtons a {display:inline-block; background:#fff; margin:0px 10px 0px 0px !important; padding: 3px 15px; border-radius: 15px;} 


.caption {margin:10px; background:#f5f5f5; padding:15px; border-radius: 5px; font-size:12px !important; line-height:1.7 !important;}
.caption em {padding-right: 5px; font-weight:bold; }


#donateBtn {background:#d1d1c0; border-radius:20px; border:2px solid #fff; box-shadow:0 0 6px rgba(0,0,0,0.5); color:#380405; font-weight:bold; font-family:'Antic Didone', serif; display:inline-block; padding: 1px 20px !important; font-size: 20px; line-height:1.3;}
#donateBtn:hover {background:#380405; color:#fff;}


.leftFlash {position:absolute; width: 220px; height: 220px; overflow:hidden; top:0; left:0;}
.leftFlash div {width:300px; position:absolute; padding: 10px; color:#fff; font-size: 18px; font-weght: bold; font-family:'Helvetica'; letter-spacing: 1px; transform-origin:50% 0%; left:-80px; top: 70px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); box-shadow:5px 5px 10px rgba(0,0,0,0.6);}





/*table data - maybe target specific class? */
.row table {width: 100%; min-width: 280px; border-collapse:collapse; background:#efefef; border: 1px solid rgba(0,0,0,0.3);}
.row table td, .row table th {padding:7px 10px; line-height: 1; font-size: 12px;}
.row td {text-align:center; border-left:1px solid rgba(0,0,0,0.1)}
.row th {text-align:left; background:rgba(0,0,0,0.1); white-space:nowrap; font-weight: 600;}
.row table tr {border-bottom:1px solid rgba(0,0,0,0.1)}
.row table tr:nth-child(2n) {background:#eeffff;}

.CookieDeclaration {display:none !important;}

#newsStoryShell p a {display:inline-block; padding: 5px 0 20px 0 !important; color:#000; text-decoration:underline;}
.newsCategory h2 {color:#000;}
.newsCategory h2 span {display:none;}