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

Theme Name: Clifton, VA
Front-end developer: Raju Paul
Author Design: Jacob Nagy
Author URI: https://www.revize.com/
Date: 11/09/2024

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

/* -----------------------------------------
#fonts
-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Lexend+Giga:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* -----------------------------------------

#basic styles

  font-family: "Lexend Giga", serif;
  font-family: "Montserrat", serif;


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

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

:root {
 --green:#1D764A;
 --light-green-shade-2:#C2E4D4;
 --dark-green:#256143;
 --light-green:#DAF2E6;
 --blue:#212B56;
 --black:#2A2A2A;
 --white:#fff;
}

body {background: #fff;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: "Montserrat", 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 {
font-size: 36px
}

h2 {
font-size: 32px
}

h3 {
font-size: 28px
}

h4 {
font-size: 21px
}

h5 {
font-size: 16px
}

h6 {
font-size: 14px
}

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

.subheader {margin-bottom: 19px;display: block;color: var(--dark-blue);font-size: 32px;font-style: normal;font-weight: 600;line-height: 1;text-transform: capitalize;}
p {margin: 0 0 20px 0;color: var(--black);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */}

em {
font-style: italic
}

strong,
b {
font-weight: bold
}

small {
font-size: 80%
}

.site-footer hr {
  margin-top: 32px;
  margin-bottom: 37px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.2);
}

.site-footer .top-shape{position: relative;top: -50px;}



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

#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(--brandcolor)
}

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: 0 0 12px;display: inline-block;text-decoration:none;cursor:pointer;vertical-align:middle;transition:all .3s;text-align: center;border-radius: 0; /* 24px */text-transform: capitalize;color: #212B56;font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;position: relative;display:inline-block;align-items: center;column-gap: 12px;}

.button img,a.button img{width: 16.5px;filter: brightness(0.5);position: relative;top: -1px;margin-left: 10px;}
.button:hover:after,
a.button:hover:after{background:var(--blue);}

.button:hover img, a.button:hover img {filter: none;}

.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{color: var(--green);text-decoration: none;}
.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{color: var(--green);text-decoration: none;}
#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:#fff;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:0;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;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}

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

#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(--mediumgray)
}

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: #fff;
padding: 30px;
border: 1px solid #D2DFEF
}

