@font-face {
  font-family: "Filson Soft Bold";
  src: url('../fonts/FilsonSoft-W03-Bold.ttf') format('truetype');
}

@font-face {
  font-family: "Filson Soft Regular";
  src: url('../fonts/FilsonSoft-W03-Regular.ttf') format('truetype');
}

/*
@font-face {
    font-family: "SF Pro Display-bold" ;
    src: url('../fonts/FontsFree-Net-SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'SF Pro Display-regular' ;
    src: url('../fonts/FontsFree-Net-SFProDisplay-Regular.ttf') format('truetype');
}
*/


body {
  font-family: 'Source Sans Pro', sans-serif;
}

@media (min-width: 1440px) {
  .container {
    max-width: 1400px;
  }
}

.cont-groomit-w-header {
  background: #e8e8e8;
}

/** General usually styles **/
.btn-groomit {
  font-family: "Filson Soft Regular";
  background: #DBA1A5;
  font-size: 16px;
  color: #2e2e2e;
  height: 40px;
  min-width: 140px;
  max-width: 100%;
  border-radius: 50px;
  border: none;
  outline: none !important;
  box-shadow: none;
  color: #000;
  ;
  line-height: 40px;
  cursor: pointer;
  padding: 0;
}

.btn-groomit:hover {
  background: #2E2E2E;
  color: #fff;
}

.btn-groomit:focus {
  border: none;
  outline: none !important;
  box-shadow: none;
}

h1,
h2,
h3,
h4 {
  font-family: "Filson Soft Regular";
  color: #2E2E2E;
}

h1 {
  font-size: 40px;
  color: #2E2E2E;
}

h2 {
  font-size: 30px;
  color: #2E2E2E;
}

h3 {
  font-size: 20px;
  color: #2E2E2E;
}

h4 {
  font-size: 19px;
  color: #2E2E2E;
}

h1.small-h1 {
  font-size: 19px;
  color: #2E2E2E;
}

h1.h1-page-title {
  font-size: 30px;
  color: #2E2E2E;
}

p {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #2E2E2E;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 18px;
  }

  p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
  }

  .btn-groomit {
    font-size: 16px;
  }

}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 34px;
  }

  h2 {
    font-size: 23px;
  }

  h3 {
    font-size: 14px;
  }

  h4 {
    font-size: 14px;
  }

  .cont-about-opportunity h4 {
    font-size: 17px;
  }

  p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
  }

  .cont-about-opportunity p {
    font-size: 16px;
  }

  .btn-groomit {
    font-size: 12px;
  }
}

.text-center {
  text-align: center !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

@media (max-width: 991px) {
  .benefits-bottom-link {
    bottom: 10px;
  }

  #benefits {
    padding-top: 0 !important;
  }

  .benefits__whyUs {
    margin-top: 0 !important;
  }
}

/* Top Nav */
a.navbar-brand {
  line-height: normal;
  font-size: 13px;
  padding-bottom: .5rem;
}

.top-bar {
  background-color: #353434;
}

.top-bar p {
  margin: 0 !important;
  padding: 7px 0;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}

.top-bar p a {
  text-decoration: underline;
  color: #fff;

}

.cont-groomit-w-header {
  background: #e8e8e8;
}

.input-group.input-group-groomit input[type="text"].form-control,
.input-group.input-group-groomit input[type="number"].form-control,
.input-group.input-group-groomit input[type="email"].form-control,
.input-group.input-group-groomit input[type="password"].form-control,
.input-group.input-group-groomit select.form-control,
.input-group.input-group-groomit textarea.form-control,
.input-group.input-group-groomit select.form-control option {
  border-radius: 25px;
  border: 1px solid #e6e6e6 !important;
  outline: none;
  height: 50px;
  background: #fff;
  font-size: 14px;
  line-height: 50px;
  padding: 0 20px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  border: none;
  outline: none !important;
  box-shadow: none;
  color: #2E2E2E;
}


.input-group.input-group-groomit input[type="text"].input-location {
  background-image: url('../../v4/images/input-icon-location.png');
  background-repeat: no-repeat;
  background-position: left 20px center;
  padding-left: 45px;
}

.input-group.input-group-groomit input::placeholder {
  color: #2E2E2E;
  font-family: 'Source Sans Pro', sans-serif;
}

.input-group.input-group-groomit select.form-control {
  background-image: url('../../v4/images/input-icon-select.svg');
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 46px;
}

select.groomit-select-v4 {
  background-image: url('../../v4/images/input-icon-select.svg');
  background-repeat: no-repeat;
  background-position: right 12px center;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 30px;
}

.input-group.input-group-groomit select.form-control.select-w-icon.select-w-icon_my_pet_is {
  background-image:
    url('../../v4/images/input-icon-select.png'),
    url('../../v4/images/my-pet-icon.svg');
  background-repeat: no-repeat;
  background-position:
    right 16px center,
    left 16px center;
  padding-left: 46px;
  background-repeat:
    no-repeat;
  /* this applies to both images */
}

