
#providerApp {
  margin: 0 -1%;
}
#providerApp .mcb-section {
  padding-top: 0px;
  padding-bottom: 0px;
}

#providerApp .main-section {
  width: 100%;
}
#providerApp .main-section p {
  line-height: 20px;
}
#providerApp .main-section .bold {
  font-weight: bold;
}
#providerApp .main-section ul {
  margin-top: 30px;
  font-size: 24px;
  line-height: 30px;
  color: #000;
}
#providerApp .provider-app-usps {
  transform: translateY(260px);
}
#providerApp .heading-prefix2 {
  font-family: "taxide bold", Arial, Tahoma, sans-serif;
  font-weight: bold !important;
  font-size: 14px !important;
  margin: 0;
}
#providerApp h3 {
  font-size: 22px !important;
}
#providerApp .checked-list {
  margin-top: 15px !important;
  margin-bottom: 25px !important;
  font-size: 16px !important;
}
#providerApp .checked-list li {
  line-height: 16px !important;
  color: #000 !important;
}
#providerApp .appstore-images {
    margin-bottom: 100px;
}
#providerApp .provider-app::before {
  transform: rotate(68deg) translate(-77px,-85px);
  width: 770px !important;
  height: 1210px !important;
}
#providerApp .main-section {
  transform: translateY(120px);
  margin-top: -120px;
  z-index: 1;
}
#providerApp .provider-app {
  height: 565px !important;
  margin-bottom: 50px;
}
#providerApp .provider-app > div {
    display: flex;
}
#providerApp #providerAppWrapper {
  width: 300px;
  min-width: 300px;
  transform: translateX(-10%);
}
#providerApp #providerAppWrapper > div {
  position: absolute;
  z-index: 1;
}
#providerApp #providerAppWrapper > div.active {
  z-index: 3;
}

#providerApp #providerAppWrapper #providerAppPinWrapper {
  position: absolute;
  box-sizing: border-box;
  padding: 145px 115px 0 125px;
  z-index: 4;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  opacity: .5;
}
#providerApp #providerAppWrapper #providerAppPinWrapper #providerAppPin {
  overflow: hidden;
  border-right: 2px solid grey;
  letter-spacing: 2px;
  white-space: nowrap;
  width: 0;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes caret {
  from, to { border-color: transparent; }
  50% { border-color: grey; }
}
#providerApp #providerAppWrapper > div.active #providerAppPinWrapper #providerAppPin {
  animation: typing 2.2s steps(160, end) forwards, caret .6s step-end infinite;;
}

#providerApp #providerAppWrapper #providerAppDetails {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 162px 70px 0 70px;
  z-index: 4;
}
#providerApp #providerAppWrapper #providerAppDetails p {
  color: #90999f;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 7px;
}
#providerApp #providerAppWrapper #providerAppDetails .provider-app-image {
  text-align: center;
  margin-bottom: 30px;
}
#providerApp #providerAppIcon {
  position: relative;
  display: inline-block;
  width: 120px;
  min-width: 120px;
  transform: translate(-10%, 435px);
}
#providerApp #providerAppIcon img {
  width: 100%;
}


@keyframes hand {
	0% {
		transform: rotateX(0deg);
	}
	10% {
		transform: rotateX(12.5deg);
	}
	25% {
		transform: rotateX(25deg);
	}
}

@keyframes tap {
	40% {
		opacity: 0;
	}
	55% {
		opacity: .8;
	}
	70% {
		opacity: 0;
	}
}
#providerApp #providerAppWrapper .hand {
  perspective: 100px;
	transform-origin: 50% 50%;
	animation: hand 1.25s ease-out backwards infinite;
  animation-delay: .2s;
}
#providerApp #providerAppWrapper .tap {
	opacity: 0;
  animation: tap 1.25s ease-out infinite;
}
#providerApp #providerAppWrapper .hand-tap {
  position: absolute;
  width: 25px;
  transform: translate(-50%, -50%);
}
#providerApp #providerAppWrapper > div:nth-child(1) .hand-tap {
  margin-top: 263px;
  margin-left: 210px;
}
#providerApp #providerAppWrapper > div:nth-child(2) .hand-tap {
  margin-top: 452px;
  margin-left: 209px;
}
#providerApp #providerAppWrapper > div:nth-child(3) .hand-tap {
  margin-top: 452px;
  margin-left: 196px;
}


@media (max-width: 761px) {
  #providerApp .main-section {
    transform: translateY(0);
    margin-top: 0;
  }
  #providerApp .provider-app-usps {
    transform: translateY(50px);
  }
  #providerApp #providerAppWrapper {
    transform: translateX(-6%);
  }
  #providerApp #providerAppIcon {
    display: none;
  }
}
