/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { color: #444444; font-size: 1rem; background: #edf1f4; overflow-x: hidden; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal }
h1 { margin: 0 0 5px 0; font-size: 3rem; }
h2 { margin: 0 0 5px 0; font-size: 2.5rem; }
h3 { margin: 0 0 5px 0; font-size: 2rem; }
h4 { margin: 0 0 5px 0; font-size: 1.5rem; }
h5 { margin: 0 0 5px 0; font-size: 1.125rem; }
h6 { margin: 0 0 5px 0; font-size: 1rem; }
p { margin: 0 0 5px 0; font-size: 1rem; }
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal }
#main { margin-top: 0; }
#main.inner-page { min-height: 300px; padding: 0; }
.container, .container-sm, .container-xl, .container-xxl { max-width: 1170px; }
.cont-content { background: #fff; padding: 10px; max-width: 1150px; }
.nopad { padding: 0 }
.nopadr { padding-right: 0 }
.nopadl { padding-left: 0 }
.nopad-xs { }
.ctr { text-align: center }
.clr { clear: both; height: 0px; margin: 0px; padding: 0px; }
.clr5 { clear: both; height: 5px; margin: 0px; padding: 0px; }
.clr10 { clear: both; height: 10px; margin: 0px; padding: 0px; }
.clr20 { clear: both; height: 20px; margin: 0px; padding: 0px; }
.spc10 { display: block; width: 10px; }
.spc20 { display: block; width: 20px; }
.rht { text-align: right }
.lft { text-align: left }
.bg-white { background-color: rgba(255,255,255,.8) !important; }
.bg-gray { background-color: #eee }
hr.sml { margin: 3px 0 }
.hidden-xs { display: block }
.breadcrumbs { padding: 20px 0 12px }
.modal-backdrop { z-index: 100 }
#admin_menu { position: fixed; top: 0; left: 15%; background: #F00; padding: 1px 10px; z-index: 2000; font-size: 14px; }
#admin_menu a { color: #fff }
.adminEdit { position: absolute; right: 5px; background: #fff; z-index: 10; line-height: 1.2; font-size: .9rem;
}
.hidden { display: none }
.albumDiv { position: relative; z-index: 9 }
.admin-edit { position: absolute; left: 16px; top: 4px; z-index: 10; background: #eee; }
.alert-dark { color: #eee; background-color: #333333; border-color: #272727; }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }
.btn-block + .btn-block { margin-top: 5px; }
.btn.btn-xs { padding: .2rem .4rem;
font-size: .8rem;
}
img { width: auto; max-width: 100% }
#phone-div { font-size: 13px; font-weight: bold; color: #777; margin: 0; }
#phone-div a { color: #777; text-transform: uppercase }
#social-links { text-align: right; }
.social-links { padding: 0; font-size: 14px; display: inline-block; width: 100% }
.social-links a { background: #222; border-radius: 25px; padding: 5px 5px 2px; color: #878484 }
.social-links a:hover { color: #eee }
.spacerDiv { display: block; width: 80%; background: #999; padding: 6px 0; margin: 12px auto 0; }
#blogDiv { position: absolute; right: 0; top: 102px; z-index: 1000; background: rgba(255,255,255,.4); padding: 2px 0 2px 3px; border-radius: 5px; }
.bg-danger { background-color: #ff0000 !important; }
.text-shadow { text-shadow: 0px 3px 0px #b2a98f, 0px 14px 10px rgba(0,0,0,0.15), 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); }
.floating-label > input + label, .floating-label > textarea + label { position: absolute; z-index: 3; max-width: calc(100% - 2px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; top: 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.form-control-lg + label, .floating-label > textarea.form-control-lg + label { left: 2px; font-size: 1.1rem; color: #777; }
.floating-label > select + label { left: 0.5rem; right: auto !important; }
.form-control-lg, .form-select-lg { font-size: 1.15rem; padding: .5rem 1rem;
}
.form-select-lg { padding: .5rem .8rem;
}
/*--------------------------------------------------------------
# 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 }
/*--------------------------------------------------------------
# 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 things on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
 [data-aos-delay] {
 transition-delay: 0 !important;
}
#topHeader.hidden-xs { display: none }
.hidden-xs { display: none }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#topHeader { background: #eee; color: #666; font-size:.8rem;
padding: 5px 0 6px }
#topHeader, #btmHeader { display: block; width: 100% }
#topHeaderBar { position: absolute; bottom: -10px; padding: 8px; color: #F90; width 100%;
display: block; padding: 10px; z-index: 10 }
#header { transition: all 0.5s; background: #fff; z-index: 997; height: auto; padding: 0 0 4px }
#header.header-inner-pages { background: #fff; top: 0; left: 0; width: 100%; }
#header .logo { font-size: 28px; margin: -8px 0 0; padding: 0; line-height: 1; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; position: absolute; z-index: 100 }
#header #logo.scrolled { position: fixed; top: 0; left: 0; width: 50%; z-index: 1001; }
#header .logo a { color: #fff; }
#header .logo img { margin: 0; }
#bookDiv, #socialDiv { position: relative }
#book-consultation { background: #e43f10; color: #eee; width: 90%; display: block; text-align: center; position: absolute; left: 5%; top: -5px; padding: 5px 0 }
#topHeader #social-media { position: absolute; right: 0; top: -4px }
#topHeader a.social-media { font-size: 16px; color: #716e6e; padding: 0 6px }
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.navbar { padding: 2px 0 2px; display: inherit }
.navbar.scrolled { display: inherit; position: fixed; top: 0; left: 0; background: #fff; width: 100%; z-index: 1000; border-bottom: 2px solid #999; }
.navbar ul { margin: 0 0 1px; padding: 14px 0; list-style: none; text-align: right; line-height: 1 }
.navbar li { position: relative; }
.navbar > ul > li { white-space: nowrap; padding: 3px 0; width: auto; display: inline-block; text-align: center }
.navbar a, .navbar a:focus { font-weight: 600; white-space: nowrap; transition: 0.3s; text-transform: capitalize; position: relative; color: #003554 }
.ulTop li a.nav-link {
padding:.3rem .5rem; text-transform: capitalize; font-size: 1.2rem; font-weight: 600 }
.navbar a:hover { color: #222 }
.navbar a i, .navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; }
.navbar a.dropdown-item {
font-size: .9rem; line-height: 1.5; border-bottom: 1px dashed #eee; }
.navbar .dropdown-menu { padding: .2rem .5rem;
}
.navbar .dropdown-menu.fl { right: 0; left: auto; text-align: center; margin: 5px 0 0; }
.navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before { visibility: visible; width: 100%; }
.navbar .dropdown ul { display: block; position: absolute; left: 2px; top: calc(100% + 30px); margin: 0; padding: 6px 0; z-index: 99; opacity: 0; visibility: hidden; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; }
.navbar .dropdown ul li { min-width: 200px; text-align: left }
.navbar .dropdown ul a { display: block; padding: 5px 10px; font-size: .85rem;
font-weight: 500; text-transform: uppercase; }
.navbar .dropdown ul a i { font-size: 12px; }
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: #000; }
.navbar .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible; }
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; }
.navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible; }
.ulBtn .nav-item:not(:last-child) { border-right: 1px dotted #777; line-height: .5rem;
}
 @media (max-width: 1366px) {
.navbar .dropdown .dropdown ul { left: -90%; }
.navbar .dropdown .dropdown:hover > ul { left: -100%; }
}
@media (max-width: 1170px) {
.navbar a, .navbar a:focus { font-size:.9rem
}
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle { font-size: 48px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; }
.mobile-nav-toggle.bi-x { color: #5c9f24; }
 @media (max-width: 991px) {
.mobile-nav-toggle { display: block; }
.navbar ul { display: none; }
.ulTop li a {
padding:.3rem .5rem; font-size: 1.1rem; }
.spacerDiv { width: 70%; }
#header .logo { position: absolute; width: 30% }
.ulTop li a.nav-link {
padding: .5rem 1.7rem; margin-bottom: 2px; }
#memberLogin { margin: 5px 0 0 }
}
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(17, 17, 17, 0.9); transition: 0.3s; z-index: 999; }
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }
.navbar-mobile ul { display: block; position: relative; top: 55px; right: auto; bottom: 15px; left: auto; padding: 10px 0; background-color: #222; overflow-y: auto; transition: 0.3s; }
.navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: #FFF; }
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #5c9f24; display: block }
.navbar-mobile > ul > li { white-space: nowrap; display: block }
.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before { visibility: hidden; }
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus { margin: 15px; color: #5c9f24; padding-left: 15px; }
.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #111010; box-shadow: none; }
.navbar-mobile .dropdown ul li { min-width: 200px; }
.navbar-mobile .dropdown ul a { padding: 10px 20px; }
.navbar-mobile .dropdown ul a i { font-size: 12px; }
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #5c9f24; }
.navbar-mobile .dropdown > .dropdown-active { display: block; width: 100%; position: relative; }
.navbar-mobile a.dropdown-item { color: #222 }
.navbar-mobile .ulBtn .nav-item:not(:last-child) { line-height: 1.2; }
 @media (max-width: 768px) {
#header .logo { position: relative; width: 100% }
#header #logo { position: fixed; top: 0; left: 0; width: 50%; z-index: 1001; }
}
/*--------------------------------------------------------------
# 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: 13rem; 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 }
/*--------------------------------------------------------------
# home Search
--------------------------------------------------------------*/
#homeSrch { z-index: 100; position: relative; bottom: 1rem; width: 76%; left: 13% }
#homeSrch .float-label { position: relative }
#homeSrch .float-label > label { position: absolute; left: 1px; top: -15px; background: #fff; padding: 0 10px 0 8px; font-size: 1.2rem; font-weight: 600; border-radius: unset; color:#333 }
#homeSrch .floating-label.bi span.bi { font-size: 1.3rem; color: #555 }
#homeSrch .floating-label.bi > select + label { left: 1px !important; right: auto; top: -1rem; padding: 0 10px 0 8px; border-radius: unset; }
#homeSrch .btn-light { border: 1px solid #ced4da; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1400px) {
#homeCarousel .carousel-caption { bottom: 7rem; z-index: 100; }
}
@media (max-width: 1280px) {
#homeCarousel .carousel-caption { bottom: 6rem; z-index: 100; }
}

@media (max-width: 1170px) {
#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.25rem; }
#homeCarousel .carousel-caption h3 { margin-bottom: 1rem; font-size: 2rem; }
#homeCarousel .carousel-caption h4 { margin-bottom: 1rem; font-size: 1.75rem; }
#homeCarousel .carousel-caption h5 { margin-bottom: 1rem; font-size: 1.62rem; }
#homeCarousel .carousel-item { height: auto; z-index: 1; }
#homeCarousel .carousel-caption p.lrg { font-size: 2rem; }
#homeCarousel .carousel-caption * { line-height: 1.1; }
#homeCarousel .carousel-caption { bottom: 1rem; z-index: 100; }
}
@media (max-width: 1024px) {
#homeCarousel .carousel-caption { bottom: 4rem; z-index: 100; }
#homeCarousel .carousel-caption-caption { display: none }
}

@media (max-width: 678px) {/* Bump up size of carousel content */
#homeCarousel .carousel-caption { position:relative; padding-bottom: 0;bottom: 2rem; }
#homeCarousel .carousel-indicators { display:none }
#homeCarousel .carousel-item { height: auto; }
#banner-imgs img { width: auto }
#homeSrch { position: relative; top: 24px; width: 94%; left: 3% }
#homeSrch .float-label { margin-bottom: 15px; }
}
/*--------------------------------------------------------------# Sections General--------------------------------------------------------------*/
section { padding: 30px; position: relative; }
.sectionTitle, .sectionTitle .h4 { font-weight: bold; }
#newSection { background-color: #fff; min-height: 300px }
.section-bg { background-color: #e3ecf1; }
section.inner-page .table th, section.inner-page .table td, section.inner-page .table td p { font-size:.9rem
}
section.inner-page .ip-sml { padding: 0 }
section.inner-page .ip-sml .section-title { padding-bottom: 0; margin-bottom: 5px }
section.inner-page .ip-lrg /*, section.inner-page .ip-sml */ { background-color: #fff; min-height: 590px; box-shadow: 0 1px 2px #bbb; padding: 12px }
section.inner-page .ip-lrg h1 { font-size: 1.2rem; color: #eee; position: relative; padding: 3px 7px; display: block; background-color: #17154c; }
section.inner-page .ip-lrg .h2 { font-size: 1.2rem; color: #eee; position: relative; padding: 3px 7px; display: block; background-color: #17154c; }
section.inner-page .ip-lrg img { width: auto; max-width: 100% }
.section-title h4 { margin-bottom: 10px; color: #5b6faa; text-align: left; line-height: 1.2; font-weight: bold }
.section-title p { margin-bottom: 0; }
.section-header { background : #f8f9fa; border-bottom: 1px solid #dfdddd; font-size: 1.25rem; border-radius: .25rem .25rem 0 0;
padding: .312rem 1rem;
}
.testimonial-item p, .testimonial-item .h5 { font-family: Arial, Helvetica, sans-serif }
@media (max-width: 768px) {
section.inner-page .ip-lrg { min-height: 300px; }
section { padding: 5px; }
}
section .card img { border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}/*--------------------------------------------------------------# Filters Div --------------------------------------------------------------*/
#filtersDiv a { font-size: 1rem; display: block; color: #555; padding: 0 0 0 5px; border-radius: 1px; }
#filtersDiv .bk { background: #f8f8f8; }
#filtersDiv .bk1 { background: #ffffff; }
#filtersDiv .bk:hover, #filtersDiv a.bk1:hover { background: #e7f1ff; }
#filtersDiv span.badge { border-radius: unset; line-height: 1.3; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
#filtersDiv .btn-group { width: 100% }/* Custom style */
#myAccordion .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); transform: scale(.7) !important; }
#myAccordion .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); }/*--------------------------------------------------------------# Testimonials--------------------------------------------------------------*/
.testimonials { position: relative; }
.testimonials .section-title { color: #eee; margin-bottom: 0; font-family: "Times New Roman", Times, serif; line-height: 1.2; }
.testimonials .testimonials-carousel, .testimonials .testimonials-slider { overflow: hidden; }
.testimonials .testimonial-item { text-align: center; color: #999; padding: 10px; }
.testimonials .testimonial-quote { border-radius: 10px; box-shadow: 0 0 4px #5c696f; padding: 20px 20px 10px; font-size: 14px; color: #777; font-weight: bold; }
.testimonials .testimonial-item .testimonial-img { width: 100px; border-radius: 50%; border: 5px solid 6px solid rgba(0,0,0, 0.1); margin: 0 auto; }
.testimonials .testimonial-item h3 { font-size: 15px; font-weight: bold; margin: 10px 0 5px 0; color: #bbb; }
.testimonials .testimonial-item h4 { font-size: 13px; margin: 0; }
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right { color: #fff; font-size: 18px; }
.testimonials .testimonial-item .quote-icon-left { display: inline-block; left: 0; top: 0; position: absolute; background: #feb818; padding: 6px; border-radius: 50% }
.testimonials .testimonial-item .quote-icon-right { display: inline-block; right: -5px; position: relative; top: 10px; }
.testimonials .testimonial-item p { font-style: italic; margin: 0 auto 15px auto; color: #f4f1f1; }
.testimonials .swiper-pagination { margin-top: 20px; position: relative; }
.testimonials .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: rrgba(0, 0, 0, 0.6); opacity: 0.5; }
.testimonials .swiper-pagination .swiper-pagination-bullet-active { background-color: #eaa826; opacity: 1; }
.testimonials-side { overflow: hidden }
.testimonials-side .t-date { font-size: 16px; color: #feb818; text-align: center; font-weight: bold; }
.testimonials-side .t-quote { color: #777; font-size: 16px; line-height: 1.3; text-align: justify; font-family: "Times New Roman", Times, serif; font-weight: bold }
.testimonials-side .t-side-author { font-size: 14px; font-weight: bold; color: #feb818; }
@media (min-width: 992px) {
.testimonials .testimonial-item p { width: auto; }
}
.testimonials-side .swiper-slide { background: #fff }
.testimonials-side .swiper-slide { opacity: 1 !important; }
.testimonials-side .swiper-slide:not(.swiper-slide-active) { opacity: 0 !important; }
.testimonials-side .swiper-wrapper { height: auto }/*--------------------------------------------------------------# Testimonials Page--------------------------------------------------------------*/
#feedbackDiv { margin: 0; padding: 0 0 20px; }
.fb-content-div { margin: 0; display: inline-block; text-align: left; padding: 2px; font-size: 15px; }
.fb-content-div .fbh-content-img { float: left; margin: -3px 10px 3px 4px; }
.fb-content-div .fbh-content-img img { border-radius: 5%; width: auto }
.fb-content { position: relative; padding-top: 3px; }
.fb-feedback-by { font-size: 13px; margin-top: 4px; text-align: right }/*--------------------------------------------------------------# Contact--------------------------------------------------------------*/
.contact { padding: 30px 0; min-height: 300px; position: relative; }
.contact .section-title { padding: 0 }
.contact .info-box { color: #444444; background: #fff; text-align: center; box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); padding: 20px 0 30px 0; }
.contact .info-box i { font-size: 32px; color: #3d97a0; border-radius: 50%; padding: 8px; border: 2px dotted #f0f7fa; }
.contact .info-box h3 { font-size: 20px; color: #777777; font-weight: 700; margin: 10px 0; }
.contact .info-box p { padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; }
.contact .infoForm { position: relative; margin-top: auto; box-shadow: 0 0 6px rgba(214, 215, 216, 0.6); padding: 20px 20px 15px; background: #101216; min-height: 340px; }
.contact .infoForm .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600; }
.contact .infoForm .error-message br + br { margin-top: 25px; }
.contact .infoForm .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600; }
.contact .infoForm .loading { display: none; background: #fff; text-align: center; padding: 15px; }
.contact .infoForm .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite; }
.contact .infoForm input, .contact .infoForm textarea { border-radius: 0; box-shadow: none; font-size: 14px; background: none; color: #999; }
.contact .infoForm input::focus, .contact .infoForm textarea::focus {
background-color: #67b0d1;
}
.contact .infoForm .form-control::placeholder {
color:#575656
}
.contact .section-title { text-align: left }
.contact .contactInfo { padding: 0 60px 20px; line-height: 1.2; text-align: left }
.contact .contactInfo p, .contact .contactInfo a { margin: 0; color: #999 }
.form-control::-webkit-input-placeholder {
color: #a8a8aa;
font-size: 1rem;
}
.form-control:-ms-input-placeholder {
color: #a8a8aa;
font-size: 1rem;
}
.form-control::placeholder {
color: #a8a8aa;
font-size: smaller;
}
@-webkit-keyframes animate-loading { 0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes animate-loading { 0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (min-width: 768px) {
.contact .contact-phone { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.contact .contact-address, .contact .contact-phone, .contact .contact-email { padding: 20px 0; }
.contact .infoForm { position: absolute; margin-top: -50px; z-index: 10; }
}
/*----------------------- Breadcrumbs -----------------------------------------*/
.breadcrumbs { padding: 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: 40px; 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 { display: none; }
.breadcrumbs .bc-caption h2 { font-size: 1.4rem }
.breadcrumbs img { min-height: 90px }
}/*--------------------------------------------------------------# 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: 10px; }
.faq .faq-list li { padding: 10px 10px 0; background: #fff; border-radius: 4px; position: relative; }
.faq .faq-list a { display: block; color: #333; position: relative; font-family: "Poppins", sans-serif; font-size: 13px; line-height: 1.2; font-weight: 600; padding: 3px 30px; outline: none; cursor: pointer; background: #f1f1f1 }
.faq .faq-list .icon-help { font-size: 16px; position: absolute; top: 8px; left: 10px; color: #373737; z-index: 10 }
.faq .faq-list .icon-show, .faq .faq-list .icon-close { font-size: 20px; position: absolute; right: 0; top: 0; }
.faq .faq-list p { margin-b bottom: .4rdin
}
.breadcrumbs .bc-caption h2 { font-size: 1.4rem }
.breadcrumbs img { min-height: 90px }
}/*--------------------------------------------------------------# 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: 10px; }
.faq .faq-list li { padding: 10px 10px 0; background: #fff; border-radius: 4px; position: relative; }
.faq .faq-list a { display: block; color: #333; position: relative; font-family: "Poppins", sans-serif; font-size: 13px; line-height: 1.2; font-weight: 600; padding: 3px 30px; outline: none; cursor: pointer; background: #f1f1f1 }
.faq .faq-list .icon-help { font-size: 16px; position: absolute; top: 8px; left: 10px; color: #373737; z-index: 10 }
.faq .faq-list .icon-show, .faq .faq-list .icon-close { font-size: 20px; 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: #555; }
.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; }
}/*--------------------------------------------------------------# Footer--------------------------------------------------------------*/
#footer { background: #333333; padding: 10px 0 0; color: #fff; font-size: 14px; border-top: 1px solid #666; overflow: hidden }
#footer .footer-top { padding: 30px 0 0 0; }
#footer .footer-top .footer-info h3 { font-size: 20px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700; }
#footer .footer-top .footer-info p { font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; }
#footer .footer-top .social-links i { color: #f4f4f4; font-size: 1.5rem; }
#footer .footer-top .social-links a { font-size: 14px; color: #eee; line-height: 1; padding: 8px 0; text-align: center; width: 36px; height: 36px; transition: 0.3s; display: inline-block; background: none; margin-right: 10px; }
#footer .footer-top h4 { font-size: 1rem; font-family: "Times New Roman", Times, serif; color: #EEE; position: relative; padding-bottom: 5px; border-bottom: 2px solid #656362; margin-bottom: 12px; text-transform: uppercase }
#footer .footer-top a { color: #eee }
#footer .footer-top .footer-links { margin-bottom: 30px; position: relative }
#footer .footer-top .footer-image { position: relative; }
#footer .footer-top .footer-image img { width: auto; max-width: 100% }
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-top .footer-links ul i { padding-right: 2px; color: #b5d9e9; font-size: 18px; line-height: 1; }
#footer .footer-top .footer-links ul li { padding: 4px 0; display: flex; align-items: center; }
#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
#footer .footer-top .footer-links ul a { font-family: "Times New Roman", Times, serif; color: #eee; transition: 0.3s; display: inline-block; line-height: 1; text-decoration: none; }
#footer .footer-top .footer-links ul a:hover { color: #a2cfe3; }
#footer tr { border-color: #535050 }
#footer td { color: #eee; text-align: left }
#footer .copyright { position: relative; width: 100%; text-align: center; padding: 10px 0; border-top: 1px solid #444; margin-top: 0; font-size: 12px; background: #000; overflow: hidden }
#footer .copyright a { color: #eee }
#footer .copyright p { margin-bottom: 0 }
#footer .copyright .visits { padding: 0 10px }
@media (max-width: 575px) {
#footer .footer-top .footer-info { margin: -20px 0 30px 0; }
#footer .footer-top .footer-image img { position: relative; margin-top: 0 }
}