/*-----------------------------------------------------------------------------------
	Theme Name: Clyde Hill WA
	Front-end developer: Husnain Mustafa
	Author Design: Mary Charara
	Author URI: http://www.revize.com/
	Date: 18/12/2023

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

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

#fonts

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

@import url('https://fonts.googleapis.com/css2?family=Hanuman:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

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


#basic styles

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

html {
    scroll-behavior: smooth
}

body {
    background: #fff;
    font-size: 16px;
    line-height: 1.36;
    font-family: 'Montserrat', sans-serif;
    color: #2f2f2f;
    scroll-behavior:smooth;
    -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 {
    font-weight: normal;
    margin-bottom: 30px;
    line-height: 1.2;
    text-transform: capitalize;
}

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

h1 {
    font-size: 48px
}

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: #000;
    margin-bottom: 30px
}

.subheader {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #599f4d;
    margin: 15px 0 2px;
    font-family: 'Montserrat', sans-serif;
}

.subheader a {
    text-decoration: none;
    color: #599f4d !important;
}

p {
    margin: 0 0 30px 0;
    font-size: 16px;
}

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
}

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

#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: #006b76;
}

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

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

.btn a,
.btn span {
    text-decoration: none;
    color: #fff
}

body #rz-business-categories ul li a,
.button,
.btn,
.button,
#post button:not(.rz-doc-search-reset):not(#calendar .fc-button),
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn {
    padding: 12px 41px;
    border: 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    background: #006B76;
    font-weight: 700;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
    line-height: 1;
    vertical-align: top;
    transition: all .3s;
    font-family: 'Hanuman', serif;
}

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: #006b76;
    color: #006b76;
    text-decoration: none;
    
}

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 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: #0c3966;
    color: #fff
}

#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: 13px;
    font-family: 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: 13px
}

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

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #09565e;
}

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

::-webkit-input-placeholder {
    color: #09565e !important;
}

:-moz-placeholder {
    color: #09565e !important;
}

::-moz-placeholder {
    color: #09565e !important;
}

:-ms-input-placeholder {
    color: #09565e !important;
}

.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: 99;
    bottom: 10px;
    margin: 0;
    right: 10px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #e5bf45;
    color: #006b76;
    padding: 40px 30px;
    font-size: 14px;
    width: 400px;
}

.floating-alert h2 {
    margin: 0 0 4px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 23px;
    color: #006b76;
    font-weight: 700;
    font-family: 'Hanuman', serif;
}
.alert-subtitle {
    font-size: 16px;
    line-height: 23px;
    color: #e5bf45;
    font-weight: 700;
    text-transform: uppercase;
}
.floating-alert p {
    font-size: 16px;
    line-height: 20px;
    color: #2f2f2f;
    font-weight: 400;
    margin-top: 10px;
}

.floating-alert .rz-btn {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border: 0;
    border-radius: 0 0 5px 5px;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 600;
    height: 40px;
    display: block;
    text-align: center;
    padding: 7px;
    background-image: linear-gradient(29deg, #599f4d 0%, #43803c 100%);
}
.floating-alert .rz-btn img {
    width: 5px;
    margin-left: 3px;
}

.floating-alert .btn {
    margin: 20px 0 0 0 !important
}
.floating-alert p:last-child {
    margin-bottom: 0;
}

.floating-alert .close {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background-color: #599f4d;
    border: 1px solid #e5bf45;
    border-radius: 50px;
    color: #fff !important;
    line-height: 33px;
    font-size: 16px;
    opacity: 1;
    margin-right: 13px;
    margin-top: 10px;
}

.floating-alert .rz-btn {
    color: #fff;
    padding: 7px 20px;
    font-size: 14px;
    border: 0;
}

.floating-alert.fade:not(.show) {
    visibility: hidden
}

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

#rz edit

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

div.skiptranslate {
    display: none !important
}

form#rz-business-directory-search {
    margin: 0 15px 0 0
}
.rzBtn{background:#599f4d!important}
a[href="javascript:RZedit( '', 'editforms/footer_contact-editform.jsp?', '0','0','', 'pageid=footer-contact', 'global','','','editform','','','')"]{position: absolute;}
a[href="javascript:RZedit( '', 'editforms/footer_hours-editform.jsp?', '0','0','', 'pageid=footer-hours', 'global','','','editform','','','')"]{position: absolute;}
a[href="javascript:RZedit( '', 'editforms/text-editform.jsp', '0','0','', 'pageid=footer-1', 'global','','','editform','','','')"]{position: absolute;margin-top: -80px;}
a[href="javascript:RZcalleditlist('/revize/plugins/menus/webspace_menu-editlist.jsp?pageid=index&linksfilter=linkplacement=footer-nav-1 and linkparentid=0&numberoflevels=1&linkoptions=url,template,file&linknewsection=*all*','0','0','', 'links.linkplacement=footer-nav-1,links.linkparentid=0')"]{position: absolute;margin-top: -42px;}
a[href="javascript:RZedit( '', 'editforms/text-editform.jsp', '0','0','', 'pageid=footer-2', 'global','','','editform','','','')"]{position: absolute;margin-top: -80px;}
a[href="javascript:RZcalleditlist('/revize/plugins/menus/webspace_menu-editlist.jsp?pageid=index&linksfilter=linkplacement=footer-nav-2 and linkparentid=0&numberoflevels=1&linkoptions=url,template,file&linknewsection=*all*','0','0','', 'links.linkplacement=footer-nav-2,links.linkparentid=0')"]{position: absolute;margin-top: -42px;}
a>span.rzBtn.noPush, .rzContainer a>span.rzBtn.noPush, #search-caption a>span.rzBtn.noPush {margin-top: -80px !important;}
.pull-left{margin-right: 0 !important;}
.faq-category {margin: 15px 0;}
.rzHeader {position: absolute !important;top: 460px !important;right: 0 !important;z-index: 9 !important;width: 550px !important;left: unset !important;margin: auto;}
#rz-business-categories ul li a {
    border: 1px solid #006B76 !important;
    background: #006B76 !important;
    color: #fff!important;
}

tr#rz-rpfbids-row, body .cat h3{background: #006B76;}
#ics-export {margin: 5px !important;}
.rpfbids tr td {text-align: left;}

#modal-event-duration {bottom: -42px!important;}
body #modal-event-duration h3 .dur-start{display: inline-block;font-size:16px !important;position:relative;display: block;}
body #modal-event-duration h3 .dur-end {display: none}
div#modal-event-duration h3 {min-height: 70px;}
#modal-event-body{background:#fff;}

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

#main

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


#homepage #main {
    position: relative;
}
tr.odd td:last-child {
 text-wrap: nowrap;
}
div.skiptranslate {
    display: none !important
}

/* to remove */