form.loginform p {
background: #E65229;
color: #fff;
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:100;bottom: auto;margin:0;right:20px;color: var(--drak-grey);padding: 24px;width: 350px;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius: 10px;background: var(--white);font-size: 16px;line-height: 22px;font-weight: 500;bottom: 40px;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);}
.floating-alert h2{margin: 0 0 12px;color: var(--drak-grey);font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;}
.floating-alert p{margin:0;color: var(--md-gray);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */}
.alert-buttons{margin: 24px -24px -28px;border-top: 1px solid #D9D9D9;display:flex}
.alert-button{border-right: 1px solid #D9D9D9;flex:1 1 auto;text-align:center;padding: 18px 0;text-decoration:none;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */width: 150px;}
.alert-buttons .alert-button:last-of-type{border:0}
.alert-button:hover{background: var(--light-green);color: var(--green);text-decoration:none;cursor:pointer}
.floating-alert.fade:not(.show){display:none}
/* -----------------------------------------

#rz edit

-----------------------------------------*/
.dir-quick-img[style="background:url('_assets_/images/logo.png') top no-repeat;background-size:cover;"]{background-size: 80% !important;
  background-position: center center !important;}
#event-modal .modal-footer .btn {margin: 0 0 0 10px;color: var(--white) !important;text-decoration: none;padding: 10px !important}
#post input[type="submit"].rz-doc-search-submit {padding: 0 15px;border-radius: 4px;background: var(--light-green);position: absolute;border: 1px solid var(--gray);}
#post input[type="submit"].rz-doc-search-submit:hover{background: var(--dark-green);color: var(--white);}
body .cat h3 {border-bottom: 0;background: var(--green);}
form#rz-business-directory-search{margin:0 0 15px 0}
.faq-header ~ .faq-editbtns {margin-top: -35px;position: relative;}
.faq-header{width:100%}
#rz-business-categories .business-category-edit{margin:0 0 15px 0}

.share-btns a img {width: 55px;display: block;margin: 55px auto;}
@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;}


#entry #post .button{padding:12px 35px 13px 30px;}
#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(--blue);text-decoration: underline;font-weight: 700;}
#post a:hover:not(.button,.button a,.btn,.btn a,#calendar-filters a,.fc-day-number,#calendar-submit,.faq-header,.faq-question .faq-question-header){text-decoration: none;}


body #userwayAccessibilityIcon{display:none !important}
button#ada-btn {background:url(../images/ada-icon.png);width: 70px;height: 70px;background-size: cover;padding: 0;border: 0;transition: .3s all;}
/* button#ada-btn:hover {background:url(../images/ada-icon-hover.png);width: 70px;height: 70px;background-size: cover;padding: 0;border: 0;} */
.ada-wrap {position: fixed;z-index: 9999;top: auto;bottom: 270px;left: 10px;}


aside.bg-color {background: var(--white) !important;height: 50px;}
aside.bg-color h2{background: var(--white) !important;}

#freeform #entry input#faq-filter {border: 1px solid var(--green);}
#freeform #entry #example_filter input {border: 1px solid var(--green);}
#freeform #entry .staffBtn {margin-bottom: 10px;}
#freeform #entry .rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]{background-position:center center !important;background-size: 80% !important;}
/*#freeform #entry .rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]:after{display:none}*/
.rz-block-img:after {bottom: 50% !important;}

#freeform #main form#formwizziwmorf input[type="submit"] {padding: 10px;border: 0;background: var(--light-green);}
#freeform #main .rz-doc-search-reset {color: var(--white);border: 0;}
.fullwidth.user-logged-in{}

.user-logged-in .yes-has-edit-buttons.down-zindex:hover, .show-edit-buttons .user-logged-in .yes-has-edit-buttons.down-zindex {z-index: inherit !important;}

#freeform #main #post span.btn > a{color: var(--blue);text-decoration: none;}
#freeform #main #post span.btn{color: var(--blue);font-family: Montserrat, serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;border-radius: 10px;background: var(--light-green);padding: 16px 24px;text-decoration: none;}

#freeform #main #post span.btn:hover{background: var(--green);color: var(--white);}
#freeform #main #post span.btn:hover a{color: var(--white) !important;}
#freeform #main #document-center h4 {margin: 0;font-size: 16px;}
button#translate-reset {display: none;}
/* -----------------------------------------

#main

-----------------------------------------*/
#find-service{background: var(--white);width: 100%;padding: 120px 0 64px;position: fixed;top: 100px;z-index: 99;border-top: 1px solid rgba(0, 0, 0, 0.10);}
.City-highlight {display: inline-block;}
.find-service-overlay{width: 100%;height: 100%;background: rgba(0, 0, 0, 0);position: absolute;z-index: 11;top: 0;bottom: 0;pointer-events: none;transition:.3s all;}
.find-service-overlay.overlay-on{background: rgba(0, 0, 0, .7);pointer-events: inherit;}

#find-service h4 {
  color:var(--black);
  font-family: "Lexend Giga", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -3.6px;
}
.find-service-box{background: var(--light-green);padding: 48px 47px;width: 33.33333333333333%;border-radius: 10px;}
#find-service .container{/* display: flex; */column-gap: 16px;position: relative;}
.filter-select-menu,.filter-select-menu-2 {min-width: 211px;position: relative;z-index: 50;}
.select-trigger,.select-trigger-2 {display: flex;justify-content: space-between;align-items: center;padding: 16px 24px;background: #fff;cursor: pointer;border-radius: 10px;}
.select-trigger::after,.select-trigger-2::after{content: "";background:url('../images/chevron.png') center no-repeat;background-size: cover;width: 14px;height: 8px;}
.select-trigger:hover,.select-trigger:focus,.select-trigger-2:hover,.select-trigger-2:focus{outline: 3px solid rgba(33, 43, 86, 0.50);}
.select-value,.select-value-2 {flex-grow: 1;color: #212B56;font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;}
.select-arrow,.select-arrow-2 {font-size: 12px;}
.select-options,.select-options-2 {display: none;position: absolute;top: 100%;left: 0;right: 0;background-color: white;margin: 0;padding: 0;list-style: none;border-radius: 10px;overflow: hidden;border: 1px solid var(--light-green-shade-2);}
.option,.option-2 {padding: 10px;cursor: pointer;}
.option:hover,.option-2:hover {background-color: #f0f0f0;}


button#close-service {
  position: absolute;
  right: 15px;
  top: -54px;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  width: 26px;
}


/*#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}


header.sticky-header {position: sticky;z-index: 91;background: var(--white);}
.search-anchor {
  width: 53px;
  height: 53px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -1px;
  border-radius: 10px;
}
.search-anchor:hover,.search-anchor:focus{background: rgba(33, 43, 86, 0.10);}
a.find-a-service {border-radius: 10px;background: var(--light-green);padding: 16px 24px;color: var(--blue);font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;text-decoration: none;text-wrap: nowrap;}
.find-a-service:hover,.find-a-service:focus{background: var(--green);color: var(--white);}
.search-anchor img{width: 20.5px;}

.top-left-content {display: flex;align-items: center;column-gap: 8px;}
body #userwayAccessibilityIcon{display:none !important}
#ada-btn {position: relative;margin: 0;border: 0;padding: 0 25px;color: var(--white);font-size: 16px;font-style: normal;font-weight: 400;transition: .3s all;align-items: center;border-radius: 0;background: rgba(255, 255, 255, .05);display: flex;column-gap: 12px;height: 50px;font-family: "Roboto", sans-serif;}
#ada-btn img{width: 25px;}

.weather-wrap{position: absolute;top: 110px;left: auto;transform: translate(-50%);/*! width: 1300px; */max-width: 100%;display: flex;justify-content: flex-end;align-items: center;z-index: 9;color: var(--white);right: 0;}
.right-links{display:flex;align-items: center;column-gap: 5px;color:var(--brandcolor);font-size: 16px;font-style: normal;font-weight: 700; /* 20.8px */}
.right-links #weather{position: relative;top: 0;color: #FFF;font-family: "Plus Jakarta Sans";font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;}
/* .forecast {font-size: 0;} */
.weather-deg {color: #FFF;font-family: "Plus Jakarta Sans";font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;}

.top-right-tools {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.top-right-tools .left-top {left: -80px !important;}

.top-right-links{
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.floating-share-btn {padding: 0;border: 0;width: 50px;height: 50px;text-align: center;transition: .3s all;color: var(--white);background: rgba(255, 255, 255, .05);}
.floating-share-btn img{/*! width:18px; */}
.floating-share-btn:hover{/*filter: hue-rotate(115deg) contrast(2.5);*/ background: rgba(255,255,255,.15);}

.slider-shape {position: absolute;bottom: 0;z-index: 1;width: auto;height: 100%;}

a.head-link {
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 32px;
}

/* #flyout li a::after,
#flyout li span::after{content: "";position: absolute;bottom: 0;width: calc(100% - 68px);height: 1px;background: rgba(0, 0, 0, 0.10);transition: .3s all;left: 50%;transform: translateX(-50%);} */

/* #flyout li:last-child a::after,
#flyout li:last-child span::after{display: none;} */


.head-link:hover{color:var(--white);text-decoration: underline;}
a.head-contact {font-size: 15px;color: #fff;font-weight: 500;text-decoration: none;margin-right: 0;margin-left: 0;transition: .3s all;text-transform: uppercase;}
a.head-contact img{width: 18px;margin-right: 10px;position: relative;top: -1px;}
a.head-contact:hover{text-decoration: none;color: var(--lightblue);}
a.head-location {font-size: 20px;color: var(--white);font-weight: 600;text-decoration: none;text-transform: uppercase;transition: .3s all;}
a.head-location:hover{text-decoration: none;color: var(--lightblue);}
a.head-location img{width: 24px;margin-right: 14px;position: relative;top: -1px;}
.cont-address {margin-left: 0;display: flex;}
#wrapper_sliderVideo {z-index: 1 !important;}
.site-header .container{/*width: 1662px;*/max-width: 100%;}  
.tools-wrap {display: flex;align-items: center;justify-content: right;column-gap: 16px;padding-right: 32px;}  
#logo{display:block;padding: 0;text-decoration:none;width: 219px;max-width:100%;transition: .3s all;position: absolute;top: -44px;left: 15px;z-index: 9;}
#social-media-links {display: flex;width: 68px;justify-content: space-between;column-gap: 0;position: relative;}
#f-social-media-links {display: flex;width: 88px;justify-content: space-between;column-gap: 5px;position: relative;margin: 60px  0 0;}
.header-top {background: var(--lighter-gray);padding: 10px 0 13px;}
#header-bottom .col-lg-2{background: var(--accentcolor);position: relative;left: -6px;}
#header-bottom .col-lg-2::after {
  content: "";
  position: absolute;
  right: auto;
  background: var(--accentcolor);
  height: 100%;
  width: 1000%;
  left:100%;
  top: 0;
}
.header-top #search1 {width: 220px;position: absolute;display: none;right: 0;}
.header-top #search1 form{margin:0;}
.header-top #search1 input {height: 26px;font-size: 15.625px;color: rgb(0, 0, 0);padding: 0 21px 0 10px;}
.header-top #search1 button {
position: absolute;
right: 3px;
top: -1px;
border: 0;
background: transparent;
padding: 0;
line-height: 26px;
color: #fff;
text-transform: uppercase;
width: 18px;
}
.address-link img{position: relative;left: -1px;top: -1px;}
.social-media-link:hover {background: var(--dark-yellow);}
.social-media-link img {width: 18px;position: relative;top: -2px;}
.phone-link {position: relative;left: -4px;}
.container{/* width: 1438px; */max-width: 100%;}
.head-left-items {color: #F8FAFC;font-size: 16px;font-weight: 500;line-height: 160%;}
.caption-wrapper {
position: absolute;
z-index: 9;
width: 100%;
text-align: center;
color: #fff;
top: 50%;
transform: translateY(-50%);
margin: -55px 1px;
}
.search-wrapper {
position: relative;
top: 70px;
}

/*Header*/
#header-bottom {background: var(--dark-gray);}
.head-links a{color: #fff;text-decoration: none;font-size: 15px;}
.head-links a:hover{color: var(--md-gray);text-decoration: underline;}
.site-header .col-lg-3{position: relative;}
.header-top .container{width: 1522px;display: flex;justify-content: end;align-items: center;}
.pipe {margin: 0 30px;color: rgba(30, 30, 30, 0.20);}



/* Qlinks*/
.site-qlinks .container{position: relative;left: 0;/*width: 1438px;*/max-width: 100%;}



.site-qlinks .tns-outer button[data-controls] {
  font-size: 30px;
  color: var(--white);
  transition: .3s all;
  border: 0;
  padding: 0;
  height: 48px;
  width: 48px;
  background: var(--white);
  margin: 0;
  transition: .3s all;
  border-radius: 10px;
  opacity: 1;
}


.tns-outer button[data-controls]:disabled{opacity: .5 !important;}


.site-qlinks .tns-outer button[data-controls]:hover{background: var(--green);opacity: 1;}
.site-qlinks .tns-outer button[data-controls]:hover img{filter: brightness(10);}

.site-qlinks .tns-outer button[data-controls] img {filter: none;top: 0;}


span.qlink-ic {background: var(--blue);width: 60px;height: 60px;justify-content: center;align-items: center;display: flex;border-radius: 50%;outline: 4px solid rgba(33, 43, 86, 0.50);position: relative;left: 4px;transition: .3s all;}
.site-qlinks li{margin: 0;}
a.qlink{text-decoration: none;display: block;border: 0;transition: .5s all;text-align: left;line-height: 24px;border-radius: 10px;position: relative;margin: 0 auto;padding: 36px 32px;color: var(--white);font-size: 14px;font-style: normal;font-weight: 700;background: var(--white);align-items: center;min-height: 266px;}
a.qlink img{width: 24px;}
a.qlink h5{margin: 21px 0 16px;color: var(--black);font-family: "Lexend Giga", serif;font-size: 24px;font-style: normal;font-weight: 400;line-height: 1.2; /* 28.8px */letter-spacing: -3.6px;}

a.qlink p{color: rgba(0, 0, 0, 0.60);font-family: "Montserrat", serif;font-size: 16px;font-weight: 400;line-height: 1.25;margin: 0;}

/* .qlink:hover{background: rgba(0, 0, 0, 0.40);} */

.qlink:hover .qlink-title{color: var(--red);text-decoration: none;}

a.qlink:hover span.qlink-ic {background: var(--green);outline: 4px solid var(--green);}



/*News*/
.site-news {padding: 128px 0 171px;position: relative;background: var(--light-bg);}
.site-news .section-title-wrap .section-title img{width: 40px;margin-right: 20px;position: relative;top: -4px;}
.site-news .button{position: relative;top: 6px;/* right: 0; */border-bottom: 3px solid;}
/* .site-news .button::after{content: "";width: 100%;height: 3px;background: var(--black);bottom: 0;left: 0;} */
#homepage .site-news .container{position: relative;}
#homepage .site-news .tns-ovh{position: relative;margin-bottom: 0;padding: 10px;margin: -10px;}
#homepage .site-news .tns-controls {margin: 0;display: flex;position: absolute;top: -43px;right: 175px;left: auto;column-gap: 6px;}
#homepage .site-news:hover .tns-controls{opacity: 1;}
#homepage .site-news li{margin-bottom:0;}
#homepage .site-news .news-box {text-decoration: none;margin: 0 auto;display: block;overflow: hidden;transition: .5s all;background: var(--white);position: relative;top: 0;}
#homepage .site-news .news-box:hover .news-title{text-decoration: underline;}
#homepage .news-img-sup {position: relative;}
#homepage .site-news .news-box p{margin-bottom: 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; /* 21px */min-height: 72px;color: rgba(0, 0, 0, 0.60);font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */}
#homepage .site-news .news-box:hover .btn-more{background:var(--blue);}
#homepage .site-news .news-box:hover .btn-more img{filter: brightness(10);}
#homepage .site-news .news-desc-wrap{background: var(--dark-gray);padding: 28px 28px 29px;border-radius: 0 0 24px 24px;position: relative;z-index: 1;text-align: left;border-top: 15px solid var(--dark);height: 211px;}
#homepage .site-news .date{display: block;text-align: left;padding: 0; /* 24px */margin-bottom: 16px;color: var(--blue);font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;}
#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-family: 'Abhaya Libre', serif;font-size: 32px;font-style: normal;font-weight: 800;}
#homepage .site-news .news-img{height: 300px !important;transition: .3s all;border-radius: 10px;}

#homepage h4.news-title {
  text-align: left;
  margin: 0 0 17px;
   /* 33px */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--black);
   /* 31.2px */
  font-family: "Lexend Giga", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
  letter-spacing: -3.6px;
}

#homepage .news-content {padding: 24px 24px 0;}
#homepage .btn-more {background: var(--light-green);color: var(--white);transition: .3s all;position: absolute;bottom: 0;right: 0;width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 12px 0 8px;}
#homepage .btn-more img{width: 16.5px;}
#homepage .btn-more:hover {background: var(--blue);}
#homepage .btn-more:hover span{background: var(--white);transition: .3s all;}
#homepage .btn-more:hover span img{filter: none;}
#homepage .btn-more span img{width: 10px;height: 10px;position: relative;top: -4px;filter: brightness(10);}
#homepage .site-news .tns-outer button[data-controls] {
  border: 0;
  padding: 0;
  height: 40px;
  width: 40px;
  background: var(--light-green);
  margin: 0;
  transition: .3s all;
  border-radius: 10px;
  opacity: 1;
}
#homepage .site-news .tns-outer button[data-controls]:hover{background: var(--green);opacity: 1;}
#homepage .site-news .tns-outer button[data-controls]:hover img{filter: brightness(10);}

/* Signup*/
.site-signup-in{background: url(../images/signup-bg.png);background-size: 100% 100%;background-repeat: no-repeat;padding: 0;border-radius: 10px;display: flex;column-gap: 144px;}
.site-signup {margin-bottom: 112px;}
.signup-img-1{width: 115px;height: 115px;border-radius: 50%;outline: 5px solid var(--green);position: relative;top: -4px;left: 6px;}
.signup-img-2{width: 75px;height: 75px;border-radius: 50%;outline: 5px solid var(--green);position: relative;top: -8px;left: -16px;}
.signup-images {display: flex;align-items: baseline;min-width: 176px;margin-top: -50px;margin-bottom: 37px;}
.section-sub-title {
  color:var(--light-green);
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin: 0 0 8px;
}

.site-signup .section-title{color: var(--white);margin-bottom: 64px;}
.site-signup p {
  color: rgba(255, 255, 255, 0.60);
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.left-signup {max-width: 582px;padding: 0 64px;}
.newsletter-form{position: relative;display: flex;margin-bottom: 17px;}
.newsletter-form .form-control{height: 68px;border: 0;border-radius: 10px 0 0 10px;padding: 0 24px;}
.right-signup {padding-top: 59px;padding-right: 64px;padding-left: 21px;}
.right-signup h5{
  color: #DAF2E6;
  font-family: "Lexend Giga", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -3.6px;
  margin-bottom: 15px;
  }
.newsletter-btn {border: 0;border-radius: 0 10px 10px 0;background: var(--light-green);color: var(--blue);font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;padding: 0 32px;transition: .3s all;}
.newsletter-btn:hover{color: var(--white);background: var(--blue);}
.buttons-wrapper {background: var(--light-green-shade-2);margin-bottom: 64px;}


/* Qlinks*/
.site-qlinks {background: var(--light-green);position: relative;padding: 64px 0 107px;}
.site-qlinks .center-center{margin-top:-181px;}
.site-qlinks .tns-inner{z-index: 9;position: relative;}
.site-qlinks .button{position: relative;z-index: 9;}
.site-qlinks .icon-wrap img{width: 30px;}
.qlink-item {background: var(--green);align-items: center;padding: 24px;transition: .3s all;position: relative;text-decoration: none;}
.qlink-item:hover .icon-wrap {background: url(../images/icon-bg-hover.png);background-size: 100% 100%;background-repeat: no-repeat;}
.qlink-item h6{margin: 0;color: var(--white);font-family: "Poppins", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: 110%;}
.site-qlinks img.bottom-shape {opacity: .05;}
.site-qlinks .container{position: relative;z-index: 1;}
.qlink-button {margin: 13px 0;}
.section-title-wrap{position: relative;display: flex;align-items: center;justify-content: space-between;margin-bottom: 32px;}
.section-title-wrapper{text-align: center;margin: 0 0 50px;}
.section-title{text-align: left;margin: 0; /* 89.6px */position: relative;z-index: 1;text-transform: none;color: var(--black);font-family: "Lexend Giga", serif;font-size: 40px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -6px;}
.section-title span{
  color:var(--brand-color);
  font-family: "Dancing Script", cursive;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  position: relative;
  top: -13px;
  left: 3px;
  }

.light-section .section-title-wrap::after{content: "";background: url(../images/yel-brush.png);width: 500px;height: 97px;background-size: 100%;position: absolute;left: -4px;top: 33px;}

/*Events*/
.cal-wrap{position: relative;padding: 64px 64px 61px;margin-bottom: 96px;}
.cal-wrap img{z-index: 1;opacity: .2;}
.cal-wrap::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(39, 94, 106, 0.80);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.site-events .section-title-wrap{margin-top: 86px;}
.full-cal-btn{z-index: 3;text-align: center;position: relative;margin-top: 24px;}
.site-events span.btn-more{color:var(--brand-color);}
#tabs-button{display: flex;margin-top: 0;text-align: center;font-weight: 600;line-height: normal;margin-bottom: 0;}
#tabs-button .tab {display: flex;justify-content: center;align-items: center;cursor: pointer;padding: 29px 0 32px 0;text-transform: capitalize;backdrop-filter: blur(5px); /* 30px */margin-right: 0;transition: .3s all;color: var(--blue);text-align: center;font-family: "Lexend Giga", serif;font-size: 28px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -4.2px;border-top: 4px solid transparent;width: 352px;}
#tabs-button .tab:hover{border-top: 4px solid;}
#tabs-button .tab.active{position: relative;border-top: 4px solid #212B56;background: rgba(33, 43, 86, 0.10);}
#tabs-button .tab.active::after{content:"";background: url(../images/star.png);position: absolute;width: 32px;height: 30px;background-size: 100%;bottom: -19px;z-index: 9;}
.tab-event:not(.active){display: none;}
.tab-calendar{min-height: 180px;margin-bottom: 0;background: #fff;color: #000;padding: 0;border-radius: 20px;/* height: 430px; *//* max-width: 570px; */}
.tab-event {color: #000;padding: 0;}
.tab-calendar:not(.active){display: none;}
.site-event{position: relative;padding: 0 0 64px;}
.site-event .container{position: relative;z-index: 1;width: 1438px;}
.site-event .buttons-wrapper .container{display: flex;justify-content: space-between;align-items: center;width: 1442px;max-width: 100%;}
.site-event.white-title .section-title{color: var(--white);}


/*About*/
.site-about{padding: 112px 0;position: relative;}
.site-about .button{text-decoration: underline;}
.site-about .container{position:relative;z-index:1;}
.site-about::after{content:"";width: 620px;height: 324px;position: absolute;background: url(../images/about.jpg);top: 97px;left: 0;opacity: .08;}
.about-items{width: 459px;height: 300px;}
.site-about .section-title{margin-bottom: 33px;}
.site-about .col-lg-8 {padding-left: 75px;}
.site-about p {margin: 1px 0 24px 0;}

/* Owl Carousel */

.owl-prev {
  background: url('https://res.cloudinary.com/milairagny/image/upload/v1487938188/left-arrow_rlxamy.png') left center no-repeat;
  height: 54px;
  position: absolute;
  top: 50%;
  width: 27px;
  z-index: 1000;
  left: 2%;
  cursor: pointer;
  color: transparent;
  margin-top: -27px;
}

.owl-next {
  background: url('https://res.cloudinary.com/milairagny/image/upload/v1487938220/right-arrow_zwe9sf.png') right center no-repeat;
  height: 54px;
  position: absolute;
  top: 50%;
  width: 27px;
  z-index: 1000;
  right: 2%;
  cursor: pointer;
  color: transparent;
  margin-top: -27px;
}

.owl-prev:hover,
.owl-next:hover {
  opacity: 0.5;
}



.owl-carousel{
    margin-top: 39px;
}

.owl-carousel .item{border-radius: 10px;overflow: hidden;max-width: 520px;padding-bottom: 70%;}


/* Owl Carousel */


/*base nav styles*/
.site-header #nav{padding:0;display:flex;flex-wrap:wrap;justify-content: space-around;width: 700px;position: static;margin: 0 auto 0 177px;}
.site-header #nav li{list-style:none;margin:0;break-inside: avoid;}
.site-header #nav ul{padding:0;margin: 0 0 15.7px;}
.site-header #nav a:not(.fa),
.site-header #nav span:not(.fa){text-decoration:none;display:inline-block;position: relative;color: var(--black);padding: 39px 30px 38px;text-transform: capitalize;text-align: center;font-family: "Lexend Giga", serif;font-size: 18px;font-style: normal;font-weight: 400; /* 21.6px */letter-spacing: -2.7px;}
.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}
.nav-page-title {
font-size: 20px;
font-style: normal;
font-weight: 600;
padding: 0;
text-transform: uppercase;
position: relative;
color: var(--lightblue);
}

.nav-content p{color: var(--brandcolor);font-size: 16px;line-height: 24px;}
.nav-content p a{display: inline;}
#nav ul .nav-content p a.nav-lmore {
padding: 0 !important;
margin: 0 !important;
text-transform: capitalize !important;
display: inline-block !important;
}

.site-header #nav ul a:not(.fa)::after, .site-header #nav ul span:not(.fa)::after{display: none;}

/*base nav styles*/
/* #header-nav{flex:1;}
.site-header #nav{padding:0;margin: 0 -18px 0 0;display:flex;justify-content: flex-end;}
.site-header #nav li{list-style:none;margin:0}
.site-header #nav ul{padding:0;margin: 0;}
.site-header #nav a,
.site-header #nav span{position:relative;padding: 24px 13px;display: inline-block;color: #1a87c7;text-decoration: none;font-weight: 700;font-size: 18px;text-transform: uppercase;}
.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:10px 0;margin:0;position:absolute;top:100%;left:auto;width:300px;background:#fff;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(--green);}
#translation-links ul li a:hover{background:var(--lightgray);color:var(--brandcolor)}
[lang="en"] #translate-reset{display: none}
[data-lang="English"]{background:#f9f9f9}
div.skiptranslate{display:none !important}
#search form{margin: 0 auto;position:relative;max-width: 100%;height: 100%;}
#search label{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}
.search-btn{position:absolute;right: 0;top: 0;padding:0;border:0;text-transform:uppercase;font-weight:700;transition: .3s all;height: 68px;background: transparent;width: 68px;display: flex;align-items: center;justify-content: center;}
#search button:hover{background: var(--dark-yellow-parks);}
.search-btn img{width: 19.5px;position: relative;}
#search input{border:0;padding: 0 58px 0 24px;height: 68px;background: var(--white);color: rgba(30, 30, 30, 0.60);font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;border-radius: 10px;}
#search input.search-input:placeholder{color:var(--dark-gray)}
#search input.search-input::-webkit-input-placeholder{color: rgba(30, 30, 30, 0.60);}
#search input.search-input:-moz-placeholder{color: rgba(30, 30, 30, 0.60);}
#search input.search-input::-moz-placeholder{color: rgba(30, 30, 30, 0.60);}
#search input.search-input:-ms-input-placeholder{color: rgba(30, 30, 30, 0.60);}

#search input.highlight-input {outline: 5px solid var(--light-green-shade-2);}
/* #search input:focus {outline: none;} */

.btn-search {
padding: 0;
margin: 10px -2px;
border: 0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
font-size: 13px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
color: var(--white);
}
.btn-search img{width: 17px;position: relative;top: 0px;left: -9px;margin-right: 0;}



/*Translate*/
#translate-button {border: 0;padding: 0;transition: .3s all;align-items: center;border-radius: 0;display: flex;background: center;column-gap: 8px;height: 50px;color: var(--green);font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 700;text-transform: uppercase;position: relative;left: -1px;top: 1px;}
#translate-button:hover img{filter: none;}
#translate-button img{width: 18px;position: relative;top: -1px;filter: brightness(0);}

/*Footer*/
.site-footer {background: var(--light-green);position: relative;}
.footer-top {padding: 41px 0 42px;}
.footer-top .container {display: flex;justify-content: space-between;max-width: 100%;}
.social-media-link {min-width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;transition: .3s all;position: relative;background:var(--yellow);}
.social-media-links {display: flex;justify-content: center;column-gap: 4px;}


.footer-top {padding: 48px 0 46px;}
.footer-bottom .container{display: block !important;border-top: 2px solid var(--yellow);}
#revize {color: var(--black);font-size: 16px;font-style: normal;font-weight: 400; /* 15.6px */}
#revize img{width:40px;margin-right: 12px;position: relative;top: -2px;}
.logo-content {float: left;}
.f-link{display: block;}
a.f-link {
  text-decoration: auto;
  margin-bottom: 14.3px;
  transition: .3s all;
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
   /* 28.8px */
  text-transform: capitalize;
}
a.f-link:last-child{margin-bottom: 0;}
a.f-link:hover{text-decoration: underline;}
#revize-link {
  font-weight: 700;
  text-decoration: none;
}
#revize-login {
  text-decoration: none;
}

#revize-link:hover,#revize-login:hover{text-decoration: underline;color: var(--drak-grey);}

.footer-top a.f-location {display:flex;margin-bottom: 0;align-items: center;column-gap: 9px;position: relative;background: var(--white);padding: 12px 17px 12px;text-decoration: none;border-radius: 10px;width: calc(33.33333333333333% - 10.66666666666667px);color: #212B56;font-size: 16px;font-style: normal;font-weight: 500; /* 24px */text-transform: capitalize;}
.footer-top a.f-phone {display: flex;margin-bottom: 0;align-items: center;column-gap: 12px;position: relative;background: var(--white);padding: 16px 20px;text-decoration: none;border-radius: 10px;min-width: calc(33.33333333333333% - 10.66666666666667px);color: #212B56;font-size: 16px;font-style: normal;font-weight: 500;text-transform: capitalize;}
.footer-top a.f-email {display: flex;margin-bottom: 0;align-items: center;column-gap: 12px;position: relative;background: var(--white);padding: 16px 20px;text-decoration: none;border-radius: 10px;min-width: calc(33.33333333333333% - 10.66666666666667px);color: #212B56;font-size: 16px;font-style: normal;font-weight: 500;text-transform: none;}

a.f-location:hover,a.f-phone:hover,a.f-email:hover{text-decoration: underline;}



#freeform #main a.f-location img, #freeform #main a.f-phone img, #freeform #main a.f-email img, #freeform #main .f-fax img {width: 16px;position: relative;filter: brightness(10);}
#freeform #main a.f-location:hover img, #freeform #main a.f-phone:hover img, #freeform #main a.f-email:hover img, #freeform #main .f-fax:hover img{filter:none;}
#footer-bottom {background: var(--white);color: var(--black);padding: 22px 0;font-size: 16px;}
#footer-bottom .container {display: flex;justify-content: space-between;}
#disclaimer {text-decoration: none;}
#disclaimer:hover{text-decoration: underline;color: var(--drak-grey);}

footer a.f-location img, footer a.f-phone img, footer a.f-email img, footer .f-fax img{width:20px;}



button.fc-button-primary:disabled,button.fc-button-primary {
  color: #fff !important;
  background-color: var(--red) !important;
  border: none;
}


ul#hrs{margin: 0;padding: 0 31px;}
ul#hrs li{list-style: none;margin: 2px 0 9px;}
ul#hrs li:last-child{margin: 0;}
ul#hrs strong{display: inline-block;width: 49px;color: var(--dark-gray);font-size: 14px;font-weight: 700; /* 23.1px */position: relative;left: 0px;}
ul#hrs span{color: var(--dark-gray);font-size: 14px;font-weight: 400;}

.accordion {
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s linear;
}

.accordion:after {
  font-family: FontAwesome;
  content: "\f0d7";
  font-family: "fontawesome";
  font-size: 18px;
  float: right;
  position: relative;
  right: -45px;
}

.accordion.is-open:after {
  content: "\f0d8";
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}

/**Police**/
.police .site-header {background: rgba(11, 43, 102, 0.80);}
.police .search-btn {background: var(--light-yellow);}
.police .site-qlinks {background: var(--blue);}
.police .site-news {background: var(--light-blue-bg);}
#homepage.police .site-news .tns-outer button[data-controls]:hover {background: var(--light-yellow);}
.police .tns-outer button[data-controls] {background: var(--light-yellow);}
.police .tns-outer button[data-controls] img {filter: brightness(.1);}
#homepage.police .btn-more {background: var(--light-yellow);color: var(--drak-grey);}
#homepage.police .btn-more:hover {background: var(--dark-yellow-pol);}
#homepage.police .btn-more:hover span{background: var(--drak-grey);}
#homepage.police .btn-more:hover span img {filter: sepia(36) brightness(2);}
#homepage.police .btn-more span {border: 1px solid var(--drak-grey);}
#homepage.police .btn-more span img {filter: brightness(.1);}
.police .site-news .button{background: var(--blue);color: var(--white);}
.police .section-title{color: var(--blue);}
.police .site-event::after{background: linear-gradient(0deg, rgba(11, 43, 102, 0.85) 0%, rgba(11, 43, 102, 0.85) 100%);}
.police .cal-event-time img,.police .cal-location img {filter: contrast(2.4) brightness(1) sepia(1.1);}
.police .site-footer {background: var(--light-blue-bg);}
.police .social-media-link {background: var(--light-yellow);}
.police .social-media-link:hover{background: var(--dark-yellow-pol);}
.police a.f-location img, .police a.f-phone img, .police a.f-email img {filter: invert(1) hue-rotate(300deg) contrast(2) brightness(.6);}
#slider-bottom{position:relative;z-index:1;padding-bottom: 37.6%;}
#slider-bottom::after{content: "";position: absolute;width: 100%;height: 100%;background:url(../images/slide-overlay-bottom.png);background-size: 100% 100%;}
#slider-bottom .tns-outer {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
#slider-bottom .tns-controls {display: flex;justify-content: center;bottom: 0;top: auto;column-gap: 80px;}
.police #slider-bottom .tns-outer button[data-controls] {background: transparent;}
.police #slider-bottom .tns-outer button[data-controls] img {filter: none;}
.police .site-event .button {background: var(--light-yellow);}

/**parks**/
.parks .site-header {background: rgba(36, 107, 66, 0.80);}
.parks .search-btn {background: var(--yellow-parks);}
.parks .site-qlinks {background: var(--green-parks);}
.parks .site-news {background: var(--light-green-bg);}
#homepage.parks .site-news .tns-outer button[data-controls]:hover {background: var(--yellow-parks);}
.parks .tns-outer button[data-controls] {background: var(--yellow-parks);}
.parks .tns-outer button[data-controls] img {filter: brightness(.1);}
#homepage.parks .btn-more {background: var(--yellow-parks);color: var(--drak-grey);}
#homepage.parks .btn-more:hover {background: var(--dark-yellow-parks);}
#homepage.parks .btn-more:hover span{background: var(--drak-grey);}
#homepage.parks .btn-more:hover span img {filter: sepia(36) brightness(2);}
#homepage.parks .btn-more span {border: 1px solid var(--drak-grey);}
#homepage.parks .btn-more span img {filter: brightness(.1);}
.parks .site-news .button{background: var(--green-parks);color: var(--white);}
.parks .section-title{color: var(--drak-grey);}
.parks .site-event::after{background: linear-gradient(0deg, rgba(36, 107, 66, 0.85) 0%, rgba(36, 107, 66, 0.85) 100%);}
.parks .cal-event-time img,.parks .cal-location img {filter: contrast(2.4) brightness(1) sepia(1.1);}
.parks .site-footer {background: var(--light-green-bg);}
.parks .social-media-link {background: var(--yellow-parks);}
.parks .social-media-link:hover{background: var(--dark-yellow-parks);}
.parks a.f-location img, .parks a.f-phone img, .parks a.f-email img {filter: invert(0) hue-rotate(17deg) contrast(2) brightness(.6);}
.parks #slider-bottom .tns-outer button[data-controls] {background: transparent;}
.parks #slider-bottom .tns-outer button[data-controls] img {filter: none;}
.site-event .button{background: var(--yellow-parks);}
.site-event .button:hover{background: var(--dark-yellow-parks);}
#homepage.parks .event:hover{border-color: var(--yellow-parks);}
.parks .site-event .button {background: var(--yellow-parks);}

/**library**/
.library .site-header {background: rgba(85, 146, 115, 0.80);}
.library .search-btn {background: var(--yellow-library);}
.library .site-qlinks {background: var(--green-library);}
.library .site-news {background: var(--light-green-bg-lib);}
#homepage.library .site-news .tns-outer button[data-controls]:hover {background: var(--yellow-library);}
.library .tns-outer button[data-controls] {background: var(--yellow-library);}
.library .tns-outer button[data-controls] img {filter: brightness(.1);}
#homepage.library .btn-more {background: var(--yellow-library);color: var(--drak-grey);}
#homepage.library .btn-more:hover {background: var(--dark-yellow-library);}
#homepage.library .btn-more:hover span{background: var(--drak-grey);}
#homepage.library .btn-more:hover span img {filter: sepia(36) brightness(2);}
#homepage.library .btn-more span {border: 1px solid var(--drak-grey);}
#homepage.library .btn-more span img {filter: brightness(.1);}
.library .site-news .button{background: var(--green-library);color: var(--white);}
.library .section-title{color: var(--drak-grey);}
.library .site-event::after{background: linear-gradient(0deg, rgba(36, 107, 66, 0.85) 0%, rgba(36, 107, 66, 0.85) 100%);}
.library .cal-event-time img,.library .cal-location img {filter: contrast(1.4) brightness(1) sepia(1) hue-rotate(331deg);}
.library .site-footer {background: var(--light-green-bg-lib);}
.library .social-media-link {background: var(--yellow-library);}
.library .social-media-link:hover{background: var(--dark-yellow-library);}
.library a.f-location img, .library a.f-phone img, .library a.f-email img {filter: invert(0) hue-rotate(17deg) contrast(2.5) brightness(.7);}
.library #slider-bottom .tns-outer button[data-controls] {background: transparent;}
.library #slider-bottom .tns-outer button[data-controls] img {filter: none;}
.site-event .button{color: #212B56;text-align: center;font-family: "Lexend Giga", serif;font-size: 28px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -4.2px;padding: 32px;position: relative;right: 29px;column-gap: 16px;}
.site-event .button::after{display: none;}
.site-event .button:hover{background: var(--dark-yellow-library);}
#homepage.library .event:hover{border-color: var(--yellow-library);}
.site-event .button img{width:24px;margin-left: 10px;}


#projects-top input#search-project {
  height: 56px;
  padding: 10px 50px 10px 49px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  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: 19px;}



.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);}

.projects-box .modal.show .modal-dialog {
  transition: transform .3scubic-bezier(0.86,0,0.07,1);
  top: 20%;
  /* transform: translateY(-50%) !important; */
  max-width: 1200px;
}
.dir-quick-img{max-width: 50%;height: 646px;}
.dir-quick-content {
  position: absolute;
  right: 0;
  width: 50%;
  top: 0;
}

.projects-box .modal-header {
  background: var(--light-green);
  border-radius: 0 10px 0 0;
  font-size: 18px;
  line-height: 1.4;
  flex-direction: row-reverse;
  border: 0;
  align-items: center;
}

.projects-box .modal-body {padding: 2rem;}
.map-wrap iframe {
  border-radius: 10px;
  border: 1px solid #DEDEDE;
}
.dir-quick-contact {display: flex;margin-top: 24px;margin-bottom: 32px;}
.dir-quick-contact .cont-tool{
  color: var(--blue);
  text-align: center;
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
  text-decoration: none !important;
  background: var(--light-green);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
  border-radius: 10px;
  margin-right: 8px;
  }
  .dir-quick-contact .cont-tool img{width: 16px;filter: brightness(0.2);}
  .dir-quick-contact .cont-tool span{position: static;}
  .dir-quick-contact .cont-tool:hover{background: var(--light-green-shade-2);}
  .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: 20px;
    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;}






.main-container{margin: 0;padding: 20px;background: #fff;display: flex;justify-content: space-between;}
.two-col-div45{overflow: hidden;display: flex;margin-bottom: 50px;column-gap: 50px;width: 100%;}
.left-div45{display: inline-block;overflow: hidden;float: left;background: var(--light-green);padding: 48px 47px;width: 33.33333333333333%;border-radius: 10px;}
.right-div45{display: inline-block;overflow: hidden;float: left;background: var(--light-green);padding: 48px 47px;width: 33.33333333333333%;border-radius: 10px;}
.hidden {display: none;}  
.brand-selector{border: none; overflow: hidden; box-shadow: none;}
.container-result{display: inline-block;
  overflow: hidden;

  padding: 48px 47px;
  width: 33.33333333333333%;
  border-radius: 10px;}

  .container-result{display: inline-block;
    overflow: hidden;
    background: var(--light-green);
    padding: 48px 47px;
    width: 33.33333333333333%;
    border-radius: 10px;}

    select#parent_selector,.brand-selector {
      width: 100%;
      border: 0;
      padding: 16px 24px;
      background: #fff;
      cursor: pointer;
      border-radius: 10px;
  }

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

#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}
#freeform #slider {padding-bottom: 23.5%;height: auto;}
#breadcrumbs {margin: 1px 0px 8px;text-decoration: none;text-transform: capitalize;color: var(--black);font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;position: relative;}
#breadcrumbs a:not(.fa){text-decoration: underline;text-transform: capitalize; /* 23.1px */color: var(--black);font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;}
#breadcrumbs a:hover{text-decoration:underline;}
#breadcrumbs a:after {content: '>';margin: 0px 9px 0 14px;font-size: 15px;position: relative;top: 0;left: 0px;font-weight: 500;}
#breadcrumbs ul{list-style:none;margin:0;padding:0}
#breadcrumbs li{display:inline-block;margin:0;padding:0}


.col-xs-12{width:100%}


#contact-dpt p{
    color: var(--Color-Typography-brand-tertiary-dark, #253933);
    font-family: var(--font-family-secondary, "Open Sans");
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    margin: 0 0 16px;
}


#contact-details {
  padding: 32px 32px 3px;
}

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


