/*-----------------------------------------------------------------------------------

Theme Name: Oneida, NY
Front-end developer: Raju Paul
Author Design: Jacob Nagy
Author URI: https://www.revize.com/
Date: 06/18/2025

-----------------------------------------------------------------------------------*/

/* -----------------------------------------
#fonts
-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.to-hide .button-wrap{padding:0}
aside.to-hide{height:0;min-height:initial !important;padding:0 !important}
/* -----------------------------------------

#basic styles
-----------------------------------------*/

/* very important!!! Assign these colors */

:root {
  --black:#1e2427;
  /* --blue:#0055a9;
  --dark-blue:#0c4a87;
  --darkest-blue:#052341;
  --darkest-blur-two:#0b1f38;
  --off-white:#fefeff; */

  --white:#fff;
  --navy:#2E4C92;
  --light-blue:#E9F1FE;
}

@font-face{
  font-family:'weather';
  src:url('../fonts/weather/artill_clean_icons-webfont.eot');
  src:url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'),
  url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'),
  url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
  font-weight:normal;
  font-style:normal;
  }
  .weather i{
  font-family:'weather';
  font-weight:400;
  font-size: 32px;
  float: left;
  margin-right: 0;
  position: absolute;
  left: -9px;
  }
  
  .weather .icon-0:before{content:":"}.weather .icon-1:before{content:"p"}.weather .icon-2:before{content:"S"}.weather .icon-3:before{content:"Q"}.weather .icon-4:before{content:"S"}.weather .icon-5:before{content:"W"}.weather .icon-6:before{content:"W"}.weather .icon-7:before{content:"W"}.weather .icon-8:before{content:"W"}.weather .icon-9:before{content:"I"}.weather .icon-10:before{content:"W"}.weather .icon-11:before{content:"I"}.weather .icon-12:before{content:"I"}.weather .icon-13:before{content:"I"}.weather .icon-14:before{content:"I"}.weather .icon-15:before{content:"W"}.weather .icon-16:before{content:"I"}.weather .icon-17:before{content:"W"}.weather .icon-18:before{content:"U"}.weather .icon-19:before{content:"Z"}.weather .icon-20:before{content:"Z"}.weather .icon-21:before{content:"Z"}.weather .icon-22:before{content:"Z"}.weather .icon-23:before{content:"Z"}.weather .icon-24:before{content:"E"}.weather .icon-25:before{content:"E"}.weather .icon-26:before{content:"3";color: #efcc00;}.weather .icon-27:before{content:"a"}.weather .icon-28:before{content:"A"}.weather .icon-29:before{content:"a"}.weather .icon-30:before{content:"A"}.weather .icon-31:before{content:"6"}.weather .icon-32:before{content:"1"}.weather .icon-33:before{content:"6"}.weather .icon-34:before{content:"1"}.weather .icon-35:before{content:"W"}.weather .icon-36:before{content:"1"}.weather .icon-37:before{content:"S"}.weather .icon-38:before{content:"S"}.weather .icon-39:before{content:"S"}.weather .icon-40:before{content:"M"}.weather .icon-41:before{content:"W"}.weather .icon-42:before{content:"I"}.weather .icon-43:before{content:"W"}.weather .icon-44:before{content:"a"}.weather .icon-45:before{content:"S"}.weather .icon-46:before{content:"U"}.weather .icon-47:before{content:"S"}
  span.forecast {margin-right: 0;position: relative;color: var(--navy);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;padding: 13px 24px;}
  span.forecast::after{content: "";width: 1px;height:24px;background: rgba(46, 76, 146, 0.20);position: absolute;right: 0;}
  #weather {display: flex;column-gap: 6px;align-items: center;position: relative;}
  span.weather-deg {margin-left: 4px;position: relative;}

body {background: var(--white);font-size: 14px;line-height: 1.6;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color: #444;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;overflow-x: hidden;top: 0 !important;font-family: "Roboto", sans-serif;}

/* -----------------------------------------

#typography

-----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
color: #111;
font-weight: normal;
margin-bottom: 20px;
line-height: 1.2
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit
}

h1 {color: var(--navy);font-family: "Roboto", sans-serif;letter-spacing: .7px;margin-bottom: 24px;font-size: 40px;font-style: normal;font-weight: 900;text-transform: capitalize;}

h2 {
  margin: 0 0 26px;
  color: var(--navy);
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .7px;
  text-transform: capitalize;
}

h3 {color: var(--navy);font-size: 28px;font-style: normal;font-weight: 600;text-transform: capitalize;line-height: 1;margin: -5px 0 28px;letter-spacing: .7px;}

h4 {color: var(--navy);font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 600;text-transform: capitalize;/* margin-bottom: 24px; */letter-spacing: .4px;}

h5 {margin-bottom: 23px;color: var(--navy);font-family: "Roboto", sans-serif;font-size: 18px;font-style: normal;font-weight: 600;text-transform: capitalize;}

h6 {color: var(--navy);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 600;text-transform: capitalize;margin-bottom: 24px;}

.header {
font-size: 28px;
color: var(--brandcolor);
margin-bottom: 20px
}

.subheader {margin-bottom: 23px;font-weight: 500;display: block;font-size: 28px;font-family: "Oswald";color: rgb(21, 19, 21);text-transform: uppercase;line-height: 0.786;}

p {margin: 0 0 20px 0;}

em {
font-style: italic
}

strong,
b {
font-weight: bold
}

small {
font-size: 80%
}

hr {
border: solid var(--lightgray);
border-width: 1px 0 0;
clear: both;
margin: 10px 0 30px;
height: 0
}


/* -----------------------------------------

#links

-----------------------------------------*/
a,
a:visited {text-decoration: underline;-webkit-transition: color .3s ease;-moz-transition: color .3s ease;-o-transition: color .3s ease;transition: color .3s ease;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;color: var(--navy);}

p a,
p a:visited {
line-height: inherit
}

/* -----------------------------------------

#lists

-----------------------------------------*/
ul,
ol {
margin-bottom: 20px;
margin-left: 10px
}

ul {
list-style: disc
}

ol {
list-style: decimal
}

ul ul,
ul ol,
ol ol,
ol ul {
margin: 4px 0 5px 30px
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
margin-bottom: 6px
}

li {
line-height: 1.3;
margin-bottom: 7px;
}

li p {
line-height: 1.3
}

/* -----------------------------------------

#images

-----------------------------------------*/
img {
max-width: 100%;
height: auto
}

a img {
border: none
}

.alignleft {
float: left;
clear: left;
margin: 0 20px 20px
}

.alignright {
float: right;
margin: 0 0 20px 20px
}

.alignnone {
margin: 0 auto 20px;
display: block
}

img[align="right"],
img[style*="float: right"],
img[style*="float:right"] {
margin: 0 0 20px 20px;
}

img[align="left"],
img[style*="float: left"],
img[style*="float:left"] {
margin: 0 20px 20px 0;
}

/* -----------------------------------------

#buttons

-----------------------------------------*/
.button,
a.button,
/*#post button:not(.rz-agenda-search-submit),*/
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn{padding: 16px 24px;background: var(--navy);color: var(--white);border:0;display:inline-block;text-decoration:none;cursor:pointer;vertical-align:middle;transition:all .3s;text-transform: capitalize;text-align: center;border-radius: 40px;

/* Body/Regular */font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;/* line-height: normal; */ /* 24px */text-wrap: nowrap;}
.button:hover,
a.button:hover,
#post button:hover,
#post input[type="submit"]:hover,
#post input[type="reset"]:hover,
#post input[type="button"]:hover,
.rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background: var(--light-blue);color: var(--navy);}
.button:active,
a.button:active,
#post button:active,
#post input[type="submit"]:active,
#post input[type="reset"]:active,
#post input[type="button"]:active,
.rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background: var(--light-blue);color: var(--navy);}
#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}


/* -----------------------------------------

#revize edit buttons DO NOT MODIFY

-----------------------------------------*/
/* ----------------------------------------- #helpers and positioning for revize buttons -----------------------------------------*/
.relative{position:relative!important}
.absolute{position:absolute!important}
.static{position: static!important}
.user-logged-in{box-shadow: 0 0 10px rgba(21,0,56,0);padding:14px}
.rz-bar-center-col{display:none!important}

/* default position for revize buttons is top right DO NOT WRAP - Check Below for other positioning */
.rz-btns-container{line-height:1.5!important;font-size:16px;opacity:0;background:var(--white);padding:4px;box-shadow:0px 2px 10px rgba(21, 0, 56, 0.08);border:1px solid rgba(21, 0, 56,.1);transform:translateY(10px);transition:all .2s;position:absolute;top:0;right:0;z-index:9;white-space:nowrap}
.rz-btns-stacked{padding:6px 6px 0!important}

/* 
to reposition '.rz-btns-container' WRAP IT IN A DIV WITH ONE OF THE CLASSES BELOW
top-left,top-center,right-center,right-bottom,center-bottom,center-center,bottom-left,left-center 
*/
.left-top{top:0!important;right:auto!important;left:0!important;z-index:9;position:absolute}
.left-top .rz-btns-container{position:relative!important}
.center-top{top:0!important;right:50%!important;transform:translate(50%, 0)!important;z-index:9;position:absolute}
.center-top .rz-btns-container{position:relative!important}
.right-center{top:50%!important;right:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute}
.right-center .rz-btns-container{position:relative!important}
.right-bottom{top:auto!important;right:0!important;bottom:0!important;z-index:9;position:absolute}
.right-bottom .rz-btns-container{position:relative!important}
.center-bottom{top:auto!important;right:50%!important;bottom:0!important;transform:translateX(50%)!important;z-index:9;position:absolute}
.center-bottom .rz-btns-container{position:relative!important}
.center-center{top:50%!important;right:50%!important;transform:translate(50%, -50%)!important;z-index:91;position:absolute}
.center-center .rz-btns-container{position:relative!important}
.left-bottom{top:auto!important;right:auto!important;left:0!important;bottom: -42px;z-index:9;position:absolute}
.left-bottom .rz-btns-container{position:relative!important}
.left-center{top:50%!important;right:auto!important;left:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute}
.left-center .rz-btns-container{position:relative!important}