#wrapper_sliderVideo {
    z-index: 1 !important
}

.container {
    width: 1200px;
    max-width: 100%;
}

#skip {
    position: fixed;
    left: -100%;
    top: -100%;
    transition: all .3s;
    z-index: 999
}

#skip:focus {
    left: 50px;
    top: 50px
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
/* #header  {
    padding: 0 75px;
} */
#header-in {
    position: relative;
    width: 100%;
    height: 80px;
    padding: 0 15px;
    border-radius: 0 0 5px 5px;
    background-color: rgba(0, 107, 118, 0.8);
    transition: all 320ms;
    z-index: 13;
    filter: drop-shadow(0px 3px 3.5px rgba(0,0,0,0.35));
}
#header .container {
    width: 1570px;
    max-width: 100%;
}
#header-in-right {
    display: flex;
    align-items: center;
    justify-content: end;
}

/* Default nav styles */

#nav .fa:before {
    font-family: 'FontAwesome' !important
}

#nav {
    padding: 0;
    position: static;
    margin: 0 auto;
    max-width: 100%;
}

#nav li {
    margin: 0;
    list-style: none
}

#nav li a,
#nav li span {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 20px;
    line-height: 23px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    font-family: 'Hanuman', serif;
}

#nav.mega>li {
    padding: 0 26px;
}


#nav ul {
    padding: 0;
    margin: 0
}

#nav ul a,
#nav ul span {
    padding: 0;
    display: inline-block;
    text-align: left !important;
}

/* Logo */

#logo {
    display: block;
    width: 282px;
    filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.35));
    z-index: 5;
}

/* Translate */

.goog-te-banner-frame {
    display: none
}

#translation-links {
    display: flex;
    padding: 0;
    margin: 0;
}

#translation-links button {
    padding: 10.3px;
    border-radius: 5px;
    background-color: #599f4d;
    border: 1px solid #ffffff;
    width: 70px;
    height: 40px;
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Hanuman', serif;
}

#translation-links button img {
    width: 10px;
    margin: 0 0 3px 3px;
}
#translation-links button span {
    line-height: 23px;
}
#translation-links li {
    position: relative;
    margin: 0;
    list-style: none;
}

#translation-links ul {
    position: absolute;
    right: 0;
    padding: 25px;
    margin: 0;
    width: 250px;
    height: 400px;
    overflow: scroll;
    background-color: #fff;
    display: none;
    z-index: 9;
}

#translation-links ul li {
    margin-bottom: 10px
}

#translation-links ul li a {
    color: #031f4f;
    text-decoration: none;
}

/* nav search */
#search {
    width: 170px;
}
#search form {
    position: relative;
    margin: 0 0 0 16px;
    height: 100%;
}
#search label {
    margin: 0;
}
#search input {
    background-color: #fff;
    padding: 5px 44px 5px 10px;
    height: 40px;
    font-size: 16px;
    line-height: 23px;
    color: #09565e;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #fff;
    font-family: 'Montserrat', sans-serif;
}
#search button {
    position: absolute;
    top: 50%;
    right: 0;
    transform:translateY(-50%);
    padding: 12px 6.5px 7px 6.5px;
    background: none;
    border: 1px solid #fff;
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
    font-weight: 700;
    border-radius: 5px;
    background-color: #e5bf45;
    text-transform: uppercase;

}
#search button img {
    width: 12px;
}