select.select-w-icon {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.select-w-icon::-ms-expand {
  display: none;
}

.input-group-icon {
  border-radius: 25px;
  border: none;
  outline: none;
  height: 50px;
  background: #fff;
  font-size: 20px;
  line-height: 50px;
}


.flex-item {
  width: 100%;
  height: initial;
}

.space-between {
  -webkit-align-content: space-between;
  align-content: space-between;
}

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 100%;
  height: 100%;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.pricing-box {
  background: #fff;
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 25px;
}

.pricing-box .row {
  margin-left: -10px;
  margin-right: -10px;
}

.pricing-box p {
  font-size: 15px;
  line-height: 15px;
  font-family: 'Source Sans Pro', sans-serif;
}

.pricing-box p strong {
  font-family: "Filson Soft Bold";
}

.pricing-box h3 {
  font-size: 20px;
  line-height: 20px;
  font-family: "Filson Soft Bold";
}

.pricing-box h4 {
  font-size: 17px;
  font-family: "Filson Soft Bold";
}

.pricing-box.pricing-box-gold h3 {
  color: #d6af5b;
}

.pricing-box.pricing-box-eco h3 {
  color: #3064a3;
}

.pricing-box.pricing-box-silver h3 {
  color: #aeaeae;
}

.pricing-box h3.pricing-price {
  color: #fff;
  font-size: 16px;
  padding: 0 2px;
  border-radius: 30px;
  line-height: 30px;
  text-align: center;
  margin-top: 0;
  margin-right: 0;
  font-family: "Filson Soft Bold";
  display: inline-block;
  min-width: 90px;
  max-width: 100%;
}

.pricing-box-gold h3.pricing-price {
  background: #d6af5b;
}

.pricing-box-eco h3.pricing-price {
  background: #3064a3;
}

.pricing-box-silver h3.pricing-price {
  background: #aeaeae;
}

.pricing-box ul {
  margin: 0;
  padding: 0;
  list-style: none;

}

ul.addons-list {
  /* border-left: 2px solid;*/
  height: 100%;
}

.pricing-box ul li {
  margin: 0;
  padding: 3px 0 5px 5px;
  list-style: none;
  font-size: 12px;
  line-height: 12px;
  color: #2e2e2e;
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: antialiased !important;
}

.addons-list img {
  margin-right: 3px;
}

/*
  .pricing-box-gold ul {
    border-color:#d5ae5b;
  }
  .pricing-box-eco ul {
    border-color:#3064a3;
  }
  .pricing-box-silver ul {
    border-color:#aeaeae;
  }
*/
.pricing-box ul.pricing-features {
  padding-left: 15px;
  column-count: 2;
}

.pricing-box ul.pricing-features li {
  list-style: disc;
  padding-left: 0;
  border: none;
  margin-bottom: 7px;
}

.special span {
  color: red;
}

.special span {
  font-weight: bold;
}

.navbar-toggler:focus,
.navbar-toggler:hover,
.navbar-toggler {
  outline: none !important;
  border: none !important;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .row-same-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .row-same-height .pricing-box {
    height: 100%;
    margin-bottom: 0;
  }

  .col-pricing-box {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1025px) {
  .pricing-box .col-12.col-ipad {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1023px) {
  .pricing-box ul li {
    font-size: 13px;
  }

  .pricing-box .col-12.col-ipad {
    display: none;
  }

  .van-home-img {
    margin-top: 25%;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blank-addon {
    display: none;
  }

  .pricing-box p {
    font-size: 13px;
    line-height: 13px;
  }

  .pricing-box h3 {
    font-size: 18px;
    line-height: 18px;
  }

  .pricing-box h3.pricing-price {
    font-size: 18px;
  }

  ul.addons-list li {
    font-size: 12px;
  }

  .pricing-box ul.pricing-features li {
    font-size: 12px;
  }

  .pricing-box h3.pricing-price {
    margin-right: 0;
  }

  .pricing-box .col-4 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .pricing-box .col-12.col-ipad {
    display: none;
  }

  a.navbar-brand {
    padding-bottom: 0;
  }
}



/* Header */
.navbar-light .navbar-nav .nav-link {
  text-transform: capitalize;
}

.cont-groomit-w-header {
  padding-top: 80px;
  padding-bottom: 30px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.main-nav {
  padding: 15px 0;
  /* position: fixed;*/
  position: relative;
  top: 0;
  z-index: 999;
  width: 100%;
  top: 0 !important;
}

.main-nav__logo {
  width: 160px;
}

@media (max-width: 768px) {
  .main-nav__logo {
    width: 130px;
  }

  .main-nav__menu .btn-groomit {
    min-width: 70px !important;
    width: 70px !important;
    margin: 0 auto;
  }
}

.main-nav__item {
  font-size: 12px;
  font-weight: 600;
  color: #2e2e2e;
}

.main-nav__item.active .main-nav__link,
.main-nav__item .main-nav__link:hover {
  color: #2e2e2e;
  text-decoration: underline;
}

.inputError {
  margin: 0;
  padding: 1px 15px 0 15px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #FF314A;
  display: none;
}

.main-nav__link {
  color: #2e2e2e !important;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
}

.main-nav__link .fa-chevron-down {
  padding: 4px 2px 0 2px;
}

.main-nav__item .dropdown-item:hover {
  background: #DBA1A5;
}

.main-nav__item .dropdown-menu {
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
}

.navbar-collapse {
  flex-grow: initial;
  padding-left: 15px;
}

.main-nav__item .dropdown-item {
  text-transform: none;
}

.navbar-collapse.show {
  max-height: calc(100vh - 84px);
}

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 1.5rem;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar-collapse {
    margin-top: 20px;
    border-top: solid 1px rgba(100, 61, 61, 0.1);
  }

  .navbar-collapse .navbar-nav {
    align-items: start !important;
    padding: 15px;
  }

  .main-nav__link {
    padding: 15px 20px !important;
  }

  .main-nav__link--button {
    padding: 0px 18px !important;
    margin: 15px 0 15px 20px;
  }

  .download-app {
    text-align: center !important;
  }
}


/* Home top banner */
.header-promo-home {
  height: 76vh;
  background: url(../images/header_march_medium.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  /*background-color: #e4c5a9;*/
}

.header-promo-home .input-group:not(.input-group-van) {
  margin: 10px 0px 0 0px !important;
}

.header-promo-home--valentines {
  background-image: url(../images/valentines-medium-screen.jpg);
  background-position: bottom center;
}

.header-promo-home .container-cont {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
}

.promo-banner-pricing {
  height: 20vh;
}

.header-promo__input input {
  border: none;
  outline: none;
  height: 40px;
  background: #fff;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
  font-family: 'Source Sans Pro', sans-serif;
  padding-left: 45px;
  color: #2e2e2e;
  border: none;
  border-radius: 24px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: white url(../../v4/images/input-icon-location.png) no-repeat;
  background-position: left 20px center;
  outline: none !important;
  box-shadow: none !important;
}

.modal-promo__input input {
  border: none;
  outline: none;
  height: 40px;
  background: #fff;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
  font-family: 'Source Sans Pro', sans-serif;
  padding-left: 45px;
  color: #2e2e2e;
  border: none;
  border-radius: 24px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: white url(../../v6/images/icons/adress-icon.svg) no-repeat;
  background-position: left 20px center;
  outline: none !important;
  box-shadow: none !important;
}

.header-promo__input input::placeholder {
  font-size: 16px;
}

.header-promo__input {
  margin-top: 35px;
  width: 515px;
  max-width: 100%;
}

.header-promo__input button {
  height: 40px;
  line-height: 40px;
  color: white;
  background-color: #FF314A;
  border-radius: 0;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 400;
  outline: none !important;
  box-shadow: none !important;
}

.header-promo-home h1 {
  font-family: "Filson Soft Bold";
  font-size: 32px;
  text-align: left;
  font-weight: normal;
  color: #000;
}

.header-promo-home h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #7C868A;
  font-weight: 400;
  margin-bottom: 35px;
}

.header-promo-home h3 {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  color: #7C868A;
}

.col-cat-promo-home {
  margin-right: -45%;
}

.input-group:not(.input-group-van) {
  margin: 20px auto 0 auto !important;
}

#cont-application.cont-application-van .input-group.input-group-van {
  margin: 10px auto 0 auto !important;
}

.header-promo-home-brands {
  background: #323232;
  height: 13vh;
}

.h-100p {
  height: 100%;
}

.top-app-link {
  margin-top: 35px;
}

.top-app-link img {
  width: 135px;
}

#main-nav__menu .btn-groomit {
  background: #000;
  color: #fff;
  width: 180px;
  font-family: "Filson Soft Regular";
}

#main-nav__menu .btn-groomit strong {
  font-family: "Filson Soft Bold";
}

#main-nav__menu .btn-groomit:hover {
  background: #FF314A;
  color: #fff;
}

@media only screen and (min-width: 1924px) {
  .header-promo-home {
    height: 58vh;
    background-image: url(../images/header_march_big.png);
  }

  .header-promo-home--valentines {
    background-image: url(../images/valentines-big-screen.jpg);
    background-position: bottom center;
  }

  .header-promo__input {
    width: 500px;
  }

  .header-promo-home h1 {
    font-size: 32px;
  }

  .header-promo-home h2 {
    font-size: 18px;
    text-align: left !important;
  }

  .header-promo-home-brands {
    height: 9vh;
  }
}

@media only screen and (max-width: 1024px) {
  .header-promo-home {
    height: 38vh;
  }

  .header-promo-home-brands {
    height: 10vh;
  }
}

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

  .navbar-collapse.show {
    padding-left: 0;
  }

  .navbar-collapse.show {
    overflow-y: scroll;
  }

  .header-promo-home-brands {
    height: 10vh;
  }

  .header-promo-home {
    height: 40vh;
  }

  .header-promo-home h1 {
    font-size: 22px;
  }

  .header-promo-home h2 {
    font-size: 14px;
    line-height: 16px;
  }

  .header-promo__input {
    max-width: 90%;
  }

  .header-promo__input input {
    font-size: 14px;
  }

  .top-bar.\/ {
    display: none !important;
  }

  .main-nav.\/ {
    margin-top: 0 !important;
  }

  .header-promo__input input::placeholder {
    font-size: 12px;
  }


}

@media only screen and (max-width: 767px) {
  .top-app-link {
    display: block;
  }

  .top-app-link {
    text-align: center;
    margin-top: 5px;
    width: 240px;
    /* padding: 0 15px; */
  }

  .top-app-link a {
    width: 50%;
    /* padding: 0 5px; */
    /* float: left; */
  }

  .top-app-link a img {
    width: 100px;
    margin-bottom: 5px;
    margin-right: 20px;
  }

  .header-promo-home-brands {
    display: none;
  }

  .header-promo-home {
    height: 31vh;
    background-image: url(../images/header_march_mobile.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
  }

  .header-promo-home--valentines {
    background-image: url(../images/valentines-mobile.jpg);
    background-position: bottom center;
  }

  .header-promo-home h1 {
    font-size: 15px;
    margin-top: 3vh;
  }

  .header-promo-home h2 {
    font-size: 12px;
    line-height: 12px;
  }

  .header-promo__input {
    display: none;
  }

  .header-promo__input input {
    font-size: 14px;
  }

  .top-bar p {
    padding: 6px 0;
    font-size: 12px;
    line-height: 13px;
  }
}

@media only screen and (max-width: 568px) {
  .header-promo-home {
    height: 35vh;
  }

  .header-promo-home h1 {
    font-family: "Filson Soft Bold";
    font-size: 18px;
    margin-top: 6vh;
    margin-bottom: 0;
    display: inline-block;
    width: 245px;
  }

  .header-promo-home h2 {
    font-size: 12px;
    line-height: 13px;
    padding: 0;
    display: block;
    margin-bottom: 18px;
    width: 165px;
  }

  .header-promo-home h3 {
    display: none;
  }
}

/** Location **/
div#neighborhoods-scroll {
  width: 100%;
  height: 1px;
}

.location-finder {
  background: #fff;
  border-radius: 18px;
  padding: 20px;
  -webkit-box-shadow: -1px 3px 6px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: -1px 3px 6px 0px rgba(50, 50, 50, 0.5);
  box-shadow: -1px 3px 6px 0px rgba(50, 50, 50, 0.5);
}

.location-finder .input-group.input-group-groomit input[type="text"].input-location,
.location-finder .input-group.input-group-groomit select {
  border: 1px solid #e6e6e6;
}

.input-group-groomit label {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
}

.cont-location-finder {
  position: relative;
  height: 70vh;
}

.location-finder-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 85%;
  border-radius: 18px;
  overflow: hidden;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.location-finder-bg.location-finder-bg-new-york {
  background-image: url(../../v4/images/location-bg-nyc.jpg);
}

