@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, dl, ol, ul, p,
button, input, select, textarea {
  margin: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%; }

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
  display: block; }

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.25;
  font-weight: 400; }

strong, .bold {
  font-weight: bold; }

.regular {
  font-weight: normal; }

.caps {
  text-transform: uppercase; }

.center {
  text-align: center; }

.right-align {
  text-align: right; }

.m1 {
  margin: 10px; }

.mt1 {
  margin-top: 10px; }

.mr1 {
  margin-right: 10px; }

.mb1 {
  margin-bottom: 10px; }

.ml1 {
  margin-left: 10px; }

.m2 {
  margin: 20px; }

.mt2 {
  margin-top: 20px; }

.mr2 {
  margin-right: 20px; }

.mb2 {
  margin-bottom: 20px; }

.ml2 {
  margin-left: 20px; }

.m3 {
  margin: 40px; }

.mt3 {
  margin-top: 40px; }

.mr3 {
  margin-right: 40px; }

.mb3 {
  margin-bottom: 40px; }

.ml3 {
  margin-left: 40px; }

.m4 {
  margin: 60px; }

.mt4 {
  margin-top: 60px; }

.mr4 {
  margin-right: 60px; }

.mb4 {
  margin-bottom: 60px; }

.ml4 {
  margin-left: 60px; }

.p1 {
  padding: 10px; }

.px1 {
  padding-right: 10px;
  padding-left: 10px; }

.py1 {
  padding-top: 10px;
  padding-bottom: 10px; }

.p2 {
  padding: 20px; }

.px2 {
  padding-right: 20px;
  padding-left: 20px; }

.py2 {
  padding-top: 20px;
  padding-bottom: 20px; }

.p3 {
  padding: 40px; }

.px3 {
  padding-right: 40px;
  padding-left: 40px; }

.py3 {
  padding-top: 40px;
  padding-bottom: 40px; }

.p4 {
  padding: 60px; }

.px4 {
  padding-right: 60px;
  padding-left: 60px; }
  
.px20p {
	padding-right: 20%;
	padding-left: 20%;
}

.py4 {
  padding-top: 60px;
  padding-bottom: 60px; }

.py20p {
	padding-top: 20%;
	padding-bottom: 20%;
}

