/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { color: #444444; font-size: 1rem; background: #fff; overflow-x: hidden; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight:normal }
h1 { margin: 0 0 5px 0; font-size: 3rem; }
h2 { margin: 0 0 5px 0; font-size: 2.5rem; }
h3 { margin: 0 0 5px 0; font-size: 2rem; }
h4 { margin: 0 0 5px 0; font-size: 1.5rem; }
h5 { margin: 0 0 5px 0; font-size: 1.125rem; }
h6 { margin: 0 0 5px 0; font-size: 1rem; }
p { margin: 0 0 5px 0; font-size: 1rem; }
#main { margin-top: 0; }
#main.inner-page { margin-top: 96px; min-height: 300px; padding: 0; }
.container, .container-sm, .container-xl, .container-xxl { max-width: 1280px; }
.cont-content { background: #fff;padding: 10px; max-width: 1250px;}
.nopad { padding: 0 }
.nopadr { padding-right: 0 }
.nopadl { padding-left: 0 }
.nopad-xs { }
.ctr { text-align: center }
.clr { clear: both; height: 0px; margin: 0px; padding: 0px; }
.clr5 { clear: both; height: 5px; margin: 0px; padding: 0px; }
.clr10 { clear: both; height: 10px; margin: 0px; padding: 0px; }
.clr20 { clear: both; height: 20px; margin: 0px; padding: 0px; }
.spc10 { display: block; width: 10px; }
.spc20 { display: block; width: 20px; }
.rht { text-align: right }
.lft { text-align: left }
.bg-dblue { background-color: #17154c !important;}
hr.sml { margin:3px 0 }
.hidden-xs { display: block }
.breadcrumbs { padding: 20px 0 12px }
.modal-backdrop { z-index: 100 }
#admin_menu { position: fixed; top: 0; left: 15%; background: #F00; padding: 1px 10px; z-index: 2000; font-size: 14px; }
#admin_menu a { color: #fff }
.albumDiv { position:relative; z-index:9 }
.admin-edit { position:absolute; left:16px; top:4px; z-index:10;background: #eee; }
#town-brochureDiv { background-color: #327ff4;}
#town-brochureDiv .townBtns { background-image: linear-gradient(to bottom, #cb5102, #d85602, #e55c02, #f26101, #ff6701);padding: 3px 12px;border: inset 2px #d97f44; width:100%; max-width: 180px;margin: 0 20px;}
#town-brochureDiv a.townBtns { color: #eee; text-transform:lowercase}
.card-header.bg-dark { background-color: #333333 !important }
.alert-dark { color: #eee; background-color: #333333; border-color: #272727; }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }
.btn-block + .btn-block { margin-top: 5px; }
.btn.btn-xs {padding: .2rem .4rem;font-size: .8rem; }
img { width: auto; max-width: 100% }
#phone-div { font-size: 13px; font-weight: bold; color: #777; margin: 0; }
#phone-div a { color: #777; text-transform: uppercase }
#social-links { text-align: right; }
.social-links { padding: 5px 10px 0; font-size: 14px; display: inline-block; width: 100% }
.social-links a { background: #222; border-radius: 25px; padding: 5px 5px 2px; color: #878484 }
.social-links a:hover { color: #eee }
.spacerDiv { display: block; width: 80%; background: #999; padding: 6px 0; margin: 12px auto 0; }
#blogDiv { position: absolute; right: 0; top: 102px; z-index: 1000; background: rgba(255,255,255,.4); padding: 2px 0 2px 3px; border-radius: 5px; }
.bg-danger { background-color: #ff0000 !important; }
.text-shadow { text-shadow: 0px 3px 0px #b2a98f,  0px 14px 10px rgba(0,0,0,0.15),  0px 24px 2px rgba(0,0,0,0.1),  0px 34px 30px rgba(0,0,0,0.1); }
.floating-label > input + label, .floating-label > textarea + label { position: absolute; z-index: 3; max-width: calc(100% - 2px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; top: 2px; left: 1px; font-size: 1rem; padding: 0.375rem 0.75rem; color: #6c757d; pointer-events: none; transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); }
.floating-label { margin-bottom: 11px; position: relative }
.floating-label > input + label, .floating-label > textarea + label { left: 10px; font-size:.9rem}
.smlTitle h3 { font-size: 16px; color: #a38146; position: relative; border-bottom: 1px solid #a38146; padding-bottom: 1px; display: inline-block; }
#blueberryDiv {height: auto; margin: 10px 0 0; position: relative }
#blueberryDiv p { margin:0 0 3px }
#blueberry-Image { margin-left:5px; z-index:10 } 
#blueTimer{  display:inline-block; padding:0; position:absolute; top:40px; right:10px; z-index:11}
#timer{ background: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);; list-style:none; margin:0; padding:4px 2px 2px 4px; display:inline-block}
#timer li{ font-size:13px; float:left; width:40px; text-align:center; color:#eee }
#timer li span{ color:#fff; display:block; font-size:15px; font-weight:bold; margin-right:2px; padding:5px 0 2px }
/*--------------------------------------------------------------
# MyModal
--------------------------------------------------------------*/
#myModal .modal-header h3 { font-size:22px; margin:0  }
#myModal h3 { font-size:18px;margin-bottom: 10px; }
#myModal .modal-body {padding: 0 1rem; }
#submitDiv { width:100% }
/*--------------------------------------------------------------
# searchResults
--------------------------------------------------------------*/
#searchResults p { margin: 0 0 2px; }
#searchResults .srchItem { margin:2px; border-bottom:1px dotted #999 }
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 996; background: #5c9f24; width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s; }
.back-to-top i { font-size: 28px; color: #fff; line-height: 0; }
.back-to-top:hover { background: #6fc02c; color: #fff; }
.back-to-top.active { visibility: visible; opacity: 1; }
/*--------------------------------------------------------------
# specialoffer
--------------------------------------------------------------*/
#specialoffer_view { position: fixed; top: 114px; right: -500px; z-index: 10000; max-width: 400px; width: 360px; padding: 10px 0 0; background: #fff; border-radius: 12px; }
.specialoffer-contentimg { padding: 0 }
.specialoffer-contenttxt { padding: 10px; background: rgba(255,255,255,.4); color: #201f1f; border-radius: 5px; border-top: 1px solid #f2f0f0; }
.specialoffer-contenttxt p { margin: 0 }
#specialoffer_view img { width: auto; max-width: 100% }
.specialoffer-body { padding: 10px }
#specialoffer-closer { width: auto; position: absolute; right: 0; top: -10px; cursor: pointer; font-size: 36px; color: #000; z-index: 100; }
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #151515; }
#preloader:before { content: ""; position: fixed; top: calc(50% - 0px); left: calc(50% - 30px); border: 6px solid #ffc451; border-top-color: #151515; border-bottom-color: #151515; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite; }
 @-webkit-keyframes animate-preloader { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
 @keyframes animate-preloader { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
 [data-aos-delay] {
 transition-delay: 0 !important;
}
}
/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/
nav #login { border-right: 1px solid #ddd; -moz-box-shadow: 1px 0 0 #fff; -webkit-box-shadow: 1px 0 0 #fff; box-shadow: 1px 0 0 #fff; }
nav #login-trigger { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
nav #login-trigger, nav #signup a { display: inline-block;  *display: inline;
 *zoom: 1;height: 25px; line-height: 25px; font-weight: bold; padding: 0 8px; text-decoration: none; color: #444; text-shadow: 0 1px 0 #fff; }
#login-form img { max-width:50px }
#login-form { color: #a12326 }
#login-form .form-group{ margin-bottom:5px }
nav li #login-content { right: 0; width: 250px; top: 50px;}
nav #login-content { display: none; position: absolute; top: 24px; right: 0; z-index: 999; background: #fff; background-image: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background-image: -webkit-linear-gradient(top, #fff, #eee); background-image: -moz-linear-gradient(top, #fff, #eee); background-image: -ms-linear-gradient(top, #fff, #eee); background-image: -o-linear-gradient(top, #fff, #eee); background-image: linear-gradient(top, #fff, #eee); padding: 15px; -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9); -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9); box-shadow: 0 2px 2px -1px rgba(0,0,0,.9); -moz-border-radius: 3px 0 3px 3px; -webkit-border-radius: 3px 0 3px 3px; border-radius: 3px 0 3px 3px; }
#login #actions { margin: 10px 0 0 0; }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#topHeader { background: #222; color:#eee; text-align:center; font-size:.9rem; min-height:30px }
#topHeader, #btmHeader { display:block; width: 100% }
#topHeaderBar{ position:absolute; bottom:-10px; padding:8px; color:#F90; width 100%; display:block; padding:10px; z-index:10 }
#header { transition: all 0.5s;background: #fff; z-index: 997; height: auto; padding:15px 0 4px }
#header.header-scrolled{ background: #fff; position:fixed; top:0; left:0; width: 100%; border-bottom: 2px solid #333; padding: 0;}
#header.header-inner-pages { background: #fff; position:fixed; top:0; left:0; width: 100%; border-bottom: 2px solid #333;}
#header .logo { font-size: 28px; margin: 0; padding: 0; line-height: 1; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; position: absolute; z-index:100 }
#header .logo.scrolled { margin-top:10px; width:170px }
#header .logo a { color: #fff; }
#header .logo img { margin: 0; }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.navbar { padding: 10px 0 0; display: inherit }
.navbar ul { margin:0 0 5px; padding: 0; list-style: none; text-align: right; line-height: 1.1 }
.navbar li { position: relative; }
.navbar > ul > li { white-space: nowrap; padding: 3px 4px; width: auto; display: inline-block; text-align: center }
.navbar a, .navbar a:focus { padding: 0 8px; font-family:"Times New Roman", Times, serif; font-size: 1.1rem; font-weight: 600; white-space: nowrap; transition: 0.3s; text-transform: capitalize; position: relative; color:#666 }
.navbar a:hover { color:#222 }
.navbar a i, .navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; }
.navbar a.dropdown-item {font-size: .9rem;line-height: 1.5;border-bottom: 1px dashed #eee;}
.navbar .dropdown-menu {padding: .2rem .5rem;}
.navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before { visibility: visible; width: 100%; }
.navbar .dropdown ul { display: block; position: absolute; left: 2px; top: calc(100% + 30px); margin: 0; padding: 6px 0; z-index: 99; opacity: 0; visibility: hidden; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; }
.navbar .dropdown ul li { min-width: 200px; text-align: left }
.navbar .dropdown ul a { display:block; padding: 5px 10px; font-size: .85rem; font-weight: 500; text-transform: uppercase; }
.navbar .dropdown ul a i { font-size: 12px; }
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: #000; }
.navbar .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible; }
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; }
.navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible; }
#header .getstarted, #header .getstarted:focus { position: absolute; padding: 6px 25px; margin: 9px 0 0 22px; border-radius: 4px;font-weight: 400; font-family: "Poppins", sans-serif; border: 2px solid #5c9f24; }
#header .getstarted:hover, #header .getstarted:focus:hover { color: #fff; background: #FF8CF6; }
#header .getstarted:hover:before, #header li:hover > .getstarted:before { visibility: hidden; }

#cat-DD-Menu {min-width: 100%;position: fixed;left: 0;top: 60px;}
/*#cat-DD-Menu .cat-items {  min-width: 23%;  float: left;  margin-left: 1%;} */
#cat-DD-Menu .cat-items .cat-title { background:#eee; color:#000; padding:1px 2px 1px 4px; font-size:14px }
#cat-DD-Menu .cat-items a { font-size:14px  }

.ulTop li a.nav-link { color: #eee; background:#f98c00; padding:.3rem 1.7rem; text-transform: uppercase; font-size: 1rem; font-weight:normal }
#memberLogin { margin:0 }
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul { left: -90%; }
.navbar .dropdown .dropdown:hover > ul { left: -100%; }
}
@media (max-width: 1170px) {
.navbar a, .navbar a:focus { font-size:.9rem }	
 }

/**
* Mobile Navigation 
*/
.mobile-nav-toggle { font-size: 68px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; }
.mobile-nav-toggle.bi-x { color: #5c9f24; }
 @media (max-width: 991px) {
.mobile-nav-toggle { display: block; }
.navbar ul { display: none; }
.ulTop li a { padding:.3rem .5rem;font-size: 1.1rem;}
.spacerDiv {  width: 70%; }
#header .logo { position:absolute; width:30%  }
.ulTop li a.nav-link {padding: .5rem 1.7rem; margin-bottom: 2px;}
#memberLogin { margin:5px 0 0 }
}
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(17, 17, 17, 0.9); transition: 0.3s; z-index: 999; }
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }
.navbar-mobile ul { display: block; position: relative; top: 55px; right: auto; bottom: 15px; left: auto; padding: 10px 0; background-color: #222; overflow-y: auto; transition: 0.3s; }
.navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: #FFF; }
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #5c9f24; display: block }
.navbar-mobile > ul > li { white-space: nowrap; padding: 0; display: block }
.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before { visibility: hidden; }
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus { margin: 15px; color: #5c9f24; padding-left: 15px; }
.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #111010; box-shadow: none; }
.navbar-mobile .dropdown ul li { min-width: 200px; }
.navbar-mobile .dropdown ul a { padding: 10px 20px; }
.navbar-mobile .dropdown ul a i { font-size: 12px; }
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #5c9f24; }
.navbar-mobile .dropdown > .dropdown-active { display: block; width: 100%;position: relative;}
.navbar-mobile a.dropdown-item {color: #222}

/*--------------------------------------------------------------
# home Section
--------------------------------------------------------------*/
#home { width: 100%; position: relative; padding: 0;}
#home:before { content: ""; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
#home .container { position: relative; padding-top: 0; text-align: center; }
/* Carousel base class */
#homeCarousel.carousel { margin-bottom: 0; width: 100%; }
/* Since positioning the image, we need to help out the caption */
#homeCarousel .carousel-caption { bottom: -20px; z-index: 100; margin: 0 auto; position: absolute; right: auto; left: auto; width: 100%; }
#homeCarousel .carousel-caption p.lrg { font-size: 1.2rem; }
/* Declare heights because of positioning of img element */
#homeCarousel .carousel-item { height: auto; position: relative; z-index: 10; }
#homeCarousel .carousel-item > img { position: relative; top: 0; left: 0; min-width: 100%; height: auto; }
#banner-imgs { position: absolute; top: 10px; left: 0; z-index: 100; padding: 0 10px; width: 100% }
#banner-imgs img { width: 30% }
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption p { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); color: #fff; margin: 0 }


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 991px) {
#homeCarousel .carousel-caption { display:none }
}
@media (min-width: 40em) {

	/* Bump up size of carousel content */
#homeCarousel .carousel-item { height: auto; }
#banner-imgs img { width: auto }
}
@media (min-width: 62em) {

#homeCarousel .carousel-caption p { margin-bottom: 1rem; font-size: 1.5rem; }
#homeCarousel .carousel-caption h1 { margin-bottom: 1rem; font-size: 3rem; }
#homeCarousel .carousel-caption h2 { margin-bottom: 1rem; font-size: 2.5rem; }
#homeCarousel .carousel-caption h3 { margin-bottom: 1rem; font-size: 2.25rem; }
#homeCarousel .carousel-caption h4 { margin-bottom: 1rem; font-size: 1.87rem; }
#homeCarousel .carousel-caption h5 { margin-bottom: 1rem; font-size: 1.62rem; }
#homeCarousel .carousel-item { height: auto; z-index: 1; }
#homeCarousel .carousel-caption { bottom: 6rem; z-index: 100; }
#homeCarousel .carousel-caption p.lrg { font-size: 2rem; }
#homeCarousel .carousel-caption * { line-height: 1.1; }
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 16px 0; }
#newSection { background-color:#fff; min-height:300px }
.section-bg { background-color:#f1f1f1; }
section.inner-page { background: url(../img/banners/BackgroundBanner.jpg) no-repeat; background-attachment:fixed; background-position:bottom center; background-size:cover; padding:30px 0 }
section.inner-page .table th, section.inner-page .table td, section.inner-page .table td p { font-size:.9rem} 
section.inner-page .ip-sml { padding: 0 }
section.inner-page .ip-sml .section-title { padding-bottom: 0; margin-bottom: 5px }
section.inner-page .ip-sml .poi-side { padding: 10px }
section.inner-page .ip-sml .poi-side a { color: #feb818; font-size: 13px }
section.inner-page .ip-sml .poi-side .section-title h4 { font-size: 16px; }
section.inner-page .ip-lrg /*, section.inner-page .ip-sml */ { background-color: #fff; min-height: 450px; box-shadow: 0 1px 2px #bbb; padding: 20px }
section.inner-page .ip-lrg h1 { font-size: 1.2rem; color: #eee; position: relative; padding:3px 7px; display: block;  background-color: #17154c;}
section.inner-page .ip-lrg .f-links { color: #666; font-size: 14px; box-shadow: 0 0 2px #999; border-right: 2px solid #888; border-left: 2px solid #888; padding: 1px 10px; display: inline-flex; margin: 0 2px 4px }
section.inner-page .ip-lrg .filterText { font-size: 12px; color: #888 }
section.inner-page .ip-lrg img { width: auto; max-width: 100% }
.section-title h4 { margin-bottom: 10px; color: #5b6faa; text-align: left; line-height: 1.2; font-weight:bold }
.section-title p { margin-bottom: 0; }
.section.inner-page .theTable th, .section.inner-page .theTable td { font-size: 13px }
.section-title.ctr { text-align: center; margin-bottom: 30px }
.section-title.ctr h4 { margin-bottom: 20px; text-align: center }
.section-title.ctr h4::after { content: ""; position: absolute; width: 60px; padding: 7px; left: 48%; margin-top: 35px; background: #3599e3; border-radius: 8px; }
.galItem { padding: 1px; position: relative /* display:inline-block */ }
.galItem .img-thumbnail { padding: 0; width: 100%; border: 0; border-radius: 0; }
.galInfo { display: none; position: absolute; bottom: 1px; left: 1%; background: rgba(0,0,0,.6); color: #eee; z-index: 100; padding: 0 4px; width: 98%; font-size: 12px }
.galInfo a { color: #eee }
.galItem:hover .galInfo { display: block }
.welcomeDiv p {font-size: 1.2rem;line-height: 1.4;color: #666;}
/*--------------------------------------------------------------
# infoSection
--------------------------------------------------------------*/
.infoSectionDiv { background: #fff; padding:0 }
.infoSectionDiv h5 { font-size: 1rem; font-weight:bold; }
.infoSectionDiv .info-block { padding: 3px 2px; font-size: 1.1rem; background: #f9ecdb; margin-top: -80px; z-index: 100; position: relative; }
.infoSectionDiv .info-block1 {box-shadow: 0 2px 3px #9f9797;padding: 0 1px 2px;}
.infoSectionDiv .title { text-align: center; padding: 20px 0 15px; margin: 0; font-family: "Times New Roman", Times, serif; color: #a12326; font-size: 1.6rem }
.scoop { border: 2px solid #eee; mask-image: radial-gradient(  circle at 1.5rem 1.5rem,  transparent 1.5rem,  gold 0  ); mask-position: -1.5rem -1.5rem; mask-repeat: repeat; }
@media (max-width: 991px) {
.infoSectionDiv .title {font-size: 1rem  }
}

@media (max-width: 667px) {
.infoSectionDiv .info-block {margin-top: 10px; }
section.inner-page .ip-lrg { padding:10px }
.infoSectionDiv h5 { font-size:.9rem }
}
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.home-news { position: relative; z-index: 3; }
.home-news .box { text-align: left; position: relative; margin: 10px 0; }
.home-news .box-inner img { width: 100%; margin-bottom: 12px }
.home-news .box-title, .home-news .box-subtitle { font-size: 22px; color: #3599e3; margin: 0; line-height: 1.3; }
.home-news .box-content { padding: 5px; }
.home-news .content p { color: #444 }
.home-news .content .more-btn { display: inline-block; background: rgba(0,0,0, 0.1); padding: 6px 30px 8px 30px; color: #fff; border-radius: 50px; transition: all ease-in-out 0.4s; }
.home-news .content .more-btn i { font-size: 14px; }
.home-news .content .more-btn:hover { color: #ff5821; background: #fff; }
.home-news .info-section { background: #fff; padding:20px 16px;min-height:630px }
.home-news h5 { font-size:1rem; margin:0 0 2px; color:#3d57a5;font-weight: bold; }
.home-news h5.info-section-title { font-size: 1.2rem; font-weight:bold; color:#716f6f;margin-bottom: 10px; }
.announcements .sm-date { font-weight:bold; line-height:1rem; background:#FC0; padding:3px 2px;; font-size:14px }

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content { padding: 0; }
.about .content h4 { font-weight: 700; font-size: 12px; margin: 10px 0; text-transform: uppercase; }
.about .content a { color: #f90 }
.about .content h3 { margin: 0 0 14px }
.about .content p { margin-bottom: 0; line-height: 1.2; font-size: 0.94rem; text-align: justify; }
.about .content .icon-box { margin-top: 25px; }
.about .content .icon-box h4 { font-size: 20px; font-weight: 700; margin: 5px 0 10px 60px; }
.about .content i { background: #feb818; padding: 12px; border-radius: 50%; font-size: 1.3rem; color: #eee; }
.about .content .icon-box p { font-size: 14px; color: #848484; }
.about .content .content-info { margin: 10px 0; border: 2px dotted #feb818; padding: 20px; }
.about .content .content-title { color: #999; display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.about .content .content-subtitle { color: #222; display: block; font-size: 16px; text-transform: capitalize; margin-bottom: 10px; font-weight: bold }
 @media (max-width: 991px) {
.about .image { text-align: center; }
.about .image img { max-width: 80%; }
.home-news .info-section {min-height: 180px; }

}
@media (max-width: 667px) {
.about .image img { max-width: 100%; }
.hidden-xs { display: none }
.home-news .info-section { min-height: 380px; }
}
/*--------------------------------------------------------------
# programs
--------------------------------------------------------------*/
.programs { position: relative; padding: 0 }
.programs .container { overflow: hidden; }
.programs-slider { overflow: hidden; }
.programs .icon-box { margin-bottom: 10px; text-align: center; }
.programs .icon-box img { width:100%; height:180px }
.programs .services-box { text-align: justify; }
.programs .services-box p {margin-bottom: .3rem; line-height: 1.2; font-size: .94rem}
.programs .icon { display: inline-flex; justify-content: center; align-items: center; margin-bottom: 12px; transition: 0.5s; color: #5c9f24; padding: 10px 35px 20px; }
.programs .icon i { font-size: 36px; line-height: 0; }
.programs-item.programs-box { min-height:610px }
.programs-content { margin: 0 auto; min-height: 110px; background: #fff; width: 100%; padding: 5px 14px; position: relative }
.programs .p_title { font-size: 1.1rem; font-weight:bold; position: relative; padding-bottom: 6px; text-align: left; color: #5b6faa; text-transform: capitalize }
.programs-link { position: absolute; bottom: 0; right: 0; z-index: 100 }
.programs .title a { color: #444444; transition: 0.3s; }
.programs .title a:hover { color: #5c9f24; }
.programs .p_bar { margin-bottom: 8px }
.programs .p_bar p { background: #3599e3; padding: 4px; width: 20px; display: inline-block; margin: 0; }
.programs .p_content { text-align: justify; min-height: 300px;  position: relative;}
.p_content_btn.ctr {  position: absolute;  display: flex;  width: 100%;  bottom: 0; }
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials { position: relative; }
.testimonials .section-title { color: #eee; margin-bottom: 0; font-family: "Times New Roman", Times, serif; line-height: 1.2; }
.testimonials .testimonials-carousel, .testimonials .testimonials-slider { overflow: hidden; }
.testimonials .testimonial-item { text-align: center; color: #999; padding: 10px; }
.testimonials .testimonial-quote { border-radius: 10px; box-shadow: 0 0 4px #5c696f; padding: 20px 20px 10px; font-size: 14px; color: #777; font-weight: bold; }
.testimonials .testimonial-item .testimonial-img { width: 100px; border-radius: 50%; border: 5px solid 6px solid rgba(0,0,0, 0.1); margin: 0 auto; }
.testimonials .testimonial-item h3 { font-size: 15px; font-weight: bold; margin: 10px 0 5px 0; color: #bbb; }
.testimonials .testimonial-item h4 { font-size: 13px; margin: 0; }
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right { color: #fff; font-size: 18px; }
.testimonials .testimonial-item .quote-icon-left { display: inline-block; left: 0; top: 0; position: absolute; background: #feb818; padding: 6px; border-radius: 50% }
.testimonials .testimonial-item .quote-icon-right { display: inline-block; right: -5px; position: relative; top: 10px; }
.testimonials .testimonial-item p { font-style: italic; margin: 0 auto 15px auto; color: #f4f1f1; }
.testimonials .swiper-pagination { margin-top: 20px; position: relative; }
.testimonials .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: rrgba(0, 0, 0, 0.6); opacity: 0.5; }
.testimonials .swiper-pagination .swiper-pagination-bullet-active { background-color: #eaa826; opacity: 1; }
.testimonials-side { overflow: hidden }
.testimonials-side .t-date { font-size: 16px; color: #feb818; text-align: center; font-weight: bold; }
.testimonials-side .t-quote { color: #777; font-size: 16px; line-height: 1.3; text-align: justify; font-family: "Times New Roman", Times, serif; font-weight: bold }
.testimonials-side .t-side-author { font-size: 14px; font-weight: bold; color: #feb818; }
 @media (min-width: 992px) {
.testimonials .testimonial-item p { width: auto; }
}
.testimonials-side .swiper-slide { background: #fff }
.testimonials-side .swiper-slide {	opacity: 1 !important; }
.testimonials-side .swiper-slide:not(.swiper-slide-active){ opacity: 0 !important; }
.testimonials-side .swiper-wrapper { height:auto }
/*--------------------------------------------------------------
# Testimonials Page
--------------------------------------------------------------*/
#feedbackDiv { margin: 0; padding: 0 0 20px; }
.fb-content-div { margin: 0; display: inline-block; text-align: left; padding: 2px; font-size: 15px; }
.fb-content-div .fbh-content-img { float: left; margin: -3px 10px 3px 4px; }
.fb-content-div .fbh-content-img img { border-radius: 5%; width: auto }
.fb-content { position: relative; padding-top: 3px; }
.fb-feedback-by { font-size: 13px; margin-top: 4px; text-align: right }

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item { margin-bottom: 30px; }
.portfolio #portfolio-flters { padding: 0; margin: 0 auto 20px auto; list-style: none; text-align: center; }
.portfolio #portfolio-flters li { cursor: pointer; display: inline-block; padding: 6px 12px 6px 10px; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; color: #444444; margin-bottom: 5px; transition: all 0.3s ease-in-out; border-radius: 3px; }
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active { color: #fff; background: #5c9f24; }
.portfolio #portfolio-flters li:last-child { margin-right: 0; }
.portfolio .portfolio-wrap { transition: 0.3s; position: relative; overflow: hidden; z-index: 1; }
.portfolio .portfolio-wrap img { transition: all ease-in-out 0.3s; width: 100%; }
.portfolio .portfolio-wrap .portfolio-info { opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; transition: all ease-in-out 0.3s; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 5px; width:100% }
.portfolio .portfolio-wrap .portfolio-info h4 { font-size: 14px; color: #fff; font-weight: 600; margin: 2px 0 0 }
.portfolio .portfolio-wrap .portfolio-info p { color: rgba(255, 255, 255, 0.7); font-size: 12.5px; text-transform: capitalize; padding: 0; margin: 0; font-style: italic; }
.portfolio .portfolio-wrap .portfolio-details { display: inline-block; width: 100%; background: rgba(0,0,0,.6); padding: 0; padding: 2px 5px; }
.portfolio .portfolio-wrap .portfolio-links { position: absolute; right: 14px; text-align: center; z-index: 4; bottom: 5px }
.portfolio .portfolio-wrap .portfolio-links a { color: #FFF; margin: 0 5px 0 0; font-size: 26px; display: inline-block; transition: 0.3s; }
.portfolio .portfolio-wrap .portfolio-links a:hover { color: #8ed851; }
.portfolio .portfolio-wrap:hover::before { opacity: 1; }
.portfolio .portfolio-wrap:hover img { transform: scale(1.1); }
.portfolio .portfolio-wrap:hover .portfolio-info { opacity: 1; }
.portfolio-container a { color: #FFF; font-size: 14px }
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.inner-page h3.pTitle { font-size: 22px; }
.portfolio-details { padding-top: 40px; }
.portfolio-details .portfolio-details-slider img { width: 100%; }
.portfolio-details .portfolio-details-slider .swiper-pagination { margin-top: 20px; position: relative; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; border: 1px solid #5c9f24; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: #5c9f24; }
.portfolio-details .portfolio-info { padding: 30px; box-shadow: 0px 0 30px rgba(42, 42, 42, 0.08); }
.portfolio-details .portfolio-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.portfolio-details .portfolio-info ul { list-style: none; padding: 0; font-size: 15px; }
.portfolio-details .portfolio-info ul li + li { margin-top: 10px; }
.portfolio-details .portfolio-description { padding-top: 30px; }
.portfolio-details .portfolio-description h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; }
.portfolio-details .portfolio-description p { padding: 0; }
#portfolioView { min-height: 260px; padding: 0 20px; }
#portfolioView h3.pTitle { font-size: 22px; color: #a38146; position: relative; border-bottom: 1px solid #a38146; padding-bottom: 1px; display: inline-block;  margin:20px 0}

.swiper-wrapper .portfolio-info { position: absolute; z-index: 100; bottom: 10px; left: 10px; border-radius: 6px; background: rgba(0,0,0,.4); width: auto; max-width: 360px; padding: 8px 16px 4px; color: #eee; font-size: 13px; line-height: 1.1; text-align: justify }
.swiper-wrapper .portfolio-info .info-title { font-size: 13.5px; font-weight: bold }
.swiper-wrapper .portfolio-info p { margin-bottom: 2px }
.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal { background: #000; display: inline-block; width: 100px; margin: 0 auto; position: absolute; bottom: unset; top: 0; color: #eee; right: 0; left: unset; z-index: 1000; font-size: 13px }
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact { padding: 30px 0; min-height: 300px; position: relative; }
.contact .section-title { padding: 0 }
.contact .info-box { color: #444444; background: #fff; text-align: center; box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); padding: 20px 0 30px 0; }
.contact .info-box i { font-size: 32px; color: #3d97a0; border-radius: 50%; padding: 8px; border: 2px dotted #f0f7fa; }
.contact .info-box h3 { font-size: 20px; color: #777777; font-weight: 700; margin: 10px 0; }
.contact .info-box p { padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; }
.contact .infoForm { position: relative; margin-top: auto; box-shadow: 0 0 6px rgba(214, 215, 216, 0.6); padding: 20px 20px 15px; background: #101216; min-height: 340px; }
.contact .infoForm .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600; }
.contact .infoForm .error-message br + br { margin-top: 25px; }
.contact .infoForm .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600; }
.contact .infoForm .loading { display: none; background: #fff; text-align: center; padding: 15px; }
.contact .infoForm .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite; }
.contact .infoForm input, .contact .infoForm textarea { border-radius: 0; box-shadow: none; font-size: 14px; background: none; color: #999; }
.contact .infoForm input::focus, .contact .infoForm textarea::focus {
background-color: #67b0d1;
}
.contact .infoForm .form-control::placeholder {
color:#575656
}
.contact .section-title { text-align: left }
.contact .contactInfo { padding: 0 60px 20px; line-height: 1.2; text-align: left }
.contact .contactInfo p, .contact .contactInfo a { margin: 0; color: #999 }
.form-control::-webkit-input-placeholder { color: #a8a8aa;font-size: 1rem;}
.form-control:-ms-input-placeholder { color: #a8a8aa;font-size: 1rem;}
.form-control::placeholder { color: #a8a8aa;font-size: smaller;}

@-webkit-keyframes animate-loading { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
@keyframes animate-loading { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
@media (min-width: 768px) {
.contact .contact-phone { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.contact .contact-address, .contact .contact-phone, .contact .contact-email { padding: 20px 0; }
.contact .infoForm { position: absolute; margin-top: -50px; z-index: 10; }
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs { padding: 5px 0 0; background: #f6f6f6; min-height: 20px; margin-top: 0; position: relative }
.breadcrumbs h2 { font-size: 24px; font-weight: 400; text-transform: capitalize }
.breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.breadcrumbs img { min-height:150px }
.breadcrumbs ol li + li { padding-left: 10px; }
.breadcrumbs ol li + li::before { display: inline-block; padding-right: 10px; color: #444444; content: "/"; }
.breadcrumbs .bc-caption { z-index: 100; margin: 0 auto; position: absolute; right: auto; left: auto; width: 100%; text-align: center }
.breadcrumbs .bc-caption { height: auto; bottom: 2rem; z-index: 100; }
.breadcrumbs .bc-caption * { line-height: 1.1; }
/* Declare heights because of positioning of img element */
.breadcrumbs .bc-caption > img { position: relative; top: 0; left: 0; min-width: 100%; height: auto;  }
.bc-caption h1, .bc-caption h2, .bc-caption h3, .bc-caption h4, .bc-caption h5, .bc-caption p { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); color: #fff; margin: 0 }
.breadcrumbs .bc-caption p { margin-bottom: 1rem; font-size: 1.5rem; }
.breadcrumbs .bc-caption h1 { margin-bottom: 1rem; font-size: 3rem; }
.breadcrumbs .bc-caption h2 { margin-bottom: 1rem; font-size: 2.5rem; }
.breadcrumbs .bc-caption h3 { margin-bottom: 1rem; font-size: 2.25rem; }
.breadcrumbs .bc-caption h4 { margin-bottom: 1rem; font-size: 1.87rem; }
.breadcrumbs .bc-caption h5 { margin-bottom: 1rem; font-size: 1.62rem; }
@media (max-width: 768px) {
.breadcrumbs .d-flex { display: block !important; }
.breadcrumbs ol { display: block; }
.breadcrumbs ol li { display: inline-block; }
.breadcrumbs .bc-caption { bottom: .4rem; }
}
/*--------------------------------------------------------------
# councilor table and block views
--------------------------------------------------------------*/
#cTabContent .theTable th, #cTabContent .theTable td { font-size: 13px; padding: 0.3rem 0.3rem; }
#cTabs { margin-top: -20px }
#cTabs .nav-link { border: none; padding: 0 8px 0 0 }
#cTabs .nav-link i { font-size: 1.5rem }
#cTabContent h3 { color: #0376ff; font-size: 17px; margin: 10px 0 5px; font-weight: bold }
#cTabContent h4 { background: #36aae3;
color: #eee; font-size: 15px; padding: 2px 4px; font-weight: bold }
#cTabContent .councilDiv { font-size: 14px; text-align: center; min-height: 332px; }
#cTabContent .councilDiv img { width: auto; max-width: 100% }
#cTabContent .councilDiv p { font-size: 14px; margin-bottom: 2px }
/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list { padding: 0 10px; }
.inner-page .faq .faq-list { padding: 0; }
.faq .faq-list ul { padding: 0; list-style: none; }
.faq .faq-list li + li { margin-top: 15px; }
.faq .faq-list li { padding: 10px 10px 0; background: #fff; border-radius: 4px; position: relative; }
.faq .faq-list a { display: block; color: #333; position: relative; font-family: "Poppins", sans-serif; font-size: 13px; line-height: 1.2; font-weight: 600; padding: 0 30px; outline: none; cursor: pointer; }
.faq .faq-list .icon-help { font-size: 20px; position: absolute; top: 0; left: 10px; color: ##373737; }
.faq .faq-list .icon-show, .faq .faq-list .icon-close { font-size: 16px; position: absolute; right: 0; top: 0; }
.faq .faq-list p { margin-bottom: 0; padding: 10px 0 0 0; font-size: 15px; line-height: 1.2; color: #797373 }
.faq .faq-list .icon-show { display: none; }
.faq .faq-list a.collapsed:hover { color: #ff0000; }
.faq .faq-list a.collapsed .icon-show { display: inline-block; }
.faq .faq-list a.collapsed .icon-close { display: none; }
@media (max-width: 1200px) {
.faq .faq-list { padding: 0; }
}
/*--------------------------------------------------------------
# Announcements
--------------------------------------------------------------*/
#announcementDiv, #announcementDiv p { margin: 0; font-size: 14px }
#announcementDiv .minutesDiv h4 { background: #36aae3; padding: 2px 10px; color: #eee; font-size: 16px; }
.announcements .details p { font-size:.94rem; margin:0 0 2px; line-height:1.3}
.announcements .details label { margin: 1px 0 }
.announcements .sp-event { font-size: .94rem; font-weight: bold; text-align: left; color: #2c5894 }
.eventDay:nth-child(odd) { background: #f3f3f3 }
.eventDay { margin: 0 0 3px; padding: 6px 0 }
.eventDay p { margin: 0; font-size: .94rem; line-height: 1.3; }
@media (min-width: 768px) {
#announcementDiv, #announcementDiv p { font-size: .94rem; }
#announcementDiv .minutesDiv h4 { font-size: 18px; }
}
.minutesDiv h4, #informationDiv h4, #informationDiv .infoDivTitle, .locationDiv h4, .agendaDiv h4  { background: #36aae3; color: #eee; font-size: 15px; margin: 0 2px 5px; padding: 2px 3px; white-space: nowrap; width: 100%; font-weight:bold }
#informationDiv.businessDiv .table th { width: 25% !important; }
#informationDiv .table th, #informationDiv .table td, #informationDiv.postings { font-size: 14px; padding: 0.1rem; height: auto; }
#informationDiv .table th p, #informationDiv .table td p { margin: 0 }
/*--------------------------------------------------------------
# Announcements Side
--------------------------------------------------------------*/
#announcement-side { text-align: left; line-height: 1.2 }
#announcement-side h3 { font-size: 22px; color: #3d57a5; position: relative; border-bottom: 1px solid #a38146; padding-bottom: 1px; display: inline-block; }
#announcement-side h5 { font-size: 1rem; font-weight: bold  }
#announcement-side p { margin: 0 0 5px; }
#announcement-side .title { font-weight: bold }
#announcement-side .subtitle { font-weight: bold; font-size: 14.5px }
#announcement-side .info { font-size: 14.5px }
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog { }
.blog .entry { padding: 2px 4px; margin-bottom: 40px;/* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); */ }
.blog .entry .entry-img { max-height: 440px; margin: 0 5px 5px -5px; overflow: hidden; }
.blog .entry .entry-title { font-size: 28px; font-weight: bold; padding: 0; margin: 0 0 0 0; }
.blog .entry .entry-title a { color: #1e4356; transition: 0.3s; }
.blog .entry .entry-title a:hover { color: #68A4C4; }
.blog .entry .entry-meta { margin-bottom: 5px; color: #72afce; text-align: center }
.blog .entry .entry-meta ul { display: inline-flex; flex-wrap: wrap; list-style: none; align-items: center; padding: 0; margin: 0; }
.blog .entry .entry-meta ul li + li { padding-left: 20px; }
.blog .entry .entry-meta i { font-size: 16px; margin-right: 8px; line-height: 0; }
.blog .entry .entry-meta a { color: #777777; font-size: 14px; display: inline-block; line-height: 1; }
.blog .entry .entry-content { font-size: 14.5px; line-height: 1.3; }
.blog .entry .entry-content p { line-height: 24px; }
.blog .entry .entry-content .read-more { -moz-text-align-last: right; text-align-last: right; margin-top: 14px; }
.blog .entry .entry-content .read-more a { display: inline-block; background: #68A4C4; color: #fff; padding: 6px 20px; transition: 0.3s; font-size: 14px; }
.blog .entry .entry-content .read-more a:hover { background: #7aafcb; }
.blog .entry .entry-content h3 { font-size: 22px; margin-top: 30px; font-weight: bold; }
.blog .entry .entry-content blockquote { overflow: hidden; background-color: #fafafa; padding: 60px; position: relative; text-align: center; margin: 20px 0; }
.blog .entry .entry-content blockquote p { color: #444; line-height: 1.6; margin-bottom: 0; font-style: italic; font-weight: 500; font-size: 22px; }
.blog .entry .entry-content blockquote::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #1e4356; margin-top: 20px; margin-bottom: 20px; }
.blog .entry .entry-footer { padding-top: 10px; border-top: 1px solid #e6e6e6; }
.blog .entry .entry-footer i { color: #4c99c1; display: inline; }
.blog .entry .entry-footer a { color: #255269; transition: 0.3s; }
.blog .entry .entry-footer a:hover { color: #68A4C4; }
.blog .entry .entry-footer .cats { list-style: none; display: inline; padding: 0 20px 0 0; font-size: 14px; }
.blog .entry .entry-footer .cats li { display: inline-block; }
.blog .entry .entry-footer .tags { list-style: none; display: inline; padding: 0; font-size: 14px; }
.blog .entry .entry-footer .tags li { display: inline-block; }
.blog .entry .entry-footer .tags li + li::before { padding-right: 6px; color: #6c757d; content: ","; }
.blog .entry .entry-footer .share { font-size: 16px; }
.blog .entry .entry-footer .share i { padding-left: 5px; }
.blog .entry-single { margin-bottom: 30px; }
.blog .blog-author { padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.blog .blog-author img { width: 120px; margin-right: 20px; }
.blog .blog-author h4 { font-weight: 600; font-size: 22px; margin-bottom: 0px; padding: 0; color: #1e4356; }
.blog .blog-author .social-links { margin: 0 10px 10px 0; }
.blog .blog-author .social-links a { color: rgba(30, 67, 86, 0.5); margin-right: 5px; }
.blog .blog-author p { font-style: italic; color: #b7b7b7; }
.blog .blog-comments { margin-bottom: 30px; }
.blog .blog-comments .comments-count { font-weight: bold; }
.blog .blog-comments .comment { margin-top: 30px; position: relative; }
.blog .blog-comments .comment .comment-img { margin-right: 14px; }
.blog .blog-comments .comment .comment-img img { width: 60px; }
.blog .blog-comments .comment h5 { font-size: 16px; margin-bottom: 2px; }
.blog .blog-comments .comment h5 a { font-weight: bold; color: #444; transition: 0.3s; }
.blog .blog-comments .comment h5 a:hover { color: #68A4C4; }
.blog .blog-comments .comment h5 .reply { padding-left: 10px; color: #1e4356; }
.blog .blog-comments .comment h5 .reply i { font-size: 20px; }
.blog .blog-comments .comment time { display: block; font-size: 14px; color: #2b607c; margin-bottom: 5px; }
.blog .blog-comments .comment.comment-reply { padding-left: 40px; }
.blog .blog-comments .reply-form { margin-top: 30px; padding: 30px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.blog .blog-comments .reply-form h4 { font-weight: bold; font-size: 22px; }
.blog .blog-comments .reply-form p { font-size: 14px; }
.blog .blog-comments .reply-form input { border-radius: 4px; padding: 10px 10px; font-size: 14px; }
.blog .blog-comments .reply-form input:focus { box-shadow: none; border-color: #b1d0e1; }
.blog .blog-comments .reply-form textarea { border-radius: 4px; padding: 10px 10px; font-size: 14px; }
.blog .blog-comments .reply-form textarea:focus { box-shadow: none; border-color: #b1d0e1; }
.blog .blog-comments .reply-form .form-group { margin-bottom: 25px; }
.blog .blog-comments .reply-form .btn-primary { border-radius: 4px; padding: 10px 20px; border: 0; background-color: #1e4356; }
.blog .blog-comments .reply-form .btn-primary:hover { background-color: #255269; }
#blog .block-main img { float: left; margin: 0 10px 10px 0 }
.blog .blog-pagination { color: #387ea2; }
.blog .blog-pagination ul { display: flex; padding: 0; margin: 0; list-style: none; }
.blog .blog-pagination li { margin: 0 5px; transition: 0.3s; }
.blog .blog-pagination li a { color: #1e4356; padding: 7px 16px; display: flex; align-items: center; justify-content: center; }
.blog .blog-pagination li.active, .blog .blog-pagination li:hover { background: #68A4C4; }
.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a { color: #fff; }
.blog .sidebar { padding: 16px 24px; margin: 0 0 20px 20px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.blog .sidebar .sidebar-title { font-size: 20px; font-weight: 700; padding: 0 0 0 0; margin: 0 0 15px 0; color: #1e4356; position: relative; }
.blog .sidebar.sticky-top { position: sticky; top: 100px; }
.blog .sidebar .sidebar-item { margin-bottom: 30px; }
.blog .sidebar .search-form form { background: #fff; border: 1px solid #ddd; padding: 3px 10px; position: relative; }
.blog .sidebar .search-form form input[type=text] { border: 0; padding: 4px; border-radius: 4px; width: calc(100% - 40px); }
.blog .sidebar .search-form form button { position: absolute; top: 0; right: 0; bottom: 0; border: 0; background: none; font-size: 16px; padding: 0 15px; margin: -1px; background: #68A4C4; color: #fff; transition: 0.3s; border-radius: 0 4px 4px 0; line-height: 0; }
.blog .sidebar .search-form form button i { line-height: 0; }
.blog .sidebar .search-form form button:hover { background: #77adca; }
.blog .sidebar .categories ul { list-style: none; padding: 0 0 0 5px; }
.blog .sidebar .categories ul li + li { padding-top: 10px; }
.blog .sidebar .categories ul a { color: #1e4356; transition: 0.3s; }
.blog .sidebar .categories ul a:hover { color: #68A4C4; }
.blog .sidebar .categories ul a span { padding-left: 5px; color: #717171; font-size: 14px; float: right; }
.blog .sidebar .recent-posts .post-item + .post-item { margin-top: 15px; }
.blog .sidebar .recent-posts img { width: 60px; float: left; }
.blog .sidebar .recent-posts h4 { font-size: 15px; margin: 0 0 2px 75px; font-weight: bold; }
.blog .sidebar .recent-posts h4 a { color: #1e4356; transition: 0.3s; }
.blog .sidebar .recent-posts h4 a:hover { color: #68A4C4; }
.blog .sidebar .recent-posts time { display: block; margin-left: 75px; font-style: italic; font-size: 14px; color: #aaaaaa; }
.blog .sidebar .tags { margin-bottom: -10px; }
.blog .sidebar .tags ul { list-style: none; padding: 0; }
.blog .sidebar .tags ul li { display: inline-block; }
.blog .sidebar .tags ul a { color: #3f8db5; font-size: 14px; padding: 6px 14px; margin: 0 6px 8px 0; border: 1px solid #e4eff5; display: inline-block; transition: 0.3s; }
.blog .sidebar .tags ul a:hover { color: #fff; border: 1px solid #68A4C4; background: #68A4C4; }
.blog .sidebar .tags ul a span { padding-left: 5px; color: #bedae8; font-size: 14px; }
/*--------------------------------------------------------*/
/* Single page */
/*---------------------------------------------------*/
#journal-blog { padding-top: 140px; }
.journal-txt h4 a { display: block; font-size: 20px; font-weight: 700; padding: 0 0 0 0; margin: 0 0 12px 0; color: #1e4356; transition: all 0.5s ease-in-out 0s; }
.journal-txt h4 a:hover { color: #b8a07e; transition: all 0.5s ease-in-out 0s; }
.post-meta ul li { font-size: 12px; font-weight: normal; margin-left: 8px; margin-right: 8px; text-transform: capitalize; display: inline-block; float: none; }
.content-main .post-meta a { color: #a2a2a2; margin-left: 5px; }
/* Commonts */
.comments { background: #fff; }
.entry-comments h6 { margin-right: 10px; font-size: 13px; letter-spacing: 0.1em; font-weight: 500; }
.entry-comments-item { margin-top: 40px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }
.entry-comments-item p { margin-top: 8px; line-height: 1.2; }
.entry-comments-avatar { position: absolute; display: block; width: 40px; height: 40px; }
.entry-comments-body { padding-left: 66px; }
.entry-comments-author, .ec-list { margin-right: 10px; font-size: 13px; color: #292929; letter-spacing: normal; font-weight: 500; }
.ec-list, .ec-list a { font-size: 13px; color: #666; }
.ec-list img { vertical-align: unset }
.rep { font-size: 13px; color: #292929; letter-spacing: 0.1em; font-weight: 500; text-transform: capitalize; }
.entry-comments span a { font-size: 13px; color: #999; }
.entry-comments-reply { padding-left: 10%; }
/* Commonts form */
.cmt { background: #fff; }
blockquote { padding: 40px; background-color: #f2f2f2; margin: 30px 0; border: none; border-left: 4px solid #b8a07e; }
/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts { padding-bottom: 30px; }
.counts .count-box { padding: 40px 0 10px; width: 100%; text-align: center }
.counts .count-box i { display: block; font-size: 38px; color: #EEE; line-height: 0; }
.counts .count-title { font-family: "Comic Sans MS", cursive; font-weight: normal; font-size: 1.2rem; color: #eee }
.counts .count-box span { font-size: 38px; line-height: 40px; display: block; font-weight: 700; color: #EEE; padding: 10px 0 5px; }
.counts .count-box p { padding: 8px; margin: 10px 0 0 font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px; font-weight: bold; color: #F1F1F1; }
.counts .count-box a { font-weight: 600; display: block; margin-top: 20px; color: #49788c; font-size: 15px; font-family: "Poppins", sans-serif; transition: ease-in-out 0.3s; }
.counts .count-box a:hover { color: #6e9fb4; }
.counts .spacerDiv { padding: 2px 0; background: rgba(255,255,255,.2); }
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { background: #b82025; padding: 10px 0 0; color: #fff; font-size: 14px; border-top: 1px solid #666; overflow:hidden }
#footer .footer-top { padding: 36px 0 0 0; }
#footer .footer-top .footer-info h3 { font-size: 20px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700; }
#footer .footer-top .footer-info p { font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; }
#footer .footer-top .social-links i { color: #f4f4f4; font-size: 22px; }
#footer .footer-top .social-links a { font-size: 14px; color: #eee; line-height: 1; padding: 8px 0; text-align: center; width: 36px; height: 36px; transition: 0.3s; display: inline-block; background: none; margin-right: 10px; }
#footer .footer-top h4 { font-size: 1rem; font-family: "Times New Roman", Times, serif; color: #EEE; position: relative; padding-bottom: 5px;border-bottom: 2px solid #b5b1b1;margin-bottom: 12px; text-transform:uppercase }
#footer .footer-top a { color: #eee }
#footer .footer-top .footer-links { margin-bottom: 30px; position: relative }
#footer .footer-top .footer-image { position: relative; }
#footer .footer-top .footer-image img { width: auto; max-width: 100% }
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-top .footer-links ul i { padding-right: 2px; color: #b5d9e9; font-size: 18px; line-height: 1; }
#footer .footer-top .footer-links ul li { padding: 4px 0; display: flex; align-items: center; }
#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
#footer .footer-top .footer-links ul a { font-family: "Times New Roman", Times, serif; color: #eee; transition: 0.3s; display: inline-block; line-height: 1; text-decoration: none; }
#footer .footer-top .footer-links ul a:hover { color: #a2cfe3; }
#footer .footer-top .footer-newsletter form { margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 4; }
#footer .footer-top .footer-newsletter form input[type="email"] { border: 0; padding: 4px; width: calc(100% - 110px); }
#footer .footer-top .footer-newsletter form input[type="submit"] { position: absolute; top: 0; right: 0; bottom: 0; border: 0; background: none; font-size: 16px; padding: 0 20px; background: #67b0d1; color: #fff; transition: 0.3s; border-radius: 4; }
#footer .footer-top .footer-newsletter form input[type="submit"]:hover { background: #409cc5; }
#footer .copyright { position: relative; width: 100%; text-align: center; padding: 10px 0; border-top: 1px solid #444; margin-top: 30px; font-size: 12px; background: #000; overflow:hidden }
#footer .copyright a { color: #eee }
#footer .copyright p { margin-bottom: 0 }
#footer .copyright .visits { padding: 0 10px }
 @media (max-width: 575px) {
#footer .footer-top .footer-info { margin: -20px 0 30px 0; }
#footer .footer-top .footer-image img { position: relative; margin-top: 0 }
}