.location-finder-bg.location-finder-bg-san-diego {
  background-image: url(../../v4/images/location-bg-san-diego.jpg);
}

.location-finder-bg.location-finder-bg-san-francisco {
  background-image: url(../../v4/images/location-bg-san-francisco.jpg);
}

.location-finder-bg.location-finder-bg-brooklyn {
  background-image: url(../../v4/images/location-bg-brooklyn.jpg);
}

.location-finder-bg.location-finder-bg-miami {
  background-image: url(../../v4/images/location-bg-miami.jpg);
}

.location-finder-bg.location-finder-bg-philladelphia {
  background-image: url(../../v4/images/location-bg-philladelphia.jpg);
}

.location-finder-bg.location-finder-bg-rockland {
  background-image: url(../../v4/images/location-bg-rockland.jpg);
}

.location-finder-bg.location-finder-bg-connecticut {
  background-image: url(../../v4/images/location-bg-connecticut.jpg);
}

.location-finder-bg.location-finder-bg-long-island {
  background-image: url(../../v4/images/location-bg-long-island.jpg);
}

.location-finder-bg.location-finder-bg-new-jersey {
  background-image: url(../../v4/images/location-bg-new-jersey.jpg);
}

.location-finder-bg.location-finder-bg-westchester {
  background-image: url(../../v4/images/location-bg-westchester.jpg);
}

.location-finder-bg.location-finder-bg-dallas {
  background-image: url(../../v4/images/location-bg-dallas.jpg);
}

.location-finder-bg.location-finder-bg-austin {
  background-image: url(../../v4/images/location-bg-austin.jpg);
}

.location-finder-bg.location-finder-bg-houston {
  background-image: url(../../v4/images/location-bg-houston.jpg);
}

.location-finder-bg.location-finder-bg-boston {
  background-image: url(../../v4/images/location-bg-boston.jpg);
}

.location-finder-bg.location-finder-bg-chicago {
  background-image: url(../../v4/images/location-bg-chicago.jpg);
}

.location-finder-bg.location-finder-bg-phoenix {
  background-image: url(../../v4/images/location-bg-phoenix.jpg);
}

.location-finder-bg.location-finder-bg-san-antonio-san-marcos {
  background-image: url(../../v4/images/location-bg-san-antonio-san-marcos.jpg);
}

.location-finder-bg.location-finder-bg-seattle {
  background-image: url(../../v4/images/location-bg-seattle.jpg);
}

.location-finder-bg.location-finder-bg-washington-dc {
  background-image: url(../../v4/images/location-bg-washington-dc.jpg);
}

.location-finder-bg.location-finder-bg-orlando {
  background-image: url(../../v4/images/location-bg-orlando.jpg);
}

.location-finder-bg.location-finder-bg-atlanta {
  background-image: url(../../v4/images/location-bg-atlanta.jpg);
}

.location-finder-bg.location-finder-bg-denver {
  background-image: url(../../v4/images/location-bg-denver.jpg);
}

.location-finder-bg.location-finder-bg-application.location-finder-bg-application-in-home {
  background-image: url(../../v4/images/application-in-home-bg.jpg);
}

.location-finder-bg.location-finder-bg-application-opportunity {
  background-image: url(../../v4/images/application-opportunity-bg.jpg) !important;
  background-position: center right;
}

.collapse-neighborhoods ul {
  margin-bottom: 0
}

.collapse-neighborhoods .card.card-body {
  padding: 0;
  background: none;
  border: none;
}

a .v-more {
  display: none;
}

a.collapsed .v-more {
  display: inline-block;
}

a.collapsed .v-less {
  display: none;
}

ul.groomit-list {
  padding-left: 15px;
  line-height: 28px;
}

ul.groomit-list li {
  margin: 10px 0;
  font-family: 'Source Sans Pro', sans-serif;
}

ul.groomit-list li strong {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
}

.cont-groomit-video {
  border-radius: 40px;
  overflow: hidden;
  display: block;
  margin: 10px 0 25px 0;
  line-height: 0;
}

#cont-application .cont-location-finder h2 br {
  display: none;
}

.table-availability .custom-control {
  min-height: 1rem;
  padding-left: 1rem;
}

.table-availability td,
.table-availability th {
  padding: 10px 0px 0px;
}

.table-availability .tlast {
  display: none;
}

@media only screen and (max-width: 768px) {
  #cont-application h2 {
    font-size: 25px;
  }

  ul.groomit-list {
    margin-top: 0 !important;
    line-height: 24px;
    padding-left: 3px;
  }

  ul.groomit-list li {
    margin: 20px 0;
    line-height: 18px;
  }

  #cont-application iframe {
    height: 250px;
  }

  .get-started {
    margin-top: 10px !important;
  }

  .custom-control {
    width: 50%;
  }

  .custom-radio {
    margin-bottom: 10px;
  }



  .table-availability {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  .table-availability th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    width: 10%;
    padding: 0.4rem;
  }

  .table-availability td,
  .table-availability th {
    font-size: 10px;
    padding: 0.4rem;
  }

  .table-availability .custom-control {
    min-height: 0.5rem;
    padding-left: 0rem;
    margin-right: 0rem;
  }

  .table-availability .label-availability {
    left: 27px;
  }

  .table-availability .form-check {
    padding-left: 0;
  }

  .table-availability .tlast {
    display: table-row;
  }
}

@media only screen and (max-width: 767px) {
  #cont-application .cont-location-finder {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #cont-application .cont-location-finder h2 br {
    display: inline-block;
  }

  #cont-application h2 {
    font-size: 23px;
  }

  #cont-application iframe {
    height: 170px;
  }
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cont-location-finder {
    height: 48vh;
  }
}


@media only screen and (min-width: 1440px) {
  .cont-location-finder {
    position: relative;
    height: 48vh;
  }

  .input-group:not(.input-group-van) {
    margin: 10px auto 0 auto !important;
  }
}

@media (max-width: 768px) {
  .location-finder-bg.location-finder-bg-application {
    background-image: url(../../v4/images/application-bg-xxs.jpg) !important;
    background-position: center right;
  }
}

@media (min-width: 7669px) and (max-width: 991px) {
  .location-finder-bg.location-finder-bg-application {
    background-image: url(../../v4/images/application-bg-xs.jpg) !important;
    background-position: center right;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .location-finder-bg.location-finder-bg-application {
    background-image: url(../../v4/images/application-bg-sm.jpg) !important;
    background-position: center right;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .location-finder-bg.location-finder-bg-application {
    background-image: url(../../v4/images/application-bg-xl.jpg) !important;
    background-position: center right;
  }
}

@media (min-width: 1440px) {
  .location-finder-bg.location-finder-bg-application {
    background-image: url(../../v4/images/application-bg-xxl.jpg) !important;
  }

  .cont-location-finder-apply-groomer {
    height: 42vh;
  }
}



@media (max-width: 768px) {
  .location-finder-bg.location-finder-bg-application-opportunity {
    background-image: url(../../v4/images/application-opportunity-bg.jpg) !important;
    background-position: center right;
  }
}

@media (min-width: 7669px) and (max-width: 991px) {
  .location-finder-bg.location-finder-bg-application-opportunity {
    background-image: url(../../v4/images/application-opportunity-bg-xs.jpg) !important;
    background-position: center right;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .location-finder-bg.location-finder-bg-application-opportunity {
    background-image: url(../../v4/images/application-opportunity-bg-sm.jpg) !important;
    background-position: center right;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .location-finder-bg.location-finder-bg-application-opportunity {
    background-image: url(../../v4/images/application-opportunity-bg-xl.jpg) !important;
    background-position: center right;
  }
}

@media (min-width: 1440px) {
  .location-finder-bg.location-finder-bg-application-opportunity {
    background-image: url(../../v4/images/application-opportunity-bg-xxl.jpg) !important;
    background-position: center right;
  }

  .cont-location-finder-apply-opportunity {
    height: 42vh;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cont-location-finder.cont-location-finder-opportunity {
    height: 42vh;
  }
}

@media only screen and (max-width: 767px) {
  .cont-location-finder {
    height: 50vh;
  }

  .location-finder-bg {
    width: 100%;
  }

  .collapse-neighborhoods ul li {
    font-size: 12px;
    line-height: 14px;
  }
}

.cont-appli-opportunity {
  border-radius: 30px;
  overflow: hidden;
}

.cont-appli-opportunity img {
  width: 100%;
}

.location-content {
  padding-left: 20px;
  padding-right: 20px;
}

.location-content h2 {
  text-align: center;
  margin-top: 5rem !important;
}

.location-content h1 {
  text-align: center;
  margin-top: 5rem !important;
  font-size: 30px;
  color: #2E2E2E;
}

.location-content p.expl {
  text-align: center;
}

.location-content p.last {
  text-align: center;
  margin-bottom: 5rem !important;
}

.information {
  background-color: #fff;
}

.information .col-md-6 {
  flex: 0 0 49%;
  max-width: 49%;
  border-radius: 3px;
}

.information .content {
  background-color: #eee;
  margin: 4px 4px 4px 4px;
  min-height: 576px;
  padding: 65px 0 0 0;
}



#benefits.information .content {
  min-height: 730px;
  overflow: hidden;
}

.information #howitworks .content {
  min-height: 640px;
}

.information .content-video {
  background-color: #eee;
  margin: 4px 4px 4px 4px;
  min-height: 576px;
  padding-top: 65px;
}

/** Application **/
.white-bg {
  background: #fff;
}

/** Benefits **/

#benefits {
  /* background-color: #f6f6f6; */
  padding: 5px 0;
}

#benefits h2 {
  margin-bottom: 8px;
}

#benefits h4 {
  font-family: "Filson Soft Bold";
}