#fillable-details{padding: 33px 32px 32px;color: #1E1E1E;font-family: "Plus Jakarta Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */text-transform: capitalize;}
#fillable-details p{margin-bottom: 23px;color: #FFF;font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */text-transform: capitalize;}
#fillable-details .button{color: var(--blue);font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;background: var(--light-green);border: 0;padding: 17px 25px 16px 24px;border-radius: 10px;}
#fillable-details .button:hover{background: var(--dark-green);color: var(--white);}
#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:0;margin: 0;}
#flyout li{position:relative;margin: 0;list-style:none;padding: 0;font-family: "Lato", serif;}
/* #flyout li:hover{background-color: var(--hovercolor);color:#fff !important;} */
/* #flyout a:hover,#flyout li:hover,
#flyout span:hover{color:#fff;} */
#flyout li:last-child>a,
#flyout li:last-child>span{border:0}
#flyout a:not(.fa), #flyout span:not(.fa){text-decoration:none;padding: 20px 32px 21px;margin: 0;transition: .3s all;text-transform: none;color: var(--white);font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
#flyout ul{padding:0;margin:0;display:none;}
#flyout ul li{margin:0;padding:0;position: relative;}
#flyout ul a,
#flyout ul span{padding: 24px;border-color:rgba(0,0,0,.15);margin:0;font-family: "Lato", serif;font-size: 16px;font-weight: 700;line-height: normal;}