/*Twitter*/
.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;}


/* Section quick links */
#quick-links {
    position: absolute;
    width: 100%;
    top: -285px;
    z-index: 4;
}

#quick-links .container {
    width: 1320px;
}
#quick-links-in {
    position: relative;
    padding: 0 54px;
}
.qlink-heading {
    font-size: 48px;
    line-height: 50px;
    color: #2f2f2f;
    font-weight: 700;
    margin-bottom: 55px;
    text-align: center;
}
.services-heading {
    font-weight: 700;
    text-align: center;
    line-height: 50px;
}
.services-label {
    display: block;
    font-size: 30px;
    color: #558cff;
    
}
#quick-links-carousel{
    margin:0;
}
.quick-link{
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 13px;
    height: 80px;
    border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 107, 118, 0.902);
    overflow:hidden;
    text-decoration:none;
    transition: all 0.3s;
}
.quick-link:hover .quick-link-icon-box {
    background-color: #fff;
}
.quick-link:hover img {
    filter: invert(53%) sepia(15%) saturate(1547%) hue-rotate(65deg) brightness(100%) contrast(83%);
    transition: all .3s;
}
.quick-link-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background-color: #09565e;
    border: 1px solid #599f4d;
    transition: all 0.3s;
}
.quick-link-icon-box img{
    width: 28px;
    margin: 30px;
}
.quick-link-icon-box .notice-icon {
    width: 21px
}
.quick-link-icon-box .document-icon {
    width: 23px;
}
.quick-link-text{
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin-left: 14px;
    line-height: 1.2;
    transition: all 0.3s;
    font-family: 'Hanuman', serif;
}
.quick-link:hover{
    text-decoration:none
}
#quick-links-wrapper .tns-outer {
    position: unset;
}
.quick-links .tns-controls button {
    opacity: 1;
}
.quick-links .tns-controls button:first-of-type {
    margin-left: 0;
}
.quick-links .tns-controls button:last-of-type {
    margin-right: 0;
}

/* events */

#events .event-label {
    display: block;
    font-size: 24px;
    color: #0a40a3;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

#events a.button {
    margin-top: 25px;
}

#events .event-heading {
    font-size: 50px;
    line-height: 50px;
    color: #2f2f2f;
    font-weight: 700;
    margin-bottom: 55px;
    text-align: center;
}
.event-list {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 419px;
    margin-bottom: 0;
    font-weight: 600;
    margin-top: 146px;
}


/* news style */
#news {
    position: relative;
    padding-bottom: 97px;
    border-bottom: 5px solid #e5bf45;
    overflow: hidden;
}
#homepage #news::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 642px;
    background: url(../images/news-bg.png) left top/cover no-repeat;
}
#news .container {
    width: 1314px;
}
#news .news-label {
    display: block;
    font-size: 24px;
    color: #599f4d;
    font-weight: 700;
    margin-bottom: 7px;
    line-height: normal;
}

#news .news-heading {
    margin-top: 20px;
    font-size: 60px;
    line-height: 50px;
    color: #006b76;
    font-weight: 700;
    margin-bottom: 55px;
    text-transform: uppercase;
    font-family: 'Hanuman', serif;
}
#news-carousel {
    margin-bottom: 25px;
}
.news-document {
    padding: 20px 13px;
}
#news-in {
    display: flex;
    gap: 12px;
    margin-bottom: 25px;
}
#news .news-item {
    position: relative;
    border-radius: 5px;
    height: 422px;
    background-color: #ffffff;
    transition: all 0.3s;
}

.news-item .h-news-banner {
    position: relative;
    width: 100%;
    height: 169px;
    border-radius: 5px 5px 0 0;
}
#homepage .news-item .h-news-banner::before {
    position: absolute;
    content: '';
    background-image: linear-gradient(0deg, rgba(0,107,118,0.5019607843137254) 0%, rgba(255,255,255,0) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.news-item .h-news-info {
    padding: 23px 25px 75px;
}

.news-caption {
    font-size: 20px;
    line-height: 25px;
    color: #2f2f2f;
    font-weight: 700;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Hanuman', serif;
}
.news-item time {
    font-size: 14px;
    line-height: 30px;
    color: #006b76;
    font-weight: 400;
    text-transform: uppercase;
}
.news-item .news-text {
    font-size: 16px;
    line-height: 20px;
    color: #2f2f2f;
    font-weight: 400;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Montserrat', sans-serif;
}
.news-item .news-more-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12.5px 10px 13.5px 10px;
    font-size: 14px;
    line-height: 1;
    border-radius: 0 0 5px 5px;
    color: #fff;
    background-image: linear-gradient(29deg, #599f4d 0%, #43803c 100%);
    font-weight: 600;
    margin-top: 24px;
    text-decoration: none;
    transition: all 0.3s;
    font-family: 'Montserrat', sans-serif;
}
.news-more-btn img {
    width: 6px;
    margin-left: 8px;
}
.news-item:hover .news-more-btn {
    background-image: linear-gradient(29deg, #006b76 0%, #09565e 100%);
}

#news .button {
    position: relative;
    color: #006b76;
    padding: 18px 41px 11px;
    background-color: #fff;
    border: 1px solid #cee1df;
}
#news .button:hover {
    border-color: #006b76;
    color: #006b76;
    text-decoration: none;
}
#news .tns-controls {
    top: unset;
    bottom: -20px;
    justify-content: center;
    gap: 229px;
}

