.animate_yaxis {
  opacity: 0;
  transform: translate(0em, -0.3em);
  transition: opacity 0.5s ease, transform 0.5s ease;
  will-change: opacity, transform;
}

.animate_xaxis {
  opacity: 0;
  pointer-events: none;
  transform: translate(100%, 0%);
  transition: transform 0.5s ease;
  will-change: transform;
}

.delay_0 {
  transition-delay: 0s, 0s !important;
}

.delay_1 {
  transition-delay: 0.2s, 0.2s !important;
}

.delay_2 {
  transition-delay: 0.4s, 0.4s !important;
}

.delay_3 {
  transition-delay: 0.6s, 0.6s !important;
}

.delay_4 {
  transition-delay: 0.8s, 0.8s !important;
}

.delay_5 {
  transition-delay: 1s, 1s !important;
}

.delay_6 {
  transition-delay: 1.2s, 1.2s !important;
}

.delay_7 {
  transition-delay: 1.4s, 1.4s !important;
}

.delay_8 {
  transition-delay: 1.6s, 1.6s !important;
}

.delay_9 {
  transition-delay: 1.8s, 1.8s !important;
}

.delay_10 {
  transition-delay: 2s, 2s !important;
}

.delay_11 {
  transition-delay: 2.2s, 2.2s !important;
}