/* ----------------------------------------- rzBtn's -----------------------------------------*/
.rz-btns-container a{display:inline-block!important}
.rzBtn{text-transform:capitalize;cursor:pointer;text-decoration:none;position:relative;line-height:1.5!important;display:inline-block!important;letter-spacing:0!important;padding:7px 14px;background:#fff!important;color:#000!important;font-weight:bold!important;font-size:16px;white-space:nowrap;text-align:center;border:1px solid #e6e6e6;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important}
.rz-btns-stacked a,.rz-btns-stacked .rzBtn{display:block!important;margin-bottom:6px;text-decoration:none}
.rzBtn:hover{background:#eee!important;border-color:#ccc;color:#000!important;text-decoration:none}
.rzBtn-sm{font-size:14px!important;padding:5px 10px!important}
.rzBtn-xs{font-size:12px!important;padding:3px 6px!important}
.user-logged-in .yes-has-edit-buttons{position:relative;outline:3px solid transparent;outline-offset:6px}
.user-logged-in .yes-has-edit-buttons:hover,.show-edit-buttons .user-logged-in .yes-has-edit-buttons{outline:3px solid #6000fe;outline-offset:3px;z-index:10!important;transition:all .2s;min-width:142px;min-height:32px}
.user-logged-in .yes-has-edit-buttons:hover .rz-btns-container:has(.rzBtn),
.show-edit-buttons .user-logged-in .yes-has-edit-buttons .rz-btns-container:has(.rzBtn){opacity:1;height:auto;transform:translateY(0);opacity:1}
.hide-edit-btns .rz-btns-container{display:none}
.user-not-logged-in .rz-btns-container{display:none!important}
.user-not-logged-in aside.bg-color{display:none!important}

/* -----------------------------------------

#forms

-----------------------------------------*/
form {
margin-bottom: 20px
}

fieldset {
margin-bottom: 20px
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {padding: .375rem .75rem;outline: none;margin: 0;display: inline-block;box-shadow: none;font-size: 16px;font-weight: 400;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
color: var(--brandcolor);
border: 1px solid var(--dark-blue)
}

label,
legend {
display: block;
font-weight: bold;
font-size: 13px
}

input[type="checkbox"] {
display: inline
}

label span,
legend span {
font-weight: normal;
font-size: 16px;
color: #444
}

.form-control:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
}

::placeholder {
  color:var(--dark-gray);
}

::-webkit-input-placeholder {
color:var(--dark-gray);
}

::-moz-placeholder {
color:var(--dark-gray);
}

::-moz-placeholder {
color:var(--dark-gray);
}

::-ms-input-placeholder {
color:var(--dark-gray);
}

.gsc-control-cse * {
box-sizing: content-box
}

/* -----------------------------------------

#rz intranet

-----------------------------------------*/
form.loginform {
background: var(--white);
padding: 30px;
border: 1px solid #D2DFEF
}

form.loginform p {
background: #E65229;
color: var(--white);
padding: 20px;
line-height: 1
}

form.loginform label {
font-weight: normal
}

form.loginform label input {
display: block;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
padding: 10px;
color: #000
}

/* -----------------------------------------

#rz alert

-----------------------------------------*/
.floating-alert {position:fixed;z-index:99999;bottom:20px;margin:0;right: 20px;color:#666;padding: 40px 32px;font-size:14px;width: 547px;display:flex;flex-direction:column;overflow:hidden;border-radius: 8px;border: 0;background: var(--white);box-shadow: 0px 11px 14.56px 1.44px rgba(0, 0, 0, 0.19);}
.floating-alert h2 {margin:0 0 10px;font-weight: 700;text-align: left;font-size: 32px;font-family: "Roboto", sans-serif;color: rgb(0, 0, 0);line-height: 1.2;text-transform: capitalize;}
.floating-alert p {margin:0;font-weight: 400;font-size: 16px;font-family: "Roboto", sans-serif;color: rgb(111, 111, 111);line-height: 26px;}
.alert-buttons {margin: 28px -32px -40px;border-top: 1px solid #dadada;display:flex}
.alert-button {border-right: 1px solid #dadada;flex:1 1 auto;text-align:center;padding: 24px 0;color: #122B3F;font-size: 14px;font-weight: 500;text-decoration: none;font-size: 18px;font-family: "Roboto", sans-serif;color: rgb(0, 0, 0);}
.alert-buttons .alert-button:last-of-type { border:0 }
.alert-button:hover {background: var(--blue);text-decoration:none;cursor:pointer;color: var(--white);}
.floating-alert.fade:not(.show) { display:none }
/* -----------------------------------------

#rz edit

-----------------------------------------*/
.inner-cat-wrap{display:block;}
.rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]{background-size:50% !important}
.rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]:after{bottom:50% !important}
#event-modal .modal-footer .btn{margin:5px 0 0 10px;color: var(--white) !important;text-decoration: none;}
#event-modal .modal-footer .btn:hover{text-decoration: underline;}
#post input[type="submit"].rz-doc-search-submit {padding: 0 15px;border-radius: 4px;}
body .cat h3 {border-bottom: 1px solid var(--navy);background: var(--navy);}
form#rz-business-directory-search{margin:0 0 15px 0}
.faq-header ~ .faq-editbtns {margin-top: -35px;position: relative;z-index: 1;}
.faq-header{width:100%}
#rz-business-categories .business-category-edit{margin:0 0 15px 0}
.pp_pic_holder.pp_default {position: fixed !important;top: 50% !important;transform: translateY(-50%);}
.share-btns a img {width: 55px;display: block;margin: 55px auto;}
#rz-business-directory .rz-block-img:after{display: none;}
#freeform .faq-question .faq-question-header {font-size: 18px;}


@media only screen and (max-width:767px) {
    .share-btns a img {width: 20px;margin: 15px auto;}
}
article#rz-business-directory i.fa.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;}
.business-social-links a>.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;}
#freeform #entry #post #calendar-filters {margin: 0 0 10px 0;padding: 0;}
.bg-color{background: var(--white) !important;padding: 20px !important;}
#freeform #entry #rz-rpfbids-row{background:var(--navy) !important;}
#freeform #entry .rpfbids td{text-align:left !important}

/* #post a:not(.button,.button a,.btn,.btn a,#calendar-filters a,.fc-day-number,#calendar-submit,.faq-header,.faq-question .faq-question-header,#breadcrumbs a,.faq-editbtns a){color: var(--navy);text-decoration: underline;} */
#freeform #main #post span.btn > a{color: var(--white);text-decoration: none;}
#freeform #main #post span.btn{border: 0;display: inline-block;text-decoration: none;cursor: pointer;vertical-align: middle;transition: all .3s;line-height: normal;text-transform: uppercase;text-align: center;padding: 16px 24px 14px 24px;color: var(--white);border-radius: 50px;background: var(--navy);font-family: "Roboto", sans-serif;font-size: 14px;font-style: normal;font-weight: 700;}
#freeform #main #post span.btn:hover{background: var(--light-blue);color: var(--navy);text-decoration: none;}
#freeform #main #post span.btn:hover a{color: var(--navy);}
input#faq-filter,.dataTables_filter input,.dataTables_filter input:focus {border: 1px solid;}
#freeform .business-social-links h3 {font-size: 15px !important;}
#freeform #main .col-lg-9 #categorties-wrap h3 {font-size: 20px;}

article#entry #post:before,article#entry #post:after {content: "";display: block;}
article#entry #post:after {clear: both;}

#freeform #entry #post .file-group a {font-size: 20px;}
#freeform #entry #post .rz-sort-options {font-size: 16px;}

.divider-home,.f-box-home{display: none !important;}
.button.full-contact {padding: 10px 16px;margin-top: 0!important;}
.button-wrap{padding: 0 8px 8px;}

aside.no-shadow {
    box-shadow: none !important;
}

/*Events in department*/
#dpt-evnt{}
#dpt-evnt-header{padding: 16px 32px 16px;margin: 0 !important;background: var(--navy);position: relative;color: var(--white);line-height: normal;margin-bottom: 13px;
    border-radius: 15px 15px 0 0;font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;text-transform: capitalize;letter-spacing: 0;text-align: center;}
#dpt-evnt-details {
    padding: 24px 32px 24px;
}



/* -----------------------------------------

#main

-----------------------------------------*/

/* 
#wrapper_sliderVideo {z-index: 1 !important;} */

#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}
#calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header{position: fixed;z-index:200;width: 100%;top: 0;background: var(--white);}
/*.user-logged-in .site-header{position: sticky;}*/
.site-header.scrolled {box-shadow: 0px 4px 20px 0px rgba(44, 44, 44, 0.29);}
/*.user-not-logged-in .site-header.scrolled #logo {width: 250px;display: none;}*/

/*.user-not-logged-in .site-header.scrolled #logo {width: 200px;display: block;}*/

#wrapper_sliderVideo {z-index: 1 !important;}
.tools-wrap {display: flex;align-items: center;justify-content: right;column-gap: 16px;padding-right: 32px;}  
#logo{display:block;padding: 0;text-decoration:none;max-width: 599px;/* max-width:100%; */transition: .3s all;/* position: absolute; *//* top: -19px; *//* left: 0px; *//* z-index: 9; */margin: 20px auto;}
#social-media-links {display: flex;column-gap: 24px;position: relative;/*margin-left: 16px;min-width: 112px;*/}
#social-media-links .rz-btns-container {top: -42px;}
.head-right-tools .rz-btns-container {top: 50px;}



#f-social-media-links {display: flex;width: 88px;justify-content: space-between;column-gap: 5px;position: relative;margin: 60px  0 0;}
.social-media-link {width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 50px;background: var(--bw-white-15, rgba(255, 255, 255, 0.15));backdrop-filter: blur(7.5px);}
.social-media-link img{width: 20px;}
#social-media-links-f .social-media-link {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;background: var(--off-white);border-radius: 50%;}
#social-media-links-f .social-media-link img{width: 26px;}
#f-social-media-links .top-right{/* top:34px; */position: absolute;}
.header-top {padding: 0;background: var(--navy);backdrop-filter: blur(7.5px);position: relative;z-index: 1;}
.container{width: 1278px;max-width: 100%;}

/*Header*/
.header-bottom {background: var(--white);padding: 0;}
#freeform .header-bottom {border-bottom: 1px solid var(--navy);}
.header-bottom .container {display: flex;justify-content: space-between;padding: 0 48px;}
.header-top .container-fluid{max-width: 100%;padding: 0 78px 0 58px;}
.header-top .container-fluid .col-lg-4{display: flex;align-items: center;justify-content: flex-end;}
.pipe {margin: 0 10px;/* color: var(--white); */color: rgba(46, 76, 146, 0.10);}
.head-left-tools {display: flex;align-items: center;}
.head-right-tools img{width: 18px;}
.head-contact{color: var(--navy);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;text-decoration: none;display: flex;align-items: center;padding: 13px 24px;column-gap: 8px;position: relative;}
.head-contact::after {
  content: "";
  width: 1px;
  height: 24px;
  background: rgba(46, 76, 146, 0.20);
  position: absolute;
  right: 0;
}
.head-contact:last-child::after{display: none;}
.head-links {display: flex;}
.head-contact:hover{background: var(--light-blue);}


 /*Events*/
 #events{margin-bottom: 58px;}
 #events .button{background: var(--darkest-blue);}
.footer-top {padding: 23px 0 12px;}
#footer-bottom .container {display: flex;justify-content: space-between;/* background: var(--white); */align-items: center;}
a.location {color: var(--white);text-decoration: none;margin: 0;font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */margin: 8px 0;}
a.location:hover,a.location:active,a.location:focus{color: var(--white);text-decoration: underline;}
 img.event-shape {width: 100%;top: 1px;position: relative;}
 #social-media-links-f {display: flex;column-gap: 10px;}
.events-in{position: relative;background: var(--dark-blue);overflow: hidden;padding: 0;}
#events .container{position: relative;width: 1398px;max-width: 100%;}
#events .section-title{margin: 17px 0 20px;font-size: 40px;font-family: "Oswald", sans-serif;color: rgb(255, 255, 255);text-transform: uppercase;text-align: left;letter-spacing: 2px;position: relative;left: -2px;}
.event-wrap {border-radius: 8px;}
.calendar-wrap {width: 100%;}
#events .section-title-wrap .button {position: absolute;right: -2px;top: 60px;}
#events .section-head,#events .section-head span{color: var(--white);}
#events-box {padding: 0;}
.btn-events{float:right;}
.events-shape {position: absolute;bottom: 0px;width: 383px;max-width: 100%;right: -17px;}
.cal-wrapper .rz-btns-container {top: -55px;}
.cal-wrapper {max-width: 100%;margin: 0;text-align: center;}
.cal-list-wrapper {width: 450px;max-width: 100%;margin: 0;}
.cal-img-wrapper{width: 555px;max-width: 100%;height: 730px;background-size: 100% 100% !important;position: relative;z-index: 1;}
.cal-items-wrapper{display: flex;justify-content: space-between;column-gap: 40px;position: relative;}
.divider {
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.60);
}