#news .tns-controls button {
    background-color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 5px;
}

#news .tns-controls button img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(2848%) hue-rotate(171deg) brightness(93%) contrast(103%);
}





/* enotify style */
#enotify {
    position: relative;
}

#enotify .container {
    width: 1386px;
}

.enotify-in {
    display: flex;
    align-items: center;
    gap: 65px;
    height: 250px;
}

.enotify-logo {
    width: 268px;
    position: relative;
    top: 0;
    z-index: 1;
}

.notify-heading {
    font-size: 36px;
    line-height: 50px;
    color: #006b76;
    font-weight: 700;
    margin-bottom: 0;
    font-family: 'Hanuman', serif;
}
.notify-label {
    display: block;
    font-size: 18px;
    line-height: normal;
    color: #599f4d;
    font-weight: 700;
    text-transform: uppercase;
}
.enotify-btns {
    display: flex;
    align-items: center;
}
.enotify-btns .button {
    display: block;
    width: 170px;
    padding: 15px 5px 8px;
    text-align: center;
    color: #fff;
    margin-left: 26px;
}

.enotify-btns .button:first-child {
    margin-left: 0;
}
.enotify-btn {
    background-color: #599f4d;
    border: 1px solid #43803c !important;
}
.enotify-btn:hover {
    background-color: #fff;
    color: #43803c !important;
}
.sentinal-btn {
    background-color: #e5bf45;
    border: 1px solid #b99c38 !important;
}
.sentinal-btn:hover {
    background-color: #fff;
    color: #b99c38 !important;
}
.newsletter-btn {
    background-color: #006b76;
    border: 1px solid #09565e !important;
}
.newsletter-btn:hover {
    background-color: #fff;
    color: #09565e !important;
}

/* footer-section */
#footer {
    position: relative;
    z-index: 2;
}
#footer .container {
    width: 1185px;
}
#footer-top {
    background-color:  #006b76;;
    padding-top: 45px;
    padding-bottom: 45px;
}
.footer-col {
    margin: 0px 10px;
}

.footer-logo img {
    width: 194px;
}

#footer-top-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#footer .footer-links {
    display: flex;
    justify-content: space-between;
    padding-left: 40px;
}
.footer-heading {
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 13px;
    text-transform: uppercase;
    font-family: 'Hanuman', serif;
}
.footer-col ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer-col li {
    margin-bottom: 10px;
}
.footer-col li span {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.footer-col li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}
.footer-col li a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.footer-col li address {
    margin-bottom: 0;
}


#footer-bottom {
    background-color: #09565e;
    padding: 14px 0;
}
.copyright-text {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
#revize {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#revize-link {
    color: #fff;
    text-decoration: none;
}
#revize-login:hover {
    color: #fff !important;
}
.footer-delimiter {
    position: relative;
    color: #fff !important;
    margin-left: 10px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}
.footer-delimiter::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #fff;
    left: -7px;
    top: 2px;
    position: absolute;
    border-radius: 50%;
}

/* weather style */
#weather-wrap {
    position: absolute;
    top: 92px;
    left: 0;
    width: 100%;
    z-index: 5;
    font-family: 'Hanuman', serif;
}
#weather-wrap .container {
    width: 1570px;
}
.current-weather {
    font-size: 14px;
    line-height: 23px;
    color: #ffffff;
    font-weight: 700;
    padding-right: 15px;
    text-transform: uppercase;
    text-align: end;
    filter: drop-shadow(1.5px 2.598px 3.5px rgba(0,0,0,0.8));
}

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

#inner

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

#freeform {
    position: relative;
}

#freeform #slider {
    position: relative;
    padding: 0;
    height: 450px;
    overflow: hidden;
}

#freeform #slider::before {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgba(38,43,36,0.402) 0%, rgba(255,255,255,0.01) 61%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.slider-shape {height: 203px;}


.freeform-slider-content {
    position: absolute;
    bottom: 25px;
    width: 100%;
    z-index: 5;
}
.freeform-slider-content .container {
    width: 1350px;
}
#freeform-wrap .container {
    width: 1245px;
}