.inline {
  display: inline; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.left {
  float: left; }

.right {
  float: right; }

/**
 * @license
 * MyFonts Webfont Build ID 2717422, 2014-01-03T14:53:07-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Helvetica Neue Pro Cond Black by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/helvetica-neue-pro/helvetica-neue-pro-black-condensed/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * Licensed pageviews: 1,000,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2717422
 * 
 * © 2014 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/2976ee");*/
@font-face {
  font-family: 'HelveticaNeueLTPro-BlkCn';
  src: url("../webfonts/2976EE_0_0.eot");
  src: url("../webfonts/2976EE_0_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2976EE_0_0.woff") format("woff"), url("../webfonts/2976EE_0_0.ttf") format("truetype"); }
.helvetica-condensed {
  font-family: HelveticaNeueLTPro-BlkCn, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal; }

.poiret-one {
  font-family: 'Poiret One';
  font-style: normal;
  text-shadow: 3px 3px 35px black;
  font-weight: 400; }

 .poiret-one-less-shadow {
  font-family: 'Poiret One';
  font-style: normal;
  text-shadow: 0px 0px 2px black;
  font-weight: 400; }
 
  .poiret-one-no-shadow {
  font-family: 'Poiret One';
  font-style: normal;
/*   text-shadow: 0px 0px 2px black; */
  font-weight: 400; }


h1, p {
  margin: 0; }

p {
  line-height: 1.25;
  -webkit-font-smoothing: antialiased; }

.lh5 {
  line-height: 50px; }

.h0r {
  font-size: 2rem;
  line-height: .9;
  -webkit-font-smoothing: antialiased; }

/*
@media (min-width: 414px) {
  .h0r {
    font-size: 4rem; } 
    }
*/


/* to catch Elana's tiny HTC Dream phone */
@media (min-width: 300px) { 

  .h0r {
    font-size: 3rem; } 
    }
    
/* changed from 768 to 414px to pick up iphone 6plus */
@media (min-width: 414px) {
  .h0r {
    font-size: 4rem; } 
    }
@media (min-width: 1152px) {
  .h0r {
    font-size: 6rem; } 
    }
@media (min-width: 1536px) {
  .h0r {
    font-size: 8rem; } }
.thirteen-wrap {
  width: 256px;
  height: 256px; }
.thirteen-wrap svg {
    width: 100%;
    height: 100%; }

/* changed from 768 to 414px to pick up iphone 6plus */
@media (min-width: 414px) {
  .thirteen-wrap {
    width: 512px;
    height: 512px; } }
@media (min-width: 1152px) {
  .thirteen-wrap {
    width: 768px;
    height: 768px; } }
@media (min-width: 1536px) {
  .thirteen-wrap {
    width: 1024px;
    height: 1024px; } }
.h1r {
  font-size: 1.5rem;
  line-height: 1.125;
  -webkit-font-smoothing: antialiased; }

/* changed from 768 to 414px to pick up iphone 6plus */
@media (min-width: 414px) {
  .h1r {
    font-size: 2rem;
    line-height: 1; } }
@media (min-width: 1152px) {
  .h1r {
    font-size: 3rem; } }
@media (min-width: 1536px) {
  .h1r {
    font-size: 4rem; } }



.h2 {
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased; }


.h3 {
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased; }

.h3r {
  font-size: 1.25rem; }

/* changed from 768 to 414px to pick up iphone 6plus */
@media (min-width: 414px) {	
  .h3r {
    font-size: 1.5rem; } }
@media (min-width: 1152px) {
  .h3r {
    font-size: 2rem; } }
.small {
  font-size: .75rem; }



.right-align {
  text-align: right; }

.slideshow {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  font-size: 0; }
  .slideshow .slide {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 100%;
    white-space: normal;
    font-size: 1rem;
    vertical-align: top; }

.shifty {
  overflow: hidden;
  height: 100%; }
  .shifty .shifty-inner {
    height: 200%;
    position: relative;
    -webkit-transition: top 0.3s ease;
    -moz-transition: top 0.3s ease;
    transition: top 0.3s ease; }
  .shifty .shifty-content {
    position: relative;
    height: 50%; }
  .shifty .shifty-menu {
    height: 50%; }
  .shifty.show-menu .shifty-inner, .shifty:target .shifty-inner {
    top: -100%; }

.bg-video-wrap {
  position: relative;
  top: 50%;
  min-width: 1920px;
  min-height: 1080px;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
   }
  .bg-video-wrap video {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    top: -50%; 
    }
  
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {  /* as per http://stackoverflow.com/questions/9328832/how-to-apply-specific-css-rules-to-chrome-only */
    .bg-video-wrap video {
/* Zach removed these two lines on 4/10/2020 -- they don't seem to be needed in the current Safari and Chrome, they result in non-full-screen video */
/*
		transform: scale(.75); /* needed for Chrome and Safari only */
		-webkit-transform scale(.75); /* Z why is this needed to make the video fit the window in Chrome? gotta investigate. Otherwise, video is zoomed */
*/
	  	}	
	}
  
    
    
  .bg-video-wrap.bg-video-center {
    right: -50%; }
    .bg-video-wrap.bg-video-center video {
      left: -50%; }
  .bg-video-wrap.bg-video-left {
    left: 0; }
    .bg-video-wrap.bg-video-left video {
      left: 0; }
  .bg-video-wrap.bg-video-right {
    right: 0;
    float: right; }
    .bg-video-wrap.bg-video-right video {
      right: 0; }
  .bg-video-wrap.bg-video-bottom {
    position: absolute;
    top: auto;
    bottom: 0; }
    .bg-video-wrap.bg-video-bottom video {
      top: auto;
      bottom: 0; }
  .bg-video-wrap.bg-video-top {
    position: absolute;
    top: 0;
    bottom: 0; }
    .bg-video-wrap.bg-video-top video {
      top: 0;
      bottom: auto; }

body {
  min-width: 320px; }

.view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.scrolly {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.navbar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  line-height: 30px; }
  
.navbar_top {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  padding: 10px;
  line-height: 30px; }
  

.navbar-left,
.navbar-right {
  width: 80px; }

/* changed from 768 to 414px to pick up iphone 6plus */
@media (min-width: 414px) {
  .navbar-left,
  .navbar-right {
    width: 160px; } }
.rail {
  position: absolute;
  top: 15%;
  bottom: 15%;
  height: 70%;
  display: table; }
  .rail .middle {
    display: table-cell;
    vertical-align: middle; }

.rail-left {
  left: 10px; }

.rail-right {
  right: 10px; }

.y100 {
  height: 100%; }
  
.y90 {
  height: 90%;
  height: 82vh; /* makes the staff box work in Firefox */
   }  
  
.y70 {
	height: 70%;
}

.y45 {
	height: 45%;
}
  
.x100 { 
	width: 100%; }

.slide-footer {
/* 	border: 2px solid #000aff; */

  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  padding: 20px 20px 4em 20px; /*this isn't how I should be putting these links above the bottom bar */
  height: 30px;
  
  line-height: 30px;
  text-align: center;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0); }

