/* ----- Theme CSS ----- */
header,
nav,
section,
#Credibility-Container,
footer {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#Header,
#Footer,
#Credibility,
#Main-Menu {
    max-width: 1200px;
    min-width: 300px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}

/* Selection CSS */
#Container ::selection {
    background: var(--themeOneBg);
    color: var(--fontLight);
}

/* Scroller CSS */
#Scroller a {
    background: var(--fontLight);
    border: 2px solid var(--themeOneBg);
    color: var(--fontDark);
    border-radius: 50%;
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
}

/* Scroller CSS */
#gdpCookie,
#gdp_popup .cc-cp-foot-byline {
    font: 400 14px/20px var(--siteFont) !important;
}

/* ----- Header ----- */
.stickyHeader {
    position: sticky !important;
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -ms-sticky !important;
    position: -o-sticky !important;
}

header.stickyHeader,
header.stickyHeader.stickyAnimate {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #fff;
}

header.stickyAnimate {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* Sticky Menu */
header.stickyHeader {
    box-shadow: 0 8px 30px rgba(0, 50, 65, 0.15);
}
#Header {
  min-height:149px;
  padding:21px 5px 6px 5px;
    background-color:rgba(255, 255, 255, 0.01);
}
.logo {
	padding: 17px 0px 17px;
}
.logo a {
  display:inline-block;
}
.logo a:first-child {
  padding:0px 18px 0px 0px;
  border-right:1px solid #bcbcbc;
}
.logo a:last-child {
  padding:0px 0px 0px 15px;
}
.appointMain {
  width:47%;
}
.appoint {
  vertical-align:middle;
  position:relative;
  padding:5px 0px 0px;
}
.appoint ul {
  text-align:right;
}
.appoint li {
  text-transform:uppercase;
  display:inline-block;
  width:auto;
}
.appoint li:first-child {
	margin: 13px 10px 0px 0px;
}
.billpay {
  margin:1px 40px 0px 0px;
}
.appoint li a {
  display:inline-block;
  padding:5px 10px;
  transition:0.5s ease;
}
.callport a {
  padding:5px 25px 5px 22px !important;
  border:1px solid #4f6e7f;
  text-transform:none;
  border-radius:5px;
}
.billpay a {
  padding:5px 20px 5px 20px !important;
  border:1px solid #4f6e7f;
  text-transform:none;
  border-radius:5px;
}
.callAppoint a::before {
  content:'';
  display:inline-block;
  vertical-align:text-top;
  width:27px;
  height:20px;
  margin-right:5px;
}
.bookAppoint a {
  background:var(--themeOneBg);
  color:var(--fontLight);
  border-radius:10px;
  display:inline-block;
  padding:0px 24px 0px 10px !important;
}
.bookAppoint {
  font:600 17px/44px var(--siteFont);
}
.billpay a, .callport a{
   font:400 16px/32px var(--siteFont); 
     color:var(--fontDark);
}

.bookAppoint a::before {
  display:none;
}
.callAppoint a {
  color:var(--fontDark);
}
.callAppoint {
  font:600 20px/20px var(--siteFont);
  text-align:left;
  margin:0px 125px 0px 0px;
}
.mobileBill {
  display:none !important;
}
.callport span {
  background:url(/images/port-icon.png) no-repeat center center;
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:22px;
  height:18px;
  margin-right:13px;
}

.callport:hover span {
    background:url(/images/port-icon-h.png) no-repeat center center;
}

.billpay span {
  background:url(/images/bill-icon.png) no-repeat center center;
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:25px;
  height:26px;
  margin-right:10px;
}
.billpay:hover span{
    background:url(/images/bill-icon-h.png) no-repeat center center;
}
.callAppoint a::before {
  background:url(/images/header-call-icon.png) no-repeat center center;
}

.callAppoint a:hover {
  color:var(--themeTwoBg);
}
.callport a:hover,
.billpay a:hover {
  background:var(--themeTwoBg);
  color:var(--fontLight);
}
.bookAppoint span {
  display:inline-block;
  vertical-align:middle;
  width:32px;
  height:32px;
  margin-right:10px;
}
.bookAppoint span {
  background:url(/images/req-icon.png) no-repeat 9px 3px;
}
.bookAppoint:hover span {
  background:url(/images/req-icon.png) no-repeat 9px 3px;
}
.bookAppoint a:hover {
  background:var(--themeTwoBg);
  color:var(--fontLight);
}

.callport {
  margin: 3px 7px 0px 0px;
}



/* ----- Credibility ----- */
#Credibility {
	padding: 75px 0px 50px 0px;
	text-align: center;
	/* margin: 0 auto; */
	/* text-align: center; */
}
#Credibility li a {
    display: block;
}