#freeform #search {
  position: absolute;
  z-index: 1;
  right: 80px;
  top: 3px;
  display: none;
}

#flyout-wrap{padding: 0 0 11px;max-width: 100%;margin-bottom: 32px;}
#flyout-header {border-radius: 10px 10px 0 0;padding: 24px 32px;margin: 0 0 13px;color: var(--white);background: var(--dark-green);text-transform: capitalize;position: relative;font-family: "Lexend Giga", serif;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -3.6px;}
#freeform #entry p {margin-bottom: 24px;color:var(--black);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */}

#freeform #page-title,#freeform #main .col-lg-9 h1{color:var(--black);font-family: "Lexend Giga", serif;font-size: 40px;font-weight: 500;line-height: normal;letter-spacing: -6px;margin: 0 0 33px;}
#freeform #main .col-lg-9 h2 {color:var(--black);font-family: "Lexend Giga", serif;font-size: 28px;font-weight: 500;line-height: normal;letter-spacing: -4.2px;margin: 0 0 25px;}
#freeform #main .col-lg-9 h4 {
  color: var(--black);
  font-family: "Lexend Giga", serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -3.3px;
  margin: 0 0 32px;
}
#freeform #main .col-lg-9 h4.modal-title{margin-bottom:0;}
#freeform #main .col-lg-9 h5 {
  color: var(--black);
  font-family: "Lexend Giga", serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -3.3px;
  margin: 0 0 32px;
}
#freeform #main .col-lg-9 h6 {
  color: var(--black);
  font-family: "Lexend Giga", serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -3.3px;
}

