/* ----- 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, .stickyHeader.stickyAnimate {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

header.stickyHeader,
header.stickyHeader.stickyAnimate {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

header.stickyAnimate {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.stickyHeader.stickyAnimate {
  background:var(--fontLight);
  border-bottom:1px solid var(--fontLight);
    background: var(--themeFourBg);
}
header {
  position:absolute;
  width:100%;
  z-index:9;
  background-color:rgba(255, 255, 255, 0.01);
}
.home #Header-Container {
  border-bottom:1px solid #2a4956;
  
}
#Header-Container {
  border-bottom:1px solid #4f6e7f;
}

#Header {
  min-height:151px;
  padding:23px 5px 0px 5px;
    background-color:rgba(255, 255, 255, 0.01);
}
.logo {
	padding: 10px 0px 20px;
}
.logo a {
  display:inline-block;
}
.logo a:first-child {
  padding:0px 18px 0px 0px;
  border-right:1px solid #294a5c;
}
.logo a:last-child {
  padding:0px 0px 0px 15px;
}
.appointMain {
  width:550px;
}
.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: 5px 7px 0px 0px;
}
.billpay {
  margin:1px 40px 0px 0px;
}
.appoint li a {
  display:inline-block;
  padding:5px 10px;
  transition:0.5s ease;
}
.callport a {
	padding: 3px 25px 2px 22px !important;
	border: 1px solid #4f6e7f;
	text-transform: none;
	border-radius: 5px;
}
.billpay a {
	padding: 3px 21px 2px 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(--themeTwoBg);
  color:var(--fontDark);
  border-radius:10px;
  display:inline-block;
  padding:0px 24px 0px 10px !important;
}
.bookAppoint {
	font: 600 18px/43px var(--siteFont);
}
.billpay a, .callport a{
   font:400 16px/36px var(--siteFont); 
     color:var(--fontLight);
}

.bookAppoint a::before {
  display:none;
}
.callAppoint a {
  color:var(--fontLight);
}
.callAppoint {
  font:500 20px/20px var(--siteFont);
  text-align:left;
  margin:0px 125px 0px 0px;
}
.mobileBill {
  display:none !important;
}
.callport a::before {
  background:url(/images/port-icon.png) no-repeat center center;
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:22px;
  height:18px;
  margin-right:13px;
}
.billpay a::before {
  background:url(/images/bill-icon.png) no-repeat center center;
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:25px;
  height:26px;
  margin-right:10px;
}
.callAppoint a::before {
  background:url(/images/call-appoint-img.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-h.png) no-repeat 9px 3px;
}
.bookAppoint a:hover {
  background:var(--themeOneBg);
  color:var(--fontLight);
}
.callport {
	margin: 6px 20px 0px 0px;
}

/* ----- Credibility ----- */

#Credibility {
  padding:86px 0px 50px 0px;
  text-align:center;
}
#Credibility li {
  display:inline-block;
  vertical-align:middle;
  padding:5px 40px;
}
#Credibility li a {
  width:98%;
  display:inline-block;
  margin:0px auto;
}
#Credibility .nbs-flexisel-nav-right::before,
#Credibility .nbs-flexisel-nav-left::before {
  display:none;
}
#Credibility .nbs-flexisel-nav-left {
  background:url(/images/cred-ar-l.png) no-repeat center center;
  width:42px;
  left:0px;
  bottom:0px;
  height:32px;
  top:0px;
  margin:auto;
    transform: translateY(0%);
}
#Credibility .nbs-flexisel-nav-right {
  background:url(/images/cred-ar-r.png) no-repeat center center;
  width:42px;
  right:0px;
  bottom:0px;
  height:32px;
  top:0px;
  margin:auto;
    transform: translateY(0%);
}



#Footer {
  padding: 15px 5px;
  text-align: center;
    color: var(--fontDark);
}
.socLogo{
    padding: 0px 0px 40px;
}

.socLogo ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px;
}
.socLogo li {
  width: 45px;
  height: 45px;

  margin: 5px 5px;
}
.socLogo li a {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50px;
  color: var(--fontLight);
  font: 400 16px/45px var(--siteFont);
   
}

