@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
body{font-family: 'Lato', sans-serif; color: #2c2c2c; font-size: 16px; margin: 0px;}
input, textarea{font-family: 'Lato', sans-serif; }
*{padding:0px;}
small{ font-size: 80%;}
sub{ font-size: 16px;}
sup{ color:#93b6bc;}

a, img{ text-decoration: none; outline:0px; border:0px;}
@font-face {
  font-family: UtopiaStd-Semibold;
  src: url(../fonts/UtopiaStd-Semibold.otf);
}
input:active {border:2px solid #93b6bc;}
input:focus {border:2px solid #93b6bc;}
input:focus-visible {border:2px solid #93b6bc; outline: 0px;}

select:active {border:2px solid #93b6bc;}
select:focus {border:2px solid #93b6bc;}
select:focus-visible {border:2px solid #93b6bc; outline: 0px;}


.f-w-b{ font-weight: 600;}
.border-top{border-top:1px solid #d8d6d2;}
.border-bottom{border-top:1px solid #d8d6d2;}
.text-white{ color:#fff;}
.text-yellow{color:#ebaf3d !important;}
.text-default{ color:#2c2c2c !important;}
.text-blue{color:#175a75 !important;}
.bg-white{background:#fff;}
.b-shadow{box-shadow:0px 5px 20px #e1dfd8;}
.bg-primary-btn{background:#93b6bc;}
.bg-off-white{background:#f8f7f5;}
.bg-light-white{background:#f0eeea;}
.bg-dark-off-white{background:#f0eeea;}
.qmark span.icon-mark{}
.qmark span.icon-txt{}
.top-bar{ float: left; width: 100%; padding:0px; margin: -15px 0px 0px 0px;}
.top-bar li{ list-style: none; display: inline-block; width: 19%;}
.top-bar li.active-bar a{border:1px solid #93b6bc; background: #93b6bc;color: #fff;width: 25px;height: 25px; text-decoration: none;font-size: 13px; display: inline-block;text-align: center;line-height: 25px;border-radius: 50px;}
.top-bar li.active-bar a span.bold{font-size: 14px;color:#93b6bc !important; font-weight:bold;  margin-left: -10px;}
.top-bar li.inactive-bar a span.unbold{font-size: 14px; color:#93b6bc !important; font-weight:normal; margin-left: -10px;}
.top-bar li.inactive-bar a{background: #ffff; border:1px solid #93b6bc; color: #93b6bc;width: 25px;height: 25px; text-decoration: none;font-size: 13px; display: inline-block;text-align: center;line-height: 25px;border-radius: 50px;}
.top-bar li.inactive-bar a:hover{background: #93b6bc; border:1px solid #93b6bc; color: #ffffff;width: 25px;height: 25px; text-decoration: none;font-size: 13px; display: inline-block;text-align: center;line-height: 25px;border-radius: 50px;}
.hor-bar{background:#93b6bc; height: 2px; width: 60%; display: block; margin-top:26px;}
.btn{ border-radius: 5px; text-align: center;padding:15px 30px; text-decoration: none; display:block;}
.header{padding:15px 0px;}
.fsize36{ font-size: 36px;}
.fsize26{ font-size: 26px;}
.fsize20{ font-size: 20px;}
.fsize24{ font-size: 24px;}
.fsize18{ font-size: 18px;}
.fsize12{ font-size: 12px;}
.sbold{font-family: UtopiaStd-Semibold;}
.semiboldfont{ color:#2c2c2c; font-size: 24px;}
.service_listing{ width: 100%; float: left; list-style: none; padding:0px; margin: 20px 0px;}
.service_listing li{margin-right: 2%; margin-bottom: 2%; text-align: center; background:#fff; display: inline-block; box-shadow:2px 2px 2px #ccc; width:22%; height: 22%; border-radius: 5px;}
.service_listing li:hover span.on-mouse-over{display: none;}
.service_listing li:hover span.on-mouse-active{display:block; background:#175a75;}
.service_listing li:hover{text-align: center; background:#175a75; display: inline-block; box-shadow:2px 2px 2px #ccc; width:22%; height: 22%; border-radius: 5px;}
span.on-mouse-over{display:block; margin-bottom: 7px;}
span.on-mouse-active{display:block; margin-bottom: 7px;}
.service_listing li.active{background:#175a75;}
.service_listing li.active .on-mouse-over{ display: none;}
.service_listing li.active .on-mouse-active{ display: block;}
.service_listing li.active a > span{ color: #fff !important;}
.service_listing li.active a { color: #fff;}
.service_listing li span.on-mouse-active{display: none;}
.service_listing li a{padding:25px 1%; display: block;color:#2c2c2c; text-decoration: none;}
.service_listing li:hover a{padding:25px 1%; display: block; color:#fff; text-decoration: none;}
.service_listing li:hover span{color:#fff !important;}
.service_listing li span{color:#175a75 !important;}
.home-services{background:#fff; padding:10px 20px; border-radius: 8px; display: block; margin-top: 20px; float: left; width: auto;}
.home-services ul{padding:0px; margin:10px 0px; display: inline-block;list-style: none;}
.home-services span{ float:left; margin-right: 25px; margin-top: 15px;}
.service-list li{ display: inline-block; margin-right: 10px;}
.service-list li a{text-decoration: none;padding: 15px 20px;display: block;}
.service-list li.inactive{ background:#f4f3f0; color:#2c2c2c; border-radius: 3px; display: inline-block;}
.service-list li.inactive:hover{background:#175a75;}
.service-list li.inactive:hover a{color:#fff;}
.service-list li.inactive a{ color:#2c2c2c;}
.service-list li.active{ background:#175a75; color:#ffffff; border-radius: 3px; display: inline-block;}
.service-list li.active a{ color:#fff;}
.full{ width: 100%; float: left;}
.frequently-services{ list-style: none; width: 100%; float: left; margin:20px 0px 0px 0px; padding: 0px;}
.frequently-services li{ display: inline-block; margin-right: 15px; margin-bottom: 15px;}
.frequently-services a.btn-white{background: #fff;border-radius: 3px;color: #2c2c2c;padding: 15px 0px;display: block;text-decoration: none;width: 220px;text-align: center;}
.frequently-services a.btn-white:hover{background: #175a75;border-radius: 3px;color: #fff;padding: 15px 0px;display: block;text-decoration: none;width: 220px;text-align: center;}
.frequently-services a.btn-blue{background: #175a75;border-radius: 3px;color: #fff;padding: 15px 0px;display: block;text-decoration: none;width: 220px;text-align: center;}
.frequently-services li a span{color:#175a75 !important;}
.frequently-services li:hover a span{color:#fff !important;}
.frequently-services li a.btn-blue span{ color:#fff !important;}
.btn-yellow{background:#f5d631; color:#2c2c2c; font-size: 18px; border-radius:3px; padding:15px 130px;}
.btn-yellow-full{ display: block; text-align: center;background:#f5d631; color:#2c2c2c; font-size: 18px; border-radius:3px; padding:15px 0px;}
.summary-section{border-radius:5px; display: inline-block; float: left;}
.border-dashed{border-bottom: 1px dashed #d8d8d8;}
ul.summary-list{ list-style: none; float: left; width: 100%;}
ul.summary-list li{float: left; width: 100%; padding-bottom:10px;}
ul.summary-list li label{float: left;width: 50%; text-align: left; color: #2c2c2c; opacity: 0.8;}
ul.summary-list li span.rt{float: right;width: 50%; text-align: right;color: #2c2c2c !important; }

.extra_service{ width: 100%; list-style: none; padding:0px; margin: 20px 0px; display: flex; flex-wrap: wrap; gap: 20px; flex-direction: row; align-content: space-around; justify-content: flex-start; align-items: stretch;}
.extra_service li{ text-align: center; background:#fff; box-shadow:2px 2px 2px #ccc; width:22%; border-radius: 5px;}
.extra_service li.active{background:#175a75;}
.extra_service li.active .on-mouse-over{ display: none;}
.extra_service li.active .on-mouse-active{ display: block;}
.extra_service li.active a{ color: #fff !important;}
.extra_service li.active label{ color: #fff !important;}
.extra_service li label{color:#175a75 !important; cursor: pointer;}
.extra_service li span.on-mouse-active{display: none;}
.extra_service li a{ width: 90%; color:#2c2c2c; text-decoration: none; padding:20px 10px; min-height: 150px; display: block;}

@media (hover: hover) and (pointer: fine) {
.extra_service li:hover span.on-mouse-over{display: none;}
.extra_service li:hover span.on-mouse-active{display:block; background:#175a75;}
.extra_service li:hover a{width: 90%; color:#fff; text-decoration: none; padding:20px 10px; display: block;min-height: 150px; background:#175a75; border-radius: 5px;}
.extra_service li:hover label{color:#fff !important;}
}

.opacity8{ opacity: 0.8;}
.accordion_one .panel-group {
    margin-bottom: 0;
    border: 1px solid #f1f1f1;
    margin-left: 1px
}

.accordion_one .panel {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 0px solid transparent;
    border-radius: 0;
    margin: 0
}

.accordion_one .panel-default {
    border: 0
}

.accordion_one .panel-default>.panel-heading {
    border-radius: 0px
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}


.accordion_one .panel .panel-heading a.collapsed {
    color: #999999;
    display: block;
    padding: 12px 30px;
    border-top: 0px
}

.accordion_one .panel .panel-heading a {
    display: block;
    padding: 12px 30px;
    background: #fff;
    color: #313131;
    border-bottom: 1px solid #f1f1f1
}

.accordion-wrap .panel .panel-heading a {
    font-size: 14px
}

.accordion_one .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
    padding-top: 0;
    padding: 25px 30px 30px 35px;
    background: #fff;
    color: #999999
}
h5.accordion-title{ color:#175a75; font-size: 16px;}
.accordion-list-item span{border-radius: 50px;width: 20px;height: 20px;text-align: center; line-height: 20px; font-size: 13px;}
.accordion-list-item span.ni-plus{background: #175a75;color: #fff;}
.accordion-list-item span.ni-minus{background: #93b6bc;color: #fff;}

.img-accordion {
    width: 81px;
    float: left;
    margin-right: 15px;
    display: block
}

.accordion_one .panel .panel-heading a:after {
    content: "\2212"
}

.accordion_one .panel .panel-heading a:after,
.accordion_one .panel .panel-heading a.collapsed:after {
    font-family: 'FontAwesome';
    font-size: 15px;
    width: 36px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #F1F1F1;
    float: left;
    margin-left: -31px;
    margin-top: -12px;
    margin-right: 15px
}

.accordion-desc p{ opacity: 0.8; line-height: 24px;}
.review-desc{opacity: 0.8; line-height: 24px;}
.list-unstyled{ list-style: none;}
.star-rating li{ display: inline-block;}
.border-top{ border-top:1px solid #e0dfdd;}
.thumbslike{background:#175a75; width: 80px; height: 80px; border-radius: 100px; margin:0 auto; text-align: center; display: block;}
.thumbslike span{ font-size: 38px; width: 100%; text-align: center; display: block; line-height: 75px; color: #fff;}
.timeslot{ width: 100%; float: left;}
.timeslot li{ width: 29%; float: left; border-radius:5px; text-align: center;background:#fff; margin:1%;}
.timeslot li a{ color:#2c2c2c; padding: 15px 1%; display: block;}
.timeslot li.active{background:#175a75;}
.timeslot li.active a{color:#fff;}
.timeslot li:hover{background:#175a75;}
.timeslot li:hover a{color:#fff;}

.form-ctrl{background:#fff; width: 100%; border:0px; border-radius:5px; box-shadow:0px 5px 20px #e1dfd8;}
.form-ctrl-txtarea{background:#fff; width: 90%; padding: 5%; border:0px; border-radius:5px; box-shadow:0px 5px 20px #e1dfd8;}
.m-height60{min-height: 60px;}
.m-height100{min-height: 100px;}
.ipt-box-shadow{box-shadow:0px 3px 10px #e1dfd8;}
.b-radius5{border-radius: 5px;}
.form-control-tt{ font-size:15px; background:#fff; padding:15px; width: 95%; border-radius:5px; border:1px solid #fff;box-shadow:0px 3px 10px #e1dfd8;}
.form-control{ font-size: 15px; background:#fff; padding:15px; width: 92%; border-radius:5px; border:1px solid #fff;box-shadow:0px 3px 10px #e1dfd8;}
.form-controls{ font-size: 15px; background:#fff; padding:15px; width: 92%; border-radius:5px;}
.form-control-textarea{ font-size: 15px; background:#fff; padding:15px; width: 100%; border-radius:5px; border:1px solid #fff;box-shadow:0px 3px 10px #e1dfd8;}
.ccnumber{ border:0px;}
.card-icon{ float: left; width: auto;margin-top: 15px; margin-left: 15px;}
.icon-watch{float: left; width: auto;margin-top: 5px;}
.selectbox{ border:0px; background: transparent; width: 80%; margin-top:6px; font-size: 15px;}
.mob-service-cont { float: left; margin-bottom: 25px; width:100% !important;}
.serv-section-cont{position: fixed;
    right: 20px;
    width: 300px;
    background: #fff;
    padding: 10px 20px;
    top: 40px;
    z-index: 99999;
    border-radius: 5px}
.input-group-btn-vertical{ float: left; width: 75px; margin-left: 5px;}
.bttn{padding:0px 24px; display:block; margin-bottom:5px; border:1px solid #ccc;}
.spinner{ padding:51px 0px;}
.spinner1{ padding:51px 0px;}
.spinner2{ padding:51px 0px;}
.spinner3{ padding:51px 0px;}
.spinner4{ padding:51px 0px;}
.spinner5{ padding:51px 0px;}
.spinner6{ padding:51px 0px;}
.spinner7{ padding:51px 0px;}

.input-group-btn-vertical span{ font-size: 20px;}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow:0px 5px 20px #e1dfd8;
    font-family: UtopiaStd-Semibold;
}
.desktop-none{ display: none;}
.pnumber{ position: relative;}
.pnumber span{position: absolute;margin-top: 13px;margin-left: 10px; width: 40px;}
nav {
    width: 100%;
    height: 60px;
    background: #ffffff;
    postion: fixed;
    z-index: 10;
}

nav div {
    color: #2c2c2c;
    font-size: 1.8rem;
    line-height: 60px;
    position: absolute;
    top: 0;
    left: 2%;
    visibility: hidden;
}
.visible-title {
    visibility: visible;
}

nav ul {
    list-style-type: none;
    margin: 0 2% auto 0;
    padding-left: 0;
    text-align: right;
    max-width: 100%;
}
nav ul li {
    display: inline-block;
    line-height: 60px;
    margin-left: 10px;
}
nav ul li a {
    text-decoration: none;
    color: #a9abae;
}
.iptfields{border:1px solid #ccc; float:left; width: 83px; margin-left: 6px; height:50px; text-align: center; font-size:20px;}
.bggwhited{background:#fff; float: left; border-radius: 5px; margin-bottom: 5px; width: 100%;}
.bggwhited .form-control{ box-shadow:none;}
.footer{background:#f0eeea;padding:30px 0px; float: left; width: 100%;}
.footer ul{ list-style: none; color:#2c2c2c; float: right;}
.footer ul li{display: inline-block; color:#2c2c2c;}
.footer ul li a{text-decoration: none; color:#2c2c2c; padding:10px; opacity: 0.8;}
.desktop-service-cont{ width: 100%;  }
@media only screen and (max-width:640px) and (min-width:421px) {
  .service-list li a{padding:10px; font-size: 12px;}
}
@media only screen and (max-width: 420px) {
    .extra_service li a{ font-size: 13px;}
    .footer p{ font-size: 14px; margin-bottom: 5px;}
    .service-list li a{padding:10px; font-size: 12px; }
    .card-cvc{padding:15px 6px !important;}
}
@media only screen and (max-width: 580px) {
    .service_listing li{ min-height: 115px;}
    .footer ul li a{ font-size: 14px; padding:10px 6px;}
    .payment-cont img{ width: 100%;}



}
@media only screen and (max-width: 640px) {

  .service_listing li{ min-height: 150px; float: left; width: 27% !important; margin-right: 2%;margin-left: 2%;}
  #service-listed li{ width: 44% !important; min-height: 175px; margin-right: 2%;margin-left: 2%;}
  .home-services{padding:10px;}
  .home-services span{margin-right: 15px; margin-top: 8px;}
  .service-list li{margin-right:5px;}
  .frequently-services li{ width: 100%; margin-right: 0px;}
  .frequently-services a.btn-white{ width: 100% !important;}
  .frequently-services a.btn-blue{ width: 100% !important;}
  .extra_service li{ width: 46%;}
  .footer p{ text-align: center; display: block; width: 100%;}
  .footer ul{margin: 0 auto; float: none; display:block; text-align: center;}
  .form-control-tt{ width: 94%; padding:15px 10px;}
  .input-group-btn-vertical{ width: 50px;}

  .bttn{padding:0px 12px;}
}
@media only screen and (max-width: 768px) {
  .btn-yellow{ width: 100%; padding:15px 0px; float: left; text-align: center;}
  .footer p{ text-align: center; display: block; width: 100%;}
  .footer ul{margin: 0 auto; float: none; display:block; text-align: center;}
  .hor-bar{ margin: 20px auto; width: 70%;}
  .top-bar li{ width: 24%;}
  .top-bar{ float: none; margin: -34px auto 0 auto; display: block; text-align: center;}
  .qmark-mob{padding:10px 0px; float: right; width: 55px;}
  .service_listing li a img{ font-size: 15px; width: 70px; margin: 0 auto; display: block; text-align: center;}
  nav{ display: none;}
}
@media only screen and (max-width:768px) and (min-width:641px) {
  .service_listing li{margin:0 2%; width: 26%; min-height: 110px; float: left;}
  .extra_service li a{ font-size: 14px;}
  .form-control{ width: 94%;}
  .footer ul li a{ padding:10px 2px;}
  .iptfields{ width: 65px;}
  .input-group-btn-vertical{ width: 60px;}
  .bttn{padding:0px 15px;}
}

@media only screen and (max-width:990px) and (min-width:769px) {
    .service_listing li{margin:0 2%;min-height: 110px; float: left;}
  .footer ul li a{padding:10px 3px;}
  .btn-yellow{ width: 100%; padding:15px 0px; float: left; text-align: center;}
  .thumbslike{ width:58px; height: 58px;}
  .thumbslike span{ line-height: 58px; font-size: 30px;}
}

@media only screen and (max-width:1440px) and (min-width:1250px) {
  .iptfields{ width: 60px;}
}

@media only screen and (max-width:1249px) and (min-width:1080px) {

  .input-group-btn-vertical{ width: 55px;}
}

@media only screen and (max-width:1080px) and (min-width:990px) {

  .input-group-btn-vertical{ width: 50px;}
  .bttn{padding:0px 15px;}
}