#footer-bottom .divider {margin: 0 15px;background: rgba(255, 255, 255, 0.20);}

/*News*/
.site-news {padding: 64px 0;position: relative;}
/*.site-news .news-controls{display: none;}*/
.site-news button[data-controls] img {width: 14px;}
.news-button {display: flex;align-items: center;column-gap: 20px;position: relative;top: 14px;}
.news-button .prev {border: 0;background: transparent;}
.site-news .button{position: relative;right: 2px;}
#homepage .site-news .container-fluid{position: relative;z-index: 1;left: 0;padding: 0 96px;}
#homepage .site-news .tns-ovh{position: relative;margin: -15px;padding: 5px;}
#homepage .site-news .tns-controls {display: flex;opacity: 1;margin: 0;z-index: 1;top: -50px;left: 410px;column-gap: 10px;}
#homepage .site-news:hover .tns-controls{opacity: 1;}
#homepage .site-news:hover .tns-controls {opacity: 1;}
#homepage .site-news li{margin-bottom:0;list-style: none;}
#homepage .site-news .news-box {text-align: center;text-decoration: none;margin: 0 auto;position: relative;color: var(--white);display: block;overflow: hidden;transition: .5s all;background: var(--white);border-radius: 15px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20);}
.section-title-wrap {justify-content: space-between;position: relative;/* left: 5px; */margin-bottom: 32px;display: flex;align-items: center;}
#homepage .site-news .tns-outer button[data-controls]:hover{background: var(--yellow);}
#homepage .site-news .tns-outer button[data-controls]:hover img{filter: brightness(.1);}
#homepage .site-news .news-box p{color: var(--Typography-primary, #111);font-size: 16px;font-weight: 700;line-height: 24px;min-height: 100px;margin-bottom: 32px;}
#homepage .site-news .news-box:hover{text-decoration: underline;}
#homepage .site-news .news-desc-wrap{background: var(--white);padding: 40px;position: relative;z-index: 1;text-align: left;/*! height: 205px; */}
#homepage .site-news .date{display: inline-block;text-align: center;padding: 0;margin: 0 0 4px;color: var(--bw-black-60, rgba(0, 0, 0, 0.60));font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;}
#homepage .site-news .date span{display: block;margin: -1px 0 0;color: #4B4545;text-align: center;font-size: 24px;font-style: normal;font-weight: 700;line-height: 135%;text-transform: uppercase;}
#homepage .site-news .date-in {position: relative;top: 45px;left: -9px;color: #4B4545;font-size: 32px;font-style: normal;font-weight: 800;}
#homepage .site-news .news-img{border-radius: 15px 15px 0 0;transition: .3s all;background-size: cover !important;padding-bottom: 72.9%;}
.section-title span{
  display: block;
  margin: 0 0 10px;
  color: var(--navy);
  font-family: "Libre Baskerville";
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  opacity: .8;
}
#homepage h4.news-title {text-align: left;margin: 0;height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;word-break: break-all;color: var(--navy);font-family: "Roboto", sans-serif;font-size: 22px;font-style: normal;font-weight: 500;text-transform: capitalize;}
.section-title {
  margin: 0;
  color: var(--navy);
  /* Heading/Section Header */
  font-family: "Roboto", sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%; /* 56px */
}
/* Qlinks*/
.site-qlinks{padding: 0;position: relative;margin-top: -48px;}
.site-qlinks .tns-controls {z-index: 0;margin: -18px -50px;}
.site-qlinks .container-fluid{position: relative;max-width: 100%;padding: 0 100px;}
.site-qlinks li{margin: 0;list-style: none;}
.qlink{text-decoration: none !important;display: block;border: 0;padding: 0;transition: .5s all;text-align: center;font-size: 20px;line-height: 24px;font-weight: 700;letter-spacing: 0;border-radius: 25px;position: relative;margin: 0 auto;}
.qlink:hover{text-decoration: none;}
.qlink-title {width: 100%;display: block;position: relative;z-index: 1;top: 0;padding: 0 15px;color: var(--navy);text-align: center;font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: 120%;text-transform: capitalize;}
#homepage .qlink-icon {width: 96px;height: 96px;}
.qlink-icon {width: 80px;margin: 0 auto;transition: .3s all;height: 80px;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;transition: .3s all;top: 0;margin-bottom: 16px;border-radius: 100px;background: var(--navy);}
.qlink-icon img{position: relative;width: 40px;filter: brightness(20);}
.qlink-icon-wrap .shadow-img{width: 150px;margin-top: -16px;margin-bottom: 24px;}
.qlink:hover .qlink-icon{background: var(--light-blue);position: relative;}
.qlink:hover .qlink-icon img{filter: none;}

#homepage .mini-list-loaded::-webkit-scrollbar {width: 6px;} 
#homepage .mini-list-loaded::-webkit-scrollbar-thumb {background:#1f2e5b;border-radius: 20px;}
#homepage .mini-list-loaded::-webkit-scrollbar-track {background: #e3e3e3;border-radius: 20px;}
body #userwayAccessibilityIcon{display:none !important}
button#ada-btn {transition: .3s all; border: 0;background: transparent;margin-right: 0;position: relative;color: var(--navy);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;padding: 13px 24px;}
button#ada-btn::after{content: "";width: 1px;height:24px;background: rgba(46, 76, 146, 0.20);position: absolute;right: 0;}
button#ada-btn img{width: 22px;margin-right: 8px;}
.ada-wrap {position: relative;}
button#ada-btn:hover{background: var(--light-blue);}

/*Events*/
.site-events {padding: 64px 0;background: var(--navy) !important;}
.site-events .section-title-wrap .button{position: relative;top: 15px;background: var(--light-blue);color: var(--navy);}
.site-events .section-title{margin-bottom: 0;letter-spacing: -0.5px;color: var(--white);}
.site-events .section-title span{letter-spacing: 0;color: rgba(255,255,255,1);}

/*base nav styles*/
.site-header #nav{padding:0;display:flex;flex-wrap:wrap;justify-content: space-between;width: 905px;margin: 0 auto;position: relative;z-index: 1;}
.site-header #nav li{break-inside: avoid;list-style:none;margin:0;}
.site-header #nav li ul.second-level {display: none !important;}
.site-header #nav li.li-36 ul.second-level {display: block !important;}




.site-header #nav ul{padding:0;margin: 0 0 6px;}
.site-header #nav a:not(.fa),
.site-header #nav span:not(.fa){text-decoration:none;display:inline-block;text-transform: capitalize;color: var(--white);padding: 27px 18px 27px;position: relative;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;}
.site-header #nav ul a,
.site-header #nav ul span{display:block}
.site-header #nav li:last-child>a,
.site-header #nav li:last-child>span{border:0}
.site-header #nav ul a:not(.fa)::after, .site-header #nav ul span:not(.fa)::after{display: none;}
.site-header #nav ul a,
.site-header #nav ul span{display:block}
.site-header #nav li:last-child>a,
.site-header #nav li:last-child>span{border:0}
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.toggle {
display: none
}

#twitterfeed {
background: #f1f1f1
}

.goog-te-banner-frame {
display: none
}
/* Google translate*/
#translation-links{padding:0;margin:0}
#translation-links li{position:relative;margin:0;list-style:none;line-height: 1.5}
#translation-links ul{padding: 0;margin:0;position:absolute;top:100%;left:auto;width: 250px;background: var(--light-blue);display:none;height:400px;overflow-y:scroll;right: 0;z-index: 999;}
#translation-links ul li{margin:0}
#translation-links ul li a{display:block;text-decoration:none;padding:.75rem 1.5rem;color: var(--navy);font-size: 16px;}
#translation-links ul li a:hover{background: var(--light-blue);color: var(--dark-blue);}
[lang="en"] #translate-reset{display: none}
[data-lang="English"]{color: var(--navy);}
div.skiptranslate{display:none !important}
#search form{margin: 0 auto;position:relative;max-width: 100%;}
#search label{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}
#search button{position:absolute;right: 0;top: 0;background: transparent;border: 0;}
#search button img{width: 16px;position: relative;top: 10px;left: -10px;}
#search input{border:0;padding: 8px 46px 7px 18px;height: 48px;border-radius: 15px;background-repeat: no-repeat;color: rgba(0, 0, 0, 0.60);font-family: "Albert Sans", sans-serif;font-size: 16px;font-style: italic;font-weight: 400;}
#search input.search-input:placeholder{color:var(--dark-gray)}
#search input.search-input::-webkit-input-placeholder{color:var(--dark-gray)}
#search input.search-input:-moz-placeholder{color:var(--dark-gray)}
#search input.search-input::-moz-placeholder{color:var(--dark-gray)}
#search input.search-input:-ms-input-placeholder{color:var(--dark-gray)}
#search input:focus {outline: none;}

