/*-----------------------------------------------------------------------------------

  Theme Name: Indian River County FL.
  Front-end developer: Raju
  Author Design: Ying Liu
  Author URI: http://www.revize.com/
  Date: 12/16/2022

-----------------------------------------------------------------------------------*/
/* -----------------------------------------

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&family=Poppins:wght@400;500;600;700&family=Vujahday+Script&display=swap');

/* -----------------------------------------

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:14px;line-height:1.6;font-family: 'Poppins', sans-serif;color:#444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important}

/* -----------------------------------------

#typography

-----------------------------------------*/
h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;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:#111;margin-bottom:30px}
.subheader{font-size: 26px;color: #222222;margin: 7px 0 14px;font-weight: 700;display: block;line-height: 27px;}
p{margin:0 0 30px 0;line-height: 24px;}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

@font-face{
  font-family:'weather';
  src:url('../fonts/weather/artill_clean_icons-webfont.eot');
  src:url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'),
      url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'),
      url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
  font-weight:normal;
  font-style:normal;
}
.weather i{font-family:'weather';font-weight:400;font-style:normal}
.weather .icon-0:before{content:":"}.weather .icon-1:before{content:"p"}.weather .icon-2:before{content:"S"}.weather .icon-3:before{content:"Q"}.weather .icon-4:before{content:"S"}.weather .icon-5:before{content:"W"}.weather .icon-6:before{content:"W"}.weather .icon-7:before{content:"W"}.weather .icon-8:before{content:"W"}.weather .icon-9:before{content:"I"}.weather .icon-10:before{content:"W"}.weather .icon-11:before{content:"I"}.weather .icon-12:before{content:"I"}.weather .icon-13:before{content:"I"}.weather .icon-14:before{content:"I"}.weather .icon-15:before{content:"W"}.weather .icon-16:before{content:"I"}.weather .icon-17:before{content:"W"}.weather .icon-18:before{content:"U"}.weather .icon-19:before{content:"Z"}.weather .icon-20:before{content:"Z"}.weather .icon-21:before{content:"Z"}.weather .icon-22:before{content:"Z"}.weather .icon-23:before{content:"Z"}.weather .icon-24:before{content:"E"}.weather .icon-25:before{content:"E"}.weather .icon-26:before{content:"3"}.weather .icon-27:before{content:"a"}.weather .icon-28:before{content:"A"}.weather .icon-29:before{content:"a"}.weather .icon-30:before{content:"A"}.weather .icon-31:before{content:"6"}.weather .icon-32:before{content:"1"}.weather .icon-33:before{content:"6"}.weather .icon-34:before{content:"1"}.weather .icon-35:before{content:"W"}.weather .icon-36:before{content:"1"}.weather .icon-37:before{content:"S"}.weather .icon-38:before{content:"S"}.weather .icon-39:before{content:"S"}.weather .icon-40:before{content:"M"}.weather .icon-41:before{content:"W"}.weather .icon-42:before{content:"I"}.weather .icon-43:before{content:"W"}.weather .icon-44:before{content:"a"}.weather .icon-45:before{content:"S"}.weather .icon-46:before{content:"U"}.weather .icon-47:before{content:"S"}

/* -----------------------------------------

#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}
p a,p a:visited{line-height:inherit}

.disabledLink{
  pointer-events: none;
}

/* -----------------------------------------

#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: 10px;}
li p{line-height:1.3}

/* -----------------------------------------

#images

-----------------------------------------*/
img{max-width:100%}
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

-----------------------------------------*/

.btn a,
.btn span{text-decoration:none;color:#fff}

.button,
.btn,
.button,
#post button:not(.rz-doc-search-reset),
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn{padding:.375rem .75rem;
background: #0066cc;
color:#fff;
border: 2px solid #0066cc;
border-radius: 6px;
display:inline-block;
font-size:1rem;
font-weight:400;
text-decoration:none;
line-height:1.5;
vertical-align:top;
font-family:'poppins',sans-serif;
transition: .4s ease-in-out;
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12),0px 2px 2px 0px rgba(0,0,0,0.24);

}

body #rz-business-categories ul li a:hover,
.button:hover,
a.button:hover,
#post button:hover,
.btn:hover,
#post input[type="submit"]:hover,
#post input[type="reset"]:hover,
#post input[type="button"]:hover,
.rz-btn:hover{
    border-color: #003366;
    background: #003366;
    text-decoration: underline;	
	}
	
.btn:focus {
    box-shadow: #0066cc;
    border-radius: 4px;
    background: #0066cc;
}

body #rz-business-categories ul li a:active,
.btn:active,
.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{
    border-color: #021d44;
    background: #021d44;
	
	}
#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}

/* -----------------------------------------

#forms

-----------------------------------------*/
form{margin-bottom:30px}
fieldset{margin-bottom:30px}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size: 14px;font-family: 'Poppins', sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus{color:#63686c;border:1px solid #0F95E9}
label,
legend{display:block;font-weight:bold;font-size:16px}
input[type="checkbox"]{display:inline}
#rz-business-categories input[type="checkbox"]{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}
#rz-business-categories label{color:#fff!important;}
#rz-business-categories ul li a {padding:10px!important;}
.rz-business-block .rz-business-links a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 200px;}
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}
::-webkit-input-placeholder{color:#777}
:-moz-placeholder{color:#777}
::-moz-placeholder{color:#777}
:-ms-input-placeholder{color:#777}
.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:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px;}
.floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px}
.floating-alert .btn{margin:20px 0 0 0!important}
.floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:13px;margin-top:10px}
.floating-alert.fade:not(.show){visibility:hidden}

/* -----------------------------------------
#rz document center

-----------------------------------------*/
#document-center .rz-doc-search-reset{display:none}

/* -----------------------------------------

#rz edit

-----------------------------------------*/
#freeform .faq-wrapper{margin-top:50px}
#freeform #gallery{margin-top:50px}
#freeform .news-section{margin-top:50px}
#freeform-events{margin-top:50px}
#freeform-news-list .news{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.15)}
#freeform-news-list .news:first-of-type{padding-top:0}
#freeform-news-list .news:last-of-type{padding-bottom:0;border:0}
#freeform-news-list .read-news{color:#ff854a}
#freeform-news-list .news h3{
  font-size: 18px;
  font-weight: 700;
  color: #2f4046;
  cursor: pointer;margin:0
}
#freeform-news h2,
#freeform-events h2{font-size:35px;font-weight:700;color:#092227;letter-spacing:-0.5px;margin-bottom:30px}
#freeform-news .button,
#freeform-events .button{margin-top:30px}
#map_zoom,.sm_location{display:none}
.rzHeader{position:absolute;top:250px;left:0;right:0;z-index:101;margin:auto}
a>span.rzBtn, .rzContainer a>span.rzBtn, body:not(#rz-editform) a[href*="/revize_faq.php"]{all:unset;position:relative;z-index:199;display:inline-block!important;font-family:"Arial",serif!important;letter-spacing:0px;padding:5px 15px;background:#000;background:linear-gradient(#333,#000);color:#EEE!important;font-weight:700;text-transform:none;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap}
a>span.rzBtn.noPush, .rzContainer a>span.rzBtn.noPush{position:absolute;margin-top:-30px}
a>span.rzBtn.rzSmall, .rzContainer a>span.rzBtn.rzSmall{font-size:14px;padding:5px;line-height:16px}
a>span.rzBtn.rzCenter{transform:translateX(-50%)}
.rzAdmin{position:relative;z-index:199;display:inline-block;padding:0 18px;}
.rzAdmin>img{position:relative;z-index:2;opacity:0;width:95px;height:36px}
.rzAdmin:after{content:"Admin Panel";z-index:1;position:absolute;left:0;top:-1px;display:inline-block;font-family:"Arial",serif;padding:5px 13px;background:#000;background:linear-gradient(#333,#000);color:#EEE;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap;}
a>span.rzBtn:hover, .rzAdmin:hover:after, body:not(#rz-editform) a[href*="/revize_faq.php"]:hover:after {background:linear-gradient(#333,#555)!important}
body:not(#rz-editform) a[href*="/revize_faq.php"]{padding:0}
body:not(#rz-editform) a[href*="/revize_faq.php"]>img{position:relative;z-index:2;display:none}
body:not(#rz-editform) a[href*="/revize_faq.php"]:after{content:"Help";z-index:1;cursor:pointer;display:inline-block;padding:5px 22px 5px 23px;background:#000;background:linear-gradient(#333,#000);color:#EEE;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap}
#dataTable .header{display:table-cell}
.alertbtn{position:fixed;bottom:20px;right:20px;z-index:1000}
.rzContainer{position:absolute;margin:-30px auto 0;left:0;right:0;max-width:1300px}
.rzContainer>a{display:inline-block!important}
.chooseBtn1{all: unset;position: relative;z-index: 199;display: inline-block!important;font-family: "Arial",serif!important;letter-spacing: 0px;padding: 5px 15px;background: #507DBC!important;font-weight: 700;text-transform: none;box-shadow: inset 0 0 1px 1px rgba(255,255,255,.1);font-size: 16px;line-height: 26px;white-space: nowrap;color: #eee !important;}
.chooseBtn1>a>span{color: #eee !important;}
.rzBtn{background:#004D85!important}

.faq-category .faq-header {background: #354a51;display: block;color: #fff !important;margin-bottom: 0;border: 2px solid rgb(219, 219, 219);border-radius: 8px 8px 0 0;font-size: 20px;font-weight: 500;text-transform: capitalize !important;}
.faq-header.collapsed {background: #f2f4f4;border: 2px solid rgba(53,74,81,.22);color: #354a51 !important;border-radius: 8px;}
#freeform .faq-item {margin-top: 0;background: #f2f4f4;padding: 20px 38px;border: 2px solid rgba(53,74,81,.22);border-radius: 0 0 8px 8px;}
#freeform .faq-answer {margin: 0;}
#freeform .faq-header::before{color:#fff}
.faq-header.collapsed::before{color:#354a51 !important}
.fc-today .fc-day-number{color: #000000;}
#freeform input#faq-filter {
    height: 54px;
    border-radius: 3px;
    font-size: 18px;
    color: #001832;
    padding: 0 15px 0 15px;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    background: #f2f4f4;
    border: 2px solid rgba(53,74,81,.22);
}
body #entry tr#rz-rpfbids-row{background:#0d3a42!important}
body #post input[type="submit"]{background:#19aecb;}

/*form#rz-business-directory-search{margin:0 15px 0 0}*/
/* -----------------------------------------

#main

-----------------------------------------*/
#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{background:#0d3a42;width:100%;position:fixed;z-index:200}
#button-search{background:#19aecb;border: 0;padding: 28px 31px 30px 30px;height: 85px;}
#button-search img{width:28px;}
/* #social-media-links{position: relative;top: 50%;transform: translateY(-50%);left: 85px;width: 127px;margin-top: -1px;} */
#social-media-links{width: 239px;display: flex;align-items: center;justify-content: center;position: relative;right: 27px;}
#social-media-links img{width:18px;}
#social-media-links .tw{margin-right: 19px;}
#social-media-links .fb{margin-right: 15px;}
#social-media-links .ig{margin-right: 22px;}
#search {position: absolute;z-index: 9;top: 67.6%;transform: translateX(-50%);left: 50%;width: 476px;margin-left: -3px;max-width:100%;z-index:52}
.sml-divider{background: #47676e;height:16px;width:1px;margin: 0 16px 0 15px;}
#calender{border:0;}
#calender img{width:22px;}
.top-right-icon-wrap{display:flex;position: absolute;right: 0;top: 0;}

#search ::-webkit-input-placeholder{color: rgba(13,58,66,.77) !important;}
#search :-moz-placeholder{color: rgba(13,58,66,.77) !important}
#search ::-moz-placeholder{color: rgba(13,58,66,.77) !important}
#search :-ms-input-placeholder{color:rgba(13,58,66,.77) !important}
.scrolled #logo {width: 76px;margin: 7px 0 0 93px;}
.container{width: 1320px;max-width:100%;}

/*qlink*/
#quick-links{position:absolute;left:50%;transform:translateX(-50%);margin-top: -92px;z-index:2;}
.qlink-wrapper{background:#fff;box-shadow: 0px 0px 14.56px 1.44px rgba(13, 58, 66, 0.26);position: relative;margin-left: 1px;}
.qlink-box{text-align: center;color: #000;display: block;text-decoration: none !important;padding: 50px 0 52px;position: relative;}
.qlink-box::before{content:"";position: absolute;background: #0d3a42;left: -15px;top: -15px;opacity:0;width: calc(100% + 30px);height: calc(100% + 30px);transform: scale(.7);}
.qlink-box:hover .qlink-content-box{color: #fff;text-decoration: none;}
.qlink-box:hover:before{opacity: 1;transition:all .5s;transform: scale(1);}
.qlink-box img{width: 67px;margin-bottom: 14px;}
.qlink-box .qlink-content-box{display: flex;align-items: center;justify-content: center;font-size: 17px;font-weight: 500;color: #0d3a42;z-index: 9;position: relative;}
.qlink-box .qlink-content-box img{width: 5px;margin: 0 0 0 7px;position: absolute;top: 5px;height: auto;}
.qlink-box img{filter: invert(17%) sepia(12%) saturate(5076%) hue-rotate(157deg) brightness(26%) contrast(60%);position: relative;}
.qlink-box:hover img{filter: none;}
#quick-links .tns-ovh{overflow:hidden;padding: 15px;margin: -15px;}
#quick-links li{margin-bottom:0;}
#quick-links .tns-item:not(.tns-slide-active) .qlink-box{opacity: 0;transition: 5s all;}

/*notice*/
#homepage #notice{padding: 212px 0 214px;}
/*#notice .tns-ovh{overflow: visible;}*/
#notice .tns-ovh{padding:15px; margin: -15px;}
#notice .tns-item:not(.tns-slide-active){opacity: 0;visibility: visible;pointer-events:none}
h2.sec-head{font-size:55px;font-weight:700;color:#092227;position: relative;left: -3px;letter-spacing: -0.5px;margin-bottom: 37px;}
.button{background:#19aecb;text-transform:uppercase;font-size: 17px;font-weight: 600;color:#fff;text-decoration:none;padding: 18px 0 19px;outline: 1px solid #fff;outline-offset: -8px;transition:all .3s;width: 324px;text-align: center;}
.button:hover{text-decoration:none;outline-offset: 0;}
/*#notice .notice-box{text-decoration: none !important;display:block;}*/
/*#notice .notice-box:hover{text-decoration: none;background:#fff;box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.15);}*/
#notice .notice-box{ background:#fff;box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.15); text-decoration: none !important;display:block;}
#notice .notice-box:hover{text-decoration: none; box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.04);}
#notice .notice-box:hover .more-arrow{background-color:#e9691f;}
#notice .notice-box h3{color:#1f1b32;font-weight:700;font-size:21px;margin: 0 0 30px;}
#notice .notice-box .more-arrow{display: flex;width:38px;height: 38px;background-color:#0d3a42;justify-content: center;align-items: center;border-radius: 50%;transition:all .3s;margin: -1px -3px;}
#notice .notice-box .more-label{font-weight: 500;color: #9f9f9f;text-transform: uppercase;letter-spacing: 1.5px;}
#notice .notice-box .more-arrow img{width:17px;height: auto;}
#notice .notice-box img{height: 245px;width:100%;}
#notice .notice-content-box{padding: 32px 32px 50px;margin-top: 16px;}
#notice .tns-item:not(.tns-slide-active) .notice-box{opacity: 0;transition: 5s all;}
#notice .notice-image{width:311px;height:245px;}
#freeform #notice .notice-image{width:auto}
/*events*/
#events{min-height:941px;padding: 161px 0 0;position: relative;top: -67px;z-index: 9;background-size: 100% 100% !important;}
#tabs-wrapper {background: #fff;display: flex;justify-content: space-between;}
#tabs-wrapper .tab{font-size: 18px;width: 34.3%;color: #fff;text-align: center;text-decoration: none;padding: 18px 0 21px;text-transform: uppercase;}
#tabs-wrapper .tab.active{color: #2f4046;background: #fff;}
.tab-body{background:#fff;padding: 77px 73px 75px;min-height:550px}
.library-tab{background:#19aecb;}
.recreation-tab{background:#0d3a42;}
.meetings-tab{background: #93999b;}
.cal-button{margin-top:11px;width:100%}

/*activities*/
#activities{padding: 154px 0 150px;position: relative;top: -123px;}
.head-wrap .button{margin-top: -20px;margin-right: 3px;}
.act-explore-wrapper {background: #0d3a42;position: relative;padding: 23px 20px 19px;}
.act-bottom-head{font-size: 75px;font-weight:700;color:#092227;line-height: normal;margin: 84px 0 12px;}
#activities h2.sec-head{margin-bottom:52px;}
#activities h2.sec-head{margin-bottom:52px;}
#activities .head-wrap .button {margin-top: -38px;margin-right: -1px;}
#activities li{margin-bottom:0;}
.act-bottom-cta{position: relative;left: -2px;}
.button-dark{background:#354a51;}
.button-wrapper{position: relative;left: 2px;}
.button-wrapper .button{margin: 0 5px;}
.act-bottom-cta .button {padding: 18px 0 17px;outline-offset: -7px;}
.act-bottom-cta .button:hover {outline-offset: 0px;}

/*footer*/
footer{padding: 220px 0 84px;position: relative;margin-top: -199px;}
footer h4{font-size: 23px;font-weight:700;color:#fff;margin: 0 0 28px;padding: 0px 0 2px;}
footer ul{margin:0;padding:0;}
footer ul li{list-style:none;padding: 0 0  13px;margin-bottom: 7px;}
footer ul li a{font-size: 16px; color:rgba(255, 255, 255, 0.6); text-decoration:none;}
footer ul li a:hover{color:rgba(255, 255, 255, 1); text-decoration:underline;}
footer ul li strong{text-transform:uppercase;font-size:15px;}
.f-box{position: relative;top: -7px;left: -2px;}
.Schedule-box ul li{color:#fff; display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid rgba(255, 255, 255, 0.20);}
.Schedule-box ul li span{position: relative;left: 2px;top: 1px;font-weight: 500;color: rgba(255,255,255,.6);}
.phone{color:#fff;font-size:16px;font-weight: 600;margin: 0 0 16px;}
.phone img{float:left;width:19px;margin-right: 21px;margin-top: 4px;}
.phone a{display:block;color:rgba(255, 255, 255,.6);position: relative;left: -2px;top: -1px;text-decoration: none;}
.phone a:hover{color:rgba(255, 255, 255,1);text-decoration: underline;}
.phone a span{font-size:12px;}
.location{color:#fff;font-size:16px;font-weight: 600;margin: 0 0 16px;}
.location img{float:left;width:19px;margin-right: 21px;margin-top: 4px;}
.location span{display:block;font-size: 12px;color:rgba(255, 255, 255,.6);position: relative;left: -2px;top: -1px;}
.location a{color:rgba(255, 255, 255,.6);text-decoration: none;}
.location a:hover,.location a:hover span{color:rgba(255, 255, 255,1);text-decoration: underline;}
.f-box{position: relative;top: -7px;left: -2px;}
.f-box{position: relative;top: -7px;left: -2px;}
.f-box .social-media-links img{width:18px;}
.f-box .social-media-links .tw{margin-right: 13px;}
.f-box .social-media-links .fb{margin-right: 12px;}
.f-box .social-media-links .ig{margin-right: 17px;}
.f-box .social-media-links{padding-left: 39px;margin-bottom: 22px;margin-top: -1px;}
.f-button-Satff{background:#19aecb;color:#fff;font-weight:600;text-decoration: none;padding: 17px 34px;text-transform: uppercase;font-size: 17px;display: inline-block;}
.f-button-Satff:hover{background:#0e8cda;text-decoration:none;color:#fff;}
#copy-right{color:#fff;border-top:1px solid #5e7b78;top: 85px;position: relative;padding: 40px 0;font-size:16px;width: 1290px;margin: auto;max-width: 100%;}

#page-title{font-size:47px;color:#222;font-weight:700;top: -4px;position: relative;margin-bottom: 12px;}
#breadcrumbs a:after {content: '\f105';font-family: 'FontAwesome';margin: 0 6px 0 10px;color: #999;position: relative;top: -1px;text-decoration: none;font-size: 12px;}
/*#freeform #entry p{font-size: 15px;line-height: 27px;color: #222;margin-bottom: 29px;}*/
/*#freeform #entry a,#freeform .blockquote a{color: #e9691f;}*/
/*#freeform .blockquote {color: #222;border-left: 4px solid #2a3a51;padding: 0 0 0 20px;margin: 30px 37px 19px 21px;font-size: 15px;line-height: 27px;}*/
/*#freeform #entry img{position: relative;left: 1px;margin-bottom: 37px;top: 1px;}*/
#revize-link{color:#19aecb;font-weight:700;text-transform: capitalize;text-decoration:none;}
#revize-login{color:#19aecb;font-weight:700;text-decoration:none;}
#revize-link:hover{text-decoration:underline;}
#freeform #search-freeform {bottom: 0;transform: none;left: auto;width: 476px;margin-left: 0;max-width: 100%;top: 89px;right: 0;z-index: 99;display:none;}

#freeform.department .notice-box{ background:#fff;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15); text-decoration: none !important;display:block;}

#freeform.department .notice-box:hover{text-decoration: none; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);}

#freeform.department #news-and-events .tns-ovh {padding: 15px;margin: -15px;}

/* Default nav styles */
#nav .fa::before {
  font-family: 'FontAwesome' !important;
  display: inline-block;
  left: 0;
  position: relative;
  font-size: 18px;
}

#nav{padding:0;margin:0;position:relative}
#nav li{margin:0;list-style:none;}
#nav li a,
#nav li span{padding: 31px 6px 31px 6px;display:inline-block;color: #ffff;text-decoration: none;font-size: 18px;text-transform: uppercase;font-weight: 700;position: relative;font-family: 'Poppins',sans-serif;}
#nav ul{padding:0;margin:0}
#nav ul a,
#nav ul span{padding:0;}

#nav li a:not(.fa):after, #nav li span:not(.fa):after {
  background: none repeat scroll 0 0 transparent;
  bottom: 26px;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
#nav li a:hover:after, #nav li span:hover:after {
  width: 100%;
  left: 0;
}


/* Social */
#twitterfeed{background:#f1f1f1}

/* Logo */
#logo{display:inline-block;max-width:100%;width: 181px;margin: 14px 0 0 93px;position: absolute;z-index: 1;transition:all .3s}

/* Translate */
.goog-te-banner-frame{display:none}
#translation-links{padding:0;margin:0;/*display: none;*/}
#translation-links button{padding:0;border:0;background:none}
#translation-links li{position:relative;margin:0;list-style:none}
#translation-links ul{padding:25px;margin:0;position:absolute;right:0;top:100%;width:250px;height:400px;overflow:scroll;background:#fff;display:none}
#translation-links ul li{margin-bottom:10px}
div.skiptranslate{display:none !important}

/* Search */
#search form,#search-freeform form{position:relative;margin:0}
#search input,#search-freeform input{border:0;height: 58px;color: rgba(13,58,66,.77);padding-left: 26px;padding-right:65px}
#search input::-webkit-input-placeholder,#search-freeform input::-webkit-input-placeholder{color:#222}
#search input:-moz-placeholder,#search-freeform input:-moz-placeholder{color:#222}
#search input::-moz-placeholder,#search-freeform input::-moz-placeholder{color:#222}
#search input:-ms-input-placeholder,#search-freeform input:-ms-input-placeholder{color:#222}
#search label,#search-freeform label{margin:0;position:absolute;left:0;top:0;line-height:45px}
#search button,#search-freeform button{position:absolute;right:0;top:0;border:0;background:#19aecb;padding: 7px 20px;line-height:45px;color:#fff;text-transform:uppercase}
#search button img,#search-freeform button img{width: 18px;}
.highlight-input{background:#bbd9ff !important;transition:all .7s;}
/* -----------------------------------------

#inner

-----------------------------------------*/
#flyout{padding:0;margin:0}
#flyout li{position:relative;margin:0;list-style:none;line-height:24px;}
#flyout a,
#flyout span{display:block;text-decoration:none;color: #000;font-size: 15px;font-weight: 600;}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul a,
#flyout ul span{font-size:16px;padding:10px 15px}
#breadcrumbs{font-size: 14px;text-transform:capitalize;font-weight: 600;top: -7px;color: #999;position: relative;}
#breadcrumbs a{text-decoration:none;color: #999 !important;}
#breadcrumbs a:hover{text-decoration: underline;}
#breadcrumbs ul{list-style:none;margin:0;padding:0}
#breadcrumbs li{display:inline-block;margin:0;padding:0}
.col-xs-12{width:100%}


#flyout{padding:0;margin: -9px 0 0;}
#flyout li{position:relative;margin: 0;list-style:none;padding: 0 63px 0 35px;}
#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,
#flyout span{display:block;text-decoration:none;font-size: 16px;font-weight: 400;color:#000;line-height: 23px;border-bottom: 1px solid rgba(0,0,0,.10);padding: 15.5px 0;margin: 0;}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul li{margin:0;padding:0}
#flyout ul a,
#flyout ul span{font-size:14px;padding:10px 15px;color:#fff;border-color:rgba(0,0,0,.15);margin:0}

#flyout-wrap{background: #ffffff;margin: 0 -5px 21px 0;border-top: 3px solid;padding: 45px 0 35px 0;}
#flyout-header {color: #354a51;font-size: 24px;font-weight: bold;letter-spacing: -.5px;padding: 0px 35px 0;margin: 0 0 6px;}

#post, #tinymce{font-size:16px}
#tinymce a[data-feed]{display:block;text-align:center;padding:15px;border:1px dashed red}
#tinymce a[data-feed="book-feed"]:after{content:'Edit this link via the toolbar to change the file. Use the data-feed="book-feed" attribute on the tag (via the source editor toolbar button) to create more feeds.';display:block;font-size:12px}
#post a[data-feed]{display:block;text-align:center;padding:15px;font-size:0px;text-decoration:none;pointer-events:none}
#post a[data-feed]:after{content:'Loading Feed...';font-size:14px;display:block;color:#777}

.book-feed-wrap{display:flex;flex-wrap:wrap;justify-content:center}
.book-feed-item{flex:0 0 calc(100% / 6);padding:1%;min-width:115px}
.book-feed-item.culled{display:none}
.book-feed-cover{border:1px solid #000;box-shadow:0 0 10px #000}
.book-feed-expand{flex-basis:100%}
.book-feed-overdrive{display:block;text-align:center;padding:5px}

.obituary-wrap{background:#fff;padding:15px}
.obituary-wrap .button, #obitEntryEditor .button{outline-offset:-5px;width:150px;padding:.375rem .75rem;font-size:16px;font-weight:400}
.obituary-wrap .button:hover, #obitEntryEditor .button:hover{outline-offset:0}
.obituary-wrap .button.btn-danger, #obitEntryEditor .button.btn-danger{background:#dc3545!important}
.obituary-search{margin-bottom:0}
.obituary-search input{width:100%}
.obituary-search .button{margin:15px 15px 15px 0}
.obituary-wrap input{padding:5px 10px;max-width:100%}
.obituary-wrap .dataTables_wrapper{margin-top:30px}
.obituary-wrap .dataTables_length{float:left}
.obituary-wrap .dataTables_length select{padding:5px 10px;margin:0 10px}
.obituary-wrap .dataTables_filter{float:right}
.obituary-wrap .dataTables_filter input{margin-left:10px}
.obituary-wrap .dataTables_info{float:left}
.obituary-wrap .paging_bootstrap{float:right}
.obituary-wrap .paging_bootstrap ul{list-style:none;margin:0;padding:0}
.obituary-wrap .paging_bootstrap ul>li{display:inline-block}
.obituary-wrap .paging_bootstrap ul>li>a{display:inline-block;border:1px solid #e9eaec;text-decoration:none;padding:5px 10px;line-height:1}
.obituary-wrap .paging_bootstrap ul>li.disabled>a{color:#000;opacity:0.5;pointer-events:none}
.obituary-wrap .paging_bootstrap ul>li.active>a{border-color:#007bff;text-decoration:underline}
.obituary-wrap .dataTables_wrapper:after{content:'';clear:both;display:table}
.obituary-table{clear:both;width:100%;margin-bottom:15px}
.obituary-table .header{font-size:16px;cursor:pointer}
.obituary-table th{padding:2px 5px}
.obituary-table td{padding:2px 8px}
.obituary-table tr:nth-child(even){background:#eee}
.obituary-table thead>tr{background:#eee;border-bottom:1px solid #ccc}
#obitEntryEditor input{width:100%;max-width:100%}
#obitEntryEditor .modal-body label{margin-bottom:0}
#obitEntryEditor .modal-body .row{margin-bottom:15px}
#obitEntryEditor button.small-button{padding: 2px 6px;font-size: 14px;border-radius: 2px;outline-offset: -3px;outline: 1px solid #fff;vertical-align: baseline;margin-left: 5px}
#obituary-delete-form{margin:0;padding:5px}

.tox-toolbar__group button[title="Fonts"]{display:none}

/*Department*/
#info-header{color: #354a51;font-size: 24px;font-weight: bold;letter-spacing: -.5px;padding: 0;margin: 0 0 8px;}
#info-wrap {background: #ffffff;margin: 0 -5px 0 0;border-top: 3px solid;padding: 43px 39px;}
#info-wrap p{line-height:24px;margin: 0 0 14px;position: relative;}
.email-address img{width:54px;border:0;margin: 0 0 38px;}
.web-address{color: #e9691f;font-size:17px;font-weight:700;display: block;text-decoration: none;}
.web-address:hover{color: #e9691f;text-decoration: underline;}
#freeform #entry .jumbotron{background:#f2f4f4;border:2px solid rgba(53, 81, 59, 0.22);padding: 35px 68px 12px;position: relative;top: -4px;left: 5px;border-radius: 10px;width: calc(100% - 5px);}
#freeform #entry .jumbotron p{color:#1d2326;font-size:17px;line-height: 30px;}
.help-center{display: block;width: 435px;height: 246px;position: relative;overflow:hidden;border-radius: 13px;margin-bottom: 12px;max-width: 100%;}
.help-center a{color:#fff !important;text-decoration: none;}
.help-center:hover .help-center-title{text-decoration: underline;}
.help-center::after{position: absolute;content: "";left:0;bottom: 0;background: url('../images/overlay.png') bottom center no-repeat;background-size:cover;width: 100%;height: 100%;}
.help-center-title{color:#fff;font-size:19px;font-weight:600;line-height:24px;position: absolute;bottom: 0;z-index: 9;padding: 22px 25px;}
.pr-20{padding-right:20px;}
.play-button{position:absolute;left:50%;top:50%;margin: 0 !important;z-index: 99;transform: translate(-50%, -50%);}
.play-button img{width:79px;margin: 0 !important;}
.department .subheader{font-size:30px;letter-spacing: -0.5px;margin-bottom: 23px;}
.department #main{background-color:#f8f7f6;padding: 98px 0 224px !important;}
#dptment-dir{text-decoration:underline;position: relative;top: -5px;left: -5px;}

.faq-search-input{height: 62px;border: 2px solid rgba(53,74,81,.22) !important;border-radius: 8px !important;font-size: 18px !important;padding-left: 64px !important;background: #f2f4f4 url('../images/search-icon-ble.png') bottom left no-repeat !important;background-size: 23px !important;background-position: left 27px center !important;}
span.subheader.faq-head {margin: 36px 0 31px;}
#faq .card {margin-bottom: 7px;border: 0;}
#faq .card .card-header {border: 0;-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);border-radius: 2px;padding: 0;}
#faq .card .card-header .btn-header-link {color: #fff;display: block;text-align: left;background: #354a51;color: #fff !important;padding: 20px 20px 26px;font-weight: 500;font-size: 20px;border-radius: 10px 10px 0 0;font-family: 'Poppins', sans-serif;}
#faq .card .card-header .btn-header-link:before {content: "\f107";font-weight: 100;float: left;margin: 1px 15px 0 6px;font-size: 24px;font-family: 'FontAwesome';}
#faq .card .card-header .btn-header-link.collapsed {background: #f2f4f4;color: #1d2326 !important;border: 2px solid rgba(53,74,81,.22) !important;border-radius: 10px;}
#faq .card .card-header .btn-header-link.collapsed:before {content: "\f106";font-family: 'FontAwesome';rotate: 90deg;}
#faq .card .collapsing {background: #f2f4f4;line-height: 30px;}
#faq .card .collapse {border: 0;}
#faq .card .collapse.show {background: #f2f4f4;line-height: 27px;color: #1d2326;font-size: 15px;}
#faq .card-body{border: 2px solid rgba(53,74,81,.22) !important;padding: 42px 54px;border-radius: 0 0 10px 10px;}
#faq .card-body h4 {font-size: 22px;color: #354a51;font-weight: 600;margin: 0 0 9px;}
#freeform #main {padding: 50px 0;}



/* DON'T modify the styling of images in the #post, only the span.subheader*/


#freeform.department .notice-box{text-decoration:none;}
#freeform.department .notice-content-box:hover{text-decoration:none; box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.05);}

#freeform.department .news-section .notice-image {
  height: 245px;
}

#freeform.department .news-section  .notice-content-box h3 {
  color: #1f1b32;
  font-weight: 700;
  font-size: 21px;
  margin: 0 0 30px;
}

#freeform.department .news-section  .notice-content-box {
  padding: 32px 32px 50px;
}

#freeform.department .news-section  .notice-box .more-label {
  font-weight: 500;
  color: #9f9f9f;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

#freeform.department .news-section  .notice-box .more-arrow {
  display: flex;
  width: 38px;
  height: 38px;
  background-color: #0d3a42;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all .3s;
  margin: -1px -3px;
}

#freeform.department .news-section  .notice-box .more-arrow img {
  width: 17px;
  height: auto;
}

#freeform.department .news-section h2{
  font-size: 35px;
  font-weight: 700;
  color: #092227;
  letter-spacing: -0.5px;
  margin-bottom: 30px;
}

#freeform.department .news-section .notice-content-box:hover {
  text-decoration: none;
  background: #fff;
}

#freeform.department .news-section  .notice-box:hover .more-arrow {
  background-color: #e9691f;
}

/* -----------------------------------------

#share widget

-----------------------------------------*/
.modal{z-index:100000}
.modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px}
.modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left}
.modal-header h4{font-size:30px}
.modal-header button{margin-top:2px!important;position:relative;font-size:25px}
.modal-body{padding:40px 60px}
.copylink{margin-bottom:40px}
.copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px}
.modal-header button,.modal-header button:hover{color:#000!important;background:none}
.share-btns{margin:0 0 20px}
.share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px}
.share-btns i{display:block;line-height:170px!important;font-size:60px}
.btn-facebook{color:#3b5998!important}
.btn-twitter{color:#00ACED!important}
.btn-google{color:#D34836!important}
.btn-reddit{color:#ff5700!important}
.btn-facebook:hover{border-color:#3b5998}
.btn-twitter:hover{border-color:#00ACED}
.btn-google:hover{border-color:#D34836}
.btn-reddit:hover{border-color:#ff5700}
.btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px}
.floating-share-btn{position:fixed;z-index:99999;top:20%;right:0;border-radius:0;border:0;background:#19aecb !important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}
.floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase}

div#google_translate_element {display: inline-block;height: 59px;width: 59px;}	
#floating_translate .goog-te-gadget-simple{background:transparent;font-size:0;border:none}	
#floating_translate .goog-te-gadget, #floating_translate, #floating_translate .goog-te-gadget-simple{padding:0;margin:0;height: 59px;}	
#floating_translate .goog-te-gadget img{display:none}	
#floating_translate .goog-te-gadget-simple:after{content:'\f1ab';font-family:"FontAwesome";font-size: 30px;position:relative;color:#ffffff;letter-spacing:.0;font-weight:700;top: 0px;width: 50px;height: 50px;padding-left: 0px;display: inline-block;}	
div#floating_translate {display: block;margin-top: 0;height: 59px;width: 59px;background-color: #f4a36a;color: #fff!important;line-height: 59px;text-align: center;}	
#floating_translate{position:fixed;z-index:99999;top:calc(20% + 66px);right:0}	
#floating_translate #google_translate_element .goog-te-gadget:first-child{display:block!important}	
#google_translate_element .goog-te-gadget-simple>span{display:none}

/* -----------------------------------------

#slider

-----------------------------------------*/

#slider{position:relative;max-height:80wv;padding-bottom: 44%;}
#slider > .tns-outer{position:absolute;left: 0;right:0;top:0;bottom:0}
#slider-caption{font-family: 'Vujahday Script', cursive;font-size:188px;line-height:138px;color:#fff;position:absolute;left: -27px;right:0;top: 50%;transform:translateY(-50%);z-index:51;letter-spacing: -3.5px;margin-top: -8px;}
#slider-caption span{font-family: 'Kanit', sans-serif;font-size: 55px;text-transform:uppercase;display: block;position: relative;top: -33px;left: 4px;letter-spacing: -1px;}
#wrapper_sliderVideo{z-index:1}
.tiny-slider-wrap > .tns-outer,
.tiny-slider-wrap > .tns-outer > .tns-inner,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item,
.tns-bg-slide {height:100%}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left:0;right:0;z-index: 9;}
 .tns-controls button{padding:0;border:0;background:#19aecb; color:#fff;border-radius:50%;position:relative;z-index:10;line-height:35px;width:35px;margin:0 15px;transform:translateY(-50%);font-size:20px;opacity:0;transition:all .3s;box-shadow: 5px 3px 17px -9px;} 

 /*Original ---.tns-controls button{padding:0;border:0;background:#fff;color:#000;border-radius:50%;position:relative;z-index:10;line-height:35px;width:35px;margin:0 15px;transform:translateY(-50%);font-size:20px;opacity:0;transition:all .3s;box-shadow: 5px 3px 17px -9px;}---*/


.tns-outer .tns-controls button{opacity:1}
.tns-controls button:last-of-type {float:right}
/*#slider .tns-nav{position:absolute;bottom: 126px;left:0;right:0;z-index:1;text-align: left;width: 1290px;margin: 0 auto;padding: 0 33px;}*/
#slider .tns-nav{position:absolute;bottom: 126px;left:0;right:0;z-index:1;text-align: left;width: 1290px;margin: 0 auto;padding: 0 33px; visibility: hidden;}
#slider .tns-nav button{background: white;display: block;border: 0;width: 47px;height: 3px;margin: 5px 0;}
#slider .tns-nav-active{background: #1bbdd4 !important;}
.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}

#notice .tns-nav{display:flex;position:absolute;bottom: -60px;left:0;right:0;z-index:51;align-items: end;width: 782px;margin: 0 auto;max-width:100%;}
#notice .tns-nav button{flex-grow:1;border:0;padding:0;height: 1px;background: #d6d6d6;}
#notice .tns-nav button.tns-nav-active{height: 4px;background:#000}
.notice-of{position:absolute;left: 21px;bottom: 9px;font-size: 14px;font-weight: 500;letter-spacing: 1px;color: #bebebe;}
#notice .tns-nav button .tns-number{position:absolute;left:0;bottom:100%;opacity:0;top: -28px;letter-spacing: 1px;font-weight: 500;}
#notice .tns-nav button.tns-nav-active .tns-number{opacity:1}
#notice .tns-nav button .tns-number:before{content:'0'}

#slider .tns-number{position:absolute;left: -10px;top: -6px;color:#fff;font-size: 32px;opacity:0;font-weight: 700;}
#slider button:not(.gt10) .tns-number:before{content:'0';position:relative;right: 0px;}
#slider button.tns-nav-active .tns-number{opacity:1}

#mega .mega-scroller{display:none}
#freeform #example_wrapper table tr td:last-child a {white-space:nowrap;}
/* -----------------------------------------

#media queries

-----------------------------------------*/


@media only screen and (min-width: 992px) {
  #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block !important;padding:0}
  #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
  
    
     /* default nav styles */
    #nav{display:flex;justify-content: space-between;position: relative;width: 926px;margin: 0 auto;left: -14px;max-width: 100%;}
    #nav .focused .toggle{display:inline !important}
    #nav .toggle{display:inline !important;position: relative;left: 4px;top: -1px;}
    #nav li:hover>ul{display:block !important}
    
    /* traditional */ 
    #nav:not(.mega) li{position:relative}
    #nav:not(.mega) ul{position:absolute;left:0;top:100%;width:200px;display:none}
    #nav:not(.mega) ul ul{left:100%;top:0}
    #nav:not(.mega) .focused .toggle2{display:inline !important}
    #nav:not(.mega) ul a,
    #nav:not(.mega) ul span{border-bottom:1px solid rgba(0,0,0,.15)}
    #nav:not(.mega) li:last-child>a,
    #nav:not(.mega) li:last-child>span{border:0}
    
    /* mega */
    #nav.mega>li{position:static;}
    #nav.mega>li>ul {
      -webkit-column-count: 4;
      -moz-column-count: 4;
      column-count: 4;
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      display: none;
      background:#0d3a42;
      left: -200px;
      right: -240px;
      padding: 0 35px 51px;
      -webkit-column-gap: 72px;
      -moz-column-gap: 72px;
      column-gap: 72px;
      z-index: 9;
      max-height: 600px;
      overflow: auto;
      }
    #nav.mega>li>ul>li{display:block;width:100%;break-inside:avoid}
	
	#nav.mega>li>ul{max-height:none}
	#nav.mega>li>ul>li{break-inside:auto}
	
    #nav.mega>li>ul>li a,#nav.mega>li>ul>li span{font-size: 17px;font-weight:500;padding: 7px 0;border-top: 1px solid rgba(255,255,255,0.15);width: 100%;text-transform: capitalize;}
    #nav.mega .focused .toggle2{display:none !important}
    ul.second-level li a {color: #76eaff !important;font-size: 15px !important;margin-left: 20px !important;}
    #nav.mega>li>ul li a:after,#nav.mega>li>ul li span:after{bottom: 0;width:0;left:0;height:2px;}
    #nav.mega>li>ul li a:hover:after,#nav.mega>li>ul li span:hover:after{bottom: 0;width:100%;left:0;}
	
	/*#nav.mega>li>ul{display:none;background:#0d3a42;position:absolute;left:0;right:0;top:100%;max-height:700px;overflow:auto;min-height:300px;column-count:2}
	#nav.mega>li>ul>li{width:33%;display:block}
	#nav.mega>li>ul>li>ul{position:absolute;top:0;bottom:0;overflow-y:auto;left:66%;right:0;column-count:1;display:none}
	#nav.mega>li>ul>li:hover>ul{display:block}*/
	
	#nav.mega .mega-scroller{display:inline-block;position:sticky;padding:0;margin:0;top:98%;height:1px}
	.mega-scroller button{background:#fff;border-radius:50%;border:0;color:#0d3a42;font-weight:bold;height:30px;width:30px;margin:5px;transition:transform .3s ease}
	.mega-scroller button:hover{transform:scale(1.25)}
	.mega-scroller.scroller-left{left:0;float:left}
	.mega-scroller.scroller-right{right:0;text-align:right}

    #freeform #slider{padding-bottom: 23.65%;}
    #freeform .container{width: 1330px;max-width:100%;}
    #freeform footer {margin-top: -74px;background-color: #f8f7f6 !important;}
    #freeform #main{background-color:#f8f7f6;padding: 97px 0;min-height: 800px;}
    #freeform #entry{padding: 0 0 0 84px;}
    .fullwidth #entry{padding: 0 !important;}
    #freeform #entry ol{margin: -9px 0 33px;padding: 0 0 0 41px;position: relative;}
    #freeform #entry ol::marker{margin: -9px 0; position: relative;}


    #flyout .focused .toggle, #nav .focused .toggle2 {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position: absolute;right: 25px;top: 15px;}
    #flyout>li:hover>a,
    #flyout>li:hover>span{color:#fff}
    #flyout>li:hover>a,
    #flyout>li:hover>span{border-color:transparent}
    #flyout>li:hover>ul{display:block}
    #flyout ul.first-level{position:absolute;left:100%;top:0;width:200px;z-index:10;background-color: #354a51;}    
    #flyout ul a:hover,
    #flyout ul span:hover{background:rgba(0,0,0,.15)}
    #flyout li:hover{background-color: #354a51;color:#fff !important;}
    #freeform #search-freeform {position: absolute;bottom: 0;transform: none;left: auto;width: 476px;margin-left: 0;max-width: 100%;top: 89px;right: 0;z-index: 99;}
    footer {background-size: 100% 100% !important;}
}

@media only screen and (max-width:1367px) {
  #nav .toggle{padding: 0;}
  #homepage .notice-image {width: 100%;}
}

@media only screen and (max-width:1290px) {
  #copy-right {padding: 20px;}
}


@media (min-width:992px) and (max-width:1200px) {
  #nav li a, #nav li span {padding: 35px 8px;font-size: 12px;}
  #logo { width: 110px;margin:10px 0 0;}
  .scrolled #logo { width: 80px;margin:10px 0 0;}
  #nav {left: 0;}
  #social-media-links {left: 0;}
  #social-media-links a{margin-right:10px !important;}
  #button-search {padding: 31px 20px 31px;}
  #calender {right: 0px;top: 29px;border: 0;}
  #slider-caption {font-size: 100px;line-height: 110px;left: 0;right: 0;margin-top: -40px;}
  #slider-caption span {font-size: 36px;top: -50px;}
  #search {bottom: 240px;margin-left: 0;}
  #slider {padding-bottom: 60%;}
  #quick-links {width: 100%;}
  h2.sec-head {font-size: 36px;left: 0;}
  .act-bottom-head {font-size: 56px;}
  .scrolled #logo {width: 67px;margin: 10px 0 0;}
  .sml-divider{display:none;}
  #nav.mega > li > ul > li a, #nav.mega > li > ul > li span {font-size: 14px;}
  #nav li a:hover::after, #nav li span:hover::after {width: calc(100% - 18px);left: 9px;}
  #freeform #entry {padding: 0 0 0 15px;}
  #flyout li {padding: 0 15px 0 15px;}
  #flyout-header {padding: 0px 15px 0;}
  #flyout-wrap { padding: 25px 0 25px 0;  }
  #flyout a, #flyout span {font-size: 14px;line-height: 18px;}
  #info-wrap {padding: 20px;}
  #nav .toggle {left: -3px;top: 2px;padding: 3px;}
  #nav {justify-content: flex-start;}
  #homepage .notice-image{width: 100%;}
  #slider .tns-nav {left: 30px;}

  }

  @media (min-width:1201px) and (max-width:1600px) {
    #nav li a, #nav li span {padding: 30px 5px 30px 5px;font-size: 15px;}
    #logo { width: 120px;margin:10px 0 0;}
    .scrolled #logo {margin:10px 0 0;width: 63px;}
    #nav {left: 0;width: 700px;}
    #social-media-links {left: 0;}
    #social-media-links a{margin-right:10px !important;}
    #button-search {padding: 28px 20px;}
    #calender {right: 20px;top: 28px;border: 0;}
    #slider-caption {font-size: 130px;line-height: normal;left: 0;right: 0;margin-top: -60px;}
    #slider-caption span {font-size: 36px;top: -50px;}
    #search {bottom: 240px;margin-left: 0;}
    #slider {padding-bottom: 55%;}
    #quick-links {width: 100%;}
    #nav li a:hover::after, #nav li span:hover::after {width: calc(100% - 20px);left: 10px;}
    #flyout a, #flyout span {font-size: 14px;line-height: 18px;}
    #freeform #entry {padding: 0 0 0 30px;}
    #freeform #search-freeform {top: 82px;}
    #slider .tns-nav {left: 30px;}
    }

    @media (min-width:1601px) and (max-width:1690px) {
      #nav li a, #nav li span {font-size: 18px;}
      #button-search {padding: 28px 28px 29px;}
      #calender {right: -6px;top: 30px;}
    }

    

@media only screen and (max-width:991px) {
  /* rz form tables - without page scope this targets editforms and makes
   * editing confusing
   */
  #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:5px;top:25px;z-index:99;}
  #nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px}

    #nav li{position:relative}
    
    #nav ul,
    #flyout ul{display:none;background:rgba(0,0,0,.15)}
    
    #nav .toggle,
    #nav .toggle2,
    #flyout .toggle{position:absolute;right:0;top:0}
    
    #flyout-toggle{padding:0;padding:15px}
    #flyout-header{margin:0;padding:15px;border-top:1px solid rgba(0,0,0,.15)}
    
    #nav li a,
    #nav li span,
    #flyout li a,
    #flyout li span{padding:15px;line-height:1;font-size:14px;}

    #nav li a, #nav li span{
      padding: 17px;
      line-height: 1;
      font-size: 14px;
      display: block;
      border-bottom: 1px solid rgba(0,0,0,0.4);
      margin-bottom: 0;
    }

    header {position: static;}
    #nav {display: none;}
    #search{display: none;}
    #slider-caption {font-size: 70px;line-height: 80px;left: 0;letter-spacing: 0;margin-top: 0;}
    #slider-caption span {font-size: 34px;left: 0;letter-spacing: 0;}
    #logo {width: 80px;margin: 11px 0;position: static;}
    #social-media-links{display:none;}
    #search {position: static;transform:none;margin-left: 0;width:100%;}
    #button-search{display:none;}
    .top-right-icon-wrap{display:none;}
    #quick-links {position: static;left: 0;transform: none;margin-top: 20px;}
    #slider .tns-nav{display: none;}
    .tns-controls button{opacity:1;z-index:999;}
    #homepage #notice {padding: 50px 0 150px;}
    .head-wrap .button {margin-top: 0;margin-right: 0;}
    .head-wrap{margin-bottom: 30px;}
    h2.sec-head {font-size: 36px;left: 0; margin-bottom: 15px;}
    .button {font-size: 14px;padding: 12px 50px 12px;width: auto;}
    #homepage .notice-box {background: #fff;box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.15);}
    .qlink-box::before{display:none;}
    .qlink-box:hover img {filter: invert(17%) sepia(12%) saturate(5076%) hue-rotate(157deg) brightness(26%) contrast(60%);}
    .qlink-box:hover .qlink-content-box {color: #0d3a42;}
    .act-bottom-head {font-size: 36px;margin: 50px 0 12px;}
    .act-bottom-cta .button {padding: 18px 40px 18px;margin: 7px;}
    #activities { padding: 100px 0 60px;}
    .f-box {top: 0;left: 0;margin: 25px 0;}

    #flyout-toggle{padding: 15px;font-size: 14px;background:#19aecb;color: #fff;margin: 0;}
    #flyout-header{margin:0;padding:15px 0;border-top:1px solid rgba(0,0,0,.15)}
    #flyout {display: none;background:#19aecb;}
    #nav .toggle, #nav .toggle2, #flyout .toggle {position: absolute; right: 0;top: 0;border: 0;background: rgba(0,0,0,.15);padding:15px;}
    #flyout li {padding: 0;}
    #flyout a, #flyout span{color:#fff;}
    #freeform footer {margin-top: 0;}
    #flyout-wrap {padding: 0;background: transparent;}
    #info-wrap {margin: 0 0 30px 0; padding: 25px;}
    #freeform #entry .jumbotron {padding: 25px;}
    #freeform #entry .jumbotron p {margin: 0;}
    .department footer {margin-top: -200px !important;}
    #freeform #search-freeform{width:100%;box-shadow: 0 0 5px rgba(0, 0, 0,.4);}
    #quick-links .tns-ovh { overflow: hidden;}
    #nav li a:not(.fa)::after, #nav li span:not(.fa)::after{display: none;}
    #homepage .notice-image{width:100%;}
    #activities .head-wrap {text-align: center;}
  .tab-body{padding:50px 15px}
	#freeform-news{margin-bottom:100px}
#freeform .faq-wrapper{margin-top:50px}
#freeform #gallery{margin-top:50px}
#freeform .news-section{margin-top:50px}
}

  /* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
  .floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px}
  .floating-alert{font-size:12px}
  .floating-alert h4{margin-bottom:10px;font-size:14px}
  .floating-alert .btn{font-size:10px}
  .share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden}
  .share-btns i{display:block;line-height:50px!important;font-size:20px}
  #slider-caption {font-size: 50px;}
  #page-title {font-size: 32px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
  #slider {padding-bottom: 100%;}
  #logo {width: 70px;}
  #slider-caption {font-size: 36px;line-height: 46px;}
  #slider-caption span {top: 0;font-size: 24px;}
  #toggles {top: 20px;}
  #tabs-wrapper .tab {font-size: 14px;}
  }

@media print {
  #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important}
  a[href]:after{content:none!important}
}