.fullwidth #entry {
    padding: 0;
}

#freeform #slider>img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 11
}

#freeform #slider .tns-controls {
    top: 50%;
}
#freeform-slide-shape {
    position: absolute;
    content: '';
    top: 10px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#flyout-wrap {
    border-radius: 5px;
    background-color: #006b76;
}

#freeform-in {
    padding-top: 50px;
}
#flyout-header {
    padding: 10px 45px;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
    text-transform: capitalize;
}

#flyout {
    margin: 0;
    border-radius: 5px;
    padding: 0;
}

#flyout li {
    position: relative;
    padding: 0 45px;
    margin-bottom: 0;
    list-style: none;
    z-index: 10;
}

#flyout a,
#flyout span {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    padding: 15px 0;
}

#flyout li:last-of-type a,
#flyout li:last-of-type span {
    border: none
}

#flyout ul {
    padding: 0;
    margin: 0;
    display: none
}

#flyout ul a,
#flyout ul span {
    font-size: 14px;
    padding: 10px 0;
}

#flyout ul li {
    padding: 0 10px;
    margin: 0;
}

#contact {
    background-color: #09565e;
    border-radius: 5px;
    padding: 50px 45px;
    margin-top: 30px;
}
#contact .box-header {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff;
    padding: 10px 0 0 0;
    font-weight: 700;
    margin-bottom: 0;
}

#contact .contact-name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 7px;
    color: #fff;
}
#contact .contact-position {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 9px;
    line-height: 18.2px;
    color: #fff;
}
.contact-info {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.contact-info li {
    margin: 5px 0 0 0;
}
.contact-info li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.contact-info li:hover a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
#contact .box-inner {
    padding: 25px 0;
    border-bottom: 1px solid  rgb(255, 255, 255, 0.5);
    font-family: 'Montserrat', sans-serif;

}
#contact .box-inner:last-of-type {
    border: none;
}


.contact-link {
    color: #001801;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    line-height: 26px;
    margin-bottom: 15px;
    padding: 0;
}
#contact li img {
    width: 24px;
}

#freeform main {
    position: relative;
    padding-bottom: 20px
}


#page-title {
    font-size: 48px;
    font-weight: 700;
    margin: 15px 0 25px 0;
    text-transform: capitalize;
}

#breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
}
#breadcrumbs ul li {
    font-size: 12px;
    display: inline-block;
    margin: 0;
    position: relative;
    margin-right: 20px;
    line-height: 20px;
    color: #006b76;
    font-weight: 400 !important;
}
#breadcrumbs ul li:last-child {
    margin-right: 0;
}
#breadcrumbs a {
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: #599f4d;
    font-weight: 400;
    text-underline-offset: 3px;
    text-decoration: none;
}
#breadcrumbs a:hover {
    text-decoration: underline;
}
#breadcrumbs ul li:not(:last-of-type)::after {
    content: '\f054';
    font-family: 'FontAwesome';
    font-size: 7px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 10px;
    color: #599f4d;
}

#post blockquote {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 40px 0;
    font-size: 24px;
    line-height: 40px;
    color: #006b76;
    font-weight: 500;
    padding: 48px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #cee1df;
    font-family: 'Montserrat', sans-serif;
}
#post blockquote img {
    width: 78px;
}
/* DON'T modify the styling of images in the #post, only the span.subheader*/

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

#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: 40%;
    right: 0;
    border: 0;
    border-radius: 5px 0px 0 5px;
    background-color: #599f4d;
    font-size: 20px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    text-align: center;
    text-transform: uppercase;
}

.floating-share-btn span {
    display: none;
    margin-top: 2px;
    font-size: 10px;
}

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

#slider

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

#slider {
    position: relative;
    height: 700px;
}

#slider .slider-detail {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
}
#homepage #slider::before {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgba(38,43,36,0.502) 0%, rgba(255,255,255,0.01) 61%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
#slider .tns-controls button  {
    width: 35px;
    height: 35px
}
#slider .tns-controls button img {
    width: auto;
}
#slider>.tns-outer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

#slider .tns-controls {
    right: 15px;
    left: 15px;
}

#slider-data {
    position: absolute;
    left: 0;
    right: 0;
    top: 46.7%;
    z-index: 51;
    text-align: center;
    transition: all 300ms;
}
.slider-data-wrap {
    width: 570px;
    position: relative;
    left: 50%;
    transform: translateX(-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-lazy-img {
    opacity: 1;
}

.tns-outer {
    position: relative
}


.tns-controls {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: space-between;
}

.tns-controls button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0;
    padding: 0;
    z-index: 10;
    transform: translateY(-50%);
    opacity: 1;
    transition: all .3s;
}

.tns-controls button img {
    width: 11px;
}

.tns-outer:hover .tns-controls button {
    opacity: 1
}
.tns-controls button:hover {
    border-color: #000a90;
}

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


/* For fullpage */

#homepage .tns-outer {
    height: 100%;
    position: unset;
}