#freeform #entry #post ul{margin: 0 0 30px;/* padding: 0; */position: relative;
/* Body/Paragraph Norm */font-size: 16px;font-weight: 400;}

#freeform #entry #post ul li{margin-bottom: 0;line-height: 24px;}
#freeform blockquote{margin: 31px 0 33px;padding: 48px 179px 48px 48px;position: relative;width: 100%;border-radius: 10px;background: rgba(33, 43, 86, 0.10);color: var(--black);font-family: "Lexend Giga", serif;font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -3.6px;}
#freeform blockquote:after{top: 50%;content:"";position:absolute;background-image: url(../images/quote.png);width: 60px;height: 52px;background-size: 100%;transform: translateY(-50%);right: 53px;/* margin-top: -42px; */}
#freeform.fullwidth #entry {margin-left:0;}
#freeform #main {position: relative;padding: 63px 0 44px;min-height: 550px;background: var(--light-bg);}
#entry p:last-of-type{margin-bottom: 26px !important;}
#freeform #main .container {position: relative;left: -3px;width: 1433px;}

#contact-dpt{padding: 0;margin: 0 0 32px;max-width: 100%;
/* Shadow/M */}
#contact-header{padding: 24px 40px 24px;margin: 0;color: var(--white);background: var(--dark-green);text-transform: capitalize;border-radius: 10px 10px 0 0;padding: 24px 32px;margin: 0;color: var(--white);background: var(--dark-green);text-transform: capitalize;position: relative;font-family: "Lexend Giga", serif;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -3.6px;}
#fillable-header{border-radius: 10px 10px 0 0;padding: 24px 32px;margin: 0;color: var(--white);background: var(--dark-green);text-transform: capitalize;position: relative;font-family: "Lexend Giga", serif;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -3.6px;}

#freeform .contact-person {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 0 4px;
    position: relative;
}
#freeform .person-name{ /* 29.7px */margin: 0 0 18px;text-transform: capitalize;position: relative;top: 13px;color: #FFF;font-family: "Lexend Giga", serif;font-size: 18px;font-style: normal;font-weight: 600;line-height: 120%; /* 21.6px */letter-spacing: -2.7px;}
#freeform .person-designation {margin: 0; /* 26.4px */color: rgba(255, 255, 255, 0.60);font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
#freeform .f-location strong{
    color: var(--dark-gray);
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    }

/* #freeform .f-location img{width:24px;margin: 0 5px 0 0;}
#freeform .f-phone img{width:24px;margin: 0 5px 0 0;}
#freeform .f-email:hover span,#freeform .f-phone:hover span{color: var(--red);}
#freeform .f-email img{width:24px;margin: 0 5px 0 0;} */
#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 50px 7px 0;
      text-decoration: none;
      margin: 0 0 13px;
      column-gap: 16px;
      line-height: 24px; /* 24px */
      color: var(--white);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
       /* 24px */
  }

  #freeform #main .f-location:hover{text-decoration:underline;}
  #freeform #main .f-location:hover span.circle{background:var(--white);}

  #freeform #main .f-phone:hover{text-decoration:underline;}
  #freeform #main .f-phone:hover span.circle{background:var(--white);}

  #freeform #main .f-email:hover{text-decoration:underline;}
  #freeform #main .f-email:hover span.circle{background:var(--white);}

  #freeform #main .f-fax:hover{text-decoration:underline;}
  #freeform #main .f-fax:hover span.circle{background:var(--white);}

  #freeform #main .f-phone {
    
     /* 24px */
    display: flex;
    align-items: center;
    padding: 0 10px 7px 0;
    text-decoration: none;
    margin: 0 0 13px;
    column-gap: 16px;
    line-height: 24px;
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

#freeform #main .f-email {
  
   /* 24px */
  display: flex;
  align-items: center;
  padding: 0 10px 7px 0;
  text-decoration: none;
  margin: 0 0 13px;
  column-gap: 16px;
  line-height: 24px;
  color: var(--white);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.f-fax {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  column-gap: 13px;
}
.circle{min-width: 32px;position: relative;height: 32px;line-height: 32px;text-align: center;border-radius: 10px;background: rgba(255,255,255,.1);top: -2px;}
#freeform aside{position: relative;background: var(--green);border-radius: 10px;}
/* DON'T modify the styling of images in the #post, only the span.subheader*/





#resource{padding: 0 0 36px;border-radius: 25px;margin: 0;background: var(--light-gray);position: relative;}
#resource-header{padding: 20px 30px 18px;margin: 0 0 31px;font-style: normal;text-transform: capitalize;color: var(--white);font-size: 22px;font-weight: 600;background: var(--dark-gray);border-radius: 25px 25px 0 0;}
.resource-box{padding: 0;display: flex;width: 100%;column-gap: 31px;align-items: center;margin-bottom: 27px;text-decoration: none;color: var(--dark-gray);
/* Body/Caption Norm */font-size: 16px;font-weight: 600;line-height: 21px; /* 23.1px */}
.resource-box:hover{text-decoration:none;color: var(--red);}
.resource-box:hover img{filter: none;}
.resource-box img{width: 18px;position: relative;top: -5px;filter: grayscale(1);}
.resource-box:last-of-type{margin: 0;}
.resource-box span a{color:#06163A;text-decoration:none;}
.resource-box span a:hover{color:#06163A;text-decoration:underline;}
#resource-details {
  padding: 0 45px 0 39px;
}


/* 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;
  top: auto;
  left: 10px;
  border: 0;
  width: 70px;
  height: 70px;
  text-align: center;
  border-radius: 50%;
  bottom: 200px;
 }

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

#slider

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

#slider{position:relative;z-index:1;padding-bottom: 40.5%;}
#freeform #slider::after{background:url(../images/slide-overlay-freeform.png);}

.slider-caption {
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: capitalize;
  line-height: 1;
  text-shadow: 0px 7px 7.28px rgba(0, 0, 0, 0.19);
  margin: 0;
  top: 50%;
  /*width: 1630px;*/
  max-width: 100%;
  margin-top: 0px;
  padding-left: 60px;
}
#slider:hover .tns-controls{opacity: 1;}
.site-qlinks:hover .tns-controls{opacity: 1;}