/*Translate*/
#translate-button {border: 0;padding: 13px 24px;display: flex;column-gap: 10px;transition: .3s all;align-items: center;background: transparent;margin-right: 0;position: relative;color: var(--navy);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;transition: .3s all;}
#translate-button:hover,#translate-button:focus{background: var(--light-blue);}
#translate-button:hover img{filter: none;}
#translate-button img{width: 16px;position: relative;}

/*Footer*/
.footer-top-in{display: flex;justify-content: space-between;align-items: center;position: relative;}
.site-footer .container-fluid {padding: 0 96px;}
.footer-bottom .container {border-top: 1px solid #19436c;}
a.f-link {color: var(--white);font-size: 14px;display: block;text-decoration: none;font-weight: 500;padding: 1px 0 .7px;}
a.f-link:hover{color: var(--yellow);text-decoration: underline;}
.conpany-link{color: var(--white);text-decoration: none;}
.conpany-link:hover{color: var(--white);text-decoration: underline;}
#revize-link {font-weight: 700;text-decoration: underline;color: var(--white);}
#revize-login{color: var(--white);margin-right: 0;text-align: center;font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 400; /* 24px */text-decoration: underline;text-decoration-skip-ink: none;}
#revize-link:hover {text-decoration: underline;}
.divider1{margin: 0 -2px 0 1px;display: inline-block;font-weight: 100;}
span.divider2 {margin: 0 12px 0 15px;}
.revize-in{margin-bottom: 4px;letter-spacing: 0;}
.f-box {/* width: 234px; */display: flex;align-items: center;column-gap: 5px;color: var(--white);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 700; /* 24px */}
.f-box img{width:20px;display: none;}
.f-box:nth-child(2) {position: relative;}
.f-box:nth-child(3){position: relative;}
.f-box:last-child {position: relative;justify-content: flex-end;}
.f-box:nth-child(3) span{padding: 0;margin-bottom: 0;}
#f-location {color: var(--white);font-size: 14px;display: block;text-decoration: none;font-weight: 500;margin-bottom: 25px;line-height: 24px;}
#f-phone {color: var(--white);font-size: 14px;display: block;text-decoration: none;font-weight: 500;margin-bottom: 1px;}
#f-location:hover,#f-phone:hover,#revize-login:hover{text-decoration: none;}
#f-fax {color: var(--white);font-size: 14px;display: block;text-decoration: none;font-weight: 500;}
.f-box-in {display: flex;justify-content: space-between;max-width: 100%;padding: 0;align-items: center;}
a.f-home{color: var(--white);text-decoration: none;}
.f-home:hover{text-decoration: underline;color: var(--white);}
#footer-bottom-left {
  display: flex;
  color: var(--white);
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  align-items: center;
}
#disclaimer {color: var(--white);text-decoration: underline;margin-left: 5px;}
.notice {border-radius: 15px;background: var(--navy);padding: 16px 40px 16px 24px;position: absolute;color: var(--white);text-align: left;font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 700; /* 24px */text-transform: capitalize;top: 15px;left: 90px;/*max-width: 322px;*/width: 322px;line-height: normal;}
.notice p {
    margin: 15px 0 8px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}
.notice-head{margin-bottom: 0;display: flex;align-items: flex-start;column-gap: 5px;}
.notice img{width: 32px;margin-right: 10px;position: relative;top: -2px;left: 4px;}
.notice img:last-child{width: 16px;margin-right: 0;left: 0;}
span.close-notice {position: absolute;top: 16px;right: 24px;}
.learn-more {
  background: var(--white);
  padding: 8px 16px;
  text-decoration: none;
  position: absolute;
  color: var(--navy);
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  border-radius: 10px;
  border: 2px solid var(--navy);
  right: 24px;
  margin-top: 5px;
}



.newsletter-ai {
  position: fixed;
  z-index: 91;
  right: 22px;
  bottom: 64px;
  display:none;
}
.newsletter{max-width: 100%;position: relative;}
.newsletter-head {
  color: var(--white);
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  column-gap: 16px;
  margin-bottom: 24px;
  position: absolute;
  z-index: 9;
  font-size: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
}
.newsletter-head img{width: 25px;}
#newsletter-box{position: relative;margin-top: 24px;}
#newsletter-box input {
  border: 0;
  height: 94px;
  border-radius: 15px;
  padding: 24px 32px 24px 80px;
  background: #E4EDF6;
  color:#2E4C92;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  text-transform: capitalize;
}
#newsletter-box input::placeholder{color: #2E4C92 !important}
#newsletter-box button {
  border: 1px solid rgba(46, 76, 146, 0.50);
  background: var(--navy);
  position: absolute;
  right: 24px;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  color: var(--white);

/* Body/Regular */
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; /* 25.5px */
  padding: 10px 16px;
  border-radius: 50px;
}
#newsletter-box button img{width: 18px;}
.close-newsletter {
  border-radius: 0px 0px 0px 15px;
  background: var(--bw-white-15, rgba(255, 255, 255, 0.15));
  width: 36px;
  height: 36px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /* display: none; */
}
.close-newsletter img{width: 12px;}
a.ai-box {
  border-radius: 20px 20px 0px 20px;
  background: var(--white);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.25);
  padding: 8px 8px 8px 20px;
  color: var(--navy);
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 16px;
  width: 217px;
  float: right;
  text-decoration: none;
  display: none;
}
.ai-ic-box {
  border-radius: 15px;
  background: var(--navy);
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-ic-box img{width:20px;}

div.pp_default .pp_description {font-size: 16px !important;}
/* -----------------------------------------

#inner

-----------------------------------------*/
#flyout{padding:0;margin:0}
#flyout li{position:relative;margin:0;list-style:none}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size:18px}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul a,
#flyout ul span{font-size:16px;padding:10px 15px}
#breadcrumbs {text-transform: capitalize;margin: 0 0 7px;color: var(--navy);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 400;}
#breadcrumbs a{ /* 23.1px */text-decoration: none;}
#breadcrumbs a:hover{text-decoration:underline;}
#breadcrumbs a:after {content: '/';margin: 0px 7px 0 8px;font-size: 16px;position: relative;top: 0;left: 0px;font-weight: 400;color:#2d2d2d;}
#breadcrumbs ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}
#breadcrumbs li{display:inline-block;margin:0;padding:0}
.col-xs-12{width:100%}
.info-text {
  color: var(--bw-black, #000);
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
   height: 100px; 
  overflow: hidden;
}
.info-text.auto-height{height: auto;}
#contact-dpt p{
    color: var(--Color-Typography-brand-tertiary-dark, #253933);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 16px;
}


#contact-details {padding: 5px 32px 8px;}
#contact-details .mt-3{margin: 8px 0 0 !important;}

#freeform #search input {background: var(--white);}

#find-us{margin-bottom: 14px;}
#find-us a.social-media-link {
    background: var(--navy);
    margin: 0 auto;
}
#fillable-details{padding: 12px 32px 24px; margin-bottom: 14px;}
#find-us-details{padding: 8px 32px 8px;}
#fillable-details p,#find-us-details p{margin-bottom: 23px;
/* Body/Regular */ /* 28.8px */color: var(--bw-black, #000);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height:24px;}
#fillable-details .button{padding: 16px 24px 14px 24px;color: var(--white);border-radius: 50px;background: var(--navy);font-family: "Roboto", sans-serif;font-size: 14px;font-style: normal;font-weight: 700;}
#fillable-details .button:hover{background: var(--light-blue);color: var(--navy);text-decoration: none;text-wrap: auto;}
#fillable-wrap {background: var(--light-gray);border-radius: 25px;margin-bottom: 25px;position: relative;}
#fillable-wrap .button{margin-left: 30px;border-radius: 21px;padding: 12px 28px 13px;font-size: 16px;font-weight: 700;background: var(--blue);}
#fillable-wrap .button:hover{background: var(--red);}
#fillable-wrap p{padding: 0 31px;font-size: 16px;line-height: 22px;margin: 0 0 22px;}
#flyout{padding:8px 0;margin: 0;box-shadow: 0 0 15px 0 #ddd;}
#flyout li{position:relative;margin: 0;list-style:none;padding: 0;font-family: "Roboto", sans-serif;}
#flyout li:last-child>a,
#flyout li:last-child>span{border:0}
#flyout a,
#flyout span{display:block;text-decoration:none;padding: 8px 36px 8px;margin: 0;transition: .3s all;text-transform: none;
color: #2D2D2D;font-size: 17px;font-style: normal;font-weight: 400; /* 24px */}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul li{margin:0;padding:0;position: relative;}
#flyout ul a,
#flyout ul span{padding: 14px 32px 23px;margin:0;color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}

#flyout ul a:hover,
#flyout ul span:hover{text-decoration: underline;}

#flyout-wrap{padding: 0;max-width: 100%;margin-bottom: 16px;background: transparent;box-shadow: none !important;}
#flyout-header {padding: 16px 32px 16px;margin: 0 0 8px;background: var(--navy);position: relative;color: var(--white);line-height: normal;margin-bottom: 13px;border-radius: 0;

/* Heading/Small Subheader */font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 500; /* 24px */text-transform: capitalize;letter-spacing: 0;text-align: center;}
#freeform #entry p,#freeform #entry {margin-bottom: 32px;color: var(--bw-black, #000);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
#freeform #entry #post ul{margin: 0 0 34px 24px;padding: 0;position: relative;top: 2px;color: #1A1A1A;font-size: 16px;font-weight: 400;/* width: calc(100% - 17px); */}
#freeform #entry #post ul li{margin-bottom: 0;color: var(--navy);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
#freeform blockquote{margin: -1px 0 32px;padding: 32px 31px 30px;position: relative;width: 100%;border-radius: 15px;border: 1px solid var(--navy);color: var(--navy);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;display: flex;justify-content: space-between;align-items: center;column-gap: 32px;}
#freeform #entry #post ul.file-group{margin: 0 15px;}
#freeform.fullwidth #entry {margin-left:0;}
#freeform #main {position: relative;padding: 48px 48px 0;min-height: 550px;background: url(../images/interior-bg.jpg);background-size: cover;}
#freeform.user-logged-in #main{margin-top: 0 !important;}
#entry p:last-of-type{margin-bottom: 32px !important;}
#freeform #main .container-fluid,#freeform #main .container {position: relative;padding: 0; width: auto; max-width: 100%;background: var(--white);padding: 80px;border-radius: 15px 15px 0 0;}

#contact-dpt{padding: 0;margin: 0 0 14px 0;max-width: 100%;
/* Shadow/M */}
#contact-header{padding: 16px 32px 16px;margin: 0;background: var(--navy);position: relative;color: var(--white);line-height: normal;margin-bottom: 13px;border-radius: 15px 15px 0 0;font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;text-transform: capitalize;letter-spacing: 0;text-align: center;}
#fillable-header{padding: 16px 32px 16px;margin: 0;background: var(--navy);position: relative;color: var(--white);line-height: normal;margin-bottom: 8px;border-radius: 15px 15px 0 0;font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;text-transform: capitalize;letter-spacing: 0;text-align: center;}
#find-us-header{padding: 16px 32px 16px;margin: 0 !important;background: var(--navy);position: relative;color: var(--white);line-height: normal;margin-bottom: 13px;border-radius: 15px 15px 0 0;font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;text-transform: capitalize;letter-spacing: 0;text-align: center;}
.profile-in {display: flex;margin-bottom: 31px;}
#freeform .contact-person {
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 16px 0 0;
    position: relative;
    top: 6px;
}
#freeform .person-name{ /* 29.7px */margin: 0 0 19px;text-transform: capitalize;position: relative;top: 23px;
/* Body/Regular */ /* 28.8px */color: var(--navy);font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;}
#freeform .person-designation {margin: 0; /* 26.4px */
/* Body/Regular */ /* 28.8px */color: var(--bw-black-70, rgba(0, 0, 0, 0.70));font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 400;}
#freeform .f-location strong{
    color: var(--dark-gray);
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    }