@media (min-height: 414px) { /* changed from 640px to 414px to hit iPHone 6s+ */
  .slide-footer {
    bottom: 70px;
    height: 40px;
    line-height: 40px; 
/*     padding: 20px 20px 0 20px; */ /*this isn't how I should be putting these links above the bottom bar */
    }     
}



@media (min-height: 414px) and (orientation:portrait) { /* changed from 640px to 414px to hit iPHone 6s+ */
	  .slide-footer {
	  padding: 20px 20px 2em 20px; /*this isn't how I should be putting these links above the bottom bar - changed from 4em for iphone 6se */
	}
}

@media (min-height: 960px) {
  .slide-footer {
    bottom: 90px; } 
    
    }

    
.bump-higher {
	position: absolute;
	bottom: 200px;
}    
    
.mobile-show {
  display: none; }
  

@media (max-width: 1024px) and (orientation:landscape) {
	
	.slide-footer {
		    padding: 20px 20px 0 20px; 
	}
}
/* added device to the next selector */
/* @media (max-width: 768px) {	 */
@media (max-width: 1025px) {		
  .mobile-show {
    display: block; }

  .mobile-hide {
    display: none; } }


    

    
.list-simple {
  list-style: none;
  padding-left: 1em; 
  width: 10%; /*added this line so that the items wouldn't wrap */
    white-space: nowrap;
  }

.ss-icon {
  position: relative;
  top: .1875em; }

.clickable {
  cursor: pointer; }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.hide {
  display: none; }

@media (max-width: 568px) and (orientation: landscape) {
  body, .view {
    min-height: 320px; } }
.tz0 {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0); }

.btn {
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  -webkit-font-smoothing: antialiased; }
  .btn label {
    cursor: pointer; }

.btn-big {
  font-size: 1rem; }

/* changed from 768 to 414px to pick up iphone 6plus */
@media (min-width: 414px) {
  .btnr {
    font-size: 1.25rem;
    height: 40px;
    line-height: 40px;
    padding: 0 15px; } }
.relative {
  position: relative; }

.absolute {
  position: absolute; }

.t0 {
  top: 0; }

.r0 {
  right: 0; }

.b0 {
  bottom: 0; }

.l0 {
  left: 0; }

.z2 {
  z-index: 2; }

.absolute-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.table {
  display: table;
  width: 100%; }

.table-fixed {
  table-layout: fixed; }

.table-cell {
  display: table-cell;
  vertical-align: middle; }

.box {
  position: absolute;
  right: 5%;
  left: 5%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0); }