#homepage .tns-inner {
    height: 100%
}

#homepage .tiny-slider {
    height: 100%
}

#homepage .tiny-slider .tns-item {
    height: 100%
}
#slider-search {
    position: relative;
}
#slider-search .search-form {
    margin: 15px 0 0 0;
}

#slider-search .button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    padding: 0;
    background-color: #558cff;
    border: 2px solid #ffffff;
    border-radius: 50px;
    filter: unset;
}

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

#media queries

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


@media only screen and (min-width:1400px) {
    #header .col-lg-3 {
        flex: 0 0 21% !important;
        max-width: 21% !important;
    }
    #header .col-lg-7 {
        flex: 0 0 59.333333% !important;
        max-width: 59.333333% !important;
    }
    #header .col-lg-2 {
        flex: 0 0 19.666667% !important;
        max-width: 19.666667% !important;
    }
}

@media only screen and (max-width:1400px) {
    #nav.mega>li {
        padding: 0 23px ;
    }
    #nav li a,
    #nav li span {
        font-size: 16px;
    }
    #logo {
        width: 250px;
    }
    #header .col-lg-3 {
        flex: 0 0 21% !important;
        max-width: 21% !important;
    }
    #header .col-lg-2 {
        flex: 0 0 20.666667% !important;
        max-width: 20.666667% !important;
    }
    .enotify-in {
        justify-content: space-between;
        gap: 40px;
    }
    .notify-heading {
        font-size: 33px;
    }
    .enotify-logo {
        width: 228px;
    }
}

@media only screen and (max-width:1200px) {
    #nav.mega>li {
        padding: 0 14px ;
    }
    #nav li a,
    #nav li span {
        font-size: 14px;
    }
    #logo {
        width: 190px;
    }
    .enotify-in {
        gap: 20px;
    }
    .enotify-logo {
        top: 0;
        width: 200px;
    }
    .notify-heading {
        font-size: 26px;
        line-height: 36px;
    }
    .enotify-btns .button {
        font-size: 16px;
        width: 150px;
        margin-left: 15px;
    }
    #footer .footer-links {
        padding-left: 0;
    }
}

@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);
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    #flyout ul {
        position: absolute;
        left: 100%;
        top: 0;
        width: 200px;
        z-index: 999;
        background: #006b76;
    }
    #flyout-wrap {
        max-width: 100%;
        padding: 20px 0;
    }
    #flyout>li:hover>ul {
        display: block;
    }
    #flyout a:hover,
    #flyout span:hover {
        color: #fff;
        border-color: #007024;
    }
    #flyout a:after {
        position: absolute;
        content: '';
        background-color: #599f4d;
        border-radius: 5px;
        width: 96%;
        height: 100%;
        left: 50%;
        top: 0;
        transform: translate(-50%);
        z-index: -1;
        opacity: 0;
    }
    #flyout a:hover:after {
        opacity: 1;
    }
    /* default nav styles */
    #nav {
        display: flex;
    }
    #header-in {
        border-top: 10px solid rgba(89, 159, 77, 0.8);
    }
    #nav>li>a:first-child::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        background-color: #e5bf45;
        transition: all .2s;
    }
    #nav>li:hover>a:first-child::before {
        height: 5px;
        bottom: calc(100% - 5px);
        bottom: auto;
    }
    #nav .focused .toggle {
        display: inline !important;
        height: auto;
        font-size: 16px;
        margin: 0 0 0 -15px;
    }
    #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 li a, #nav li span {
        height: 70px;
        text-transform: uppercase;
    }
    #nav:not(.mega) li:last-child>a,
    #nav:not(.mega) li:last-child>span {
        border: 0
    }
    /* mega */
    #nav.mega>li {
        position: static;
        height: 70px;
        display: flex;
        align-items: center;
        z-index: 1;
    }
    #nav.mega>li:last-child {
        padding-right: 0;
    }
    #nav.mega>li>ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        column-gap: 70px;
        position: absolute;
        left: 0;
        right: 0;
        width: 1030px;
        padding: 15px 100px 50px;
        top: 100%;
        display: none;
        background: #fff;
        border-radius: 0 0 5px 5px;
        margin: 0 auto;
        z-index: 3;
    }
    #nav.mega > li > ul > li >a,
    #nav.mega > li > ul > li >span {
        text-transform: capitalize;
        color: #006b76;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        line-height: normal;
        margin: 30px 0 5px 0;
        padding: 0;
        height: auto;
        transition: all 0.3s;
    }

    #nav.mega > li > ul > li >a:hover,
    #nav.mega > li > ul > li >span:hover {
        font-weight: 800;
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    #nav.mega>li>ul>li {
        display: block;
        width: 100%;
        break-inside: avoid;
    }
    #nav.mega>li>ul ul {
        position: relative;
        margin-bottom: 0;
    }
    #nav.mega .focused .toggle2 {
        display: none !important
    }
    #nav.mega>li>ul>li ul a {
        position: relative;
        display: block;
        padding: 0;
        font-size: 14px;
        line-height: 30px;
        color: #09565e;
        font-weight: 500;
        text-align: left;
        height: unset;
        text-transform: none;
        margin: 0;
        transition: all 0.3s;
        font-family: 'Montserrat', sans-serif;
    }
    #nav.mega>li>ul>li ul a:hover {
        border-radius: 5px;
        background-color: #cee1df;
        padding-left: 10px;
    }
    #nav .toggle {
        height: auto;
    }
    #header {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1020;
    }
    #header .col-lg-7 {
        position: unset !important;
    }
    #logo {
        position: absolute;
        top: -38px;
    }
    #header-top {
        position: absolute;
        width: 100%;
    }
    #entry {
        padding: 0 0 0 70px;
    }
    #slider .tns-controls button {
        opacity: 0;
    }
    #slider:hover .tns-controls button {
        opacity: 1;
    }
    #freeform-in{
        padding-bottom: 60px;
    }
    #freeform-in aside {
        position: relative;
        z-index: 999;
    }
    #freeform #slider .tns-controls {
        top: 37%;
    }
    #freeform .freeform-inner {
        position: relative;
    }
    #freeform-wrap .col-lg-3 {
        flex: 0 0 27% !important;
        max-width: 27% !important;
    }
    #freeform-wrap .col-lg-9 {
        flex: 0 0 73% !important;
        max-width: 73% !important;
    }
    #events {
        padding-left: 65px;
    }
}

