/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { font-family: "Open Sans", sans-serif; color: #444444; }
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: 2.5rem; }
h2 { margin: 0 0 5px 0; font-size: 2rem; }
h3 { margin: 0 0 5px 0; font-size: 1.75rem; }
h4 { margin: 0 0 5px 0; font-size: 1.5rem; }
h5 { margin: 0 0 5px 0; font-size: 1.3rem; }
h6 { margin: 0 0 5px 0; font-size: 1.15rem; }
p { margin: 0 0 5px 0; font-size: 1rem; }
#main { margin-top: 10px; }
#main.inner-page { margin-top: 80px; min-height: 300px; padding: 0 0 30px; }
.container, .container-sm, .container-xl, .container-xxl { max-width: 1170px; }
#welcome .container { max-width: 1024px; }
.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 }
.m-5: { margin:5px }
.mt-5 {	margin-top:5px }
.mb-5 {	margin-bottom:5px }
.mr-5 {	margin-right:5px }
.ml-5 { margin-left:5px }
.m-10 {	margin:10px }
.mt-10 { margin-top:10px }
.mb-10 { margin-bottom:10px }
.mr-10 { margin-right:10px }
.ml-10 { margin-left:10px }
.p-5 { padding:5px }
.pt-5 { padding-top:5px }
.pb-5 {	padding-bottom:5px }
.pr-5 {	padding-right:5px }
.pl-5 {	padding-left:5px }
.p-10 {	padding:10px }
.pt-10 { padding-top:10px }
.pb-10 { padding-bottom:10px }
.pr-10 { padding-right:10px }
.pl-10 { padding-left:10px }
.hidden-xs { display: none }
.breadcrumbs { padding: 20px 0 12px }
#admin_menu { position: fixed; top: 0; left: 15%; background: #F00; padding: 1px 10px; z-index: 2000; font-size: 14px; }
#admin_menu a { color: #fff }
.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; }
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: 112px; z-index: 1000;background: rgba(255,255,255,.4);padding:2px 0 0 1px;border-radius: 20px 0 0 20px; }
.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); }
#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}
/*--------------------------------------------------------------
# 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; left: 0; top: -6px; cursor: pointer; font-size: 22px; 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;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { background: #FFF; transition: all 0.5s; z-index: 997; height: auto; max-height: 100px; padding: 8px 0 4px }
#header.header-scrolled { position: fixed; width: 100% }
#header.header-scrolled, #header.header-inner-pages { background: #FFF; border-bottom: 2px solid #000; }
#header .logo { font-size: 28px; margin: 6px 0 0; padding: 0; line-height: 1; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; position: relative; z-index: 100; left: auto; }
#header .logo a { color: #fff; }
#header .logo img { position: relative; margin: 0; left: auto; max-height: 72px }
@media (min-width: 768px) {
#header .logo { z-index: 100; }
#header .logo img { position: absolute; margin: 0; max-height: none; left: 100px; }
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar { padding: 0; display: inherit }
.navbar ul { margin: 4px 0; 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 4px; font-family: Arial, Helvetica, sans-serif; font-size: .8rem;
font-weight: 600; color: #114583; white-space: nowrap; transition: 0.3s; text-transform: uppercase; position: relative; }
.navbar a i, .navbar a:focus i { font-size: 9px; line-height: 0; margin-left: 1px; }
.navbar > ul > li > a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -3px; left: 0; background-color: #36aae3; visibility: hidden; width: 0px; transition: all 0.3s ease-in-out 0s; }
.navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before { visibility: visible; width: 100%; }
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #114583; }
#header .getstarted, #header .getstarted:focus { position: absolute; padding: 6px 25px; margin: 9px 0 0 22px; border-radius: 4px; color: #fff; 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; }
.navbar .dropdown ul { display: block; position: absolute; left: 2px; top: calc(100% + 30px); margin-top: 0; padding: 0; z-index: 99; opacity: 0; visibility: hidden; background: rgba(255,255,255,.9); box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.navbar .dropdown ul li { min-width: 200px; text-align: left }
.navbar .dropdown ul a { display: block; padding: 5px 10px; font-size: .75rem;
font-weight: 600; 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 { background: #f1f1f1; }
.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; }
#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 { color: #2b59e2; padding:.1rem .5rem;
text-transform: capitalize }
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul { left: -90%; }
.navbar .dropdown .dropdown:hover > ul { left: -100%; }
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle { color: #222; font-size: 68px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; }
.mobile-nav-toggle.bi-x { color: #222; }
 @media (max-width: 991px) {
.mobile-nav-toggle { display: block; }
.navbar ul { display: none; }
.spacerDiv { width: 70%; }
}
.navbar-mobile { position: fixed; overflow: hidden; top: 20px; right: 0; left: 0; bottom: 0; background: none; 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: #f4f1f1; overflow-y: auto; transition: 0.3s; }
.navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: #2a2a2a; }
.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: #cecbcb; 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; }
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#home { width: 100%; height: auto; background-color: rgba(17, 17, 17, 0.8); overflow: hidden; padding: 0; }
#home .carousel-item { width: 100%; height: auto; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; transition: 0.3; }
#home .carousel-item::before { content: ""; background-color: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
#home .carousel-container { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
#home .carousel-caption { width: 90%; text-align: center; right: 5%; bottom: 1rem; left: 5%; font-size: 16px; font-weight: 700; }
#home h2 { color: #fff; font-size: 28px; font-weight: 700; }
#home .carousel-txt { background: rgba(0,0,0,.1); padding: 12px 20px; border-radius: 14px }
#home h2 span { color: #5c9f24; }
#home p { width: auto; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; margin: auto; color: #fff; }
#home .carousel-inner .carousel-item { transition-property: opacity; background-position: center top; }
#home .carousel-inner .carousel-item, #home .carousel-inner .active.carousel-item-start, #home .carousel-inner .active.carousel-item-end { opacity: 0; }
#home .carousel-inner .active, #home .carousel-inner .carousel-item-next.carousel-item-start, #home .carousel-inner .carousel-item-prev.carousel-item-end { opacity: 1; transition: 0.5s; }
#home .carousel-inner .carousel-item-next, #home .carousel-inner .carousel-item-prev, #home .carousel-inner .active.carousel-item-start, #home .carousel-inner .active.carousel-item-end { left: 0; transform: translate3d(0, 0, 0); }
#home .carousel-control-next-icon, #home .carousel-control-prev-icon { background: none; font-size: 24px; line-height: 0; width: auto; height: auto; background: rgba(0,0,0, 0.8); border-radius: 50px; transition: 0.3s; color: #fff; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; }
#home .carousel-control-next-icon:hover, #home .carousel-control-prev-icon:hover { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); }
#home .carousel-indicators { bottom: 0 }
#home .carousel-indicators li { cursor: pointer; background: #fff; overflow: hidden; border: 0; width: 12px; height: 12px; border-radius: 50px; opacity: 0.6; transition: 0.3s; }
#home .carousel-indicators li.active { opacity: 1; background: #5c9f24; }
#home .btn-get-started { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 10px 32px 12px 32px; border-radius: 4px; transition: 0.5s; line-height: 1; margin: 10px; color: #fff; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; text-transform: uppercase; border: 2px solid #5c9f24; background: #5c9f24; }
#home .btn-get-started:hover { background: #6ab82a; border-color: #6ab82a; color: #fff; }
@media (min-width: 768px) {
#home .carousel-caption { width: 60%; text-align: center; right: 20%; bottom: 30%; left: 20%; font-size: 24px; font-weight: 700; }
#home h2 { font-size: 28px; }
}
@media (min-width: 1024px) {
#home p { width: 100%; }
#home .carousel-control-prev, #home .carousel-control-next { width: 5%; }
#home .carousel-content { width: 80%; text-align: center; }
#home .carousel-content img { width: 100% }
.hidden-xs { display: block }
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 30px 0; }
section.inner-page, .section-bg { background-color: #fbfafa; }
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: 150px; box-shadow: 0 1px 2px #bbb; padding: 20px }
section.inner-page .ip-lrg h1 { font-size: 22px }
section.inner-page .ip-lrg h2 { font-size: 18px; color: #777; margin-bottom: 5px; }
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 { text-align: center; padding-bottom: 30px; color: #222; line-height: 1.2; }
.section-title h4 { font-size: 22px; font-weight: bold; text-transform: uppercase; margin-bottom: 12px; padding-bottom: 0; color: #feb818; }
.section-title p { margin-bottom: 0; }
.section.inner-page .theTable th, .section.inner-page .theTable td { font-size: 13px }
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us { padding: 0 0 30px 0; position: relative; z-index: 3; }
.why-us .box { border-top: 1px solid #000; text-align: center; position: relative; margin: 10px 0; }
.why-us .box-inner { border: 1px dotted #feb818; }
.why-us .box-inner img {border-radius: 0 0 6em 6em / 2em; }
.why-us .box-icon { text-align: center; margin: -28px 0 0 }
.why-us .box-icon i { background: #feb818; padding: 12px; border: 6px solid #fff; border-radius: 50%; font-size: 1.4rem; color: #eee; }
.why-us .box-title { font-size: 12px; color: #feb818; text-transform: uppercase; margin: 15px 0 5px; font-weight: bold; }
.why-us .box-subtitle { font-size: 16px; color: #000; font-weight: bold; margin: 3px 0 6px }
.why-us .box-content { padding: 5px; }
.why-us .content p { text-align: center; color: #999 }
.why-us .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; }
.why-us .content .more-btn i { font-size: 14px; }
.why-us .content .more-btn:hover { color: #ff5821; background: #fff; }
.why-us .icon-boxes .icon-box { text-align: center; border-radius: 10px; background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); padding: 40px 30px; width: 100%; }
.why-us .icon-boxes .icon-box i { font-size: 40px; color: #cda90c; margin-bottom: 30px; }
.why-us .icon-boxes .icon-box h4 { font-size: 20px; font-weight: 700; margin: 0 0 30px 0; }
.why-us .icon-boxes .icon-box p { font-size: 15px; color: #716f6f; }
@media (min-width: 992px) {
.why-us .box { margin: -50px 0 0; }
}
/*--------------------------------------------------------------
# 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%; }
}
@media (max-width: 667px) {
.about .image img { max-width: 100%; }
.hidden-xs { display: none }
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services { position: relative; padding: 30px 0 40px }
.services .container { overflow: hidden; }
.services-slider { overflow: hidden; }
.services .icon-box { margin-bottom: 10px; text-align: center; }
.services .services-box { text-align: justify; }
.services .services-box p {
margin-bottom: .3rem; line-height: 1.2; font-size: .94rem
}
.services .icon { display: inline-flex; justify-content: center; align-items: center; margin-bottom: 12px; transition: 0.5s; color: #5c9f24; padding: 10px 35px 30px; }
.services .icon i { font-size: 36px; line-height: 0; }
.service-titles { margin: -40px auto 15px; min-height: 110px; background: #fff; width: 90%; padding: 10px; position: relative }
.services .title { font-weight: 600; font-size: 13px; position: relative; padding-bottom: 6px; text-align: left; color: #0376ff; text-transform: uppercase }
.services .ptitle { font-weight: 600; font-size: 18px; color: #222; line-height: 1.2; text-align: left; }
.service-link { position: absolute; bottom: 0; right: 0; z-index: 100 }
.services .title a { color: #444444; transition: 0.3s; }
.services .title a:hover { color: #5c9f24; }
.services .section-title h4 { font-size:16px }
/*--------------------------------------------------------------
# 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 .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 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: relative; 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; }
.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: #222; 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: #222; 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 { margin-top: 45px }
.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 }
@-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; background: #f6f6f6; min-height: 20px; margin-top: 60px; }
.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 ol li + li { padding-left: 10px; }
.breadcrumbs ol li + li::before { display: inline-block; padding-right: 10px; color: #444444; content: "/"; }
@media (max-width: 768px) {
.breadcrumbs .d-flex { display: block !important; }
.breadcrumbs ol { display: block; }
.breadcrumbs ol li { display: inline-block; }
}
/*--------------------------------------------------------------
# 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:#ddd0e1; color:#575353; font-size:15px; padding:2px; 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: 20px; 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: 24px; position: absolute; top: 10px; left: 20px; color: #9cdc66; }
.faq .faq-list .icon-show, .faq .faq-list .icon-close { font-size: 24px; position: absolute; right: 0; top: 0; }
.faq .faq-list p { margin-bottom: 0; padding: 10px 0 0 0; font-size: 13px; 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: 13px }
#announcementDiv .minutesDiv h4 { background: #feb818; padding: 2px 10px; color: #eee; font-size: 16px; }
.announcements .details p { font-size: 12px }
.announcements .details label { margin: 1px 0 }
.announcements .sp-event { font-size: 13px; 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: 14px; line-height: 1.3; }
@media (min-width: 768px) {
#announcementDiv, #announcementDiv p { font-size: 14px }
#announcementDiv .minutesDiv h4 { font-size: 18px; }
}
.minutesDiv h4, #informationDiv h4, #informationDiv .infoDivTitle { background: #36aae3; color: #eee; font-size: 15px; margin: 0 2px 5px; padding: 2px 3px; white-space: nowrap; width: 100%; }
#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 }
/*--------------------------------------------------------------
# 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; } 
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { background: #fff; padding: 0 0 10px; color: #444; font-size: 13px; border-top: 3px solid #222 }
#footer .footer-top { padding: 46px 0 0 0; }
#footer .footer-top .footer-info { margin-top: -90px; margin-bottom: 15px; background: white; color: #2f4d5a; border-top: 4px solid #67b0d1; text-align: center; padding: 30px 20px 5px; }
#footer .footer-top .footer-info h3 { font-size: 24px; 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 a { font-size: 18px; display: inline-block; color: #fff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; }
#footer .footer-top .social-links a.linkedin { width: 100px; border-radius: 6px; height: 30px; padding: 5px 0; }
#footer .footer-top .social-links .alert { padding:.4rem .6rem
}

#footer .footer-top .social-links a.linkedin.fb { background: #298cb9; }
#footer .footer-top .social-links a.linkedin.fb:hover { background: #67b0d1; }
#footer .footer-top .social-links a:hover { background: #67b0d1; color: #fff; text-decoration: none; }
#footer .footer-top h4 { font-size: 16px; font-weight: 600; color: #555; position: relative; padding-bottom: 5px; }
#footer .footer-top .footer-links { margin-bottom: 30px; position: relative }
#footer .footer-top .footer-links li { width: 100%; display:inline-block;}
#footer .footer-top .footer-links li a { color:#666; font-size: 14px; line-height: 1.2; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; }
#footer .footer-top .footer-links li a:hover { color:#222; }
#footer .copyright { background: #222; text-align: center; padding: 10px 0; border-top: 1px solid #444; margin-top: 10px; color: #eee; }
#footer .copyright p { margin-bottom: 0 }
#footer .copyright a { padding-top: 10px; text-align: center; font-size: 13px; color: #ccc; }
#footer .copyright .visits { padding: 0 10px }
 @media (max-width: 575px) {
#footer .footer-top .footer-links li { display:inline-block; width: 100%;}
#footer .footer-top .footer-info { margin: -20px 0 30px 0; }
#footer .footer-top .footer-image img { position: relative; margin-top: 0 }
}