.box-wider {
	right: 2%;
	left: 2%;
}

.box-centered {
  display: table;
  width: 90%;
  top: 0;
  bottom: 0;
  height: 100%; }
  
.box-10-top-bot-buffer {
	top: 10%;
	bottom: 10%;
}

.box-bottom {
  bottom: 120px; }

.box-bottom-low {
  bottom: 120px; 
  }
  
.box-bottom-not-as-low {
	bottom: 0px;	
	border: gray 3px solid;
}

@media (min-height: 640px) {
  .box-bottom {
    bottom: 200px; }

  .box-bottom-low {
    bottom: 140px; } }
@media (min-height: 960px) {
  .box-bottom {
    bottom: 250px; } }
a {
  color: #fff;
  text-decoration: none; }

.white {
  color: #fff; }

.bg-white {
  background-color: #fff; }

.bg-black {
  background-color: #000; }

.dark-green {
  color: #FF961D; }

.bg-dynamic, .bg-dynamic-a {
  transition: background-color 0.3s linear; }

.bg-cover {
  background-size: cover;
  background-position: center; }
 
  
.bg-cover-top-center {
  background-size: cover;
  background-position: top center; 
}

.bg-cover-top {
  background-position: top center; }

.bg-cover-bottom {
  background-position: bottom center; }

.green1 .bg-dynamic {
  background-color: #FFFD2E; }
.green1 .bg-dynamic-a {
  background-color: rgba(255, 253, 46, 0.75); }

.link-green1 {
  color: #777; }
  .link-green1:hover {
    color: #FFFD2E; }

.green2 .bg-dynamic {
  background-color: #E8BC07; }
.green2 .bg-dynamic-a {
  background-color: rgba(232, 188, 7, 0.75); }

.link-green2 {
  color: #777; }
  .link-green2:hover {
    color: #E8BC07; }

.green3 .bg-dynamic {
  background-color: #FFA30D; }
.green3 .bg-dynamic-a {
  background-color: rgba(255, 163, 13, 0.75); }

.link-green3 {
  color: #777; }
  .link-green3:hover {
    color: #FFA30D; }

.green4 .bg-dynamic {
  background-color: #E87F42; }
.green4 .bg-dynamic-a {
  background-color: rgba(232, 127, 66, 0.75); }

.link-green4 {
  color: #777; }
  .link-green4:hover {
    color: #E87F42; }

.green5 .bg-dynamic {
  background-color: #FF1800; }
.green5 .bg-dynamic-a {
  background-color: rgba(255, 24, 0, 0.75); }

.link-green5 {
  color: #777; }
  .link-green5:hover {
    color: #FF1800; }

.green6 .bg-dynamic {
  background-color: #B27005; }
.green6 .bg-dynamic-a {
  background-color: rgba(178, 112, 5, 0.75); }

.link-green6 {
  color: #777; }
  .link-green6:hover {
    color: #B27005; }

.green7 .bg-dynamic {
  background-color: #FFAC27; }
.green7 .bg-dynamic-a {
  background-color: rgba(255, 172, 39, 0.75); }

.link-green7 {
  color: #777; }
  .link-green7:hover {
    color: #FFAC27; }

.green8 .bg-dynamic {
  background-color: #005EB2; }
.green8 .bg-dynamic-a {
  background-color: rgba(0, 94, 178, 0.75); }

.link-green8 {
  color: #777; }
  .link-green8:hover {
    color: #005EB2; }

.green9 .bg-dynamic {
  background-color: #0D8CFF; }
.green9 .bg-dynamic-a {
  background-color: rgba(13, 140, 255, 0.75); }

.link-green9 {
  color: #777; }
  .link-green9:hover {
    color: #0D8CFF; }

.green10 .bg-dynamic {
  background-color: #4df6a7; }
.green10 .bg-dynamic-a {
  background-color: rgba(77, 246, 167, 0.75); }

.link-green10 {
  color: #777; }
  .link-green10:hover {
    color: #4df6a7; }

.green11 .bg-dynamic {
  background-color: #49f8ae; }
.green11 .bg-dynamic-a {
  background-color: rgba(73, 248, 174, 0.75); }

.link-green11 {
  color: #777; }
  .link-green11:hover {
    color: #49f8ae; }

.green12 .bg-dynamic {

/*   background-color: #FFCC02;  */
/* changing the bg color (which doesn't render in most cases I think) for accessibility testing */

background-color: black;

  }
.green12 .bg-dynamic-a {
 background-color: black;

/*   background-color: rgba(255, 204, 2, 0.75);  */
  
  }

.link-green12 {
  color: #777; }
  .link-green12:hover {
    color: #FFCC02; }

.green13 .bg-dynamic {
  background-color: #FF961D; }
.green13 .bg-dynamic-a {
  background-color: rgba(255, 150, 29, 0.75); }

.link-green13 {
  color: #777; }
  .link-green13:hover {
    color: #FF961D; }

.green14 .bg-dynamic {
  background-color: #FF951C; }
.green14 .bg-dynamic-a {
  background-color: rgba(255, 149, 28, 0.75); }

.link-green14 {
  color: #777; }
  .link-green14:hover {
    color: #FF951C; }

.green15 .bg-dynamic {
  background-color: #33fcc2; }
.green15 .bg-dynamic-a {
  background-color: rgba(51, 252, 194, 0.75); }

.link-green15 {
  color: #777; }
  .link-green15:hover {
    color: #33fcc2; }

.green16 .bg-dynamic {
  background-color: #29fac2; }
.green16 .bg-dynamic-a {
  background-color: rgba(41, 250, 194, 0.75); }

.link-green16 {
  color: #777; }
  .link-green16:hover {
    color: #29fac2; }

.green17 .bg-dynamic {
  background-color: #1ff8c3; }
.green17 .bg-dynamic-a {
  background-color: rgba(31, 248, 195, 0.75); }

.link-green17 {
  color: #777; }
  .link-green17:hover {
    color: #1ff8c3; }

.green18 .bg-dynamic {
  background-color: #15f6c3; }
.green18 .bg-dynamic-a {
  background-color: rgba(21, 246, 195, 0.75); }

.link-green18 {
  color: #777; }
  .link-green18:hover {
    color: #15f6c3; }

.green19 .bg-dynamic {
  background-color: #00f3c3; }
.green19 .bg-dynamic-a {
  background-color: rgba(0, 243, 195, 0.75); }

.link-green19 {
  color: #777; }
  .link-green19:hover {
    color: #00f3c3; }

.green20 .bg-dynamic {
  background-color: #00f0c1; }
.green20 .bg-dynamic-a {
  background-color: rgba(0, 240, 193, 0.75); }

.link-green20 {
  color: #777; }
  .link-green20:hover {
    color: #00f0c1; }

.green21 .bg-dynamic {
  background-color: #00edbf; }
.green21 .bg-dynamic-a {
  background-color: rgba(0, 237, 191, 0.75); }

.link-green21 {
  color: #777; }
  .link-green21:hover {
    color: #00edbf; }

.green22 .bg-dynamic {
  background-color: #00eabd; }
.green22 .bg-dynamic-a {
  background-color: rgba(0, 234, 189, 0.75); }

.link-green22 {
  color: #777; }
  .link-green22:hover {
    color: #00eabd; }

.green23 .bg-dynamic {
  background-color: #00e8bb; }
.green23 .bg-dynamic-a {
  background-color: rgba(0, 232, 187, 0.75); }

.link-green23 {
  color: #777; }
  .link-green23:hover {
    color: #00e8bb; }

.green24 .bg-dynamic {
  background-color: #00e5b9; }
.green24 .bg-dynamic-a {
  background-color: rgba(0, 229, 185, 0.75); }

.link-green24 {
  color: #777; }
  .link-green24:hover {
    color: #00e5b9; }

.green25 .bg-dynamic {
  background-color: #00e3b7; }
.green25 .bg-dynamic-a {
  background-color: rgba(0, 227, 183, 0.75); }

.link-green25 {
  color: #777; }
  .link-green25:hover {
    color: #00e3b7; }

.green26 .bg-dynamic {
  background-color: #01e1b5; }
.green26 .bg-dynamic-a {
  background-color: rgba(1, 225, 181, 0.75); }

.link-green26 {
  color: #777; }
  .link-green26:hover {
    color: #01e1b5; }

.green27 .bg-dynamic {
  background-color: #01deb3; }
.green27 .bg-dynamic-a {
  background-color: rgba(1, 222, 179, 0.75); }

.link-green27 {
  color: #777; }
  .link-green27:hover {
    color: #01deb3; }

.green28 .bg-dynamic {
  background-color: #02dbb2; }
.green28 .bg-dynamic-a {
  background-color: rgba(2, 219, 178, 0.75); }

.link-green28 {
  color: #777; }
  .link-green28:hover {
    color: #02dbb2; }

.green29 .bg-dynamic {
  background-color: #03d6ae; }
.green29 .bg-dynamic-a {
  background-color: rgba(3, 214, 174, 0.75); }

.link-green29 {
  color: #777; }
  .link-green29:hover {
    color: #03d6ae; }

.green30 .bg-dynamic {
  background-color: #03d3ab; }
.green30 .bg-dynamic-a {
  background-color: rgba(3, 211, 171, 0.75); }

.link-green30 {
  color: #777; }
  .link-green30:hover {
    color: #03d3ab; }

.green31 .bg-dynamic {
  background-color: #fab341; }
.green31 .bg-dynamic-a {
/*  background-color: rgba(250, 179, 65, 0.75); */
/* changed bg color (which should never be visible) to black for accessibility reasons) */
background-color: black;
}

.link-green31 {
  color: #777; }
  .link-green31:hover {
    color: #fab341; }

.green32 .bg-dynamic {
/*   background-color: #FFCC02; */
/* changing the bg color (which doesn't render in most cases I think) for accessibility testing */
background-color: black;

   }
.green32 .bg-dynamic-a {
  background-color: rgba(255, 204, 2, 0.75); }

.link-green32 {
  color: #777; }
  .link-green32:hover {
    color: #FFCC02; }

@-webkit-keyframes fill-color-fade {
  0% {
    fill: #49f8ae; }
  50% {
    fill: #02dbb2; }
  100% {
    fill: #49f8ae; } }
@-moz-keyframes fill-color-fade {
  0% {
    fill: #49f8ae; }
  50% {
    fill: #02dbb2; }
  100% {
    fill: #49f8ae; } }
@-ms-keyframes fill-color-fade {
  0% {
    fill: #49f8ae; }
  50% {
    fill: #02dbb2; }
  100% {
    fill: #49f8ae; } }
@keyframes fill-color-fade {
  0% {
    fill: #49f8ae; }
  50% {
    fill: #02dbb2; }
  100% {
    fill: #49f8ae; } }
.fill-thirteen {
  fill: #49f8ae;
  -webkit-transition: fill;
  -moz-transition: fill;
  transition: fill;
  -webkit-animation: fill-color-fade 5s linear infinite;
  -moz-animation: fill-color-fade 5s linear infinite;
  animation: fill-color-fade 5s linear infinite; }

.input {
  box-sizing: border-box;
  padding: .25rem .75rem;
  height: 30px;
  line-height: 30px;
  border-radius: .25rem;
  border: none; }
  .input:focus {
    outline: none; }

@-webkit-keyframes fade-in {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: .6; }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-moz-keyframes fade-in {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: .6; }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-ms-keyframes fade-in {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: .6; }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes fade-in {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: .6; }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.fade-in {
  -webkit-animation: fade-in 0.8s ease;
  -moz-animation: fade-in 0.8s ease;
  animation: fade-in 0.8s ease; }

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