#benefits .h4__regular {
  font-family: "Filson Soft Regular" !important;
}

#benefits h4.book__in__advance {
  font-family: "Filson Soft Bold" !important;
}

#benefits h3,
#privacy h3 {
  font-weight: bold;
  color: black;
  margin-bottom: 15px;
  font-size: 22px;
}

#benefits a.btn-default {
  color: #0071e3;
}

#benefits a:hover {
  text-decoration: underline;
}

.benefits__video-container {
  margin-top: 0;
}

.benefits__video-container iframe {
  border-radius: 20px;
  width: 100%;
}

#benefits .media-left {
  width: 21%;
  vertical-align: middle;
}

#carousel-right {
  width: 170px;
  padding-top: 15px;
  float: right;
  margin-right: 76px;
}

#carousel-left {
  margin-left: 40px;
}

#carousel-right img {
  width: 100%;
  height: 90%;
}

#phone-container {
  position: relative !important;
}

#phone-container p {
  margin-bottom: 40px;
}

#phone-container #phone {
  position: absolute;
  width: 195px;
  height: 498px;
  top: 0px;
  right: 79px;
  z-index: 99;
  background: url('../../v4/images/phone.png') no-repeat;
  background-size: 100% auto;
}


/*#benefits .media-object {
  max-height: 155px;
  height: auto;
  width: auto;
  margin: 0 auto;
}

/*#benefits .benefit-item:first-child .media-object {
  max-width: 80px;
  margin: 0 auto;
}
*/

#benefits .media-body {
  width: 65%;
  padding-right: 25px;
}

#benefits .benefit-item {
  /*margin-bottom: 35px;*/
}

#benefits .media-left,
#benefits .media>.pull-left {
  padding-right: 20px;
  padding-left: 0;
}

#benefits p {
  color: black;
  line-height: 140%;
  font-size: 16px;
}

#benefits p strong {
  font-weight: 600;
}

#benefits .vet-on-demand {
  background-image: url('../../v4/images/vet-on-demand.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 350px;
}

/*
  #benefits .vet-on-demand {
    background-image: none;
  }
*/
#benefits .cooming-soon {
  color: red;
  font-size: 14px;
}

ul.nav-tabs#benefitsTab {
  height: auto;
  margin: 0 auto;
  display: block;
  line-height: normal;
  padding: 0;
  border: none;
  margin-bottom: 40px;
  text-align: left;
  width: 100%;
}

#benefits a.nav-link {
  width: auto;
  border: none;
  background-color: transparent;
  color: #727272;
  height: 22px;
  border-radius: 50px;
  line-height: 22px;
  text-decoration: none !important;
  box-shadow: none !important;
  margin: 8px 5px 10px 5px;
  font-family: "Filson Soft Regular";
  font-size: 14px;
  text-align: left;
  padding: 0;
  float: left;
  display: inline-block;
}

#benefits a.active.nav-link,
#benefits a.nav-link:hover {
  color: #ff314a;
}

#benefits ul#benefitsTab li {
  display: inline-block;
  margin-bottom: 15px;
  width: 32.5%;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 1199px) {
  #benefits a.nav-link {
    font-size: 15px;
    margin: 8px 9px 10px 9px;
  }

}

@media only screen and (max-width: 767px) {
  #benefits ul#benefitsTab li {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 0;
  }

  #benefits ul#benefitsTab li a {
    height: auto;
    line-height: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  ul.nav-tabs#benefitsTab {
    width: 100%;
    margin-bottom: 16px;
  }

  #benefits a.nav-link {
    margin-left: 0 !important;
    width: 100% !important;
  }

  #benefits .media-left,
  .groomit-list-mobile-van-home,
  .benefit-title {
    margin-left: 20px;
  }

  #benefits .benefit-item.last-benefit {
    padding-bottom: 100px;
  }
}

/*
#benefits ul li:first-child{
  width: 100%;
  display: block;
}

#benefits ul li:first-child a.nav-link{
  display: inline-block;
  margin:auto;
}
*/
#benefits h3.benefits-of-title {
  font-family: "Filson Soft Regular";
  font-size: 25px;
  color: #2E2E2E;
  line-height: 29px;
  padding-right: 10px;
  display: inline-block;
}

.new-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: 105px;
}

.benefits-bottom-link {
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 100%;
  height: 70px;
  line-height: 70px;
}

.content-van-home .benefits-bottom-link {
  bottom: 18px;
}

.content-van-home h2.small {
  font-size: 18px;
  line-height: 22px;
  color: #727272;
}

.content-care-home h2.small {
  font-size: 16px;
  line-height: 20px;
  color: #727272;
}

@media only screen and (max-width: 768px) {
  .van-home-img {
    margin-top: 10px !important;
  }

  #benefits.information .content {
    min-height: auto;
    padding-bottom: 0;
  }

  .benefits-bottom-link {
    position: relative;
  }

  .content-van-home h2.small {
    font-size: 16px;
    line-height: 20px;
    color: #727272;
  }

  .information .content.content-care-home {
    padding-bottom: 28px;
  }

  .information .content {
    min-height: auto !important;
  }
}

#benefits .benefit-item.last-benefit {
  margin-bottom: 0;
  padding-bottom: 70px;
}

/** Services Area **/
/* =================*/

.service-area {
  background-color: #C7C9CD;
  padding: 50px 0px 10px;
}

.services-are__cities {
  margin: auto;
  width: 85%;
  margin-top: 45px;
}

.services-are__cities ul {
  list-style-type: none;
  text-align: center;
}


.services-are__cities ul li {
  font-family: 'Source Sans Pro', sans-serif;
  display: inline-block;
  position: relative;
  /* float: left; */
  height: auto;
  width: 105px;
  padding: 0;
  margin: 0 45px 20px;
  list-style: none;
  text-align: left;
  white-space: nowrap;
}


.services-are__cities ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  color: #212529;
}

/* End Service Area */

/** Testimonials **/

.testimonials {
  padding-top: 80px;
  padding-bottom: 100px;
}

.testimonials__carousel {
  margin-top: 30px;
}

.testimonials__carousel-item {
  border-radius: 24px;
  background-color: #f5f5f5;
  padding: 2rem 2rem 1rem;
  min-height: 100%;
}

.testimonials__info-container {
  display: flex;
  align-items: start;
  padding: 0 5px;
  margin-bottom: 30px;
}

.testimonials__person {
  color: #000;
  margin-bottom: 0;
  font-weight: 700;
  font-family: 'Source Sans Pro', sans-serif;
}

.testimonials__person strong {
  font-weight: 800;
}


.testimonials__text--gray {
  color: #959595 !important;
}

.testimonials__text {
  font-family: 'Source Sans Pro', sans-serif;
  color: #000;
  margin-bottom: 0;
}

.testimonials__text em {
  font-weight: 700;
  font-size: 13px;
}

.testimonials__source {
  margin-right: 15px;
}

.testimonials__rating {
  margin-top: 5px;
}

.testimonials__rating img {
  width: 20px !important;
  display: inline-block !important;
}

.testimonials__carousel .owl-dots {
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
  text-align: center;
}

.testimonials__carousel .owl-dot {
  width: 10px;
  height: 10px;
  background-color: #818181 !important;
  border-radius: 50%;
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  opacity: 0.6;
}

.testimonials__carousel .owl-dot:hover {
  background-color: #7e151d !important;
}

.testimonials__carousel .owl-dot.active {
  background-color: #b11c28 !important;
}

.testimonials__carousel .owl-dot.active:hover {
  cursor: default;
}

@media only screen and (min-width: 768px) {
  .testimonials__carousel .owl-stage {
    display: flex;
    align-items: stretch;
  }
}