@keyframes nav_arrow {
  0% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  11% {
    opacity: 0;
    transform: translate(33%, 0%);
  }
  22% {
    opacity: 0;
    transform: translate(-33%, 0%);
  }
  33% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@keyframes arrow {
  0% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  11% {
    opacity: 0;
    transform: translate(33%, 0%);
  }
  22% {
    opacity: 0;
    transform: translate(-33%, 0%);
  }
  33% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes twist {
  0% {
    transform: rotateY(0deg);
  }
  70% {
    transform: rotateY(359deg);
  }
  100% {
    transform: rotateY(359deg);
  }
}
html, body {
  overscroll-behavior-x: none;
}

body {
  margin: 0;
  font-family: Ubuntu, sans-serif;
}
body.active .animate_yaxis {
  opacity: 1;
  transform: translate(0em);
}
body.menu .nav_bar .close {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}
body.menu .menu_container {
  opacity: 1;
  pointer-events: auto;
  position: fixed;
}
body.menu .menu_container .animate_xaxis {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

a {
  text-decoration: none;
  color: unset;
}

.page_title {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 0.7em;
  font-family: Ubuntu-Medium;
  padding: 0.8em;
  box-sizing: border-box;
}
.page_title u {
  text-decoration: none;
  font-family: "Ubuntu-Light";
}
.page_title b {
  font-family: "Ubuntu-Bold";
}

.header_title {
  margin-bottom: 0em;
}

.overview_title {
  padding: 5em;
}

.subheader_title {
  text-align: center;
  font-size: 0.7rem;
  margin-bottom: 0em;
  font-family: Ubuntu-Medium;
}

.section_title {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 0.9em;
  font-family: Ubuntu-Medium;
}
.section_title u {
  text-decoration: none;
  font-family: "Ubuntu-Light";
}
.section_title b {
  font-family: "Ubuntu-Bold";
}

.section_container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}

.nav_bar {
  position: fixed;
  top: 0em;
  width: 100%;
  height: 2.6em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  z-index: 1;
  border-bottom: 0.2em solid #111111;
  box-sizing: border-box;
  font-size: 0.56rem;
}
.nav_bar .menu {
  position: relative;
  width: 2em;
  height: 2em;
  background-image: url(../media/icons/black/menu.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  justify-self: flex-end;
}
.nav_bar .close {
  position: absolute;
  width: 2em;
  height: 2em;
  right: 0em;
  background-image: url(../media/icons/black/close.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.nav_bar .links {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.4em;
}
.nav_bar .links .icon {
  font-size: 0.07rem;
  margin-right: 3em;
  border-radius: 4em;
}
.nav_bar .links .icon.facebook .icn {
  background-image: url(../media/icons/black/facebook.svg);
}
.nav_bar .links .icon.book .icn {
  background-image: url(../media/icons/black/calendar.svg);
}
.nav_bar .links .icon .icn {
  background-size: 69%;
}

.announcement {
  position: relative;
  padding-left: 0rem;
  padding-right: 0rem;
}
.announcement .marquee {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-size: 0.4rem;
  top: 0;
}
.announcement .marquee .label {
  position: absolute;
  display: flex;
  width: 200vw;
  overflow: hidden;
  animation: marquee 10s linear infinite;
  white-space: nowrap;
  line-height: 3.7;
}
.announcement .marquee .label u {
  text-decoration: none;
  font-family: "Ubuntu-Light";
}
.announcement .marquee .label b {
  font-family: "Ubuntu-Bold";
}
.announcement .marquee .label + .label {
  left: 100vw;
}

.spacer {
  position: relative;
  height: 2.6em;
  width: 100%;
  font-size: 0.56rem;
}

.page_container {
  position: relative;
  height: calc(100% - 2.6em);
}

.menu_container {
  position: fixed;
  right: 0em;
  top: 2.6em;
  width: 100%;
  height: 100%;
  background-color: white;
  font-size: 0.56rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.menu_container .menu_item {
  position: relative;
  width: 100%;
  text-align: right;
  font-family: "Ubuntu";
}
.menu_container .menu_item .label {
  padding: 1em 1em;
  box-sizing: border-box;
  font-family: "Ubuntu-Bold";
}
.menu_container .menu_item .label.active {
  font-family: "Ubuntu-Light";
}

.button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4em;
  box-sizing: border-box;
  background-color: #2cbdce;
  border-radius: 0.4em;
  border: 0.17em solid #111111;
}
.button .label {
  font-size: 0.54rem;
  box-sizing: border-box;
  font-family: "Ubuntu-Bold";
}

.icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12em;
  height: 12em;
  background-color: #2cbdce;
  border-radius: 50%;
  margin: auto;
  border: 1em solid #111111;
}
.icon.nav {
  background-color: transparent;
  border: none;
  margin: 0em;
  margin-bottom: 9em;
  position: absolute;
  right: 4em;
}
.icon .icn {
  position: relative;
  width: 100%;
  height: 100%;
}

.list_items {
  position: relative;
  padding: 0em;
  box-sizing: border-box;
  font-size: 0.1rem;
}
.list_items .list_item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1em;
  box-sizing: border-box;
  text-align: center;
}
.list_items .list_item .icon .icn {
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.6s ease;
  animation: twist 3s ease infinite;
}
.list_items .list_item .label {
  position: relative;
  font-size: 0.4rem;
  color: #111111;
  padding: 1em;
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  font-family: "Ubuntu";
}
.list_items .list_item .label.top {
  padding-bottom: 0em;
}
.list_items .list_item .label.bottom {
  padding-top: 0em;
}

.value_items .value_item.care .icon .icn {
  background-image: url(../media/icons/black/care.svg);
}
.value_items .value_item.communication .icon .icn {
  background-image: url(../media/icons/black/communication.svg);
}
.value_items .value_item.services .icon .icn {
  background-image: url(../media/icons/black/services.svg);
}

.description {
  font-size: 0.4rem;
  text-align: center;
}

.tagline {
  font-family: Ubuntu-Medium;
  font-size: 0.71rem;
  text-align: center;
  margin: 0em 1em;
}

.spotlight {
  position: relative;
  width: 70em;
  height: 70em;
  border-radius: 50%;
  border: 1.4em solid #111111;
  margin-top: 8em;
  overflow: hidden;
}
.spotlight .image {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icn {
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}

.arrow .icn {
  background-image: url(../media/icons/black/arrow_right.svg);
  background-size: 66%;
  animation: nav_arrow 3s ease infinite;
}

.service {
  padding: 5em;
}
.service .service_container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.service .service_container .video {
  position: relative;
  width: 66em;
  height: 66em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service .service_container .video video {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 1em solid #111111;
  box-sizing: border-box;
}
.service .service_container .details {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  color: #111111;
  width: 100%;
}
.service .service_container .details .section_title {
  font-size: 0.4rem;
  font-family: Ubuntu-Medium;
}
.service .service_container .details .cost {
  font-size: 0.4rem;
  font-family: Ubuntu-Medium;
}
.service .service_container .details .description {
  font-size: 0.4rem;
}
.service .service_container .details .book .label {
  font-size: 0.4rem;
  font-family: Ubuntu-Medium;
}
.service .service_container .details .service_items {
  margin-bottom: 4em;
}
.service .service_container .details .service_items .service_item {
  flex-direction: row;
  padding: 0em;
  line-height: 1.2;
  align-items: flex-start;
  text-align: left;
}
.service .service_container .details .service_items .service_item .icon {
  background-color: transparent;
  border: none;
  width: 4.4em;
  height: 4.4em;
  margin-top: 2em;
}
.service .service_container .details .service_items .service_item .icon .icn {
  background-image: url(../media/icons/black/pawprint.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.service .service_container .details .service_items .service_item .label {
  padding: 0.4em;
}
.service .service_container .details .service_items .service_item .label b {
  font-family: "Ubuntu-Bold";
}

.contact_items .contact_item .address .icn {
  background-image: url(../media/icons/black/address.svg);
}
.contact_items .contact_item .address .label {
  text-align: center;
}
.contact_items .contact_item .phone .icn {
  background-image: url(../media/icons/black/phone.svg);
}
.contact_items .contact_item .email .icn {
  background-image: url(../media/icons/black/email.svg);
}
.contact_items .contact_item .facebook .icn {
  background-image: url(../media/icons/black/facebook.svg);
}
.contact_items .contact_item .book .icn {
  background-image: url(../media/icons/black/calendar.svg);
}

.prints {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.18;
  z-index: 10;
  transform: scale(-1) rotate(-50deg) translate(43%, -1%);
}
.prints .svg_img {
  position: absolute;
  left: 0%;
  width: 45em;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.prints .svg_img[print~=top] {
  top: -10%;
}
.prints .svg_img[print~=mid] {
  top: 20%;
}
.prints .svg_img[print~=bottom] {
  top: 50%;
}
.prints .svg_img.active {
  opacity: 1;
}

.nav_title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav_title.nav_2 {
  flex-direction: column;
}

section {
  width: 100%;
  padding: 8em;
  box-sizing: border-box;
  font-size: 0.1rem;
  color: #111111;
  scroll-margin-top: 14.6em;
}
section.splash {
  overflow: hidden;
  position: relative;
}
section.grey_style {
  background: #f2f2f2;
}
section.purple_style {
  background: rgba(102, 51, 153, 0.83);
}
section.teal_style {
  background: #2cbdce;
}
section#splash {
  display: flex;
  flex-direction: column;
  align-items: center;
}
section#splash .splash_title {
  text-align: left;
  font-size: 1.07rem;
  font-family: Ubuntu-Bold;
  line-height: 1.13;
  width: 7.4em;
  margin-top: 1em;
  align-self: flex-start;
}
section#splash .splash_subtitle {
  text-align: right;
  font-size: 0.7rem;
  width: 8em;
  margin-top: 0.9em;
  margin-bottom: 1em;
  font-family: Ubuntu-Light;
  line-height: 1.2;
  position: relative;
  align-self: flex-end;
}
section#splash .arrow {
  font-size: 0.56rem;
}
section#splash .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50em;
  height: 50em;
  position: relative;
  align-self: center;
  margin-top: 6em;
}
section#splash .logo svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0em;
  left: 0em;
}
section#services .prints {
  transform: scale(1) rotate(15deg) translate(0%, -6%);
}
section#services .tiles_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section#services .tiles_container .tiles {
  display: flex;
  align-items: center;
  justify-content: center;
}
section#services .tiles_container .tiles.training .tile_img {
  background-size: 65% !important;
}
section#services .tiles_container .tiles.classes .tile_img {
  background-size: 92% !important;
  background-position: left 2% !important;
}
section#services .tiles_container .tiles a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}
section#services .tiles_container .tiles .tile {
  width: 60em;
  height: 44em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4em;
  box-sizing: border-box;
  margin: 1em;
  overflow: hidden;
  border: 1.4em solid #111111;
  border-radius: 4em;
}
section#services .tiles_container .tiles .tile.grey {
  background-color: #f2f2f2;
}
section#services .tiles_container .tiles .tile.purple {
  background-color: rgba(102, 51, 153, 0.83);
}
section#services .tiles_container .tiles .tile.white {
  background-color: white;
}
section#services .tiles_container .tiles .tile.teal {
  background-color: #2cbdce;
}
section#services .tiles_container .tiles .tile.hikes + .tile {
  padding: 0em;
}
section#services .tiles_container .tiles .tile.hikes + .tile .tile_img {
  background-image: url(../media/photos/hikes.png);
}
section#services .tiles_container .tiles .tile.training + .tile {
  padding: 0em;
}
section#services .tiles_container .tiles .tile.training + .tile .tile_img {
  background-image: url(../media/photos/training.png);
  background-size: 45%;
  background-position: center top;
}
section#services .tiles_container .tiles .tile.daycare + .tile {
  padding: 0em;
}
section#services .tiles_container .tiles .tile.daycare + .tile .tile_img {
  background-image: url(../media/photos/daycare.png);
  background-size: cover;
  background-position: 50% 0%;
}
section#services .tiles_container .tiles .tile.classes + .tile {
  padding: 0em;
}
section#services .tiles_container .tiles .tile.classes + .tile .tile_img {
  background-image: url(../media/photos/classes.png);
  background-size: 50%;
  background-position: 50% 10%;
}
section#services .tiles_container .tiles .tile.grooming + .tile {
  padding: 0em;
}
section#services .tiles_container .tiles .tile.grooming + .tile .tile_img {
  background-image: url(../media/photos/grooming.png);
  background-size: 68%;
  background-position: top;
}
section#services .tiles_container .tiles .tile.easter + .tile {
  display: none;
  padding: 0em;
}
section#services .tiles_container .tiles .tile.easter + .tile .tile_img {
  background-image: url(../media/photos/easter.png);
  background-size: 68%;
  background-position: top;
}
section#services .tiles_container .tiles .tile .tile_title {
  font-family: "Ubuntu-Medium";
  font-size: 0.56rem;
  color: #111111;
}
section#services .tiles_container .tiles .tile .tile_img {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
section#mission .tagline.bottom {
  font-family: "Ubuntu-Bold";
}
section#testimonials {
  overflow: hidden;
}
section#testimonials .prints {
  transform: scale(1) rotate(62deg) translate(27%, 17%);
}
section#testimonials .carousel_items {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 134em;
}
section#testimonials .carousel_items .carousel_item {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translate(100%);
  opacity: 0;
  transition: 0.5s transform ease, 0.5s opacity ease;
  left: 0;
}
section#testimonials .carousel_items .carousel_item.active {
  transform: translate(0%);
  opacity: 1;
}
section#testimonials .carousel_items .carousel_item.left {
  transform: translate(-100%);
}
section#testimonials .carousel_items .carousel_item.item_1 .image {
  background-image: url(../media/photos/testimonial_1.png);
  background-size: 74%;
  background-position: center -25%;
}
section#testimonials .carousel_items .carousel_item.item_2 .image {
  background-image: url(../media/photos/testimonial_2.png);
  background-size: 70%;
  background-position: bottom;
}
section#testimonials .carousel_items .carousel_item.item_3 .image {
  background-image: url(../media/photos/testimonial_3.png);
  background-size: 68%;
  background-position: center -30%;
}
section#testimonials .carousel_items .carousel_item.item_4 .image {
  background-image: url(../media/photos/testimonial_4.png);
  background-size: 80%;
  background-position: 89% 200%;
}
section#testimonials .carousel_items .carousel_item.item_5 .image {
  background-image: url(../media/photos/testimonial_5.png);
  background-size: 80%;
  background-position: center top;
}
section#testimonials .carousel_items .carousel_item.item_6 .image {
  background-image: url(../media/photos/testimonial_6.png);
  background-size: 80%;
  background-position: 89% 200%;
}
section#testimonials .carousel_items .carousel_item.item_7 .image {
  background-image: url(../media/photos/testimonial_7.png);
  background-size: 134%;
  background-position: 125% -100%;
}
section#testimonials .carousel_items .carousel_item.item_8 .image {
  background-image: url(../media/photos/testimonial_8.png);
  background-size: 72%;
  background-position: center -100%;
}
section#testimonials .carousel_items .carousel_item .testimonial {
  position: relative;
  border: 1.4em solid #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8em 6.5em 8em 9em;
  box-sizing: border-box;
  border-radius: 4em;
}
section#testimonials .carousel_items .carousel_item .testimonial:after {
  position: absolute;
  top: 100%;
  content: "";
  transform: skewX(-22deg) translate(31.5em, 0.1em);
  width: 1.4em;
  height: 4em;
  background-color: #111111;
}
section#testimonials .carousel_items .carousel_item .testimonial .text {
  position: relative;
  font-size: 0.4rem;
  line-height: 1.2;
  color: #111111;
}
section#testimonials .carousel_items .carousel_item .testimonial .text b {
  position: absolute;
  font-size: 1rem;
  transform: translate(-125%, -0.6em);
}
section#testimonials .carousel_dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
}
section#testimonials .carousel_dots .dot {
  width: 1.6em;
  height: 1.6em;
  background: white;
  border: 2px solid #111111;
  margin: 0.5em;
  border-radius: 50%;
  transition: background-color 0.5s ease;
}
section#testimonials .carousel_dots .dot.active {
  background: #111111;
}
section#about {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section#about a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section#about .prints {
  transform: scale(-1) rotate(33deg) translate(6%, 0%);
}
section#about .spotlight {
  margin-top: 0em;
}
section#about .spotlight .image {
  background-image: url(../media/photos/about.jpg);
  background-size: cover;
  background-position: center top;
}
section#contact {
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0em;
}
section#contact .section_subtitle {
  text-align: center;
  font-size: 1rem;
  font-family: Ubuntu-Medium;
  margin-bottom: 1em;
}
section#contact .icon.book {
  background-color: white;
}
section#contact .map {
  position: relative;
  width: 100%;
  height: 75em;
  margin-top: 5em;
}
section#contact .map iframe {
  width: 100%;
  height: 100%;
}
section#vision_mission .description.top, section#vision_method .description.top {
  font-family: Ubuntu-Medium;
  margin-bottom: 1em;
}
section#vision_values .list_item:first-child .icon {
  margin-top: 0em;
}
section#vision_values .list_item .icon {
  margin-top: 2em;
  margin-bottom: 4em;
}
section#booking {
  padding-top: 5em;
}
section#booking #booking_form {
  font-size: 0.54rem;
  text-align: center;
}
section#booking #booking_form .subheader_title {
  text-align: left;
  margin-bottom: 0.3em;
  font-size: 0.56rem;
}
section#booking #booking_form .subheader_title.animal {
  margin-top: 0.8em;
  text-align: right;
}
section#booking #booking_form input,
section#booking #booking_form textarea {
  border: 0.2em solid #111111;
  box-sizing: border-box;
  border-radius: 0.4em;
  margin: 0.2em 0em;
  width: 100%;
  height: 2.6em;
  padding-left: 0.7em;
  font-family: "Ubuntu";
  line-height: 2;
  font-size: 0.4rem;
}
section#booking #booking_form input.animal,
section#booking #booking_form textarea.animal {
  text-align: end;
  padding-right: 0.7em;
  padding-left: 0em;
}
section#booking #booking_form textarea {
  height: 5.4em;
  padding: 0em 0.7em 0em 0em;
}
section#booking #booking_form .submit {
  width: 100%;
  position: relative;
  margin-top: 1.2em;
}
section#connect {
  padding: 0em;
}
section#connect .connect.grey_style {
  background-color: #f2f2f2;
}
section#connect .connect.teal_style {
  background-color: #2cbdce;
}
section#connect .connect#connect_1 {
  padding: 10em;
  box-sizing: border-box;
  padding-bottom: 2.5em;
  padding-top: 5em;
}
section#connect .connect#connect_1 .list_item:first-child {
  padding-top: 0em;
}
section#connect .connect#connect_2 {
  padding: 10em;
  box-sizing: border-box;
  padding-top: 2.5em;
}
section#connect .connect#connect_2 .book {
  background-color: white;
}
section#connect .connect .list_items.grey_style {
  background-color: #f2f2f2;
}
section#connect .connect .list_items .list_item {
  height: 32em;
}