#freeform .f-phone strong{    color: var(--dark-gray);
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;}
  #freeform .f-email strong{
    color: var(--dark-gray);
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    font-style: normal;
    }



    #freeform #main .f-location {
      display: flex;
      align-items: center;
      padding: 0 30px 16px 0;
      text-decoration: none;
      margin: 0 0 0px;
      column-gap: 16px;
      color: var(--black);
      line-height: 24px; /* 24px */
      font-family: "Roboto", sans-serif;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
  }

  #freeform #main .f-phone {
    display: flex;
    padding: 0 30px 16px 0;
    text-decoration: none;
    align-items: center;
    column-gap: 16px;
    margin: 0 0 0px;
    color: var(--black);
    
     /* 24px */
    line-height: 24px;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
}

#freeform #main .f-email {
  padding: 0 0 15px 0;
  text-decoration: none;
  word-break: break-all;
  align-items: center;
  display: flex;
  column-gap: 16px;
  color: var(--black);
  margin-bottom: 1px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

#freeform #main .f-fax {
  padding: 0;
  text-decoration: none;
  word-break: break-all;
  align-items: center;
  display: flex;
  column-gap: 16px;
  color: var(--black)
#1e2427;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 16px;
}
#freeform #main .f-location img,#freeform #main .f-phone img,  #freeform #main .f-email img,  #freeform #main .f-fax img{width: 18px;}
#freeform #main .f-location:hover,#freeform #main .f-phone:hover,  #freeform #main .f-email:hover,  #freeform #main .f-fax:hover{text-decoration: underline;}
#freeform aside{position: relative;border-radius: 15px;background-color: var(--white);box-shadow: 0 0 15px 0 #ddd;margin: 0 0 20px 0 !important;}
#freeform aside.bg-color{border: 0;}

#freeform aside:last-of-type{margin: 0 !important;}

#freeform.user-logged-in aside {min-height: 50px;}

#freeform aside .rz-btns-container {top: 40px;}
#freeform aside.no-shadow .rz-btns-container {top: 0;}
#freeform aside .rz-btns-container .rzBtn {font-size: 14px;padding: 4px 8px;}

/* DON'T modify the styling of images in the #post, only the span.subheader*/
/* -----------------------------------------

#share widget

-----------------------------------------*/
.modal {
z-index: 100000
}

/** modal **/
.modal .modal-dialog{transition:transform cubic-bezier(0.86,0,0.07,1);transform:scale(.98)!important;opacity:1!important}
.modal.show .modal-dialog{transition:transform .3s cubic-bezier(0.86,0,0.07,1);transform:translateY(0%)!important;}



.modal-content {
border-radius: 10px;
overflow: hidden;
border: 0;
}

.modal-header {
background:#d2d2d2;
border-radius:10px 10px 0 0 ;
font-size:18px;
line-height:1.4;
}

.share-btns{
display:flex;
gap:8px;  
justify-content: center;
}

.share-btns a {
display: flex;
text-decoration: none;
border-radius: 100%;
height: 44px;
width: 44px;
outline-offset:0;
outline:2px solid transparent;
transition:all .3s;
}

.share-btns svg {
width:16px;
height:16px;
margin:auto;
fill: #fff
}

.btn-linkedin {
background: #0077b5;
}

.btn-linkedin:hover {
border-color: #0077b5;
outline:2px solid #0077b5;
outline-offset:2px
}

.btn-facebook {
background: #3b5998;
}
.btn-facebook:hover {
border-color: #3b5998;
outline:2px solid #3b5998;
outline-offset:2px
}

.btn-twitter {
background: #000;
}

.btn-twitter:hover {
border-color: #000;
outline:2px solid #000;
outline-offset:2px
}

.btn-reddit {
background: #ff5700;
}

.btn-reddit:hover {
border-color: #ff5700;
outline:2px solid #ff5700;
outline-offset:2px
}

.modal .btn{
font-size: 16px!important;
font-weight: bold!important;
padding: .6rem 1.2rem!important;
border: 0!important;
line-height: 1.4!important;
text-transform:none!important;
letter-spacing:0!important;
color:#000!important;
border:0!important;
}
.modal .btn.p-0{
padding:0!important
}
.modal .btn-inverse:focus{
box-shadow:0 0 0 .2rem rgba(0,0,0,.25)
}
.floating-share-btn {position: fixed;z-index: 99999;left: 15px;padding: 0;top: auto;border: 0;width: 48px;height: 48px;text-align: center;transition: .3s all;color: var(--white);font-size: 12px;text-transform: uppercase;border-radius: 12px;background: var(--navy);bottom: 30px;}
.floating-share-btn:hover img{filter: brightness(66);}
.floating-share-btn img{width: 22px;}
/* -----------------------------------------

#slider

-----------------------------------------*/
.tns-nav{position:absolute;bottom: -40px;left:0;right:0;z-index:1;text-align:center}
.tns-nav button{border:0;background: var(--lighter-blue);padding:0;width:15px;height:15px;border-radius:50px;margin: 0 5px;}
.tns-nav button.tns-nav-active{background: var(--yellow);}

#slider{position:relative;z-index:1;padding-bottom: 39%;}
#slider:hover .tns-controls{opacity: 1;}
.site-qlinks:hover .tns-controls{opacity: 1;}

.site-qlinks .tns-controls {position: absolute;/* top: 64%; */left: 0;right: 0;z-index: 91;transform: none;/* opacity: 0; */transition: .3s all;pointer-events: none;}
#slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
#slider .tns-controls{z-index:999;display: flex;justify-content: center;top: auto;bottom: 60px;column-gap: 24px;pointer-events: none;}
.tns-outer button[data-controls]{border:0;padding:0;width: 30px;height: 30px;font-size: 30px;color: var(--white);margin: 0;transition: .3s all;/*! border-radius: 50%; */border-radius: 50%;background: var(--white);line-height: 0;pointer-events: all !important;}

.tns-outer button[data-controls] img{position: relative;width: 10px;}
.tns-nav{position:absolute;bottom: auto;left: auto;top: 58%;right: 31px;z-index:1;text-align:center;rotate: 90deg;display: none;}
.tns-nav button{border:0;background: var(--off-white);padding:0;width: 12px;height: 12px;border-radius:50px;margin:0 3px}
.tns-nav button.tns-nav-active{background: var(--blue);}

.tiny-slider-wrap > .tns-outer,
.tiny-slider-wrap > .tns-outer > .tns-inner,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item,
.tns-bg-slide {height:100%}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left: 50px;right: 50px;transform:translateY(-50%);opacity: 0;transition: .3s all;line-height: 1;}
.tns-controls button:last-of-type {float:right}
.tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1}
ul.tiny-slider,
ul.tiny-carousel{padding:0;margin:0}
.footer-in{padding: 0;position: relative;border-top: 1px solid var(--navy);background: #253d75;}
#revize {padding: 12px 0;color: var(--white);text-align: center;font-family: "Roboto", sans-serif;font-size: 16px;font-style: normal;font-weight: 400; /* 24px */}
#revize img{width:40px;margin-right: 12px;filter: brightness(10);}

/*Department*/
.department .site-qlinks {margin-top: 0;margin-bottom: 24px;}
#freeform #entry #post ul.tiny-carousel {margin: 0;position: static;}

/*tile*/
.tiles {display: grid;grid-template-columns: repeat(2, 1fr);gap: 32px 8px;position: relative;z-index: 2;margin-bottom: 56px;}
a.tile {position: relative;text-decoration: none !important;transition: 0.3s all;border-radius: 0;overflow: hidden;background: var(--navy);padding: 32px 24px;text-align: center;color: var(--white) !important;font-family: "Roboto", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;}
a.tile:hover{background: var(--light-blue);color: var(--navy) !important;}

 /*Business Directory*/
 .bdpage#freeform #main,.vos#freeform #main {
  position: relative;
  }
  
.bdpage#freeform #main h1,.page-title,.vose#freeform #main h1 {letter-spacing: .7px;margin-bottom: 34px;}

 #freeform #post #search-input {
  border-radius: 50px;
  border: 2px solid #535C94;
  padding: 16px 24px;
}
#freeform #post .search-form{position: relative;}
button.btn-search-bd {
  padding: 0 !important;
  background: transparent !important;
  filter: brightness(.4);
  width: 20px;
  position: absolute !important;
  right: 25px;
  top: 12px;
}


