input[class*="button"], button[class*="button"] { display: inline-block; line-height: 1em!important; padding: 0.53em 1em 0.47em 1em!important; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0.8))); background: -webkit-linear-gradient(rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.8) 100%); background: -moz-linear-gradient(rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.8) 100%); background: -o-linear-gradient(rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.8) 100%); background: linear-gradient(rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.8) 100%); -webkit-border-radius: 1em !important; -moz-border-radius: 1em !important; -ms-border-radius: 1em !important; -o-border-radius: 1em !important; border-radius: 1em !important; }
input[class*="button"]:hover, input[class*="button"]:active, button[class*="button"]:hover, button[class*="button"]:active { background: #344b75; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 119, 198, 0.9)), color-stop(60%, rgba(0, 119, 198, 0.8))); background: -webkit-linear-gradient(rgba(0, 119, 198, 0.9) 0%, rgba(0, 119, 198, 0.8) 60%); background: -moz-linear-gradient(rgba(0, 119, 198, 0.9) 0%, rgba(0, 119, 198, 0.8) 60%); background: -o-linear-gradient(rgba(0, 119, 198, 0.9) 0%, rgba(0, 119, 198, 0.8) 60%); background: linear-gradient(rgba(0, 119, 198, 0.9) 0%, rgba(0, 119, 198, 0.8) 60%); border-color: #0077c6; }

*[class*="button"] { position: relative; overflow: hidden; border: 1px solid #0077c6; color: #0077c6; text-decoration: none!important; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; padding: 0.53em 1em 0.47em 1em; margin-bottom: 20px; margin-bottom: 1.25rem; margin-right: 1em; display: block; display: inline-block; font-weight: 400; letter-spacing: 0.07em; font-size: 100%; line-height: 1em; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; white-space: nowrap; z-index: 10; }
*[class*="button"]:hover, *[class*="button"]:active { background: #344b75; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 119, 198, 0.9)), color-stop(60%, rgba(0, 119, 198, 0.8))); background: -webkit-linear-gradient(rgba(0, 119, 198, 0.9) 0%, rgba(0, 119, 198, 0.8) 60%);border-color: #0077c6; text-decoration: none; color: white; cursor: pointer; }
*[class*="button"][class*="small"] { font-size: .8em; font-weight: 500; padding: 0.34em 0.6em 0.24em 0.6em; margin-bottom: 0; margin-right: 10px; margin-top: 2px; min-width: 60px; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-transform: translateY(0.3em); -moz-transform: translateY(0.3em); -ms-transform: translateY(0.3em); -o-transform: translateY(0.3em); transform: translateY(0.3em); }
*[class*="button"][class*="large"] { border-width: 2px; font-size: 126%; font-weight: 400; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-right: 0px; }
*[class*="button"][class*="small"][class*="block"] { display: block; margin-bottom: .5rem; }
*[class*="button"][class*="blue"] { color: #FFF; font-weight: 400; border: none; background: #37aee3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a9e0), color-stop(100%, #37aee3)); background: -webkit-linear-gradient(#00a9e0, #37aee3); background: -moz-linear-gradient(#00a9e0, #37aee3); background: -o-linear-gradient(#00a9e0, #37aee3); background: linear-gradient(#00a9e0, #37aee3); }
*[class*="button"][class*="blue"]:hover { color: #FFF; cursor: pointer; background: #0090d1; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0083cc), color-stop(100%, #0090d1)); background: -webkit-linear-gradient(#0083cc, #0090d1); background: -moz-linear-gradient(#0083cc, #0090d1); background: -o-linear-gradient(#0083cc, #0090d1); background: linear-gradient(#0083cc, #0090d1); }
*[class*="button"][class*="blue"]:active { background: #0083cc; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0077c6), color-stop(100%, #0083cc)); background: -webkit-linear-gradient(#0077c6, #0083cc); background: -moz-linear-gradient(#0077c6, #0083cc); background: -o-linear-gradient(#0077c6, #0083cc); background: linear-gradient(#0077c6, #0083cc); }
*[class*="button"][class*="orange"] { color: #FFF; font-weight: 400; border: none; background: #fb9530; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f96d3c), color-stop(100%, #fb9530)); background: -webkit-linear-gradient(#f96d3c, #fb9530); background: -moz-linear-gradient(#f96d3c, #fb9530); background: -o-linear-gradient(#f96d3c, #fb9530); background: linear-gradient(#f96d3c, #fb9530); }
*[class*="button"][class*="orange"]:hover { color: #FFF; cursor: pointer; background: #f96d3c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d84e29), color-stop(100%, #f96d3c)); background: -webkit-linear-gradient(#d84e29, #f96d3c); background: -moz-linear-gradient(#d84e29, #f96d3c); background: -o-linear-gradient(#d84e29, #f96d3c); background: linear-gradient(#d84e29, #f96d3c); }
*[class*="button"][class*="orange"]:active { background: #f96d3c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c03400), color-stop(100%, #f96d3c)); background: -webkit-linear-gradient(#c03400, #f96d3c); background: -moz-linear-gradient(#c03400, #f96d3c); background: -o-linear-gradient(#c03400, #f96d3c); background: linear-gradient(#c03400, #f96d3c); }
*[class*="button"][class*="redb"] { color: #FFF; font-weight: 400; border: none; background: #d33a3a; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b42828), color-stop(100%, #d33a3a)); background: -webkit-linear-gradient(#b42828, #d33a3a); background: -moz-linear-gradient(#b42828, #d33a3a); background: -o-linear-gradient(#b42828, #d33a3a); background: linear-gradient(#b42828, #d33a3a); }
*[class*="button"][class*="redb"]:hover { color: #FFF; cursor: pointer; background: #f96d3c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d84e29), color-stop(100%, #f96d3c)); background: -webkit-linear-gradient(#d84e29, #f96d3c); background: -moz-linear-gradient(#d84e29, #f96d3c); background: -o-linear-gradient(#d84e29, #f96d3c); background: linear-gradient(#d84e29, #f96d3c); }
*[class*="button"][class*="redb"]:active { background: #f96d3c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c03400), color-stop(100%, #f96d3c)); background: -webkit-linear-gradient(#c03400, #f96d3c); background: -moz-linear-gradient(#c03400, #f96d3c); background: -o-linear-gradient(#c03400, #f96d3c); background: linear-gradient(#c03400, #f96d3c); }
*[class*="button"][class*="white"] { color: #002f5f; font-weight: 400; border: 2px solid #FFF; background: #FFF; }
*[class*="button"][class*="white"]:hover { color: #002f5f; cursor: pointer; border: 2px solid #002f5f; }
*[class*="button"][class*="border"] { color: #000; font-weight: 400; border: 1px solid #000; background: rgba(255, 255, 255, 0.2); }
*[class*="button"][class*="border"]:hover { color: #000; font-weight: 700; cursor: pointer; background: rgba(255, 255, 255, 0.5); }
*[class*="button"][class*="about"] { border: none; color: white; background: #002f5f; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-align: left; padding: 0 1em 0 0; height: 2.5em; background-size: 200% 2em; background-position: right center; line-height: 2.5em; vertical-align: middle!important; display: inline-block; border: 0px; font-weight: 300; background-image: -webkit-linear-gradient(-63deg, #002f5f 65%, #0073b2 75%); background-image: -moz-linear-gradient(-63deg, #002f5f 65%, #0073b2 75%); background-image: -o-linear-gradient(-63deg, #002f5f 65%, #0073b2 75%); background-image: linear-gradient(-63deg, #002f5f 65%, #0073b2 75%); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*[class*="button"][class*="about"] span { position: relative; font-weight: 400; line-height: 2.5em; height: 2.5em; padding: 0 1.8em 0 1em; margin-right: .5em; display: block; width: auto; float: left; background-image: -webkit-linear-gradient(-63deg, transparent 17%, #00a9e0 17%); background-image: -moz-linear-gradient(-63deg, transparent 17%, #00a9e0 17%); background-image: -o-linear-gradient(-63deg, transparent 17%, #00a9e0 17%); background-image: linear-gradient(-63deg, transparent 17%, #00a9e0 17%); overflow: hidden; }
*[class*="button"][class*="about"] span:after { width: 0; height: 0; border-style: solid; border-width: 60px 30px 0 0; border-color: #00a9e0 transparent transparent transparent; position: absolute; right: 0px; top: 0; content: ""; display: block; }
*[class*="button"][class*="about"]:hover, *[class*="button"][class*="about"]:active { background-color: #0077c6; background-image: -webkit-linear-gradient(-63deg, #002f5f 70%, #0073b2 75%); background-image: -moz-linear-gradient(-63deg, #002f5f 70%, #0073b2 75%); background-image: -o-linear-gradient(-63deg, #002f5f 70%, #0073b2 75%); background-image: linear-gradient(-63deg, #002f5f 70%, #0073b2 75%); background-size: 600% 2em; background-position: left center; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); text-shadow: 0 1px 2px #002f5f; }
*[class*="button"][class*="about"][class*="orange"] span { background-image: -webkit-linear-gradient(-63deg, transparent 17%, #f96d3c 17%); background-image: -moz-linear-gradient(-63deg, transparent 17%, #f96d3c 17%); background-image: -o-linear-gradient(-63deg, transparent 17%, #f96d3c 17%); background-image: linear-gradient(-63deg, transparent 17%, #f96d3c 17%); }
*[class*="button"][class*="about"][class*="orange"] span:after { border-color: #f96d3c transparent transparent transparent; }
*[class*="button"][class*="about"][class*="magenta"] span, *[class*="button"][class*="about"][class*="purple"] span { background-image: -webkit-linear-gradient(-63deg, transparent 17%, #952d98 17%); background-image: -moz-linear-gradient(-63deg, transparent 17%, #952d98 17%); background-image: -o-linear-gradient(-63deg, transparent 17%, #952d98 17%); background-image: linear-gradient(-63deg, transparent 17%, #952d98 17%); }
*[class*="button"][class*="about"][class*="magenta"] span:after, *[class*="button"][class*="about"][class*="purple"] span:after { border-color: #952d98 transparent transparent transparent; }
*[class*="button"][class*="about"][class*="green"] span { background-image: -webkit-linear-gradient(-63deg, transparent 17%, #69be28 17%); background-image: -moz-linear-gradient(-63deg, transparent 17%, #69be28 17%); background-image: -o-linear-gradient(-63deg, transparent 17%, #69be28 17%); background-image: linear-gradient(-63deg, transparent 17%, #69be28 17%); }
*[class*="button"][class*="about"][class*="green"] span:after { border-color: #69be28 transparent transparent transparent; }
*[class*="button"][class*="download"], *[class*="button"][class*="read"], *[class*="button"][class*="play"], *[class*="button"][class*="cartadd"], *[class*="button"][class*="signup"] { padding-left: 2.8em; text-align: left; }
*[class*="button"][class*="download"]:before, *[class*="button"][class*="read"]:before, *[class*="button"][class*="play"]:before, *[class*="button"][class*="cartadd"]:before, *[class*="button"][class*="signup"]:before { content: ""; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; position: absolute; left: 0.2em; top: 0; border-right: 1px dashed #0077c6; display: block; width: 2.1em; height: 2em; }
*[class*="button"][class*="download"][class*="large"]:before, *[class*="button"][class*="read"][class*="large"]:before, *[class*="button"][class*="play"][class*="large"]:before, *[class*="button"][class*="cartadd"][class*="large"]:before, *[class*="button"][class*="signup"][class*="large"]:before { border-right-width: 2px; border-right-style: dotted; }
*[class*="button"][class*="download"]:hover:before, *[class*="button"][class*="download"]:active:before, *[class*="button"][class*="download"][class*="blue"]:before, *[class*="button"][class*="download"][class*="orange"]:before, *[class*="button"][class*="read"]:hover:before, *[class*="button"][class*="read"]:active:before, *[class*="button"][class*="read"][class*="blue"]:before, *[class*="button"][class*="read"][class*="orange"]:before, *[class*="button"][class*="play"]:hover:before, *[class*="button"][class*="play"]:active:before, *[class*="button"][class*="play"][class*="blue"]:before, *[class*="button"][class*="play"][class*="orange"]:before, *[class*="button"][class*="cartadd"]:hover:before, *[class*="button"][class*="cartadd"]:active:before, *[class*="button"][class*="cartadd"][class*="blue"]:before, *[class*="button"][class*="cartadd"][class*="orange"]:before, *[class*="button"][class*="signup"]:hover:before, *[class*="button"][class*="signup"]:active:before, *[class*="button"][class*="signup"][class*="blue"]:before, *[class*="button"][class*="signup"][class*="orange"]:before { border-right-color: white; border-right-color: rgba(255, 255, 255, 0.3); }
*[class*="button"][class*="download"]:before { background: url(/images/graphics/download.svg) no-repeat center center; background-size: 1em 1em; }
*[class*="button"][class*="download"]:hover:before, *[class*="button"][class*="download"]:active:before, *[class*="button"][class*="download"][class*="blue"]:before, *[class*="button"][class*="download"][class*="orange"]:before { background: url(/images/graphics/download-white.svg) no-repeat center center; background-size: 1em 1em; }
*[class*="button"][class*="read"]:before { background: url(/images/graphics/book.svg) no-repeat center center; background-size: 1em 1em; }
*[class*="button"][class*="read"]:hover:before, *[class*="button"][class*="read"]:active:before, *[class*="button"][class*="read"][class*="blue"]:before, *[class*="button"][class*="read"][class*="orange"]:before { background: url(/images/graphics/book-white.svg) no-repeat center center; background-size: 1em 1em; }
*[class*="button"][class*="play"]:before { background: url(/images/icons/play.svg) no-repeat center center; background-size: 1em 1em; }
*[class*="button"][class*="play"]:hover:before, *[class*="button"][class*="play"]:active:before, *[class*="button"][class*="play"][class*="blue"]:before, *[class*="button"][class*="play"][class*="orange"]:before { background: url(/images/icons/play.svg) no-repeat center center; background-size: 1em 1em; }
*[class*="button"][class*="cartadd"]:before { background: url(/graphics/cart@2x.png) no-repeat center center; background-size: 1.2em 1em; }
*[class*="button"][class*="cartadd"]:hover:before, *[class*="button"][class*="cartadd"]:active:before, *[class*="button"][class*="cartadd"][class*="blue"]:before, *[class*="button"][class*="cartadd"][class*="orange"]:before { background: url(/graphics/cart@2x.png) no-repeat center center; background-size: 1.2em 1em; }
*[class*="button"][class*="signup"]:before { background: url(/images/icons/signup.svg) no-repeat center center; background-size: 1em 1em; }
*[class*="button"][class*="signup"]:hover:before, *[class*="button"][class*="signup"]:active:before, *[class*="button"][class*="signup"][class*="blue"]:before, *[class*="button"][class*="signup"][class*="orange"]:before { background: url(/images/icons/signup-white.svg) no-repeat center center; background-size: 1em 1em; }
*[class*="button"].centered { margin-left: auto; margin-right: auto; }

.centered[class*="button"] { margin-left: auto; margin-right: auto; }

.wistia_placebo_close_button, .wistia_placebo_close_button:hover { background: none!important; border: none!important; }

@media only screen and (min-width: 0px) and (max-width: 679px) { *[class*="button"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.47em 1em 0.53em 1em; margin-right: 0; font-size: 120%; whitespace: normal; }
  *[class*="button"][class*="small"] { font-size: 85%; width: auto; }
  *[class*="button"][class*="large"] { font-size: 140%; }
  *[class*="button"][class*="about"] { font-size: .9em; }
  *[class*="button"][class*="about"] span:after { border-width: 40px 20px 0 0; } }
*[class*="wistia"] *[class*="button"] { padding: 0!important; border: 0!important; border-radius: 0!important; }
*[class*="wistia"] *[class*="button"]:before, .wistia_embed *[class*="button"]:after { display: none; }