.site-qlinks .tns-controls {position: absolute;top: auto;left: 0;right: 0;z-index: 999;transform: none;transition: .3s all;margin-top: -24px;display: flex;justify-content: center;bottom: -74px;column-gap: 4px;}
#slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
#slider .tns-controls{z-index:9;}
#freeform #slider{padding-bottom: 23.1%;height: auto;}
#freeform #slider .container {width: 1303px;max-width: 100%;}

.tns-outer button[data-controls]{/*! border-radius: 50%; */font-size: 30px;color: var(--white);transition: .3s all;border: 0;padding: 0;height: 48px;width: 48px;background: var(--light-green);margin: 0;transition: .3s all;border-radius: 10px;/* opacity: 0.5; */}

.tns-outer button[data-controls] img{width: 8px;position: relative;top: -3px;}
.tns-outer button[data-controls]:hover img{filter:none;}

.tns-nav{position:absolute;bottom: 41px;left: 50%;right:0;z-index:1;text-align:center;transform: translate(-50%);width: 110px;}
.tns-nav button{border:0;background:#fff;padding:0;width: 4px;height: 4px;border-radius:50px;margin: 0 9px;}
.tns-nav button.tns-nav-active{background:var(--white);position: relative;}
.tns-nav button.tns-nav-active::after{content: "";width: 16px;height: 16px;border: 1px solid var(--white);border-radius: 50px;position: absolute;display: block; left: 50%;top: 50%;transform: translate(-50%,-50%);}

.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{z-index: 1;position:absolute;top:50%;left: 50px;right: 50px;transform:translateY(-50%);opacity: 1;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}

#revize {color: #000;align-items: center;position: relative;top: -6px;}
#revize .col-lg-6:first-child {display: flex;align-items: center;column-gap: 14px;}
#revize .col-lg-6:first-child img{width:40px;}
#footer-bottom {padding: 33px 0 16px;background: var(--white);}
.profile-in {margin: 0 0 33px;}
.f-fax {
   /* 24px */
  display: flex;
  align-items: center;
  padding: 0 10px 7px 0;
  text-decoration: none;
  margin: 0 0 21px;
  column-gap: 16px;
  line-height: 24px;
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}


/*City Highlight*/
#slider .tns-outer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* .ch-carousel{max-width: 450px;} */
#slider .slider-caption .tns-outer {position: relative;max-width: 450px;}
.ch-carousel h6 {
  color:var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.10);
  padding: 20px;
  margin: 0;
  text-transform: none;
}
.ch-carousel a.ch-items{text-decoration: none;margin-top: 5px;display: block;background: url(../images/download-ic.png);background-repeat: no-repeat;background-position: right 20px top 20px;background-size: 24px;}
.ch-carousel a.ch-items:hover h6{background: rgba(255, 255, 255, 0.30);transition: .5s all;}
.City-highlight h4{
  color: #DAF2E6;
  font-family: "Lexend Giga", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -3.6px;
  margin-bottom: 8px;
  }

  .City-highlight .tns-outer button[data-controls] {height: 29px;width: 29px;}

  .City-highlight .tns-outer button[data-controls]:disabled {opacity: .5 !important;}

  .City-highlight .tns-outer button[data-controls]:hover {background: var(--blue);opacity: 1;}
  .City-highlight .tns-outer button[data-controls]:hover img{filter: brightness(10);}
  #slider .City-highlight .tns-controls {display: flex;top: -36px;right: 0;left: auto;column-gap: 4px;transform: none;bottom: auto;}
  .sticky-header.sticky-top {border-bottom: 1px solid rgba(0, 0, 0, 0.10);}



  /*Business Directory*/
#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 {
  padding-right: 12px;
  margin: 0 0 24px;
  color: #000;
  font-size: 16px;
  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: #fff;display: block;transition: .5s all;background: var(--white);margin: 0;}
.bd-img{padding-bottom: 66%;height: 200px !important;border-radius: 10px 10px 0 0;background-size: contain !important;border: 1px solid #daf2e6;}
.bd-desc-wrap{background: var(--light-green);padding: 15px;min-height: 362px;border-radius: 0 0 10px 10px;}
.bd-desc-wrap a.button{color: #fff;text-decoration: none;}
.bd-desc-wrap a.button:hover{color:var(--white);text-decoration: none;}
.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;}
.bd-title {margin: 0 0 24px;color: #2A2A2A;font-family: "Lexend Giga", serif;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -3.6px;}
.bd-sub-head {
  color: var(--black) !important;
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  text-decoration: none !important;
  display: block;
  padding: 8px 0 8px 0;
  border-radius: 10px;
  display: flex;
}
.bd-sub-head:hover,.bd-phone:hover,.bd-email:hover{background: rgba(33, 43, 86, 0.10);}
.bd-phone {
  color: var(--black) !important;
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  text-decoration: none !important;
  padding: 8px 0 8px 0;
  display: block;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.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 {
  min-width: 32px;
  position: relative;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 10px;
  background: var(--blue);
  top: 0;
  display: inline-block;
  margin-right: 7px;
  /* float: left; */
}

.bd-desc-wrap .circle img{width: 16px;filter: brightness(10);}

.bd-btns-wrap {display: flex;column-gap: 8px;margin-top: 31px;}

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;}
a.btn-web {
  text-decoration: none !important;
  background: transparent;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  color: var(--blue);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
  height: 52px;
}

a.btn-web:hover {background:rgba(0, 0, 0, 0.10);}
a.btn-web img{width: 16px;}



/* .projects-box {display: flex;flex-wrap: wrap;gap: 48px 42px;justify-content: space-between;} */

.projects-box{display: flex;grid-template-columns: repeat(3, 1fr);gap: 20px;position: relative;/* z-index: 2; */margin-top: 28px;flex-wrap: wrap;justify-content: center;}

.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: 13px;
}

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

.filters-drop {
  display: inline-block;
  height: 56px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  color: rgba(42, 42, 42, 0.70);
  font-style: normal;
  line-height: normal;
  padding: 0;
}

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 #main .col-lg-9 h4.filter-head {
  color:var(--black);
  font-family: "Lexend Giga", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -3.6px;
  margin: 0 0 12px;
}
#projects .col-lg-8{padding-right:16px}
#projects .col-lg-4{padding-left:8px}

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

#media queries

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

  .site-header #nav .toggle {
    display: inline-block !important;
    margin-left: 22px;
    background: transparent;
    text-decoration: none;
    /* color: var(--white); */
    position: relative;
    right: 10px;
    top:0;
    display: none !important;
}
.site-header #nav .toggle2{display:none}

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

#flyout .focused .toggle,
.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(--blue);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: 0 !important;}
#nav ul:not(make-mage) a:not(.fa):hover,
#nav ul:not(make-mage) span:hover{text-decoration: underline;}
#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;left:0;right:0;top:100%;display:none;left: 0;column-gap: 8px;overflow: auto;width: 100%;}
  #nav>li>ul.make-mage>.nav-in{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;padding: 48px 224px 45px 200px;column-gap: 128px;margin: 0 auto;z-index: 9;position: relative;border-top: 1px solid rgba(0, 0, 0, 0.10);background: #FFF;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.50);column-rule-color: rgba(0, 0, 0, 0.10);column-rule-style: solid;column-rule-width: 1px;}
  #nav>li>ul.make-mage>.nav-in>li{ display:block;width:100%;margin-bottom: 20px;}
  #nav li:hover>ul.make-mage ul{position:static}
  #nav ul.make-mage a:not(.fa),
  #nav ul.make-mage span{margin-bottom: 16px;display: inline-block;text-transform: capitalize;text-align: left;color: var(--black) !important;font-family: "Lexend Giga", serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal; /* 24px */letter-spacing: -3px;}
  #nav ul.make-mage a:not(.fa):hover,
  #nav ul.make-mage span:hover{color: green !important;text-decoration: underline;}
  #nav ul.make-mage ul a:not(.fa),
  #nav ul.make-mage ul span{margin-left: 0;margin-bottom: 8px;display: inline-block;padding: 6px 12px !important;background: var(--light-green);border-radius: 10px;color: var(--black);font-family: "Montserrat", serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;letter-spacing: 0;}
  #nav ul.make-mage ul a:not(.fa):hover,
  #nav ul.make-mage ul span:hover{background: var(--blue);color: var(--white) !important;text-decoration: none;}
  #nav .make-mage .focused .toggle2{display:block}

#search{display:block;width: 450px;margin: 0;z-index: 9;position: relative;margin-bottom: 33px;}



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



/* .site-header #nav li:hover a, .site-header #nav li:hover span {background: var(--blue);} */
#freeform #main .col-lg-3{-ms-flex: 0 0 24.7%;flex: 0 0 24.7%;max-width: 24.7%;z-index: 11;position: relative;/*! margin-top: -71px; */padding-right: 0;}

#flyout>li:hover>ul {display: block;border-radius: 0 20px 20px 0;overflow: hidden;}
#flyout ul.first-level {position: absolute;left: 100%;top: 0;width: 250px;z-index: 200;background-color: var(--green);}
#flyout ul.first-level li a::after{display: none;}


#flyout ul.first-level li a:hover{background: #c9e4d6;color: var(--green);text-decoration: underline;}

#nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block !important;padding:0;background: transparent !important;text-decoration: none;}
#flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-family: 'FontAwesome';position: absolute;right: 20px;top: 20px;}

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

.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: inline-block;position: relative;width: 100%;}
#flyout li:hover a,#flyout li:hover span{color: var(--black);background: var(--light-green);}


.site-header .col-lg-7 {
  -ms-flex: 0 0 59.333333%;
  flex: 0 0 59.333333%;
  max-width: 59.333333%;
  position: static;
}