@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
    }
    .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: 15px;
        z-index: 16;
    }
    #nav-toggle,
    #info-toggle,
    #search-toggle {
        line-height: 40px;
        width: 40px;
        text-align: center;
        border-radius: 4px;
        background: #fff;
        color: #007024;
        margin-left: 5px;
        cursor: pointer;
    }
    #header .col-lg-2 {
        position: unset;
        flex: unset !important;
        max-width: unset !important;
    }
    #header .col-lg-3 {
        flex: unset !important;
        max-width: unset !important;
    }
    #nav {
        display: none;
        width: 100%;
        margin-top: 15px;
    }
    #nav li {
        position: relative
    }
    #nav>li>a>strong, #nav>li>span>strong {
        font-size: 16px;
    }
    #nav.mega>li {
        padding: 0;
    }
    #header .container{
        padding: 0;
    }
    #logo {
        width: 160px;
    }
    #weather-wrap {
        top: 10px;
    }
    #flyout {
        display: none;
    }
    #nav ul,
    #flyout ul {
        display: none;
        background: rgba(0, 0, 0, .15)
    }
    #flyout li {
        margin: 0 !important;
        background: none;
        padding-left: 0 !important;
    }
    #nav .toggle,
    #nav .toggle2,
    #flyout .toggle {
        position: absolute;
        right: 0;
        top: 0;
        background: #599f4d;
        color: #fff;
        width: 45px;
        padding: 15px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #nav .toggle2 {
        padding: 14.5px !important;
    }
    #flyout-toggle {
        padding: 12px 15px;
        font-size: 18px;
        color: #fff;
        text-transform: capitalize;
        font-weight: 500;
        cursor: pointer;
    }
    #aside-contact {
        padding: 0;
        border-top: 10px solid #fff;
    }
    #aside-contact ul li a {
        padding: 20px 15px;
    }
    #flyout-header {
        display: none;
    }
    #flyout>li {
        padding: 0 0 0 0 !important;
    }
    #nav li a,
    #nav li span,
    #flyout li a,
    #flyout li span {
        padding: 15px 0;
        width: 100%;
        align-items: flex-start;
        line-height: 24px;
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        text-align: left;
    }
    #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span {
        border: 0;
    }
    #nav ul a, #nav ul span {
        padding: 14.5px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    }
    #nav ul li ul a {
        font-size: 14px;
    }
    #flyout li a,
    #flyout li span {
        font-size: 14px;
        padding: 15px 40px 15px 15px;
    }
    #flyout-wrap {
        border-radius: 0;
    }
    #header-in{
        position: relative;
        top: 0;
        padding: 10px 15px;
        background-color: #006b76;
        height: auto;
        border-radius: 0;
    }
    #translation-links {
        margin: 0;
    }
    #translation-links button {
        position: absolute;
        right: 115px;
        top: 15px;
        display: flex;
        align-items: center;
        font-size: 14px;
        width: 50px;
        padding: 5px;
    }
    #translation-links ul {
        top: 70px;
    }
    #header-in-right {
        display: flex;
        align-items: center;
        justify-content: end;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
    }
    #contact {
        border-radius: 0;
    }
    #enotify {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .enotify-in {
        flex-direction: column;
        height: auto;
    }
    #alert {
        top: 0;
        z-index: 101;
    }
    .alert-icon {
        margin-left: 0;
    }
    .floating-share-btn {
        bottom: 0;
        top: unset;
    }
    #search {
        display: none;
        margin: 0;
        position: absolute;
        right: 15px;
        top: 75px;
        width: 260px;
    }
    #homepage #news::before {
        display: none;
    }
    .event-list {
        margin-top: 0;
    }
    #slider.results-open #slider-data {
        top: 46.7%
    }
    .slider-shape {display: none;}
    #freeform-in {
        padding-top: 50px;
    }
    #aside-wrapper {
        width: 100%;
    }
    #header-top {
        display: none;
    }
    #header-search-btn {
        display: none;
    }
    #entry {
        padding-top: 40px;
    }
    #news {
        background-color: #d3e6e4;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #quick-links {
        position: relative;
        top: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .news-caption {
        font-size: 16px;
        line-height: 24px;
    }
    #news .button {
        padding: 15px 30px 8px;
    }
    #news .tns-controls {
        gap: 194px;
        bottom: -23px;
    }
    #news .tns-controls button {
        width: 48px;
        height: 48px;
    }
    #footer-top-in {
        flex-direction: column;
        align-items: start;
        gap: 30px;
    }
    #revize {
        margin-top: 10px;
    }
    #footer .footer-links {
        flex-direction: column;
        gap: 30px;
        margin-top: 40px;
    }
}