@media only screen and (max-width: 767px) {
  .testimonials {
    padding-bottom: 80px;
  }

  #phone-container #phone {
    width: 190px;
    height: 385px;
    background-size: 100% auto;
    left: 50%;
    margin-left: -95px;
    top: 0px;
  }

  #phone-container .learn-more {
    margin-top: 30px;
  }

  #carousel-right {
    width: 170px;
    margin: 0 auto;
    padding-top: 10px;
    float: none;
  }

  .services-are__cities ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding: 10px;
  }

  .services-are__cities ul li {
    display: inline-block;
    text-align: left;
    width: 100%;
    margin: 5px 0px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  #benefits .media-left {
    padding-left: 0;
    padding-right: 10px;
    width: 22%;
  }

  #benefits .benefit-item .last img {
    width: 90%;
  }

  .information .content-video {
    min-height: auto;
    padding: 55px 0px 55px;
  }

  .col-icon-apple {
    padding: 0px 5px 0px 30px;
  }

  .col-icon-google {
    padding: 0px 30px 0px 5px;
  }
}

.download-app-home {
  background-color: #f5f5f5;
  padding: 50px 0px 10px;
}

/* Download App bar */

#af-smart-banner.afb-container {
  position: absolute !important;
  top: 0;
  left: 0;
}


/* Application */


.con-groomit-v4-form {
  background: #fff;
  border-radius: 18px;
  padding: 20px;
}

.con-groomit-v4-form.con-groomit-v4-form-shadow {
  -webkit-box-shadow: -1px 3px 6px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: -1px 3px 6px 0px rgba(50, 50, 50, 0.5);
  box-shadow: -1px 3px 6px 0px rgba(50, 50, 50, 0.5);
}

.container-fluid-over-top {
  background: #fff;
  margin-top: 230px;
}

.container-fluid-over-top .con-groomit-v4-form {
  margin-top: -230px;
}

.col-groomit-steps h2 {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  color: #000;
  background: #E8E8E8;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 19px;
  font-weight: 400;
  z-index: 2;
  margin-bottom: 0;
  margin-top: 0;
}

.col-groomit-steps h2.active {
  background: #DBA1A5;
  font-weight: 700;
  font-family: 'Source Sans Pro', sans-serif;
}

.col-groomit-steps h2.completed {
  background: #000;
  color: #fff;
}

.col-groomit-steps {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}

.col-groomit-steps .step-bg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0 16px;
}

.col-groomit-steps .step-bg .step-bg_img_bg {
  height: 100%;
  width: 100%;
  background-image: url(../../v4/images/bg-groomit-steps.jpg);
  background-repeat: repeat-x;
  background-position: center;
  z-index: 1;
}

.hidden {
  display: none;
}

.con-groomit-avatar {
  border-radius: 15px;
  border: 1px solid #e6e6e6;
  padding: 15px;
  background: #fff;
  width: 170px;
  height: 170px;
  position: relative;
  margin: 0 auto;
}

.con-groomit-avatar .con-groomit-avatar-in {
  border-radius: 15px;
  border: 1px solid #e6e6e6;
  padding: 0;
  background: #f9f9fa;
  text-align: center;
  width: 100%;
}

.con-groomit-avatar_add-icon {
  line-height: 40px;
  border-radius: 10px;
  padding: 0;
  background: #000;
  display: inline-block;
  margin: auto;
  width: 40px;
  height: 40px;
  outline: none !important;
  box-shadow: none !important;
}

.con-groomit-avatar_add-icon.update_photo_icon {
  position: absolute;
  bottom: -10px;
  left: 65px;
}

.con-groomit-avatar-error {
  width: 100%;
  margin: auto;
  text-align: center;
  color: red;
  font-size: 14px;
  padding-top: 10px;
  height: 35px;
}

.cont-photo-block {
  display: inline-block;
  margin: auto;
}

.portrait img {
  width: 100% !important;
  height: auto;
  max-height: none;
  max-width: 100%;
  border-radius: 10px;
}

.landscape img {
  height: 100% !important;
  width: auto;
  max-height: 100%;
  max-width: none;
  margin: auto;
}

.gallery {
  padding-top: 10px;
  padding-left: 0px;
}

.gallery-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  height: 195px;
}

.gallery-preview>img {
  width: 100%;
  height: 65%;
  border-radius: .25rem;
  margin: auto;
  text-align: center;
}

.gallery-preview .card-body {
  padding: 8px;
}

.remove-image-preview {
  position: absolute;
  bottom: 4px;
  font-size: 14px;
  color: #ea0b28;
  cursor: pointer;
}


.con-groomit-avatar .con-groomit-avatar-in.con-groomit-avatar-in-loaded {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.p-section {
  padding-top: 45px;
  padding-bottom: 45px;
}

/** Upload Foto **/
#replace-file-upload>input {
  display: none;
}

#gallery-photo-add {
  display: none;
}


#customButton {
  /* style the dummy upload button */
  background: #DBA1A5;
  border: 1px solid #DBA1A5;
  border-radius: 5px;
  padding: 5px 20px;
  display: inline-block;
  cursor: pointer;
  color: #2e2e2e;
}

#replace-file-upload img {
  /* width: 130px; */
  cursor: pointer;
}


.custom-control {
  position: relative;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem;
  cursor: pointer;
}

.custom-control-time {
  width: 100%;
  /* padding-left: 6px; */
}

.custom-control-full {
  width: 100%;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked~.custom-control-indicator {
  color: #2e2e2e;
  background-color: none;
}

.custom-control-input:focus~.custom-control-indicator {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2e2e2e !important;
}

.custom-control-input:active~.custom-control-indicator {
  color: #2e2e2e;
  background-color: #8fcafe;
}

.custom-control-input:disabled~.custom-control-indicator {
  cursor: not-allowed;
  background-color: #2e2e2e;
}

.custom-control-input:disabled~.custom-control-description {
  color: #636c72;
  cursor: not-allowed;
}

.custom-control-indicator {
  position: absolute;
  top: 0.25rem;
  right: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem;
}

/* .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0275d8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-indicator {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}  */
.custom-control-label::before {
  background-color: #fff !important;
  border-color: #adb5bd !important;
}

.custom-control-input:checked~.custom-control-label::before {
  border-color: #000;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color: #000 !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #000 !important;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  background-color: #000;
  outline: none !important;
  box-shadow: none !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-size: 9px;
}

.custom-control-label::before,
.custom-control-label::after {
  top: 3px;
  width: 17px;
  height: 17px;
}

.custom-control-label span {
  margin-left: 0;
  text-align: left;
}

.label-availability {
  left: 35px;
}

.location-finder-bg.location-finder-bg-application.location-finder-bg.location-finder-bg-application-van {
  background-color: #b9b9b9;
  background-image: url(../../v4/images/application-van-bg.jpg);
  background-position: center right;
  background-size: cover;
}

ul.groomit-list.groomit-list-van-application li {
  list-style: disc;
  margin: 0 0 5px 0;
  line-height: 20px;
}

.modal-groomit .modal-content {
  border-radius: 18px;
  border: none;
  background: #fff;
  border-color: #fff;
  padding: 10px;
}

.modal-groomit .close {
  padding: 0;
  line-height: normal;
  height: auto;
  margin-top: 0;
  margin-right: 0;
}

.modal-groomit p {
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
}

.btn-groomit-white {
  border: 1px solid;
  border-color: #000;
  background: #fff;
  color: #000;
}

.modal-groomit .btn-groomit-white {
  margin: auto;
  margin-bottom: 25px;
}

.modal-groomit .modal-header,
.modal-groomit .modal-body,
.modal-groomit .modal-footer {
  border: none;
}

h4.red-title {
  font-size: 16px;
  color: #DBA1A5;
  margin: 10px 0;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
}


#cont-application.cont-application-van .input-group.mt-0,
.input-group.mt-0 {
  margin-top: 0 !important;
}

#cont-application.cont-application-van select.form-control {
  line-height: 40px !important;
}

#cont-application.cont-application-van .btn.btn-groomit {
  margin: 15px 0 5px 0;
  height: 40px;
  line-height: 40px;
}

#cont-application.cont-application-van .location-finder {
  padding: 15px;
}

.multiselect {
  width: 305px;
  max-width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  outline: none !important;
  box-shadow: none !important;
  ;
  color: #2E2E2E;
}

.multiselect-container {
  width: 305px;
  max-width: 100%;
}

span.multiselect-native-select {
  max-width: 100%;
}

ul.multiselect-container.dropdown-menu.p-1.m-0.show {
  max-width: 100%;
}

.dropdown-toggle::after {
  display: none;
}

span.multiselect-selected-text {
  background: url('../../v4/images/input-icon-select.svg') no-repeat;
  background-position: right 5px center;
  padding-right: 30px;
  text-align: left;
  padding-left: 15px;
  width: 100%;
  display: block;
  overflow-x: hidden;
}

.multiselect-container>li {
  line-height: 18px;
}

.multiselect-container>li>a>label {
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
}

.form-control.multiselect:focus {
  border-color: #ced4da;
}


/*Sticky footer*/
.cont-container-bottom-button {
  min-height: calc(100% - 130px) !important;
}

.cont-container-bottom-no-button {
  min-height: calc(100% - 50px) !important;
}