.site-header .col-lg-3 {
  -ms-flex: 0 0 24%;
  flex: 0 0 24%;
  max-width: 24%;
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 16px;
  justify-content: flex-end;
}
.site-news .tns-outer button[data-controls] img {filter: none;top: -2px;}
.site-news .tns-outer button:hover[data-controls] img {filter: none;}


#flyout .toggle {
  display: inline-block !important;
  position: absolute;
  right: 29px;
  top: 17px;
  rotate: 269deg;
  padding: 0;
  width: auto;
  background: transparent !important;
  font-size: 24px;
  color: var(--white);
}

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


.site-header .container-fluid {padding: 0 44px;}
.site-header .container {/*width: 1630px;*/max-width: 100%;position: static;}
.site-header .col-lg-7 .rz-btns-container {right: auto;left: 67%;border: 1px solid #fff;}

#main > .container-fluid{position: relative;margin-top: -52px;}

/* .site-header .fa-angle-down:before {
  background-size: 100% !important;
  content: "";
  background: url(../images/down-arrow.png);
  position: absolute;
  width: 8px;
  height: 7px;
  right: -3px;
  top: 2px;
} */
.site-header[mega] #nav > li:hover a {color: var(--green);}
#slider .tns-controls {
  z-index: 9;
  display: flex;
  bottom: 0;
  top: auto;
  column-gap: 10px;
}
}

@media (min-width:992px) and (max-width:1199px) {
.site-header .col-lg-7 {-ms-flex: 0 0 50.333%;flex: 0 0 50.333%;max-width: 50.333%;}
.site-header .col-lg-3 {-ms-flex: 0 0 37%;flex: 0 0 37%; max-width: 37%;justify-content: end;}
.site-header .col-lg-2 {-ms-flex: 0 0 12.667%;flex: 0 0 12.667%;max-width: 12.667%;}
.fixed-header {position: relative;}
div#translate-wrap {position: static;}
#nav ul:not(make-mage) a:not(.fa), #nav ul:not(make-mage) span {min-width: 100%;}
#nav > li > ul.make-mage > .nav-in li{padding: 0 10px;}
a.qlink {text-align: left;min-height: 282px;}
.site-qlinks {padding: 48px 0 120px;}
.accordion::after {right: 0;}
#footer-bottom .container {align-items: center;}
#logo {position: static;width: 115px;}
.site-header #nav {width: 550px;margin: 0 auto 0 -30px !important;}


}




@media (min-width:992px) and (max-width:1367px) {
  .site-header #nav a:not(.fa), .site-header #nav span:not(.fa) {font-size: 15px;padding: 27px 5px 25px;}
  #slider {padding-bottom: 64%;}
  .site-news {padding: 48px 0 96px;}
  #homepage .site-news .tns-ovh {margin-bottom: 0;}
  .qlink::after {height: 215px;bottom: 0;}
  .site-qlinks .tns-controls {left: 0;right: 0;margin: 0;z-index: 99;opacity: 1;}
  .site-event .container {left: 0;}
  .qlink{width: 100%;}
  .qlink-title {top: 0;}


  #freeform #main .col-lg-3 {
    padding-right: 15px;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    padding-left: 15px;
  }

  #freeform .slider-wrapper {
    bottom: 0;
  }

  #freeform .slider-wrapper #slider-caption{
    margin: 0;
  }

  #freeform #main .col-lg-9 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #freeform #slider {
    padding-bottom: 50%;
    height: auto;
  }

  #freeform blockquote {
    margin: 30px 0;
    padding: 20px 50px 20px 20px;
    font-size: 24px;
    line-height: 32px;}
    #freeform blockquote::after {
      right: 10px;
      margin-top: -32px;}
 .site-event .tiny-item {padding-bottom: 31.9%;}
 #slider-content .slider-boxs {max-width: 100%;}
 .site-header #nav .toggle {margin-left: 22px;right: 20px;top: -9px;}
 #nav > li > ul.make-mage > .nav-in {padding: 20px;column-gap: 0;}
 .qlink-item {margin: 0 0 20px;padding: 10px;column-gap: 8px;}
 .qlink-item h6 {font-size: 17px;}
 a.footer-link {width: 220px;height: 150px;}
 .footer-right {column-gap: 16px;flex-wrap: wrap;justify-content: center;}
 .footer-left {max-width: 200px;}
 .footer-top .container {column-gap: 24px;}
 .conpany-link {display: flex;align-items: center;text-align: left;}
 #news-slider {padding-bottom: 50%;z-index: 1;}
 #slider-content .slider-box-title {font-size: 24px;line-height: 1.5;}
 .tns-nav {bottom: 25px;}
 #flyout a, #flyout span {padding: 15px;}
 #flyout ul a, #flyout ul span {padding: 17px;}
 #slider .container {margin: 0;/*width: 860px;*/width: 100%;padding-left: 30px;padding-right:30px;}
 #freeform #page-title {font-size: 80px;}
 #freeform .person-designation {left: 10px;}
 #social-header {padding: 15px 15px 0;}
 .social-box {column-gap: 5px;}
#main > .container-fluid {margin-top: -32px;}
.site-footer .top-shape {top: -30px;}
#flyout .toggle {right: 18px;top: 12px;}
.site-header .container-fluid {padding: 0 15px;}
#contact-details,#contact-header,#fillable-details,#flyout-header,#fillable-header{padding: 15px;}

.tns-controls {left: 30px;right: 30px;}

#tabs-button .tab.active {
  position: relative;

  border-top: 4px solid #212B56;

  background: rgba(33, 43, 86, 0.10);

}
#tabs-button .tab:hover {
  border-top: 4px solid;

}
#tabs-button .tab {width: auto;padding: 30px;font-size: 20px;}


.site-event .button {font-size: 20px;position: static;}
.site-signup {margin-bottom: 48px;}
.buttons-wrapper {margin-bottom: 48px;}
.site-event {padding: 0 0 48px;}
.site-about {padding: 48px 0;}
#nav ul.make-mage a:not(.fa), #nav ul.make-mage span{font-size: 16px;}
/*.slider-caption {padding-left: 0;}*/
#slider .tns-controls {justify-content: center;}
}


@media (min-width:1200px) and (max-width:1367px) {
  .site-header #nav {width: 650px;margin: 0 auto !important;}
  #homepage .news-content {padding: 24px;}
  .section-title-wrap {margin-bottom: 24px;}
  .site-header.scrolled #logo {width: 119px;top: -44px;}

  #slider .container {width: 1040px;}
  a.qlink{padding: 15px;}

  .site-header #nav a:not(.fa), .site-header #nav span:not(.fa) {font-size: 16px;padding: 38px 5px 38px;}
  #logo {top: -40px;}
  .site-header .col-lg-7 {-ms-flex: 0 0 55.333%;flex: 0 0 55.333%;max-width: 55.333%;}
  .site-header .col-lg-3 {-ms-flex: 0 0 28%;flex: 0 0 28%;max-width: 28%;}
}


@media (min-width:1368px) and (max-width:1700px) {
  #slider .tns-controls {
    z-index: 91;
    display: flex;
    bottom: 0;
    top: auto;
    column-gap: 20px;
  }
/*  #slider .City-highlight .tns-controls {top: 38px;}*/
  .site-header #nav {margin: 0 auto 0 57px;}
  #slider {padding-bottom: 48%;}
}

@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:#fff;/*! 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(--light-blue);
}
.site-header #nav li{position:relative!important}
/* .site-header #nav li.static{background: var(--blue);}
.site-header #nav li.static a{color: var(--white);} */
.site-header #nav a:not(.fa), .site-header #nav span:not(.fa){display: block;padding: 16px;font-weight: 700;text-align: left;border-bottom: 1px solid var(--light-green-shade-2);}
/* .site-header #nav ul{background:var(--lightgray);display:none}   */

#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: 17px;
z-index: 9;
font-size: 22px;
display: flex;
column-gap: 5px;
}

#nav-toggle,
#search-toggle {
line-height: 48px;
width: 40px;
text-align: center;
color: #fff;
margin-left: 0;
cursor: pointer;
border-radius: 0;
background: var(--black);
border-radius: 10px;
}

#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(--accentcolor);
display: none;
}
#nav ul.second-level{background: var(--light-green);}


.toggle,
.toggle2 {
display: block;
position: absolute;
right: 0;
top: 0;
line-height: 45px;
text-align: center;
width: 45px;
background: rgba(170, 170, 170, 0.35);
transform: none !important;
color: var(--white) !important;
}

#search{
width: 100%;
margin: 0 0 10px;
}


#mobile-search{
display: none;
width: 100%;
margin: 0 0 10px;
padding: 0 15px;
background: var(--brandcolor);
padding: 15px;
}



.site-header {position: relative;}
.logo-wrap {position: static;}
#logo {
width: 150px;
margin: 10px 0;
position: static;
}

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

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

#social-media-links {
position: static;
margin: 20px 0;
width: 100%;
justify-content: center;
column-gap: 20px;
}
#slider {height: calc(100vh - 100px);padding-bottom: 100% !important;}
.site-qlinks {padding: 24px 0 64px;}
.tns-controls {opacity: 1;}
.site-news {display: block;padding: 50px 0 150px;}
.section-title {margin-bottom: 15px !important;display: block !important;font-size: 32px;}
.site-qlinks .tns-controls {display: flex;justify-content: center;bottom: -50px;top: auto;column-gap: 10px;}
#homepage .site-news .tns-controls {margin: 0;left: 0;right: 0;z-index: 1;top: auto;bottom: -70px;text-align: center;display: flex;justify-content: center;}
.site-member {padding: 50px 0;}
#footer-top .container {display: block;position: static;text-align: center;}
#revize {position: static;padding: 0;display: block;line-height: normal;margin-bottom: 15px;}
#tabs-button .tab {font-size: 16px;width: 100%;}
.site-events {padding: 0;}
.f-links {margin: 0 0 7px;}
.f-head {margin: 0 0 10px;line-height: normal;}
.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: auto;right: 0;transform: none;}
.floating-alert{top: auto;bottom: 20px;}

#flyout-toggle, #cont-toggle,#fillable-toggle,#hrs-toggle,#resource-toggle,#fill-toggle {
font-size: 16px;
color: var(--white);
border-radius: 10px 10px 0 0;
position: absolute;
right: 0;
left: auto;
z-index: 99;
padding: 15px;
top: 3px;
top: 0;
}
#contact-details{display: none;padding: 15px;}
#f-members ul{display: none;padding: 15px;}
#flyout-wrap{padding: 0;margin: 0 0 20px 0;position: relative;background: #22535d;}


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

#f-members{padding: 0;position: relative;}