#freeform #post .tab {
  color: var(--white);
  text-align: center;
  font-style: normal;
  padding: 16px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--mdblue);
  border-radius: 50px;
  transition: .3s all;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
#freeform #post .tab:hover {
  background: var(--brandcolor);
}
#freeform #post .tab.active {background: var(--accentcolor);color: var(--black);font-weight: 700;}

#freeform #post #tabs-button {
  display: flex;
  column-gap: 12px;
}

#freeform .tab-event:not(.active) {
    display: none;
}

#freeform .tab-calendar:not(.active) {
    display: none;
}

#freeform #entry #post p,#freeform #entry #post {
  /* padding-right: 12px; */
  padding-right: 0;
  margin: 0 0 24px;
  color: #000;
  font-size: 17px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.bd-details-in {
    min-height: 250px;
}


.bd-box {padding: 0;position: relative;margin: 0 auto;position: relative;color: var(--white);display: block;transition: .5s all;background: var(--white);margin: 0;border: 1px solid var(--navy);border-radius: 15px;}
.vos .bd-box{border: 0;}
.bd-img{padding-bottom: 66.9%;height: 400px !important;border-radius: 0;background-size: cover !important;border-radius: 15px 15px 0 0;}
.vos .bd-img{padding-bottom: 100%;height: 300px !important;position: relative;overflow: hidden;}
/* .vos .bd-img:hover{border: 1px solid red;} */
/* .vos .bd-img:hover .officials-details{opacity: 1;top: 0;} */
.vos .officials-details {
  position: absolute;
  z-index: 1;
  background: rgb(233 241 254);
  color: #000;
  height: auto;
  border-radius: 15px 15px 0 0;
  padding: 10px 20px 0;
  width: 100%;
  /* opacity: 0; */
  transition: .9s all;
  /* top: 100%; */
  /* display: none; */
  bottom: 0;
  text-align: center;
}
.close-info {
  position: absolute;
  right: 10px;
  top: 5px;
  background: var(--navy);
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  border-radius: 50%;
  /* display: none; */
}
.vos .officials-details span,.vos .officials-details a{display: block;color: var(--navy);text-decoration: none;margin: 0;font-weight: 600;border-bottom: 1px solid #2e4c921f;padding: 3px;}
.vos-position{color: var(--navy);margin-top: -20px;}
.bd-desc-wrap{background: var(--light-green);padding: 31px;min-height: 284px;border-radius: 0 0 10px 10px;}
.vos .bd-desc-wrap{min-height: auto;background: var(--light-blue);padding: 10px;text-align: center;}
.bd-desc-wrap a.button{color: var(--white);text-decoration: none;column-gap: 12px;display: flex;align-items: center;}
.bd-desc-wrap a.button:hover{color: var(--navy);text-decoration: none !important;}
.bd-desc-wrap a.button.bd-btn-web{color:var(--black);text-decoration: none;}
.bd-desc-wrap a.button.bd-btn-web:hover{color:var(--black);text-decoration: none;}
.bd-desc-wrap a:hover{color: #000;text-decoration: underline !important;}
.bd-title {margin: 0 0 24px;line-height: normal;color: var(--navy);font-family: "Roboto", sans-serif;font-size: 22px;font-style: normal;font-weight: 700;text-transform: capitalize;}
.bd-sub-head {
  text-decoration: none !important;
  padding: 0px 0 4px 0;
  border-radius: 10px;
/*  display: flex;*/
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: var(--bw-black-60, rgba(0, 0, 0, 0.60));
/*  padding-right: 100px;*/
  align-items: center;
}

.address-next {display: block;margin-left: 40px;}

.bd-phone {
  align-items: center;
  text-decoration: none !important;
  padding: 8px 0 8px 0;
  border-radius: 10px;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: var(--bw-black-60, rgba(0, 0, 0, 0.60));
}

.bd-email {
  color: var(--black) !important;
  font-family: "Montserrat", serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400 !important;
  text-decoration: none !important;
  display: block;
  padding: 8px 0 8px 0;
  border-radius: 10px;
}

.bd-desc-wrap .circle {
  margin-right: 16px;
  min-width: 18px;
}

.bd-desc-wrap .circle img{width: 18px;position: relative;top: -2px;}

.bd-btns-wrap {display: flex;column-gap: 8px;margin-top: 23px;position: absolute;bottom: 20px;}
.vos .bd-btns-wrap {margin-top: 0;bottom: 10px;right: 10px;width: 40px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center;font-size: 20px;background: var(--navy);border-radius: 4px;}
.bd-btns-wrap img{width: 19px;filter: brightness(10);}
.bd-btns-wrap:hover img{filter: none;}
a.btn-quick {
  text-decoration: none !important;
  background: var(--white);
  padding: 0 24px;
  border-radius: 10px;
  font-size: 14px;
  color: var(--blue);
  height: 52px;
  display: inline-block;
  line-height: 52px;
  text-wrap: nowrap;
}
a.btn-quick:hover,a.btn-quick:focus{background:var(--blue);color: var(--white) !important;}
.projects-box{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px 8px;position: relative;/* z-index: 2; */margin-top: 12px;flex-wrap: wrap;justify-content: center;}
.vos .projects-box{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;position: relative;/* z-index: 2; */margin-top: 12px;flex-wrap: wrap;justify-content: center;}

.bd-btns-wrap:hover .officials-details{display: block;}

.project-item {
  /* flex: 0 0 calc(33.33333333333333% - 30px); */
  display: block;
  position: relative;
  text-decoration: none;
  /*! width: 31%; */
}
.project-item.js-filterable.is-hidden {
  display: none;
}


.filters-drop li {
  display: none;
  cursor: pointer;
  /* min-width: 150px; */
  list-style: none;
  /* background: red; */
}

.filters-drop li:first-child {
  display: block;
  border-top: 0px;
  background: transparent;
  padding: 15px 24px;
}

.filters-drop li:first-child .filters__btn {padding: 3px 0;}

.filters-drop {
  display: inline-block;
  height: 56px;
  width: 100%;
  color: rgba(42, 42, 42, 0.70);
  font-style: normal;
  line-height: normal;
  padding: 0;
  border-radius: 50px;
  border: 1px solid var(--navy);
  margin: 0 !important;
  padding: 0 !important;
  top: auto !important;
}

ul.filters-drop:not(.init) {position: absolute !important;z-index: 1;}

.filters-drop li:hover {
  background-color: #f7f7f7;
}

.filters-drop li:first-child:hover {
  background-color: transparent;
}

.filters-drop.open li {
  display: block;
}

.filters-drop span:before {
  position: absolute;
  top: 5px;
  right: 15px;
  content: "\2193";
}

.filters-drop.open span:before {
  content: "\2191";
}

#freeform .filter-head {
  margin: 0 0 10px;
  color: var(--navy);
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}
#projects .col-lg-8,#officials .col-lg-8{padding-right: 9px;}
#projects .col-lg-4,#officials .col-lg-4{padding-left: 0;position: relative;}

.modal-backdrop.show {
  opacity: 1;
  background: rgba(0, 0, 0, 0.80);
}


#projects-top input#search-project {
  height: 56px;
  padding: 10px 50px 10px 49px;
  width: 100%;
  border-radius: 50px;
  border: 1px solid var(--navy);
  color: rgba(42, 42, 42, 0.70);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.search-project-wrap{position: relative;}
.search-project-wrap button[type="submit"]{background: transparent !important;padding: 0 !important;position: absolute !important;left: 19px;top: 15px;border: 0;}
.search-project-wrap button[type="submit"] img{width: 18px;}



.filters {
  margin: 0 0 1em;
  padding: 0;
}

  .filters__item {
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    border-left: 1px solid rgba(0, 0, 0, 0.10);
    border-right: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--white);
  }

    .filters__btn {
      text-align: center;
      font-style: normal;
      padding: 16px 24px;
      display: flex;
      align-items: center;
      border-radius: 50px;
      transition: .3s all;
      cursor: pointer;
      font-size: 16px;
      font-weight: 400!important;
      line-height: normal;
      text-decoration: none !important;
      color: rgba(42, 42, 42, 0.70) !important;
    }

    
    .filters__btn:hover {
    background: var(--accentcolor);
    color: var(--black);
    font-weight: 700;
}

.filters li a.active{background: var(--accentcolor) !important;color: var(--body-text);}

  .filters-drop li:first-child{position: relative;}
  .filters-drop li:first-child::after{
    content: "";
    background: url(../images/chevron.png) center no-repeat;
    background-size: cover;
    width: 14px;
    height: 8px;
    position: absolute;
    right: 23px;
    top: 23px;
}

  button.close-1 {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    border: 0;
    font-size: 50px;
    background: var(--dark-green);
    line-height: 0;
    color: var(--white);
    font-weight: 100;
}
button.close-1:hover{background: var(--green);color: var(--white) !important;text-decoration: none;}

/*.header-top #search{display: none;}*/

#freeform #main #jobs-header #jobs-search{display:none;}
#freeform #main .faq-search #faq-filter{display:none;}
#freeform #main  #projects > .row .col-lg-8,#freeform #main  #officials > .row .col-lg-8{ opacity: 0;pointer-events: none;}

/* -----------------------------------------

#media queries

-----------------------------------------*/
@media only screen and (min-width: 992px) {


.site-header #nav .toggle2{display:none}
.site-header #nav .toggle{display: inline-block !important;background: transparent;text-decoration: none;color: var(--white);margin-top: 36px;position: absolute;margin-left: -7px;}

.bd-sub-head {padding-right: 0;}

.site-header #nav li a.fa-angle-down:before {content: "\f107";font-size: 0;background: url(../images/down-arrow.png);width: 14px;height: 8px;background-size: cover;position: absolute;/* opacity: 0; */}
.site-header #nav li:hover a.fa-angle-down:before{opacity: 1;}

.site-header #nav .focused .toggle,
.site-header #nav .focused .toggle2,
#flyout .focused .toggle{display:inline-block;margin-left:8px}

.site-header #nav .focused > .toggle {
  display: inline-block;
  margin-left: 8px;
  position: absolute;
  top: 60px;
  margin: 0 -80px;
}

.header-top .col-lg-4{display: flex;justify-content: flex-end;align-items: center;}
.site-header #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

