/*last changed on 21-01-2021*/

/*Template CSS*/
/*
yellow:#FAA71D;
dark:#293643;
*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=Fraunces:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Great+Vibes&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800&family=Pacifico&family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400&family=Satisfy&display=swap');

:root{
	--primary-color:#293643;
	--secondary-color:#2D6073;

	--menu-background:#2D6073;
	--menu-hover-background:#224a59;
	--menu-anchors:#ffffff;

	--White-color:#ffffff;
	--black-color:#000000;
}

html, body{font-family:'Fira Sans', 'Roboto', Helvetica, Arial, sans-serif;font-size:14px;height:100%;color:#202b5d}
*:focus,
.page-link:focus,
.form-control:focus,
button:focus,
.btn:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;outline:none}
.form-control:focus{border-color:}
a{color:#007185}
a{cursor:pointer}
a:hover{color:#ff3514}
a:not([href]),a:not([href]):not([tabindex]){cursor:pointer}
.text-info[role="button"]:hover{text-decoration:none}
.btn-no{background:none;border:none;padding:0}
.fs-1{font-size:1rem}
.fs-nano{font-size:.6875rem!important}
.fs-xs{font-size:.75rem!important}
.fs-sm{font-size:.78125rem!important}
.fs-b{font-size:.8125rem!important}
.fs-md{font-size:.875rem!important}
.fs-lg{font-size:.9375rem!important}
.fs-xl{font-size:1rem!important}
.fs-xxl{font-size:1.25rem!important}
.fs-xxxl{font-size:1.75rem!important}

.dd-flex{display:flex}
.dd-inline-block{display:inline-block}

small, .small{font-size:85%}

.fw-100{font-weight:100!important}
.fw-200{font-weight:200!important}
.fw-300{font-weight:300!important}
.fw-400{font-weight:400!important}
.fw-500{font-weight:500!important}
.fw-600{font-weight:600!important}
.fw-700{font-weight:700!important}
.fw-800{font-weight:800!important}
.fw-900{font-weight:900!important}
label, .label{font-weight:500;margin-bottom:0.5rem;display:block}

.text-align-center{text-align:center}
.text-align-left{text-align:left}
.text-align-right{text-align:right}
.text-small{font-size:0.8em}
.text-lowercase:first-letter,
.text-lowercase{text-transform:lowercase}
.text-nodecoration{text-transform:inherit}
.text-nowrap{white-space:nowrap}

.alias{cursor:alias}
.all-scroll{cursor:all-scroll}
.auto{cursor:auto}
.cell{cursor:cell}
.context-menu{cursor:context-menu}
.col-resize{cursor:col-resize}
.copy{cursor:copy}
.crosshair{cursor:crosshair}
.default{cursor:default}
.e-resize{cursor:e-resize}
.ew-resize{cursor:ew-resize}
.grab{cursor:grab}
.grabbing{cursor:grabbing}
.help{cursor:help}
.move{cursor:move}
.n-resize{cursor:n-resize}
.ne-resize{cursor:ne-resize}
.nesw-resize{cursor:nesw-resize}
.ns-resize{cursor:ns-resize}
.nw-resize{cursor:nw-resize}
.nwse-resize{cursor:nwse-resize}
.no-drop{cursor:no-drop}
.none{cursor:none}
.not-allowed{cursor:not-allowed}
.pointer{cursor:pointer}
.progress{cursor:progress}
.row-resize{cursor:row-resize}
.s-resize{cursor:s-resize}
.se-resize{cursor:se-resize}
.sw-resize{cursor:sw-resize}
.text{cursor:text}
.url{cursor:url(myBall.cur),auto}
.w-resize{cursor:w-resize}
.wait{cursor:wait}
.zoom-in{cursor:zoom-in}
.zoom-out{cursor:zoom-out}

header{padding:10px 0;background:#293643}
header .brand{display:flex;align-items:center}
header .brand-logo{display:block}
header .brand-logo img{}

.brandLogo{height:60px;width:60px;line-height:55px;overflow:hidden;padding:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:1px solid #ccc;background-color:#ffffff}
header .brandLogo{border:1px solid #333}
.topNoticeBar{background:#ff3514;display:flex;padding:5px;padding-right:15px;position:relative;color:#fff}
.topNoticeBar .noticeTitle{font-weight:500}
.topNoticeBar .noticeMessage{padding-left:5px}
.topNoticeBar .closeTopNotice{position:absolute;top:5px;right:10px}


/*Logo Styling*/
.clientLogo{text-align:center;overflow:hidden;padding:0;border:1px solid #ccc;background:#fff}
/*.clientLogo img{max-width:100%;height:auto}*/
.clientLogo img{width:100%;/*height:100%;*/}

.clientLogo.roundLogo{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}

.clientLogo.roundLogo.logo-sm,
.clientLogo.squareLogo.logo-sm{height:35px;width:35px;line-height:30px}
.clientLogo.roundLogo.logo-md,
.clientLogo.squareLogo.logo-md{height:45px;width:45px;line-height:40px}
.clientLogo.roundLogo.logo-lg,
.clientLogo.squareLogo.logo-lg{height:60px;width:60px;line-height:55px}
.clientLogo.roundLogo.logo-xl,
.clientLogo.squareLogo.logo-xl{height:80px;width:80px;line-height:75px}
.clientLogo.roundLogo.logo-xxl,
.clientLogo.squareLogo.logo-xxl{height:100px;width:100px;line-height:95px}
.clientLogo.squareLogo{}

.clientLogo.rectangleLogo.logo-sm{height:35px;width:93px;line-height:30px}
.clientLogo.rectangleLogo.logo-md{height:45px;width:120px;line-height:40px}
.clientLogo.rectangleLogo.logo-lg{height:60px;width:160px;line-height:55px}
.clientLogo.rectangleLogo.logo-xl{height:70px;width:187px;line-height:65px}
.clientLogo.rectangleLogo.logo-xxl{height:80px;width:213px;line-height:75px}

.socialLinks{display:flex;list-style-type:none;padding:0;margin:0;justify-content:flex-end}
.socialLinks a{display:block;text-align:center;margin:0 7px;transition:all 0.2s ease;background:none !important}
.socialLinks a:hover{color:#2D6073}

header .socialLinks a{color:#fff;background: #293643 !important;height: 25px;width: 25px;line-height: 25px;margin: 0 5px;}

.textColor{color:#007bff};
.bgColor{background:#007bff}

.facebookColor{background:#1877f2}
.twitterColor{background:#1877f2}
.instagramColor{background:#c32aa3}
.youtubeColor{background:#ff0000}
.pinterestColor{background:#bd081c}
.linkedinColor{background:#007bb5}

/*.menubar{padding:0;background:#007bff;margin-top:1rem}*/
.menubar ul.navbar-nav{display:flex;flex-wrap:inherit;margin:0 auto;/*box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset;*/background:#2D6073;border-radius:0.25rem;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;overflow:hidden}
/*.menubar ul.navbar-nav>li{width:100%}*/
.menubar ul.navbar-nav>li.nav-item{padding:0}
.menubar ul.navbar-nav>li.nav-item>a{border:none;text-align:center;transition:all 0.25s ease;font-size:15px;color:#fff;padding:10px 15px}
.menubar ul.navbar-nav>li.nav-item>a:hover{background:rgba(0, 0, 0 , 0.15);box-shadow:0 0 10px rgba(0, 0, 0, 0.2) inset}
.menubar ul.navbar-nav>li.nav-item.show>a{}
.menubar .dropdown-menu{margin:0}
.menubar .dropdown-menu{border-radius:0.25rem;border-top-left-radius:0;border-top-right-radius:0}
.menubar .dropdown-menu .nav-link{padding:.5rem}
.menubar .dropdown-menu li{line-height:2rem}
.menubar ul.navbar-nav>li.nav-item .dropdown-menu label{font-size:17px}
.menubar ul.navbar-nav>li.nav-item .dropdown-menu a{border:none;color:#202b5d;font-size:15px;transition:0.25s ease}
.menubar ul.navbar-nav>li.nav-item .dropdown-menu a:hover{text-decoration:none;color:#2D6073;padding-left:3px}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color:#fff !important}
.menubar ul.navbar-nav>li.nav-item .dropdown-menu ul{list-style:none;padding-left:15px}
.navbar-toggler>.close{display:inline}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon{display:none}

.customMenu.menubar .dropdown-toggle::after{content:'\f107';font-family:'Font Awesome 5 Pro';border:none;vertical-align:middle;margin-left:10px;line-height:0}
/*
.menubar ul.navbar-nav>li.nav-item .dropdown-menu div[class^="col-"]:nth-child(2n+2){background:rgba(0, 0, 0, 0.05)}*/

.btn-red{background:#ff3514;color:#fff}
.btn-red:hover{background:#d82609;color:#fff}
.btn-outline-red{color:#ff3514;border-color:#ff3514}
.btn-outline-red:hover{background:#ff3514;color:#fff}

.btn-dark{background:#202b5d;color:#fff}
.btn-dark:hover{background:#202b5d;color:#fff}
.btn-outline-dark{color:#202b5d;border-color:#202b5d}
.btn-outline-dark:hover{background:#202b5d;color:#fff}

.btn-outline-secondary{color:#FAA71D;border-color:#FAA71D}
.btn-outline-secondary:hover{color:#212529;background-color:#FAA71D;border-color:#FAA71D}
.btn-outline-secondary:focus, .btn-outline-secondary.focus{-webkit-box-shadow:0 0 0 0.2rem rgba(250, 167, 29, 0.5);box-shadow:0 0 0 0.2rem rgba(250, 167, 29, 0.5)}

.btn-angle-icon{position:relative}
.btn-angle-icon:after{content:'\f105';font-family:'Font Awesome 5 Pro';color:#fff;font-weight:100;padding-left:5px;transition:all 0.15s ease}

.btn-login{background:#293643}

.user-actions>ul>li>a{margin:0 2px;padding:0 5px}

.hero-banner{height:350px;overflow:hidden;background:#f5f5f5;position:relative;background-size:cover;background-position:center;background-attachment:fixed;text-align:center}
.hero-banner img.bannerImg{/*object-fit:cover;*/height:100%;width:100%}
.hero-banner .hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;/*background:rgba(41,54,67, 0.85);background:#FAA71D;padding:10px 20px;*/font-size:2.5rem;font-weight:700;z-index:2;max-width:500px;text-align:center;text-shadow:2px 2px 0 #293643}
.hero-banner .hero-text h1{font-size:3.5rem;font-weight:400;font-family:'Satisfy'}
.hero-banner .hero-text h2{font-size:2rem}
.hero-banner .hero-overlay{position:absolute;background:rgba(0,0,0,0.5);height:100%;width:100%;left:0;top:0;z-index:1}
.hero-banner .imgBuildings{position:absolute;bottom:-10px;left:-1px;width:101%;z-index:1;background-image:url('/plugin/cms/res/img/banner-buildings.svg');height:60px}

.side-navbar-links{display:flex;border-right:1px solid #E7E7E7}
.side-navbar-links .icon-links{border:none;border-left:1px solid #E7E7E7}
.side-navbar-links .text-links{border:none;border-left:1px solid #E7E7E7;min-width:168px;position:relative;height:calc(100vh - 60px)}
.side-navbar-links .icon-links span.icon{font-size:14px;width:60px;text-align:center;line-height:50px}
.side-navbar-links .icon-links span{padding:0;display:inline-block}
.side-navbar-links .icon-links span.text{display:none}
.side-navbar-links .icon-links ul#primary-sidenav{position:inherit}
.side-navbar-links .icon-links li{padding:0;margin:0;border:none}
.side-navbar-links .icon-links .nav-item a{display:block;text-align:left;transition:all 0.25s ease;height:50px;padding:0;border-bottom:1px solid #E7E7E7}
.side-navbar-links .icon-links .nav-item a.textLinksCollapse-btn{position:absolute;width:60px;text-align:center;height:50px;display:block;bottom:50px;left:0;padding:0 !important}
.side-navbar-links .icon-links .disableItem>*,
.side-navbar-links .text-links .disableItem{opacity:0.5}
.side-navbar-links .text-links .list-group-item{border:none;border-bottom:1px solid #E7E7E7;transition:all 0.25s ease;position:relative;height:50px;padding:1rem 1.25rem}
.side-navbar-links .text-links .list-group-item i{float:right;line-height:1.5rem}
.side-navbar-links .text-links a.list-group-item[aria-expanded="true"] i{transform:rotate(180deg)}
.side-navbar-links .list-group-item + .list-group-item.active{margin-top:0}
.side-navbar-links .icon-links .nav-item a:hover,
.side-navbar-links .text-links a.list-group-item:hover{background-color:rgba(0,0,0,0.04);text-decoration:none}
.side-navbar-links .text-links a.list-group-item.active{color:#ffffff;background-color:#676767}
.side-navbar-links .icon-links .nav-item a.active{background:#FAA71D;color:#ffffff}
.side-navbar-links .icon-links .nav-item a.disableItem.active{background:inherit;color:#334455}
.side-navbar-links .text-links .list-group-item:first-child,
.side-navbar-links .text-links .list-group-item:last-child{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.side-navbar-links .text-links .list-group-level,
.side-navbar-links .text-links .list-group-level .list-group-item{background:#676767;color:#ffffff;border:none}
.side-navbar-links .text-links .list-group-level .list-group-item{padding-left:30px}

/*.innerPage .hero-banner{height:180px}*/

.sectionTitle{text-align:center;font-size:22px;font-weight:600;margin-bottom:20px}
.sectionBar{display:flex;align-items:center;justify-content:space-between}
.sectionBar .sectionTitle{text-align:left}
.sectionBar .sectionTitle h3{font-size:22px;font-weight:600}
.sectionBar .sectionTitle p{font-size:14px;font-weight:400;margin:0}

.features{position:relative;margin-top:-100px;z-index:1;margin-bottom:50px}
.features .col{width:auto;min-width:25%;margin:10px 0}
.features .featureBox{background:#fff;border:1px solid #ddd;border-radius:0.25rem;padding:10px 15px;height:100%;max-height:200px;overflow:auto;box-shadow:0px 3px 15px rgba(0,0,0,0.15)}
.features .featureBox:hover::-webkit-scrollbar-thumb{background:#93a1b1;opacity:.41}
.features .featureBox::-webkit-scrollbar-track{background:#fff}
.features .featureBox::-webkit-scrollbar{width:7px;height:0}
.features .featureBox::-webkit-scrollbar-thumb{background:#f2f2f2;border-radius:4.5px;-webkit-box-shadow:hsla(0,0%,100%,.3) 0 0 0 1px;box-shadow:0 0 0 1px hsla(0,0%,100%,.3)}
.features .featureBox::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.45)}
.features .featureBox .featureTitle{font-weight:600;font-size:20px;margin-bottom:10px}
.features .featureBox .featureInfo{}
.features .featureBox .featureButton{text-align:center}
.features .featureBox label{margin-bottom:0}

.errorPage{min-height:100%}
.errorPage .container{text-align:center;overflow:hidden;margin:0 auto;padding:30px}
.errorPage .container h1:after,.errorPage .container h2:after,.errorPage .container h3:after,.errorPage .container h4:after,.errorPage .container h5:after,.errorPage .container h6:after{content:none}
.errorPage .container h1{font-size:7em;font-weight:bold;font-family:'Montserrat'}
.errorPage .container h1 span{color:#FAA71D}
.errorPage .container h2{font-weight:600}
.errorPage .container h3{font-weight:500}
.errorPage .container h4{font-weight:400}
.errorPage .container p{margin:20px 0}

.contactDetails{margin:20px 0 50px}
.contactBox{display:flex}
.contactIcon{width:30px}
.contactInfo{display:inline-block}

.gworks-widget + .gworks-widget{margin-top:15px}

.gworks-widget-richtext h1,
.gworks-widget-richtext h2,
.gworks-widget-richtext h3,
.gworks-widget-richtext h4,
.gworks-widget-richtext h5,
.gworks-widget-richtext h6{margin:0.5rem 0 1.25rem;}
.gworks-widget-richtext p{margin:0.25rem 0 1rem;}


.publicNoticeDetail, .agendaDetail{max-width:700px}
.publicNoticeDetail .heading{font-weight:500}
.publicNoticeDetail .publicNoticeDate{position:relative;padding-left:20px}
.publicNoticeDetail .publicNoticeDate:before{content:'\f274';font-family:"Font Awesome 5 Pro", sans-serif;position:absolute;left:0}
/*.publicNoticeDetail .publicNoticeExpireDate:before{content:'\f273'}*/
.publicNoticeDetail .publicNoticeCategory,
.agendaDetail .agendaCategory{text-transform:uppercase;color:$secondary-color;font-weight:500}
.publicNoticeDetail .publicNoticeSubject,
.agendaDetail .agendaTitle{font-weight:600;font-size:22px;margin:0;text-transform:uppercase}
/*.publicNoticeDetail .publicNoticeInfo{display:flex}*/
.publicNoticeDetail .publicNoticeInfo>div,
.agendaDetail .publicNoticeInfo>div{margin-right:15px}
.PublicNoticeInformation,
.agendaInformation{color:#666666;margin-bottom:15px}
.publicNoticeDetail .publicNoticeSummary{background:#007bff;padding:5px 10px 10px;margin:10px 0;color:#fff;font-size:14px;border-radius:0.25rem;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;border:1px solid }
.publicNoticeDetail .publicNoticeSummary .heading{font-size:16px;margin-bottom:5px;font-style:italic;font-weight:600}
.publicNoticeDetail .publicNoticeSummary .quotes{font-size:15px;opacity:0.25}
.leftquote{padding-right:5px}
.rightquote{padding-left:5px}
.publicNoticeDetail .publicNoticeContent p{text-align:justify}
.noticeDivider,
.agendaDivider{height:2px;background:#FAA71D;width:80px;margin:15px 0}

footer{padding:20px 10px 10px;background:#293643;color:#fff}
footer .cardBox a{color:#007185}
footer ul{margin:0}
footer ul li{position:relative;/*padding-right:10px*/}
/*footer ul li:after{content:'';position:absolute;height:15px;width:1px;background:#333;right:0;top:3px}*/
footer ul li:last-child{padding-right:0}
footer ul li:last-child:after{content:none}
footer .copyrightContent{border-top:1px solid #33404a;margin-top:15px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:13px}
footer .copyrightContent ul.termSection{list-style-type:none;display:flex;margin-bottom:10px;padding:0}
footer .copyrightContent ul.termSection li{margin-right:10px;position:relative}
footer .copyrightContent ul.termSection li a{font-weight:400;line-height:14px;padding-right:10px}
footer .copyrightContent ul.termSection li:after{content:'';position:absolute;height:12px;right:0;width:1px;background:#fff;top:4px}
footer .copyrightContent ul.termSection li:last-child:after{content:none}
/*footer .copyrightContent a{color:#fff}*/

footer .socialLinks{display:flex;list-style-type:none;padding:0;margin:0;justify-content:flex-end}
footer .socialLinks a{display:block;color:#fff;height:30px;width:30px;text-align:center;line-height:30px;margin:0 5px;transition:all 0.25s ease-in-out}
footer .socialLinks a:hover{transform:translateY(-2px)}

/*footer .widgetTitle{color:#202b5d}*/

.flex-break{flex-basis:100%;height:0}
.alert{border:0}
.alert-info{background-color:#daeffd;color:#2b6a94;border-color:#2b6a94}
.alert-warning{background-color:#fef6dd;color:#957d32;border-color:#957d32}
/*.alert-success{background-color:#cff5f2;color:#0a7c71;border-color:#0a7c71}*/
.alert-success{background-color:#4caf50;color:#ffffff}
.alert-danger,
.alert-error{background-color:#fddddd;color:#933432;border-color:#933432}
input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder{color:#a1a1a1}
input:-moz-placeholder,
.form-control:-moz-placeholder{color:#a1a1a1}
input::-moz-placeholder,
.form-control::-moz-placeholder{color:#a1a1a1}
input:-ms-input-placeholder,
.form-control:-ms-input-placeholder{color:#a1a1a1}
input::-ms-input-placeholder,
.form-control::-ms-input-placeholder{color:#a1a1a1}

/*.btn{border-radius:0}*/
.btn-save{color:#ffffff;background-color:#007bff;border-color:#007bff}
.btn-save:hover,
.btn-save:focus,
.btn-save.focus,
.btn-save:not(:disabled):not(.disabled):active,
.btn-save:not(:disabled):not(.disabled).active{color:#0069d9;background-color:transparent;border-color:#0062cc}
.text-save{color:#007bff}

.btns-block .btn{margin:0.22rem 0.12rem}
.btns-block .btn:first-child{margin-left:0}
.btns-block .btn:last-child{margin-right:0}

.mw-130{min-width:130px}
.emptyCardContainer{position:relative;text-align:center;width:100%;margin-bottom:-5px;overflow:hidden;padding:20px 0}
.emptyCardContainer+*{position:absolute;top:50%;transform:translate(-50%, -50%);left:50%}
.emptyCardTitle{font-weight:500;font-style:italic}

.contactUsSection{}
/*.contactUsSection .widgetTitle{color:#fff}*/
.contactUsSection .address{}
.contactUsSection .email{margin-top:5px}
.contactUsSection .phone{margin-top:5px}

.leftSidebar{border-right:1px solid #ced4da}
.rightSidebar{border-left:1px solid #ced4da}
.leftSidebar, .rightSidebar, .centerBody{padding-top:1rem}
.pageInfo{display:flex;justify-content:space-between}
.pageTitle h1{font-size:1.5rem}
.breadcrumb{background:none;padding:0}

.leftSidebar ul{list-style:none;padding:0;margin:0}
/*.leftSidebar ul li a{padding:0.25rem 0.5rem;display:block}*/

.leftSidebar .btn-outline-light{color:#293643;border-color:#293643}
.leftSidebar .btn-outline-light:hover{color:#fff;border-color:#293643;background:#293643}

.members .memeberBox{display:flex;align-items:flex-start;margin:15px 0;border:1px solid #ced4da;padding:0.5rem;border-radius:5px;margin-top:10px;background:#ffffff;transition:all 0.15s ease}
.members .memeberBox:hover{box-shadow:0px 3px 15px rgba(0,0,0,0.15);-webkit-box-shadow:0px 3px 15px rgba(0,0,0,0.15);-moz-box-shadow:0px 3px 15px rgba(0,0,0,0.15)}
.members .memeberBox .memberImage{height:110px;width:100px}
.members .memeberBox .memberImage img{object-fit:cover;height:100%}
.memeberBox{}
.memeberInfo{padding:0 0 0 15px}
.memeberInfo .memberName{font-weight:600;font-size:18px}
.memeberInfo i{padding-right:10px}

.widgetTitle{font-size:16px;font-weight:600;margin-bottom:10px}
.mainContent{min-height:70vh;}
.mainContent .widgetContent{margin:10px 0 30px}
/*.cardList{max-height:400px;overflow-y:auto}*/
.cardBox:first-child{margin-top:0}
.cardBox{overflow:hidden;margin-top:10px;border:1px solid #ced4da;padding:0.5rem;border-radius:5px;background:#ffffff;transition:all 0.15s ease}
.cardBox:hover{box-shadow:0px 3px 15px rgba(0,0,0,0.15);-webkit-box-shadow:0px 3px 15px rgba(0,0,0,0.15);-moz-box-shadow:0px 3px 15px rgba(0,0,0,0.15)}
.cardBox a{font-weight:500}

.emptyCardTitle{font-weight:500;font-style:italic}

.errorPage{min-height:100%}
.errorPage .container{text-align:center;overflow:hidden;margin:0 auto;padding:30px}
.errorPage .container h1:after,.errorPage .container h2:after,.errorPage .container h3:after,.errorPage .container h4:after,.errorPage .container h5:after,.errorPage .container h6:after{content:none}
.errorPage .container h1{font-size:7em;font-weight:bold;font-family:'Montserrat'}
.errorPage .container h1 span{color:#FAA71D}
.errorPage .container h2{font-weight:600}
.errorPage .container h3{font-weight:500}
.errorPage .container h4{font-weight:400}
.errorPage .container p{margin:20px 0}

.featuredNews .card,
.featuredEvents .card{/*min-height:140px;*/transition:0.15s ease;overflow:hidden;border-radius:5px}
.featuredNews .card:after{content:'';position:absolute;width:100%;height:2px;background:#202b5d;bottom:0;left:0}
.featuredNews .card:hover:after{background:#ff3514}

.featuredEvents .card:hover{border-color:#2D6073}
.featuredNews .card:hover,
.featuredEvents .card:hover{box-shadow:0px 3px 15px rgba(0,0,0,0.15);-webkit-box-shadow:0px 3px 15px rgba(0,0,0,0.15);-moz-box-shadow:0px 3px 15px rgba(0,0,0,0.15)}

.whyUs{/*background:#ffe5b9;*/color:#202b5d;padding:3rem 0;background:url('/plugin/cms/res/img/pattern-1.jpg')}
.whyUs .whyUsMedia{}
.whyUs .whyUsMedia img{max-width:350px}
.whyUs .whyUsContent{}
.whyUs .whyUsContent .title{font-family:'Satisfy', cursive;font-size:2rem;margin-bottom:2rem}
.whyUs .whyUsContent .content{}

.top-navbar .profile-media{margin-right:15px}
.top-navbar .profile-image{height:60px;width:60px;overflow:hidden;object-fit:cover}
.top-navbar .profile-text{font-size:.85rem;display:inline-block;vertical-align:middle;font-weight:500;line-height:1.35}
.top-navbar .profile-text ul{padding:0;margin:0;list-style:none}
.top-navbar .profile-text ul .dropdown-divider{border-color:rgba(255,255,255,0.15)}
.top-navbar .profile-text ul li:first-child{margin-top:0;;font-size:20px}
.top-navbar .profile-text ul li{margin:3px 0}
.top-navbar .profile-text ul li:last-child{margin-bottom:5px}
.top-navbar .profile-text ul li,
.top-navbar .profile-text ul li a{color:#ffffff}
.top-navbar .profile-text ul li a{padding:3px 0}
.top-navbar .profile-dropdown .dropdown-item{padding:0.5rem 1rem;font-size:0.9rem;border-left:2px solid transparent}
.top-navbar .profile-dropdown .dropdown-item i{float:right;line-height:1.5;color:grey;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in}
.top-navbar .profile-dropdown .dropdown-item:hover{border-color:#FAA71D}
.top-navbar .profile-dropdown .dropdown-item:last-child{border:none}
.top-navbar .profile-dropdown .dropdown-item:last-child:hover{border:none;background:inherit}

.slick-loading .slick-list{background:#fff url('./ajax-loader.gif') center center no-repeat}
.slick-track{padding:10px 0}

/* Icons */
@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('./fonts/slick.eot');src:url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg')}
/* Arrows */
.slick-prev,
.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{color:transparent;outline:none;background:transparent}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity:.25}

.slick-prev:before,
.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir='rtl'] .slick-prev:before{content:'→'}

.slick-next{right:-25px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir='rtl'] .slick-next:before{content:'←'}

/* Dots */
.slick-dotted.slick-slider{margin-bottom:30px}

.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,
.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:black}

.slick-list .card-body{min-height:130px}

.slick-prev:before, .slick-next:before{font-family:'Font Awesome 5 Pro';font-size:20px;line-height:1;opacity:.75;color:#ff3514;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev:before{content:'\f104'}
.slick-next:before{content:'\f105'}

.cardList .cardBox{position:relative;overflow:hidden}
.cardList .cardBox:after{position:absolute;bottom:0;right:5px;font-size:1.1rem;font-weight:bold;transform:rotateY(180deg);opacity:0.25;font-family:'Font Awesome 5 Pro'}

.cardList.noticeList .cardBox:after{content:'\f675';color:#f4511e}
.cardList.meetingList .cardBox:after{content:'\f2b5';color:#009688}

.backtotop{position:fixed;bottom:20px;right:10px;background:#2D6073;color:#ffffff;height:30px;line-height:30px;width:30px;border-radius:0.25rem;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;text-align:center;opacity:0.5;filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";cursor:pointer;transition:all 0.25s ease-in;z-index:99}
.backtotop:hover{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}
.backtotop i{line-height:35px}

.contentBox h1:after,
.contentBox h2:after,
.contentBox h3:after,
.contentBox h4:after,
.contentBox h5:after,
.contentBox h6:after{content:none}
.contentBox .contentCategory{text-transform:uppercase;color:#FAA71D;font-weight:500}
.contentBox>h1,
.contentBox .contentTitle{font-weight:600;font-size:25px;margin:0;text-transform:uppercase;position:relative}
.contentBox .contentInformation{color:#6c757d}
.contentBox .heading{font-weight:500;color:#666666}
.contentBox .contentDescription h1,
.contentBox .contentDescription h2,
.contentBox .contentDescription h3,
.contentBox .contentDescription h4,
.contentBox .contentDescription h5,
.contentBox .contentDescription h6{margin:6px 0;text-transform:capitalize}

.contentBox .contentDescription h1{font-size:20px}
.contentBox .contentDescription h2{font-size:18px}
.contentBox .contentDescription h3{font-size:16px}
.contentBox .contentDescription h4{font-size:15px}
.contentBox .contentDescription h5{font-size:15px}
.contentBox .contentDescription h6{font-size:15px}
.contentBox .contentDivider{height:2px;background:#FAA71D;width:80px;margin:10px 0 15px}

.mainSection{padding-left:0}
.mainSection>li{list-style-type:none;margin-bottom:25px}
.mainSection h2{font-size:20px;font-weight:500}
.mainSection h2:first-letter{text-transform:capitalize}

.subSection{padding-left:15px;list-style-type:none;margin-bottom:10px}
.subSection li h3{font-size:17px;font-weight:500;margin-bottom:5px}
.subSection li{margin-bottom:15px}
/*.subSection li + li{border-top:1px solid #ced4da;padding-top:10px;margin-bottom:0}*/

.mainSection.contentDescription>li{}
.mainSection.contentDescription .subSection{list-style-type:none}

.dot{position:relative}
.dot:after{content:'';position:absolute;width:3px;height:3px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;top:6px;left:5px;background:#666666}
.contentBox .contentInformation .dot:after{left:3px;}

.datacard-columns{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.datacard-columns [class^="col-"]{padding-left:5px;padding-right:5px}
.datacard .data-box{border:1px solid #ced4da;padding:0.5rem;border-radius:0.25rem;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;margin-top:10px;background:#ffffff;transition:all 0.15s ease}
.filesDataCard{display:flex;flex-wrap:wrap;width:100%}
.filesDataCard.datacard-columns [class^="col-12"]{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.filesDataCard .data-box{display:flex;justify-content:flex-start;overflow:hidden;padding:0.15rem 0.25rem}
.filesDataCard .file-icons{width:45px;height:65px;line-height:65px;overflow:hidden;text-align:center;font-size:3.5rem}
.filesDataCard .file-data{width:calc(100% - 45px);margin-left:5px;overflow:hidden}
.filesDataCard .file-data h5{font-size:13px;margin:0}
.filesDataCard .file-data p{margin:0;font-size:14px}
.filesDataCard .file-info{display:flex;justify-content:flex-start;margin:5px 0 0;align-items:center;font-size:13px}
.filesDataCard .data-box h5,
.filesDataCard .data-box a,
.filesDataCard .data-box p,
.filesDataCard .data-box span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}

.uploadedFiles{width:100%}
.uploadedFiles>*{}
.uploadedFiles .data-box{margin-bottom:10px}
.uploadedFiles .filesDataCard .file-data h5{margin:2px 0 0;cursor:pointer;line-height:1}
.uploadedFiles .filesDataCard .file-info{margin:0}
.uploadedFiles .filesDataCard .file-icons{width:27px;height:40px;line-height:40px;font-size:2.25rem}
.uploadedFiles .filesDataCard .file-data{width:calc(100% - 30px)}

.uploadedFiles.smallFilesDataCard .filesDataCard .file-data h5{margin:0}
.uploadedFiles.smallFilesDataCard .filesDataCard .file-data{width:100%;margin-left:0}

/*404 Error Page*/

.errorPage{min-height:100%}
.errorPage .container{text-align:center;overflow:hidden;margin:0 auto;padding:30px}
.errorPage .container h1:after,.errorPage .container h2:after,.errorPage .container h3:after,.errorPage .container h4:after,.errorPage .container h5:after,.errorPage .container h6:after{content:none}
.errorPage .container h1{font-size:7em;font-weight:bold;font-family:'Montserrat'}
.errorPage .container h1 span{color:#FAA71D}
.errorPage .container h2{font-weight:600}
.errorPage .container h3{font-weight:500}
.errorPage .container h4{font-weight:400}
.errorPage .container p{margin:20px 0}

/*responsive*/

@media (max-width:992px){
	header{height:90px}
	.menubar .navbar-collapse{position:absolute;top:76px;z-index:9;left:0px}
}

@media all and (min-width:991px){
	.navbar{padding-top:0;padding-bottom:0}
	.navbar .has-megamenu{position:static!important}
	.navbar .nav-link{padding-top:1rem;padding-bottom:1rem}
	.menubar .dropdown-menu{left:0;right:0;width:100%;padding:34px 10px 20px;background:none;border:none}

	.menubar .dropdown-menu>.row{background:#fff}
	.menubar .dropdown:hover .dropdown-menu{display:block;margin-top:0}
	.menubar ul.navbar-nav>li.nav-item .dropdown-menu ul{padding-top:15px;padding-bottom:15px}
	.clientLogo.roundLogo.logo-xl,
	.clientLogo.squareLogo.logo-xl{height:65px;width:65px;line-height:60px}
	.clientLogo.roundLogo.logo-xxl,
	.clientLogo.squareLogo.logo-xxl{height:70px;width:70px;line-height:65px}
	.clientLogo.squareLogo{}

	.clientLogo.rectangleLogo.logo-sm{height:35px;width:93px;line-height:30px}
	.clientLogo.rectangleLogo.logo-md{height:45px;width:120px;line-height:40px}
	.clientLogo.rectangleLogo.logo-lg{height:60px;width:160px;line-height:55px}
	.clientLogo.rectangleLogo.logo-xl{height:70px;width:187px;line-height:65px}
	.clientLogo.rectangleLogo.logo-xxl{height:80px;width:213px;line-height:75px}	
}

@media (max-width:768px){

	header .dd-flex{flex-wrap:inherit}
	.hero-banner .hero-text h1{font-size:1.2em !important;line-height:1.5}
	header .brandLogo{margin-left:10px}
	header .navbar-dark .navbar-toggler{padding:15px 0px;border:0;margin-left:-15px}
	header .navbar-dark .navbar-toggler .close{text-shadow:none}
	header .navbar-dark .navbar-toggler .close i{color:rgba(255,255,255,.5)}

	.menubar ul.navbar-nav{box-shadow:none}
	.menubar .navbar-collapse{width:300px;top:70px}
	.menubar .navbar-collapse .dropdown-menu [class^="col-"]{width:100%;max-width:inherit;flex:inherit;margin-bottom:10px}
	.menubar .navbar-collapse .dropdown-menu [class^="col-"]:last-child{margin-bottom:0}
	.menubar ul.navbar-nav>li.nav-item>a{text-align:left}

	.sectionBar .sectionTitle,
	.sectionBar .sectionTitle h3{margin-bottom:0}
	.slick-slider{padding:0 20px}
	.slick-prev{left:-5px}
	.slick-next{right:-5px}

	footer .brandLogo{text-align:center;margin:0 auto}
	footer .row [class^="col-"]{margin:15px 0}
	footer .contactUsSection{text-align:left}
	footer .copyrightContent{display:block;text-align:center}
	footer .copyrightContent ul.termSection{justify-content:center}
}

@media (max-width:576px){
	.hero-banner{height:250px}
	.landingPage .hero-banner .hero-text{font-size:2rem}
	.errorPage .container h1{font-size:5em}
}


@media (min-width:576px){
}

@media (min-width:768px){
	.summarynCartnPreferences{display:flex;justify-content:center;align-items:flex-start}
	.summarynCartnPreferences .cartSummary{width:300px}
	.errorPage{padding:5rem 0 3rem;background:#F4F6F9}
	.errorPage .container{background:#fff;max-width:700px;box-shadow:0 0 30px rgba(0,0,0,0.05);border-radius:0.35rem;-webkit-border-radius:0.35rem}

	.errorPage{padding:5rem 0 3rem;background:#F4F6F9}
	.errorPage .container{background:#fff;max-width:700px;box-shadow:0 0 30px rgba(0,0,0,0.05);border-radius:0.35rem;-webkit-border-radius:0.35rem}

	footer .left-column{text-align:left}
	footer .center-column{text-align:center}
	footer .right-column{text-align:right}

}

@media (min-width:1024px){

	.rightFilter .datatable-filter{position:absolute;right:-14px;top:-45px;text-align:right;z-index:2}
	.rightFilter .dataTableFilter{position:absolute;right:0;top:-55px;text-align:right;z-index:2}
	.crm-citizen .rightFilter .dataTableFilter,
	.cityRequests.rightFilter .dataTableFilter,
	.forms.rightFilter .dataTableFilter,
	.semiclosed.rightFilter .dataTableFilter,
	.request-filter.rightSpaceFilter{right:15px;top:-40px}
	.rightFilter .crm-media .dataTableFilter{position:relative;right:0;top:0;float:right}
	.rightFilter .crm-media .dataTableFilter+*,
	.rightFilter .crm-media .dataTableFilter:after{clear:both;float:none}
	.crm-citizen .tab-content .rightFilter .dataTableFilter{top:-55px;right:0}
	.rightFilter .datatable-filter .btn{margin-right:0 !important}
	.paymentTabsContent .row.my-3{margin-top:-7px !important}
	.summarynCartnPreferences{justify-content:flex-end}
}

@media (min-width:1200px){
	.pay-billsHeader{justify-content:space-between}
	.notices-list{margin-right:15px}
	.summarynCartnPreferences{margin-top:-80px}
	.request-filter{position:absolute;right:0;top:-40px;z-index:2}
	.notices-filter{position:absolute;right:5px;top:-30px}
	.walkthrough-flex{display:flex}
}

@media (min-width:1366px){
	.filesDataCard.datacard-columns [class^="col-12"]{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:5px !important;padding-right:5px !important}
	.filesDataCard.datacard-columns{margin-left:-5px;margin-right:-5px}
}

@media all and (max-width:1440px) and (min-width:1024px){
	.rightPanel [class^="col-"] .form-control.w-auto{width:100% !important}
}

@media (min-width:1440px){
	.container{max-width:1400px}
}

@media (min-width:1600px){
	.preferencesSummary{display:flex;align-items:start}
	.summarynCartnPreferences .payPreferences, .summarynCartnPreferences .accSummary{margin-right:15px}

	.col-xxl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.col-xxl-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
	.col-xxl-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
	.col-xxl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

	.communicationContainer .communicationLeftSidebar{width:400px}
	.communicationContainer .communicationMiddleContent{width:calc(100% - 415px)}
	.communicationContainer .communicationRightSidebar{width:280px}
	.communicationContainer.active .communicationMiddleContent{width:calc(100% - 710px)}
	.communicationListBox .communicationTableList tr td.topBar .senderName{max-width:250px}
}