.container-bottom-button {
  background: #fff;
  bottom: 50px !important;
  left: 0 !important;
  height: 80px !important;
  padding: 0 !important;
  line-height: 80px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.container-bottom-button .btn-groomit-v4 {
  width: 150px;
  max-width: 98%;
}

.cont-container-bottom-button .cont-groomit-user-w-header-sticky,
.cont-container-bottom-no-button .cont-groomit-user-w-header-sticky {
  height: 100%;
  padding-top: 0 !important;
}

/** Start Sign In V4 **/
.fs-20 {
  font-size: 20px;
}

.fs-16 {
  font-size: 16px;
}

.mr-15 {
  margin-right: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.full {
  max-width: 100% !important;
  width: 100%;
}

.full-30 {
  max-width: 30% !important;
  width: 30%;
}

.full-45 {
  max-width: 45% !important;
  width: 45%;
}

.full-70 {
  max-width: 70% !important;
  width: 70%;
}

.facebook {
  background-color: #3959A0 !important;
  color: #FFFFFF;
  margin-top: 8px;
  border-color: #3959A0 !important;
}

.google {
  background-color: #FFFFFF !important;
  color: #333 !important;
  border: 1px solid #E8E8E8 !important;
  margin-top: 8px;
}

.apple {
  background-color: #2E2E2E !important;
  color: #FFFFFF !important;
  margin-top: 8px;
  border-color: #2E2E2E !important;
}

.separator {
  width: 100%;
  border-bottom: 1px solid #E8E8E8;
  position: relative;
  margin: 23px 0px 7px;
}

.separator::before {
  content: "or";
  position: absolute;
  top: -11px;
  background-color: #fff;
  padding: 0px 10px;
  left: 42%;
  color: #2E2E2E;
}

.separator-end {
  width: 100%;
  border-bottom: 1px solid #E8E8E8;
  position: relative;
  margin: 30px 0px 15px;
}

.separator-end {
  top: -6px;
  background-color: #fff;
  padding: 0px 10px;
}

.forgot {
  margin: auto;
  width: 100%;
  text-align: right;
}

.forgot a {
  font-size: 12px;
  color: #0071E3;
}

/** End Sign In V4 **/

.upload-certificate-v4 a.btn-groomit.btn-groomit-v4 {
  font-size: 12px;
  line-height: 30px;
  height: 30px;
  background: #000;
  border-color: #000;
  width: 100%;
}

.upload-certificate-v4 a.btn-groomit.btn-groomit-v4.disabled {
  opacity: .1;
  cursor: pointer;
}

form#frm_app {
  max-width: 100%;
}

.groomit-table.table {
  margin-bottom: 0;
}

.con-groomit-v4-table {
  background: #fff;
  border-radius: 18px 18px 0 0;
  padding: 20px 15px 0 15px;
}

.table-striped.groomit-table tbody tr:nth-of-type(odd) {
  background: #FAFCFF;
}

.table.groomit-table th {
  font-size: 14px;
  line-height: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
}

.table.groomit-table td {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.p-relative {
  position: relative;
}

.cont-groomit-w-header-sticky {
  min-height: calc(100vh - 320px);
}

#cont-application-join-thanks .container-fluid-over-top {
  min-height: calc(100vh - 630px);

}

#main-nav__menu .dropdown-menu {
  left: calc(100% - 160px);
}

.background-photo-to-list {
  background-size: 100%;
  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
}

.cont-over-footer {
  background: #c7c9cd;
}

.cont-over-footer h3 {
  font-family: "Filson Soft Bold";
  font-size: 20px;
  color: #2E2E2E;
  margin: 30px 0;
}

.cont-over-footer h3 span {
  margin-left: 25px;
}

.cont-over-footer .btn-groomit-v4 {
  background: #000;
  color: #fff;
}

.cont-over-footer .btn-groomit-v4:hover {
  background: #FF314A;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  ul.coming-cities li {
    width: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  h3.coming-title {
    font-size: 18px;
    font-weight: bold;
  }

  .services-are__cities ul li.l-city {
    line-height: 17px;
    white-space: break-spaces !important;
  }

  .cont-over-footer h3 span {
    margin: 25px 0 5px 0;
    display: block;
  }

  .cont-over-footer h3 span .btn-groomit {
    font-size: 14px;
  }
}

.cont-banner-curved {
  background: #fff;
  border-radius: 12px;
  padding: 30px 0;
  text-align: center;
}

ul.groomit-list-mobile-van {
  list-style: none;
  padding: 0 !important;
  margin-top: 30px;
}

ul.groomit-list-mobile-van li {
  padding-left: 0;
  list-style: none !important;
  margin-bottom: 15px !important;
}

ul.groomit-list-mobile-van li:before {
  content: url('../../v4/images/check-icon.svg');
  padding-right: 13px;
  display: inline-block;
  width: 27px;
  vertical-align: sub;
}

.btn-groomit.btn-groomit-grey {
  background: #2E2E2E;
  color: #fff;
}

.btn-groomit.btn-groomit-red {
  background: #FF314A;
  color: #fff;
}

.cont-how-works p {
  font-size: 18px;
  line-height: 18px;
  margin-top: 20px !important;
}

.cont-how-works img {
  width: 107px;
}

.cont-how-works {
  background: #F0F0F0;
}

.groomit-list-mobile-van-home li {
  width: 100% !important;
  display: block !important;
}

.groomit-list-mobile-van-home,
.benefit-title {
  margin-left: 40px;
}

.cont-groomit-video.cont-groomit-video-mobile {
  margin: auto;
  margin-top: 75px;
  width: 540px;
  max-width: 100%;
  border: 2px solid #f0f0f0;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .cont-how-works img {
    width: 85px;
  }

  .cont-how-works p {
    margin-bottom: 30px !important;
  }

  .cont-banner-curved {
    padding: 15px 10px 0 10px;
  }

  .cont-groomit-video.cont-groomit-video-mobile {
    margin-top: 15px;
  }
}

#getStartedLink {
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  transition: .3s;
  opacity: 0;
}

#getStartedLink:hover {
  opacity: .1;
}

ul.groomit-list.groomit-list-van-application.groomit-list-apply-groomer li {
  margin: 0 0 18px 0;
}

.cont-center-v {
  vertical-align: text-bottom;
  width: 100%;
  display: inline-flex;
  height: 100%;
}

.center-v {
  width: 100%;
  margin: auto;
}

.btn-group-groomit .btn.btn-st-opt.btn-submit-tip,
.btn-group-groomit .btn.btn-st-opt.btn-submit-tip:hover,
.btn-group-groomit .btn.btn-st-opt.btn-submit-tip.active {
  background: #2E2E2E !important;
  border-color: #2E2E2E;
  color: #fff !important;
  border-radius: 0 14px 14px 0 !important;
}

.btn.btn-st-opt.btn-submit-tip p,
.btn-group-groomit .btn.btn-st-opt.btn-submit-tip.active p {
  color: #fff !important;
  line-height: 30px;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  outline: none !important;
  box-shadow: none !important;
}

.btn.btn-st-opt.btn-submit-tip p {
  padding-left: 5px;
  padding-right: 5px;
}

