/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { font-family: "Open Sans", sans-serif; color: #444444; font-size: 16px }
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: -5px; 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: block }
.breadcrumbs { padding: 20px 0 12px }
.modal-backdrop { z-index: 100 }
#admin_menu { position: fixed; top: 0; left: 45%; background: #F00; padding: 1px 10px; z-index: 2000; font-size: 14px; }
#admin_menu a { color: #fff }
#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-xs {padding: .07rem .4rem;font-size: .875rem; border-radius: .2rem;line-height: 1.4;border-color: #f8f9fa; }
.btn-xs.lht{border-color: #888; }
.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 }
.wett { position: relative }
.wett img { position: relative;  }
.social-media-head { padding: 0 10px 0; font-size: 22px; display: inline-block; width: 100%; text-align:right; margin-bottom:10px }
.social-media-head a { padding: 0; color: #878484 }
.social-media-head a:hover { color: #eee }
#social-links { text-align: right; }
.social-links { padding: 5px 10px 0; font-size: 14px; display: inline-block; width: 100% }
.social-links a { padding: 0; 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: 1px; 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: 2px; font-size:.9rem}
.smlTitle h3 { font-size: 16px; color: #a38146; position: relative; border-bottom: 1px solid #a38146; padding-bottom: 1px; display: inline-block; }
.breadcrumbs #srchForm input, .breadcrumbs #srchForm .btn-light { background: rgba(255,255,255,.4) }
.breadcrumbs #srchForm input:focus, .breadcrumbs #srchForm input:focus + .btn-light { background: #fff }
/*--------------------------------------------------------------
# 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;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { background: #fff; transition: all 0.5s; z-index: 997; height: auto; min-height: 100px; padding: 4px 0 0; position: relative; width: 100% }
#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: 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;  }
#header .header-info { font-size: 14px; line-height: 1.2 }
#header .header-info p { margin: 0; text-align: right }
.head-space { padding: 0 0 10px 0; position: relative;  border-top: none}
.head-space a { margin: 2px }
#head-space-bar { position: absolute; background: #999; height: 80px; border-left: 4px solid #999; left: 22px;bottom: 10px; }

@media (max-width: 768px) {
#header .logo { z-index: 100; margin: 56px 0 0; text-align:center }
#header .logo img { margin: 0; max-height: none; }
.head-space { border-top:1px solid #999; padding: 10px 0 5px 0; }
.head-space a { margin: 2px 12px}
.social-media-head { padding: 0 10px 0; font-size: 22px; display: inline-block; width: 100%; text-align:center; margin-bottom:10px }
#header .header-info p {text-align:center; }
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
#navbarDiv.fixed { position: fixed; top: 0; width: 100%; left: 0; z-index: 100 }
#header .logo.fixed { position: fixed; top: 40px; left: 50%; transform: translateX(-50%); background:rgba(255,255,255, 0.85); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 0 40px 5px;border: 1px solid #333; }
#header .logo.fixed > a > img { width: 150px;padding-top: 10px; }
#navbarDiv.fixed .navbar { padding: 14px 0 }
#navbarDiv .navbar { position: relative; top: inherit; left: inherit; padding: 10px 0 5px; }
ul.ulTop { padding: 0; text-align: center; }
.navbar-dark .ulTop .nav-link { padding: 0 20px; color: #fee6c1; text-transform: uppercase; font-size: 13px; }
.navbar-dark .ulTop .nav-item { border-top: none; padding: 0 }
#navbarDiv .navbar-brand { display: none }
.ulTop .nav-item ul { display: none }
.ulTop .nav-item .dropdown-menu { background: rgba(255,255,255,.7) }
@media screen and (max-width: 768px) {
#navbarDiv .navbar { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; padding:10px }
ul.ulTop { }
.navbar-dark .ulTop .nav-item { border-top: 1px dotted #a6a1a1; padding: 4px 0; }
#navbarDiv .navbar-brand { display: block; font-size: 16px }
#header .logo.fixed { top: 12px; padding: 5px 20px;width: 100%; text-align: center; }
#navbarDiv .navbar > .container-fluid { padding: 0 }
}
/*--------------------------------------------------------------
# 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 (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: 2rem; z-index: 100; }
#homeCarousel .carousel-caption p.lrg { font-size: 2rem; }
#homeCarousel .carousel-caption * { line-height: 1.1; }
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 30px 0; }
.section-bg { background-color: #ecf0f1; }
section.inner-page { background-color: #FFF; }
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; color: #a38146; position: relative; border-bottom: 1px solid #a38146; padding-bottom: 1px; display: inline-block; }
section.inner-page .ip-lrg h2::after { content: ""; position: absolute; width: 40px; padding: 4px; margin: 8px 0 0 20px; background: #3599e3; border-radius: 8px; }
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 h4 { font-size: 28px; margin-bottom: 10px; color: #3599e3; text-align: left; line-height: 1.2; }
.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: 2px; position: relative /* display:inline-block */ }
.galItem .img-thumbnail { padding: 0; width: 100%; border: 0; border-radius: 0; }
.galInfo { position: absolute; bottom: 1px; left: 1%; background: rgba(63, 142, 209,.6); color: #eee; z-index: 100; padding: 0 4px; width: 98%; font-size: 14px }
.galInfo .list-inline { padding:3px 0; margin:0 }
.galInfo .list-inline-item{ text-align: center;width: 31%;}
.galInfo a { color: #eee;  font-size: 13px  }
.galItem:hover .galInfo { display: block }
@media (max-width: 667px) {
section.inner-page .ip-lrg { padding:0 }
.galInfo { display: block; }
.galInfo .list-inline-item{ width: 100%;}
}
/*--------------------------------------------------------------
# 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; }
/*--------------------------------------------------------------
# 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 }
}
/*--------------------------------------------------------------
# programs
--------------------------------------------------------------*/
.programs { position: relative; padding: 30px 0 40px }
.programs .container { overflow: hidden; }
.programs-slider { overflow: hidden; }
.programs .icon-box { margin-bottom: 10px; text-align: center; }
.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 30px; }
.programs .icon i { font-size: 36px; line-height: 0; }
.programs-titles { margin: 0 auto 15px; min-height: 110px; background: #fff; width: 90%; padding: 5px; position: relative }
.programs .p_title { font-size: 15px; position: relative; padding-bottom: 6px; text-align: center; color: #0376ff; 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 { font-size: 14px; text-align: justify; min-height: 70px }
/*--------------------------------------------------------------
# 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 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 }
/*--------------------------------------------------------------
# Product
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
section.portfolio {padding-top: 0;margin: 0 0 20px 0;z-index: 100;position: relative; }
.portfolio .bd-highlight { background: rgba(255,255,255,.6); padding:0; margin: -4px 0 5px 0; text-align:center }
.portfolio .bd-highlight a { width:auto }
.portfolio .bd-highlight a { font-weight:bold; color:#333; font-size:1.2rem; padding:0 10px;  }
.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 { font-size: 14px }
 @media (max-width:668px) {
section.portfolio {padding-top: 0;margin: 0 0 20px 0; }
.portfolio .bd-highlight a { width:50%; font-size:1.1rem; }
.portfolio .bd-highlight { margin-bottom:0 }
}

/*--------------------------------------------------------------
# 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.lrg { padding:0 }
#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 }
@-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: 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: #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: 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: 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%; 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: #a38146; position: relative; border-bottom: 1px solid #a38146; padding-bottom: 1px; display: inline-block; }
#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; }
/*--------------------------------------------------------------
# get_started
--------------------------------------------------------------*/
.cta { padding-bottom: 30px; min-height:360px; color:#eee; line-height:1.1 }
.cta h4 { font-size:1.1rem }
.cta-content { position:relative; margin-top:70px }
.cta-space-bar { position: relative; height: 90px; border-left: 3px solid #eee; bottom: 10px; width: 1px; padding:0 0 0 5px;margin-left: 5px;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { background: #111111; padding: 10px 0 10px; color: #fff; font-size: 14px; border-top: 1px solid #313030; }
#footer .footer-top { padding: 36px 0 0 0; }
#footer .footer-top  .ft-one { padding-right:20px }
#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: 18px; }
#footer .footer-top .social-links a { font-size: 14px; color: #eee; line-height: 1; padding: 0; text-align: center; transition: 0.3s; display: inline-block;  margin-right: 10px; }
#footer .footer-top h4 { font-size: 18px; color: #EEE; position: relative; padding-bottom: 20px; margin-top:40px }
#footer .footer-top .social-links h4 { padding-bottom: 10px;  }
#footer .footer-top p {line-height: 1.32;margin: 0;font-size: .94rem;}
#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 { color: #eee; transition: 0.3s; display: inline-block; line-height:1.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; }
#footer .copyright a { color: #eee }
#footer .copyright p { margin-bottom: 0; font-size: .8rem; }
#footer .copyright .visits { padding: 0 10px }
 @media (max-width: 575px) {
#footer .footer-top  .ft-one { padding-right:2px }
#footer .footer-top .footer-info { margin: -20px 0 30px 0; }
#footer .footer-top .footer-image img { position: relative; margin-top: 0 }
}