@media only screen and (max-width:768px) {
    #contact-info li {
        padding: 12px 15px;
    }
    #contact .box-header {
        font-size: 22px;
        padding: 10px 0;
    }
    .contact-link {
        font-size: 16px;
    }
    .floating-alert {
        width: auto;
        right: 0;
        left: 0;
        border: 0;
        bottom: 0;
        border-radius: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding: 30px;
    }
    .floating-alert h2 {
        font-size: 18px;
    }
    .alert-subtitle {
        font-size: 14px;
    }
    .floating-alert h4 {
        margin-bottom: 10px;
        font-size: 14px
    }
    .floating-alert p {
        font-size: 14px;
        margin: 10px 0 20px 0;
    }
    .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
    }
    .tns-controls button {
        opacity: 1;
    }
    #slider {
        height: 500px;
    }
    .slider-th {
        font-size: 58px;
        line-height: 58px;
    }
    .slider-tx {
        font-size: 29px;
    }
    .tns-controls button img {
        width: 9px;
    }
    #quick-links-wrapper {
        padding: 0 15px;
    }
    .qlink-heading {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .services-heading {
        font-size: 42px;
        line-height: 35px;
    }
    #news-in .news-head {
        flex-direction: column;
        align-items: baseline;
        gap: 20px;
    }
    .news-label {
        margin-bottom: 0;
    }
    #news .news-heading {
        font-size: 42px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    #events {
        padding-top: 50px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:480px) {
    .alert-text {
        font-size: 14px;
    }
    .alert-icon {
        width: 16px;
    }
    #alert-text {
        font-size: 14px;
        margin: 10px 0 0 0;
    }
    #alert-close {
        margin: 10px 0 0 0;
    }

    #page-title {
        font-size: 24px;
        line-height: 28.8px;
    }
    .subheader {
        font-size: 18px;
    }
    p {
        font-size: 16px;
    }
    #aside-contact #flyout li span {
        line-height: normal;
    }
    .tns-nav button {
        width: 14px;
        height: 14px;
    }
    #post blockquote {
        padding: 20px 15px;
        font-size: 16px;
        line-height: 29px;
    }
    #quick-links-in {
        padding: 0 25px;
    }
    .qlink-heading {
        font-size: 28px;
        line-height: 36px;
    }
    #news .news-label {
        font-size: 18px;
    }
    #news .news-heading {
        font-size: 30px;
        line-height: 20px;
    }
    #news-in {
        flex-direction: column;
        gap: 30px;
    }
    .news-item .h-news-info {
        padding: 23px 15px 75px;
    }
    #events a.button {
        margin-top: 40px;
    }
    .enotify-logo {
        width: 150px;
    }
    .enotify-btns .button {
        width: auto;
        font-size: 14px;
        margin-left: 5px;
        padding: 15px 12px 8px;
    }
    .county-more {
        margin-top: 28px;
    }

    .footer-address {
        text-align: left;
    }
    .address a {
        font-size: 16px;
    }
    .footer-logo img {
        width: 120px;
    }
    .footer-col ul li a {
        font-size: 16px;
    }
    .footer-address {
        margin-top: 30px;
    }
    #revize {
        margin-top: 10px;
        padding: 0 45px 0 45px;
    }
    .footer-time {
        margin-top: 30px;
    }
}

@media print {
    #slider,
    footer,
    #breadcrumbs,
    #flyout-wrap,
    .floating-share-btn,
    .e-notify,
    header {
        display: none !important
    }
    a[href]:after {
        content: none !important
    }
}