/** Shopify CDN: Minification failed

Line 309:2 Unexpected "0%"
Line 310:2 Unexpected "100%"
Line 326:2 Unexpected "0%"
Line 327:2 Unexpected "100%"

**/
/*************************************************** Custom Typography ***************************************************/
h1,h2,h3,h4,h5,h6,p.subtitle,.collection_title,.headline {font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;}
p {font-family: "adelle", Georgia, serif;}

/*************************************************** Home Page Slider ***************************************************/
/*div#homepage_slider {height: 400px;}*/
a.action_button {border-radius: 4px; border: 1px solid white; background: none; font-family: "proxima-nova-soft"; font-weight: 700; font-style: normal;}

/*************************************************** top nav ***************************************************/
ul.top_menu.search_nav li { vertical-align: top; }
ul li a.red { color: red !important; }

/*************************************************** Home Page Feature Blocks ***************************************************/
div.feature-section {background-color: #dedede; box-shadow: inset 0 -20px 10px -20px #000;}
div.feature-block {overflow: hidden; border-radius: 8px 8px 0px 0px; cursor: pointer;}
div.feature-block img {display:block;}
div.one-third.column div.feature-block div.feature-block-image {height: 250px; overflow: hidden;}
div.one-third.column:nth-child(1) div.feature-block div.feature-block-info {height: 140px; overflow:hidden; background-color: #00ab67; color:white; padding: 20px;}
div.one-third.column:nth-child(2) div.feature-block div.feature-block-info {height: 140px; overflow:hidden; background-color: #004990; color:white; padding: 20px;}
div.one-third.column:nth-child(3) div.feature-block div.feature-block-info {height: 140px; overflow:hidden; background-color: #ef3e33; color:white; padding: 20px;}
p.feature-block-title {font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 24px; line-height: 1.2em;}
p.feature-block-excerpt {font-family: "adelle", Georgia, serif; font-size: 22px;}
div.feature-block-info ul {font-family: "adelle", Georgia, serif; font-size: 18px; line-height: 1em; list-style: disc;}

/*************************************************** Home Product Blocks ***************************************************/
h2.product_header {font-weight: 700; font-style: normal; color: #004990; text-transform: none;}
div.product-block {border-radius: 8px; box-shadow: 0 0 2px 0 #ccc;}
div.product-block.four.columns.thumbnail { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #ccc;}
div.product-block.four.columns.thumbnail img {height: 125px;}
div.product-block.four.columns.thumbnail div.info, div.product-block.one-third.column.thumbnail div.info {background-color: #70ccd7; color: #004990; min-height: 100px; padding: 20px; text-align: left; font-size: 20px; font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
div.info span.title {font-weight: bold; margin-bottom: 5px;}
div.info span.price {color: #004990; font-weight: normal;}

/*************************************************** iPad Featurette Row ***************************************************/
div.homepage_content {background-color: #70ccd7;}
div.homepage_content div.container.featurette {padding-bottom: 0;}
div.homepage_content div.container.featurette h2 {color: black; font-weight: 700; font-style: normal; text-transform: none; font-size: 36px; margin-top: 30px; line-height: 1.2em;}
div.homepage_content div.container.featurette p {font-size: 20px; font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif; color: black;}
div.eight.columns.ipad_featurette { margin: 0; padding: 0; line-height: 0;}
div.cta.learnmore {display: inline-block; position: relative; top: -5px; margin-right: 20px; vertical-align: bottom;}
div.cta.appstore {display: inline-block; vertical-align: bottom;}

/*************************************************** hubspot blog iframe ***************************************************/
iframe#hubspot-blog {min-height: 600px; width: 100%;}

/*************************************************** Footer ***************************************************/
div.footer input[type="submit"] {border-radius: 4px; border: 1px solid white; background: none; font-family: "proxima-nova-soft";}
div.footer h6 {font-weight: 700; font-style: normal; font-size: 24px; color: white; text-transform: none;}
div.footer p {font-family: "proxima-nova-soft"; color: white; font-size: 14px;}

/*************************************************** Collection and Product Pages ***************************************************/

.thumbnail a {padding-bottom: 0px;}
div.sale_banner_wrapper { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; }
div.sale_banner { 
	font: bold 15px Sans-Serif;
 	text-align: center;
  	text-shadow: rgba(255,255,255,0.2) 0px 1px 0px;
  	-webkit-transform: rotate(45deg);
  	-moz-transform:    rotate(45deg);
  	-ms-transform:     rotate(45deg);
  	-o-transform:      rotate(45deg);
  	position: relative;
  	padding: 7px 0;
  	left: -5px;
  	top: 15px;
  	width: 120px;
  	background-color: #ef3e33;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#ef3e33), to(#f06eaa)); 
  	background-image: -webkit-linear-gradient(top, #f06eaa, #ef3e33); 
  	background-image:    -moz-linear-gradient(top, #f06eaa, #ef3e33); 
  	background-image:     -ms-linear-gradient(top, #f06eaa, #ef3e33); 
  	background-image:      -o-linear-gradient(top, #f06eaa, #ef3e33); 
  	color: #ffffff;
  	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
div.sale_banner:before, div.sale_banner:after {
  	content: "";
  	border-top:   3px solid #ef3e33;   
  	border-left:  3px solid transparent;
  	border-right: 3px solid transparent;
  	position:absolute;
  	bottom: -3px;
}
div.sale_banner:before {left: 0;}
div.sale_banner:after {right: 0;}
ul.blog_list li.active { border-right: 2px solid #004990; font-weight: bold; }
ul.blog_list li.active a { color: #004990; }

/**************************************** App Page Styles  *******************************************/
div.animating-container { height: 100%; }
div#app-page-content p { font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif; font-size: 1.2em;}
div#jumbotron { background: #888a8a url(/cdn/shop/files/stages-website-app-jumbotron.jpg?2237) no-repeat center center; background-size: cover; margin-bottom: 25px;}
div#jumbotron div#app-banner { padding-bottom: 0; }
img.bottom-align { vertical-align: bottom; }
div#app-banner-cta {padding-top: 200px;}
h1#featurette-header {color: white; position: relative; padding-left: 60px;}
h1#featurette-header:before {
  content: '';
  position: absolute;
  left: 0;
  width: 48px;
  height: 48px;
  background: url(/cdn/shop/files/app-icon.png?1536);
  background-size: 48px 48px;
}
img#jumbotron-app-store-badge {padding-left: 60px;}
div.blurbs { margin-bottom: 25px; }
p.list-header { border-bottom: 1px solid gray; }
ul.app-nav { list-style: none; margin: 0; padding: 0; font-size: 1.2em;}
li.nav-item { line-height: 18px; }
li.nav-item.active { font-weight: bold; font-weight: 700;  }
div.blurb { text-align: center; }
p.blurb { text-align: center; color: #004990;}
span.lead { font-weight: bold; }
div.blurb a.btn { 
  padding: 20px 10px; 
  color: white; 
  background-color: #004990; 
  border-radius: 4px; 
  margin: 10px auto; 
  display: block; 
  max-width: 220px; 
  font-weight: bold; 
  font-size: 1.1em;  
  -webkit-transition: .25s linear;
  -moz-transition: .25s linear;
  -o-transition: .25s linear;
  transition: .25s linear;
}
div.blurb a.btn:hover { padding: 20px 10px; color: #004990; background-color: #70ccd7; }
div.app-header { padding-top: 48px; padding-bottom: 48px; margin-bottom: 25px; }
div.app-header.blue { background: #004990; }
div.app-header h1 { color: white; text-align: center; }
div#activity-header { background-color: #f78f2a; margin-bottom: 25px; }
div#activity-thumbs { text-align: center; }
ul.activity-list { list-style: none; margin: 0; padding: 0; }
li.list-item { display: inline-block; margin: 0 5px; }
li.list-item h3 { max-width: 140px; text-align: center; color: #004990; font-weight: 700; vertical-align: middle; font-size: 1.2em; line-height: 1.4em; }
div.app-settings-screenshot { text-align: center; }
div#call-to-action-row { background-color: #70ccd7; }
div#call-to-action-row div.cta { text-align: center; }
div.cta h3 { font-weight: bold; font-weight: 700; color: #004990; text-align: center }
div.cta img.cta-icon { width: 50%; }
div#settings-header { background-color: #fff200; }
div#settings-header h1 { color: #7d328e; }
div.vid-container { position: relative; padding-bottom: 75%; padding-top: 35px; height: 0; overflow: hidden; }
div.vid-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div.reviews h1 {text-align: center;}
div.review-container {
  padding: 20px;
  background-color: #70ccd7;
  border-radius: 10px;
  border: 2px solid #888a8a;
  box-shadow: 0 0 3px #ccc;
}
div.review-container p.review-text {
  font-family: "Open Sans";
  font-style: italic;
  font-size: 1.6em;
  color: black;
}
div.review-container p.review-text:before {
  position: absolute;
  content: '“';
  font-size: 300px;
  margin-left: -50px;
  margin-top: 90px;
  color: black;
  opacity: .04;
  width: 100px;
  font-family: adelle;
}
div.review-container p.review-text:after {
  position: absolute;
  float: right;
  content: '”';
  font-size: 300px;
  color: black;
  margin-top: 100px;
  margin-left: -100px;
  opacity: .04;
  width: 100px;
  font-family: adelle;
}
div.review-container p.author {
  font-family: adelle;
  font-style: italic;
  text-align: right;
}

div#overview-header { background-color: #004990; }
div#getting-started-header { background-color: #00ab67; }
div#wordlist-header { background-color: #ef3e33; }

div#identical-jumbotron { background: url(/cdn/shop/files/identical-matching-jumbotron.jpg?2457) no-repeat center center; background-size: cover; margin-bottom: 25px; min-height: 300px; }
div#identical-jumbotron h1 { color: white; padding-top: 100px; padding-bottom: 50px;  }
div#videotut-header { background-color: #f78f2a; }
div#target-header { background-color: #004990; }


img.inline-image.left { float: left; margin: 10px 10px 10px 0; }
img.inline-image.right { float: right; margin: 10px 0 10px 10px; }

.animate {
  -webkit-transform-origin: center center;
}

.animate.off-screen-top {
  -webkit-transform: translateX(-150px);
  -moz-transform: translateX(-150px);
  -o-transform: translateX(-150px);
  -ms-transform: translateX(-150px);
  transform: translateX(-150px);

  -webkit-animation: FadeOut 1s;
  -moz-animation: FadeOut 1s;
  -o-animation: FadeOut 1s;
  animation: FadeOut 1s;
}

.animate.off-screen-bottom {
  -webkit-transform: translateX(150px);
  -moz-transform: translateX(150px);
  -o-transform: translateX(150px);
  -ms-transform: translateX(150px);
  transform: translateX(150px);

  -webkit-animation: FadeOut 1s;
  -moz-animation: FadeOut 1s;
  -o-animation: FadeOut 1s;
  animation: FadeOut 1s;
}

.come-in {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);

  -webkit-transition: -webkit-transform-transform 0.5s ease-out;
  -moz-transition: -moz-transform-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  -ms-transition: -ms-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;

  -webkit-animation: FadeIn 1s;
  -moz-animation: FadeIn 1s;
  -o-animation: FadeIn 1s;
  animation: FadeIn 1s;
}

.come-in:nth-child(odd)
 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.come-in:nth-child(even)
{
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.already-visible {
  -webkit-transform: translateX(150);
  -moz-transform: translateX(150);
  -o-transform: translateX(150);
  -ms-transform: translateX(150);
  transform: translateX(150);
  transition: none;

  -webkit-animation: FadeIn 1s;
  -moz-animation: FadeIn 1s;
  -o-animation: FadeIn 1s;
  animation: FadeIn 1s;
}

@-webkit-keyframes FadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes FadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes FadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
keyframes FadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; } 
}

@-webkit-keyframes FadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes FadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-o-keyframes FadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
keyframes FadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; } 
}

/*************************************************** Small Desktop Styles ***************************************************/
@media screen and (min-width: 769px ) and (max-width: 960px) {
  div#app-banner-cta {padding-top: 100px;}
}

/*************************************************** Tablet Styles ***************************************************/
@media screen and (min-width: 480px) and (max-width: 768px) {
	h4.toggle { cursor: pointer; }
	div.feature-block-info {margin-bottom: 20px;}
	div.feature-block-image img {width: 420px;}
  div#app-banner-cta {padding-top: 50px; padding-bottom: 50px;}
  img.bottom-align { display: none; visibility: hidden; }
}

/*************************************************** Mobile Phone Styles ***************************************************/
@media screen and (max-width: 479px) {
	h4.toggle { cursor: pointer; }
	div.feature-block-info {margin-bottom: 20px;}
	div.feature-block-image img {width: 420px;}
  div#app-banner-cta {padding-top: 50px; padding-bottom: 50px;}
  img.bottom-align { display: none; visibility: hidden; }
}