.logo_left_ear,
.logo_right_ear,
.logo_right_eye,
.logo_left_eye,
.logo_mouth,
.logo_right_foot,
.logo_left_foot,
.logo_nose {
  opacity: 0;
  transition: 0.4s opacity ease, 0.4s transform ease;
}

body.active .logo_left_ear,
body.active .logo_right_ear,
body.active .logo_right_eye,
body.active .logo_left_eye,
body.active .logo_mouth,
body.active .logo_right_foot,
body.active .logo_left_foot,
body.active .logo_nose {
  transform: translate(0, 0) scale(1);
  opacity: 1;
}

.logo_nose {
  transform-origin: 52% 59%;
  transform: scale(0.5);
}

.logo_mouth {
  transform: scale(0.5);
  transform-origin: 52% 65%;
}

.logo_nose {
  transition-delay: 0s;
}

.logo_mouth {
  transition-delay: 0s;
}

.logo_left_eye,
.logo_right_eye {
  transform: scale(1, 0.01);
}

.logo_left_eye {
  transform-origin: 36% 36%;
  transition-delay: 0.4s;
}

.logo_right_eye {
  transform-origin: 67% 36%;
  transition-delay: 0.5s;
}

.logo_left_ear {
  transform-origin: 24% 28%;
  transition-delay: 0s;
  transform: translate(10%, 10%) scale(0.01, 0.01);
}