/* base nav styles  */
.site-header #nav li:hover>ul{display:block}
.site-header #nav ul a:not(.fa),
.site-header #nav ul span{display:block;color: var(--off-white);font-weight: 700;/* text-transform: uppercase; */}

/* traditional    */
#nav ul:not(make-mage) ul{left:100%;top:0}
#nav li{position:relative;/* top: 0px; */}
#nav ul:not(make-mage) a:not(.fa),
#nav ul:not(make-mage) span{padding: 0px!important;border-bottom:var(--lightgray);font-size:14px;display:block;min-width:200px;}
#nav ul:not(make-mage) a:not(.fa):hover,
#nav ul:not(make-mage) span:hover{text-decoration: underline;background:var(--light-blue) !important;}
#nav :not(make-mage) .focused .toggle2{-webkit-transform:rotate(-90deg);position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(-90deg);}

/* mega menu */
#nav li.static:hover ul{display:block;}


#nav>li>ul.make-mage {
  position: absolute;
  top: 100%;
  display: none;
  left: 0;
  overflow: auto;
  width: 1248px;
  border-radius: 20px;
}


/*#nav>li>ul.make-mage>.nav-in{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;padding: 32px 16px 32px;background-color: var(--white);margin: 0 auto;left: 100px;column-gap: 9px;column-rule-width: 1px;column-rule-style: solid;column-rule-color:var(--light-blue);border-radius: 15px;background: var(--white);box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);}
#nav>li>ul.make-mage>.nav-in>li{width:100%;margin-bottom: 0;}
*/

#nav>li>ul.make-mage{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;padding: 32px 16px 32px;background-color: var(--white);margin: 0 auto;left: 0;column-gap: 9px;column-rule-width: 1px;column-rule-style: solid;column-rule-color:var(--light-blue);border-radius: 15px;background: var(--white);box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);}
/*#nav>li.li-38>ul.make-mage{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}*/
#nav>li>ul.make-mage>li{/* display:inline-block; *//* break-after:avoid; */width:100%;margin-bottom: 0;}
#nav>li.li-38>ul.make-mage>li{margin-bottom: 11px;}
#nav>li>ul.make-mage>li a:after{display: none;}
#nav li:hover>ul.make-mage ul{position:static}
#nav ul.make-mage a:not(.fa),
#nav ul.make-mage span{margin-bottom: 0;background: transparent !important;text-transform: uppercase;padding: 1px !important;color: var(--Theme-Bue, #233A6F);font-family: "Roboto", sans-serif;font-size: 18px;font-style: normal;font-weight: 500;text-transform: capitalize;padding: 6px 32px !important;border-radius: 50px;}
#nav ul.make-mage ul a:not(.fa),
#nav ul.make-mage ul span{text-transform: capitalize;margin: 0;color: var(--bw-black, #2D2D2D);font-family: "Roboto", sans-serif;font-size: 14px;font-style: normal;font-weight: 400;padding-top: 2px !important;padding-bottom: 2px !important;}

#nav ul.make-mage ul a:not(.fa):hover,
#nav ul.make-mage ul span:hover{text-decoration: underline;color: var(--navy);}

#nav .make-mage .focused .toggle2{display:block}

#search{display:block;width: 220px;position: relative;border-radius: 0;}



.layout-table {
table-layout: fixed;
width: 100%
}

#footer-top .container .col-lg-12 {
display: flex;
justify-content: center;
column-gap: 24px;
}

/* .site-header #nav li:hover a, .site-header #nav li:hover span {background: var(--yellow);color: var(--dark-blue);} */
#freeform #main .col-lg-3{-ms-flex: 0 0 23%;flex: 0 0 23%;max-width: 23%;padding-right: 0;position: relative;z-index: 11;padding-top: 0;order: 2;padding-left: 2px;padding-top: 8px;}

#flyout>li:hover>ul {display: none;}
#flyout ul.first-level {width: 100%;z-index: 10;background-color: var(--light-blue);position: absolute;right: 100%;top: 0;border-radius: 15px;}
#flyout ul.first-level li a::after{display: none;}

#nav .focused .toggle,#nav .focused .toggle2,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-family: 'FontAwesome';position: absolute;right: 20px;top: 6px;}

#freeform #main .col-lg-9{/*! padding-left: 30px; */position: relative;/*! margin-left: -1px; */padding-top: 0;-ms-flex: 0 0 77%;flex: 0 0 77%;max-width: 77%;order: 1;padding-right: 54px;}
#freeform.fullwidth #main .col-lg-9{-ms-flex: 0 0 100% !important;flex: 0 0 100%;max-width: 100%;}

#freeform.bdpage #main .col-lg-9,#freeform.vos #main .col-lg-9{-ms-flex: 0 0 100% !important;flex: 0 0 100%;max-width: 100%;padding-left: 15px;padding-right: 15px;}

.site-qlinks .tns-ovh{position: relative;z-index: 9;}
.site-news .col-lg-5{padding-right:17px;}
.site-news .col-lg-7{padding-left: 5px;padding-right: 29px;} 

#nav ul.make-mage .nav-banner{width: 339px;max-width:100%;height:100%;min-height: 184px;margin: 0 0 26px 0;}

#flyout a,
#flyout span{display: block;position: relative;}
#flyout a:not(.fa):hover,
#flyout span:not(.fa):hover{text-decoration: none;}
 #flyout li:hover a,#flyout li:hover span{background: var(--light-blue);text-decoration: none;color: var(--navy);} 
/* #flyout li a::after,
#flyout li span::after{content: "";position: absolute;bottom: 0;width: 0;height: 1px;background: var(--lightblue);left: 0;transition: .3s all;} */
#flyout li:hover a::after,#flyout li:hover span::after{width:100%;}

#flyout .toggle {
  display: none !important;
  position: absolute;
  left: 5px;
  top: -2px;
  rotate: 90deg;
  width: auto;
  background: transparent !important;
  font-size: 20px;
  padding: 10px;
  color: #3562cb;
  }
.select-btn{display: none;}
.user-logged-in #slider {margin-top: 0 !important;}

.user-logged-in .site-header {
    z-index: 200;
    width: 100%;
    top: 0;
    position: relative;
}

nav ul#nav>li {position: static;}
/*.site-header .col-lg-8 {position: static;}*/

#flyout li.active a.fa {
  rotate: 0deg;
  color: var(--dark-blue);
  text-decoration: none;
}

/*#nav > li:hover > a:not(.fa)::after, #nav > li:hover > span:not(.fa)::after {
  content: '';
  position: absolute;
  left: 50%;
  height: 30px;
  background: transparent;
  width: 100%;
  transform: translate(-50%);
  bottom: auto;
  border-radius: 0;
  border-bottom: 6px solid var(--light-blue);
  margin-left: 10px;
  top: -24px;
}*/

/*.user-logged-in #rz-bar-wrap {position: fixed !important;width: 100%;}*/
#nav>li>ul{display:none;}

/*New News Style*/
 #homepage .site-news ul.tiny-carousel{display: flex;justify-content: space-between;column-gap: 8px;}
 #homepage .site-news ul.tiny-carousel li{list-style: none;}
 #homepage .site-news li {margin-bottom: 0;width: 100%;}

}

@media (min-width:1368px) and (max-width:1700px) {
.info-text {height: 100px;}
#fillable-details {padding: 12px 16px 24px;}
}


@media (min-width:992px) and (max-width:1367px) {
  #logo {width: 200px;}
  .site-header #nav {width: 640px;}
  .site-header #nav a:not(.fa), .site-header #nav span:not(.fa) {font-size: 16px;padding:27px 10px;}
  #nav > li > ul.make-mage {width: 990px;left: 0;column-gap: 70px;padding: 10px;}
  #slider {padding-bottom: 50% !important;}
  .container-fluid{padding: 0 15px !important;}
  .site-events {padding: 0;}
  .site-header {position: relative;}
  .site-qlinks .tns-controls {margin: 0;opacity: 1;}
  .f-box-in {padding: 0 15px}
  #slider .tns-controls {opacity: 1;}
  .divider {margin: 0 25px;}
  .location {font-size: 14px;}
  .notice {left: 15px;}
  #freeform #main .container-fluid, #freeform #main .container {padding: 24px;}
  #freeform #main {padding: 32px 32px 0;}
  #freeform #main .col-lg-9 {padding-right: 15px;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
  #freeform #main .col-lg-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
  .qlink-title {font-size: 16px;}
  .header-bottom .container {padding: 0 15px;}
  .info-text {height: 110px;}
  .vos .projects-box {grid-template-columns: repeat(4, 1fr);}
}

@media only screen and (max-width:991px) {

/* rz form tables - without page scope this targets editforms and makes
* editing confusing
*/
.site-header .logo-wrap {
display: flex;
align-items: center;
justify-content: space-between
}

.site-header .toggle,
.site-header .toggle2{display:block;line-height:55px;width:45px;text-align:center;color:var(--white);/*! background:#b2b2b2; */position:absolute;right:0;top:0;border-radius: 0;}
.site-header .logo-wrap{display:flex;align-items:center;justify-content:space-between}
.site-header #nav{display:none;margin: 0;width: auto;position: static;}
.nav-in {
background: var(--accentcolor);
}
.site-header #nav li{position:relative!important}
.site-header #nav a:not(.fa), .site-header #nav span:not(.fa){border-bottom:1px solid #b2b2b2;display: block;color: var(--white);padding: 14px 16px;text-transform: capitalize;}
#freeform #formwizziwmorf tr,
#freeform #formwizziwmorf tr td {
display: block !important
}

#freeform #formwizziwmorf tr table tr {
display: table-row !important
}

#freeform #formwizziwmorf tr table td {
display: table-cell !important
}

/* Allows tables to be used as columns with responsive stacking */
.layout-table {
width: 100% !important
}

.layout-table,
.layout-table thead,
.layout-table tbody,
.layout-table th,
.layout-table td,
.layout-table tr {
display: block !important
}

.layout-table td {
margin-bottom: 15px
}

#toggles {
position: absolute;
right: 15px;
top: 20px;
z-index: 9;
font-size: 22px;
display: flex;
column-gap: 12px;
}

#nav-toggle,
#search-toggle {
width: 50px;
text-align: center;
background: var(--navy);
color: var(--white);
margin-left: 5px;
cursor: pointer;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 12px;
}

#nav-toggle img,#search-toggle img{width:32px;display: block;filter: brightness(10);}

#nav,
#flyout {
display: none
}