#flyout-header, #contact-header, #fillable-header {padding: 15px;font-size: 20px;margin: 0;position: relative;border-radius: 15px;}
.site-header #nav a:not(.fa)::after, .site-header #nav span:not(.fa)::after{display: none;}
.cont-address {margin-left: 0;display: block;}
a.head-contact,a.head-location {margin: 0 0 15px;display: block;}
.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;}
.section-title-wrap {margin-bottom: 25px;display: block !important;text-align: center;}
.site-news .col-lg-5{margin-bottom: 15px;}
#footer-top ul {position: static;flex-wrap: wrap;display: block;text-align: center;}
.tns-outer button[data-controls] {width: 40px !important;height: 40px !important;}
.tns-outer button[data-controls]:hover {background: var(--blue);}
.site-events .container {left: 0;}
.site-news .container{left: 0;}
#freeform #main {position: relative;padding: 50px 0 0;}
#freeform blockquote {
margin: 35px 0;
padding: 15px 50px 15px 15px;
font-size: 20px;
line-height: 30px;}


#freeform blockquote::after {
width: 28px;
height: 23px;
background-size: 100%;
right: 15px;
margin: 0;
top: 25px;
}
.nav-content{display: none;}
.site-header .col-lg-10{padding: 0;}
.site-events .section-title-wrapper {justify-content: center;}


.site-qlinks .container {left: 0;z-index: 1;}
.site-events .button {position: static;}
#footer-bottom .container {position: static;display: block;text-align: left;}
#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;right: 0;/*! left: auto; */bottom: 20px;}
.f-left{margin-bottom: 20px;}
.divider {display: none;}
#search form {max-width: 100%;margin-bottom: 10px;}
#search input {background: var(--light-green);padding: 10px;}
.slider-caption {font-size: 11vw;margin: 0 auto;width: 80%;text-align: center;bottom: auto;top: 50%;transform: translate(-50%,-50%);}
.slider-caption span{font-size: 5vw;}
a.externalsite-box{line-height: normal;padding: 15px 15px 50px;font-size: 24px;}
a.externalsite-box img {max-width: 90px;}
.enterprise-site {padding: 50px 0;}
.tns-outer button[data-controls] img {filter: none;}
.tns-outer button:hover[data-controls]:hover img {filter: brightness(100);}
.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;}
#freeform #entry #post p {
  font-weight: 400;
  line-height: 22px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 20px;
  font-size: 16px;
}
#freeform #page-title {margin: 0;font-size: 11vw;}
.weather-wrap {top: 15px;right: 15px;transform: none;}
.slider-caption h1 {position: static;font-size: 9vw;}
.web-address {position: static;font-size: 3vw;}
#header-bottom .col-lg-2 {position: static;}
.event-image {
  width: 100%;
  height: 663px;
  position: absolute;
  bottom: 0;
  top: auto;
}
.site-event {padding: 50px 0 50px;}
.qlink-title {/*! position: static; */top: 0;line-height: 1.2;}
.tns-controls {left: 0;right: 0;}
.head-links {display: flex;flex-direction: column;}
.header-top .container {display: block;}
.head-links .pipe{display: none;}

#fillable-details{display: none;padding: 15px;}
#hours ul{display: none;padding: 15px;}
#resource-details{display: none;padding: 15px;}
#fillable-wrap p {padding: 0 15px;}
#resource {padding: 0;}
#fillable-wrap .button {margin-left: 15px;}
#freeform #main .col-lg-3{order: 2;margin: 35px 0;}
#freeform .slider-caption h1 {position: static;font-size: 7vw;}
.weather-lebel {position: relative;top: 13px;}
.site-header #nav ul{margin:0;}
.site-header #nav ul li a{text-transform: capitalize;}
.site-header #nav ul a:not(.fa), .site-header #nav ul span {
  font-weight: 700;text-transform: capitalize;
  font-size: 18px;
}
.site-header #nav li .fa-angle-down::before {content: "";background: var(--light-green-shade-2) url(../images/down-arrow.png);width: 17px;height: 11px;position: absolute;padding: 28px 23px;right: 0;background-repeat: no-repeat;background-position: center;background-size: 15px;}
.head-links a {padding: 8px 0;}
.event-image .tiny-item{background-size: 100% 100% !important;}
.site-event .tiny-item {padding-bottom: 29.9%;}
.site-event .section-title{font-size: 32px !important;}
.static.opened.active>a{background: var(--green);color:var(--white) !important;}


.fixed-header {position: relative;}
#search{display: none;}
/* #slider-content .slider-boxs {float: none;} */
.top-right-links {justify-content: right;}
/* #slider-content {position: static;transform: none;} */
#news-slider > .tns-outer {width: 100%;}
.main-news .tns-controls {
  display: block;
  top: 50%;
  right: 0;
  left: 0;
}
#slider-content .slider-box {padding: 25px 45px;height: auto !important;width: auto;}
.qlink-button {margin: 50px 0 0;}
.section-title span {font-size: 11vw;}
.button-wrap {
  text-align: center;
  margin: 130px 0 0;
}
.cal-wrap {padding: 25px;}
.main-news {padding: 50px 0 71px;}
.footer-top .container {flex-direction: column;}
.footer-left {max-width: 300px;margin: 0 auto 50px;}
.footer-right {display: block;}
a.footer-link {width: 230px;height: 150px;margin: 0 auto 20px;}
.conpany-info {left: 0;flex-direction: column;}
span.dot {margin: 15px 0;}
#main {overflow: hidden;}
#freeform article#entry {padding: 0;}
#freeform.fullwidth #entry{padding: 0 0 50px;}
#revize .col-lg-6:first-child {justify-content: center;}
.profile-in {flex-direction: column;}
.contact-in {padding: 15px;}
#social-wrap {background: #22535d;}
#social-header {padding: 15px;}
#tiles {grid-template-columns: repeat(3, 1fr);}
.tile strong {font-size: 42px;line-height:42px;}
#slider-content .slider-box-title {font-size: 22px;font-weight: 600;line-height: 33px;}
#slider-content .slider-boxs .tns-nav {top: 100%;left:48px;display: none;}
#slider-content .slider-boxs {float: none;height: 430px;max-width: 100%;}

#slider-content {top: 100%;transform: none;position: relative;}
#news-slider {padding-bottom: 0;}
.site-footer .top-shape {top: -17px;}
#flyout li a::after, #flyout li span::after {width: 100%;}
#flyout ul a, #flyout ul span {padding: 14px 24px;}
#freeform.department .tns-ovh {padding: 0;margin: 0;}
.slider-box-in {padding: 20px;height: 390px;overflow: hidden;}

div#translate-wrap {float: right;}
#homepage .news-content {padding: 20px;}
.footer-top {padding: 25px 0;}
#revize img {float: left;top: -12px;}
.pipe {margin: 0 10px;}

.search-anchor,.slider-shape{display:none;}
#slider::after{content: "";position: absolute;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7);}
.City-highlight h4 {font-weight: 600;text-align: left;}
.ch-carousel h6 {background: rgba(255, 255, 255, 0.30);text-align: left;}
a.find-a-service {/*padding: 15.5px 12px;*/position: absolute;right: 105px;top: 17px;font-size: 13px;}
#find-service {top: 0;}

.left-signup {padding: 0 15px;}
.right-signup {padding: 15px 15px 30px;}
.site-event .buttons-wrapper .container {display: block;}
.site-about .col-lg-8 {padding-left: 15px;}
.site-event .button {display: flex;justify-content: center;position: static;}
.site-about {padding: 50px 0;}
.footer-top a.f-location {width: 100%;}
a.f-phone{margin:15px 0 !important;}
.ada-wrap {top: auto;bottom: 80px;/*! left: auto; */right: 0;}
#projects .col-lg-4,#projects .col-lg-8 {
  padding-left: 15px;
  padding-right: 15px;
}
#freeform #main .container {position: static;}
#freeform #search {position: relative;right: auto;top: 0;}
.projects-box .modal.show .modal-dialog {top: 5%;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {

  .slider-caption{padding: 0}

.floating-alert {
width: auto;
right: 10px;
left: 10px;
}

.floating-alert {
font-size: 12px
}

.floating-alert h4 {
margin-bottom: 10px;
font-size: 14px
}

.floating-alert .btn {
font-size: 10px
}

.share-btns a {
padding: 10px;
font-size: 12px;
white-space: nowrap;
overflow: hidden
}

.share-btns i {
display: block;
line-height: 50px !important;
font-size: 20px
}

#slider-caption {
font-size: 36px !important;
line-height: 40px !important;
}

.footer-box {
width: 100%;
text-align: center;
margin: 10px 0;
}

#slider {height: auto;padding-bottom: 80%;}
.site-member .member-box:first-child {margin-top: 0;}

#footer-top .container .col-lg-12 {
flex-direction: column;
}

.site-news .news-box.news-box-sm {
display: block;
height: auto;
margin-bottom: 15px;
}

#slider {height: auto;padding-bottom: 100% !important;}
#freeform #slider {height: auto;padding-bottom: 100% !important;}
#homepage .news-header-content {width: 100%;height: 100%;}
#homepage .news-row {display: block;}
#homepage .news-row:last-child{display: flex;flex-direction: column-reverse;}
#homepage .news-header {height: 300px;}
#homepage .news-img-2 {min-width: 100%;}
#homepage .news-img img {left: 50%;width: 34px;top: auto;transform: translateX(-50%);bottom: -26px;right: auto;rotate: 90deg;}
#homepage .news-img-2 img {left: 50%;width: 34px;top: auto;transform: translateX(-50%);bottom: 8px;right: auto;rotate: -90deg;}
#tiles {grid-template-columns: repeat(2, 1fr);}

#find-service .container {flex-direction: column;}
.find-service-box {padding: 15px;width: 100%;margin: 10px 0;}
button#close-service {top: -95px;}
.site-signup-in {display: block;}
.projects-box {grid-template-columns: repeat(1, 1fr);}
ul.filters-drop:not(.init) {position: relative !important;}
.dir-quick-content {position: relative;width: 100%;}
.dir-quick-img {max-width: 100%;height: 290px;}
button.close-1 {font-size: 50px !important;color: var(--white);font-weight: 300;width: 50px;}
.projects-box .modal-header {display: flex;align-items: center;}
.projects-box .modal-header h4.modal-title{margin: 0 !important;}
.bd-desc-wrap {padding: 15px;min-height: auto;}
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #homepage .news-header-content {width: 50%;right: 0;top: auto;bottom: 0;}
     #homepage .news-img {min-width: 50%;}
     #homepage .news-img-2 {min-width: 50%;}
     .tile {min-height: 250px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {
  .tile {min-height: 250px;}
}

/* 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;
}
.site-event .tiny-item {padding-bottom: 30%;}
#tabs-button {display: block;}
a.find-a-service { padding: 16px 6px;right: 100px; font-size: 10px; }

}

@media print {

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

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