/********** Template CSS **********/
:root {  --primary: #FDA12B;
 --secondary: #8D9297;
 --light: #F8F9FA;
 --dark: #182333;
 --warning: #fda12b
}
body { font-family:Arial, Helvetica, sans-serif }
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; }
hr.sml { width:90%; margin: 5px auto }
.nopad { padding: 0 }
.nopadr { padding-right: 0 }
.nopadl { padding-left: 0 }
.nopad-xs { }
img { max-width:100% }
.ctr { text-align: center }
.rht { text-align: right }
.lft { text-align: left }
.clr { clear: both; height: 0; margin: 0; padding: 0; }
.clr5 { clear: both; height: 5px; margin: 0; padding: 0; }
.clr10 { clear: both; height: 10px; margin: 0; padding: 0; }
.clr20 { clear: both; height: 20px; margin: 0; padding: 0; }
.spc10 { display: inline-block; width: 10px; }
.spc20 { display: inline-block; width: 20px; }
.container { max-width:1170px }
.section { padding:14px 0 }
.top-section { background:#00163e;color: #d5d4d4;padding: 10px 0;font-weight: 600;}
.nav-section { position:relative; background: #fff; }
#main-logo { position:absolute; z-index: 10;left: 0;}
.back-to-top { position: fixed; display: none; right: 30px; bottom: 30px; z-index: 99; }
/*** Spinner ***/
#spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999; }
#spinner.show { transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; }
.bg-warning { background-color:#fea12a !important }
.text-warning { color:#fea12a !important  }
.border-warning { border-color: #fea12a !important;}
#admin_menu { position: fixed; top:0; left:45%; background:#F00; padding:1px 10px; z-index:1000; font-size: 14px; }
#admin_menu a { color:#fff }
/*** Button ***/
.btn { font-weight: 500; transition: .5s; }
.btn.btn-primary, .btn.btn-outline-primary:hover { color: #FFFFFF; }
.btn-square { width: 38px; height: 38px; }
.btn-sm-square { width: 32px; height: 32px; }
.btn-lg-square { width: 48px; height: 48px; }
.btn-square, .btn-sm-square, .btn-lg-square { padding: 0; display: flex; align-items: center; justify-content: center; font-weight: normal; }
/*** appointment placeholder ***/
.appointment .form-control {padding: 1rem .75rem; color:#a49d9d }
.appointment .form-control::-webkit-input-placeholder { color: #a8a8aa;font-size: 1rem;}
.appointment .form-control:-ms-input-placeholder { color: #a8a8aa;font-size: 1rem;}
.appointment .form-control::placeholder { color: #a8a8aa;font-size: smaller;}
.form-control-lg {  font-size: 1rem; }
/*** placeholder ***/
.form-control::-webkit-input-placeholder { color: #eee;font-size: .95rem;}
.form-control:-ms-input-placeholder { color: #eee;font-size: .95rem;}
.form-control::placeholder { color: #eee;font-size: .95rem;}
.floating-label { margin-bottom:11px;  }
.floating-label > input.form-control-lg + label, .floating-label > textarea.form-control-lg + label {  font-size: 1rem;}
.floating-label > input + label, .floating-label > textarea + label { left:10px; font-size:.9rem;  border-radius: 0 }
.floating-label > input[placeholder]:not(:placeholder-shown) + label, .floating-label > textarea[placeholder]:not(:placeholder-shown) + label {border-radius: 0  }
.floating-label > input[placeholder]:not(:placeholder-shown) + label, .floating-label > textarea[placeholder]:not(:placeholder-shown) + label { border-radius: 0 }
/*** Navbar ***/
.nav-section.sticky-top { background:#fff; top: -100px; transition: .5s; position:fixed; top:0; left:0; width:100%; border-bottom:2px solid #222 }
.navbar .navbar-nav .nav-link { margin: 0 12px; padding:20px 0 15px; color: var(--dark); font-weight: 600; outline: none;  font-size: 1.03rem;}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active { color: var(--dark);}
.navbar .dropdown-toggle::after { border: none; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; margin-left: 8px; }
.navbar .navbar-nav li:hover {background:var(--light);  }
.navbar-nav .dropdown-menu {  position: static;  max-width: 100%;}
.hidden-xs { display:none }
.carousel-indicators {  left: 50%;  transform: translate(-50%, -50%); margin-bottom: 0 }
 @media (max-width: 991.98px) {
.navbar .navbar-nav .nav-link { margin-left: 0; padding: 10px 0; }
.navbar .navbar-nav { margin-top: 25px; border-top: 1px solid #EEEEEE; }
#main-logo { left:0 }
}
@media (min-width: 992px) {
.navbar .nav-item .dropdown-menu { display: block; border: none; margin-top: 0; top: 150%; right: auto; opacity: 0; visibility: hidden; transition: .5s; }
.navbar .nav-item .dropdown-menu .dropdown-item {display: inline-block;width: 50%;border-bottom: 1px dotted#ccc;border-right: 1px dotted #ccc; }
.navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: .5s; opacity: 1; min-width: 580px;}
.hidden-xs { display:block }
}
@media (min-width: 1024px)
.navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
}
/*** Header ***/
.carousel-caption { top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; text-align: start; z-index: 1; }
.carousel-control-prev, .carousel-control-next { width: 15%; }
.carousel-control-prev-icon, .carousel-control-next-icon { width: 4rem; height: 4rem; background-color: var(--dark); border: 15px solid var(--dark); border-radius: 50px; }
.carousel-caption .breadcrumb-item+.breadcrumb-item::before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--primary); }
 @media (max-width: 768px) {
#header-carousel .carousel-item { position: relative; min-height: 450px; }
#header-carousel .carousel-item img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.carousel-control-prev-icon,  .carousel-control-next-icon { width: 3rem; height: 3rem; border-width: 12px; }
}
.page-header .breadcrumb-item+.breadcrumb-item::before { color: #999999; }
/* 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; }
/*** Facts ***/
.facts-overlay { position: absolute; padding: 30px; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; background: rgba(0, 0, 0, .65); }
.facts-overlay h1 { font-size: 120px; color: transparent; -webkit-text-stroke: 2px var(--light); }
.facts-overlay a:hover { color: var(--primary) !important; }
.facts-overlay.side { padding: 20px; justify-content: unset; }
.facts-overlay.side .rmore { position:absolute; bottom: 18px }
/*** Service ***/
.service-text::before { position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; background: var(--primary); opacity: 0; transition: .5s; }
.service-item:hover .service-text::before { height: 100%; opacity: 1; }
.service-text * { position: relative; transition: .5s; z-index: 1; }
.service-item:hover .service-text * { color: #FFFFFF !important; }
/*** brands ***/
.brand-img {display: inline-block;  width: 20%;  margin: 0 0 15px; }
/*** inner page ***/
section.inner-page { padding:20px 0 }
.inner-page h1 { font-size:2rem }
section.inner-page .ip-lrg {  background-color: #fff;  min-height: 500px;  box-shadow: 0 1px 2px #dfdfdf;  padding: 20px;}
@media (max-width: 768px) {
section.inner-page .ip-lrg { min-height: 100px; } 
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs { padding: 0; background: #f6f6f6; min-height: 20px; margin-top: 0; position: relative }
.breadcrumbs .bread-bar { background:#00163e; padding: 6px 0;  display: block;  color: #fff;position: relative}
.breadcrumbs .bread-bar h2 { font-size:26px; color:#eee; margin: 0; }
.breadcrumbs h2 { font-size: 24px; font-weight: 400; text-transform: capitalize }
.breadcrumbs img { min-height:180px }
.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: .5rem; 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; }
}
/*** Footer ***/
.footer { color: #eee; background: #00163e; padding: 30px 0 5px; line-height:1.5}
#footer-bar { width:100%; background: #999; height:14px; margin-bottom:20px }
.footer h4 { font-size:1.3rem; margin-bottom: 20px; }
.footer a { color: #eee; display: block; text-decoration: none;}
.footer .copyright { padding: 10px 0; font-size: .9rem; border-top: 1px solid rgba(256, 256, 256, .1); }
.footer .copyright a { color: var(--light); display: inline-block;}
.footer .copyright a:hover { color: var(--primary); }