input.form-control.other-tip-opt[type="text"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

input.form-control.other-tip-opt[type="text"] {
  line-height: normal;
  height: 28px;
  border: none;
  background: transparent;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  outline: none !important;
  box-shadow: none !important;
}

.starrating.starratingbox>label:before {
  font-size: 20px;
}

.va-text-top {
  vertical-align: text-top;
}

.va-text-bottom {
  vertical-align: text-bottom;
}

.w-max {
  width: max-content;
}

.cont-groomer-rating-avatar img {
  background: #CACACA;
  max-width: 100%;
}

.rangeTitle {
  width: 20%;
  float: left;
  display: inline-block;
  margin-top: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #9D9D9D;

}

.slidecontainer {
  width: 100%;
  /* Width of the outside container */
  height: 10px !important;
}

.sliderRange {
  width: 100%;
  /* Full-width */
  height: 10px;
  /* Specified height */
  background: #CACACA;
  border-radius: 3px;
  background: url('../../v4/images/range-rating-bg.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  outline: none;
  /* Remove outline */
  position: relative;
}

.sliderMarker {
  width: 8px !important;
  /* Set a specific slider handle width */
  height: 8px !important;
  /* Slider handle height */
  border-radius: 50%;
  background: #fff;
  /* Green background */
  position: absolute;
  bottom: 0;
  left: 0;
  border: 1px solid #e6e6e6;
  transition: .75s;
}



.slidecontainer.range1 .sliderMarker {
  width: 8px !important;
  /* Set a specific slider handle width */
  height: 8px !important;
  /* Slider handle height */
  bottom: -3px;
  left: 0;
}

.slidecontainer.range2 .sliderMarker {
  width: 10px !important;
  /* Set a specific slider handle width */
  height: 10px !important;
  /* Slider handle height */
  bottom: -3px;
  left: calc(30% - 4px);
}

.slidecontainer.range3 .sliderMarker {
  width: 12px !important;
  /* Set a specific slider handle width */
  height: 12px !important;
  /* Slider handle height */
  bottom: -3px;
  left: calc(50% - 6px);
}

.slidecontainer.range4 .sliderMarker {
  width: 14px !important;
  /* Set a specific slider handle width */
  height: 14px !important;
  /* Slider handle height */
  bottom: -3px;
  left: calc(70% - 7px);
}

.slidecontainer.range5 .sliderMarker {
  width: 16px !important;
  /* Set a specific slider handle width */
  height: 16px !important;
  /* Slider handle height */
  bottom: -3px;
  left: calc(100% - 10px);
}


.cont-survey-rates .starrating>label:before {
  margin: 0 4px;
  font-size: 18px;
  display: inline-block;
}

.cont-survey-rates {
  margin-top: 5px;
}

.cont-survey-rates p {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  color: #000;
  margin-bottom: 0;
}


.wappCont {
  position: fixed;
  right: 100px;
  bottom: 30px;
  display: block;
  z-index: 999999999;
}

.wappCont a {
  width: 57px;
  height: 57px;
  display: block;
  box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.26);
  background: #30bf39;
  border-radius: 40px;
  overflow: hidden;
  transition: .3s;
}

.wappCont a:hover {
  opacity: .8;
}

.wappCont a img {
  width: 100%;
  display: block;
}

.location-finder.location-finder-opportunity h2 {
  font-size: 24px;
}

.location-finder.location-finder-opportunity p {
  font-size: 14px;
}

.darkRed {
  color: #D91C18 !important;
}

@media (min-width: 1400px) {
  .cont-about-opportunity .item {
    margin-bottom: 90px;
  }

  .cont-about-opportunity .item:last-child {
    margin-bottom: 0;
  }
}

#myCanvas {
  margin: 0;
  max-width: 100%;
  height: 100px !important;
  display: block;
}

.refresh-verif-code {
  cursor: pointer;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .services-are__cities {
    width: 95%;
  }
}

.cont-w-sitky-footer {
  min-height: calc(100vh - 373px) !important;
}

.footer-bottom-help p strong {
  font-family: "Filson Soft Regular";
  font-size: 20px;
  color: #2E2E2E;
  margin-bottom: 20px;
}

.footer-bottom-help {
  background: #c7c7c7;
  padding-top: 10px;
  padding-bottom: 10px;
}

.groomit-list-mobile-van.groomit-list-mobile-van-home {
  display: inline-block;
  margin: auto;
  text-align: left;
}

.top-bar__nav-items {
  list-style: none;
  margin: 0;
  display: inline-block;
  padding-inline-start: 0;
  margin-block-start: 0;
  line-height: 26px;
}

.top-bar__nav-items li {
  list-style: none;
  margin: 0 3px;
  float: left;
  line-height: 26px;
  color: #fff;
}

.top-bar__nav-items li a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  font-family: "Filson Soft Regular";
  line-height: 26px;
}

.top-bar {
  line-height: normal;
}

.ul-v-divider {
  height: 385px;
  background: #727272;
  width: 2px;
  margin: auto;
  position: absolute;
  left: 50%;
  bottom: 0;
}

.cont-ul-v-divider {
  height: 100%;
}




.service-area ul.service-area_city {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.service-area ul.service-area_city li a {
  font-family: 'Source Sans Pro', sans-serif;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 4px;
}

.service-area ul.service-area_city li p {
  font-family: 'Source Sans Pro', sans-serif;
  color: #727272;
  font-size: 16px;
  line-height: 16px;
}

.service-area ul.service-area_city li {
  margin-bottom: 13px;
  display: block;
}

.service-area h3 {
  color: #000;
}

.top-bar li.gr-dropdown {
  line-height: 20px;
}

li.gr-dropdown {
  width: max-content;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: "Filson Soft Regular";
  line-height: 14px;
}

li.nav-item_divider {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: "Filson Soft Regular";
  line-height: unset;
}

li.gr-dropdown .nav-link.dropdown-toggle {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: "Filson Soft Regular";
  line-height: 22px;
  padding: 0;
  margin-top: 3px;
}

li.gr-dropdown .nav-link.dropdown-toggle i {
  padding-left: 2px;
}

.top-bar .dropdown-menu {
  padding: 15px;
  background-color: #2b2b2b;
  border: solid 1px #4e4d4d;
}

.top-bar .dropdown-menu a {
  color: #fff !important;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  transition: .3s;
  text-decoration: none;
  background: none;
  line-height: inherit;
}

.top-bar .dropdown-menu a:hover {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.dropdown-divider {
  border-color: #4e4d4d;
}

@media (max-width: 768px) {

  .cont-ul-v-divider,
  .ul-v-divider {
    display: none;
  }

  .service-area ul.service-area_city li a {
    font-size: 14px;
    line-height: 14px;
  }

  .service-area ul.service-area_city li p {
    font-size: 12px;
    line-height: 12px;
  }

  .service-area h3 {
    margin-top: 28px;
    margin-bottom: 12px !important;
    font-size: 16px;
  }

  .top-bar .dropdown-menu.show {
    right: 15px !important;
  }
}


#groomitHomeModal .modal-body {
  padding: 0;
}

#groomitHomeModal .modal-content {
  border-radius: 15px;
  overflow: hidden;
}

#groomitHomeModal button.close {
  position: absolute;
  top: 12px;
  right: 25px;
  color: #fff;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 554px;
  }
}

.cont-dont-show-again-modal {
  line-height: 12px;
  font-size: 14px;
  margin: 0;
  padding: 5px 15px;
}

input#dont-show-again-modal {
  height: 12px;
  margin-top: 0;
}


.nav-tabs_groomit a {
  border: 1px solid #dee2e6;
  border-bottom: 0;
  border-radius: 15px 15px 0 0;
  padding: 10px;
  display: block;
  margin-right: 10px;
}

/*
.nav-tabs_groomit a.active{
  background: #dee2e6;
  color:#000;
}
*/
@media (max-width: 768px) {
  .nav-tabs_groomit li {
    width: 100%;
  }

  .nav-tabs_groomit li a {
    margin-right: 0;
  }
}

.footer .footer-bottom a,
.footer .footer-bottom a:hover {
  color: #fff;
  font-size: 15px;
}

.footer .footer-bottom li {
  float: left;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .footer .footer-bottom li {
    width: 100%;
    text-align: left;
    margin-bottom: 8px;
  }

  .footer .footer-bottom li.footer-divider {
    display: none;
  }

  .footer-bottom .footer-social:last-child {
    margin-top: 10px;
  }

  .footer-bottom .footer-social:last-child p {
    text-align: center !important;
  }
}

.br-show-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .br-show-mobile {
    display: inline-block;
  }

  .br-hide-mobile {
    display: none;
  }
}

p.filson {
  font-family: "Filson Soft Regular";
  font-weight: normal;
}

p.filson strong {
  font-family: "Filson Soft Bold";
  font-weight: normal !important;
}

#benefits p.filson {
  color: #2E2E2E;
}

.cont-benefits__video {
  min-height: 400px;
}

.groomit-alert-yellow {
  background: #FFFFFF;
  border: 1px solid #F7D752;
  box-sizing: border-box;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04);
  border-radius: 11px;
  padding: 15px 0;
}

.modal-groomit-v4 .groomit-alert-yellow p,
.groomit-alert-yellow p {
  font-size: 12px;
  line-height: 16px;
  color: #000;
  margin-top: 5px;
}

.col-lg-4 .groomit-alert-yellow {
  padding: 15px;
}

@media only screen and (max-width: 767px) {
  .groomit-alert-yellow {
    padding: 15px;
  }
}


.gr-custom-switch {
  width: 100%;
  margin: 0;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0;
}

.gr-custom-switch .custom-control-label {
  width: 100%;
  padding: 0;
  cursor: pointer;
}

.gr-custom-switch .custom-control-label::before {
  width: 50px;
  height: 30px;
  padding: 0;
  border-radius: 30px;
  background-color: #e1e1e2 !important;
  border-color: #e1e1e2 !important;
  outline: none !important;
  box-shadow: none !important;
  right: 0;
  left: auto;
  top: 0;
}

.gr-custom-switch .custom-control-label::after {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  background: #fff;
  top: 0;
  left: auto;
  right: 20px;
  transition: .3s;
  background-image: none;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.gr-custom-switch .custom-control-input:checked~.custom-control-label::after {
  text-align: center;
  background-image: url('../../v4/images/vetcare/check-icon.svg');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateX(20px);
  border-color: #00ca47 !important;
}

.groomit-card-v4.groomit-card-v4-groomer {
  padding: 0;
  min-height: 50px !important;
  margin-top: 5px;
  margin-bottom: 10px !important;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.09) !important;
  border-radius: 20px;
}

.groomit-card-v4.groomit-card-v4-groomer .row {
  min-height: 50px !important;
}

