/* one is the vertical selector */
*, :before, :after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden; }

.infoWrapper {
  width: 961px;
  margin: 0 auto;
  display: block;
  position: relative;
  overflow: hidden; }

@keyframes cloudOne {
  from {
    left: -160px; }
  to {
    left: 970px; } }
.cloudOne {
  position: absolute;
  top: 25px;
  animation-name: cloudOne;
  animation-duration: 18s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@keyframes cloudTwo {
  from {
    left: -160px; }
  to {
    left: 970px; } }
.cloudTwo {
  position: absolute;
  top: 126px;
  animation-name: cloudTwo;
  animation-duration: 14s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@keyframes cloudThree {
  from {
    left: -160px; }
  to {
    left: 970px; } }
.cloudThree {
  position: absolute;
  top: 25px;
  animation-name: cloudThree;
  animation-duration: 24s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.sixStepsBillboard {
  position: absolute;
  top: 356px;
  left: 52px;
  z-index: 6; }

.signSix {
  position: absolute;
  z-index: 7;
  -skrollr-animation-name: signSix; }

@-skrollr-keyframes signSix {
  skrollr-0 {
    top: 402px;
    left: 93px;
    height: 0px;
    width: 0px;
    margin-left: 117.5px;
    margin-top: 114px;
    display: inline-block; }
  skrollr-100 {
    width: 235px;
    height: 228px;
    margin-left: 0px;
    margin-top: 0px; } }
.mainCarContainer {
  position: absolute;
  -skrollr-animation-name: mainCarContainer; }

@-skrollr-keyframes mainCarContainer {
  skrollr-0 {
    width: 107px;
    height: 76px;
    top: 256px;
    left: -150px;
    z-index: 5; }
  skrollr-100 {
    top: 256px;
    left: 720px; }
  skrollr-150 {
    top: 256px;
    left: 720px; }
  skrollr-200 {
    top: 256px;
    left: 740px; }
  skrollr-250 {
    top: 390px; }
  skrollr-251 {
    top: 390px;
    left: 162px; }
  skrollr-300 {
    top: 790px; }
  skrollr-400 {
    top: 900px; }
  skrollr-500 {
    top: 1000px; }
  skrollr-550 {
    top: 1050px; }
  skrollr-600 {
    top: 1130px; }
  skrollr-700 {
    top: 1130px;
    left: 162px; }
  skrollr-800 {
    top: 1130px;
    left: 776px; }
  skrollr-900 {
    top: 1130px;
    left: 776px; }
  skrollr-1000 {
    top: 1546px;
    left: 505px; }
  skrollr-1100 {
    top: 1546px;
    left: 505px; }
  skrollr-1200 {
    top: 1546px;
    left: 189px; }
  skrollr-1300 {
    top: 1586px;
    left: 189px; }
  skrollr-1399 {
    transform: rotate(0deg) scaleX(1);
    width: 107px;
    height: 76px;
    overflow: visible; }
  skrollr-1400 {
    transform: rotate(90deg) scaleX(1);
    left: 174px;
    overflow: hidden; }
  skrollr-1500 {
    top: 1997px;
    left: 167px;
    width: 107px;
    height: 76px;
    overflow: hidden; }
  skrollr-1525 {
    transform: rotate(90deg) scaleX(1);
    top: 1997px;
    left: 174px;
    width: 107px;
    height: 76px;
    overflow: hidden; }
  skrollr-1526 {
    transform: rotate(0deg) scaleX(1);
    top: 2219px;
    left: 220px;
    width: 220px;
    height: 198px;
    overflow: visible; }
  skrollr-1900 {
    top: 2219px;
    left: 220px;
    width: 220px;
    height: 198px; }
  skrollr-2000 {
    top: 2219px;
    left: 220px;
    width: 220px;
    height: 198px; }
  skrollr-2050 {
    width: 220px;
    height: 198px;
    left: 220px;
    overflow: visible; }
  skrollr-2100 {
    top: 2219px;
    left: 220px;
    width: 220px;
    height: 198px;
    overflow: hidden; }
  skrollr-2124 {
    top: 2219px;
    left: 220px;
    width: 220px;
    height: 198px;
    overflow: hidden; }
  skrollr-2125 {
    top: 2612px;
    left: 78px;
    width: 372px;
    height: 180px;
    overflow: hidden; }
  skrollr-2200 {
    top: 2612px;
    left: 78px;
    width: 372px;
    height: 180px;
    overflow: hidden; }
  skrollr-2300 {
    top: 2612px;
    left: 78px;
    width: 372px;
    height: 180px;
    overflow: hidden; }
  skrollr-2350 {
    top: 2612px;
    left: 78px;
    width: 372px;
    height: 180px;
    overflow: visible; }
  skrollr-2400 {
    top: 2612px;
    left: 78px;
    width: 372px;
    height: 180px;
    overflow: hidden; }
  skrollr-2425 {
    top: 2612px;
    left: 78px;
    width: 372px;
    height: 180px;
    overflow: hidden; }
  /* get specific */
  skrollr-2426 {
    top: 2962px;
    left: 36px;
    width: 452px;
    height: 205px;
    overflow: hidden; }
  skrollr-2450 {
    top: 2962px;
    height: 205px; }
  skrollr-2451 {
    top: 2912px;
    height: 255px; }
  /* personalization = attention */
  skrollr-2695 {
    top: 2912px;
    height: 255px; }
  skrollr-2696 {
    top: 3340px;
    height: 205px; }
  /* communication is a two way street */
  skrollr-3050 {
    top: 3340px;
    height: 205px; }
  skrollr-3051 {
    top: 3722px;
    height: 266px;
    width: 452px; }
  skrollr-3500 {
    top: 3722px;
    height: 266px;
    width: 452px;
    left: 36px; }
  /* use the express lane */
  skrollr-3501 {
    top: 4169px;
    left: 1px;
    height: 1184px;
    width: 960px; } }
.mainCar {
  position: relative;
  -skrollr-animation-name: mainCar; }

@-skrollr-keyframes mainCar {
  skrollr-100 {
    top: 0px;
    width: 107px;
    height: 76px;
    margin-left: 0px;
    transform: rotate(0deg) scaleX(1); }
  skrollr-150 {
    width: 0px;
    height: 76px;
    margin-left: 53px;
    transform: rotate(45deg) scaleX(1); }
  skrollr-200 {
    transform: rotate(90deg) scaleX(1);
    width: 107px;
    height: 76px;
    margin-left: 0px; }
  skrollr-600 {
    top: 0px;
    width: 107px;
    height: 76px;
    margin-left: 0px;
    transform: rotate(90deg) scaleX(1); }
  skrollr-650 {
    width: 0px;
    height: 76px;
    margin-left: 53px;
    transform: rotate(45deg) scaleX(1); }
  skrollr-700 {
    transform: rotate(0deg scaleX(1));
    width: 107px;
    height: 76px;
    margin-left: 0px; }
  skrollr-800 {
    top: 0px;
    width: 107px;
    height: 76px;
    margin-left: 0px;
    transform: rotate(0deg) scaleX(1); }
  skrollr-850 {
    width: 0px;
    height: 76px;
    margin-left: 53px;
    transform: rotate(45deg) scaleX(1); }
  skrollr-900 {
    transform: rotate(300deg) scaleX(-1);
    width: 107px;
    height: 76px;
    margin-left: 0px; }
  skrollr-1000 {
    top: 0px;
    width: 107px;
    height: 76px;
    margin-left: 0px;
    transform: rotate(300deg) scaleX(-1); }
  skrollr-1050 {
    width: 0px;
    height: 76px;
    margin-left: 53px;
    transform: rotate(45deg) scaleX(1); }
  skrollr-1100 {
    transform: rotate(0deg) scaleX(-1);
    width: 107px;
    height: 76px;
    margin-left: 0px; }
  /* how does your practice stack up corner */
  skrollr-1200 {
    top: 0px;
    width: 107px;
    height: 76px;
    margin-left: 0px;
    transform: rotate(0deg) scaleX(-1); }
  skrollr-1250 {
    width: 0px;
    height: 76px;
    margin-left: 53px;
    transform: rotate(45deg) scaleX(1);
    top: 0px;
    left: 0px; }
  skrollr-1300 {
    transform: rotate(90deg) scaleX(1);
    width: 107px;
    height: 76px;
    margin-left: 0px;
    top: 0px;
    left: -15px; }
  skrollr-1399 {
    transform: rotate(90deg) scaleX(1);
    left: -15px; }
  skrollr-1400 {
    transform: rotate(0deg) scaleX(1);
    width: 107px;
    left: 0px; }
  skrollr-1500 {
    width: 107px;
    height: 76px;
    top: 0px; }
  skrollr-1525 {
    width: 107px;
    height: 76px;
    left: 124px;
    opacity: 1; }
  skrollr-1526 {
    transform: rotate(0deg) scaleX(1);
    width: 107px;
    height: 76px;
    top: 0px;
    left: 0px;
    opacity: 0.0; }
  skrollr-1600 {
    width: 107px;
    height: 76px;
    opacity: 0.0; }
  skrollr-1700 {
    width: 107px;
    height: 76px;
    left: 0px;
    opacity: 1; }
  skrollr-2000 {
    top: 0px;
    width: 107px;
    height: 76px;
    left: 120px;
    margin-left: 0px;
    transform: rotate(0deg) scaleX(1); }
  skrollr-2050 {
    width: 0px;
    height: 76px;
    margin-left: 53px;
    transform: rotate(45deg) scaleX(1);
    top: 0px;
    left: 120px; }
  skrollr-2100 {
    transform: rotate(90deg) scaleX(1);
    width: 107px;
    height: 76px;
    margin-left: 0px;
    top: 14px;
    left: 120px;
    opacity: 1; }
  skrollr-2125 {
    top: 200px;
    left: 120px;
    opacity: 1; }
  skrollr-2126 {
    top: 50px;
    left: -108px;
    opacity: 1;
    transform: rotate(0deg) scaleX(1); }
  skrollr-2200 {
    top: 50px;
    left: 0px; }
  /* timing is everything */
  skrollr-2300 {
    top: 50px;
    left: 268px;
    width: 107px;
    height: 76px;
    margin-left: 0px;
    transform: rotate(0deg) scaleX(1); }
  skrollr-2350 {
    width: 0px;
    height: 76px;
    margin-left: 53px;
    transform: rotate(45deg) scaleX(1);
    top: 50px; }
  skrollr-2400 {
    transform: rotate(90deg) scaleX(1);
    width: 107px;
    height: 76px;
    margin-left: 0px;
    top: 50px;
    opacity: 1; }
  skrollr-2425 {
    top: 180px;
    opacity: 1;
    transform: rotate(90deg) scaleX(1); }
  /* get specific */
  skrollr-2426 {
    top: -88px;
    left: 256px;
    transform: rotate(-53deg) scaleX(-1); }
  skrollr-2450 {
    top: -15px;
    left: 200px;
    transform: rotate(-53deg) scaleX(-1); }
  skrollr-2451 {
    top: 34px; }
  skrollr-2475 {
    top: 27px;
    left: 180px;
    transform: rotate(25deg) scaleX(-1); }
  skrollr-2500 {
    top: 13px;
    left: 140px;
    transform: rotate(14deg) scaleX(-1); }
  skrollr-2520 {
    top: 13px;
    left: 60px;
    transform: rotate(-21deg) scaleX(-1); }
  skrollr-2525 {
    top: 38px;
    left: 20px;
    transform: rotate(-40deg) scaleX(-1); }
  skrollr-2545 {
    top: 92px;
    left: -5px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-2546 {
    top: 92px;
    left: 55px;
    transform: rotate(90deg) scaleX(1); }
  skrollr-2575 {
    top: 90px;
    left: 95px;
    transform: rotate(-12deg) scaleX(1); }
  skrollr-2595 {
    top: 65px;
    left: 255px;
    transform: rotate(0deg) scaleX(1); }
  skrollr-2620 {
    top: 90px;
    left: 315px;
    transform: rotate(45deg) scaleX(1); }
  skrollr-2625 {
    top: 140px;
    left: 335px;
    transform: rotate(90deg) scaleX(1); }
  skrollr-2626 {
    top: 140px;
    left: 275px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-2645 {
    top: 150px;
    left: 255px;
    transform: rotate(10deg) scaleX(-1); }
  skrollr-2650 {
    top: 115px;
    left: 145px;
    transform: rotate(13deg) scaleX(-1); }
  skrollr-2670 {
    top: 165px;
    left: 65px;
    transform: rotate(-70deg) scaleX(-1); }
  skrollr-2695 {
    top: 275px;
    left: 65px;
    transform: rotate(-110deg) scaleX(-1); }
  /* personalization = attention */
  skrollr-2696 {
    top: -90px;
    left: 120px;
    transform: rotate(90deg) scaleX(1); }
  skrollr-2900 {
    top: -90px;
    left: 120px;
    transform: rotate(90deg) scaleX(1); }
  skrollr-2925 {
    top: -10px;
    left: 130px;
    transform: rotate(85deg) scaleX(1); }
  skrollr-2950 {
    top: 25px;
    left: 145px;
    transform: rotate(35deg) scaleX(1); }
  skrollr-2975 {
    top: 82px;
    left: 168px;
    transform: rotate(90deg) scaleX(1); }
  skrollr-3000 {
    top: 142px;
    left: 145px;
    transform: rotate(145deg) scaleX(1); }
  skrollr-3025 {
    top: 177px;
    left: 130px;
    transform: rotate(85deg) scaleX(1); }
  skrollr-3050 {
    top: 257px;
    left: 130px;
    transform: rotate(90deg) scaleX(1); }
  /* communication is a two way street */
  skrollr-3051 {
    top: -93px;
    left: 59px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-3250 {
    top: -93px;
    left: 59px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-3500 {
    top: 293px;
    left: 59px;
    transform: rotate(-90deg) scaleX(-1); }
  /* use the express lane */
  skrollr-3501 {
    top: -93px;
    left: 157px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-3600 {
    top: -93px;
    left: 157px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-3700 {
    top: 100px;
    left: 157px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-3800 {
    top: 200px;
    left: 157px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-3900 {
    top: 300px;
    left: 157px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4000 {
    top: 400px;
    left: 157px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4100 {
    top: 500px;
    left: 157px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4200 {
    top: 600px;
    left: 157px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4300 {
    top: 700px;
    left: 157px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4400 {
    top: 774px;
    left: 157px;
    width: 107px;
    height: 76px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4500 {
    top: 774px;
    width: 107px;
    height: 76px;
    margin-left: 0px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4550 {
    width: 0px;
    height: 76px;
    margin-left: 53px;
    transform: rotate(45deg) scaleX(1);
    top: 774px;
    left: 157px; }
  skrollr-4600 {
    transform: rotate(0deg) scaleX(1);
    width: 107px;
    height: 76px;
    margin-left: 0px;
    top: 778px;
    left: 223px; }
  skrollr-4700 {
    transform: rotate(0deg) scaleX(1);
    width: 107px;
    height: 76px;
    top: 778px;
    left: 343px; }
  skrollr-4800 {
    transform: rotate(0deg) scaleX(1);
    width: 107px;
    height: 76px;
    top: 778px;
    left: 460px; }
  skrollr-4900 {
    transform: rotate(0deg) scaleX(1);
    width: 107px;
    height: 76px;
    top: 778px;
    left: 628px; } }
.shrubs {
  position: absolute;
  -skrollr-animation-name: shrubs; }

@-skrollr-keyframes shrubs {
  skrollr-0 {
    top: 700px;
    left: 238px;
    width: 92px;
    height: 0px; }
  skrollr-250 {
    height: 0px;
    margin-top: 76px; }
  skrollr-300 {
    height: 76px;
    margin-top: 0px; } }
.ovalBlueTree {
  position: absolute;
  -skrollr-animation-name: ovalBlueTree; }

@-skrollr-keyframes ovalBlueTree {
  skrollr-0 {
    top: 870px;
    left: 79px;
    width: 81px;
    height: 0px; }
  skrollr-350 {
    height: 0px;
    margin-top: 112px; }
  skrollr-400 {
    height: 112px;
    margin-top: 0px; } }
.trangleGreenTree {
  position: absolute;
  -skrollr-animation-name: trangleGreenTree; }

@-skrollr-keyframes trangleGreenTree {
  skrollr-0 {
    top: 950px;
    left: 100px;
    width: 73px;
    height: 0px; }
  skrollr-375 {
    height: 0px;
    margin-top: 95px; }
  skrollr-425 {
    height: 95px;
    margin-top: 0px; } }
.lampPost {
  position: absolute;
  -skrollr-animation-name: lampPost; }

@-skrollr-keyframes lampPost {
  skrollr-0 {
    top: 1020px;
    left: 234px;
    width: 38px;
    height: 0px;
    z-index: 4; }
  skrollr-500 {
    height: 0px;
    margin-top: 132px; }
  skrollr-525 {
    height: 132px;
    margin-top: 0px; } }
.bus {
  position: absolute;
  -skrollr-animation-name: bus; }

@-skrollr-keyframes bus {
  skrollr-0 {
    top: 1074px;
    left: 246px;
    width: 199px;
    height: 0px;
    z-index: 4; }
  skrollr-500 {
    height: 0px;
    margin-top: 110px; }
  skrollr-525 {
    height: 114px;
    margin-top: 0px; }
  skrollr-700 {
    left: 246px; }
  skrollr-800 {
    left: 600px; } }
.signAreYou {
  position: absolute;
  -skrollr-animation-name: signAreYou; }

@-skrollr-keyframes signAreYou {
  skrollr-0 {
    top: 800px;
    left: 275px;
    width: 403px;
    height: 0px;
    z-index: 3; }
  skrollr-400 {
    height: 0px;
    margin-top: 318px; }
  skrollr-525 {
    height: 318px;
    margin-top: 0px; } }
.flowers {
  position: absolute;
  -skrollr-animation-name: flowers; }

@-skrollr-keyframes flowers {
  skrollr-0 {
    top: 1116px;
    left: 660px;
    width: 60px;
    height: 0px;
    z-index: 3; }
  skrollr-675 {
    height: 0px;
    margin-top: 38px; }
  skrollr-700 {
    height: 41px;
    margin-top: 0px; } }
.brownhouse {
  position: absolute;
  -skrollr-animation-name: brownhouse; }

@-skrollr-keyframes brownhouse {
  skrollr-0 {
    top: 1029px;
    left: 707px;
    width: 0px;
    height: 127px;
    z-index: 3; }
  skrollr-700 {
    width: 0px;
    margin-left: 45px; }
  skrollr-725 {
    width: 90px;
    margin-left: 0px; } }
.roundGreenTree {
  position: absolute;
  -skrollr-animation-name: roundGreenTree; }

@-skrollr-keyframes roundGreenTree {
  skrollr-0 {
    top: 1062px;
    left: 780px;
    width: 81px;
    height: 0px;
    z-index: 3; }
  skrollr-725 {
    height: 0px;
    margin-top: 90px; }
  skrollr-800 {
    height: 98px;
    margin-top: 0px; } }
.triangleRoundTrees {
  position: absolute;
  -skrollr-animation-name: triangleRoundTrees; }

@-skrollr-keyframes triangleRoundTrees {
  skrollr-0 {
    top: 1477px;
    left: 271px;
    width: 89px;
    height: 0px;
    z-index: 3; }
  skrollr-1125 {
    height: 0px;
    margin-top: 85px; }
  skrollr-1200 {
    height: 90px;
    margin-top: 0px; } }
.church {
  position: absolute;
  -skrollr-animation-name: church; }

@-skrollr-keyframes church {
  skrollr-0 {
    top: 1426px;
    left: 644px;
    width: 0px;
    height: 226px;
    z-index: 3; }
  skrollr-925 {
    width: 0px;
    margin-left: 109px; }
  skrollr-1000 {
    width: 222px;
    margin-left: 0px; } }
.diamondGreenTree {
  position: absolute;
  -skrollr-animation-name: diamondGreenTree; }

@-skrollr-keyframes diamondGreenTree {
  skrollr-0 {
    top: 1511px;
    left: 566px;
    width: 93px;
    height: 0px;
    z-index: 6; }
  skrollr-925 {
    height: 0px;
    margin-top: 125px; }
  skrollr-1000 {
    height: 128px;
    margin-top: 0px; } }
.lampPostTwo {
  position: absolute;
  -skrollr-animation-name: lampPostTwo; }

@-skrollr-keyframes lampPostTwo {
  skrollr-0 {
    top: 1511px;
    left: 841px;
    width: 38px;
    height: 0px;
    z-index: 6; }
  skrollr-925 {
    height: 0px;
    margin-top: 128px; }
  skrollr-1000 {
    height: 132px;
    margin-top: 0px; } }
.shrubsTwo {
  position: absolute;
  -skrollr-animation-name: shrubsTwo; }

@-skrollr-keyframes shrubsTwo {
  skrollr-0 {
    top: 1562px;
    left: 508px;
    width: 92px;
    height: 0px;
    z-index: 6; }
  skrollr-925 {
    height: 0px;
    margin-top: 89px; }
  skrollr-1000 {
    height: 91px;
    margin-top: 0px; } }
.signNationalNoShow {
  position: absolute;
  -skrollr-animation-name: signNationalNoShow; }

@-skrollr-keyframes signNationalNoShow {
  skrollr-0 {
    top: 1217px;
    left: 335px;
    width: 317px;
    height: 0px;
    z-index: 3; }
  skrollr-725 {
    height: 0px; }
  skrollr-800 {
    height: 321px;
    margin-top: 0px; } }
.signHowDoes {
  position: absolute;
  -skrollr-animation-name: signHowDoes; }

@-skrollr-keyframes signHowDoes {
  skrollr-0 {
    top: 1687px;
    left: 344px;
    width: 274px;
    height: 0px;
    z-index: 4; }
  skrollr-1325 {
    height: 0px;
    margin-top: 300px; }
  skrollr-1400 {
    height: 311px;
    margin-top: 0px; } }
.shrubsThree {
  position: absolute;
  -skrollr-animation-name: shrubsThree; }

@-skrollr-keyframes shrubsThree {
  skrollr-0 {
    top: 1964px;
    left: 244px;
    width: 92px;
    height: 0px;
    z-index: 4; }
  skrollr-1425 {
    height: 0px;
    margin-top: 89px; }
  skrollr-1450 {
    height: 91px;
    margin-top: 0px; } }
/* multichannel is a must */
.phone {
  position: absolute;
  -skrollr-animation-name: phone; }

@-skrollr-keyframes phone {
  skrollr-0 {
    top: 2173px;
    left: 136px;
    width: 0px;
    height: 0px;
    z-index: 4; }
  skrollr-1700 {
    width: 0px;
    height: 0px;
    margin-left: 30.8px;
    margin-top: 34.3px; }
  skrollr-1750 {
    width: 61.6px;
    height: 68.6px;
    margin-top: 0px;
    margin-left: 0px; }
  skrollr-1800 {
    width: 44px;
    height: 49px;
    margin-left: 8.8px;
    margin-top: 9.8px; } }
.envelope {
  position: absolute;
  -skrollr-animation-name: envelope; }

@-skrollr-keyframes envelope {
  skrollr-0 {
    top: 2265px;
    left: 132px;
    width: 0px;
    height: 0px;
    z-index: 4; }
  skrollr-1750 {
    width: 0px;
    height: 0px;
    margin-left: 32.9px;
    margin-top: 25.9px; }
  skrollr-1800 {
    width: 65.8px;
    height: 51.8px;
    margin-top: 0px;
    margin-left: 0px; }
  skrollr-1850 {
    width: 47px;
    height: 37px;
    margin-left: 9.4px;
    margin-top: 7.4px; } }
.smartPhone {
  position: absolute;
  -skrollr-animation-name: smartPhone; }

@-skrollr-keyframes smartPhone {
  skrollr-0 {
    top: 2331px;
    left: 139px;
    width: 0px;
    height: 0px;
    z-index: 4; }
  skrollr-1800 {
    width: 0px;
    height: 0px;
    margin-left: 25.9px;
    margin-top: 38.5px; }
  skrollr-1950 {
    width: 51.8px;
    height: 77px;
    margin-top: 0px;
    margin-left: 0px; }
  skrollr-2000 {
    width: 37px;
    height: 55px;
    margin-left: 7.4px;
    margin-top: 11px; } }
/* timing is everything */
.signRedLight {
  position: absolute;
  -skrollr-animation-name: signRedLight; }

@-skrollr-keyframes signRedLight {
  skrollr-0 {
    top: 2615px;
    left: 241px;
    width: 73px;
    height: 178px;
    z-index: 6; }
  skrollr-2175 {
    visibility: visible; }
  skrollr-2176 {
    visibility: hidden; } }
.signGreenLight {
  position: absolute;
  -skrollr-animation-name: signGreenLight; }

@-skrollr-keyframes signGreenLight {
  skrollr-0 {
    top: 2615px;
    left: 240px;
    width: 72px;
    height: 178px;
    z-index: 6; }
  skrollr-2175 {
    visibility: hidden; }
  skrollr-2176 {
    visibility: visible; } }
/* get specific */
.signCurvedRoad {
  position: absolute;
  -skrollr-animation-name: signCurvedRoad; }

@-skrollr-keyframes signCurvedRoad {
  skrollr-0 {
    top: 2994px;
    left: 169px;
    width: 118px;
    height: 0px;
    z-index: 6; }
  skrollr-2475 {
    height: 0px;
    margin-top: 155px; }
  skrollr-2550 {
    height: 159px;
    margin-top: 0px; } }
/* personalization = attention */
.signWehvfunContainer {
  position: absolute;
  -skrollr-animation-name: signWehvfunContainer; }

@-skrollr-keyframes signWehvfunContainer {
  skrollr-0 {
    top: 3277px;
    left: 84px;
    width: 172px;
    height: 81px;
    z-index: 3;
    overflow: hidden; }
  skrollr-2825 {
    top: 3277px;
    left: 84px; }
  skrollr-2900 {
    top: 3357px;
    left: 254.5px; } }
.signWehvfun {
  position: absolute;
  -skrollr-animation-name: signWehvfun; }

@-skrollr-keyframes signWehvfun {
  skrollr-0 {
    top: 81px;
    left: 172px;
    width: 172px;
    height: 81px;
    z-index: 3; }
  skrollr-2825 {
    top: 80px;
    left: 171px; }
  skrollr-2900 {
    top: 0px;
    left: 0px; } }
/* communication is a two way street */
.communicationContainer {
  position: absolute;
  -skrollr-animation-name: communicationContainer; }

@-skrollr-keyframes communicationContainer {
  skrollr-0 {
    width: 107px;
    height: 76px;
    top: 256px;
    left: 185px;
    z-index: 5;
    overflow: hidden; }
  skrollr-3051 {
    top: 3722px;
    height: 266px; }
  skrollr-3600 {
    top: 3722px;
    height: 266px;
    width: 107px;
    left: 185px; }
  skrollr-3601 {
    top: 4169px;
    left: 1px;
    height: 1184px;
    width: 960px;
    z-index: 4; } }
.motorcycle {
  position: absolute;
  -skrollr-animation-name: motorcycle; }

@-skrollr-keyframes motorcycle {
  skrollr-3051 {
    top: 293px;
    left: 0px;
    transform: rotate(90deg) scaleX(1); }
  skrollr-3250 {
    top: -93px;
    left: 0px;
    transform: rotate(90deg) scaleX(1); }
  skrollr-3599 {
    top: -93px;
    left: 0px;
    z-index: 6;
    transform: rotate(90deg) scaleX(1); }
  skrollr-3600 {
    top: -93px;
    left: 96px;
    transform: rotate(-90deg) scaleX(1); }
  skrollr-4800 {
    top: 693px;
    left: 96px;
    transform: rotate(-90deg) scaleX(1); } }
.greenCar {
  position: absolute;
  -skrollr-animation-name: greenCar; }

@-skrollr-keyframes greenCar {
  skrollr-3200 {
    top: 293px;
    left: 0px;
    transform: rotate(90deg) scaleX(-1); }
  skrollr-3400 {
    top: -113px;
    left: 0px;
    transform: rotate(90deg) scaleX(-1); }
  skrollr-3599 {
    top: -113px;
    left: 0px;
    transform: rotate(90deg) scaleX(-1); }
  skrollr-3600 {
    top: 223px;
    left: 53px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4700 {
    top: 765px;
    left: 53px;
    transform: rotate(-90deg) scaleX(-1); } }
.greenCarTwo {
  position: absolute;
  -skrollr-animation-name: greenCarTwo; }

@-skrollr-keyframes greenCarTwo {
  skrollr-3400 {
    top: 293px;
    left: 0px;
    transform: rotate(90deg) scaleX(-1); }
  skrollr-3599 {
    top: -123px;
    left: 0px;
    z-index: 7;
    transform: rotate(90deg) scaleX(-1); }
  skrollr-3600 {
    top: -123px;
    left: 113px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4700 {
    top: 565px;
    left: 113px;
    transform: rotate(-90deg) scaleX(-1); }
  skrollr-4800 {
    top: 765px;
    left: 113px;
    transform: rotate(-90deg) scaleX(-1); } }
.semi {
  position: absolute;
  -skrollr-animation-name: semi; }

@-skrollr-keyframes semi {
  skrollr-3600 {
    top: -163px;
    left: 15px;
    transform: rotate(-90deg) scaleX(1); }
  skrollr-4100 {
    top: 265px;
    left: 15px;
    transform: rotate(-90deg) scaleX(1); }
  skrollr-4700 {
    top: 565px;
    left: 15px;
    transform: rotate(-90deg) scaleX(1); } }
.signTwoWayTraffic {
  position: absolute;
  -skrollr-animation-name: signTwoWayTraffic; }

@-skrollr-keyframes signTwoWayTraffic {
  skrollr-0 {
    top: 3737px;
    left: 295px;
    width: 126px;
    height: 0px;
    z-index: 6; }
  skrollr-3425 {
    height: 0px;
    margin-top: 220px; }
  skrollr-3500 {
    height: 222px;
    margin-top: 0px; } }
.signExpressLn {
  position: absolute;
  -skrollr-animation-name: signExpressLn; }

@-skrollr-keyframes signExpressLn {
  skrollr-0 {
    top: 4213px;
    left: 261px;
    width: 173px;
    height: 0px;
    z-index: 6; }
  skrollr-3725 {
    height: 0px;
    margin-top: 148px; }
  skrollr-3800 {
    height: 150px;
    margin-top: 0px; } }
.signStaffMembers {
  position: absolute;
  -skrollr-animation-name: signStaffMembers; }

@-skrollr-keyframes signStaffMembers {
  skrollr-0 {
    top: 4460px;
    left: 261px;
    width: 215px;
    height: 0px;
    z-index: 6; }
  skrollr-4125 {
    height: 0px;
    margin-top: 305px; }
  skrollr-4200 {
    height: 307px;
    margin-top: 0px; } }
.diamondGreenTreeTwo {
  position: absolute;
  -skrollr-animation-name: diamondGreenTreeTwo; }

@-skrollr-keyframes diamondGreenTreeTwo {
  skrollr-0 {
    top: 4865px;
    left: 775px;
    width: 93px;
    height: 0px;
    z-index: 4; }
  skrollr-4625 {
    height: 0px;
    margin-top: 125px; }
  skrollr-4700 {
    height: 128px;
    margin-top: 0px; } }
.lampPostThree {
  position: absolute;
  -skrollr-animation-name: lampPostThree; }

@-skrollr-keyframes lampPostThree {
  skrollr-0 {
    top: 4863px;
    left: 435px;
    width: 38px;
    height: 0px;
    z-index: 4; }
  skrollr-4425 {
    height: 0px;
    margin-top: 128px; }
  skrollr-4500 {
    height: 132px;
    margin-top: 0px; } }
.lampPostFour {
  position: absolute;
  -skrollr-animation-name: lampPostFour; }

@-skrollr-keyframes lampPostFour {
  skrollr-0 {
    top: 4863px;
    left: 849px;
    width: 38px;
    height: 0px;
    z-index: 4; }
  skrollr-4550 {
    height: 0px;
    margin-top: 128px; }
  skrollr-4625 {
    height: 132px;
    margin-top: 0px; } }
.flowersTwo {
  position: absolute;
  -skrollr-animation-name: flowersTwo; }

@-skrollr-keyframes flowersTwo {
  skrollr-0 {
    top: 4954px;
    left: 297px;
    width: 60px;
    height: 0px;
    z-index: 4; }
  skrollr-4525 {
    height: 0px;
    margin-top: 39px; }
  skrollr-4600 {
    height: 41px;
    margin-top: 0px; } }
.flowersThree {
  position: absolute;
  -skrollr-animation-name: flowersThree; }

@-skrollr-keyframes flowersThree {
  skrollr-0 {
    top: 5000px;
    left: 685px;
    width: 60px;
    height: 0px;
    z-index: 6; }
  skrollr-4625 {
    height: 0px;
    margin-top: 39px; }
  skrollr-4700 {
    height: 41px;
    margin-top: 0px; } }
.roundGreenTreeTwo {
  position: absolute;
  -skrollr-animation-name: roundGreenTreeTwo; }

@-skrollr-keyframes roundGreenTreeTwo {
  skrollr-0 {
    top: 4945px;
    left: 409px;
    width: 81px;
    height: 0px;
    z-index: 6; }
  skrollr-4525 {
    height: 0px;
    margin-top: 96px; }
  skrollr-4600 {
    height: 98px;
    margin-top: 0px; } }
.officeBuilding1 {
  position: absolute;
  -skrollr-animation-name: officeBuilding1; }

@-skrollr-keyframes officeBuilding1 {
  skrollr-0 {
    top: 4873px;
    left: 469px;
    width: 0px;
    height: 123px;
    z-index: 3; }
  skrollr-4625 {
    width: 0px;
    margin-left: 43.5px; }
  skrollr-4700 {
    width: 87px;
    margin-left: 0px; } }
.officeBuilding2 {
  position: absolute;
  -skrollr-animation-name: officeBuilding2; }

@-skrollr-keyframes officeBuilding2 {
  skrollr-0 {
    top: 4833px;
    left: 549px;
    width: 0px;
    height: 163px;
    z-index: 3; }
  skrollr-4650 {
    width: 0px;
    margin-left: 44px; }
  skrollr-4725 {
    width: 88px;
    margin-left: 0px; } }
.officeBuilding3 {
  position: absolute;
  -skrollr-animation-name: officeBuilding3; }

@-skrollr-keyframes officeBuilding3 {
  skrollr-0 {
    top: 4748px;
    left: 621px;
    width: 0px;
    height: 248px;
    z-index: 3; }
  skrollr-4675 {
    width: 0px;
    margin-left: 58px; }
  skrollr-4750 {
    width: 116px;
    margin-left: 0px; } }
.officeBuilding4 {
  position: absolute;
  -skrollr-animation-name: officeBuilding4; }

@-skrollr-keyframes officeBuilding4 {
  skrollr-0 {
    top: 4852px;
    left: 723px;
    width: 0px;
    height: 144px;
    z-index: 3; }
  skrollr-4700 {
    width: 0px;
    margin-left: 46px; }
  skrollr-4775 {
    width: 92px;
    margin-left: 0px; } }

.wrapper.mobileImage {
    display: none;
}
@media only screen and (max-width: 768px) {
  .wrapper.contentWrap {
    display: none;
    
  }
  .wrapper.mobileImage {
      display: block;
  }
}
/*# sourceMappingURL=the-road-to-effective-reminders-interactive.css.map */