.aahksLogo img {
	margin-top: -43px !important;
}
/*
#Credibility li:nth-child(4) img {
	margin-top: -25px;
}
*/

#Credibility .nbs-flexisel-nav-right::before,
#Credibility .nbs-flexisel-nav-left::before {
  display:none;
}
#Credibility .nbs-flexisel-nav-left {
  background:url(/images/credi-arrow-l.png) no-repeat center center;
  width:42px;
  left:-25px;
  bottom:0px;
  height:32px;
  top:0px;
  margin:auto;
    transform: translateY(0%);
}
#Credibility .nbs-flexisel-nav-right {
  background:url(/images/credi-arrow-r.png) no-repeat center center;
  width:42px;
  right:-25px;
  bottom:0px;
  height:32px;
  top:0px;
  margin:auto;
    transform: translateY(0%);
}


/* ----- Footer ----- */
footer {
    background: var(--themeOneBg);
}

#Footer {
    padding: 40px 10px;
    text-align: center;
}

.socLogo {
    padding: 64px 0px 45px;
}

.socLogo ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.socLogo li {
    width: 52px;
    height: 52px;
    font: 400 16px/52px var(--siteFont);
}

.socLogo li a {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50px;
    color: var(--fontLight);
    border: 1px solid #b99831;
}

.socLogo li a:hover {
    background: var(--themeOneBg);
}

.socLogo li a::before {
    font-size: 24px;
}
.socLogo li.twitter a::before {
    content: '';
    background: url(/images/twitter-logo.png) no-repeat center center;
    display: block;
    height: 100%;
    background-size: auto;
}
.socLogo li span {
    display: none;
}

.facebook a{
  background:#2439ba;
}
.twitter a{
    background: #0e001d;
}
.instagram a {
  background:#fd4b7c;
}
.youtube a {
  background:#e60000;
}


.footLinks {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 11.5px 0px;
}

.footLinks ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 12px;
}

.footLinks li {
    font: 400 17px/20px var(--siteFont);
    position: relative;
}

.footLinks li:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 0;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
}

.footLinks a {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    padding: 7px;
    color: var(--fontLight);
}

.footLinks a:hover {
    color: var(--themeThreeBg);
}




.copyright {
    padding: 36px 0px;
}

.copyright h2 {
    font: 400 17px/20px var(--siteFont);
    color: var(--fontLight);
}

.ypoLogo {
    padding: 40px 0px 0px;
}

.ypoLogo a {
    display: block;
}
.foootLink{
    color: var(--fontLight);
}
.foootLink a{
     font: 400 16px/24px var(--siteFont);
    color: var(--fontLight);
}

@media screen and (max-width: 1090px) {
    #Header .tableCell{
       display: block;
        text-align: center;
    }
    .appointMain {
    width: 550px;
    padding: 15px 0px;
    margin: 0px auto;
  }
    
    header.stickyAnimate {
	position: relative;
	
}
    
    
    
}

@media screen and (max-width: 640px) {
    header {
        position: relative;
    }

    .footLinks a {
        padding: 5px 10px;
    }

    #gdpCookie,
    #gdp_popup .cc-cp-foot-byline {
        font: 400 12px/20px var(--siteFont) !important;
    }

    .cookie-main {
        padding: 5px !important;
        line-height: unset !important;
        margin: 0px !important;
    }

    .cookie-main p {
        padding: 0px 0px 5px 0px !important;
        margin: 0px !important;
    }

    .cookie-main li.cookie-button a {
        margin: 0px !important;
    }

    .cookie-main li.cookie-content {
        margin: 0px !important;
    }
    
    #Credibility .nbs-flexisel-nav-left{
        left: 0;
    }
    
    #Credibility .nbs-flexisel-nav-right{
        right: 0;
    }
    
    
    
}

@media screen and (max-width: 580px) {
    .logo a:first-child{
        border: none;
        padding: 0px 0px 10px 0px;
    }
    .logo a {
  display: block;
}
   #Header {
	padding: 5px 20px 0px 20px;
}
    .appointMain{
        padding: 0px 0px 15px;
        width: inherit;
    }
    .appoint ul {
  text-align: center;
}
     .appoint li {
    margin: 4px 0px 4px 0px !important;
  }
    .desctBill {
    display: none !important;
  }
      .mobileBill {
    display: inline-block !important;
  }
    .callport a{
        padding: 5px 5px 5px 5px !important;
    }
    .billpay a {
  padding: 5px 5px 5px 5px !important;
    }
    #Credibility {
  padding: 20px 0px 20px 0px;
}
}