.groomit-card-v4.groomit-card-v4-groomer a.click-icon {
  background: none;
  border: none;
}

.groomit-card-v4-groomer-titles p {
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.groomit-card-v4-groomer-titles .col-6:first-child p {
  padding-left: 15px;
}

.gr-circle-photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #d8d8d8;
}

.gr-circle-photo-no-photo {
  background-image: url(../../v4/images/no-photo-profile.svg);
  background-size: 45px;
}

.ul-check-list {
  padding-left: 0;
  margin-left: 0;
}

.ul-check-list li {
  list-style: none;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 8px;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 14px;
}

.ul-check-list li.yes {
  background-image: url(../../v4/images/check-icon-green.svg);
}

.ul-check-list li.no {
  background-image: url(../../v4/images/x-icon-red.svg);
}

.blue-link {
  color: #65a7ea;
}

.groomit-card-v4-groomer {
  cursor: pointer;
  border: 1px solid #fff;
}

.groomit-card-v4-groomer.selected {
  border-color: #000;
}

.groomit-card-v4-groomer p.rating {
  font-size: 16px;
}

.gr-custom-switch.checked .custom-control-label::before {
  background-color: #00ca47 !important;
}

.btn-group-groomit-v4-1 {
  height: 37px;
  line-height: 37px;
}

.btn-group-groomit-v4-1.btn-group-groomit .btn.btn-st-opt {
  height: 100% !important;
  line-height: 37px !important;
  background-size: 23px auto !important;
  background-position-y: center !important;
}

.btn-group-groomit-v4-1 .btn.btn-st-opt.selected {
  background-color: #fff;
  border-radius: 14px !important;
  border: solid 1px #e1e1e1;
  -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 20%);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 20%);
}

ol.ol-gr-15p {
  padding-left: 15px;
}

.instant-booking-reference {
  border: 1px solid #7C868A;
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 25px;
  height: 40px;
  line-height: 40px;
}

.instant-booking-reference h3 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  margin: 0;
}

.star-icon {
  vertical-align: revert;
  margin-left: 2px;
  margin-right: 5px;
}

#benefits .content-giftCard-home h3 {
  color: #FF314A;
  font-size: 55px;
}

.information .content.content-giftCard-home {
  background: #e4c5a9;
}

.giftCard-home-img {
  margin-top: 35px;
  margin-bottom: 20px;
}

.red-line-divider {
  width: 155px;
  height: 3px;
  background: #FF314A;
  margin: 10px auto;
  display: inline-block;
}

.content-van-home--eco .top-title {
  background: #3064A3;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  margin: 0 auto 20px auto;
  font-family: 'Inter', sans-serif;
  width: 140px;
  height: 30px;
  line-height: 30px;
}

#benefits .content-van-home--eco h3 {
  font-size: 32px;
  line-height: 32px;
  color: #2E2E2E;
}

#benefits .content-van-home--eco h2.small {
  font-size: 20px;
  line-height: 20px;
  color: #2E2E2E;
}

#benefits .content-van-home--eco h2.small b {
  color: #FF314A;
}

#benefits .content-van-home--eco h4.red-square {
  background: #FF314A;
  color: #fff;
  font-size: 20px;
  text-align: center;
  width: 300px;
  height: 32px;
  margin: auto;
  font-family: "Filson Soft Regular";
}

#benefits.information .content.content-van-home--eco {
  background-image: url('../v4/images/eco-home-bg.png');
  background-repeat: no-repeat;
  background-position: bottom right;
}

.btn-groomit-eco {
  background-color: #3064A3;
  color: #fff;
}

.bg-colored-dots {
  position: absolute;
  top: 20%;
  width: 80%;
  left: 10%;
}

@media only screen and (max-width: 767px) {
  #benefits .content-van-home--eco h4.red-square {
    margin-bottom: 20px;
  }

  #benefits h4.book__in__advance {
    line-height: 25px !important;
    font-size: 17px !important;
    font-family: "Filson Soft Bold" !important;
  }

  #benefits .h4__regular {
    font-size: 17px;
  }
}

@media (max-width: 768px) {
  #benefits .content-van-home--eco h4.red-square {
    margin-bottom: 20px;
  }

  #benefits h4.book__in__advance {
    line-height: 25px !important;
    font-size: 17px !important;
    font-family: "Filson Soft Bold" !important;
  }

  #benefits .h4__regular {
    font-size: 17px;
  }

  #benefits.information .content.content-van-home--eco {
    background-image: none;
  }

  #benefits .content-van-home--eco h3 {
    font-size: 24px;
    line-height: 24px;
  }

  #benefits .content-van-home--eco h4 {
    font-size: 20px;
    line-height: 20px;
  }

  .bg-colored-dots {
    width: 90%;
    left: 5%;
  }
}



.bannerInvestor {
  background-image: url(../../v6/images/investors-banner.jpg);
  background-position: top center;
}

.bannerUnderNav__h1--investor {
  color: #fff !important;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-60 {
  margin-bottom: 60px;
}

.grey-divider {
  border-bottom: 1px solid #7C868A;
  height: 50px;
  display: blocK;
  width: 100%;
}

.cont-video-iframe {
  border-radius: 5px;
  overflow: hidden;
  height: 300px
}

.cont-video-iframe iframe {
  margin: 0;
  max-width: 100%;
}

@media (max-width: 768px) {
  .bannerUnderNav.bannerUnderNav--investors {
    height: 60vh;
  }

  .mb-60 {
    margin-bottom: 30px;
  }

  .mb-30 {
    margin-bottom: 15px;
  }

  .cont-video-iframe {
    margin-bottom: 30px;
    height: 194px;
    width: 100%;
  }

  .cont-video-iframe iframe {
    height: 100%;
  }

  .grey-divider {
    height: 30px;
  }

  .gr-section--what-is-groomit__photo-image {
    margin-bottom: 35px !important;
  }
}




@media only screen and (max-width: 768px) {
  #af-smart-banner.afb-container {
    position: relative !important;
    display: flex;
  }

  .top-bar {
    position: relative;
    top: 0;
    left: 0;
  }

  .main-nav {
    position: relative !important;
    margin-top: 0;
  }
}

.container-banner-service-area {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f7f5f5;
}

.container-banner-service-area__left {
  width: 55%;
}

.container-banner-service-area__right {
  width: 45%;
}

.container-banner-service-area__h1 {
  margin-bottom: 30px;
  font-size: 38px;
  line-height: 38px;
}

.container-banner-service-area__input,
.input-group:not(.input-group-van).container-banner-service-area__input {
  margin: 0 0 50px 0 !important;
  width: 80%;
}

.container-banner-service-area__input button {
  font-size: 18px;
}

.container-banner-service-area__apps a {
  margin-right: 20px;
  margin-bottom: 20px;
}

.container-banner-service-area__h1 b {
  color: #3064A3;
}

@media only screen and (max-width: 1439px) {
  .container-banner-service-area__h1 {
    font-size: 36px;
    line-height: 36px;
  }

  .container-banner-service-area__input,
  .input-group:not(.input-group-van).container-banner-service-area__input {
    margin: 0 0 35px 0 !important;
  }
}

@media only screen and (max-width: 1199px) {
  .container-banner-service-area__h1 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 20px;
  }

  .container-banner-service-area__input button {
    font-size: 15px;
  }

  .container-banner-service-area__input,
  .input-group:not(.input-group-van).container-banner-service-area__input {
    margin: 0px 0 30px 0 !important;
  }

  .container-banner-service-area__apps a img {
    width: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .container-banner-service-area__h1 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 20px;
  }

  .container-banner-service-area__input,
  .input-group:not(.input-group-van).container-banner-service-area__input {
    width: 92%;
  }

  .container-banner-service-area__input button {
    width: 160px;
    line-height: 16px;
    font-size: 16px;
    text-align: left;
    padding-right: 10px;
  }

  .container-banner-service-area__input input::placeholder {
    font-size: 15px !important;
    padding-right: 5px;
  }

}

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

  .container-banner-service-area__left,
  .container-banner-service-area__right {
    width: 100%;
  }

  .container-banner-service-area__wrapper {
    display: block !important;
  }

  .container-banner-service-area__apps a {
    width: 50%;
    display: inline-block;
    float: left;
    margin: 0;
    margin-bottom: 20px;
  }

  .container-banner-service-area {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-banner-service-area__h1 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
  }

  .container-banner-service-area__input {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .container-banner-service-area__apps a {
    text-align: center;
  }

  .container-banner-service-area__apps a img {
    width: 90%;
  }

  .container-banner-service-area__input button {
    width: 122px;
    font-size: 14px;
    padding-left: 15px;
  }

  .container-banner-service-area__input input {
    padding-right: 1px;
    padding-left: 33px;
    background-position: left 10px center;
  }

  .container-banner-service-area__input input::placeholder {
    font-size: 15px !important;
    padding-right: 5px;
  }

}