.facebook a, .linkedin a{
    background: #1d58d5;
}


.instagram a{
    background: #fd4b7c;
}

.youtube a{
    background: #e60000;
}

.socLogo li a::before {
  font-size: 26px;
}
.socLogo li span {
  display: none;
}

.twitter a {
  background: url(/images/twitter-logo.png) no-repeat 11px 11px #000!important;
}
.twitter a:hover {
  background: url(/images/twitter-logo.png) no-repeat 11px 11px var(--themeTwoBg) !important;
}

.socLogo li a:hover {
  color: var(--themeTwoBg);
}
.loclist1 {
  text-align: left;
  position: relative;
}
.loclist1 .LocHead::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  width: 450px;
  height: 1px;
  left: -450px;
  bottom: 0px;
  position: absolute;
}
.socList {
  text-align: right;
  position: relative;
}
.socList .LocHead {
  padding: 20px 15px 32px 0px !important;
}
.socList::after {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  width: 450px;
  height: 1px;
  bottom: 86px;
  position: absolute;
  right: -450px;
}
.LocHead {
  color: #252424;
  font: 500 24px/30px var(--siteFont);
  padding: 20px 0px 32px 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0px 0px 30px 0px;
  position: relative;
}
.socList .LocHead {
  border-right: none;
}

.footLinks {
  text-align: center;
  border-top: 1px solid #b2b2b2;
  border-bottom:1px solid #b2b2b2;
  padding: 13px 0px 13px 0px;
}
.footLinks ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
}
.footLinks li {
  font: 300 16px/20px var(--headingFont);
  position: relative;
    text-transform: uppercase;
}
.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: block;
  padding: 5px 5px;
   color: var(--fontDark);
}
.footLinks a:hover {
  color: var(--themeTwoBg);
}
.footLinks span {
  display: inline-block;
  vertical-align: middle;
}
.copyright {
  padding: 35px 0px 34px;
}
.copyright h2 {
  font: 300 17px/24px var(--headingFont);
}
.ypoLogo {
  padding: 30px 0px;
}
.ypoLogo a {
  display: inline-block;
}

.foootLink a{
    display: inline-block;
    font: 400 16px/20px var(--headingFont);
     color: var(--fontDark);
    
}
.foootLink a:hover{
   color: var(--themeTwoBg);
}
@media screen and (max-width: 1190px) {
.home #Header-Container{
       background: #013453; 
    }
}

@media screen and (max-width: 1160px) {
  #Header .tableCell {
    display: block;
    text-align: center;
  }
    
     .appointMain {
    width: 550px;
    padding: 15px 0px;
    margin: 0px auto;
  }
    .home header{
        position: inherit;
        background: var(--themeFourBg);
    }
    
}

@media screen and (max-width: 700px) {
  .appoint ul {
    text-align: center;
  }
  #Header .tableCell {
    display: block;
  }
  .logo {
    width: inherit;
    text-align: center;
  }
  .appoint li {
    margin: 4px 0px 4px 0px !important;
  }
     
}



@media screen and (max-width: 640px) {
    
    .appointMain{
        width: inherit;
    }
   #Header {
    padding: 20px 0px 0px 0px;
  }
    
    
    #Header-Container {
  border-bottom: none;
}
.logo {
	padding: 0px 0px 0;
}
    .appoint li {
	margin: 9px 0px 0px 0px !important;
}
    .footLinks a {
        padding: 5px 0px;
    }

    #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;
    }
}
@media screen and (max-width: 589px) {
 .desctBill{
        display: none !important;
    }
    .mobileBill{
        display: inline-block!important;
    }
    .callport a{
        padding: 5px 7px 5px 8px !important;
    }
    .billpay a{
        padding: 5px 10px 5px 9px !important;
    }
    .logo a:first-child{
        border: none;
        padding: 0px 10px 20px 10px;
    }
    #Credibility {
  padding: 6px 0px 0px 0px;
  text-align: center;
}
}