.logo_right_ear {
  transform-origin: 82% 25%;
  transition-delay: 0s;
  transform: translate(-10%, 10%) scale(0.01, 0.01);
}

.logo_left_foot,
.logo_right_foot {
  transform: translate(0%, 20%) scale(0.2, 0.2);
}

.logo_left_foot {
  transition-delay: 0.7s;
}

.logo_right_foot {
  transition-delay: 0.8s;
}

.llf1 {
  transform-origin: 15% 55%;
}

.llf2 {
  transform-origin: 10% 59%;
}

.llf3 {
  transform-origin: 9% 64%;
}

.llf4 {
  transform-origin: 22% 57%;
}

.llf5 {
  transform-origin: 18% 65%;
}

.lrf1 {
  transform-origin: 95% 74%;
}

.lrf2 {
  transform-origin: 93% 67%;
}

.lrf3 {
  transform-origin: 87% 67%;
}

.lrf4 {
  transform-origin: 81% 70%;
}

.lrf5 {
  transform-origin: 85% 78%;
}

html {
  font-size: 10vmin;
}

.splash_text {
  max-width: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.carousel_item {
  width: 100%;
}

.testimonial,
.description,
#booking_form {
  max-width: 400px;
  margin: auto;
}

.review .description {
  max-width: 450px;
}

.service .service_container {
  max-width: 600px;
  margin: auto;
}

section#services .tiles_container {
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
}

.service .service_container .video {
  flex-shrink: 0;
}

@media (min-width: 450px) {
  html {
    font-size: 40px;
  }
  .icon.nav {
    position: relative;
    right: 0;
  }
  a .section_title {
    margin-left: 1.3em;
  }
}
@media (max-width: 550px) {
  .announcement .marquee .label {
    width: 275vw;
  }
  .announcement .marquee .label + .label {
    left: 137.5vw;
  }
}
@media (min-width: 560px) {
  section#services .tiles_container .tiles.hikes a, section#services .tiles_container .tiles.daycare a {
    flex-direction: column;
  }
  section#services .tiles_container .tiles .tile {
    width: 44em;
  }
}
@media (min-width: 560px) and (max-width: 990px) {
  section#services .tiles_container .tiles.grooming a {
    flex-direction: row;
  }
}
@media (max-width: 990px) {
  section#services .tiles_container {
    max-width: 550px;
  }
}
@media (min-width: 991px) {
  section#services .tiles_container .tiles.grooming a {
    flex-direction: column;
  }
}

/*# sourceMappingURL=style3.css.map */