#nav li {
display: block
}
#nav li:last-child>a,
#nav li:last-child>span,
#flyout li:last-child>a,
#flyout li:last-child>span {
border: 0
}

#nav ul,
#flyout ul {
background: var(--light-blue);
display: none;
}
#nav ul.second-level{background: var(--blue) !important;}


.toggle,
.toggle2 {
display: block;
position: absolute;
right: 0;
top: 0;
text-align: center;
background: var(--light-blue);
transform: none !important;
}

.site-header {position: relative;background: var(--white);overflow: hidden;}
.logo-wrap {position: static;}
#logo {
width: 200px;
position: static;
margin: 30px 15px;
}

#translate_in_mob {
position: absolute;
right: 140px;
top: -58px;
}

.tools-wrap {
padding-right: 0;
}

#social-media-links {
margin: 0;
padding: 24px;
}

.site-qlinks {margin-top: 0;padding: 25px 0;}
.tns-controls {opacity: 1;}
.site-news {display: block;padding: 25px 0 25px;}
.section-title {font-size: 36px !important;}
.site-qlinks .tns-controls {bottom: 0;left: 50px;right: 50px;top: 50%;}
#homepage .site-news .tns-controls {margin: 0;left: 50%;right: 0;z-index: 1;/*! display: block; */bottom: -40px;top: auto;transform: translateX(-50%);text-align: center;justify-content: center;}
#footer-top .container {display: block;position: static;text-align: center;}
#revize {display: block;padding: 0;text-align: left;}
#tabs-button .tab {padding: 15px 0;font-size: 15px;line-height: 18px;margin: 0;border-radius: 0;}
.site-events {/*! padding: 0 0 50px; */}
.f-links {margin: 0 0 7px;}
.footer-box:last-child {max-width: 100%;margin-bottom: 0;}
.bg-gap {display: none;}
.member-container {justify-content: center;}
.member-box {min-width: 31%;margin: 0 0 24px;}
#footer-top .container .col-lg-12 {display: flex;justify-content: center;column-gap: 15px;}
#translation-links ul {width: 200px;left: 50%;right: auto;transform: translateX(-50%);}
#flyout-toggle, #cont-toggle,#fillable-toggle,#hrs-toggle,#resource-toggle,#dpt-evnt-toggle {
font-size: 16px;
color: var(--white);
border-radius: 10px 10px 0 0;
position: absolute;
right: 0;
left: auto;
z-index: 99;
padding: 16px;
}
#contact-details,#dpt-evnt-details{display: none;padding: 15px;}
#f-members ul{display: none;padding: 15px;}
#flyout-wrap{padding: 0;margin: 0 0 20px 0;position: relative;}


#contact-dpt {
padding: 0;
position: relative;
width: 100%;
margin: 0 0 20px;
}

#flyout ul a, #flyout ul span {padding: 10px 30px !important;}
.site-header #nav a:not(.fa)::after, .site-header #nav span:not(.fa)::after{display: none;}
#translate-button {padding: 10px 16px;}
.welcome-title {font-size: 30px;}
.welcome-title span {font-size: 18px;position: static;margin: 0;}
.button, a.button, #post button:not(.rz-agenda-search-submit), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn {font-size: 16px;}
.site-news .section-title-wrap .button {position: static;padding: 7px 15px;}
.section-title-wrap {margin-bottom: 25px;}
#homepage .news-box .news-content {padding: 15px 30px 15px 15px !important;height: auto !important;}
#homepage .news-box h3 {margin: 0 0 12px !important;font-size: 18px !important;line-height: 22px !important;}
.site-news .news-box.news-box-sm .news-image {width: 100%;padding-bottom: 41%;height: auto;}
.site-news .col-lg-5{margin-bottom: 15px;}
#homepage .news-box.news-box-sm .button.read-more {width: 30px;right: 0;}
#footer-top ul {position: static;flex-wrap: wrap;display: block;text-align: center;}
a.f-link::after{display: none;}
a.f-link {padding: 5px 0;display: block;}
.site-events .container {left: 0;}
.site-news .container{left: 0;}
#freeform #main {position: relative;padding: 24px 24px 0;}

#freeform blockquote {margin: 35px 0;padding: 15px;font-size: 20px;line-height: 30px;width: 100%;display: block;}
#freeform blockquote::after {width: 28px;height: 23px;background-size: 100%;right: 15px;margin: 0;top: 25px;}
.site-header .col-lg-10{padding: 0;}
.site-events .section-title {font-size: 32px !important;}
.site-events .section-title-wrapper {justify-content: center;}
.site-qlinks .container {left: 0;z-index: 1;}
#homepage .news-row:first-child .news-content {padding: 0 15px 25px;}
#homepage .news-row:last-child .news-content {padding: 0 15px 25px;}
.site-events .button {position: static;}
#f-social-media-links {margin: 0 auto;}
.site-header .col-lg-3::after{display: none;}
.site-header .col-lg-7{padding: 0 !important;}
#social-media-links .top-right{position: absolute;}
.site-qlinks::after{top: 0;}
a.qlink-box {padding: 15px;height: auto;}
.floating-share-btn {top: auto;}
.f-left{margin-bottom: 20px;}
.site-qlink-image { margin:0;}
a.externalsite-box span {word-wrap: break-word;line-height: 1;margin-top: 10px;}
#flyout a, #flyout span {text-decoration: none;padding: 8px 20px;}
#freeform #entry #post p {font-weight: 400;line-height: 22px;padding-left: 0;padding-right: 0;margin: 0 0 20px;font-size: 16px;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
/* .slider-caption h1 {position: static !important;width: auto;font-size: 60px;letter-spacing: 0;line-height: 1;} */
.qlink-title {top: 0;line-height: normal;text-align: left;}
.tns-controls {left: 10px;right: 10px;}

.header-top .container {display: block;}
#freeform #main .col-lg-3{order: 2;margin: 35px 0;}
.site-header #nav ul{margin:0;background: var(--white);}
.site-header #nav ul li a{text-transform: capitalize;}
.site-header #nav ul a:not(.fa), .site-header #nav ul span {
  font-weight: 600;text-transform: capitalize;
  color: var(--blue);
  font-size: 17px;
}
#nav ul.second-level a{color: var(--white) !important;}
.site-header #nav li .fa-angle-down::before {content: "";background: url(../images/down-arrow.png);width: 17px;height: 11px;position: absolute;background-size: auto;padding: 26px 23px;right: 0;background-repeat: no-repeat;background-position: center;background-color: var(--blue);background-size: 13px;}
.head-links a {padding: 10px 16px;}
.social-media-link {background: var(--navy);}
#search {margin:0 auto;border: 2px solid var(--navy);width: calc(100% - 30px);border-radius: 12px;}
.qlink-icon {width: 70px;height: 70px;margin: 0;}
.qlink-icon img {width: 24px;}
.tab-calendar {width: 100%;}
.site-welcome {padding:50px 0;}
.header-bottom {padding:10px 0 20px;display: none;border-top: 1px solid var(--navy);}
.ban-sub-txt-top {font-size: 15px;top: -24px;}
.ban-sub-txt-bottom {font-size: 15px;bottom: -10px;right: auto;}
.tns-nav{display: none;}
#slider .tns-controls {z-index: 999;display: flex;right: 10px;left: auto;bottom: 10px;top: auto;column-gap: 10px;}
.cal-items-wrapper {display: block;}
.event-images{margin: 0 !important;}
.f-box:last-child {justify-content: flex-start;}
#flyout li {padding: 0;}

.header-bottom .container-fluid {padding: 0 15px;display: block;}
button#ada-btn {padding: 10px 16px;}
span.forecast {padding: 10px 16px;}
.header-top .container-fluid {padding: 0;}
.notice {left: 15px;}
.site-qlinks .container-fluid {padding: 0 15px;}
#homepage .site-news .container-fluid {padding: 0 15px;}
.qlink {display: flex;align-items: center;padding: 10px 0;border-bottom: 1px solid;border-radius: 0;}
.qlink::after {content: "";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background-image: url(../images/arrow-right.png);width: 10px;height:18px;background-size:cover;}
.site-footer .container-fluid {padding: 0 15px 15px;flex-direction: column;}
.f-box-in {padding: 20px 30px;flex-direction: column;}
.divider{display: none;}
.location{text-align: left;}
#freeform .header-top {border-bottom: 1px solid var(--navy);}
#freeform #main .container-fluid {padding: 0 15px;}
#flyout-header,#contact-header{margin: 0;border-radius: 15px;}
#fillable-details{display: none;}
#fillable-header{margin-bottom: 0;border-radius: 15px;}
#freeform aside .rz-btns-container {top: 0;right: 50px;}
#footer-bottom .container {display: block;}
#newsletter-box input{font-size: 16px}
#homepage .site-news .news-box{margin: 10px 0;}
#freeform #main .col-lg-9{padding: 20px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
.site-footer .container {display: block;}
.f-box {position: static !important;margin:10px 0;width: 100%;}
.floating-alert {top: auto;bottom: 20px;left: 50%;width: 96%;margin:0 auto;right: auto;transform: translateX(-50%);}
.site-welcome p {font-size: 16px;line-height: 24px;padding-right: 0;margin-bottom: 25px;text-align: center;}
.site-footer {text-align: center;}
.revize-in {justify-content: center;}
.floating-share-btn {bottom: 205px;width: 44px;height: 44px;}
#slider {padding-bottom: 100% !important;}
.head-left-tools {display: block;}
span.forecast::after,button#ada-btn:after{display: none;}
.head-links {display: flex;flex-direction: column;}
#freeform #main {padding: 15px;}
#freeform #main .container {padding: 15px;}
#freeform #entry #post p, #freeform #entry #post {
  padding-right: 0;}


}

@media only screen and (min-width:768px) and (max-width:991px) {
  .f-box {position: static !important;margin: 10px 0;width: 100%;}
  #revize {text-align: left;}
  .site-footer .container {display: flex;justify-content: space-between;column-gap: 20px;}
  .vos .projects-box {grid-template-columns: repeat(3, 1fr);}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {
  .vos .projects-box {grid-template-columns: repeat(2, 1fr);}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
#slider-caption {
font-size: 30px !important;
line-height: 32px !important;
}

.vos .projects-box {grid-template-columns: repeat(1, 1fr);}

}


@media print {

#slider,
footer,
#breadcrumbs,
#flyout-wrap,
.floating-share-btn,
.e-notify,
.site-header {
display: none !important
}

a[href]:after {
content: none !important
}
}