@charset "UTF-8";
/* 7e8dc1e57d5fd8f27198f19abd290251716bf7f4 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0
}

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

audio, canvas, progress, video {
   display: inline-block;
   vertical-align: baseline
}

   audio:not([controls]) {
      display: none;
      height: 0
   }

[hidden], template {
   display: none
}

a {
   background-color: transparent
}

   a:active, a:hover {
      outline: 0
   }

abbr[title] {
   border-bottom: 1px dotted
}

b, strong {
   font-weight: 700
}

dfn {
   font-style: italic
}

h1 {
   font-size: 2em;
   margin: .67em 0
}

mark {
   background: #ff0;
   color: #000
}

small {
   font-size: 80%
}

sub, sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sup {
   top: -.5em
}

sub {
   bottom: -.25em
}

img {
   border: 0
}

svg:not(:root) {
   overflow: hidden
}

figure {
   margin: 1em 40px
}

hr {
   box-sizing: content-box;
   height: 0
}

pre {
   overflow: auto
}

code, kbd, pre, samp {
   font-family: monospace,monospace;
   font-size: 1em
}

button, input, optgroup, select, textarea {
   color: inherit;
   font: inherit;
   margin: 0
}

button {
   overflow: visible
}

button, select {
   text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
   -webkit-appearance: button;
   cursor: pointer
}

   button[disabled], html input[disabled] {
      cursor: default
   }

   button::-moz-focus-inner, input::-moz-focus-inner {
      border: 0;
      padding: 0
   }

input {
   line-height: normal
}

   input[type=checkbox], input[type=radio] {
      box-sizing: border-box;
      padding: 0
   }

   input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
      height: auto
   }

   input[type=search] {
      -webkit-appearance: textfield;
      box-sizing: content-box
   }

      input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
         -webkit-appearance: none
      }

fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: .35em .625em .75em
}

legend {
   border: 0;
   padding: 0
}

textarea {
   overflow: auto
}

optgroup {
   font-weight: 700
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

td, th {
   padding: 0
}

.checkout-contact-subsection::after, .region .column-block-wrapper::after, .reseller-form .boolean-group::after, .reseller-form .input-group::after, .standard-form .boolean-group::after, .standard-form .input-group::after, .validation-form .boolean-group::after, .validation-form .input-group::after {
   clear: both;
   content: "";
   display: table
}

.mobile-cart-link span, .tsc-header .search label, .tsc-header .search-submit span, .tsc-header .supplemental-buttons .global-nav-link:not(.signin-link) span {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   border: 0;
   overflow: hidden;
   clip: rect(0,0,0,0)
}

.img-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%
}

:root {
   --tsc-focus-outline-color: #1a1a1a
}

html {
   height: 100%;
   box-sizing: border-box;
   font-size: 100%
}

*, :after, :before {
   box-sizing: inherit
}

body {
   position: relative;
   min-height: 100%;
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #333
}

.base1, .base2, .base3, .base4, .base5, .base6, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   line-height: 1.25;
   margin: 0 0 .5rem
}

.base1, .h1, h1 {
   font-weight: 700;
   letter-spacing: -.02em
}

.base2, .h2, h2 {
   font-weight: 700;
   letter-spacing: -.02em
}

.base3, .h3, h3 {
   font-weight: 700;
   letter-spacing: -.01em
}

.base4, .h4, h4 {
   font-weight: 700;
   letter-spacing: -.01em
}

.base5, .h5, h5 {
   font-weight: 700;
   letter-spacing: -.01em
}

.base6, .h6, h6 {
   font-weight: 700;
   letter-spacing: -.01em
}

.base1, .h-base1 h1, .h-base1 h2, .h-base1 h3, .h-base1 h4, .h-base1 h5, .h-base1 h6, .h1, h1 {
   font-size: 2rem
}

.base2, .h-base2 h1, .h-base2 h2, .h-base2 h3, .h-base2 h4, .h-base2 h5, .h-base2 h6, .h2, h2 {
   font-size: 1.5rem
}

.base3, .h-base3 h1, .h-base3 h2, .h-base3 h3, .h-base3 h4, .h-base3 h5, .h-base3 h6, .h3, h3 {
   font-size: 1.25rem
}

.base4, .h-base4 h1, .h-base4 h2, .h-base4 h3, .h-base4 h4, .h-base4 h5, .h-base4 h6, .h4, h4 {
   font-size: 1rem
}

.base5, .h-base5 h1, .h-base5 h2, .h-base5 h3, .h-base5 h4, .h-base5 h5, .h-base5 h6, .h5, h5 {
   font-size: 1rem
}

.base6, .h-base6 h1, .h-base6 h2, .h-base6 h3, .h-base6 h4, .h-base6 h5, .h-base6 h6, .h6, h6 {
   font-size: 1rem
}

@media screen and (min-width:26.875rem) and (max-width:60rem) {
   .base1, .h-base1 h1, .h-base1 h2, .h1, h1 {
      font-size: 1.875rem
   }

   .base2, .h-base2 h1, .h-base2 h2, .h2, h2 {
      font-size: 1.375rem
   }
}

@media screen and (max-width:26.875rem) {
   .base1, .h-base1 h1, .h-base1 h2, .h-base1 h3, .h-base1 h4, .h-base1 h5, .h-base1 h6, .h1, h1 {
      font-size: 1.75rem
   }

   .base2, .h-base2 h1, .h-base2 h2, .h-base2 h3, .h-base2 h4, .h-base2 h5, .h-base2 h6, .h2, h2 {
      font-size: 1.25rem
   }

   .base3, .h-base3 h1, .h-base3 h2, .h-base3 h3, .h-base3 h4, .h-base3 h5, .h-base3 h6, .h3, h3 {
      font-size: 1rem
   }

   .base4, .h-base4 h1, .h-base4 h2, .h-base4 h3, .h-base4 h4, .h-base4 h5, .h-base4 h6, .h4, h4 {
      font-size: .875rem
   }

   .base5, .h-base5 h1, .h-base5 h2, .h-base5 h3, .h-base5 h4, .h-base5 h5, .h-base5 h6, .h5, h5 {
      font-size: .875rem
   }

   .base6, .h-base6 h1, .h-base6 h2, .h-base6 h3, .h-base6 h4, .h-base6 h5, .h-base6 h6, .h6, h6 {
      font-size: .875rem
   }
}

.sg-2022 .base1, .sg-2022 .h-base1 h1, .sg-2022 .h-base1 h2, .sg-2022 .h-base1 h3, .sg-2022 .h-base1 h4, .sg-2022 .h-base1 h5, .sg-2022 .h-base1 h6, .sg-2022 .h1, .sg-2022 h1 {
   font-size: 4rem
}

.sg-2022 .base2, .sg-2022 .h-base2 h1, .sg-2022 .h-base2 h2, .sg-2022 .h-base2 h3, .sg-2022 .h-base2 h4, .sg-2022 .h-base2 h5, .sg-2022 .h-base2 h6, .sg-2022 .h2, .sg-2022 h2 {
   font-size: 3rem
}

.sg-2022 .base3, .sg-2022 .h-base3 h1, .sg-2022 .h-base3 h2, .sg-2022 .h-base3 h3, .sg-2022 .h-base3 h4, .sg-2022 .h-base3 h5, .sg-2022 .h-base3 h6, .sg-2022 .h3, .sg-2022 h3 {
   font-size: 2rem
}

.sg-2022 .base4, .sg-2022 .h-base4 h1, .sg-2022 .h-base4 h2, .sg-2022 .h-base4 h3, .sg-2022 .h-base4 h4, .sg-2022 .h-base4 h5, .sg-2022 .h-base4 h6, .sg-2022 .h4, .sg-2022 h4 {
   font-size: 1.5rem
}

.sg-2022 .base5, .sg-2022 .h-base5 h1, .sg-2022 .h-base5 h2, .sg-2022 .h-base5 h3, .sg-2022 .h-base5 h4, .sg-2022 .h-base5 h5, .sg-2022 .h-base5 h6, .sg-2022 .h5, .sg-2022 h5 {
   font-size: 1.25rem
}

.sg-2022 .base6, .sg-2022 .h-base6 h1, .sg-2022 .h-base6 h2, .sg-2022 .h-base6 h3, .sg-2022 .h-base6 h4, .sg-2022 .h-base6 h5, .sg-2022 .h-base6 h6, .sg-2022 .h6, .sg-2022 h6 {
   font-size: 1.125rem
}

@media screen and (min-width:26.875rem) and (max-width:60rem) {
   .sg-2022 .base1, .sg-2022 .h-base1 h1, .sg-2022 .h-base1 h2, .sg-2022 .h-base1 h3, .sg-2022 .h1, .sg-2022 h1 {
      font-size: 3.5rem
   }

   .sg-2022 .base2, .sg-2022 .h-base2 h1, .sg-2022 .h-base2 h2, .sg-2022 .h-base2 h3, .sg-2022 .h2, .sg-2022 h2 {
      font-size: 2.625rem
   }

   .sg-2022 .base3, .sg-2022 .h-base3 h1, .sg-2022 .h-base3 h2, .sg-2022 .h-base3 h3, .sg-2022 .h3, .sg-2022 h3 {
      font-size: 1.75rem
   }
}

@media screen and (max-width:26.875rem) {
   .sg-2022 .base1, .sg-2022 .h-base1 h1, .sg-2022 .h-base1 h2, .sg-2022 .h-base1 h3, .sg-2022 .h-base1 h4, .sg-2022 .h-base1 h5, .sg-2022 .h-base1 h6, .sg-2022 .h1, .sg-2022 h1 {
      font-size: 2rem
   }

   .sg-2022 .base2, .sg-2022 .h-base2 h1, .sg-2022 .h-base2 h2, .sg-2022 .h-base2 h3, .sg-2022 .h-base2 h4, .sg-2022 .h-base2 h5, .sg-2022 .h-base2 h6, .sg-2022 .h2, .sg-2022 h2 {
      font-size: 1.75rem
   }

   .sg-2022 .base3, .sg-2022 .h-base3 h1, .sg-2022 .h-base3 h2, .sg-2022 .h-base3 h3, .sg-2022 .h-base3 h4, .sg-2022 .h-base3 h5, .sg-2022 .h-base3 h6, .sg-2022 .h3, .sg-2022 h3 {
      font-size: 1.5rem
   }

   .sg-2022 .base4, .sg-2022 .h-base4 h1, .sg-2022 .h-base4 h2, .sg-2022 .h-base4 h3, .sg-2022 .h-base4 h4, .sg-2022 .h-base4 h5, .sg-2022 .h-base4 h6, .sg-2022 .h4, .sg-2022 h4 {
      font-size: 1.375rem
   }

   .sg-2022 .base5, .sg-2022 .h-base5 h1, .sg-2022 .h-base5 h2, .sg-2022 .h-base5 h3, .sg-2022 .h-base5 h4, .sg-2022 .h-base5 h5, .sg-2022 .h-base5 h6, .sg-2022 .h5, .sg-2022 h5 {
      font-size: 1.25rem
   }

   .sg-2022 .base6, .sg-2022 .h-base6 h1, .sg-2022 .h-base6 h2, .sg-2022 .h-base6 h3, .sg-2022 .h-base6 h4, .sg-2022 .h-base6 h5, .sg-2022 .h-base6 h6, .sg-2022 .h6, .sg-2022 h6 {
      font-size: 1.125rem
   }
}

.sg-2022 .h1, .sg-2022 .h2, .sg-2022 .h3, .sg-2022 .h4, .sg-2022 h1, .sg-2022 h2, .sg-2022 h3, .sg-2022 h4 {
   line-height: 1.125
}

.sg-2022 .h5, .sg-2022 .h6, .sg-2022 h5, .sg-2022 h6 {
   line-height: 1.5
}

p {
   margin: 0 0 1rem
}

.eyebrow, .leadin {
   font-size: 1.25rem
}

@media screen and (max-width:60rem) {
   .eyebrow, .leadin {
      font-size: 1.125rem
   }
}

.eyebrow {
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: .05em
}

.inflate {
   font-size: 1.25rem;
   margin-bottom: 1.25rem
}

   .inflate li.inflate, .inflate > li {
      font-size: 1.25rem;
      padding: 0 0 .5rem
   }

@media (max-width:60rem) {
   .tablet-base1, p.tablet-base1 {
      font-size: 1.875rem
   }

   .tablet-base2, p.tablet-base2 {
      font-size: 1.375rem
   }

   .tablet-base3, p.tablet-base3 {
      font-size: 1.25rem
   }

   .tablet-base4, p.tablet-base4 {
      font-size: 1rem
   }

   .tablet-base5, p.tablet-base5 {
      font-size: 1rem
   }

   .tablet-base6, p.tablet-base6 {
      font-size: 1rem
   }
}

@media (max-width:26.875rem) {
   .phone-base1, p.phone-base1 {
      font-size: 1.75rem
   }

   .phone-base2, p.phone-base2 {
      font-size: 1.25rem
   }

   .phone-base3, p.phone-base3 {
      font-size: 1rem
   }

   .phone-base4, p.phone-base4 {
      font-size: .875rem
   }

   .phone-base5, p.phone-base5 {
      font-size: .875rem
   }

   .phone-base6, p.phone-base6 {
      font-size: .875rem
   }
}

a {
   color: #0072cf;
   text-decoration: none
}

   a:active, a:hover {
      color: #ee9500;
      text-decoration: underline
   }

   a:focus {
      outline: .125rem dotted var(--tsc-focus-outline-color);
      outline-offset: 0.125rem
   }

ol, ul {
   margin: 0 1.25em;
   padding: 0
}

   ol.nav, ul.nav {
      margin: 0
   }

sup {
   top: -.75em;
   font-size: .5em
}

.content-container {
   max-width: 75em;
   margin-left: auto;
   margin-right: auto
}

   .content-container::after {
      clear: both;
      content: "";
      display: table
   }

.padded-container {
   max-width: 75em;
   padding-left: 1rem;
   padding-right: 1rem;
   margin-left: auto;
   margin-right: auto
}

html[lang=ja-JP] body {
   font-weight: 500;
   letter-spacing: .125rem
}

   html[lang=ja-JP] body h1, html[lang=ja-JP] body h2, html[lang=ja-JP] body h3, html[lang=ja-JP] body h4, html[lang=ja-JP] body h5, html[lang=ja-JP] body h6, html[lang=ja-JP] body input, html[lang=ja-JP] body ol, html[lang=ja-JP] body p, html[lang=ja-JP] body table, html[lang=ja-JP] body ul {
      line-height: 1.7
   }

   html[lang=ja-JP] body .sg-2022 .base1, html[lang=ja-JP] body .sg-2022 .h-base1 h1, html[lang=ja-JP] body .sg-2022 .h-base1 h2, html[lang=ja-JP] body .sg-2022 .h-base1 h3, html[lang=ja-JP] body .sg-2022 .h-base1 h4, html[lang=ja-JP] body .sg-2022 .h-base1 h5, html[lang=ja-JP] body .sg-2022 .h-base1 h6, html[lang=ja-JP] body .sg-2022 .h1, html[lang=ja-JP] body .sg-2022 h1 {
      font-size: 3.2rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base2, html[lang=ja-JP] body .sg-2022 .h-base2 h1, html[lang=ja-JP] body .sg-2022 .h-base2 h2, html[lang=ja-JP] body .sg-2022 .h-base2 h3, html[lang=ja-JP] body .sg-2022 .h-base2 h4, html[lang=ja-JP] body .sg-2022 .h-base2 h5, html[lang=ja-JP] body .sg-2022 .h-base2 h6, html[lang=ja-JP] body .sg-2022 .h2, html[lang=ja-JP] body .sg-2022 h2 {
      font-size: 2.4rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base3, html[lang=ja-JP] body .sg-2022 .h-base3 h1, html[lang=ja-JP] body .sg-2022 .h-base3 h2, html[lang=ja-JP] body .sg-2022 .h-base3 h3, html[lang=ja-JP] body .sg-2022 .h-base3 h4, html[lang=ja-JP] body .sg-2022 .h-base3 h5, html[lang=ja-JP] body .sg-2022 .h-base3 h6, html[lang=ja-JP] body .sg-2022 .h3, html[lang=ja-JP] body .sg-2022 h3 {
      font-size: 1.6rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base4, html[lang=ja-JP] body .sg-2022 .h-base4 h1, html[lang=ja-JP] body .sg-2022 .h-base4 h2, html[lang=ja-JP] body .sg-2022 .h-base4 h3, html[lang=ja-JP] body .sg-2022 .h-base4 h4, html[lang=ja-JP] body .sg-2022 .h-base4 h5, html[lang=ja-JP] body .sg-2022 .h-base4 h6, html[lang=ja-JP] body .sg-2022 .h4, html[lang=ja-JP] body .sg-2022 h4 {
      font-size: 1.2rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base5, html[lang=ja-JP] body .sg-2022 .h-base5 h1, html[lang=ja-JP] body .sg-2022 .h-base5 h2, html[lang=ja-JP] body .sg-2022 .h-base5 h3, html[lang=ja-JP] body .sg-2022 .h-base5 h4, html[lang=ja-JP] body .sg-2022 .h-base5 h5, html[lang=ja-JP] body .sg-2022 .h-base5 h6, html[lang=ja-JP] body .sg-2022 .h5, html[lang=ja-JP] body .sg-2022 h5 {
      font-size: 1rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base6, html[lang=ja-JP] body .sg-2022 .h-base6 h1, html[lang=ja-JP] body .sg-2022 .h-base6 h2, html[lang=ja-JP] body .sg-2022 .h-base6 h3, html[lang=ja-JP] body .sg-2022 .h-base6 h4, html[lang=ja-JP] body .sg-2022 .h-base6 h5, html[lang=ja-JP] body .sg-2022 .h-base6 h6, html[lang=ja-JP] body .sg-2022 .h6, html[lang=ja-JP] body .sg-2022 h6 {
      font-size: .9rem;
      letter-spacing: .0625rem
   }

@media screen and (min-width:26.875rem) and (max-width:60rem) {
   html[lang=ja-JP] body .sg-2022 .base1, html[lang=ja-JP] body .sg-2022 .h-base1 h1, html[lang=ja-JP] body .sg-2022 .h-base1 h2, html[lang=ja-JP] body .sg-2022 .h-base1 h3, html[lang=ja-JP] body .sg-2022 .h1, html[lang=ja-JP] body .sg-2022 h1 {
      font-size: 2.8rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base2, html[lang=ja-JP] body .sg-2022 .h-base2 h1, html[lang=ja-JP] body .sg-2022 .h-base2 h2, html[lang=ja-JP] body .sg-2022 .h-base2 h3, html[lang=ja-JP] body .sg-2022 .h2, html[lang=ja-JP] body .sg-2022 h2 {
      font-size: 2.1rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base3, html[lang=ja-JP] body .sg-2022 .h-base3 h1, html[lang=ja-JP] body .sg-2022 .h-base3 h2, html[lang=ja-JP] body .sg-2022 .h-base3 h3, html[lang=ja-JP] body .sg-2022 .h3, html[lang=ja-JP] body .sg-2022 h3 {
      font-size: 1.4rem;
      letter-spacing: .0625rem
   }
}

@media screen and (max-width:26.875rem) {
   html[lang=ja-JP] body .sg-2022 .base1, html[lang=ja-JP] body .sg-2022 .h-base1 h1, html[lang=ja-JP] body .sg-2022 .h-base1 h2, html[lang=ja-JP] body .sg-2022 .h-base1 h3, html[lang=ja-JP] body .sg-2022 .h-base1 h4, html[lang=ja-JP] body .sg-2022 .h-base1 h5, html[lang=ja-JP] body .sg-2022 .h-base1 h6, html[lang=ja-JP] body .sg-2022 .h1, html[lang=ja-JP] body .sg-2022 h1 {
      font-size: 1.6rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base2, html[lang=ja-JP] body .sg-2022 .h-base2 h1, html[lang=ja-JP] body .sg-2022 .h-base2 h2, html[lang=ja-JP] body .sg-2022 .h-base2 h3, html[lang=ja-JP] body .sg-2022 .h-base2 h4, html[lang=ja-JP] body .sg-2022 .h-base2 h5, html[lang=ja-JP] body .sg-2022 .h-base2 h6, html[lang=ja-JP] body .sg-2022 .h2, html[lang=ja-JP] body .sg-2022 h2 {
      font-size: 1.4rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base3, html[lang=ja-JP] body .sg-2022 .h-base3 h1, html[lang=ja-JP] body .sg-2022 .h-base3 h2, html[lang=ja-JP] body .sg-2022 .h-base3 h3, html[lang=ja-JP] body .sg-2022 .h-base3 h4, html[lang=ja-JP] body .sg-2022 .h-base3 h5, html[lang=ja-JP] body .sg-2022 .h-base3 h6, html[lang=ja-JP] body .sg-2022 .h3, html[lang=ja-JP] body .sg-2022 h3 {
      font-size: 1.2rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base4, html[lang=ja-JP] body .sg-2022 .h-base4 h1, html[lang=ja-JP] body .sg-2022 .h-base4 h2, html[lang=ja-JP] body .sg-2022 .h-base4 h3, html[lang=ja-JP] body .sg-2022 .h-base4 h4, html[lang=ja-JP] body .sg-2022 .h-base4 h5, html[lang=ja-JP] body .sg-2022 .h-base4 h6, html[lang=ja-JP] body .sg-2022 .h4, html[lang=ja-JP] body .sg-2022 h4 {
      font-size: 1.1rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base5, html[lang=ja-JP] body .sg-2022 .h-base5 h1, html[lang=ja-JP] body .sg-2022 .h-base5 h2, html[lang=ja-JP] body .sg-2022 .h-base5 h3, html[lang=ja-JP] body .sg-2022 .h-base5 h4, html[lang=ja-JP] body .sg-2022 .h-base5 h5, html[lang=ja-JP] body .sg-2022 .h-base5 h6, html[lang=ja-JP] body .sg-2022 .h5, html[lang=ja-JP] body .sg-2022 h5 {
      font-size: 1rem;
      letter-spacing: .0625rem
   }

   html[lang=ja-JP] body .sg-2022 .base6, html[lang=ja-JP] body .sg-2022 .h-base6 h1, html[lang=ja-JP] body .sg-2022 .h-base6 h2, html[lang=ja-JP] body .sg-2022 .h-base6 h3, html[lang=ja-JP] body .sg-2022 .h-base6 h4, html[lang=ja-JP] body .sg-2022 .h-base6 h5, html[lang=ja-JP] body .sg-2022 .h-base6 h6, html[lang=ja-JP] body .sg-2022 .h6, html[lang=ja-JP] body .sg-2022 h6 {
      font-size: .9rem;
      letter-spacing: .0625rem
   }
}

html[lang=ja-JP] body .sg-2022 .h1, html[lang=ja-JP] body .sg-2022 .h2, html[lang=ja-JP] body .sg-2022 .h3, html[lang=ja-JP] body .sg-2022 .h4, html[lang=ja-JP] body .sg-2022 h1, html[lang=ja-JP] body .sg-2022 h2, html[lang=ja-JP] body .sg-2022 h3, html[lang=ja-JP] body .sg-2022 h4 {
   line-height: 1.4
}

html[lang=ja-JP] body .sg-2022 .h5, html[lang=ja-JP] body .sg-2022 .h6, html[lang=ja-JP] body .sg-2022 h5, html[lang=ja-JP] body .sg-2022 h6 {
   line-height: 1.4
}

.clearfix:after, .clearfix:before {
   content: "";
   display: table
}

.clearfix:after {
   clear: both
}

.clr-both {
   clear: both
}

.clr-left {
   clear: left
}

.clr-right {
   clear: right
}

.pull-right {
   float: right
}

.pull-left {
   float: left
}

.hide {
   display: none
}

.inline-flex {
   display: inline-flex
}

.inline-block {
   display: inline-block
}

.hide-overflow {
   overflow: hidden
}

.display-flex {
   display: flex
}

@media (max-width:26.875rem) {
   .sm-hide {
      display: none
   }
}

@media not all and (max-width:26.875rem) {
   .sm-show {
      display: none
   }
}

@media (max-width:60rem) {
   .md-hide {
      display: none
   }
}

@media not all and (max-width:60rem) {
   .md-show {
      display: none
   }
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   margin: -1px !important;
   overflow: hidden !important;
   clip: rect(0,0,0,0) !important;
   white-space: nowrap !important;
   border: 0 !important
}

.vertical-align-top {
   vertical-align: top
}

.vertical-align-middle {
   vertical-align: middle
}

.vertical-align-text-bottom {
   vertical-align: text-bottom
}

.vertical-flex-center {
   display: flex;
   align-items: center
}

.vertical-flex-end {
   display: flex;
   align-items: flex-end
}

@media (max-width:45rem) {
   .vertical-flex-center, .vertical-flex-end {
      display: flex;
      align-items: stretch
   }
}

.vertical-align-bottom {
   vertical-align: bottom
}

.bottom-table-text {
   display: table-cell;
   vertical-align: bottom
}

.justify-content-center {
   justify-content: center
}

.justify-content-start {
   justify-content: flex-start
}

.justify-content-end {
   justify-content: flex-end
}

.text-align-center {
   text-align: center
}

.margin-top-n16 {
   margin-top: -1rem !important
}

.margin-bottom-n16 {
   margin-bottom: -1rem !important
}

.margin-top-16 {
   margin-top: 1rem !important
}

.margin-bottom-16 {
   margin-bottom: 1rem !important
}

.margin-top-32 {
   margin-top: 2rem !important
}

.margin-bottom-32 {
   margin-bottom: 2rem !important
}

.margin-top-auto {
   margin-top: auto !important
}

.margin-center {
   margin-left: auto !important;
   margin-right: auto !important
}

.padding-top-8 {
   padding-top: .5rem !important
}

.padding-top-16 {
   padding-top: 1rem !important
}

.padding-bottom-16 {
   padding-bottom: 1rem !important
}

.padding-width-16 {
   padding-left: 1rem !important;
   padding-right: 1rem !important
}

.padding-left-16 {
   padding-left: 1rem !important
}

.padding-right-16 {
   padding-right: 1rem !important
}

.padding-16 {
   padding: 1rem !important
}

.padding-top-32 {
   padding-top: 2rem !important
}

.padding-bottom-32 {
   padding-bottom: 2rem !important
}

.padding-width-32 {
   padding-left: 2rem !important;
   padding-right: 2rem !important
}

.inflate-16 {
   margin-left: -1rem !important;
   margin-right: -1rem !important;
   padding-left: 1rem !important;
   padding-right: 1rem !important
}

.width-100 {
   width: 100%
}

.height-100 {
   height: 100%
}

.center-box {
   display: inline-block;
   text-align: left
}

.max-780 {
   max-width: 48.75rem;
   margin-left: auto;
   margin-right: auto
}

.max-720 {
   max-width: 45rem;
   margin-left: auto;
   margin-right: auto
}

.max-660 {
   max-width: 41.25rem;
   margin-left: auto;
   margin-right: auto
}

.max-600 {
   max-width: 37.5rem;
   margin-left: auto;
   margin-right: auto
}

.img-fluid {
   max-width: 100%;
   height: auto
}

.img-wrapper {
   background-size: cover;
   z-index: -1
}

.img-wrapper-left-top {
   background-position: 0 0
}

.img-wrapper-left-middle {
   background-position: 0 50%
}

.img-wrapper-left-bottom {
   background-position: 0 100%
}

.img-wrapper-center-top {
   background-position: 50% 0
}

.img-wrapper-center-middle {
   background-position: 50% 50%
}

.img-wrapper-center-bottom {
   background-position: 50% 100%
}

.img-wrapper-right-top {
   background-position: 100% 0
}

.img-wrapper-right-middle {
   background-position: 100% 50%
}

.img-wrapper-right-bottom {
   background-position: 100% 100%
}

.no-bullets {
   list-style: none;
   margin: 0
}

.vertical-bars li + li {
   border-left-style: solid;
   border-left-width: 1px
}

.display-table {
   display: table
}

.display-table-row {
   display: table-row
}

.display-table-cell {
   display: table-cell
}

@media (min-width:60rem) {
   .display-md-table {
      display: table
   }

   .display-md-table-row {
      display: table-row
   }

   .display-md-table-cell {
      display: table-cell
   }
}

@media (min-width:75rem) {
   .display-xl-table {
      display: table
   }

   .display-xl-table-row {
      display: table-row
   }

   .display-xl-table-cell {
      display: table-cell
   }
}

.callout-arrow:before {
   content: "";
   border-bottom: 2rem solid #fff;
   border-right: 1rem solid #fff;
   position: absolute;
   bottom: 0;
   width: 50%;
   margin-left: -37.5rem
}

@media screen and (max-width:75em) {
   .callout-arrow:before {
      width: 1em;
      z-index: 999;
      margin-left: -1rem
   }
}

@media screen and (max-width:60rem) {
   .callout-arrow:before {
      top: 13.625rem
   }
}

@media screen and (max-width:37.5em) {
   .callout-arrow:before {
      top: 12.75rem
   }
}

.callout-arrow:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   margin-left: -36.5em;
   border-bottom: 2rem solid #fff;
   border-left: 3.46rem solid transparent;
   width: 100%
}

@media screen and (max-width:75em) {
   .callout-arrow:after {
      left: 1rem;
      margin-left: 0
   }
}

@media screen and (max-width:60rem) {
   .callout-arrow:after {
      top: 13.625rem;
      bottom: inherit
   }
}

@media screen and (max-width:37.5em) {
   .callout-arrow:after {
      border-left: 2.1rem solid transparent;
      border-bottom: 1.25rem solid #fff;
      top: 12.75rem
   }
}

.prominent {
   font-size: 3.5rem !important
}

@media screen and (max-width:60rem) {
   .prominent {
      font-size: 2.5rem !important
   }
}

.prominent-thin {
   font-size: 2.5rem !important;
   font-weight: 300 !important;
   letter-spacing: -3px
}

.big-underline {
   background-image: linear-gradient(#ffc82e,#ffc82e);
   background-size: 1px .3em;
   background-repeat: repeat-x;
   background-position: 0 90%
}

.primary-grey8 .big-underline, .primary-grey9 .big-underline, .sweet-success .big-underline {
   background-image: linear-gradient(#fff,#fff);
   background-size: 1px .3em;
   background-repeat: repeat-x;
   background-position: 0 90%
}

.highlight {
   display: inline-block;
   padding: .125rem .25em;
   padding: .125rem max(.5rem,.25em);
   color: #1a1a1a;
   background-color: #ffc82e;
   font-size: 1em;
   font-size: max(1.125rem, 1em);
   font-weight: 600;
   border-radius: .125em;
   text-shadow: none
}

.highlight-snagit {
   display: inline-block;
   padding: .125rem .25em;
   padding: .125rem max(.5rem,.25em);
   color: #fff;
   background-color: #087acb;
   font-size: 1em;
   font-size: max(1.125rem, 1em);
   font-weight: 600;
   border-radius: .125em;
   text-shadow: none
}

.highlight-camtasia {
   display: inline-block;
   padding: .125rem .25em;
   padding: .125rem max(.5rem,.25em);
   color: #333;
   background-color: #5cb20a;
   font-size: 1em;
   font-size: max(1.125rem, 1em);
   font-weight: 600;
   border-radius: .125em;
   text-shadow: none
}

.highlight-screencast {
   display: inline-block;
   padding: .125rem .25em;
   padding: .125rem max(.5rem,.25em);
   color: #fff;
   background-color: #ef8200;
   font-size: 1em;
   font-size: max(1.125rem, 1em);
   font-weight: 600;
   border-radius: .125em;
   text-shadow: none
}

.highlight-jing {
   display: inline-block;
   padding: .125rem .25em;
   padding: .125rem max(.5rem,.25em);
   color: #333;
   background-color: #ffc82e;
   font-size: 1em;
   font-size: max(1.125rem, 1em);
   font-weight: 600;
   border-radius: .125em;
   text-shadow: none
}

.highlight-fuse {
   display: inline-block;
   padding: .125rem .25em;
   padding: .125rem max(.5rem,.25em);
   color: #fff;
   background-color: #e63124;
   font-size: 1em;
   font-size: max(1.125rem, 1em);
   font-weight: 600;
   border-radius: .125em;
   text-shadow: none
}

.highlight-audiate {
   display: inline-block;
   padding: .125rem .25em;
   padding: .125rem max(.5rem,.25em);
   color: #fff;
   background-color: #9673ff;
   font-size: 1em;
   font-size: max(1.125rem, 1em);
   font-weight: 600;
   border-radius: .125em;
   text-shadow: none
}

.highlight-knowmia {
   display: inline-block;
   padding: .125rem .25em;
   padding: .125rem max(.5rem,.25em);
   color: #fff;
   background-color: #ee7e2a;
   font-size: 1em;
   font-size: max(1.125rem, 1em);
   font-weight: 600;
   border-radius: .125em;
   text-shadow: none
}

.arr-left, .arr-right {
   white-space: nowrap
}

   .arr-right:after {
      display: inline-block;
      margin-left: .5rem;
      vertical-align: bottom;
      content: "\e645"
   }

   .arr-left:before {
      display: inline-block;
      margin-right: .5rem;
      vertical-align: bottom;
      content: "\e644"
   }

.text-left {
   text-align: left !important
}

.text-center {
   text-align: center !important
}

   .text-center ol, .text-center ul {
      list-style-position: inside
   }

.text-right {
   text-align: right !important
}

   .text-right ol, .text-right ul {
      direction: rtl
   }

.text-bold {
   font-weight: 700
}

@media (min-width:60rem) {
   .text-md-left {
      text-align: left !important
   }

   .text-md-center {
      text-align: center !important
   }

   .text-md-right {
      text-align: right !important
   }
}

@media (min-width:75rem) {
   .text-xl-left {
      text-align: left !important
   }

   .text-xl-center {
      text-align: center !important
   }

   .text-xl-right {
      text-align: right !important
   }
}

[class*=" text-md-"] .pricing-container, [class*=" text-xl-"] .pricing-container, [class^=text-md-] .pricing-container, [class^=text-xl-] .pricing-container {
   width: initial;
   margin: 0
}

.text-center picture > img {
   display: block;
   margin-left: auto;
   margin-right: auto
}

.text-right picture > img {
   display: block;
   margin-left: auto
}

.text-nowrap {
   white-space: nowrap !important
}

.line-height-1-5 {
   line-height: 1.5 !important
}

.text-uppercase {
   text-transform: uppercase
}

.text-decoration-underline {
   text-decoration: underline
}

a.text-decoration-underline:active, a.text-decoration-underline:hover {
   text-decoration-style: dotted
}

.text-decoration-none {
   text-decoration: none !important
}

.proxima-nova-300, .proxima-nova-500, .proxima-nova-700 {
   font-family: "Proxima Nova",proxima-nova,Helvetica,Arial,sans-serif !important
}

.proxima-nova-700 {
   font-weight: 700 !important
}

.proxima-nova-500 {
   font-weight: 500 !important
}

.proxima-nova-300 {
   font-weight: 300 !important
}

.font-weight-normal {
   font-weight: 400 !important
}

.font-weight-200 {
   font-weight: 200 !important
}

.font-weight-300 {
   font-weight: 300 !important
}

.font-weight-500 {
   font-weight: 500 !important
}

.font-weight-600 {
   font-weight: 600 !important
}

.font-weight-700 {
   font-weight: 700 !important
}

.font-weight-900 {
   font-weight: 900 !important
}

.font-size-12 {
   font-size: .75rem !important
}

.font-size-14, .font-size-small {
   font-size: .875rem !important
}

.font-size-18 {
   font-size: 1.125rem !important
}

.font-size-20 {
   font-size: 1.25rem !important
}

.font-size-24 {
   font-size: 1.5rem !important
}

.font-size-28 {
   font-size: 1.75rem !important
}

.font-size-30 {
   font-size: 1.875rem !important
}

.font-size-36 {
   font-size: 2rem !important
}

@media (min-width:47.9475rem) {
   .font-size-36 {
      font-size: 2.25rem !important
   }
}

.font-size-40 {
   font-size: 2.125rem !important
}

@media (min-width:47.9475rem) {
   .font-size-40 {
      font-size: 2.5rem !important
   }
}

.font-size-44 {
   font-size: 2.375rem !important
}

@media (min-width:47.9475rem) {
   .font-size-44 {
      font-size: 2.75rem !important
   }
}

.font-size-56 {
   font-size: 2.75rem !important
}

@media (min-width:47.9475rem) {
   .font-size-56 {
      font-size: 3.5rem !important
   }
}

.font-size-68 {
   font-size: 3.125rem !important
}

@media (min-width:47.9475rem) {
   .font-size-68 {
      font-size: 4.25rem !important
   }
}

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

.text-jing {
   color: #ffc82e
}

a.text-jing {
   text-decoration: underline
}

   a.text-jing:hover {
      color: #ffc82e;
      text-decoration-style: dotted
   }

.text-fuse {
   color: #e63124
}

a.text-fuse {
   text-decoration: underline
}

   a.text-fuse:hover {
      color: #e63124;
      text-decoration-style: dotted
   }

.text-knowmia {
   color: #ee7e2a
}

a.text-knowmia {
   text-decoration: underline
}

   a.text-knowmia:hover {
      color: #ee7e2a;
      text-decoration-style: dotted
   }

.text-white {
   color: #fff
}

a.text-white {
   text-decoration: underline
}

   a.text-white:hover {
      color: #fff;
      text-decoration-style: dotted
   }

.text-dark {
   color: #333
}

a.text-dark {
   text-decoration: underline
}

   a.text-dark:hover {
      color: #333;
      text-decoration-style: dotted
   }

.text-muted {
   color: rgb(165.75,165.75,165.75)
}

a.text-muted {
   text-decoration: underline
}

   a.text-muted:hover {
      color: rgb(165.75,165.75,165.75);
      text-decoration-style: dotted
   }

.text-light {
   color: #fff
}

a.text-light {
   text-decoration: underline
}

   a.text-light:hover {
      color: #fff;
      text-decoration-style: dotted
   }

.text-sweet-success {
   color: #ffc82e
}

a.text-sweet-success {
   text-decoration: underline
}

   a.text-sweet-success:hover {
      color: #ffc82e;
      text-decoration-style: dotted
   }

.text-soft-black {
   color: #1a1a1a
}

a.text-soft-black {
   text-decoration: underline
}

   a.text-soft-black:hover {
      color: #1a1a1a;
      text-decoration-style: dotted
   }

.text-grey1 {
   color: #f8f8f8
}

.text-grey2 {
   color: #f2f2f2
}

.text-grey3 {
   color: #e6e6e6
}

.text-grey8 {
   color: #666
}

.text-grey9 {
   color: #444
}

.text-audiate-bright {
   color: #9673ff
}

a.text-audiate-bright {
   text-decoration: underline
}

   a.text-audiate-bright:hover {
      color: #9673ff;
      text-decoration-style: dotted
   }

.text-audiate {
   color: #bd24db
}

a.text-audiate {
   text-decoration: underline
}

   a.text-audiate:hover {
      color: #bd24db;
      text-decoration-style: dotted
   }

.text-audiate-dark {
   color: #392e73
}

a.text-audiate-dark {
   text-decoration: underline
}

   a.text-audiate-dark:hover {
      color: #392e73;
      text-decoration-style: dotted
   }

.text-camtasia-bright {
   color: #99e500
}

a.text-camtasia-bright {
   text-decoration: underline
}

   a.text-camtasia-bright:hover {
      color: #99e500;
      text-decoration-style: dotted
   }

.text-camtasia {
   color: #5cb20a
}

a.text-camtasia {
   text-decoration: underline
}

   a.text-camtasia:hover {
      color: #5cb20a;
      text-decoration-style: dotted
   }

.text-camtasia-dark {
   color: #3c7d00
}

a.text-camtasia-dark {
   text-decoration: underline
}

   a.text-camtasia-dark:hover {
      color: #3c7d00;
      text-decoration-style: dotted
   }

.text-camtasia-darker {
   color: #3c7d00
}

a.text-camtasia-darker {
   text-decoration: underline
}

   a.text-camtasia-darker:hover {
      color: #3c7d00;
      text-decoration-style: dotted
   }

.text-camtasia-dark-bg {
   color: #0a1119
}

a.text-camtasia-dark-bg {
   text-decoration: underline
}

   a.text-camtasia-dark-bg:hover {
      color: #0a1119;
      text-decoration-style: dotted
   }

.text-snagit-bright {
   color: #40c6ff
}

a.text-snagit-bright {
   text-decoration: underline
}

   a.text-snagit-bright:hover {
      color: #40c6ff;
      text-decoration-style: dotted
   }

.text-snagit {
   color: #087acb
}

a.text-snagit {
   text-decoration: underline
}

   a.text-snagit:hover {
      color: #087acb;
      text-decoration-style: dotted
   }

.text-snagit-dark {
   color: #004373
}

a.text-snagit-dark {
   text-decoration: underline
}

   a.text-snagit-dark:hover {
      color: #004373;
      text-decoration-style: dotted
   }

.text-snagit-accent {
   color: #e10992
}

a.text-snagit-accent {
   text-decoration: underline
}

   a.text-snagit-accent:hover {
      color: #e10992;
      text-decoration-style: dotted
   }

.text-screencast-bright {
   color: #fabf5a
}

a.text-screencast-bright {
   text-decoration: underline
}

   a.text-screencast-bright:hover {
      color: #fabf5a;
      text-decoration-style: dotted
   }

.text-screencast {
   color: #ef8200
}

a.text-screencast {
   text-decoration: underline
}

   a.text-screencast:hover {
      color: #ef8200;
      text-decoration-style: dotted
   }

.text-screencast-dark {
   color: #e08c00
}

a.text-screencast-dark {
   text-decoration: underline
}

   a.text-screencast-dark:hover {
      color: #e08c00;
      text-decoration-style: dotted
   }

.bg-grey1 {
   background-color: #f8f8f8
}

.bg-grey2 {
   background-color: #f2f2f2
}

.bg-grey3 {
   background-color: #e6e6e6
}

.bg-grey8 {
   background-color: #666
}

.bg-grey9 {
   background-color: #444
}

.bg-snagit {
   background-color: #448ccb
}

.bg-camtasia {
   background-color: #98c92d
}

.bg-screencast {
   background-color: #ef8200
}

.bg-jing {
   background-color: #ffc82e
}

.bg-fuse {
   background-color: #e63124
}

.bg-audiate {
   background-color: #bd24db
}

.bg-knowmia {
   background-color: #ee7e2a
}

.bg-sweet-success {
   background-color: #ffc82e
}

.bg-soft-black {
   background-color: #1a1a1a
}

.sweet-success {
   background-color: #ffc82e;
   color: #1a1a1a
}

   .sweet-success a:not(.btn) {
      color: #1a1a1a
   }

.soft-black {
   background-color: #1a1a1a;
   color: #fff
}

   .soft-black a:not(.btn) {
      color: #ffc82e
   }

   .soft-black .eyebrow {
      color: #ffc82e
   }

.audiate {
   background-color: #bd24db;
   color: #fff
}

   .audiate a:not(.btn) {
      color: #fff
   }

.screencast {
   background-color: #ef8200;
   color: #fff
}

   .screencast a:not(.btn) {
      color: #fff
   }

.snagit-blue {
   background-color: #448ccb;
   color: #fff
}

.snagit-blue-light {
   background-color: #d6e6f2
}

.snagit-blue-muted {
   background-color: #b9def5
}

.camtasia-grey-light {
   background-color: #a7b1b7
}

.camtasia-grey-dark {
   background-color: #45555a;
   color: #fff
}

.camtasia-grey-darker {
   background-color: #0a1119;
   color: #fff
}

.camtasia-black {
   background-color: #14181c;
   color: #fff
}

.camtasia-rev {
   color: rgba(255,255,255,.75);
   background-color: #0a1119
}

   .camtasia-rev .eyebrow {
      color: #99e500
   }

.knowmia-orange {
   background-color: #ee7e25;
   color: #fff;
   font-weight: 600
}

.primary-grey0 {
   background-color: #fff
}

.primary-grey1 {
   background-color: #f8f8f8
}

.primary-grey2 {
   background-color: #f2f2f2
}

.primary-grey3 {
   background-color: #e6e6e6
}

.primary-grey8 {
   background-color: #666;
   color: #fff
}

.primary-grey9 {
   background-color: #444;
   color: #fff
}

.video-review-light-grey {
   background-color: #e7e9ef
}

.video-review-dark-grey {
   background-color: #20232b;
   color: #fff
}

.video-review-black {
   background-color: #030303;
   color: #fff
}

.video-review-teal {
   background-color: #c4f0ee
}

.border-color-grey0 {
   border-color: #fff
}

.border-color-grey3 {
   border-color: #e6e6e6
}

.border-color-grey8 {
   border-color: #666
}

.border-color-grey9 {
   border-color: #444
}

.region.hr-light hr {
   border-color: #fff
}

.region.hr-dark hr {
   border-color: #444
}

.snagit1-bg {
   background-color: #00569b
}

.snagit2-bg {
   background-color: #3378af
}

.snagit3-bg {
   background-color: #669ac3
}

.snagit4-bg {
   background-color: #99bbd7
}

.camtasia1-bg {
   background-color: #5a8e22
}

.camtasia2-bg {
   background-color: #7ba54e
}

.camtasia3-bg {
   background-color: #9cbb7a
}

.camtasia4-bg {
   background-color: #bdd2a7
}

.snagit-blue-text {
   color: #448ccb
}

.btn {
   display: inline-block;
   margin: .5rem 0;
   padding: .328125rem .875rem;
   min-width: 7.5rem;
   vertical-align: middle;
   border: .125rem solid var(--btn-border-color,transparent);
   border-radius: 6rem;
   color: var(--btn-color,);
   background-color: var(--btn-bg-color,transparent);
   background-image: none;
   font-size: var(--btn-font-size, .875rem);
   font-weight: 600;
   line-height: 1.25;
   text-align: center;
   text-decoration: none;
   touch-action: manipulation;
   cursor: pointer;
   outline: 0;
   -webkit-tap-highlight-color: transparent
}

   .btn:active, .btn:focus, .btn:hover {
      text-decoration: none
   }

   .btn:active, .btn:focus {
      outline: .125rem dotted var(--tsc-focus-outline-color);
      outline-offset: 0.125rem
   }

   .btn:hover {
      color: var(--btn-color-hover,);
      background-color: var(--btn-bg-color-hover,);
      border-color: var(--btn-border-color-hover,var(--btn-border-color,))
   }

   .btn:focus {
      color: var(--btn-color-focus,);
      background-color: var(--btn-bg-color-focus,);
      border-color: var(--btn-border-color-focus,var(--btn-border-color,))
   }

   .btn:active {
      color: var(--btn-color-active,);
      background-color: var(--btn-bg-color-active,);
      border-color: var(--btn-border-color-active,var(--btn-border-color,))
   }

   .btn:disabled {
      color: #fff !important;
      background-color: #ccc !important;
      border-color: #ccc !important;
      outline-color: transparent !important
   }

   .btn + .btn {
      margin-left: .6875rem
   }

   .btn.skinny {
      min-width: unset
   }

   .btn.wide {
      width: 100%
   }

.btn-primary, .btn-screencast, .btn-screencast-primary, .btn-sweet-success {
   --btn-color: #1a1a1a;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: #ffc82e;
   --btn-bg-color-hover: #ffd257;
   --btn-bg-color-focus: #ffd257;
   --btn-bg-color-active: #ffc82e;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #ffc82e;
   --btn-border-color-hover: #ffd257;
   --btn-border-color-focus: #ffd257
}

.btn-secondary, .btn-soft-black {
   --btn-color: #fff;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #fff;
   --btn-bg-color: #1a1a1a;
   --btn-bg-color-hover: #364447;
   --btn-bg-color-focus: #364447;
   --btn-bg-color-active: #1a1a1a;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #1a1a1a;
   --btn-border-color-hover: #364447;
   --btn-border-color-focus: #364447
}

.btn-tertiary {
   --btn-color: #1a1a1a;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #1a1a1a;
   --btn-bg-color-focus: #1a1a1a;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #1a1a1a;
   --btn-border-color-hover: #1a1a1a;
   --btn-border-color-focus: #1a1a1a
}

.btn-link {
   --btn-color: #1a1a1a;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #1a1a1a;
   --btn-bg-color-focus: #1a1a1a;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: transparent;
   --btn-border-color-hover: #1a1a1a;
   --btn-border-color-focus: #1a1a1a
}

.btn-light, .btn-white {
   --btn-color: #1a1a1a;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: #fff;
   --btn-bg-color-hover: #f0f1f5;
   --btn-bg-color-focus: #f0f1f5;
   --btn-bg-color-active: #fff;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: #fff;
   --btn-border-color-hover: #f0f1f5;
   --btn-border-color-focus: #f0f1f5
}

.btn-audiate {
   --btn-color: #fff;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #fff;
   --btn-bg-color: #bd24db;
   --btn-bg-color-hover: #960fb0;
   --btn-bg-color-focus: #960fb0;
   --btn-bg-color-active: #bd24db;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #bd24db;
   --btn-border-color-hover: #960fb0;
   --btn-border-color-focus: #960fb0
}

.btn-camtasia, .btn-camtasia-primary, .btn-camtasia-rev, .btn-primary-camtasia, .btn-secondary-camtasia {
   --btn-color: #000;
   --btn-color-hover: #000;
   --btn-color-focus: #000;
   --btn-color-active: #000;
   --btn-bg-color: #99e500;
   --btn-bg-color-hover: #c3ff4a;
   --btn-bg-color-focus: #c3ff4a;
   --btn-bg-color-active: #99e500;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #99e500;
   --btn-border-color-hover: #c3ff4a;
   --btn-border-color-focus: #c3ff4a
}

.btn-primary-snagit, .btn-secondary-snagit, .btn-snagit, .btn-snagit-accent, .btn-snagit-primary {
   --btn-color: #fff;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #fff;
   --btn-bg-color: #e10992;
   --btn-bg-color-hover: #d5088a;
   --btn-bg-color-focus: #d5088a;
   --btn-bg-color-active: #e10992;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #e10992;
   --btn-border-color-hover: #d5088a;
   --btn-border-color-focus: #d5088a
}

.background-image-dark .btn, .background-image-dark .link-style, .camtasia .btn, .camtasia .link-style, .camtasia-grey-darker .btn, .camtasia-grey-darker .link-style, .soft-black .btn, .soft-black .link-style, .video-review-black .btn, .video-review-black .link-style {
   --tsc-focus-outline-color: #fff
}

.background-image-dark .btn-secondary, .background-image-dark .btn-soft-black, .camtasia .btn-secondary, .camtasia .btn-soft-black, .camtasia-grey-darker .btn-secondary, .camtasia-grey-darker .btn-soft-black, .soft-black .btn-secondary, .soft-black .btn-soft-black, .video-review-black .btn-secondary, .video-review-black .btn-soft-black {
   --btn-color: #1a1a1a;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: #fff;
   --btn-bg-color-hover: #f0f1f5;
   --btn-bg-color-focus: #f0f1f5;
   --btn-bg-color-active: #fff;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: #fff;
   --btn-border-color-hover: #f0f1f5;
   --btn-border-color-focus: #f0f1f5
}

.background-image-dark .btn-tertiary, .camtasia .btn-tertiary, .camtasia-grey-darker .btn-tertiary, .soft-black .btn-tertiary, .video-review-black .btn-tertiary {
   --btn-color: #fff;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #fff;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #fff;
   --btn-bg-color-focus: #fff;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: #fff;
   --btn-border-color-hover: #fff;
   --btn-border-color-focus: #fff
}

.background-image-dark .btn-link, .camtasia .btn-link, .camtasia-grey-darker .btn-link, .soft-black .btn-link, .video-review-black .btn-link {
   --btn-color: #fff;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #fff;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #fff;
   --btn-bg-color-focus: #fff;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: transparent;
   --btn-border-color-hover: #fff;
   --btn-border-color-focus: #fff
}

.hero-card-region.bg-transparent .card .btn-primary {
   --btn-color: #1a1a1a;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: #ffc82e;
   --btn-bg-color-hover: #ffd257;
   --btn-bg-color-focus: #ffd257;
   --btn-bg-color-active: #ffc82e;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #ffc82e;
   --btn-border-color-hover: #ffd257;
   --btn-border-color-focus: #ffd257
}

.hero-card-region.bg-transparent .card .btn-secondary {
   --btn-color: #fff;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #fff;
   --btn-bg-color: #1a1a1a;
   --btn-bg-color-hover: #364447;
   --btn-bg-color-focus: #364447;
   --btn-bg-color-active: #1a1a1a;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #1a1a1a;
   --btn-border-color-hover: #364447;
   --btn-border-color-focus: #364447
}

.hero-card-region.bg-transparent .card .btn-tertiary {
   --btn-color: #1a1a1a;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #1a1a1a;
   --btn-bg-color-focus: #1a1a1a;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #1a1a1a;
   --btn-border-color-hover: #1a1a1a;
   --btn-border-color-focus: #1a1a1a
}

.btn-lg {
   padding: .671875rem 1.5rem !important;
   min-width: 10rem;
   border-radius: 1.5rem;
   font-size: 1.125rem
}

.btn-big, .btn-big2, .btn-big3, .btn-big4, .btn-camtasia-primary, .btn-camtasia-rev, .btn-screencast-primary, .btn-snagit-primary {
   padding: .671875rem 1.5rem !important;
   min-width: 10rem;
   border-radius: 1.5rem;
   font-size: 1.125rem
}

.link-style {
   display: inline;
   color: #0072cf;
   padding: 0;
   border: 0;
   background-color: transparent;
   font-weight: 400;
   text-align: inherit;
   text-decoration: none;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: none
}

   .link-style:active, .link-style:hover {
      color: #ee9500;
      text-decoration: underline
   }

   .link-style:focus {
      outline: .125rem dotted var(--tsc-focus-outline-color,#1a1a1a);
      outline-offset: 0.125rem
   }

.btn-bar .link-wrapper ul li {
   float: left;
   margin: 1em 0
}

   .btn-bar .link-wrapper ul li + li {
      margin: 1em 0 1em .75em;
      padding-left: .75em;
      border-style: solid;
      border-width: 0 0 0 1px
   }

   .btn-bar .link-wrapper ul li a {
      display: block
   }

.link-wrapper li:last-of-type a:not(.btn):after {
   content: " \e645"
}

@font-face {
   font-family: tsc-glyphs;
   src: url("/fonts/tsc-glyphs.eot");
   src: url("/fonts/tsc-glyphs.eot?#iefix") format("embedded-opentype"),url("/fonts/tsc-glyphs.ttf") format("truetype"),url("/fonts/tsc-glyphs.woff") format("woff"),url("/fonts/tsc-glyphs.svg#tsc-glyphs") format("svg");
   font-weight: 400;
   font-style: normal
}

.arr-left:before, .arr-right:after, .checkout-step-checkmark:before, .glyph-list > li:before, .ls-close-button:before, .tsc-header .menu-trigger:before, .tsc-header .product .platform-icon, .tsc-header .search-cancel:before, .tsc-header .search-submit:before, .tsc-store .product-description-list ul.checkmark li::marker, .tsc-store .subscription-description-list ul.checkmark li::marker, .tsc-store-card-view .requirements .platform-icon, [class*=" glyph-"], [class^=glyph-] {
   font-family: tsc-glyphs;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.glyph-icon {
   display: inline-block;
   position: relative;
   top: 1px;
   line-height: 1
}

.glyph-icon-bg-circle {
   width: 2em;
   height: 2em;
   line-height: 2;
   border-radius: 50%;
   text-align: center
}

.glyph-list {
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   font-weight: 300;
   list-style: none !important;
   margin-bottom: 1rem
}

   .glyph-list:before {
      content: "" !important
   }

   .glyph-list > li:before {
      display: inline-block;
      width: 1em;
      line-height: 1;
      margin-right: .75em;
      vertical-align: middle;
      text-align: center
   }

   .glyph-list.snagit-theme > li:before {
      color: #448ccb
   }

   .glyph-list.camtasia-theme > li:before {
      color: #98c92d
   }

   .glyph-list.screencast-theme > li:before {
      color: #ef8200
   }

   .glyph-list.jing-theme > li:before {
      color: #ffc82e
   }

   .glyph-list.fuse-theme > li:before {
      color: #e63124
   }

   .glyph-list.audiate-theme > li:before {
      color: #bd24db
   }

   .glyph-list.knowmia-theme > li:before {
      color: #ee7e2a
   }

.glyph-checkmark:before, .glyph-checkmark > li:not([class*=glyph-]):before {
   content: "\e600"
}

.glyph-ios:before, .tsc-header .product .platform-icon.ios:before {
   content: "\e601"
}

.glyph-chrome:before, .tsc-header .product .platform-icon.chrome:before {
   content: "\e602"
}

.glyph-windows8:before, .tsc-header .product .platform-icon.win:before, .tsc-store-card-view .requirements .platform-icon.win:before {
   content: "\e603"
}

.glyph-android:before, .tsc-header .product .platform-icon.android:before {
   content: "\e604"
}

.glyph-apple:before, .tsc-header .product .platform-icon.mac:before, .tsc-store-card-view .requirements .platform-icon.mac:before {
   content: "\e605"
}

.glyph-tux:before {
   content: "\e606"
}

.glyph-twitter:before {
   content: "\e607"
}

.glyph-facebook2:before {
   content: "\e609"
}

.glyph-google-drive:before {
   content: "\e60b"
}

.glyph-google-plus2:before {
   content: "\e60c"
}

.glyph-google-plus:before {
   content: "\e60d"
}

.glyph-feed:before {
   content: "\e60e"
}

.glyph-youtube:before {
   content: "\e610"
}

.glyph-linkedin:before {
   content: "\e612"
}

.glyph-pinterest:before {
   content: "\e613"
}

.glyph-close:before {
   content: "\e615"
}

.glyph-exclamation:before {
   content: "\e61a"
}

.glyph-exclamation-sign:before {
   content: "\e61b"
}

.glyph-question:before {
   content: "\e61e"
}

.glyph-question-sign:before {
   content: "\e61f"
}

.glyph-info:before {
   content: "\e61c"
}

.glyph-info-sign:before {
   content: "\e61d"
}

.glyph-cart:before {
   content: "\e621"
}

.glyph-share:before {
   content: "\e622"
}

.glyph-search:before {
   content: "\e623"
}

.glyph-reorder:before {
   content: "\e624"
}

.glyph-globe:before {
   content: "\e625"
}

.glyph-envelope:before {
   content: "\e626"
}

.glyph-print:before {
   content: "\e627"
}

.glyph-word:before {
   content: "\e629"
}

.glyph-pdf:before {
   content: "\e62a"
}

.glyph-dat-face:before {
   content: "\e62b"
}

.glyph-speech-bubbles:before {
   content: "\e633"
}

.glyph-angle-up:before {
   content: "\e646"
}

.glyph-angle-down:before {
   content: "\e643"
}

.glyph-angle-left:before {
   content: "\e644"
}

.glyph-angle-right:before {
   content: "\e645"
}

.glyph-chevron-up:before {
   content: "\e640"
}

.glyph-chevron-down:before {
   content: "\e63f"
}

.glyph-chevron-left:before {
   content: "\e641"
}

.glyph-chevron-right:before {
   content: "\e642"
}

.glyph-upload-cloud:before {
   content: "\e63d"
}

.glyph-download-cloud:before {
   content: "\e63e"
}

.glyph-paypal:before {
   content: "\e658"
}

.glyph-gear:before {
   content: "\e659"
}

.glyph-history:before {
   content: "\e65a"
}

.glyph-usd:before {
   content: "\e65b"
}

.glyph-euro:before {
   content: "\e65c"
}

.glyph-gbp:before {
   content: "\e82b"
}

.glyph-yen:before {
   content: "\e65e"
}

.glyph-inr:before {
   content: "\e65f"
}

.glyph-try:before {
   content: "\e660"
}

.glyph-won:before {
   content: "\e661"
}

.glyph-btc:before {
   content: "\e662"
}

.glyph-exit:before {
   content: "\e663"
}

.glyph-waad:before {
   content: "\e664"
}

.glyph-envelope-outline:before {
   content: "\e665"
}

.glyph-smartphone-outline:before {
   content: "\e666"
}

.glyph-phone-outline:before {
   content: "\e667"
}

.glyph-fax:before {
   content: "\e668"
}

.glyph-creditcard:before {
   content: "\e669"
}

.glyph-bill:before {
   content: "\e66a"
}

.glyph-offices:before {
   content: "\e66b"
}

.glyph-house:before {
   content: "\e66c"
}

.glyph-admin:before {
   content: "\e66d"
}

.glyph-art:before {
   content: "\e66e"
}

.glyph-beaker:before {
   content: "\e66f"
}

.glyph-bullhorn-outline:before {
   content: "\e670"
}

.glyph-chart-up:before {
   content: "\e671"
}

.glyph-eq:before {
   content: "\e672"
}

.glyph-form:before {
   content: "\e673"
}

.glyph-gear-wrench:before {
   content: "\e674"
}

.glyph-headset:before {
   content: "\e675"
}

.glyph-laptop-bars:before {
   content: "\e676"
}

.glyph-magnify:before {
   content: "\e677"
}

.glyph-social:before {
   content: "\e678"
}

.glyph-steps:before {
   content: "\e679"
}

.glyph-eye-visible:before {
   content: "\e67a"
}

.glyph-eye-hidden:before {
   content: "\e67b"
}

.glyph-truck:before {
   content: "\e67c"
}

.glyph-mail:before {
   content: "\e67d"
}

.glyph-checkmark-thin:before {
   content: "\e67e"
}

.glyph-close-thin:before {
   content: "\e67f"
}

.glyph-pencil:before {
   content: "\e680"
}

.glyph-trash:before {
   content: "\e681"
}

.glyph-briefcase:before {
   content: "\e608"
}

.glyph-football-play:before {
   content: "\e60a"
}

.glyph-receipt:before {
   content: "\e60f"
}

.glyph-profile:before {
   content: "\e611"
}

.glyph-chat-bubble:before {
   content: "\e614"
}

.glyph-new-request:before {
   content: "\e616"
}

.glyph-view-requests:before {
   content: "\e617"
}

.glyph-community:before {
   content: "\e618"
}

.glyph-lookup-search:before {
   content: "\e620"
}

.glyph-account:before {
   content: "\e628"
}

.glyph-capture-record:before {
   content: "\e62c"
}

.glyph-fuse:before {
   content: "\e62e"
}

.glyph-screenchomp:before {
   content: "\e62f"
}

.glyph-knomia-teach:before {
   content: "\e630"
}

.glyph-content:before {
   content: "\e631"
}

.glyph-download:before {
   content: "\e632"
}

.glyph-upload:before {
   content: "\e634"
}

.glyph-edit:before {
   content: "\e635"
}

.glyph-install:before {
   content: "\e636"
}

.glyph-license:before {
   content: "\e637"
}

.glyph-mobile:before {
   content: "\e638"
}

.glyph-mouse:before {
   content: "\e639"
}

.glyph-playback:before {
   content: "\e63a"
}

.glyph-produce:before {
   content: "\e63b"
}

.glyph-share2:before {
   content: "\e63c"
}

.glyph-viewing:before {
   content: "\e647"
}

.glyph-circle-monitor:before {
   content: "\e648"
}

.glyph-circle-documentation:before {
   content: "\e649"
}

.glyph-circle-license-buying:before {
   content: "\e64a"
}

.glyph-thumbs-up:before {
   content: "\e619"
}

.glyph-thumbs-down:before {
   content: "\e64b"
}

.glyph-pin:before {
   content: "\e64c"
}

.glyph-warning:before {
   content: "\e64d"
}

.glyph-download-small:before {
   content: "\e64e"
}

.glyph-clipboard-copy:before {
   content: "\e64f"
}

.glyph-nav-phone:before {
   content: "\e650"
}

.glyph-nav-world:before {
   content: "\e651"
}

.glyph-nav-cart:before {
   content: "\e652";
   color: #000
}

.glyph-nav-profile:before {
   content: "\e653"
}

.tsc-header-wrapper {
   position: relative;
   background-color: #f4f5f7;
   clear: both
}

   .tsc-header-wrapper:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 11
   }

.tsc-header {
   max-width: 75em;
   padding: 0 1rem;
   margin: 0 auto
}

   .tsc-header .tsc-dropdown-menu-positioner {
      visibility: hidden;
      position: absolute;
      top: 100%;
      width: 25rem;
      right: 0
   }

      .tsc-header .tsc-dropdown-menu-positioner li a {
         display: inline-block;
         width: 100%
      }

      .tsc-header .tsc-dropdown-menu-positioner li i {
         padding: 0 .5rem 0 1.125rem;
         text-decoration: none
      }

   .tsc-header .global-nav-wrapper {
      display: flex
   }

   .tsc-header .logo-wrapper {
      position: relative;
      float: left;
      padding-right: 1rem;
      z-index: 11
   }

      .tsc-header .logo-wrapper:before {
         content: "";
         display: inline-block;
         vertical-align: middle;
         height: 3rem;
         line-height: 3
      }

   .tsc-header .logo {
      display: inline-block;
      color: #333;
      vertical-align: middle
   }

      .tsc-header .logo img {
         display: inline-block;
         width: 10rem;
         height: 1.6875rem;
         padding: .0625rem 0;
         vertical-align: middle
      }

   .tsc-header .svg-logo {
      display: inline-block;
      width: 10rem;
      height: 1.6875rem;
      padding: .125rem 0 .1875rem;
      vertical-align: middle;
      pointer-events: none
   }

   .tsc-header .menu-trigger-wrapper {
      position: relative;
      color: #fff;
      float: left;
      z-index: 12
   }

   .tsc-header .menu-trigger {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      visibility: hidden;
      min-width: 3rem;
      height: 3rem;
      line-height: 3;
      padding: 0;
      border: 0;
      margin-bottom: -.0625rem;
      background-color: transparent;
      color: transparent;
      vertical-align: middle;
      text-align: center;
      text-decoration: none;
      box-sizing: content-box;
      z-index: 11
   }

      .tsc-header .menu-trigger span {
         display: inline;
         padding: 0 1rem 0 3rem;
         white-space: nowrap
      }

      .tsc-header .menu-trigger:before {
         content: "\e624";
         position: absolute;
         top: .75rem;
         left: 0;
         display: block;
         width: 3rem;
         height: 1.5rem;
         margin-top: -1px;
         font-size: 1.5rem;
         line-height: 1;
         vertical-align: middle
      }

      .tsc-header .menu-trigger:focus {
         outline: 0;
         border-bottom-color: transparent
      }

      .tsc-header .menu-trigger:active, .tsc-header .menu-trigger:hover {
         background-color: #eee
      }

@media (max-width:70rem) {
   .tsc-header .menu-trigger {
      transition-property: visibility,color;
      transition-duration: .2s,.2s
   }

   .search-active .tsc-header .menu-trigger {
      visibility: visible;
      color: #000
   }

      .search-active .tsc-header .menu-trigger:focus {
         border-bottom-color: #333
      }
}

.tsc-header .global-nav-menu {
   float: left
}

   .tsc-header .global-nav-menu .level-1.nav-active > a {
      background-color: #eee
   }

@media (max-width:70rem) {
   .tsc-header .global-nav-menu .level-1.nav-active > a {
      background-color: transparent
   }

   .search-active .tsc-header .global-nav-menu .level-1.nav-active > a {
      background-color: transparent
   }
}

.menu-active .tsc-header .global-nav-menu .level-1.nav-active > a, .tsc-header .global-nav-menu:hover .level-1.nav-active > a {
   background-color: transparent
}

   .menu-active .tsc-header .global-nav-menu .level-1.nav-active > a:active, .menu-active .tsc-header .global-nav-menu .level-1.nav-active > a:hover, .tsc-header .global-nav-menu:hover .level-1.nav-active > a:active, .tsc-header .global-nav-menu:hover .level-1.nav-active > a:hover {
      background-color: #eee
   }

.menu-active .tsc-header .global-nav-menu .level-1.nav-active.active > a, .tsc-header .global-nav-menu:hover .level-1.nav-active.active > a {
   background-color: #eee
}

.tsc-header .additional-nav {
   display: flex;
   margin-left: auto
}

.tsc-header .mobile-sign-in {
   display: none
}

.menu-initialized .tsc-header .level-1 .detailed-menu {
   top: 100%;
   height: 0;
   margin-top: 2px;
   transition-property: visibility,height;
   transition-duration: .2s
}

.menu-initialized .tsc-header .level-1.active .detailed-menu {
   visibility: visible;
   height: 100%;
   transition-duration: .2s
}

.menu-initialized .tsc-header .level-1.deactivated .detailed-menu {
   transition: none
}

.tsc-header .mobile-logo-wrapper {
   display: none
}

.tsc-header .mobile-menu-back {
   display: none
}

.tsc-header .level-1 {
   position: relative;
   float: left
}

   .tsc-header .level-1 > a {
      position: relative;
      display: block;
      width: auto;
      height: 3rem;
      line-height: 3;
      margin-bottom: -1px;
      color: #000;
      text-decoration: none;
      white-space: nowrap;
      overflow: hidden;
      z-index: 11
   }

      .tsc-header .level-1 > a:after, .tsc-header .level-1 > a:before {
         content: "";
         display: inline-block;
         width: .625rem;
         line-height: 3;
         vertical-align: middle
      }

@media (max-width:70rem) {
   .tsc-header .level-1 > a {
      visibility: visible;
      transition-property: visibility,width;
      transition-duration: .2s
   }

   .search-active .tsc-header .level-1 > a {
      visibility: hidden;
      width: 0 !important
   }
}

.tsc-header .level-1 > a:focus {
   outline: 0;
   border-bottom-color: #333;
   background-color: #eee
}

.tsc-header .level-1 > a:active, .tsc-header .level-1 > a:hover {
   background-color: #eee
}

.tsc-header .level-1.active:after {
   content: "";
   position: absolute;
   background-color: #005a8c;
   display: inline-block;
   margin-top: -.25rem;
   height: .25rem;
   width: 100%;
   z-index: 15
}

.tsc-header .level-1.active > a {
   background-color: #eee;
   border-bottom-color: #0072cf
}

   .tsc-header .level-1.active > a:focus {
      border-bottom-color: #0072cf
   }

.tsc-header .detailed-menu-wrapper {
   position: absolute;
   bottom: 0;
   left: -1rem;
   width: 45.625rem;
   z-index: 10
}

.tsc-header .detailed-menu {
   position: relative;
   visibility: hidden;
   width: 45.625rem;
   padding: 0 .625rem;
   border-width: 0 1px;
   border-style: solid;
   border-color: #ddd;
   background-color: #fff;
   box-shadow: 1px 1px 10px rgba(0,0,0,.24);
   overflow: hidden
}

   .tsc-header .detailed-menu.columns-3 .level-2:first-child ~ .level-2:nth-child(3n+1), .tsc-header .detailed-menu.columns-3 .mobile-menu-back ~ .level-2:nth-child(3n+2) {
      clear: left
   }

   .tsc-header .detailed-menu.columns-2 .level-2:first-child ~ .level-2:nth-child(odd), .tsc-header .detailed-menu.columns-2 .mobile-menu-back ~ .level-2:nth-child(2n+2) {
      clear: left
   }

   .tsc-header .detailed-menu.columns-2 {
      width: 30.875rem
   }

   .tsc-header .detailed-menu.columns-1 {
      width: 16.125rem
   }

   .tsc-header .detailed-menu:before {
      content: "";
      display: block;
      height: 1.5rem;
      margin: 0 -1rem
   }

   .tsc-header .detailed-menu dl {
      margin: 0
   }

   .tsc-header .detailed-menu dt {
      margin: 0;
      font-weight: 600;
      line-height: 1
   }

   .tsc-header .detailed-menu dd {
      margin: 0;
      overflow: hidden
   }

      .tsc-header .detailed-menu dd:before {
         content: "";
         display: block;
         float: left;
         height: 1.625rem;
         vertical-align: middle
      }

      .tsc-header .detailed-menu dd span {
         display: inline-block;
         font-size: .75rem;
         line-height: 1;
         color: grey;
         vertical-align: middle
      }

   .tsc-header .detailed-menu .level-2 {
      float: left;
      width: 14.75rem;
      padding: 0 .625rem 1.5rem
   }

   .tsc-header .detailed-menu .summary-item {
      clear: left;
      float: none;
      width: auto;
      padding: 1.5rem 1.625rem;
      margin: 0 -1rem;
      background-color: #ddd;
      overflow: hidden
   }

      .tsc-header .detailed-menu .summary-item a {
         display: block;
         float: left;
         min-width: 13.5rem;
         padding: .25rem;
         border: 1px solid transparent;
         margin: 0;
         font-weight: 600;
         color: #333;
         text-decoration: none
      }

         .tsc-header .detailed-menu .summary-item a:active, .tsc-header .detailed-menu .summary-item a:focus, .tsc-header .detailed-menu .summary-item a:hover {
            color: #333;
            border-color: #fff;
            background-color: #f2f2f2;
            outline: 0
         }

.tsc-header .product {
   display: block;
   padding: .5rem .25rem .125rem;
   border-width: 1px;
   border-style: solid;
   border-color: transparent transparent #b3b3b3;
   margin-bottom: .25rem;
   color: #333;
   text-decoration: none
}

   .tsc-header .product:active, .tsc-header .product:focus, .tsc-header .product:hover {
      border-color: #d2d2d2;
      background-color: #ddd;
      outline: 0
   }

   .tsc-header .product .platform-icon {
      display: inline-block;
      margin-left: .0625rem;
      font-size: .875rem;
      color: grey;
      vertical-align: top
   }

.tsc-header .promotion {
   position: relative;
   display: block;
   float: left;
   padding: 0 .25rem;
   font-size: .8125rem;
   line-height: 1.5384615385
}

   .tsc-header .promotion:focus {
      outline: 0
   }

   .tsc-header .promotion + .promotion {
      margin-left: .8125rem
   }

      .tsc-header .promotion + .promotion:before {
         content: "";
         display: block;
         position: absolute;
         left: -.4375rem;
         width: 1px;
         height: 100%;
         background-color: #b3b3b3
      }

.tsc-header .level-2.supplementary {
   position: relative;
   float: none;
   clear: left;
   width: auto;
   padding: 1.5rem 1.625rem;
   margin: 0 -1rem;
   background-color: #ddd;
   overflow: hidden
}

   .tsc-header .level-2.supplementary dl:after {
      content: none
   }

   .tsc-header .level-2.supplementary dd {
      display: none
   }

.tsc-header .supplementary-article {
   position: relative;
   display: block;
   float: left;
   min-width: 13.5rem;
   padding: .25rem;
   border: 1px solid transparent;
   margin: 0;
   color: #333;
   text-decoration: none
}

   .tsc-header .supplementary-article:active, .tsc-header .supplementary-article:focus, .tsc-header .supplementary-article:hover {
      border-color: #fff;
      background-color: #f2f2f2;
      outline: 0
   }

.tsc-header .supplementary-promotion {
   position: relative;
   top: -2.25rem;
   right: -3.25rem;
   display: block;
   float: left;
   margin: 0 0 -1.25rem 66.6666666667%
}

   .tsc-header .supplementary-promotion:focus {
      outline: 0
   }

.tsc-header .summary-item a {
   color: #333
}

   .tsc-header .summary-item a:active, .tsc-header .summary-item a:focus, .tsc-header .summary-item a:hover {
      color: #ee9500;
      outline: 0
   }

.tsc-header .submenu-wrapper {
   display: none
}

.tsc-header .supplemental-buttons .global-nav-link:not(.signin-link) {
   position: relative;
   display: block;
   width: 3rem;
   color: #fff;
   text-decoration: none;
   text-align: center;
   white-space: nowrap;
   z-index: 11
}

.tsc-header .supplemental-buttons .global-nav-link:active:not(.signin-link), .tsc-header .supplemental-buttons .global-nav-link:hover:not(.signin-link) {
   background-color: #eee
}

.tsc-header .supplemental-buttons .global-nav-link:focus:not(.signin-link) {
   outline: 0;
   background-color: #eee
}

.tsc-header .supplemental-buttons {
   display: flex
}

   .tsc-header .supplemental-buttons .mini-cart-wrapper {
      display: flex;
      padding-top: .5rem
   }

   .tsc-header .supplemental-buttons #shopping-cart-link {
      margin: 0;
      height: 2rem
   }

   .tsc-header .supplemental-buttons .fs-cart-link {
      margin: auto;
      border: 2px solid #000;
      border-bottom-color: #000 !important;
      border-radius: 1rem;
      padding: .125rem
   }

      .tsc-header .supplemental-buttons .fs-cart-link:hover {
         background-color: #000 !important
      }

         .tsc-header .supplemental-buttons .fs-cart-link:hover .mini-cart-icon {
            filter: invert(1)
         }

.tsc-header .tsc-dropdown-menu-wrapper {
   position: relative
}

   .tsc-header .tsc-dropdown-menu-wrapper.active .tsc-dropdown-menu-trigger {
      border-bottom-color: #f2f2f2
   }

   .tsc-header .tsc-dropdown-menu-wrapper.active .tsc-dropdown-menu {
      visibility: visible;
      opacity: 1
   }

   .tsc-header .tsc-dropdown-menu-wrapper .profile-dropdown-trigger {
      width: auto
   }

.tsc-header .tsc-dropdown-menu-trigger .glyph-chevron-down {
   color: #999
}

.tsc-header .language-menu {
   padding: .675rem 0
}

.tsc-header .tsc-dropdown-menu {
   opacity: 0;
   visibility: hidden;
   position: relative;
   background-color: #fff;
   box-shadow: 0 0 15px rgba(0,0,0,.5);
   float: right;
   z-index: 15;
   transition-timing-function: ease-in-out,ease-in-out;
   transition-property: opacity,visibility;
   transition-duration: 80ms
}

   .tsc-header .tsc-dropdown-menu.arrow-drop-hover, .tsc-header .tsc-dropdown-menu.arrow_drop {
      background: #fff;
      margin: 1.125rem 0;
      border-radius: .1875rem
   }

      .tsc-header .tsc-dropdown-menu.arrow-drop-hover:before, .tsc-header .tsc-dropdown-menu.arrow_drop:before {
         content: " ";
         position: absolute;
         right: 1.5rem;
         width: 1rem;
         height: 1rem;
         margin: -.5rem 0 0;
         border-radius: 0 0 .125rem;
         background: #fff;
         transform: rotate(-135deg);
         pointer-events: none;
         box-shadow: .3125rem .3125rem .4375rem rgba(0,0,0,.15)
      }

@media (max-width:60rem) {
   .tsc-header .tsc-dropdown-menu.arrow_drop {
      border: 0;
      background: #f2f2f2
   }

      .tsc-header .tsc-dropdown-menu.arrow_drop:before {
         content: none
      }
}

.tsc-header .tsc-dropdown-menu.tsc-language {
   min-width: 10rem;
   padding: .875rem 0;
   margin-top: 1px
}

   .tsc-header .tsc-dropdown-menu.tsc-language a {
      display: block;
      line-height: 1.25;
      padding: .4375rem 1.75rem;
      color: #333
   }

      .tsc-header .tsc-dropdown-menu.tsc-language a:active, .tsc-header .tsc-dropdown-menu.tsc-language a:focus, .tsc-header .tsc-dropdown-menu.tsc-language a:hover {
         outline: 0
      }

      .tsc-header .tsc-dropdown-menu.tsc-language a.selected {
         font-weight: 600
      }

         .tsc-header .tsc-dropdown-menu.tsc-language a.selected:active, .tsc-header .tsc-dropdown-menu.tsc-language a.selected:focus, .tsc-header .tsc-dropdown-menu.tsc-language a.selected:hover {
            cursor: default;
            color: #333;
            text-decoration: none;
            outline: 0
         }

.tsc-header .search {
   position: relative;
   height: 3rem;
   padding-left: .5rem;
   margin: 0;
   overflow: hidden;
   z-index: 11
}

.tsc-header .search-input-wrapper {
   position: relative;
   width: 100%;
   max-width: 15rem;
   height: 3rem;
   padding: 0 2.5rem 0 .5rem;
   margin: 0 0 0 auto
}

@media (max-width:70rem) {
   .tsc-header .search-input-wrapper {
      padding: 0 .5rem 0 2.5rem;
      max-width: 3rem;
      transition: max-width .2s
   }

   .search-active .tsc-header .search-input-wrapper {
      max-width: 19rem
   }
}

.tsc-header .search-input {
   display: block;
   float: left;
   width: 100%;
   height: 2rem;
   padding: 0 .25rem 0 .75rem;
   margin-top: .5rem;
   font-weight: inherit;
   background-color: #f4f5f7;
   border: 2px solid #444;
   border-radius: .25rem 0 0 .25rem;
   border-right: none;
   box-sizing: border-box;
   -webkit-appearance: none
}

   .tsc-header .search-input:active, .tsc-header .search-input:focus, .tsc-header .search-input:hover {
      border-color: none
   }

   .tsc-header .search-input::-moz-placeholder {
      color: #000
   }

   .tsc-header .search-input::placeholder {
      color: #000
   }

@media (max-width:70rem) {
   .tsc-header .search-input {
      visibility: hidden;
      border-radius: 0 .25rem .25rem 0;
      transition: visibility .2s
   }

      .tsc-header .search-input:focus + .search-submit {
         border-color: transparent
      }

   .search-active .tsc-header .search-input {
      visibility: visible
   }

      .search-active .tsc-header .search-input:focus {
         outline: 0
      }
}

.tsc-header .search-submit {
   position: absolute;
   top: .5rem;
   right: 0;
   display: block;
   width: 2rem;
   height: 2rem;
   padding: 0;
   margin-right: .5rem;
   color: #000;
   background-color: #f4f5f7;
   border: 2px solid #444;
   border-left: none;
   border-radius: 0 .25rem .25rem 0;
   text-align: center
}

   .tsc-header .search-submit:before {
      content: "\e623";
      display: inline-block;
      vertical-align: middle;
      font-size: 1.25rem
   }

@media (max-width:70rem) {
   .tsc-header .search-submit {
      top: 0;
      right: auto;
      left: 0;
      width: 3rem;
      height: 3rem;
      margin: 0;
      background-color: #f4f5f7;
      border-radius: 0
   }

      .tsc-header .search-submit:active, .tsc-header .search-submit:focus, .tsc-header .search-submit:hover {
         background-color: #444
      }

   .search-active .tsc-header .search-submit {
      top: .5rem;
      width: 2rem;
      height: 2rem;
      margin-left: .5rem;
      background-color: #444;
      border-radius: .25rem 0 0 .25rem
   }

      .search-active .tsc-header .search-submit:active, .search-active .tsc-header .search-submit:focus, .search-active .tsc-header .search-submit:hover {
         border-color: #ccc;
         background-color: #ccc
      }
}

.tsc-header .search-cancel {
   display: none;
   width: 4rem;
   height: 3rem;
   padding: 0;
   border: 0;
   background-color: transparent;
   color: #fff;
   text-align: center;
   z-index: 10;
   transition: visibility .2s
}

   .tsc-header .search-cancel:active, .tsc-header .search-cancel:focus, .tsc-header .search-cancel:hover {
      background-color: #444;
      outline: 0;
      text-decoration: none
   }

   .tsc-header .search-cancel span {
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      line-height: 1.6923076923;
      font-size: .8125rem;
      white-space: nowrap
   }

html[lang=de-DE] .tsc-header .search-cancel span, html[lang=jp-JP] .tsc-header .search-cancel span {
   line-height: 2.2;
   font-size: .625rem
}

.tsc-header .search-cancel:before {
   content: "\e615";
   display: block;
   position: absolute;
   top: .5rem;
   width: 100%;
   line-height: 1.25
}

.tsc-header .clone {
   display: none
}

.tsc-header ul {
   list-style: none;
   margin: 0
}

.profile {
   position: relative
}

   .profile.is-auth.active .profile-menu {
      visibility: visible;
      opacity: 1
   }

   .profile.is-auth .profile-dropdown-trigger {
      display: inline-block;
      height: 2.375rem;
      width: 3.25rem;
      min-width: 0;
      border-radius: 1.5rem .1875rem .1875rem 1.5rem;
      border: 0;
      padding: 0;
      color: #333
   }

      .profile.is-auth .profile-dropdown-trigger:active, .profile.is-auth .profile-dropdown-trigger:focus, .profile.is-auth .profile-dropdown-trigger:hover {
         text-decoration: none;
         background-color: #444;
         outline: 0
      }

   .profile.is-auth .identity {
      display: inline-block
   }

   .profile.is-auth .sign-in-status {
      display: none
   }

   .profile.is-auth .glyph-chevron-down {
      display: inline
   }

   .profile .identity {
      visibility: hidden;
      display: none;
      vertical-align: middle;
      margin-top: .1875rem
   }

   .profile .loaded {
      visibility: inherit
   }

   .profile .glyph-chevron-down {
      display: none;
      color: #999
   }

   .profile .profile-menu-positioner {
      visibility: hidden;
      position: absolute;
      top: 100%;
      width: 25rem;
      right: 0
   }

   .profile .profile-menu {
      opacity: 0;
      visibility: hidden;
      position: relative;
      background-color: #fff;
      box-shadow: 0 0 15px rgba(0,0,0,.5);
      float: right;
      text-align: left;
      z-index: 15;
      transition-timing-function: ease-in-out,ease-in-out;
      transition-property: opacity,visibility;
      transition-duration: 80ms
   }

      .profile .profile-menu.arrow-drop-hover, .profile .profile-menu.arrow_drop {
         background: #fff;
         margin: 1.125rem 0;
         border-radius: .1875rem
      }

         .profile .profile-menu.arrow-drop-hover:before, .profile .profile-menu.arrow_drop:before {
            content: " ";
            position: absolute;
            right: 1.5rem;
            width: 1rem;
            height: 1rem;
            margin: -.5rem 0 0;
            border-radius: 0 0 .125rem;
            background: #fff;
            transform: rotate(-135deg);
            pointer-events: none;
            box-shadow: .3125rem .3125rem .4375rem rgba(0,0,0,.15)
         }

   .profile .identity-top a {
      display: block;
      text-decoration: none;
      margin-left: .625rem;
      padding: 0;
      color: #333
   }

   .profile .identity-image {
      display: inline-block;
      padding: .75rem 0 0;
      vertical-align: middle
   }

   .profile .identity-container {
      display: inline-block;
      margin: 0 .5rem;
      vertical-align: middle
   }

   .profile .profile-email, .profile .profile-name {
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 10.5rem;
      overflow: hidden
   }

   .profile .profile-name {
      font-weight: 600;
      font-size: 1.125rem
   }

   .profile .profile-email {
      font-weight: 300;
      font-size: .875rem
   }

   .profile .identity-bottom {
      padding: 0 .9375rem .9375rem
   }

      .profile .identity-bottom a {
         display: inline-block;
         padding: .25rem .75rem;
         margin: .5rem 0 0;
         line-height: 1.8;
         font-size: .875rem
      }

         .profile .identity-bottom a:first-child {
            margin-right: .9375rem
         }

      .profile .identity-bottom .btn-tertiary {
         --btn-color: #1a1a1a;
         --btn-color-hover: #fff;
         --btn-color-focus: #fff;
         --btn-color-active: #1a1a1a;
         --btn-bg-color: transparent;
         --btn-bg-color-hover: #1a1a1a;
         --btn-bg-color-focus: #1a1a1a;
         --btn-bg-color-active: transparent;
         --tsc-focus-outline-color: #1a1a1a;
         --btn-border-color: #1a1a1a;
         --btn-border-color-hover: #1a1a1a;
         --btn-border-color-focus: #1a1a1a
      }

.tsc-dropdown-menu-wrapper.no-auth .tsc-dropdown-menu-trigger {
   width: 100%;
   margin-left: 8px
}

.tsc-dropdown-menu-wrapper.no-auth .signin-link {
   border-radius: .5rem;
   border: 2px solid #444;
   color: #000;
   padding: 5px 12px;
   min-width: 0
}

   .tsc-dropdown-menu-wrapper.no-auth .signin-link:active, .tsc-dropdown-menu-wrapper.no-auth .signin-link:focus, .tsc-dropdown-menu-wrapper.no-auth .signin-link:hover {
      color: #fff;
      background-color: #000
   }

.tsc-dropdown-menu-wrapper.is-auth .tsc-dropdown-menu-trigger {
   display: inline-block;
   height: 2.375rem;
   width: 3.25rem;
   min-width: 0;
   margin-top: .375rem;
   border-radius: 1.5rem .1875rem .1875rem 1.5rem;
   margin-left: .5rem;
   border: 0;
   padding: 0;
   color: #333
}

   .tsc-dropdown-menu-wrapper.is-auth .tsc-dropdown-menu-trigger:active, .tsc-dropdown-menu-wrapper.is-auth .tsc-dropdown-menu-trigger:focus, .tsc-dropdown-menu-wrapper.is-auth .tsc-dropdown-menu-trigger:hover {
      text-decoration: none;
      background-color: #444;
      outline: 0
   }

   .tsc-dropdown-menu-wrapper.is-auth .tsc-dropdown-menu-trigger .glyph-chevron-down {
      display: inline
   }

.tsc-dropdown-menu-wrapper .identity-top .identity {
   visibility: inherit;
   display: inline-block;
   padding: .75rem 0 0;
   vertical-align: middle
}

.img-circle {
   border-radius: 50%;
   vertical-align: initial
}

.bubble-icon {
   display: inline-block;
   border-radius: .375rem;
   vertical-align: middle;
   background-color: #f29b33;
   color: #fff;
   text-align: center;
   padding: .125rem .1875rem;
   font-size: .625rem
}

   .bubble-icon div {
      line-height: 1
   }

.signin-link {
   --btn-color: #fff;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #fff;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #fff;
   --btn-bg-color-focus: #fff;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: #fff;
   --btn-border-color-hover: #fff;
   --btn-border-color-focus: #fff;
   min-width: -moz-fit-content;
   min-width: fit-content;
   position: relative;
   z-index: 11
}

.navmenu-icon {
   display: inline-block;
   padding: .75rem 0;
   vertical-align: middle;
   font-size: 1.5rem;
   line-height: 1
}

.mobile-nav-item {
   display: none
}

.glyph-small {
   font-size: .5625rem
}

.revealer {
   overflow: hidden
}

@media (max-width:60rem) {
   .content-wrapper::after, .tsc-header .supplemental-buttons > li::after {
      clear: both;
      content: "";
      display: table
   }

   .tsc-header .level-1 > a:before, .tsc-header .level-2.has-submenu .product:before, .tsc-header .level-2.has-submenu > a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 1rem;
      margin: auto 0;
      width: .375rem;
      height: .375rem;
      border-width: .125rem .125rem 0 0;
      border-style: solid;
      transform: rotate(45deg)
   }

   .tsc-header .mobile-menu-back a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: .875rem;
      margin: auto 0;
      width: .375rem;
      height: .375rem;
      border-width: .125rem .125rem 0 0;
      border-style: solid;
      transform: rotate(225deg)
   }

   .revealer {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      min-height: 100%;
      padding-right: 3rem
   }

   .mobile-menu-active .revealer {
      height: 100%
   }

   .slider {
      position: relative;
      left: 0;
      min-height: 100%;
      transition: left .2s
   }

   .mobile-menu-deactivated .slider {
      transition-duration: 0s
   }

   .slider:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -.5rem;
      width: .5rem;
      background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.25));
      z-index: 10
   }

   .mobile-menu-active .slider {
      left: 24rem;
      height: 100%
   }
}

@media (max-width:27rem) {
   .mobile-menu-active .slider {
      left: 100%
   }
}

@media (max-width:60rem) {
   .tsc-header-wrapper {
      position: static;
      margin-right: -3rem;
      border: 0
   }

      .tsc-header-wrapper:before {
         content: none
      }

   .tsc-header {
      padding: 0
   }

      .tsc-header .logo-wrapper {
         position: relative;
         float: none;
         padding: 0 5.5rem;
         color: #fff;
         background-color: #f4f5f7;
         text-align: center;
         z-index: 10;
         transition: padding-right .2s
      }

   .search-active .tsc-header .logo-wrapper {
      padding-right: 22rem
   }
}

@media (max-width:39rem) {
   .tsc-header .logo-wrapper {
      transition-duration: 0s
   }

   .search-active .tsc-header .logo-wrapper {
      padding: 0 5.5rem
   }
}

@media (max-width:24rem) {
   .tsc-header .logo-wrapper {
      padding: 0
   }

   .search-active .tsc-header .logo-wrapper {
      padding: 0
   }
}

@media (max-width:60rem) {
   .tsc-header .mobile-logo-wrapper {
      display: block;
      text-align: center;
      background-color: #ccc
   }

      .tsc-header .mobile-logo-wrapper:before {
         content: "";
         display: inline-block;
         vertical-align: middle;
         height: 3rem;
         line-height: 3
      }

   .tsc-header .mobile-logo {
      display: inline-block;
      color: #333;
      vertical-align: middle
   }

      .tsc-header .mobile-logo img {
         display: inline-block;
         width: 10rem;
         height: 1.6875rem;
         padding: .0625rem 0;
         vertical-align: middle
      }

   .tsc-header .menu-trigger-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      float: none;
      z-index: 10;
      transition: left .2s
   }

   .tsc-header .menu-trigger {
      visibility: visible;
      border: 0;
      margin: 0;
      color: #000;
      z-index: auto
   }
}

@media (max-width:60rem) and (max-width:24rem) {
   .tsc-header .menu-trigger:before {
      top: .25rem
   }

   .tsc-header .menu-trigger span {
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 0;
      line-height: 1.6923076923;
      font-size: .8125rem
   }
}

@media (max-width:60rem) {
   .tsc-header .global-nav-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 24rem;
      height: 100%;
      background-color: #f2f2f2;
      overflow-x: hidden;
      overflow-y: auto;
      transition: left .2s;
      display: block
   }

   .mobile-menu-active .tsc-header .global-nav-wrapper {
      left: -24rem
   }

      .mobile-menu-active .tsc-header .global-nav-wrapper .supplemental-buttons {
         display: block;
         width: 100%
      }

      .mobile-menu-active .tsc-header .global-nav-wrapper .mini-cart-wrapper {
         display: none
      }

      .mobile-menu-active .tsc-header .global-nav-wrapper .account-link {
         width: 100%;
         color: #000
      }

      .mobile-menu-active .tsc-header .global-nav-wrapper .signin-link:active, .mobile-menu-active .tsc-header .global-nav-wrapper .signin-link:focus, .mobile-menu-active .tsc-header .global-nav-wrapper .signin-link:hover {
         color: #000;
         background-color: #eee;
         border-radius: 0
      }

      .mobile-menu-active .tsc-header .global-nav-wrapper .mobile-sign-in {
         display: block
      }

         .mobile-menu-active .tsc-header .global-nav-wrapper .mobile-sign-in a {
            background: #fff;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-left: 0;
            border-right: 0;
            border-radius: 0;
            padding-top: .375rem;
            margin: 0 !important
         }

            .mobile-menu-active .tsc-header .global-nav-wrapper .mobile-sign-in a:hover {
               background: #000;
               color: #fff
            }
}

@media (max-width:27rem) {
   .tsc-header .global-nav-wrapper {
      width: 100%
   }

   .mobile-menu-active .tsc-header .global-nav-wrapper {
      left: -100%
   }
}

@media (max-width:60rem) {
   .tsc-header .global-nav {
      visibility: hidden;
      position: relative;
      left: 0;
      transition-property: left,visibility;
      transition-duration: .2s
   }

   .mobile-menu-opening .tsc-header .global-nav {
      transition-duration: 0s
   }

   .level-1-active .tsc-header .global-nav {
      visibility: visible;
      left: 0
   }

   .level-2-active .tsc-header .global-nav {
      left: -100%
   }

   .level-3-active .tsc-header .global-nav {
      left: -200%
   }

   .level-1-active .tsc-header .global-nav, .level-2-active .tsc-header .global-nav {
      margin-bottom: 3rem
   }

   .tsc-header .global-nav-menu {
      float: none;
      background-color: #fff
   }

   .mobile-menu-active .tsc-header .global-nav-menu .level-1.nav-active > a:active, .mobile-menu-active .tsc-header .global-nav-menu .level-1.nav-active > a:focus, .mobile-menu-active .tsc-header .global-nav-menu .level-1.nav-active > a:hover {
      background-color: inherit
   }

   .tsc-header .detailed-menu-wrapper, .tsc-header .submenu-wrapper {
      visibility: hidden;
      display: block;
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 100%;
      width: 100%;
      height: auto !important;
      margin: 0;
      background-color: inherit;
      z-index: auto;
      transition: visibility .2s
   }

   .tsc-header .inactive-mobile-menu .detailed-menu-wrapper {
      transition-duration: 0s
   }

   .level-2-active .tsc-header .level-1.activated-mobile-menu .detailed-menu-wrapper {
      visibility: visible
   }

   .level-3-active .tsc-header .submenu-wrapper {
      visibility: visible
   }

   .tsc-header .level-1 > a:after {
      content: none
   }

   .tsc-header .detailed-menu {
      visibility: inherit;
      position: static;
      width: 100%;
      padding: 0;
      border: 0;
      box-shadow: none
   }

   .menu-initialized .tsc-header .level-1 .detailed-menu {
      height: auto;
      margin: 0
   }

   .tsc-header .detailed-menu:after, .tsc-header .detailed-menu:before {
      content: none
   }

   .tsc-header .detailed-menu.columns-1, .tsc-header .detailed-menu.columns-2 {
      width: 100%
   }

   .tsc-header .detailed-menu dl:after {
      content: none
   }

   .tsc-header .detailed-menu dt {
      font-weight: inherit;
      line-height: inherit
   }

   .tsc-header .detailed-menu .platform-icon, .tsc-header .detailed-menu .promotion, .tsc-header .detailed-menu .supplementary-promotion, .tsc-header .detailed-menu dd {
      display: none
   }

   .tsc-header .detailed-menu .level-2, .tsc-header .level-1, .tsc-header .level-3, .tsc-header .mobile-menu-back {
      position: static;
      display: list-item;
      float: none;
      width: auto;
      max-height: 0;
      padding: 0;
      border-bottom: 0 solid #ccc;
      margin: 0;
      background-color: inherit;
      transition-property: max-height,border-bottom-width;
      transition-duration: .2s;
      transition-timing-function: step-end
   }

   .level-1-active .tsc-header .level-1, .level-2-active .tsc-header .activated-mobile-menu .level-2, .level-3-active .tsc-header .level-3, .tsc-header .mobile-menu-back {
      max-height: 13rem;
      border-bottom-width: 1px;
      transition-timing-function: step-start
   }

      .tsc-header .detailed-menu .summary-item a, .tsc-header .level-1 > a, .tsc-header .level-3 > a, .tsc-header .mobile-menu-back a, .tsc-header .product, .tsc-header .supplementary-article {
         position: relative;
         float: none;
         display: block;
         visibility: inherit;
         width: auto;
         height: auto;
         padding: .875rem 1.75rem;
         border: 0;
         margin: 0;
         line-height: 1.25;
         font-weight: 400;
         color: inherit;
         background-color: inherit;
         text-decoration: none;
         white-space: normal;
         z-index: auto
      }

         .tsc-header .detailed-menu .summary-item a:active, .tsc-header .detailed-menu .summary-item a:focus, .tsc-header .detailed-menu .summary-item a:hover, .tsc-header .level-1 > a:active, .tsc-header .level-1 > a:focus, .tsc-header .level-1 > a:hover, .tsc-header .level-3 > a:active, .tsc-header .level-3 > a:focus, .tsc-header .level-3 > a:hover, .tsc-header .mobile-menu-back a:active, .tsc-header .mobile-menu-back a:focus, .tsc-header .mobile-menu-back a:hover, .tsc-header .product:active, .tsc-header .product:focus, .tsc-header .product:hover, .tsc-header .supplementary-article:active, .tsc-header .supplementary-article:focus, .tsc-header .supplementary-article:hover {
            color: inherit;
            background-color: inherit;
            outline: 0
         }

   .tsc-header .level-2.nav-active .product, .tsc-header .nav-active > a {
      font-weight: 600
   }

   .tsc-header .level-1.no-submenu > a:before {
      content: none
   }

   .tsc-header .supplemental-buttons {
      visibility: hidden;
      position: relative;
      left: 0;
      float: none;
      background-color: #fff;
      overflow: hidden
   }

      .tsc-header .supplemental-buttons .global-nav-link {
         width: 100%;
         text-align: left;
         padding: .5rem 2rem;
         border: 0;
         color: inherit
      }

         .tsc-header .supplemental-buttons .global-nav-link.account-link {
            display: inline-block;
            padding: .875rem 2rem
         }

         .tsc-header .supplemental-buttons .global-nav-link.cart-link {
            padding: .75rem 2rem
         }

            .tsc-header .supplemental-buttons .global-nav-link.cart-link .cart-count {
               margin-left: -.25rem
            }

         .tsc-header .supplemental-buttons .global-nav-link:focus, .tsc-header .supplemental-buttons .global-nav-link:hover {
            background-color: transparent
         }

         .tsc-header .supplemental-buttons .global-nav-link span {
            position: static;
            margin: 0
         }

            .tsc-header .supplemental-buttons .global-nav-link span:first-of-type {
               margin: 0 0 0 .25rem
            }

         .tsc-header .supplemental-buttons .global-nav-link i {
            padding: 0
         }

         .tsc-header .supplemental-buttons .global-nav-link .identity, .tsc-header .supplemental-buttons .global-nav-link i {
            width: 2rem
         }

   .level-1-active .tsc-header .supplemental-buttons, .level-2-active .tsc-header .supplemental-buttons, .level-3-active .tsc-header .supplemental-buttons {
      transition-property: visibility,left,max-height;
      transition-duration: .2s
   }

   .mobile-menu-opening .tsc-header .supplemental-buttons {
      transition-duration: 0s
   }

   .level-1-active .tsc-header .supplemental-buttons {
      visibility: visible;
      z-index: 5;
      left: 0;
      max-height: 1000px;
      transition-timing-function: ease,ease,step-start
   }

   .level-2-active .tsc-header .supplemental-buttons {
      left: -100%;
      max-height: 0;
      transition-timing-function: ease,ease,step-end
   }

   .level-3-active .tsc-header .supplemental-buttons {
      left: -200%;
      max-height: 0;
      transition-timing-function: ease,ease,step-end
   }

   .tsc-header .supplemental-buttons > li {
      clear: left;
      width: 100%;
      border-bottom: 1px solid #ccc
   }

      .tsc-header .supplemental-buttons > li:first-child {
         border-top: 1px solid #ccc
      }

   .tsc-header .contact-us {
      position: relative;
      float: left;
      width: auto;
      line-height: 2;
      border-top: 1px solid #ccc;
      z-index: auto
   }

      .tsc-header .contact-us:before {
         display: block
      }

      .tsc-header .contact-us:after {
         display: none
      }

      .tsc-header .contact-us:focus {
         border-bottom-width: 0;
         margin-bottom: 0;
         background-color: #f8f8f8
      }

   .tsc-header .profile-dropdown-trigger, .tsc-header .tsc-dropdown-menu-trigger {
      position: relative;
      float: left;
      width: auto;
      border-width: 1px 1px 0;
      border-style: solid;
      border-color: transparent;
      margin: 0;
      line-height: 2;
      z-index: auto
   }

      .tsc-header .profile-dropdown-trigger:focus, .tsc-header .tsc-dropdown-menu-trigger:focus {
         border-bottom-width: 0;
         margin: 0
      }

      .tsc-header .profile-dropdown-trigger span, .tsc-header .tsc-dropdown-menu-trigger span {
         position: static;
         margin: 0
      }

      .tsc-header .profile-dropdown-trigger:after, .tsc-header .tsc-dropdown-menu-trigger:after {
         right: initial;
         color: #333
      }

      .tsc-header .profile-dropdown-trigger .glyph-chevron-down, .tsc-header .tsc-dropdown-menu-trigger .glyph-chevron-down {
         color: #333
      }

   .tsc-header .tsc-dropdown-menu-positioner {
      position: relative;
      left: 0;
      right: auto;
      width: 100%;
      margin: 0
   }

   .tsc-header .tsc-dropdown-menu {
      display: none;
      z-index: auto
   }

      .tsc-header .tsc-dropdown-menu:before {
         content: none
      }

      .tsc-header .tsc-dropdown-menu:after {
         border-color: #e6e6e6
      }

      .tsc-header .tsc-dropdown-menu a {
         padding: .5625rem 3.75rem;
         border-top: 1px solid #ccc;
         text-decoration: none
      }

         .tsc-header .tsc-dropdown-menu a.selected {
            display: none
         }

      .tsc-header .tsc-dropdown-menu.tsc-language {
         padding: 0;
         box-shadow: none
      }

   .tsc-header .tsc-dropdown-menu-wrapper.active .tsc-dropdown-menu {
      display: block
   }

   .tsc-header .search {
      position: absolute;
      top: 0;
      right: -3rem;
      width: 22rem;
      padding: 0;
      z-index: auto
   }

      .tsc-header .search.clone {
         right: 0;
         z-index: -1;
         transition: z-index .2s step-end;
         background-color: #f4f5f7
      }

   .search-active .tsc-header .search.clone {
      z-index: 0;
      transition-timing-function: step-start
   }

   .tsc-header .search.clone .search-submit {
      border: 0
   }
}

@media (max-width:39rem) {
   .tsc-header .search {
      left: 3rem;
      width: auto
   }
}

@media (max-width:60rem) {
   .tsc-header .search-input-wrapper {
      position: absolute;
      top: 0;
      left: 19rem;
      width: 18rem;
      max-width: none;
      z-index: 10;
      transition: left .2s
   }

   .search-active .tsc-header .search-input-wrapper {
      left: 0;
      max-width: none
   }
}

@media (max-width:39rem) {
   .tsc-header .search-input-wrapper {
      left: auto;
      right: -100%;
      width: 100%;
      padding-right: 4.5rem;
      margin-right: 3rem;
      transition: right .2s
   }

   .search-active .tsc-header .search-input-wrapper {
      right: -3rem;
      background-color: #191919
   }
}

@media (max-width:60rem) {
   .tsc-header .search-cancel {
      position: absolute;
      top: 0;
      left: 32rem;
      visibility: hidden;
      display: block;
      transition-property: visibility,left;
      transition-duration: .2s
   }

   .search-active .tsc-header .search-cancel {
      visibility: visible;
      left: 18rem
   }
}

@media (max-width:39rem) {
   .tsc-header .search-cancel {
      left: auto;
      right: -100%;
      margin-right: 3rem;
      transition-property: visibility,right
   }

   .search-active .tsc-header .search-cancel {
      left: auto;
      right: -3rem
   }
}

@media (max-width:60rem) {
   .tsc-header .clone {
      display: block
   }

   .tsc-header .original {
      display: none
   }

   .tsc-dropdown-menu {
      width: 100%
   }

   .tsc-header .tsc-dropdown-menu-positioner li i {
      padding-left: 0
   }

   .tsc-dropdown-menu-wrapper .profile.no-auth .profile-dropdown-trigger, .tsc-dropdown-menu-wrapper .profile.no-auth .tsc-dropdown-menu-trigger, .tsc-dropdown-menu-wrapper.profile.no-auth .profile-dropdown-trigger, .tsc-dropdown-menu-wrapper.profile.no-auth .tsc-dropdown-menu-trigger {
      padding: .375rem 2rem;
      width: 100%
   }

   .tsc-dropdown-menu-wrapper .profile.no-auth .signin-link, .tsc-dropdown-menu-wrapper.profile.no-auth .signin-link {
      font-size: 1rem;
      height: 3rem;
      margin: 0;
      text-align: center
   }

   .tsc-dropdown-menu-wrapper .profile.is-auth.active .tsc-dropdown-menu, .tsc-dropdown-menu-wrapper.profile.is-auth.active .tsc-dropdown-menu {
      display: none
   }

   .tsc-dropdown-menu-wrapper .profile.is-auth .sign-in-status, .tsc-dropdown-menu-wrapper.profile.is-auth .sign-in-status {
      display: inline-block;
      margin-left: .5rem;
      font-size: 1rem;
      width: 92%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      vertical-align: middle
   }

   .tsc-dropdown-menu-wrapper .profile.is-auth .profile-dropdown-trigger, .tsc-dropdown-menu-wrapper .profile.is-auth .tsc-dropdown-menu-trigger, .tsc-dropdown-menu-wrapper.profile.is-auth .profile-dropdown-trigger, .tsc-dropdown-menu-wrapper.profile.is-auth .tsc-dropdown-menu-trigger {
      height: inherit;
      padding: .5rem 2rem;
      font-weight: 300;
      margin: 0
   }

      .tsc-dropdown-menu-wrapper .profile.is-auth .profile-dropdown-trigger .img-circle, .tsc-dropdown-menu-wrapper .profile.is-auth .tsc-dropdown-menu-trigger .img-circle, .tsc-dropdown-menu-wrapper.profile.is-auth .profile-dropdown-trigger .img-circle, .tsc-dropdown-menu-wrapper.profile.is-auth .tsc-dropdown-menu-trigger .img-circle {
         vertical-align: middle
      }

   .tsc-dropdown-menu-wrapper .profile.is-auth .identity.loaded, .tsc-dropdown-menu-wrapper.profile.is-auth .identity.loaded {
      margin-top: 0
   }

   .tsc-dropdown-menu-wrapper .profile.is-auth .glyph-chevron-down, .tsc-dropdown-menu-wrapper.profile.is-auth .glyph-chevron-down {
      display: none
   }

   .tsc-dropdown-menu-wrapper .bubble-icon, .tsc-dropdown-menu-wrapper .glyph-chevron-down.glyph-small {
      display: none
   }

   .content-wrapper {
      position: relative;
      margin-right: -3rem;
      background-color: #fff;
      z-index: 10
   }

   .tsc-footer {
      position: relative;
      margin-right: -3rem;
      z-index: 5
   }

   .mobile-nav-item {
      display: inline-block
   }

      .mobile-nav-item.hide {
         display: none
      }
}

.mobile-cart-link-wrapper {
   position: relative
}

.mobile-cart-link {
   display: none;
   position: absolute;
   top: 0;
   right: 3rem;
   width: 3rem;
   height: 3rem;
   padding-left: 1px;
   margin: 0;
   border-width: 0;
   text-align: center;
   color: #fff;
   opacity: 1;
   visibility: visible;
   transition: opacity .45s ease;
   transition-property: right;
   transition-duration: .2s;
   z-index: 12
}

   .mobile-cart-link:active, .mobile-cart-link:focus, .mobile-cart-link:hover, .mobile-cart-link:visited {
      color: #fff;
      outline: 0;
      text-decoration: none;
      background-color: #444
   }

@media (max-width:60rem) {
   .mobile-cart-link {
      display: block
   }

   .search-active .mobile-cart-link {
      right: 10rem;
      opacity: 0;
      visibility: hidden
   }
}

.mini-cart-wrapper {
   max-width: 75rem;
   padding: 0 1rem;
   margin: 0 auto
}

.btn.btn-primary.mini-cart-checkout {
   width: 100%;
   margin-top: 1.25rem
}

.mini-cart-hide {
   display: none
}

.mini-cart-position {
   position: relative
}

.user-is-auth .mini-cart {
   right: 3.125rem
}

html[lang=de-DE] .user-is-auth .mini-cart, html[lang=es-ES] .user-is-auth .mini-cart, html[lang=fr-FR] .user-is-auth .mini-cart {
   right: 3.375rem
}

.mini-cart {
   position: absolute;
   right: 4.75rem;
   z-index: 12;
   max-width: 25rem;
   width: 25rem
}

html[lang=de-DE] .mini-cart {
   right: 5.75rem
}

html[lang=es-ES] .mini-cart, html[lang=fr-FR] .mini-cart {
   right: 7rem
}

.mini-cart.mini-cart-empty {
   width: 12rem
}

.mini-cart .menu-cart.arrow_drop {
   margin: .875rem 0
}

   .mini-cart .menu-cart.arrow-drop-hover:before, .mini-cart .menu-cart.arrow_drop:before {
      margin: -1.25rem 0 0
   }

.mini-cart .scroll {
   max-height: 23.75rem;
   overflow-y: auto;
   overflow-x: hidden
}

.mini-cart .mini-cart-info {
   width: 74%
}

.mini-cart .mini-cart-item {
   padding: .75rem 0
}

.mini-cart .mini-cart-img {
   width: 2rem
}

.mini-cart .mini-cart-valign {
   vertical-align: middle
}

.mini-cart .mini-cart-center {
   height: 5rem;
   margin: 0 auto
}

.mini-cart .mini-cart-cell-img {
   vertical-align: top;
   padding-right: .375rem;
   padding-top: .25rem
}

.mini-cart .mini-cart-title {
   font-size: 1.125rem;
   font-weight: 600
}

.mini-cart .mini-cart-label {
   text-align: right;
   width: 28%;
   padding-right: 1rem
}

.mini-cart .mini-cart-order-total {
   padding-top: .5rem;
   text-align: right;
   white-space: nowrap
}

.mini-cart .mini-cart-addon-item-total, .mini-cart .mini-cart-item-total {
   width: 30%;
   padding-top: .5rem;
   text-align: right;
   font-size: .875rem;
   white-space: nowrap
}

.mini-cart .mini-cart-mobile-bg {
   display: none
}

.mini-cart .store-border {
   margin: 0
}

.mini-cart-empty {
   width: 12rem
}

.mini-cart-empty-info {
   height: 3rem;
   text-align: center
}

@media (max-width:384px) {
   .tsc-header .mobile-cart-link-wrapper ~ .logo-wrapper .logo {
      padding-right: 16%
   }
}

@media (max-width:519px) {
   .mini-cart-wrapper {
      padding: 0
   }

      .mini-cart-wrapper .menu-cart.arrow_drop {
         margin: 0
      }

      .mini-cart-wrapper .display-table {
         width: 100%
      }

      .mini-cart-wrapper .mini-cart {
         width: 100%;
         max-width: inherit
      }

         .mini-cart-wrapper .mini-cart.mini-cart-empty {
            width: 100%
         }

      .mini-cart-wrapper .user-is-auth .mini-cart, html[lang] .mini-cart-wrapper .mini-cart {
         right: 0
      }

   .mini-cart-empty {
      width: 100%
   }

   .mini-cart-wrapper .menu-cart.arrow_drop {
      border-radius: 0
   }

      .mini-cart-wrapper .menu-cart.arrow-drop-hover:before, .mini-cart-wrapper .menu-cart.arrow_drop:before {
         right: 4rem;
         margin: -1.125rem 0 0
      }

   .mini-cart-mobile-bg {
      position: absolute;
      background-color: #000;
      opacity: .65;
      width: 200%;
      top: 0;
      right: 0;
      height: 624.9375rem;
      z-index: 11
   }
}

@media (max-width:348px) {
   .mini-cart .mini-cart-img {
      width: 0
   }
}

@media (max-width:60rem) and (min-width:520px) {
   .user-is-auth .mini-cart, html[lang] .mini-cart {
      right: 1.5rem
   }
}

.menu-cart {
   box-shadow: 0 0 15px rgba(0,0,0,.5);
   padding: .75rem 1.75rem 1.4rem
}

   .menu-cart.arrow-drop-hover, .menu-cart.arrow_drop {
      background: #fff;
      margin: 1.125rem 0;
      border-radius: .1875rem
   }

      .menu-cart.arrow-drop-hover:before, .menu-cart.arrow_drop:before {
         content: " ";
         position: absolute;
         right: 1.5rem;
         width: 1rem;
         height: 1rem;
         margin: -.5rem 0 0;
         border-radius: 0 0 .125rem;
         background: #fff;
         transform: rotate(-135deg);
         pointer-events: none;
         box-shadow: .3125rem .3125rem .4375rem rgba(0,0,0,.15)
      }

.cart-error {
   text-align: center
}

   .cart-error h1.cart-error-title {
      margin: 0 0 1rem
   }

.store-error-img {
   max-width: 4rem;
   padding: 4rem 0 1rem
}

.text-align-center {
   text-align: center
}

.mini-cart-error-header {
   margin: 1.5rem 0 1rem
}

.language-switcher {
   visibility: visible;
   height: 3.125rem;
   transition-property: visibility,height;
   transition-duration: 80ms
}

   .language-switcher.ls-hide {
      visibility: hidden;
      height: 0;
      overflow: hidden
   }

.ls-layout {
   position: relative;
   display: flex;
   flex-direction: row;
   height: 3.125rem;
   border-bottom: 2px solid #444;
   line-height: 1;
   color: #fff;
   align-items: center;
   background-color: #191919;
   z-index: 12
}

@media (max-width:60rem) {
   .ls-layout {
      margin-right: -3rem
   }
}

.ls-view-in-lang {
   width: 50%;
   flex: 1 1 auto
}

.ls-view-in-lang-align {
   float: right;
   padding: 0 .5rem
}

.ls-view-in-lang-text a {
   color: #ffc82e
}

.ls-separator {
   width: 2px;
   height: 1.875rem;
   flex: 0 0 auto;
   background-color: #ccc
}

.ls-all-langs {
   width: 50%;
   flex: 1 1 auto
}

.ls-all-langs-label {
   display: inline-block;
   padding-left: .5rem;
   vertical-align: middle
}

.ls-all-langs-positioner {
   display: inline-block;
   position: relative
}

.ls-all-langs-current {
   display: inline-block;
   margin-left: .5rem;
   padding: 0;
   border: 0;
   vertical-align: middle;
   color: #fff;
   background-color: transparent
}

   .ls-all-langs-current:active, .ls-all-langs-current:hover {
      color: #ffc82e;
      text-decoration: none
   }

   .ls-all-langs-current:focus {
      outline: thin dotted
   }

   .ls-all-langs-current i, .ls-all-langs-current span {
      display: inline-block;
      vertical-align: middle
   }

   .ls-all-langs-current .glyph-nav-world {
      font-size: 1.5rem
   }

.ls-all-langs-dropdown {
   visibility: hidden;
   position: absolute;
   width: 25rem;
   right: -2rem;
   padding-bottom: 1rem;
   overflow: hidden
}

.ls-all-langs-menu {
   visibility: hidden;
   position: relative;
   float: right;
   right: 1rem;
   min-width: 10rem;
   margin: 0;
   padding: .875rem 0;
   list-style: none;
   background-color: #191919;
   box-shadow: 0 0 15px rgba(0,0,0,.5);
   transition-property: visibility;
   transition-duration: 80ms
}

   .ls-all-langs-menu a {
      display: inline-block;
      width: 100%;
      padding: .4375rem 1.75rem;
      line-height: 1.25;
      color: #fff
   }

      .ls-all-langs-menu a.ls-selected {
         font-weight: 600;
         text-decoration: none;
         outline: 0;
         cursor: default
      }

.ls-visible {
   visibility: visible
}

.ls-close {
   width: 3rem;
   height: 3rem;
   flex: 0 0 auto
}

.ls-close-button {
   width: 3rem;
   height: 3rem;
   padding: 0;
   border: 0;
   background-color: transparent
}

   .ls-close-button:before {
      content: "\e615";
      display: block;
      width: 100%;
      line-height: 3
   }

   .ls-close-button:active, .ls-close-button:hover {
      color: #ffc82e;
      text-decoration: none
   }

   .ls-close-button:focus {
      outline: thin dotted
   }

input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], select, textarea {
   clear: left;
   display: block;
   width: 100%;
   padding: .125em .5em;
   border: 1px solid #aaa;
   border-radius: 6px;
   color: #333;
   background-color: #fff
}

   .reseller-form .input-group label:hover + input, .reseller-form .input-group label:hover + select, .reseller-form .input-group label:hover + textarea, .standard-form .input-group label:hover + input, .standard-form .input-group label:hover + select, .standard-form .input-group label:hover + textarea, .validation-form .input-group label:hover + input, .validation-form .input-group label:hover + select, .validation-form .input-group label:hover + textarea, input[type=email]:focus, input[type=email]:hover, input[type=password]:focus, input[type=password]:hover, input[type=search]:focus, input[type=search]:hover, input[type=tel]:focus, input[type=tel]:hover, input[type=text]:focus, input[type=text]:hover, select:focus, select:hover, textarea:focus, textarea:hover {
      border-color: #0072ce;
      box-shadow: 0 0 3px rgba(0,0,0,.3);
      outline: 0
   }

.input-lomh {
   display: none
}

.reseller-form .boolean-group, .reseller-form .input-group, .standard-form .boolean-group, .standard-form .input-group, .validation-form .boolean-group, .validation-form .input-group {
   margin-bottom: 1em
}

   .reseller-form .boolean-group .error-block, .reseller-form .input-group .error-block, .standard-form .boolean-group .error-block, .standard-form .input-group .error-block, .validation-form .boolean-group .error-block, .validation-form .input-group .error-block {
      clear: left;
      max-height: 0;
      margin: 0;
      overflow: hidden;
      transition: max-height .3s
   }

.reseller-form .checkboxes, .standard-form .checkboxes, .validation-form .checkboxes {
   border-color: transparent;
   transition: border-radius .3s step-end,border-color .3s step-end,background-color 0s,padding .3s,margin .3s
}

.reseller-form .input-group label, .standard-form .input-group label, .validation-form .input-group label {
   display: block;
   float: left;
   padding-bottom: .125em
}

.reseller-form .error-block label, .standard-form .error-block label, .validation-form .error-block label {
   float: none;
   padding: .125em 1em;
   color: #fff;
   background-color: #bf3939;
   border-color: #bf3939;
   border-radius: 0 0 6px 6px;
   margin: 0
}

.reseller-form .boolean-group .title-wrapper > *, .standard-form .boolean-group .title-wrapper > *, .validation-form .boolean-group .title-wrapper > * {
   margin: 0
}

.reseller-form .boolean-group label, .standard-form .boolean-group label, .validation-form .boolean-group label {
   position: relative;
   display: block;
   float: left;
   clear: left;
   margin: .125em 0;
   padding-left: 1.5em
}

   .reseller-form .boolean-group label.error, .standard-form .boolean-group label.error, .validation-form .boolean-group label.error {
      float: none;
      margin: 0;
      padding: .125em 1em
   }

.reseller-form input[type=checkbox], .reseller-form input[type=radio], .standard-form input[type=checkbox], .standard-form input[type=radio], .validation-form input[type=checkbox], .validation-form input[type=radio] {
   display: block;
   position: relative;
   float: left;
   top: .625em;
   margin: -7px 0 0 -1.125em
}

.reseller-form .submit-group, .standard-form .submit-group, .validation-form .submit-group {
   text-align: center
}

   .reseller-form .submit-group button, .standard-form .submit-group button, .validation-form .submit-group button {
      margin: 0 1em 1em
   }

.reseller-form .has-error .checkboxes, .reseller-form .has-error input[type=email], .reseller-form .has-error input[type=password], .reseller-form .has-error input[type=search], .reseller-form .has-error input[type=tel], .reseller-form .has-error input[type=text], .reseller-form .has-error select, .reseller-form .has-error textarea, .standard-form .has-error .checkboxes, .standard-form .has-error input[type=email], .standard-form .has-error input[type=password], .standard-form .has-error input[type=search], .standard-form .has-error input[type=tel], .standard-form .has-error input[type=text], .standard-form .has-error select, .standard-form .has-error textarea, .validation-form .has-error .checkboxes, .validation-form .has-error input[type=email], .validation-form .has-error input[type=password], .validation-form .has-error input[type=search], .validation-form .has-error input[type=tel], .validation-form .has-error input[type=text], .validation-form .has-error select, .validation-form .has-error textarea {
   border-radius: 6px 6px 0 0;
   transition-timing-function: step-start,step-start;
   border: 1px solid #bf3939
}

.reseller-form .has-error .error-block, .standard-form .has-error .error-block, .validation-form .has-error .error-block {
   transition-duration: .5s;
   max-height: 4.75em
}

.reseller-form .has-error .checkboxes, .standard-form .has-error .checkboxes, .validation-form .has-error .checkboxes {
   margin-top: .25rem;
   padding: .25rem 0
}

.reseller-form, .standard-form {
   max-width: 24em;
   padding: 0 1em;
   margin: 0 auto
}

   .reseller-form.expanded, .standard-form.expanded {
      max-width: 30em
   }

   .reseller-form fieldset, .standard-form fieldset {
      padding: 0;
      border: 0;
      margin: 0
   }

   .reseller-form .column-60, .standard-form .column-60 {
      float: left;
      width: 60%;
      padding-right: .5em
   }

   .reseller-form .column-50, .standard-form .column-50 {
      float: left;
      width: 50%;
      padding-right: .5em
   }

   .reseller-form .column-40, .standard-form .column-40 {
      float: left;
      width: 40%;
      padding-right: .5em
   }

   .reseller-form .last, .standard-form .last {
      padding-right: 0
   }

@media (max-width:20em) {
   .reseller-form .column-40, .reseller-form .column-50, .reseller-form .column-60, .standard-form .column-40, .standard-form .column-50, .standard-form .column-60 {
      float: none;
      width: auto;
      padding: 0
   }
}

.reseller-form {
   max-width: 20em
}

   .reseller-form .submit-group {
      text-align: left
   }

      .reseller-form .submit-group button {
         margin: 0
      }

   .reseller-form .column-40 {
      padding-right: 0
   }

   .reseller-form .form-header {
      text-align: left
   }

.form-footer-wrapper {
   margin: 0 auto;
   padding-top: 3em
}

   .form-footer-wrapper .form-footer .form-footer-note {
      padding-bottom: 3em
   }

.region.split-form .column-block + .column-block .reseller-form {
   max-width: 20em
}

   .region.split-form .column-block + .column-block .reseller-form .submit-group {
      text-align: left
   }

      .region.split-form .column-block + .column-block .reseller-form .submit-group button {
         margin: 0
      }

.region.split-form.offset-66 .column-block:first-child form {
   max-width: 32em
}

.region.split-form.offset-66 .column-block:first-child:after {
   content: "";
   display: block;
   position: absolute;
   top: .875em;
   bottom: .875em;
   right: 42%;
   margin-right: -3em;
   width: 1px;
   background-color: #ccc
}

@media (max-width:64.7058823529em) {
   .region.split-form.offset-66 .column-block:first-child:after {
      right: 50.5%;
      margin-right: -8.5em
   }
}

@media (max-width:58.125rem) {
   .region.split-form.offset-66 .column-block {
      width: auto;
      float: none
   }

      .region.split-form.offset-66 .column-block.split-border {
         position: relative;
         padding-top: 3em
      }

         .region.split-form.offset-66 .column-block.split-border:before {
            content: "";
            display: block;
            position: absolute;
            top: 1.5em;
            left: 1em;
            right: 1em;
            max-width: 34em;
            margin: 0 auto;
            height: 1px;
            background-color: #ccc
         }

      .region.split-form.offset-66 .column-block:first-child {
         width: 100%;
         padding-bottom: 1em
      }

         .region.split-form.offset-66 .column-block:first-child:after {
            content: none
         }
}

.form-seperation-wrapper {
   margin: 0 auto;
   text-align: center;
   max-width: 12em
}

   .form-seperation-wrapper .form-results-count {
      position: relative
   }

      .form-seperation-wrapper .form-results-count:before {
         content: "";
         position: absolute;
         background-color: grey;
         height: 1px;
         width: 200%;
         margin-left: -210%;
         margin-top: .65em
      }

      .form-seperation-wrapper .form-results-count:after {
         content: "";
         position: absolute;
         background-color: grey;
         height: 1px;
         width: 200%;
         margin-left: 10%;
         margin-top: .65em
      }

.form-results-end {
   margin: 0 auto;
   position: relative;
   height: 1px;
   background-color: grey;
   width: 60em
}

.form-header {
   text-align: center;
   padding-bottom: 1em
}

.form-results {
   padding-bottom: 3em
}

   .form-results .reseller-form-results {
      margin: 0 auto
   }

      .form-results .reseller-form-results .image-wrapper {
         float: left;
         width: 50%
      }

         .form-results .reseller-form-results .image-wrapper img {
            float: right;
            max-width: 12.5rem
         }

      .form-results .reseller-form-results .inner-wrapper {
         padding-left: 1.25em;
         float: left;
         width: 50%
      }

      .form-results .reseller-form-results .copy-wrapper i {
         display: inline-block;
         vertical-align: top;
         margin-right: .5em
      }

      .form-results .reseller-form-results .copy-wrapper p {
         margin: .375em 0 0
      }

@media (max-width:540px) {
   .form-results .reseller-form-results .image-wrapper {
      text-align: center;
      float: none;
      width: 100%
   }

      .form-results .reseller-form-results .image-wrapper img {
         float: none;
         padding-bottom: 1em
      }

   .form-results .reseller-form-results .inner-wrapper {
      float: none;
      width: 100%;
      box-sizing: content-box;
      margin: 0 auto
   }

      .form-results .reseller-form-results .inner-wrapper .headline-wrapper {
         text-align: center
      }

      .form-results .reseller-form-results .inner-wrapper .copy-wrapper {
         text-align: center
      }

         .form-results .reseller-form-results .inner-wrapper .copy-wrapper i {
            display: inline-block;
            vertical-align: top;
            margin-right: .5em
         }

         .form-results .reseller-form-results .inner-wrapper .copy-wrapper p {
            margin: .375em 0 0
         }
}

.download-form {
   padding-right: 2rem
}

   .download-form label {
      display: inline-block;
      font-size: 1.125rem;
      font-weight: 400;
      margin-bottom: .5rem
   }

input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], select {
   height: 2.5rem;
   line-height: 1.375
}

textarea {
   line-height: 1.25;
   height: 6.625em;
   resize: vertical
}

.form-control {
   width: 100%;
   display: block
}

.validation-summary-valid {
   display: none
}

.validation-summary-errors {
   border: 1px solid #bf3939;
   color: #fff;
   background-color: #bf3939;
   padding: .5rem;
   border-radius: 5px;
   margin-bottom: 1rem
}

.success-message {
   color: #436919;
   font-weight: 500;
   background-color: rgba(90,142,34,.3);
   padding: 1rem
}

.tsc-footer {
   --tsc-logo-color: #000;
   --tsc-footer-color: #1a1a1a;
   --tsc-footer-bg-color: #f0f1f5;
   --tsc-footer-icon-fg-color: #fff;
   --tsc-footer-icon-bg-color: #364447;
   padding: 3.75rem 0;
   padding-bottom: 0;
   color: var(--tsc-footer-color);
   background-color: var(--tsc-footer-bg-color);
   font-size: .875rem
}

   .tsc-footer .svg-fg {
      fill: var(--tsc-footer-icon-fg-color)
   }

   .tsc-footer .svg-bg {
      fill: var(--tsc-footer-icon-bg-color)
   }

   .tsc-footer footer, .tsc-footer nav {
      width: 100%;
      max-width: 26.875rem;
      margin: 0 auto;
      padding: 0 2rem
   }

@media (min-width:47.9375rem) {
   .tsc-footer footer, .tsc-footer nav {
      width: 70%;
      max-width: 45rem;
      padding: 0 1rem
   }
}

@media (min-width:75rem) {
   .tsc-footer footer, .tsc-footer nav {
      width: 75rem;
      max-width: unset
   }
}

.tsc-footer footer a, .tsc-footer nav a {
   color: var(--tsc-footer-color);
   background-color: transparent
}

   .tsc-footer footer a:active, .tsc-footer footer a:hover, .tsc-footer nav a:active, .tsc-footer nav a:hover {
      text-decoration: underline
   }

   .tsc-footer footer a:focus, .tsc-footer nav a:focus {
      outline: 2px dotted var(--tsc-footer-color);
      outline-offset: 2px
   }

.tsc-footer nav {
   margin-bottom: 3.75rem
}

   .tsc-footer nav > ul {
      display: grid;
      justify-content: space-between;
      grid-template-columns: repeat(2,minmax(0,1fr));
      gap: 2rem
   }

@media (min-width:47.9375rem) {
   .tsc-footer nav > ul {
      grid-template-columns: repeat(3,minmax(0,1fr))
   }
}

@media (min-width:75rem) {
   .tsc-footer nav > ul {
      grid-template-columns: repeat(6,minmax(0,1fr));
      gap: 1rem
   }
}

.tsc-footer nav > ul > li > h3 {
   font-size: 1rem;
   line-height: 1.25
}

.tsc-footer nav > ul > li > ul > li {
   margin-bottom: .5rem
}

   .tsc-footer nav > ul > li > ul > li > a {
      display: inline-block;
      line-height: 1.25
   }

.tsc-footer footer {
   display: flex;
   flex-direction: column;
   align-items: center
}

@media (min-width:75rem) {
   .tsc-footer footer {
      flex-direction: row
   }
}

.tsc-footer .logo {
   margin: 0 0 3.75rem;
   font-size: 0;
   line-height: 1;
   text-align: center
}

   .tsc-footer .logo a {
      display: inline-flex
   }

      .tsc-footer .logo a > svg {
         width: auto;
         height: 2rem
      }

         .tsc-footer .logo a > svg .svg-logo {
            fill: var(--tsc-logo-color)
         }

.tsc-footer .social-links {
   display: flex;
   gap: .5rem;
   margin-bottom: 2rem
}

@media (min-width:75rem) {
   .tsc-footer .social-links {
      flex: 0 0 auto;
      margin-bottom: 0
   }
}

.tsc-footer .social-links > li > a {
   display: flex;
   border-radius: 50%
}

   .tsc-footer .social-links > li > a:hover > svg {
      filter: brightness(1.25)
   }

.tsc-footer .terms-of-service {
   display: flex;
   gap: 1rem;
   align-items: center;
   margin-bottom: 2rem
}

@media (min-width:75rem) {
   .tsc-footer .terms-of-service {
      flex: 1 0 auto;
      margin-left: 2rem;
      margin-bottom: 0
   }
}

.tsc-footer .copyright {
   margin: 0;
   flex-shrink: 1;
   text-align: center
}

@media (min-width:75rem) {
   .tsc-footer .copyright {
      flex: 0 0 auto;
      margin-left: 2rem;
      align-self: center;
      text-align: right
   }
}

.tsc-footer .footer-language {
   background: #fff;
   margin: 0 auto;
   width: 100%;
   text-align: center;
   padding: 1.25rem;
   font-size: 1rem
}

   .tsc-footer .footer-language a {
      color: #000;
      padding: .5rem
   }

.navigation-bar-wrapper {
   --navbar-link-color: #1a1a1a;
   --navbar-link-color-hover: #1a1a1a;
   --navbar-link-text-shadow-hover: rgba(0, 0, 0, .5);
   --navbar-link-bg-color: transparent;
   --navbar-link-border-color-hover: rgba(0, 0, 0, .7);
   --navbar-bg-color: rgba(255, 255, 255, .75);
   --navbar-toggle-icon-color: #1a1a1a;
   --navbar-toggle-icon-bg-color: #ffc82e;
   --navbar-dropdown-bg-color: radial-gradient(143.85% 111.8% at 100% 0, rgba(153, 229, 0, 0.1) 0, rgba(0, 0, 0, 0) 50%),radial-gradient(114.07% 71.33% at 0.83% 0, rgba(150, 115, 255, 0.1) 0, rgba(150, 115, 255, 0) 100%),rgba(255, 255, 255, 0.85);
   --navbar-dropdown-link-bg-color-hover: rgba(255, 255, 255);
   --navbar-dropdown-outer-border-color: rgba(0, 0, 0, .05);
   --navbar-dropdown-inner-bezel-top: rgba(255, 255, 255, 1);
   --navbar-dropdown-inner-bezel-bottom: rgba(0, 0, 0, .1);
   position: relative;
   z-index: 1;
   box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.1);
   color: var(--navbar-link-color);
   background-color: var(--navbar-bg-color);
   -webkit-backdrop-filter: blur(8px);
   backdrop-filter: blur(8px);
   font-family: Montserrat,Helvetica,Arial,sans-serif;
   font-weight: 600
}

@media (min-width:75rem) {
   .navbar-header, .navbar-tsc-header {
      margin: .5rem
   }
}

.navbar-header:focus, .navbar-tsc-header:focus {
   outline: dotted .125rem var(--navbar-link-color);
   outline-offset: 0.25rem
}

.navbar-header > img, .navbar-tsc-header > img {
   width: auto;
   max-width: 100%;
   height: 4rem;
   vertical-align: middle
}

@media (min-width:75rem) {
   .navbar-header > img, .navbar-tsc-header > img {
      height: 3rem
   }
}

.navbar-promo-links, .navbar-tsc-promo-links {
   display: inline-flex
}

   .navbar-promo-links li:first-of-type, .navbar-tsc-promo-links li:first-of-type {
      margin-right: .5rem
   }

.navbar, .navbar-tsc {
   max-width: 75em;
   min-height: 0;
   margin: 0 auto;
   border: 0
}

.nav.navbar-nav li, .nav.navbar-tsc-nav li {
   float: none;
   margin: 0;
   padding: 0
}

.nav.navbar-nav a, .nav.navbar-tsc-nav a {
   padding: 1rem .75rem !important;
   border: solid transparent;
   border-width: 4px 0;
   border-radius: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: var(--navbar-link-color);
   background-color: var(--navbar-link-bg-color);
   font-weight: 600
}

   .nav.navbar-nav a:active, .nav.navbar-nav a:focus, .nav.navbar-nav a:hover, .nav.navbar-nav li.active > a, .nav.navbar-tsc-nav a:active, .nav.navbar-tsc-nav a:focus, .nav.navbar-tsc-nav a:hover, .nav.navbar-tsc-nav li.active > a {
      color: var(--navbar-link-color-hover);
      background-color: transparent;
      text-shadow: 0 0 1px var(--navbar-link-text-shadow-hover);
      outline: 0;
      border-color: transparent transparent var(--navbar-link-border-color-hover)
   }

.nav.navbar-nav .dropdown-menu, .nav.navbar-tsc-nav .dropdown-menu {
   font-size: 1rem
}

.navbar-desktop .dropdown li, .navbar-mobile .nav-pills li, .navbar-tsc-desktop .dropdown li, .navbar-tsc-mobile .nav-pills li {
   border-top: 1px solid var(--navbar-dropdown-inner-bezel-top);
   border-bottom: 1px solid var(--navbar-dropdown-inner-bezel-bottom)
}

   .navbar-desktop .dropdown li:last-child, .navbar-mobile .nav-pills li:last-child, .navbar-tsc-desktop .dropdown li:last-child, .navbar-tsc-mobile .nav-pills li:last-child {
      border-bottom-width: 0
   }

   .navbar-desktop .dropdown li:first-of-type, .navbar-mobile .nav-pills li:first-of-type, .navbar-tsc-desktop .dropdown li:first-of-type, .navbar-tsc-mobile .nav-pills li:first-of-type {
      border-top-width: 0
   }

   .navbar-desktop .dropdown li:last-of-type, .navbar-mobile .nav-pills li:last-of-type, .navbar-tsc-desktop .dropdown li:last-of-type, .navbar-tsc-mobile .nav-pills li:last-of-type {
      border-bottom-width: 0
   }

   .navbar-desktop .dropdown li a:focus, .navbar-desktop .dropdown li a:hover, .navbar-mobile .nav-pills li a:focus, .navbar-mobile .nav-pills li a:hover, .navbar-tsc-desktop .dropdown li a:focus, .navbar-tsc-desktop .dropdown li a:hover, .navbar-tsc-mobile .nav-pills li a:focus, .navbar-tsc-mobile .nav-pills li a:hover {
      background-color: var(--navbar-dropdown-link-bg-color-hover)
   }

.navbar-mobile, .navbar-tsc-mobile {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: .75rem;
   gap: .75rem
}

@media (min-width:75rem) {
   .navbar-mobile, .navbar-tsc-mobile {
      display: none
   }
}

.navbar-mobile > .navbar-menu, .navbar-mobile > .navbar-tsc-menu, .navbar-tsc-mobile > .navbar-menu, .navbar-tsc-mobile > .navbar-tsc-menu {
   display: flex;
   width: 100%;
   max-width: 20rem;
   flex-direction: column;
   border-radius: .4375rem;
   background: var(--navbar-dropdown-bg-color)
}

   .navbar-mobile > .navbar-menu a, .navbar-mobile > .navbar-tsc-menu a, .navbar-tsc-mobile > .navbar-menu a, .navbar-tsc-mobile > .navbar-tsc-menu a {
      line-height: 1.25rem
   }

.navbar-mobile .navbar-toggle, .navbar-mobile .navbar-tsc-toggle, .navbar-tsc-mobile .navbar-toggle, .navbar-tsc-mobile .navbar-tsc-toggle {
   display: flex;
   width: 100%;
   max-width: 20rem;
   margin: 0;
   padding: .75rem .75rem;
   border-radius: .4375rem;
   border: 1px solid var(--navbar-dropdown-outer-border-color);
   border-bottom: 1px solid var(--navbar-dropdown-inner-bezel-bottom);
   align-items: center;
   justify-content: space-between;
   font-family: Montserrat,Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-align: left;
   line-height: 1.625;
   background-color: transparent
}

   .navbar-mobile .navbar-toggle:not(.collapsed), .navbar-mobile .navbar-tsc-toggle:not(.collapsed), .navbar-tsc-mobile .navbar-toggle:not(.collapsed), .navbar-tsc-mobile .navbar-tsc-toggle:not(.collapsed) {
      border-radius: .4375rem .4375rem 0 0
   }

   .navbar-mobile .navbar-toggle > .glyph-icon, .navbar-mobile .navbar-tsc-toggle > .glyph-icon, .navbar-tsc-mobile .navbar-toggle > .glyph-icon, .navbar-tsc-mobile .navbar-tsc-toggle > .glyph-icon {
      color: var(--navbar-toggle-icon-color);
      background-color: var(--navbar-toggle-icon-bg-color);
      font-weight: 900;
      font-size: .8125rem;
      top: 0
   }

      .navbar-mobile .navbar-toggle > .glyph-icon::before, .navbar-mobile .navbar-tsc-toggle > .glyph-icon::before, .navbar-tsc-mobile .navbar-toggle > .glyph-icon::before, .navbar-tsc-mobile .navbar-tsc-toggle > .glyph-icon::before {
         font-size: 1rem;
         line-height: 1.65
      }

      .navbar-mobile .navbar-toggle > .glyph-icon.glyph-angle-up::before, .navbar-mobile .navbar-tsc-toggle > .glyph-icon.glyph-angle-up::before, .navbar-tsc-mobile .navbar-toggle > .glyph-icon.glyph-angle-up::before, .navbar-tsc-mobile .navbar-tsc-toggle > .glyph-icon.glyph-angle-up::before {
         line-height: 1.5
      }

.navbar-mobile .dropdown-toggle > .glyph, .navbar-tsc-mobile .dropdown-toggle > .glyph {
   margin-right: -.25rem
}

.navbar-mobile .navbar-collapse, .navbar-mobile .navbar-tsc-collapse, .navbar-tsc-mobile .navbar-collapse, .navbar-tsc-mobile .navbar-tsc-collapse {
   width: 100%;
   max-width: 20rem;
   padding: 0;
   box-shadow: none;
   border-width: 0;
   border-top: 1px solid rgba(255,255,255,.1)
}

   .navbar-mobile .navbar-collapse > .navbar-nav, .navbar-mobile .navbar-collapse > .navbar-tsc-nav, .navbar-mobile .navbar-tsc-collapse > .navbar-nav, .navbar-mobile .navbar-tsc-collapse > .navbar-tsc-nav, .navbar-tsc-mobile .navbar-collapse > .navbar-nav, .navbar-tsc-mobile .navbar-collapse > .navbar-tsc-nav, .navbar-tsc-mobile .navbar-tsc-collapse > .navbar-nav, .navbar-tsc-mobile .navbar-tsc-collapse > .navbar-tsc-nav {
      padding: 0 .75rem;
      border-color: var(--navbar-dropdown-outer-border-color);
      border-style: solid;
      border-width: 0 1px 1px;
      border-radius: 0 0 .4375rem .4375rem
   }

.navbar-mobile .dropdown.open, .navbar-tsc-mobile .dropdown.open {
   padding-bottom: 0
}

.navbar-mobile .dropdown-menu, .navbar-tsc-mobile .dropdown-menu {
   padding: 1rem 0
}

.navbar-desktop, .navbar-tsc-desktop {
   display: none
}

@media (min-width:75rem) {
   .navbar-desktop, .navbar-tsc-desktop {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0 .5rem 0 calc(1rem - .25rem)
   }
}

.navbar-desktop .navbar-header, .navbar-desktop .navbar-nav, .navbar-desktop .navbar-promo-links, .navbar-desktop .navbar-tsc-header, .navbar-desktop .navbar-tsc-nav, .navbar-desktop .navbar-tsc-promo-links, .navbar-tsc-desktop .navbar-header, .navbar-tsc-desktop .navbar-nav, .navbar-tsc-desktop .navbar-promo-links, .navbar-tsc-desktop .navbar-tsc-header, .navbar-tsc-desktop .navbar-tsc-nav, .navbar-tsc-desktop .navbar-tsc-promo-links {
   float: none
}

.navbar-desktop .navbar-header, .navbar-desktop .navbar-tsc-header, .navbar-tsc-desktop .navbar-header, .navbar-tsc-desktop .navbar-tsc-header {
   margin: 0 calc(.75rem - .25rem) 0 0;
   flex-shrink: 0;
   padding: 0 .5rem
}

   .navbar-desktop .navbar-header:focus, .navbar-desktop .navbar-tsc-header:focus, .navbar-tsc-desktop .navbar-header:focus, .navbar-tsc-desktop .navbar-tsc-header:focus {
      outline-offset: -0.25rem
   }

.navbar-desktop .navbar-nav, .navbar-desktop .navbar-tsc-nav, .navbar-tsc-desktop .navbar-nav, .navbar-tsc-desktop .navbar-tsc-nav {
   flex-grow: 1;
   display: flex;
   flex-direction: row;
   align-items: center;
   align-self: stretch;
   min-height: 3rem
}

   .navbar-desktop .navbar-nav > li, .navbar-desktop .navbar-tsc-nav > li, .navbar-tsc-desktop .navbar-nav > li, .navbar-tsc-desktop .navbar-tsc-nav > li {
      align-self: stretch;
      margin: 0 .75rem;
      padding: 0;
      display: flex;
      align-items: center
   }

      .navbar-desktop .navbar-nav > li > a, .navbar-desktop .navbar-tsc-nav > li > a, .navbar-tsc-desktop .navbar-nav > li > a, .navbar-tsc-desktop .navbar-tsc-nav > li > a {
         align-self: stretch;
         margin: 0;
         padding: 0 !important
      }

.navbar-desktop .dropdown-toggle > .glyph, .navbar-tsc-desktop .dropdown-toggle > .glyph {
   margin-left: .5rem
}

.navbar-desktop .dropdown-menu, .navbar-tsc-desktop .dropdown-menu {
   padding: 0;
   border-radius: .4375rem;
   border: 1px solid var(--navbar-dropdown-outer-border-color);
   background: var(--navbar-dropdown-bg-color);
   -webkit-backdrop-filter: blur(8px);
   backdrop-filter: blur(8px);
   font-size: .875rem !important
}

.navbar-desktop .navbar-promo-links, .navbar-desktop .navbar-tsc-promo-links, .navbar-tsc-desktop .navbar-promo-links, .navbar-tsc-desktop .navbar-tsc-promo-links {
   flex: 0 0 auto;
   margin-left: auto
}

.navigation-bar-wrapper.snagit {
   --navbar-toggle-icon-color: #fff;
   --navbar-toggle-icon-bg-color: #e10992
}

   .navigation-bar-wrapper.snagit .btn-primary {
      --btn-color: #fff;
      --btn-color-hover: #fff;
      --btn-color-focus: #fff;
      --btn-color-active: #fff;
      --btn-bg-color: #e10992;
      --btn-bg-color-hover: #d5088a;
      --btn-bg-color-focus: #d5088a;
      --btn-bg-color-active: #e10992;
      --tsc-focus-outline-color: #1a1a1a;
      --btn-border-color: #e10992;
      --btn-border-color-hover: #d5088a;
      --btn-border-color-focus: #d5088a
   }

.navigation-bar-wrapper.camtasia {
   --navbar-bg-color: $camtasia-bg-dark;
   --navbar-toggle-icon-bg-color: #99e500;
   --navbar-link-color: #fff;
   --navbar-link-color-hover: #fff;
   --navbar-link-border-color-hover: #fff;
   --navbar-dropdown-bg-color: radial-gradient(143.85% 111.8% at 100% 0, rgba(153, 229, 0, 0.1) 0, rgba(0, 0, 0, 0) 50%),radial-gradient(114.07% 71.33% at 0.83% 0, rgba(150, 115, 255, 0.1) 0, rgba(150, 115, 255, 0) 100%),rgba(3, 9, 15, 0.8);
   --navbar-dropdown-link-bg-color-hover: rgba(255, 255, 255, .05);
   --navbar-dropdown-outer-border-color: rgba(255, 255, 255, .1);
   --navbar-dropdown-inner-bezel-top: rgba(255, 255, 255, .1);
   --navbar-dropdown-inner-bezel-bottom: rgba(0, 0, 0, .5);
   box-shadow: none;
   border-bottom: 1px solid rgba(255,255,255,.2)
}

   .navigation-bar-wrapper.camtasia .btn-primary {
      --btn-color: #000;
      --btn-color-hover: #000;
      --btn-color-focus: #000;
      --btn-color-active: #000;
      --btn-bg-color: #99e500;
      --btn-bg-color-hover: #c3ff4a;
      --btn-bg-color-focus: #c3ff4a;
      --btn-bg-color-active: #99e500;
      --tsc-focus-outline-color: #1a1a1a;
      --btn-border-color: #99e500;
      --btn-border-color-hover: #c3ff4a;
      --btn-border-color-focus: #c3ff4a;
      --tsc-focus-outline-color: #fff
   }

   .navigation-bar-wrapper.camtasia .btn-outline {
      --btn-color: #fff;
      --btn-border-color: #fff;
      --tsc-focus-outline-color: #ddd
   }

.sticky-nav-bar-spacer, .sticky-nav-bar-tsc-spacer {
   display: none;
   height: 8.5rem;
   padding-bottom: .0625rem
}

@media (min-width:75rem) {
   .sticky-nav-bar-spacer, .sticky-nav-bar-tsc-spacer {
      height: 4rem
   }
}

@media (min-height:32rem) {
   .navigation-bar-wrapper.sticky {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10;
      overflow-y: visible
   }

      .navigation-bar-wrapper.sticky + .sticky-nav-bar-spacer, .navigation-bar-wrapper.sticky + .sticky-nav-bar-tsc-spacer {
         display: block
      }

      .navigation-bar-wrapper.sticky .navbar-mobile, .navigation-bar-wrapper.sticky .navbar-tsc-mobile {
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: space-between
      }

         .navigation-bar-wrapper.sticky .navbar-mobile .navbar-header, .navigation-bar-wrapper.sticky .navbar-tsc-mobile .navbar-tsc-header {
            flex: 0 0 auto;
            margin: 0;
            padding: 0
         }

            .navigation-bar-wrapper.sticky .navbar-mobile .navbar-header > img, .navigation-bar-wrapper.sticky .navbar-tsc-mobile .navbar-tsc-header > img {
               height: 3rem
            }

         .navigation-bar-wrapper.sticky .navbar-mobile > .navbar-menu, .navigation-bar-wrapper.sticky .navbar-tsc-mobile > .navbar-tsc-menu {
            max-width: none
         }

         .navigation-bar-wrapper.sticky .navbar-mobile .navbar-toggle, .navigation-bar-wrapper.sticky .navbar-tsc-mobile .navbar-tsc-toggle {
            width: auto;
            max-width: none
         }

         .navigation-bar-wrapper.sticky .navbar-mobile .navbar-collapse, .navigation-bar-wrapper.sticky .navbar-tsc-mobile .navbar-tsc-collapse {
            max-width: none
         }

         .navigation-bar-wrapper.sticky .navbar-mobile .navbar-promo-links .btn, .navigation-bar-wrapper.sticky .navbar-tsc-mobile .navbar-tsc-promo-links .btn {
            margin-top: 0;
            margin-bottom: 0
         }

         .navigation-bar-wrapper.sticky .navbar-mobile .navbar-promo-links > li:first-of-type, .navigation-bar-wrapper.sticky .navbar-tsc-mobile .navbar-tsc-promo-links > li:first-of-type {
            margin-right: .5rem
         }
}

@media (min-height:32rem) and (max-width:32.4375rem) {
   .navigation-bar-wrapper.sticky .navbar-mobile .navbar-promo-links > li:first-of-type, .navigation-bar-wrapper.sticky .navbar-tsc-mobile .navbar-tsc-promo-links > li:first-of-type {
      display: none
   }
}

.region.bg-transparent + .region.bg-transparent, .region.camtasia-black + .region.camtasia-black, .region.camtasia-grey-dark + .region.camtasia-grey-dark, .region.camtasia-grey-darker + .region.camtasia-grey-darker, .region.camtasia-grey-light + .region.camtasia-grey-light, .region.primary-grey0 + .region.primary-grey0, .region.primary-grey1 + .region.primary-grey1, .region.primary-grey2 + .region.primary-grey2, .region.primary-grey3 + .region.primary-grey3, .region.primary-grey8 + .region.primary-grey8, .region.primary-grey9 + .region.primary-grey9, .region.snagit-blue + .region.snagit-blue, .region.snagit-blue-light + .region.snagit-blue-light, .region.snagit-blue-muted + .region.snagit-blue-muted, .region.soft-black + .region.soft-black, .region.sweet-success + .region.sweet-success, .region.video-review-black + .region.video-review-black, .region.video-review-dark-grey + .region.video-review-dark-grey, .region.video-review-light-grey + .region.video-review-light-grey, .region.video-review-teal + .region.video-review-teal {
   padding-top: 0
}

#secondary-nav {
   display: none
}

.region {
   position: relative;
   padding-top: 3.75rem;
   padding-bottom: 3.75rem
}

   .region .icon-wrapper {
      text-align: center;
      font-size: 2rem
   }

   .region .region-switch {
      position: absolute;
      text-align: center;
      width: 100%;
      margin: -4.625rem 0 auto;
      z-index: 8;
      display: none;
      line-height: 1.5
   }

   .region .section-header {
      position: relative;
      max-width: 75em;
      margin: 0 auto 3.75rem;
      padding: 0 1em;
      text-align: center
   }

   .region .section-footer {
      position: relative;
      max-width: 75em;
      margin: 0 auto 3.75rem;
      padding: 0 1em;
      text-align: center
   }

      .region .section-footer ul {
         display: inline-block
      }

      .region .section-footer li {
         float: left;
         padding: 0 .75em;
         margin: .5em 0
      }

   .region .section-header + .section-footer {
      margin-top: -3.75rem
   }

   .region .section-footer.half-width, .region .section-header.half-width {
      max-width: 37.5em
   }

   .region .section-footer.two-thirds-width, .region .section-header.two-thirds-width {
      max-width: 49.5em
   }

   .region .section-footer.three-quarters-width, .region .section-header.three-quarters-width {
      max-width: 56.25em
   }

@media (min-width:60rem) {
   .region.sg-2022 .section-footer p, .region.sg-2022 .section-footer.text-left, .region.sg-2022 .section-footer.text-right, .region.sg-2022 .section-header p, .region.sg-2022 .section-header.text-left, .region.sg-2022 .section-header.text-right {
      max-width: 45rem;
      margin-right: auto;
      margin-left: auto
   }
}

@media (min-width:60rem) {
   .region.sg-2022 .section-footer.text-left ol, .region.sg-2022 .section-footer.text-left ul, .region.sg-2022 .section-header.text-left ol, .region.sg-2022 .section-header.text-left ul {
      padding-left: 1.25em
   }
}

@media (min-width:60rem) {
   .region.sg-2022 .section-footer.text-right ol, .region.sg-2022 .section-footer.text-right ul, .region.sg-2022 .section-header.text-right ol, .region.sg-2022 .section-header.text-right ul {
      padding-right: 1.25em
   }
}

.region .column-block-wrapper {
   max-width: 75em;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   margin-bottom: 3rem;
   padding: 0 1rem
}

@media (min-width:45.01rem) {
   .region .column-block-wrapper.row-reverse {
      display: flex;
      flex-direction: row-reverse
   }
}

@media (max-width:45rem) {
   .region .column-block-wrapper.vertical-flex-center, .region .column-block-wrapper.vertical-flex-end {
      display: block
   }
}

.region .column-block {
   min-height: 1px
}

@media screen and (max-width:26.875rem) {
   .region .column-block {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%
   }

      .region .column-block:last-child {
         margin-right: 0
      }
}

.region .column-block:last-child .celebrity-v2 {
   margin-bottom: 0
}

.region.one-column .column-block:not(:first-child) {
   margin-top: 1.875rem
}

.region.two-column .column-block {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 48.8211739883%
}

   .region.two-column .column-block:last-child {
      margin-right: 0
   }

   .region.two-column .column-block:nth-child(2n) {
      margin-right: 0
   }

   .region.two-column .column-block:nth-child(odd) {
      clear: left
   }

   .region.two-column .column-block:nth-child(n+3) {
      margin-top: 1.875rem
   }

@media screen and (max-width:45rem) {
   .region.two-column .column-block {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%
   }

      .region.two-column .column-block:last-child {
         margin-right: 0
      }

      .region.two-column .column-block:nth-child(n+3) {
         margin-top: 0
      }
}

.region.two-column.offset-66 .column-block {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 31.7615653177%
}

   .region.two-column.offset-66 .column-block:last-child {
      margin-right: 0
   }

   .region.two-column.offset-66 .column-block:nth-child(2n) {
      margin-right: 0
   }

   .region.two-column.offset-66 .column-block:nth-child(odd) {
      clear: left
   }

   .region.two-column.offset-66 .column-block:nth-child(odd) {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 65.8807826589%
   }

      .region.two-column.offset-66 .column-block:nth-child(odd):last-child {
         margin-right: 0
      }

@media screen and (max-width:45rem) {
   .region.two-column.offset-66 .column-block:nth-child(n) {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%
   }

      .region.two-column.offset-66 .column-block:nth-child(n):last-child {
         margin-right: 0
      }
}

.region.two-column.offset-33 .column-block {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 65.8807826589%
}

   .region.two-column.offset-33 .column-block:last-child {
      margin-right: 0
   }

   .region.two-column.offset-33 .column-block:nth-child(2n) {
      margin-right: 0
   }

   .region.two-column.offset-33 .column-block:nth-child(odd) {
      clear: left
   }

   .region.two-column.offset-33 .column-block:nth-child(odd) {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 31.7615653177%
   }

      .region.two-column.offset-33 .column-block:nth-child(odd):last-child {
         margin-right: 0
      }

@media screen and (max-width:45rem) {
   .region.two-column.offset-33 .column-block:nth-child(n) {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%
   }

      .region.two-column.offset-33 .column-block:nth-child(n):last-child {
         margin-right: 0
      }
}

@media (min-width:45.01rem) {
   .region.three-column .column-block {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 31.7615653177%
   }

      .region.three-column .column-block:last-child {
         margin-right: 0
      }

      .region.three-column .column-block:nth-child(3n) {
         margin-right: 0
      }

      .region.three-column .column-block:nth-child(3n+1) {
         clear: left
      }

      .region.three-column .column-block:nth-child(n+4) {
         margin-top: 1.875rem
      }
}

@media (max-width:45rem) {
   .region.three-column .column-block {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%
   }

      .region.three-column .column-block:last-child {
         margin-right: 0
      }
}

@media (min-width:60.01rem) {
   .region.four-column .column-block {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 23.2317609825%
   }

      .region.four-column .column-block:last-child {
         margin-right: 0
      }

      .region.four-column .column-block:nth-child(4n) {
         margin-right: 0
      }

      .region.four-column .column-block:nth-child(4n+1) {
         clear: left
      }

      .region.four-column .column-block:nth-child(n+5) {
         margin-top: 1.875rem
      }
}

@media (min-width:26.885rem) and (max-width:60rem) {
   .region.four-column .column-block {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 48.8211739883%
   }

      .region.four-column .column-block:last-child {
         margin-right: 0
      }

      .region.four-column .column-block:nth-child(2n) {
         margin-right: 0
      }

      .region.four-column .column-block:nth-child(odd) {
         clear: left
      }

      .region.four-column .column-block:nth-child(n+3) {
         margin-top: 1.875rem
      }
}

@media (max-width:26.875rem) {
   .region.four-column .column-block {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%
   }

      .region.four-column .column-block:last-child {
         margin-right: 0
      }
}

@media (min-width:60.01rem) {
   .region.five-column .column-block {
      float: left;
      display: block;
      margin-right: 1.8772697212%;
      width: 18.498184223%
   }

      .region.five-column .column-block:last-child {
         margin-right: 0
      }

      .region.five-column .column-block:nth-child(5n) {
         margin-right: 0
      }

      .region.five-column .column-block:nth-child(5n+1) {
         clear: left
      }

      .region.five-column .column-block:nth-child(n+6) {
         margin-top: 1.875rem
      }
}

@media (min-width:45.01rem) and (max-width:60rem) {
   .region.five-column .column-block {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 31.7615653177%
   }

      .region.five-column .column-block:last-child {
         margin-right: 0
      }

      .region.five-column .column-block:nth-child(3n) {
         margin-right: 0
      }

      .region.five-column .column-block:nth-child(3n+1) {
         clear: left
      }

      .region.five-column .column-block:nth-child(n+4) {
         margin-top: 1.875rem
      }
}

@media (max-width:45rem) {
   .region.five-column .column-block {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%
   }

      .region.five-column .column-block:last-child {
         margin-right: 0
      }
}

.region.background-image-dark > .background-image-wrapper, .region.background-image > .background-image-wrapper {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100%;
   overflow: hidden
}

.region.background-image-dark {
   color: #fff
}

   .region.background-image-dark .section-footer, .region.background-image-dark .section-header {
      text-shadow: 0 0 3px #444
   }

      .region.background-image-dark .section-footer a, .region.background-image-dark .section-footer button, .region.background-image-dark .section-header a, .region.background-image-dark .section-header button {
         text-shadow: none
      }

   .region.background-image-dark.sg-2022 .section-footer, .region.background-image-dark.sg-2022 .section-header {
      text-shadow: none
   }

.region.background-image .section-footer, .region.background-image .section-header {
   text-shadow: 0 0 3px #f8f8f8
}

   .region.background-image .section-footer a, .region.background-image .section-footer button, .region.background-image .section-header a, .region.background-image .section-header button {
      text-shadow: none
   }

.region.background-image.sg-2022 .section-footer, .region.background-image.sg-2022 .section-header {
   text-shadow: none
}

@media (max-width:45rem) {
   .region .section-header {
      margin-bottom: 1.5rem
   }

   .region .section-footer {
      margin: 0 1.25em
   }

      .region .section-footer li {
         float: none
      }

         .region .section-footer li + li {
            border: 0
         }

   .region .section-header + .section-footer {
      margin-top: 1.5rem
   }
}

@media (max-width:58.125rem) {
   .region.four-column .column-block.celebrity-v2-wrapper.product-promo-wrapper, .region.three-column .column-block.celebrity-v2-wrapper.product-promo-wrapper, .region.two-column .column-block.celebrity-v2-wrapper.product-promo-wrapper {
      width: 100%;
      margin-top: 0
   }

      .region.four-column .column-block.celebrity-v2-wrapper.product-promo-wrapper .section-header, .region.three-column .column-block.celebrity-v2-wrapper.product-promo-wrapper .section-header, .region.two-column .column-block.celebrity-v2-wrapper.product-promo-wrapper .section-header {
         margin: 0
      }
}

@media (max-width:45rem) {
   .region .theme-border-wrapper {
      width: 100% !important;
      margin: 0 !important
   }
}

@media (min-width:60rem) {
   .region.overlap-next-region {
      padding-bottom: 5.625rem
   }

      .region.overlap-next-region + .region > .column-block-wrapper {
         margin-top: -6.5625rem
      }
}

.region.img-diagonal {
   margin: 0;
   padding: 2em 0;
   overflow: hidden
}

   .region.img-diagonal:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      border-width: 0 10.5em 40em 0;
      border-color: transparent;
      border-bottom-color: inherit;
      border-style: solid;
      z-index: 1
   }

   .region.img-diagonal .column-block-wrapper {
      position: relative;
      max-width: 75em;
      margin: 0 auto;
      z-index: 2
   }

   .region.img-diagonal .section-header {
      max-width: 73em;
      padding: 0 1em;
      margin: 0 auto;
      text-align: left;
      z-index: 2
   }

      .region.img-diagonal .section-header h1, .region.img-diagonal .section-header h2, .region.img-diagonal .section-header h3, .region.img-diagonal .section-header h4, .region.img-diagonal .section-header h5, .region.img-diagonal .section-header h6, .region.img-diagonal .section-header p {
         width: 50%
      }

@media (max-width:37.5em) {
   .region.img-diagonal .section-header h1, .region.img-diagonal .section-header h2, .region.img-diagonal .section-header h3, .region.img-diagonal .section-header h4, .region.img-diagonal .section-header h5, .region.img-diagonal .section-header h6, .region.img-diagonal .section-header p {
      width: 100%
   }
}

.region.img-diagonal .col-list {
   padding: 0;
   max-width: 100%;
   margin: 1em;
   z-index: 2
}

   .region.img-diagonal .col-list .headline {
      font-size: 1.25rem
   }

.region.img-diagonal .links {
   padding: .25em 0 1.75em
}

   .region.img-diagonal .links:before {
      content: none
   }

   .region.img-diagonal .links li {
      padding: .25em 0
   }

   .region.img-diagonal .links a {
      font-size: .875rem;
      color: #0072cf;
      text-decoration: none
   }

      .region.img-diagonal .links a:visited {
         color: #0072cf
      }

.region.img-diagonal .image-wrapper {
   max-width: 75em
}

   .region.img-diagonal .image-wrapper img, .region.img-diagonal .image-wrapper object, .region.img-diagonal .image-wrapper object img {
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      min-width: 50%;
      min-height: 100%
   }

@media (max-width:45rem) {
   .region.img-diagonal .section-header {
      margin: 1em auto 1.5em
   }

   .region.img-diagonal .col-list {
      width: 50%
   }

   .region.img-diagonal .link-list {
      margin: 0;
      padding: 0;
      width: 100%
   }
}

@media (max-width:37.5em) {
   .region.img-diagonal {
      padding: 1.25em 0
   }

      .region.img-diagonal .image-wrapper {
         display: none
      }

      .region.img-diagonal .section-header {
         width: 100%;
         text-align: center;
         padding: 0
      }

      .region.img-diagonal .col-list {
         width: 100%
      }
}

.region > :last-child {
   margin-bottom: 0
}

@media (max-width:45rem) {
   .column-block-wrapper.column-block-max-widths .celebrity-v2 {
      max-width: 25rem;
      margin-left: auto;
      margin-right: auto
   }
}

@media (min-width:45.01rem) {
   .column-block-wrapper.match-heights {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center
   }

      .column-block-wrapper.match-heights .column-block {
         display: flex;
         flex-direction: column
      }

         .column-block-wrapper.match-heights .column-block .celebrity-v2 {
            width: 100%;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            margin-bottom: 0
         }

            .column-block-wrapper.match-heights .column-block .celebrity-v2 .inner-wrapper {
               width: 100%;
               flex-grow: 1;
               display: flex;
               flex-direction: column;
               justify-content: space-between
            }
}

.region-iframe {
   padding-bottom: 0;
   margin-bottom: -1.75rem
}

.text-container {
   max-width: 47rem;
   padding-left: 1rem;
   padding-right: 1rem
}

   .text-container ul {
      list-style: initial;
      list-style-position: outside
   }

      .text-container ul li {
         margin-bottom: .5em
      }

.text-container-center {
   margin: 0 auto
}

.spinner {
   display: block;
   width: 3.125rem;
   margin: 0 auto
}

.sk-wave-backdrop {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(238,238,238,.8);
   z-index: 1040
}

.sk-spinner-wave {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 2.75rem;
   height: 3.125rem;
   padding-left: .25rem;
   margin: auto
}

   .sk-spinner-wave > div {
      float: left;
      height: 3.125rem;
      width: .25rem;
      margin-right: .25rem;
      background-color: grey;
      animation: sk-waveStretchDelay 1.2s infinite ease-in-out
   }

   .sk-spinner-wave .sk-rect1 {
      animation-delay: -1.2s
   }

   .sk-spinner-wave .sk-rect2 {
      animation-delay: -1.1s
   }

   .sk-spinner-wave .sk-rect3 {
      animation-delay: -1s
   }

   .sk-spinner-wave .sk-rect4 {
      animation-delay: -.9s
   }

   .sk-spinner-wave .sk-rect5 {
      animation-delay: -.8s
   }

@keyframes sk-waveStretchDelay {
   0%,100%,40% {
      transform: scaleY(.4)
   }

   20% {
      transform: scaleY(1)
   }
}

.screen-reader-text {
   border: 0;
   clip: rect(1px,1px,1px,1px);
   -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   word-wrap: normal !important
}

   .screen-reader-text:focus {
      background-color: #fff;
      border-radius: .1875rem;
      box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
      clip: auto !important;
      -webkit-clip-path: initial;
      clip-path: initial;
      color: #21759b;
      display: block;
      font-size: .875rem;
      font-weight: 700;
      text-decoration: none;
      line-height: normal;
      height: auto;
      left: .3125rem;
      top: .3125rem;
      width: auto;
      padding: .9375rem 1.4375rem .875rem;
      z-index: 100000
   }

.tsc-store .store-pricing-padding {
   padding: 0 1rem 0 0
}

.tsc-store .store-product-tile {
   margin: 0 auto;
   max-width: 75rem;
   padding: 0 1rem
}

.tsc-store .store-product-title h1 {
   display: inline;
   margin-top: -.25rem;
   padding-right: 1rem;
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   font-size: 2.25rem;
   font-weight: 600
}

.tsc-store .store-product-title .sup {
   position: relative;
   top: -.75em;
   font-size: .6em
}

.tsc-store .store-product-tagline {
   margin: .5rem 0 0;
   font-weight: 400
}

.tsc-store .store-perpetual-license {
   margin: 0 0 .5rem 0;
   font-weight: 400
}

.tsc-store .ratings-wrapper {
   display: inline-block
}

.tsc-store .product-maint-list, .tsc-store .product-maint-list ul {
   margin-left: 1.125rem
}

.tsc-store .display-product-price-spacer {
   visibility: hidden
}

.tsc-store .display-product-price {
   position: absolute;
   top: 0;
   left: 0
}

.tsc-store .list-price {
   display: block;
   position: absolute;
   top: -.5rem;
   left: 0;
   font-size: .8125rem;
   line-height: 1;
   color: grey;
   font-weight: 300;
   text-decoration: line-through
}

.tsc-store .original-unit-price {
   position: absolute;
   right: 0;
   bottom: 100%;
   margin-bottom: -.5rem;
   font-size: .8125rem;
   text-decoration: line-through;
   color: #ef8200
}

.tsc-store .unit-price {
   color: #000;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1.5
}

.tsc-store .original-unit-price, .tsc-store .unit-price {
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   white-space: nowrap
}

.tsc-store .fee-type {
   position: absolute;
   top: 100%;
   right: 0;
   left: 0;
   padding-right: 1.25rem;
   margin: -.25rem auto 0
}

.tsc-store .unit-price-monthly {
   position: absolute;
   top: 0;
   left: 0
}

.tsc-store .store-row-padding > .row {
   padding-bottom: .75rem
}

.tsc-store .col-sm-6.store-row-padding {
   padding-left: 4.0625rem
}

@media (max-width:61.9375rem) {
   .tsc-store .col-sm-6.store-row-padding {
      padding-left: .9375rem
   }
}

.tsc-store .product-description-list ul, .tsc-store .subscription-description-list ul {
   margin: 0 0 1rem 1.625rem
}

   .tsc-store .product-description-list ul li::marker, .tsc-store .subscription-description-list ul li::marker {
      padding-right: 1rem
   }

   .tsc-store .product-description-list ul.checkmark li::marker, .tsc-store .subscription-description-list ul.checkmark li::marker {
      content: "\e600 ";
      color: #98c92d
   }

.tsc-store .product-description-list p + ul, .tsc-store .subscription-description-list p + ul {
   margin-top: -.75rem
}

.tsc-store .pricing-cell-padding {
   padding-top: .4375rem
}

.tsc-store .visible-yearly {
   visibility: visible
}

.tsc-store .visible-monthly {
   visibility: hidden
}

.tsc-store .display-yearly {
   display: block
}

.tsc-store .display-monthly {
   display: none
}

.tsc-store .show-monthly .visible-yearly {
   visibility: hidden
}

.tsc-store .show-monthly .visible-monthly {
   visibility: visible
}

.tsc-store .show-monthly .display-yearly {
   display: none
}

.tsc-store .show-monthly .display-monthly {
   display: block
}

.tsc-store .store-product-pricing {
   position: relative;
   padding-right: 1.25rem
}

.tsc-store .store-product-width-280 {
   width: 17.5rem
}

.tsc-store .product-maintenance-pricing {
   font-size: 1.125rem;
   font-weight: 700;
   white-space: nowrap
}

.tsc-store .store-multi-discount {
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   font-size: .875rem;
   font-weight: 400
}

.tsc-store .multi-discount-popup {
   display: none;
   color: #000;
   font-weight: 400
}

.tsc-store .over-max-disable, .tsc-store .over-max-disable + .fs-maintenance-list {
   color: #ddd
}

.tsc-store .product-qty-align {
   align-items: center;
   text-align: center;
   display: flex;
   height: 2.25rem;
   width: 5.3125rem
}

.tsc-store .store-popup-qty-input, .tsc-store .store-product-qty-input {
   padding: .125em 0 .125em .5em;
   line-height: 1.375;
   border-radius: .25em;
   border: 1px solid #aaa;
   width: 3.25rem
}

   .tsc-store .store-popup-qty-input.chosen-mobile, .tsc-store .store-product-qty-input.chosen-mobile {
      padding: .5em 0 .5em .5em
   }

@media (max-width:47.9375rem) {
   .tsc-store .store-product-title-padding {
      padding-top: 1rem
   }

   .tsc-store .store-product-title .sup {
      position: relative;
      font-size: .75rem;
      top: -75rem
   }

   .tsc-store .store-product-tile {
      margin: 0 auto;
      padding: 0 .5rem;
      max-width: 35rem;
      min-width: 17.5rem
   }

   .tsc-store .store-border {
      margin: .5rem 0
   }
}

@media (max-width:32.4375rem) {
   .tsc-store .tsc-store.region {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem
   }
}

@media (max-width:36.375em) {
   .tsc-store.navigation-bar {
      display: none
   }
}

.tsc-store .main-img-wrap {
   position: relative;
   max-width: 35rem
}

.tsc-store .img-caption {
   padding: 1.25rem 0 .9375rem 1.75rem;
   background: rgba(0,0,0,.6);
   color: #fff;
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   font-size: .875rem;
   font-weight: 400;
   line-height: 1.125rem;
   position: absolute;
   width: 100%;
   bottom: 0
}

.tsc-store .thumbs-wrap {
   display: flex;
   justify-content: space-between;
   max-width: 35rem;
   margin-top: 1.25rem
}

   .tsc-store .thumbs-wrap img {
      display: inline-block;
      width: 100%;
      height: auto;
      cursor: pointer;
      border: 1px solid #ccc
   }

.tsc-store .wrap-thumb {
   padding-left: .4375rem;
   padding-right: .4375rem
}

   .tsc-store .wrap-thumb:first-child {
      padding-left: 0
   }

   .tsc-store .wrap-thumb:last-child {
      padding-right: 0
   }

.tsc-store .store-product-image {
   width: 100%;
   border: 1px solid #ccc
}

.tsc-store .product-rating-margin {
   margin: -.75rem 0 .5rem 0
}

.system-requirements-wrapper {
   margin: 1.5rem 0 1rem
}

.system-requirements {
   padding-left: 1rem
}

   .system-requirements .requirement-title {
      font-weight: 700;
      padding-top: 1rem
   }

.requirements:hover .triangle {
   border-left: .4375rem solid #ee9500
}

.triangle {
   width: 0;
   height: 0;
   border-top: .2875rem solid transparent;
   border-left: .4375rem solid #0072cf;
   border-bottom: .2875rem solid transparent
}

.animate-triangle {
   transform: rotate(90deg)
}

.store-border {
   border-top: 1px solid #e3e3e3;
   margin: 0 .5rem .5rem 0
}

.store-subscription-type-select {
   width: 6.25rem;
   height: 1.725rem
}

.product-border {
   border-top: 1px solid #666;
   margin: 1rem 0 1rem
}

.hover-box {
   position: absolute;
   box-shadow: 0 0 .9375rem rgba(0,0,0,.5);
   min-width: .625rem;
   padding: 0 .25rem;
   z-index: 8
}

   .hover-box.arrow-drop-hover, .hover-box.arrow_drop {
      background: #fff;
      margin: 1.125rem 0;
      border-radius: .1875rem
   }

      .hover-box.arrow-drop-hover:before, .hover-box.arrow_drop:before {
         content: " ";
         position: absolute;
         right: 1.5rem;
         width: 1rem;
         height: 1rem;
         margin: -.5rem 0 0;
         border-radius: 0 0 .125rem;
         background: #fff;
         transform: rotate(-135deg);
         pointer-events: none;
         box-shadow: .3125rem .3125rem .4375rem rgba(0,0,0,.15)
      }

   .hover-box.arrow-drop-hover {
      position: absolute;
      border-radius: .375rem;
      margin: .75rem 0 0;
      width: 11rem
   }

      .hover-box.arrow-drop-hover:before {
         left: 2rem;
         border-radius: 0 0 .1875rem
      }

   .hover-box table {
      width: 100%;
      margin: 1rem .5rem
   }

      .hover-box table th {
         text-align: left;
         padding-bottom: .25rem
      }

      .hover-box table td {
         padding: .0625rem .125rem
      }

         .hover-box table td a {
            display: table-caption
         }

.product-banner {
   display: flex;
   max-width: 75rem;
   padding: 0 1rem;
   margin: 0 auto;
   height: 4rem
}

   .product-banner .product-navbar {
      width: 100%;
      padding-top: 1.25rem
   }

   .product-banner .product-navbar-desktop {
      height: 100%
   }

   .product-banner .product-dropdown {
      position: relative;
      display: inline-block;
      height: 100%
   }

   .product-banner .menu-item {
      color: #000 !important;
      font-size: 1rem;
      border: none;
      margin-right: 1rem;
      text-decoration: none
   }

   .product-banner .product-dropdown-header {
      display: block;
      height: 100%
   }

   .product-banner .product-dropdown-content {
      display: none;
      position: absolute;
      min-width: 10rem;
      box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.2);
      border-radius: 1rem;
      z-index: 1;
      width: -moz-max-content;
      width: max-content
   }

      .product-banner .product-dropdown-content.snagit {
         background: #fff;
         color: #000;
         opacity: .95
      }

      .product-banner .product-dropdown-content.camtasia {
         background: #000;
         color: #fff;
         opacity: .9
      }

      .product-banner .product-dropdown-content a {
         color: #000;
         padding: .75rem 1rem;
         text-decoration: none;
         display: block
      }

   .product-banner .nav-link {
      text-decoration: none;
      margin-right: 1rem
   }

      .product-banner .nav-link.snagit {
         color: #000
      }

      .product-banner .nav-link.camtasia {
         color: #fff
      }

   .product-banner .product-dropdown-content a:hover.snagit {
      color: #d5088a
   }

   .product-banner .product-dropdown-content a:hover.camtasia {
      color: #c3ff4a
   }

   .product-banner .nav-link:hover.snagit {
      color: #d5088a !important
   }

   .product-banner .nav-link:hover.camtasia {
      color: #c3ff4a !important
   }

   .product-banner .product-dropdown:hover .product-dropdown-content {
      display: block
   }

   .product-banner .product-dropdown:hover .product-dropdown-header.snagit {
      color: #d5088a !important
   }

   .product-banner .product-dropdown:hover .product-dropdown-header.camtasia {
      color: #c3ff4a !important
   }

   .product-banner .product-dropdown-content a:focus-within.snagit {
      color: #d5088a
   }

   .product-banner .product-dropdown-content a:focus-within.camtasia {
      color: #c3ff4a
   }

   .product-banner .nav-link:focus-within.snagit {
      color: #d5088a !important
   }

   .product-banner .nav-link:focus-within.camtasia {
      color: #c3ff4a !important
   }

   .product-banner .product-dropdown:focus-within .product-dropdown-content {
      display: block
   }

   .product-banner .product-dropdown:focus-within .product-dropdown-header.snagit {
      color: #d5088a
   }

   .product-banner .product-dropdown:focus-within .product-dropdown-header.camtasia {
      color: #c3ff4a
   }

   .product-banner .product-navbar-mobile {
      display: none
   }

.product-banner-image-wrapper {
   align-content: flex-start;
   margin: 1rem 1rem 1rem 0;
   width: -moz-max-content;
   width: max-content
}

   .product-banner-image-wrapper .product-banner-icon, .product-banner-image-wrapper .product-banner-image {
      height: 2rem
   }

   .product-banner-image-wrapper .product-banner-icon {
      display: none
   }

.product-banner-spacer {
   height: 2rem;
   color: #d9d9d9;
   border: 1px solid;
   margin: 1rem 0
}

.product-banner-phrase {
   display: flex;
   flex: auto;
   margin: 1rem;
   align-items: center
}

.product-banner-review {
   margin: .5rem .3125rem;
   line-height: 2rem;
   align-content: flex-end
}

.g2-container {
   cursor: pointer;
   text-decoration: none;
   color: #000;
   font-size: .875rem;
   font-weight: 600;
   font-family: montserrat;
   border: 2px #000 solid;
   border-radius: 16px;
   height: 2rem;
   width: 6rem;
   display: flex;
   align-self: center;
   align-items: center;
   padding: .375rem
}

   .g2-container:hover {
      text-decoration: none;
      color: #000
   }

   .g2-container .g2-rating {
      padding: .625rem
   }

@media (max-width:767px) {
   .product-banner-image-wrapper {
      flex: auto
   }

   .product-banner-phrase {
      display: none
   }

   .product-banner-spacer {
      display: none
   }
}

@media (max-width:720px) {
   .product-navbar-desktop {
      display: none
   }

   .product-navbar-mobile {
      display: block !important
   }
}

@media (max-width:420px) {
   .product-banner-image-wrapper.mobile-icon .product-banner-image {
      display: none
   }

   .product-banner-image-wrapper.mobile-icon .product-banner-icon {
      display: block
   }
}

.product-nav-bar {
   display: flex;
   gap: .5rem;
   border-radius: 2rem;
   background: radial-gradient(143.85% 111.8% at 100% 0,rgba(153,229,0,.1) 0,rgba(0,0,0,0) 100%),radial-gradient(114.07% 71.33% at .83% 0,rgba(150,115,255,.1) 0,rgba(150,115,255,0) 100%),rgba(255,255,255,.1);
   box-shadow: 0 0 1px 0 #fff inset;
   box-shadow: 0 0 8px 0 rgba(0,0,0,.05),0 8px 32px 0 rgba(96,76,191,.15);
   -webkit-backdrop-filter: blur(8px);
   backdrop-filter: blur(8px);
   align-content: space-evenly;
   margin: 3rem auto -1rem auto;
   font-family: Montserrat,Helvetica,Arial,sans-serif;
   width: -moz-fit-content;
   width: fit-content;
   padding: .5rem
}

   .product-nav-bar a {
      display: block;
      border: .125rem solid transparent;
      border-radius: 2.25rem;
      font-weight: 700;
      padding: .375rem 1rem;
      margin: 0 auto;
      min-width: 5.25rem;
      color: #000;
      text-align: center
   }

      .product-nav-bar a:focus, .product-nav-bar a:hover, .product-nav-bar a:visited {
         color: #000;
         border: .125rem solid #000;
         text-decoration: none;
         outline: 0
      }

      .product-nav-bar a.active {
         color: #fff;
         background-color: #000
      }

@media (max-width:567px) {
   html[lang=en-US] .product-nav-bar, html[lang=es-ES] .product-nav-bar {
      flex-direction: column;
      gap: .125rem
   }

      html[lang=en-US] .product-nav-bar a, html[lang=es-ES] .product-nav-bar a {
         width: 100%
      }
}

@media (max-width:687px) {
   html[lang=de-DE] .product-nav-bar, html[lang=fr-FR] .product-nav-bar {
      flex-direction: column;
      gap: .125rem
   }

      html[lang=de-DE] .product-nav-bar a, html[lang=fr-FR] .product-nav-bar a {
         width: 100%
      }
}

@media (max-width:480px) {
   html[lang=ja-JP] .product-nav-bar {
      flex-direction: column;
      gap: .125rem
   }

      html[lang=ja-JP] .product-nav-bar a {
         width: 100%
      }
}

html[lang=de-DE] .tsc-store-card-view .tooltip .tooltip-content table tr:first-child td, html[lang=es-ES] .tsc-store-card-view .tooltip .tooltip-content table tr:first-child td, html[lang=fr-FR] .tsc-store-card-view .tooltip .tooltip-content table tr:first-child td {
   white-space: normal;
   padding-bottom: 1rem
}

html[lang=de-DE] .card .btn-camtasia-primary, html[lang=de-DE] .card .btn-screencast-primary, html[lang=de-DE] .card .btn-snagit-primary, html[lang=es-ES] .card .btn-camtasia-primary, html[lang=es-ES] .card .btn-screencast-primary, html[lang=es-ES] .card .btn-snagit-primary, html[lang=fr-FR] .card .btn-camtasia-primary, html[lang=fr-FR] .card .btn-screencast-primary, html[lang=fr-FR] .card .btn-snagit-primary {
   padding: .6875rem .5rem !important;
   max-width: inherit
}

@media screen and (max-width:756px) {
   html[lang=de-DE] .cards.max-2-card .cart-buttons-container, html[lang=es-ES] .cards.max-2-card .cart-buttons-container, html[lang=fr-FR] .cards.max-2-card .cart-buttons-container {
      display: inline-grid
   }

      html[lang=de-DE] .cards.max-2-card .cart-buttons-container .add-to-cart.has-quantity-selector, html[lang=es-ES] .cards.max-2-card .cart-buttons-container .add-to-cart.has-quantity-selector, html[lang=fr-FR] .cards.max-2-card .cart-buttons-container .add-to-cart.has-quantity-selector {
         margin-left: 0;
         width: 100%
      }
}

html[lang=es-ES] .tsc-store-card-view .card .discount-price, html[lang=fr-FR] .tsc-store-card-view .card .discount-price, html[lang=ja-JP] .tsc-store-card-view .card .discount-price {
   font-size: 2.5rem
}

html[lang=de-DE] .tsc-store-card-view .card .discount-price {
   font-size: 2.25rem
}

.tsc-store-card-view .billing-switch {
   margin: 0 auto;
   width: -moz-fit-content;
   width: fit-content;
   display: flex;
   gap: 20px;
   align-items: center
}

   .tsc-store-card-view .billing-switch .switch {
      position: relative;
      display: inline-block;
      width: 3.75rem;
      height: 2.125rem
   }

      .tsc-store-card-view .billing-switch .switch input {
         opacity: 0;
         width: 0;
         height: 0
      }

      .tsc-store-card-view .billing-switch .switch .slider-switch {
         position: absolute;
         cursor: pointer;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: #e2e4e5;
         box-shadow: inset 2px 2px 2px rgba(0,0,0,.27);
         transition: transform .2s
      }

         .tsc-store-card-view .billing-switch .switch .slider-switch::before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: #fff;
            transition: transform .2s
         }

      .tsc-store-card-view .billing-switch .switch input:checked + .slider-switch {
         box-shadow: inset 2px 2px 2px rgba(0,0,0,.27);
         background-color: #0cbb5b
      }

         .tsc-store-card-view .billing-switch .switch input:checked + .slider-switch::before {
            transform: translateX(26px)
         }

      .tsc-store-card-view .billing-switch .switch input:active + .slider-switch, .tsc-store-card-view .billing-switch .switch input:focus + .slider-switch {
         outline: 2px solid #1a1a1a;
         outline-offset: 2px
      }

      .tsc-store-card-view .billing-switch .switch .slider-switch.round {
         border-radius: 2.125rem
      }

         .tsc-store-card-view .billing-switch .switch .slider-switch.round::before {
            border-radius: 50%
         }

.tsc-store-card-view .billingTypeMessage {
   margin: 1rem auto 3rem auto;
   background: rgba(92,178,10,.15);
   width: -moz-fit-content;
   width: fit-content;
   padding: .25rem .75rem;
   border: 2px solid #5cb20a;
   border-radius: .375rem
}

.tsc-store-card-view .quantity-form {
   padding-bottom: 3rem;
   text-align: center
}

   .tsc-store-card-view .quantity-form h2 {
      margin-bottom: .25rem;
      line-height: 1.125;
      font-family: Montserrat,Helvetica,Arial,sans-serif;
      font-weight: 700;
      font-size: 2rem;
      color: #262626
   }

@media screen and (min-width:960px) {
   .tsc-store-card-view .quantity-form h2 {
      font-size: 3rem
   }
}

.tsc-store-card-view .quantity-form .lead-in {
   max-width: 45rem;
   margin: 0 auto;
   padding: 1rem;
   font-size: 1.25rem
}

.tsc-store-card-view .quantity-form .quantity-input-group {
   display: flex;
   gap: .5rem;
   margin: 1rem auto;
   align-items: center;
   justify-content: center
}

   .tsc-store-card-view .quantity-form .quantity-input-group input::-webkit-inner-spin-button, .tsc-store-card-view .quantity-form .quantity-input-group input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0
   }

   .tsc-store-card-view .quantity-form .quantity-input-group input[type=number] {
      -moz-appearance: textfield
   }

.tsc-store-card-view .quantity-form .quantity-label {
   font-size: .8125rem;
   margin: -.75rem 0 0 0
}

.tsc-store-card-view .quantity-form button {
   display: block;
   height: 2rem;
   width: 2rem;
   border: none;
   border-radius: 100%;
   background: #54565a;
   color: #fff;
   cursor: pointer;
   padding: 0
}

   .tsc-store-card-view .quantity-form button.disabled {
      background: #b3b3b3
   }

   .tsc-store-card-view .quantity-form button svg {
      display: block;
      width: 1rem;
      height: 1rem;
      margin: 0 auto
   }

.tsc-store-card-view .quantity-form input {
   width: 6rem;
   height: 3rem;
   line-height: 3rem;
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   border-radius: .5rem;
   text-align: center;
   border: 1px solid #767676;
   font-family: inherit;
   font-size: 2rem
}

.tsc-store-card-view .cards {
   display: grid;
   grid-template-columns: repeat(3,1fr);
   grid-gap: 1rem;
   margin: -2rem auto 1rem;
   overflow: auto;
   scroll-snap-type: x mandatory;
   scroll-behavior: smooth;
   width: 100%;
   padding: 2rem 5% 2rem
}

   .tsc-store-card-view .cards.grabbing {
      scroll-snap-type: none;
      scroll-behavior: auto
   }

   .tsc-store-card-view .cards.max-3-card {
      grid-template-columns: repeat(3,1fr);
      max-width: 85rem
   }

   .tsc-store-card-view .cards.max-2-card {
      grid-template-columns: repeat(2,1fr);
      grid-gap: 3rem;
      padding: 2rem 4rem 1rem 4rem;
      max-width: 60rem
   }

   .tsc-store-card-view .cards.max-1-card {
      grid-template-columns: repeat(1,1fr);
      padding: 2rem 3rem 2rem 3rem;
      max-width: 30rem
   }

@media screen and (min-width:960px) {
   .tsc-store-card-view .cards.max-3-card {
      overflow: hidden
   }
}

.tsc-store-card-view .cards.max-1-card .card, .tsc-store-card-view .cards.max-2-card .card {
   width: inherit
}

.tsc-store-card-view .cards.grabbing .card {
   cursor: grabbing
}

.tsc-store-card-view .card {
   display: flex;
   flex-direction: column;
   margin: 0 auto 1.25rem;
   position: relative;
   background-color: #fff;
   color: #000;
   gap: .375rem;
   border: .25rem solid transparent;
   border-radius: .75rem;
   box-shadow: 2px 2px 32px 8px rgba(186,186,186,.08),0 0 4px 0 rgba(186,186,186,.5);
   transition: box-shadow .5s ease,background .5s ease;
   scroll-snap-align: center;
   text-align: center;
   padding: 1.625rem 1.25rem 1.25rem;
   align-items: flex-start;
   width: 46vw
}

   .tsc-store-card-view .card .promo-indicator {
      position: absolute;
      bottom: -.25rem;
      left: -.25rem;
      right: -.25rem;
      border-radius: 1rem;
      display: flex;
      padding: .125rem 1.5rem 0;
      font-weight: 500;
      white-space: nowrap;
      text-transform: uppercase;
      background: #0a1119;
      color: #f3f3f3;
      z-index: -1;
      height: calc(100% + 2rem + 6px)
   }

      .tsc-store-card-view .card .promo-indicator svg {
         width: 1rem;
         height: 1rem;
         fill: currentColor
      }

      .tsc-store-card-view .card .promo-indicator span {
         padding-top: .1875rem;
         padding-left: .25rem
      }

      .tsc-store-card-view .card .promo-indicator .indicator-content {
         height: 2rem;
         display: flex;
         align-items: center;
         white-space: nowrap;
         text-overflow: ellipsis
      }

   .tsc-store-card-view .card .license-type {
      font-weight: 600;
      margin: .75rem 0 .5rem 0
   }

   .tsc-store-card-view .card .header {
      font-size: clamp(1.25rem, 2vw, 1.5rem);
      min-height: 4.25rem;
      text-align: left;
      font-weight: 700
   }

      .tsc-store-card-view .card .header h2.title {
         margin: 0 0 .25rem 0;
         font-size: 1.75rem;
         font-family: Montserrat,Helvetica,Arial,sans-serif;
         letter-spacing: .015rem
      }

      .tsc-store-card-view .card .header .subtitle {
         font-size: 1rem;
         font-weight: 400;
         color: #767676;
         text-align: left;
         padding-left: .125rem
      }

   .tsc-store-card-view .card .icon img {
      width: 2rem;
      height: 2rem
   }

   .tsc-store-card-view .card .subheading {
      margin-bottom: 1rem;
      padding: 0 .625rem
   }

   .tsc-store-card-view .card .button-container {
      display: block;
      margin: 0 auto;
      width: 100%
   }

      .tsc-store-card-view .card .button-container .btn {
         height: 3rem;
         font-size: 1rem;
         width: 100%;
         margin: 0
      }

      .tsc-store-card-view .card .button-container .unavailable-label {
         font-size: .875rem;
         font-style: italic
      }

   .tsc-store-card-view .card .pricing-group {
      text-align: left;
      padding-bottom: 0
   }

      .tsc-store-card-view .card .pricing-group.discounted .full-price {
         color: #000
      }

      .tsc-store-card-view .card .pricing-group.discounted .discount-price {
         color: #cd4242
      }

   .tsc-store-card-view .card .discount-price {
      font-size: 3rem;
      font-weight: 600
   }

   .tsc-store-card-view .card .full-price-positioner {
      display: flex;
      margin-bottom: -1.375rem;
      padding: 0 0 0 .25rem
   }

   .tsc-store-card-view .card .price {
      margin-top: 1.5rem;
      display: flex;
      flex-wrap: wrap
   }

   .tsc-store-card-view .card .price-left {
      flex: 1 1 auto;
      min-width: 0
   }

   .tsc-store-card-view .card .price-right {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding-top: 1rem;
      padding-left: .5rem;
      flex: 0 0 auto
   }

   .tsc-store-card-view .card .full-price {
      text-align: left;
      color: #cd4242;
      text-decoration: line-through;
      padding-right: 1rem;
      white-space: nowrap
   }

   .tsc-store-card-view .card .special-pricing-indicator {
      display: inline-flex;
      gap: .125rem;
      align-items: center;
      padding: 0 .5rem;
      font-size: .875rem;
      font-weight: 700;
      text-transform: capitalize;
      border: 1px solid #000;
      border-radius: 1rem;
      color: #f1f1f1;
      background-color: #000
   }

      .tsc-store-card-view .card .special-pricing-indicator svg {
         width: 1rem;
         height: 1rem
      }

      .tsc-store-card-view .card .special-pricing-indicator span {
         display: -webkit-box;
         -webkit-line-clamp: 1;
         -webkit-box-orient: vertical;
         overflow: hidden
      }

   .tsc-store-card-view .card .billing-schedule, .tsc-store-card-view .card .starting-at, .tsc-store-card-view .card .unit {
      margin-top: -.3125rem;
      text-align: left;
      font-weight: 400;
      color: #767676
   }

   .tsc-store-card-view .card .starting-at {
      margin: 0 0 0 -.25rem
   }

   .tsc-store-card-view .card .license-features {
      text-align: left;
      padding-top: .75rem;
      width: 100%
   }

      .tsc-store-card-view .card .license-features h3 {
         font-size: 1rem;
         font-weight: 600
      }

   .tsc-store-card-view .card .license-list {
      display: flex;
      flex-direction: column;
      gap: .625rem;
      margin: 0 0 0 1.125rem
   }

      .tsc-store-card-view .card .license-list li {
         display: flex;
         position: relative;
         padding-left: .5rem;
         list-style: none;
         width: 100%
      }

         .tsc-store-card-view .card .license-list li span:first-child {
            flex-grow: 1;
            margin-right: .625rem
         }

         .tsc-store-card-view .card .license-list li:before {
            content: "";
            display: block;
            position: absolute;
            top: .25rem;
            left: -1rem;
            width: 1rem;
            height: 1rem;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%235CB20A' d='M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267 7.468-7.038a.75.75 0 0 1 1.06.032Z'/%3E%3C/svg%3E%0A")
         }

      .tsc-store-card-view .card .license-list svg {
         display: inline-block;
         margin-left: .25rem;
         width: .875rem;
         height: .875rem;
         margin: 0;
         padding: 0
      }

   .tsc-store-card-view .card .unavailable-btn {
      display: none
   }

   .tsc-store-card-view .card.available {
      box-shadow: 2px 2px 32px 8px rgba(186,186,186,.08),0 0 4px 0 rgba(186,186,186,.5);
      background: #fff
   }

   .tsc-store-card-view .card.recommended {
      border-color: #000
   }

      .tsc-store-card-view .card.recommended .promo-lozenge {
         display: flex
      }

   .tsc-store-card-view .card.not-recommended .btn-camtasia-primary, .tsc-store-card-view .card.not-recommended .btn-snagit-primary {
      color: #1a1a1a;
      background-color: #ddd
   }

      .tsc-store-card-view .card.not-recommended .btn-camtasia-primary:focus, .tsc-store-card-view .card.not-recommended .btn-camtasia-primary:hover {
         background-color: #f0f1f5
      }

   .tsc-store-card-view .card.not-advocated .promo-indicator, .tsc-store-card-view .card.not-recommended .promo-indicator {
      display: none
   }

   .tsc-store-card-view .card.unavailable {
      background: #f0f1f5
   }

      .tsc-store-card-view .card.unavailable .add-to-cart, .tsc-store-card-view .card.unavailable .promo-indicator {
         display: none
      }

      .tsc-store-card-view .card.unavailable .navigate-btn, .tsc-store-card-view .card.unavailable .unavailable-btn {
         display: revert;
         background-color: #f0f1f5;
         border: solid 1px #9d9d9d;
         color: #1a1a1a
      }

         .tsc-store-card-view .card.unavailable .navigate-btn.btn-camtasia-primary:focus, .tsc-store-card-view .card.unavailable .navigate-btn.btn-camtasia-primary:hover, .tsc-store-card-view .card.unavailable .unavailable-btn.btn-camtasia-primary:focus, .tsc-store-card-view .card.unavailable .unavailable-btn.btn-camtasia-primary:hover {
            background-color: #f0f1f5
         }

   .tsc-store-card-view .card .btn-camtasia-primary:focus, .tsc-store-card-view .card .btn-camtasia-primary:hover {
      background-color: #c3ff4a
   }

   .tsc-store-card-view .card .add-to-cart.has-quantity-selector {
      flex: 0 1 67%
   }

   .tsc-store-card-view .card .add-to-cart.full-size {
      width: 100%
   }

   .tsc-store-card-view .card .navigate-btn.full-size {
      width: 100%
   }

   .tsc-store-card-view .card .cart-buttons-container {
      display: flex;
      width: 100%;
      gap: .625rem
   }

   .tsc-store-card-view .card .quantity-selection-container {
      max-width: 8rem;
      min-width: 6rem;
      flex: 0 1 33%;
      position: relative;
      font-weight: 600;
      display: flex;
      align-items: center
   }

   .tsc-store-card-view .card .quantity-selection-input {
      background: #fff;
      border: 2px solid #000;
      border-radius: 3.125rem;
      padding: 1rem 2rem;
      width: 100%;
      text-align: center;
      height: 3.125rem
   }

      .tsc-store-card-view .card .quantity-selection-input::-webkit-inner-spin-button, .tsc-store-card-view .card .quantity-selection-input::-webkit-outer-spin-button {
         -webkit-appearance: none;
         margin: 0
      }

      .tsc-store-card-view .card .quantity-selection-input[type=number] {
         -moz-appearance: textfield
      }

   .tsc-store-card-view .card .quantity-max-message {
      margin: 1rem auto 0;
      width: -moz-fit-content;
      width: fit-content;
      padding: .5rem 1rem;
      border: 1px solid #ffc82e;
      border-radius: .5rem;
      background-color: rgba(255,200,46,.2)
   }

      .tsc-store-card-view .card .quantity-max-message a {
         color: #333;
         text-decoration: underline
      }

         .tsc-store-card-view .card .quantity-max-message a:focus, .tsc-store-card-view .card .quantity-max-message a:hover {
            color: #333
         }

   .tsc-store-card-view .card .quantity-selection-btn {
      background-color: #fff;
      border-radius: 50%;
      position: absolute;
      border: none;
      height: 2.1875rem;
      width: 2rem;
      margin: .3125rem
   }

      .tsc-store-card-view .card .quantity-selection-btn.decrease {
         left: 0
      }

      .tsc-store-card-view .card .quantity-selection-btn.increase {
         right: 0
      }

.tsc-store-card-view .tooltip {
   display: inline-flex;
   position: relative;
   cursor: help;
   border: 1px solid transparent;
   vertical-align: middle;
   white-space: normal;
   padding-left: .25rem;
   padding-top: .125rem;
   margin-top: -.25rem;
   z-index: 3
}

   .tsc-store-card-view .tooltip .tooltip-content {
      display: none;
      background: #000;
      color: #fff;
      position: absolute;
      bottom: calc(100% + 4px);
      padding: 1rem;
      border-radius: .25rem;
      box-shadow: 0 .25rem .5rem rgba(0,0,0,.15);
      white-space: normal;
      font-size: 1rem
   }

      .tsc-store-card-view .tooltip .tooltip-content table tr td:first-child {
         white-space: nowrap
      }

      .tsc-store-card-view .tooltip .tooltip-content table td {
         padding-right: 1.25rem
      }

   .tsc-store-card-view .tooltip .contact-sales-tooltip-link {
      color: inherit;
      text-decoration: underline
   }

      .tsc-store-card-view .tooltip .contact-sales-tooltip-link:focus, .tsc-store-card-view .tooltip .contact-sales-tooltip-link:hover {
         text-decoration-style: dashed
      }

.tsc-store-card-view .quantity-form .tooltip {
   text-decoration: underline;
   text-decoration-style: dotted;
   color: inherit
}

.tsc-store-card-view .quantity-form .tooltip-content {
   width: 20rem
}

.tsc-store-card-view .requirements {
   margin: -2.625rem auto -.25rem auto;
   width: -moz-fit-content;
   width: fit-content;
   font-size: 1.125rem
}

   .tsc-store-card-view .requirements span {
      padding-right: 1rem
   }

   .tsc-store-card-view .requirements .platform-icon {
      display: inline-block;
      margin-left: .0625rem;
      font-size: 1rem;
      color: grey;
      vertical-align: top
   }

@media screen and (min-width:872px) {
   .tsc-store-card-view .cards.max-2-card .card {
      width: inherit
   }
}

@media screen and (max-width:872px) {
   .tsc-store-card-view .cards.max-2-card .card {
      min-width: 21rem
   }
}

@media screen and (min-width:960px) {
   .tsc-store-card-view .cards.max-3-card .card {
      width: inherit
   }
}

@media screen and (max-width:960px) {
   .tsc-store-card-view .cards.max-3-card .card {
      min-width: 22.25rem
   }

   .tsc-store-card-view .max-3-card + .requirements {
      margin: 0 auto -.25rem auto;
      text-align: center
   }
}

@media screen and (max-width:628px) {
   .tsc-store-card-view .requirements a {
      display: block
   }

   .tsc-store-card-view .requirements span {
      padding-right: 0
   }
}

@media screen and (max-width:540px) {
   .tsc-store-card-view .discount-form .discount-input-select {
      width: 85%;
      margin: 0 auto
   }
}

.special-pricing-modal.modal {
   top: 20%
}

   .special-pricing-modal.modal .modal-body h2 {
      font-size: 1.25rem;
      font-weight: 600;
      padding-bottom: .5rem
   }

   .special-pricing-modal.modal .modal-body .input-group {
      display: flex;
      gap: .625rem;
      flex-direction: row;
      align-items: flex-start
   }

   .special-pricing-modal.modal .modal-body .special-pricing-check {
      margin-top: .3125rem
   }

      .special-pricing-modal.modal .modal-body .special-pricing-check:Focus {
         outline: auto;
         outline-offset: 0.125rem
      }

   .special-pricing-modal.modal .button-group {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.5rem;
      padding-top: .5rem
   }

      .special-pricing-modal.modal .button-group button:disabled, .special-pricing-modal.modal .button-group button[disabled] {
         color: #aaa;
         background-color: #ffdc7b
      }

.product-video-max {
   max-width: 75rem;
   margin: 0 auto;
   padding: 3.75rem 1rem
}

.product-video {
   width: 100%;
   display: flex;
   flex-direction: row;
   flex-direction: row-reverse;
   border-radius: 1.125rem
}

.product-video-left, .product-video-right {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;
   font-family: Montserrat,Helvetica,Arial,sans-serif;
   width: 50%
}

.product-video-title {
   color: #fff;
   font-size: 2.625rem;
   font-weight: 700;
   padding: .5rem 1rem;
   line-height: 1.2;
   text-align: center
}

.product-video-body {
   color: #fff;
   font-size: 1.125rem;
   padding: .5rem 2rem 2rem 2rem
}

.product-video-embedd {
   padding: 2rem;
   width: 100%;
   border-radius: 1.125rem
}

.bg-audiate {
   background: #2a2d3a;
   background: linear-gradient(176deg,#1a1a1a 8%,#2b294b 100%)
}

   .bg-audiate .product-video-title {
      color: #9673ff
   }

.bg-snagit {
   background: #bae0f7;
   background: linear-gradient(90deg,#004373 0,#087acb 100%)
}

.bg-camtasia {
   background: linear-gradient(176deg,#1a1a1a 8%,#1e3d2f 100%)
}

.product-video .wistia_responsive_padding {
   border-radius: 7px;
   overflow: hidden
}

.product-video.image {
   height: 290px;
   margin-top: 2.375rem
}

   .product-video.image .product-video-right {
      flex-direction: unset;
      align-content: flex-end;
      padding: .375rem 1rem
   }

   .product-video.image .product-video-left {
      align-content: stretch;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center
   }

   .product-video.image .product-video-title {
      line-height: 1.2;
      font-family: Montserrat,Helvetica,Arial,sans-serif;
      padding: 0
   }

   .product-video.image .product-video-body {
      font-size: 1rem;
      width: 100%;
      text-align: center;
      padding: .5rem 1rem;
      font-family: Montserrat,Helvetica,Arial,sans-serif
   }

   .product-video.image .btn {
      width: 90%
   }

.bg-image {
   box-shadow: 0 .25rem 1rem rgba(0,0,0,.25);
   background: #fff
}

   .bg-image .product-video-title {
      color: #000
   }

   .bg-image .product-video-body {
      color: #000
   }

@media (max-width:60rem) {
   .product-video.image {
      height: initial;
      margin-top: 2rem
   }

      .product-video.image .product-video-right {
         padding: 0 2.5rem
      }

         .product-video.image .product-video-right svg {
            margin-top: -3rem
         }

      .product-video.image .product-video-left {
         text-align: center;
         padding: 2rem 0
      }

   .product-video {
      display: block
   }

   .product-video-left, .product-video-right {
      display: block;
      width: 100%
   }
}

.product-promo-max {
   max-width: 54rem;
   margin: -4rem auto 0 auto;
   padding: 0 1rem
}

   .product-promo-max.max-2-card {
      max-width: 54rem
   }

   .product-promo-max.max-3-card {
      max-width: 85rem;
      padding: 2rem 5% 2rem;
      margin: -8.75rem auto 0 auto
   }

      .product-promo-max.max-3-card .product-promo-left img {
         height: 14rem
      }

   .product-promo-max.max-2-card.requirements {
      margin: -4rem auto 0 auto
   }

   .product-promo-max.max-3-card.requirements {
      margin: -4rem auto 0 auto
   }

@media screen and (max-width:960px) {
   .product-promo-max.max-3-card {
      margin: -5.75rem auto 0 auto
   }
}

.product-promo {
   width: 100%;
   display: flex;
   flex-direction: row;
   border-radius: 1.125rem;
   font-family: Montserrat,Helvetica,Arial,sans-serif;
   align-items: flex-start;
   margin-bottom: 1.5rem;
   box-shadow: 2px 2px 32px 8px rgba(186,186,186,.08),0 0 4px 0 rgba(186,186,186,.5)
}

   .product-promo.bg-camtasia {
      background-image: radial-gradient(circle at 75% center,rgba(150,115,255,.3),#fff,#fff)
   }

   .product-promo.bg-snagit {
      background-image: radial-gradient(circle at 75% center,rgba(64,198,255,.3),#fff,#fff)
   }

.product-promo-left, .product-promo-right {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;
   font-family: inherit;
   color: #333;
   padding: .625rem
}

.product-promo-right {
   align-content: flex-end;
   justify-content: center;
   padding-left: 1.75rem;
   padding-top: 1.375rem;
   padding-bottom: 1.125rem;
   width: 65%
}

   .product-promo-right .button-outlined {
      border: .125rem solid;
      min-width: 12rem
   }

.product-promo-left {
   width: 35%
}

.max-3-card .product-promo-left {
   width: 50%
}

   .max-3-card .product-promo-left img {
      width: -moz-fit-content;
      width: fit-content;
      height: -moz-fit-content;
      height: fit-content;
      align-self: end
   }

.product-promo-left img {
   width: 100%;
   height: auto
}

.product-promo-title {
   font-size: 1.5rem;
   font-weight: 700;
   padding-bottom: .5rem
}

.product-promo-body {
   font-size: 1rem;
   font-weight: 300;
   padding-bottom: .5rem
}

.product-promo-footer {
   margin-top: 1.25rem
}

   .product-promo-footer a:focus, .product-promo-footer a:hover {
      color: #fff;
      background-color: #000
   }

@media (max-width:768px) {
   .product-promo-left {
      width: 35%
   }

   .product-promo-right {
      width: 65%;
      padding-left: .875rem;
      padding-top: 1.125rem;
      padding-bottom: .875rem
   }

   .product-promo-title {
      font-size: 1.5rem
   }

   .product-promo-body {
      font-size: 1rem
   }
}

@media (max-width:628px) {
   .product-promo {
      flex-direction: column-reverse;
      align-items: center
   }

   .product-promo-left {
      display: none;
      padding: .25rem;
      width: 100%
   }

   .product-promo-right {
      width: 100%
   }

   .product-promo.bg-camtasia, .product-promo.bg-snagit {
      background-image: none
   }

   .product-promo .product-promo-footer {
      padding: .0625rem;
      margin: 0 auto
   }
}

.store-product-trusted {
   text-align: center;
   padding: 3.75rem 1rem
}

   .store-product-trusted h3, .store-product-trusted p {
      font-family: Montserrat,Helvetica,Arial,sans-serif;
      font-weight: 700;
      font-size: 1rem;
      margin-bottom: 1.75rem
   }

.contact-sales-messaging {
   margin: 0 auto;
   max-width: 60rem;
   padding: 0 1rem
}

   .contact-sales-messaging .contact-sales-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      background-color: #0a1119;
      color: #fff;
      border-radius: 4rem;
      padding: .5rem
   }

      .contact-sales-messaging .contact-sales-container .sales-message {
         margin-left: 1rem;
         padding: .25rem .5rem;
         font-size: 1rem;
         font-weight: 100
      }

      .contact-sales-messaging .contact-sales-container .btn.btn-soft-black {
         margin-right: .5rem;
         border-radius: 1rem;
         border-color: #fff;
         border-width: .125rem;
         height: 2rem;
         line-height: 1.375;
         min-width: 8.5rem;
         padding: .3125rem .5rem;
         font-family: Montserrat,Helvetica,Arial,sans-serif
      }

         .contact-sales-messaging .contact-sales-container .btn.btn-soft-black:focus {
            border: .125rem dotted #fff
         }

@media all and (max-width:43.5rem) {
   .contact-sales-messaging .contact-sales-container {
      gap: 2rem;
      border-radius: 1rem
   }

      .contact-sales-messaging .contact-sales-container .btn.btn-soft-black {
         margin-right: 2rem
      }
}

@media all and (max-width:33.875rem) {
   .contact-sales-messaging .contact-sales-container {
      flex-direction: column;
      gap: 0
   }

      .contact-sales-messaging .contact-sales-container .btn.btn-soft-black {
         margin-right: 0
      }
}

.features-container {
   width: 100%;
   padding: 2rem 0;
   background-color: #f3f2f1
}

.features-max {
   max-width: 75rem;
   margin: 0 auto;
   padding: 0 1rem
}

.feature-wrapper {
   display: flex;
   padding-bottom: .375rem;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between
}

   .feature-wrapper btn {
      font-family: Montserrat,Helvetica,Arial,sans-serif
   }

   .feature-wrapper.justify-content-center .feature-title {
      font-size: 3.5rem
   }

.feature-title {
   font-weight: 600;
   font-size: 2.5rem;
   margin: 0 1rem 0 0
}

.feature-summary {
   padding-bottom: 1rem
}

.store-btn.features-requirement {
   height: 2rem;
   padding: 0 2rem;
   min-width: -moz-fit-content;
   min-width: fit-content;
   line-height: 2.125;
   border: 1px solid #000;
   background-color: transparent
}

   .store-btn.features-requirement:focus, .store-btn.features-requirement:hover {
      background-color: #fff
   }

.feature-tile-wrapper {
   display: grid;
   grid-gap: 1.25rem;
   grid-template-columns: repeat(auto-fit,minmax(17rem,1fr));
   height: 28.125rem;
   padding-top: 1rem;
   justify-content: Center;
   overflow: hidden
}

.feature-tile {
   color: #1a1a1a;
   flex-grow: 1;
   flex-wrap: wrap;
   border-radius: 1rem;
   box-shadow: 0 .25rem 1rem rgba(0,0,0,.1);
   background: #fff
}

.feature-tile-img {
   display: block;
   width: 100%;
   aspect-ratio: 300/185;
   background-size: cover;
   border-top-left-radius: .8125rem;
   border-top-right-radius: .8125rem
}

.feature-tile-title {
   margin: 1rem 1rem .5rem
}

.feature-tile-summary {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   margin: 0 1rem 1rem
}

.tile-haze {
   position: relative;
   width: 100%;
   top: -3.75rem;
   height: 11.25rem;
   background: linear-gradient(rgba(255,255,255,.1),#f3f2f1,#f3f2f1,#f3f2f1);
   margin-bottom: -4rem;
   text-align: center
}

.btn-tertiary.show-all-feature-tiles {
   position: relative;
   top: 7.5rem;
   min-width: 16.75rem
}

.features-container.show-all-active .tile-haze {
   display: none
}

.features-container.show-all-active .feature-tile-wrapper {
   height: initial;
   margin: 1rem 0;
   overflow: initial
}

.features-container.features-screencast .feature-tile-wrapper {
   grid-template-columns: repeat(4,minmax(12rem,1fr))
}

@media (max-width:55rem) {
   .features-container.features-screencast .feature-tile-wrapper {
      grid-template-columns: repeat(2,minmax(12rem,1fr))
   }
}

@media (max-width:31rem) {
   .features-container.features-screencast .feature-tile-wrapper {
      grid-template-columns: repeat(1,minmax(12rem,1fr))
   }
}

.tsc-store .cart-main-panel, .tsc-store .cart-summary-panel {
   position: relative;
   min-height: 1px;
   padding-left: .9375rem;
   padding-right: .9375rem
}

.tsc-store .cart-main-panel {
   width: calc(100% - 22rem);
   float: left
}

.tsc-store .cart-summary-panel {
   width: 22rem;
   float: right
}

.tsc-store .cart-section {
   padding: .75rem
}

.tsc-store.region {
   background: #fff;
   padding-top: 2rem;
   padding-bottom: 1rem
}

.tsc-store .cart-empty {
   text-align: center;
   padding-top: 6.5rem
}

.tsc-store .cart-empty-img {
   margin: 0 auto;
   padding-right: 6.875rem;
   max-width: 21.25rem
}

.tsc-store .cart-max {
   margin: 0 auto;
   max-width: 75rem
}

.tsc-store .cart-panel {
   background-color: #fff;
   box-shadow: 0 .5rem .625rem -.3125rem rgba(0,0,0,.2);
   border-radius: .375rem;
   padding: 2.25rem 2.5rem;
   min-height: 32rem
}

.tsc-store .cart-heading {
   font-size: 1.5rem
}

.tsc-store .flex-row {
   padding: .75rem 0
}

.tsc-store .flex-table {
   margin: 0;
   display: flex
}

   .tsc-store .flex-table .table-group-one {
      display: flex;
      flex: 1 1 auto
   }

   .tsc-store .flex-table .table-group-two {
      display: flex;
      flex: 0 0 auto
   }

   .tsc-store .flex-table .main-product {
      padding: 1.25rem 0
   }

.tsc-store .flex-cell.col-2 {
   flex-direction: column
}

.tsc-store .flex-cell.col-3 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 0 1rem
}

.tsc-store .flex-cell.col-4 {
   display: flex;
   flex-grow: 1;
   justify-content: right;
   align-items: center;
   min-width: 6.25rem;
   padding: 0 .75rem 0 0
}

.tsc-store .flex-cell.col-5 {
   display: flex;
   flex-direction: column;
   justify-content: center
}

.tsc-store .cart-product-img {
   width: 3rem;
   margin-right: 1.25rem
}

.tsc-store .cart-maint-title, .tsc-store .cart-product-title {
   margin: .125rem 0;
   font-size: 1.125rem;
   font-weight: 600;
   padding-right: 2rem
}

   .tsc-store .cart-maint-title sup, .tsc-store .cart-product-title sup {
      font-size: 1.25rem;
      top: 0
   }

.tsc-store .table-product-details {
   padding: 0 0 0 .5rem
}

   .tsc-store .table-product-details .table-product-details-title {
      padding: 0 0 .5rem 0;
      font-size: 1.125rem;
      font-weight: 700
   }

   .tsc-store .table-product-details .table-group-one .cart-product-img {
      width: 2rem;
      margin: 0
   }

   .tsc-store .table-product-details .cart-maint-message, .tsc-store .table-product-details .cart-maint-title {
      margin: 0;
      padding: 0
   }

   .tsc-store .table-product-details .cart-maint-title {
      font-size: 1rem;
      font-weight: 700;
      margin-top: -.0625rem
   }

   .tsc-store .table-product-details .cart-maint-message {
      font-size: .875rem;
      font-weight: 400
   }

   .tsc-store .table-product-details .table-group-one {
      line-height: 1.2;
      padding: .0625rem 0 .375rem
   }

   .tsc-store .table-product-details .table-product-list-title {
      padding: 0 0 .5rem 0;
      font-size: .875rem;
      font-weight: 700
   }

   .tsc-store .table-product-details .table-group-list ul {
      font-size: .875rem;
      margin-left: 1.5rem
   }

.tsc-store .cart-product-qty {
   display: flex;
   text-align: center;
   justify-content: right
}

   .tsc-store .cart-product-qty .placeholder, .tsc-store .cart-product-qty a {
      width: 2rem;
      height: 2rem;
      border-radius: .25rem
   }

   .tsc-store .cart-product-qty a {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #ddd;
      text-decoration: none;
      font-weight: 700;
      font-size: 1.75rem;
      color: #0b0b0b
   }

      .tsc-store .cart-product-qty a:focus {
         border: 2px solid #000;
         outline: 0
      }

      .tsc-store .cart-product-qty a:hover {
         background-color: #e5e5e5;
         outline: 0
      }

.tsc-store .cart-product-price {
   font-weight: 600;
   text-align: right
}

.tsc-store .cart-product-remove a {
   color: #000;
   text-decoration: none
}

   .tsc-store .cart-product-remove a img {
      margin-top: -.125rem
   }

.tsc-store .cart-maint-title {
   font-size: .875rem;
   margin-bottom: .5rem
}

   .tsc-store .cart-maint-title sup {
      font-size: 1.125rem
   }

.tsc-store .cart-maint-img {
   width: 3.25rem;
   margin: 0 .25rem
}

.tsc-store .cart-maint-message {
   max-width: 50rem;
   font-size: .9375rem
}

   .tsc-store .cart-maint-message div {
      padding-bottom: .5rem
   }

.tsc-store .globalsubscription-label {
   position: relative;
   padding-left: 1.125rem
}

.tsc-store .globalsubscription-checkbox {
   position: absolute;
   top: .0625rem;
   left: 0
}

.tsc-store .grey-box {
   background: #f5f6f8;
   border-radius: .5rem;
   padding: .75rem
}

   .tsc-store .grey-box.summary {
      margin: 0 auto;
      max-width: 23.75rem
   }

      .tsc-store .grey-box.summary:first-child {
         margin-bottom: 1rem
      }

   .tsc-store .grey-box.maint {
      margin: .75rem 1.625rem .125rem 4rem
   }

.tsc-store .cart-offers {
   padding-top: 4rem
}

   .tsc-store .cart-offers .flex-cell.col-4 {
      flex-basis: 100%;
      display: flex;
      align-items: center;
      justify-content: right
   }

   .tsc-store .cart-offers .flex-cell.col-5 {
      flex: 1 0 auto;
      width: initial;
      padding-left: 1rem;
      display: flex;
      align-items: center;
      justify-content: center
   }

.tsc-store .summary-panel {
   background-color: #fff;
   border: 2px solid #ffc82e;
   border-radius: .5rem;
   padding: .5rem
}

.tsc-store .charges-panel, .tsc-store .summary-panel {
   font-size: 1rem
}

.tsc-store .summary-table {
   width: 100%
}

   .tsc-store .summary-table th {
      width: 100%;
      padding-bottom: .75rem;
      font-weight: 700;
      text-align: left
   }

   .tsc-store .summary-table td {
      padding-bottom: .625rem
   }

      .tsc-store .summary-table td:first-child {
         padding-right: 2.125rem
      }

   .tsc-store .summary-table tr.coupon-enter:first-child {
      padding-right: 0
   }

   .tsc-store .summary-table tr:nth-last-of-type(-n+1) td {
      padding-bottom: 0
   }

.tsc-store .summary-item-free, .tsc-store .summary-item-price {
   white-space: nowrap
}

.tsc-store .summary-heading {
   padding-bottom: .75rem;
   font-size: 1.5rem;
   width: 100%
}

.tsc-store .summary-tax-message {
   font-size: .875rem;
   padding: .5rem
}

.tsc-store .summary-header {
   padding-bottom: .5rem
}

.tsc-store .summary-item-title {
   padding-right: .5rem
}

.tsc-store .summary-header, .tsc-store .summary-item-free {
   font-weight: 700
}

.tsc-store .total-charges-table {
   width: 100%;
   margin-top: .5rem;
   margin-bottom: .25rem
}

.tsc-store #promo-column {
   padding-right: 0
}

.tsc-store .discount-font {
   color: green
}

.tsc-store #product-price-total {
   text-decoration: line-through;
   color: red;
   padding-right: 1rem
}

.tsc-store .coupon-link {
   font-size: .875rem;
   color: #000;
   text-decoration: underline
}

.tsc-store .coupon-enter {
   display: revert
}

   .tsc-store .coupon-enter .coupon-btn.error, .tsc-store .coupon-enter .coupon-input.error {
      border-color: #d0021b
   }

.tsc-store .coupon-input {
   border-radius: .25rem;
   max-width: 11rem;
   margin-bottom: .625rem;
   height: 2rem
}

.tsc-store .coupon-controls {
   display: inline-block
}

.tsc-store .coupon-apply {
   display: inline-block;
   margin-left: .5rem
}

.tsc-store .coupon-close {
   display: inline-flex;
   color: #000;
   margin-left: .375rem
}

   .tsc-store .coupon-close img {
      position: relative;
      top: 4px
   }

.tsc-store .coupon-promo-label {
   padding: 0 .25rem .25rem .25rem
}

.tsc-store .coupon-promo-error {
   color: #d0021b;
   font-weight: 700;
   float: right
}

.tsc-store .coupon-tag {
   margin-right: .5rem;
   margin-top: -.125rem;
   width: .875rem
}

.tsc-store .cart-border {
   padding: 0;
   margin: .3125rem 0;
   border-bottom: 1px solid #ccc
}

.tsc-store .btn.checkout-btn {
   color: #000;
   margin: 0
}

.tsc-store .checkout-btn {
   padding: .671875rem 1.5rem !important;
   min-width: 10rem;
   border-radius: 1.5rem;
   font-size: 1.125rem;
   width: 100%
}

.tsc-store .btn.candy-rack-btn {
   --btn-color: #1a1a1a;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #1a1a1a;
   --btn-bg-color-focus: #1a1a1a;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #1a1a1a;
   --btn-border-color-hover: #1a1a1a;
   --btn-border-color-focus: #1a1a1a;
   margin: 0
}

@media all and (max-width:987px) {
   .tsc-store .grey-box.maint {
      margin: .75rem 0 .125rem 0
   }

   .tsc-store .flex-table {
      position: relative;
      flex-wrap: wrap
   }

      .tsc-store .flex-table .table-group-two {
         flex-grow: 1
      }

   .tsc-store .cart-details .flex-cell.col-3, .tsc-store .cart-details .flex-cell.col-4 {
      padding: 1rem 0 .25rem 0
   }

   .tsc-store .cart-details .flex-cell.col-5 {
      position: absolute;
      top: 0;
      right: 0
   }

   .tsc-store .cart-product-qty .placeholder {
      width: 0
   }
}

@media all and (max-width:832px) {
   .tsc-store .cart-main-panel, .tsc-store .cart-summary-panel {
      width: 100%;
      float: none
   }

   .tsc-store .container {
      padding-bottom: .3125rem
   }

   .tsc-store .flex-table {
      flex-wrap: nowrap
   }

      .tsc-store .flex-table .table-group-two {
         flex-grow: 0
      }

   .tsc-store .cart-details .flex-cell.col-3 {
      padding: 0 1rem
   }

   .tsc-store .cart-details .flex-cell.col-4 {
      padding: 0 .75rem 0 0
   }

   .tsc-store .cart-details .flex-cell.col-5 {
      position: static
   }

   .tsc-store .grey-box.maint {
      margin: .75rem 1.625rem .125rem 4rem
   }

   .tsc-store .grey-box.summary {
      max-width: 100%
   }

   .tsc-store .cart-product-qty .placeholder {
      width: 2rem
   }

   .tsc-store .summary-tax-message {
      padding-bottom: 0
   }

   .tsc-store .bottom-fixed-mobile {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: .625rem;
      background-color: #f5f6f8;
      text-align: center;
      z-index: 1101
   }
}

@media all and (max-width:640px) {
   .tsc-store .flex-table {
      flex-wrap: wrap
   }

      .tsc-store .flex-table .table-group-two {
         flex-grow: 1
      }

   .tsc-store .cart-details .flex-cell.col-3, .tsc-store .cart-details .flex-cell.col-4 {
      padding: 1rem 0 .25rem 0
   }

   .tsc-store .cart-details .flex-cell.col-5 {
      position: absolute
   }

   .tsc-store .grey-box.maint {
      margin: .75rem 0 .125rem 0
   }

   .tsc-store .cart-product-qty .placeholder {
      width: 2rem
   }
}

.tsc-store-footer {
   height: 3.25rem
}

   .tsc-store-footer .footer-positioner {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      margin-top: -3.25rem;
      border-bottom: .25rem solid #ffc82e;
      background-color: #fff
   }

   .tsc-store-footer .short-page-spacer {
      display: none;
      background-color: #fff
   }

   .tsc-store-footer .footer-center {
      display: flex;
      height: 3rem;
      max-width: 75rem;
      margin: 0 auto;
      align-items: center
   }

   .tsc-store-footer .footer-logo {
      display: block;
      width: 10rem;
      margin-left: 1rem
   }

   .tsc-store-footer .footer-copyright {
      flex: 1 1 0;
      margin: 0 1rem 0 0;
      line-height: 1.25;
      text-align: right
   }

@media (max-width:60rem) {
   .tsc-store-footer .footer-center {
      display: block
   }

   .tsc-store-footer .footer-logo {
      margin: 0 auto
   }

   .tsc-store-footer .footer-positioner {
      margin-right: -3rem
   }

   .tsc-store-footer .footer-copyright {
      font-size: .75rem;
      line-height: 1;
      margin: 0;
      text-align: center;
      padding-top: .125rem
   }

      .tsc-store-footer .footer-copyright:before {
         content: "";
         display: inline-block;
         height: 1.5rem;
         vertical-align: middle
      }

   .tsc-store-footer .copyright-text {
      display: inline-block
   }

   .tsc-store-footer .short-page-spacer {
      display: block
   }

   .mobile-menu-active .tsc-store-footer .short-page-spacer {
      display: none
   }
}

@media all and (max-width:832px) {
   .tsc-store-footer.cart-page {
      height: 6.875rem
   }

      .tsc-store-footer.cart-page .footer-positioner {
         margin-top: -6.875rem
      }
}

.tsc-store h1, .tsc-store h2, .tsc-store h3 {
   margin: 0
}

.tsc-store h2 {
   text-align: center;
   font-size: 1.5rem
}

.tsc-store h3 {
   font-weight: 600;
   font-family: proxima-nova,Helvetica,Arial,sans-serif
}

   .tsc-store h3 .cart-heading-v1 {
      display: block;
      float: left;
      padding-right: .5rem
   }

.tsc-store.cart-v1.region {
   padding-top: 2.8125rem
}

@media (max-width:52rem) {
   .tsc-store .col-sm-1, .tsc-store .col-sm-10, .tsc-store .col-sm-11, .tsc-store .col-sm-12, .tsc-store .col-sm-2, .tsc-store .col-sm-3, .tsc-store .col-sm-4, .tsc-store .col-sm-5, .tsc-store .col-sm-6, .tsc-store .col-sm-7, .tsc-store .col-sm-8, .tsc-store .col-sm-9 {
      float: left
   }

   .tsc-store .col-sm-4, .tsc-store .col-sm-8 {
      width: 100%
   }
}

.tsc-store .cart-hr-border {
   display: block;
   padding-top: 1rem;
   border-bottom: 1px solid #ccc;
   overflow: hidden
}

.tsc-store .cart-border.step2 {
   width: calc(100% - 11.75rem)
}

.tsc-store .cart-border.step3 {
   width: calc(100% - 7.875rem)
}

.tsc-store .cart-empty-v1 {
   text-align: center;
   padding-top: 6.5rem
}

.tsc-store .cart-empty-img-v1 {
   margin: 0 auto;
   padding-right: 6.875rem;
   max-width: 21.25rem
}

.tsc-store .cart-tb {
   display: table;
   width: 100%
}

.tsc-store .cart-tb-row {
   display: table-row;
   width: 100%
}

.tsc-store .cart-tb-cell {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   border-bottom: 1.25rem solid transparent
}

.tsc-store .cart-tb-inner-cell {
   display: table-cell;
   text-align: left;
   vertical-align: middle;
   padding-bottom: 0
}

   .tsc-store .cart-tb-inner-cell .cart-add-on-product, .tsc-store .cart-tb-inner-cell.cart-img-cell {
      vertical-align: top
   }

.tsc-store .cart-item-img {
   width: 3rem;
   margin-right: 1.25rem;
   float: left
}

   .tsc-store .cart-item-img.thankyou-img {
      width: 2.25rem;
      margin-right: 1rem
   }

.tsc-store .cart-img-cell {
   width: 3rem
}

.tsc-store .cart-item-qty-cell, .tsc-store .cart-purchase-label-cell {
   font-size: .875rem;
   font-weight: 600;
   text-align: right
}

.tsc-store .cart-item-qty-cell {
   border: 0;
   width: 5.3125rem
}

.tsc-store .cart-purchase-label-cell {
   width: 8rem
}

.tsc-store .cart-purchase-total-cell, .tsc-store .cart-unit-total-cell {
   font-size: .875rem;
   font-weight: 600;
   text-align: right
}

   .tsc-store .cart-purchase-total-cell.font-size-18, .tsc-store .cart-unit-total-cell.font-size-18 {
      font-size: 1.125rem
   }

.tsc-store .cart-unit-total-cell {
   width: 8.5rem;
   vertical-align: middle
}

.tsc-store .cart-cell-padding {
   width: 10rem;
   vertical-align: middle
}

.tsc-store .cart-purchase-total-cell {
   font-size: 1.3125rem;
   font-weight: 300;
   width: auto
}

.tsc-store .cart-pad-top {
   padding-top: .25rem
}

.tsc-store .cart-pad-right {
   padding-right: 1.75rem
}

.tsc-store .cart-pad-right-0 {
   padding-right: 0
}

.tsc-store .cart-item-label {
   font-size: 1.125rem;
   font-weight: 300
}

.tsc-store .cart-guarantee-width {
   width: 13rem
}

.tsc-store .cart-padding {
   padding: .75rem 0
}

.tsc-store .cart-message {
   margin: -.25rem 0 .25rem .25rem;
   padding-left: 4rem;
   max-width: 28.75rem
}

.tsc-store .cart-purchase {
   padding: .25rem 0 .5rem
}

.tsc-store .store-popup-qty-input {
   display: inline-block;
   text-align: center;
   padding: .125rem 0 .125rem .125rem
}

.tsc-store .store-product-qty-input {
   display: inline-block;
   min-width: 2.25rem;
   padding: 0;
   text-align: center;
   font-size: 1.125rem;
   padding-top: .0625rem;
   font-weight: 400;
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   margin-left: .25rem;
   margin-right: .25rem;
   border-color: #e6e6e6
}

.tsc-store .update-icon {
   width: .85rem;
   height: .85rem;
   display: inline-block;
   animation: spin 2s linear infinite;
   animation-play-state: paused
}

   .tsc-store .update-icon:hover {
      animation-play-state: running
   }

.tsc-store .update-product-link {
   display: inline-block;
   width: 1rem
}

.tsc-store .cart-activation, .tsc-store .cart-maint-message-v1 {
   max-width: 21.25rem;
   font-size: .9375rem
}

.tsc-store .cart-add-on-product {
   font-size: .875rem;
   color: grey
}

.tsc-store .store-qty-align {
   align-items: center;
   text-align: center;
   display: flex;
   height: 3rem;
   width: 5.3125rem
}

.tsc-store .cart-credit-text, .tsc-store .cart-discount-text {
   color: #ef8200;
   font-size: .8125rem;
   font-weight: 600;
   text-align: right;
   padding-right: 0
}

.tsc-store .cart-credit-text {
   color: #333
}

.tsc-store .cart-padding-checkbox {
   padding-left: .25rem;
   padding-bottom: 1.5rem
}

.tsc-store .cart-remove-item-cell {
   padding-left: .75rem;
   color: #b3b3b3;
   text-decoration: none;
   position: absolute
}

   .tsc-store .cart-remove-item-cell:hover {
      color: #000
   }

.tsc-store .disabled .chosen-container .chosen-single {
   background-color: #ececec;
   color: #bbb;
   border-color: #bbb
}

   .tsc-store .disabled .chosen-container .chosen-single b {
      border-top: .3125em solid #b3b3b3
   }

.tsc-store .product-key {
   font-family: monospace;
   font-size: 1.125rem;
   padding: .1875rem 0
}

.tsc-store .cart-payment-img {
   display: inline-block;
   max-width: 1.5rem
}

.tsc-store .cart-payment-detail, .tsc-store .cart-payment-label {
   font-size: .625rem
}

.tsc-store .cart-payment-detail {
   display: inline-block;
   text-align: right
}

.tsc-store .cart-max-v1 {
   margin: 0 auto;
   max-width: 75rem
}

.tsc-store .cart-panel-v1 {
   background-color: #fff;
   box-shadow: 0 .5rem .625rem -.3125rem rgba(0,0,0,.2);
   border-radius: .375rem;
   padding: 2.25rem 2.5rem;
   min-height: 32rem
}

.tsc-store .cart-pad-bottom, .tsc-store .main-product-pad-bottom {
   padding-bottom: 1rem
}

.tsc-store .cart-product-title-v1 {
   font-size: 1.125rem;
   font-weight: 600;
   padding-right: 2rem
}

   .tsc-store .cart-product-title-v1 sup {
      font-size: 1.25rem;
      top: 0
   }

.tsc-store input#cart-product-updates + label {
   font-size: .75rem
}

.tsc-store .cart-line-item {
   margin-left: 0;
   margin-bottom: 1.5rem
}

.tsc-store .cart-line-item-amount {
   font-weight: 600;
   text-align: right
}

.tsc-store .cart-quantity {
   width: 3.5rem
}

.tsc-store .cart-candyrack {
   padding: 1rem 0 0 2.25rem
}

   .tsc-store .cart-candyrack > div {
      padding: 0 0 1.25rem
   }

.tsc-store .candyrack-img {
   width: 3rem;
   margin: 0 .5rem;
   float: left
}

.tsc-store .cart-details {
   font-size: 1rem
}

   .tsc-store .cart-details p {
      font-size: 1rem;
      margin: 0
   }

.tsc-store .cart-details-overflow {
   overflow: hidden;
   margin-bottom: 1rem
}

.tsc-store .cart-border.thankyou {
   float: none;
   width: 100%
}

.tsc-store .cart-tax-label {
   padding-bottom: 1rem
}

.tsc-store .cart-credit-label {
   font-size: .9375rem;
   white-space: nowrap
}

.tsc-store .cart-tax-price {
   font-size: .875rem;
   padding-bottom: .625rem
}

.tsc-store .cart-total-price {
   padding-left: .5rem;
   padding-right: 0;
   font-weight: 600
}

.tsc-store .cart-checkout-step {
   font-size: 1.125rem
}

.tsc-store .cart-view-orders {
   font-size: 1rem;
   font-weight: 600
}

.tsc-store .cart-maint-checkbox-label {
   font-size: 1rem;
   font-weight: 400
}

.tsc-store .cart-email-icon {
   display: inline-block;
   position: absolute;
   height: 2.5rem;
   width: 2.75rem;
   background-color: #ccc;
   border: 1px solid #aaa;
   border-right: 0;
   text-align: center;
   border-bottom-left-radius: .1875rem;
   border-top-left-radius: .1875rem;
   background-color: transparent;
   height: 2.25rem
}

   .tsc-store .cart-email-icon i {
      font-size: 1.5rem
   }

.tsc-store .cart-email-icon {
   display: block
}

.tsc-store .cart-email-wrapper {
   padding-bottom: .375rem
}

.tsc-store .tsc-store #cart-email {
   margin-left: 0;
   padding-left: 2.75rem
}

.tsc-store #cart-email {
   display: inline-block;
   padding-left: 2.75rem;
   font-size: .875rem;
   max-width: 100%;
   width: 100%;
   height: 2.25rem;
   box-shadow: none;
   border-color: #aaa;
   border-left: none;
   border-radius: .25rem
}

   .tsc-store #cart-email[readonly] {
      background-color: #e6e6e6
   }

.tsc-store .checkout-email-mismatch {
   color: #d0021b
}

.tsc-store .checkout-btn-disabled {
   pointer-events: none;
   background-color: #ccc
}

.tsc-store .money-back-text {
   font-size: .875rem;
   width: 15.25rem
}

.tsc-store .cart-footer {
   width: 100%;
   font-size: .75rem;
   margin: 1rem 0 0 1rem
}

   .tsc-store .cart-footer a {
      margin-right: .75rem
   }

.tsc-store .candyrack-title {
   font-size: 1.125rem;
   font-weight: 600;
   margin-bottom: .5rem
}

.tsc-store .modal-body.candy-rack-modal-body .candyrack-popup-full strong {
   font-size: 1.125rem
}

.tsc-store .modal-body.candy-rack-modal-body .candyrack-popup-full p {
   margin: .75rem 0
}

.tsc-store .cart-autorenew-options {
   padding: 1rem;
   border: 1px solid #448ccb;
   background-color: #d6e6f2;
   border-radius: .25rem
}

.tsc-store .cart-maint-options {
   padding-bottom: 1rem
}

   .tsc-store .cart-maint-options ul {
      margin-top: .5rem
   }

   .tsc-store .cart-maint-options li {
      padding-top: .625rem;
      margin-left: 1rem;
      font-size: .875rem
   }

.tsc-store .cart-email-error {
   max-height: 0;
   padding-top: 0;
   overflow: hidden;
   color: #d0021b;
   transition: max-height .25s ease-in-out,padding-top .25s ease-in-out
}

.tsc-store .cart-key-padding {
   padding-left: 1.5rem
}

.tsc-store .cart-note-message, .tsc-store .cart-trial-message {
   max-width: 21.25rem;
   font-size: .875rem;
   padding-bottom: 1rem
}

.tsc-store .cart-enter-message {
   font-size: .875rem
}

.tsc-store .error #cart-email, .tsc-store .error .cart-email-icon {
   border-color: #d0021b
}

.tsc-store .error .cart-email-error {
   max-height: 10rem;
   padding-top: .25rem
}

@keyframes spin {
   100% {
      transform: rotate(1turn)
   }
}

@media (max-width:32.4375rem) {
   .tsc-store .cart-message {
      margin: -.25rem 0 1rem 0;
      padding-left: 1rem
   }

   .tsc-store .cart-guarantee-width, .tsc-store .money-back-text {
      width: 100%
   }
}

@media (max-width:47.9375rem) {
   .tsc-store .container {
      padding: 0
   }

   .tsc-store .cart-hidden {
      display: none
   }

   .tsc-store .cart-footer {
      margin-left: 1rem
   }
}

@media (max-width:32.4375rem) {
   .tsc-store .cart-panel {
      padding-left: 1rem
   }

   .tsc-store .cart-tb {
      padding-bottom: .625rem
   }

   .tsc-store .product-key {
      font-size: 1rem;
      margin-right: -.5rem
   }

   .tsc-store .cart-tb-inner-cell {
      padding-bottom: 0
   }

   .tsc-store .cart-pad-left {
      padding-left: 0
   }

   .tsc-store .product-qty-align, .tsc-store .store-qty-align {
      width: 2.375rem
   }

      .tsc-store .product-qty-align a, .tsc-store .store-qty-align a {
         display: none
      }

   .tsc-store .cart-item-qty-cell {
      width: 2.375rem
   }

   .tsc-store.region {
      padding: 1.5rem 0
   }

   .tsc-store .cart-xxs-remove {
      display: none;
      width: 0;
      padding: 0
   }

   .tsc-store .cart-img-cell {
      display: none;
      width: 0
   }

   .tsc-store .cart-checkout .btn {
      width: 100%
   }

   .tsc-store .cart-guarantee-width {
      width: 100%
   }
}

.tsc-store .thankyou-address {
   margin: 0 0 1rem
}

   .tsc-store .thankyou-address h3 {
      margin-bottom: .25rem
   }

   .tsc-store .thankyou-address p {
      font-size: .875rem;
      margin: 0
   }

@media (max-width:30rem) {
   .tsc-store .cart-product-title-v1 {
      padding-right: 1rem
   }
}

.btn {
   display: inline-block;
   margin: .5rem 0;
   padding: .328125rem .875rem;
   min-width: 7.5rem;
   vertical-align: middle;
   border: .125rem solid var(--btn-border-color,transparent);
   border-radius: 6rem;
   color: var(--btn-color,);
   background-color: var(--btn-bg-color,transparent);
   background-image: none;
   font-size: var(--btn-font-size, .875rem);
   font-weight: 600;
   line-height: 1.25;
   text-align: center;
   text-decoration: none;
   touch-action: manipulation;
   cursor: pointer;
   outline: 0;
   -webkit-tap-highlight-color: transparent
}

   .btn:active, .btn:focus, .btn:hover {
      text-decoration: none
   }

   .btn:active, .btn:focus {
      outline: .125rem dotted var(--tsc-focus-outline-color);
      outline-offset: 0.125rem
   }

   .btn:hover {
      color: var(--btn-color-hover,);
      background-color: var(--btn-bg-color-hover,);
      border-color: var(--btn-border-color-hover,var(--btn-border-color,))
   }

   .btn:focus {
      color: var(--btn-color-focus,);
      background-color: var(--btn-bg-color-focus,);
      border-color: var(--btn-border-color-focus,var(--btn-border-color,))
   }

   .btn:active {
      color: var(--btn-color-active,);
      background-color: var(--btn-bg-color-active,);
      border-color: var(--btn-border-color-active,var(--btn-border-color,))
   }

   .btn:disabled {
      color: #fff !important;
      background-color: #ccc !important;
      border-color: #ccc !important;
      outline-color: transparent !important
   }

   .btn + .btn {
      margin-left: .6875rem
   }

   .btn.skinny {
      min-width: unset
   }

   .btn.wide {
      width: 100%
   }

.btn-primary, .btn-screencast, .btn-screencast-primary, .btn-sweet-success {
   --btn-color: #1a1a1a;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: #ffc82e;
   --btn-bg-color-hover: #ffd257;
   --btn-bg-color-focus: #ffd257;
   --btn-bg-color-active: #ffc82e;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #ffc82e;
   --btn-border-color-hover: #ffd257;
   --btn-border-color-focus: #ffd257
}

.btn-secondary, .btn-soft-black {
   --btn-color: #fff;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #fff;
   --btn-bg-color: #1a1a1a;
   --btn-bg-color-hover: #364447;
   --btn-bg-color-focus: #364447;
   --btn-bg-color-active: #1a1a1a;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #1a1a1a;
   --btn-border-color-hover: #364447;
   --btn-border-color-focus: #364447
}

.btn-tertiary {
   --btn-color: #1a1a1a;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #1a1a1a;
   --btn-bg-color-focus: #1a1a1a;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #1a1a1a;
   --btn-border-color-hover: #1a1a1a;
   --btn-border-color-focus: #1a1a1a
}

.btn-link {
   --btn-color: #1a1a1a;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #1a1a1a;
   --btn-bg-color-focus: #1a1a1a;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: transparent;
   --btn-border-color-hover: #1a1a1a;
   --btn-border-color-focus: #1a1a1a
}

.btn-light, .btn-white {
   --btn-color: #1a1a1a;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: #fff;
   --btn-bg-color-hover: #f0f1f5;
   --btn-bg-color-focus: #f0f1f5;
   --btn-bg-color-active: #fff;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: #fff;
   --btn-border-color-hover: #f0f1f5;
   --btn-border-color-focus: #f0f1f5
}

.btn-audiate {
   --btn-color: #fff;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #fff;
   --btn-bg-color: #bd24db;
   --btn-bg-color-hover: #960fb0;
   --btn-bg-color-focus: #960fb0;
   --btn-bg-color-active: #bd24db;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #bd24db;
   --btn-border-color-hover: #960fb0;
   --btn-border-color-focus: #960fb0
}

.btn-camtasia, .btn-camtasia-primary, .btn-camtasia-rev, .btn-primary-camtasia, .btn-secondary-camtasia {
   --btn-color: #000;
   --btn-color-hover: #000;
   --btn-color-focus: #000;
   --btn-color-active: #000;
   --btn-bg-color: #99e500;
   --btn-bg-color-hover: #c3ff4a;
   --btn-bg-color-focus: #c3ff4a;
   --btn-bg-color-active: #99e500;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #99e500;
   --btn-border-color-hover: #c3ff4a;
   --btn-border-color-focus: #c3ff4a
}

.btn-primary-snagit, .btn-secondary-snagit, .btn-snagit, .btn-snagit-accent, .btn-snagit-primary {
   --btn-color: #fff;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #fff;
   --btn-bg-color: #e10992;
   --btn-bg-color-hover: #d5088a;
   --btn-bg-color-focus: #d5088a;
   --btn-bg-color-active: #e10992;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #e10992;
   --btn-border-color-hover: #d5088a;
   --btn-border-color-focus: #d5088a
}

.background-image-dark .btn, .background-image-dark .link-style, .camtasia .btn, .camtasia .link-style, .camtasia-grey-darker .btn, .camtasia-grey-darker .link-style, .soft-black .btn, .soft-black .link-style, .video-review-black .btn, .video-review-black .link-style {
   --tsc-focus-outline-color: #fff
}

.background-image-dark .btn-secondary, .background-image-dark .btn-soft-black, .camtasia .btn-secondary, .camtasia .btn-soft-black, .camtasia-grey-darker .btn-secondary, .camtasia-grey-darker .btn-soft-black, .soft-black .btn-secondary, .soft-black .btn-soft-black, .video-review-black .btn-secondary, .video-review-black .btn-soft-black {
   --btn-color: #1a1a1a;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: #fff;
   --btn-bg-color-hover: #f0f1f5;
   --btn-bg-color-focus: #f0f1f5;
   --btn-bg-color-active: #fff;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: #fff;
   --btn-border-color-hover: #f0f1f5;
   --btn-border-color-focus: #f0f1f5
}

.background-image-dark .btn-tertiary, .camtasia .btn-tertiary, .camtasia-grey-darker .btn-tertiary, .soft-black .btn-tertiary, .video-review-black .btn-tertiary {
   --btn-color: #fff;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #fff;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #fff;
   --btn-bg-color-focus: #fff;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: #fff;
   --btn-border-color-hover: #fff;
   --btn-border-color-focus: #fff
}

.background-image-dark .btn-link, .camtasia .btn-link, .camtasia-grey-darker .btn-link, .soft-black .btn-link, .video-review-black .btn-link {
   --btn-color: #fff;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #fff;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #fff;
   --btn-bg-color-focus: #fff;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: transparent;
   --btn-border-color-hover: #fff;
   --btn-border-color-focus: #fff
}

.hero-card-region.bg-transparent .card .btn-primary {
   --btn-color: #1a1a1a;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: #ffc82e;
   --btn-bg-color-hover: #ffd257;
   --btn-bg-color-focus: #ffd257;
   --btn-bg-color-active: #ffc82e;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #ffc82e;
   --btn-border-color-hover: #ffd257;
   --btn-border-color-focus: #ffd257
}

.hero-card-region.bg-transparent .card .btn-secondary {
   --btn-color: #fff;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #fff;
   --btn-bg-color: #1a1a1a;
   --btn-bg-color-hover: #364447;
   --btn-bg-color-focus: #364447;
   --btn-bg-color-active: #1a1a1a;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #1a1a1a;
   --btn-border-color-hover: #364447;
   --btn-border-color-focus: #364447
}

.hero-card-region.bg-transparent .card .btn-tertiary {
   --btn-color: #1a1a1a;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #1a1a1a;
   --btn-bg-color-focus: #1a1a1a;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #1a1a1a;
   --btn-border-color-hover: #1a1a1a;
   --btn-border-color-focus: #1a1a1a
}

.btn-lg {
   padding: .671875rem 1.5rem !important;
   min-width: 10rem;
   border-radius: 1.5rem;
   font-size: 1.125rem
}

.btn-big, .btn-big2, .btn-big3, .btn-big4, .btn-camtasia-primary, .btn-camtasia-rev, .btn-screencast-primary, .btn-snagit-primary {
   padding: .671875rem 1.5rem !important;
   min-width: 10rem;
   border-radius: 1.5rem;
   font-size: 1.125rem
}

.link-style {
   display: inline;
   color: #0072cf;
   padding: 0;
   border: 0;
   background-color: transparent;
   font-weight: 400;
   text-align: inherit;
   text-decoration: none;
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: none
}

   .link-style:active, .link-style:hover {
      color: #ee9500;
      text-decoration: underline
   }

   .link-style:focus {
      outline: .125rem dotted var(--tsc-focus-outline-color,#1a1a1a);
      outline-offset: 0.125rem
   }

.btn-bar .link-wrapper ul li {
   float: left;
   margin: 1em 0
}

   .btn-bar .link-wrapper ul li + li {
      margin: 1em 0 1em .75em;
      padding-left: .75em;
      border-style: solid;
      border-width: 0 0 0 1px
   }

   .btn-bar .link-wrapper ul li a {
      display: block
   }

.link-wrapper li:last-of-type a:not(.btn):after {
   content: " \e645"
}

.store-page-max {
   max-width: 75rem;
   margin: 0 auto
}

.tsc-store .store-product-qty-input {
   display: inline-block;
   min-width: 2.25rem;
   padding: 0;
   text-align: center;
   font-size: 1.125rem;
   padding-top: .0625rem;
   font-weight: 400;
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   margin-left: .25rem;
   margin-right: .25rem;
   border-color: #e6e6e6
}

.tsc-store .cart-item-qty-cell a {
   text-decoration: none;
   border: solid 1px #e6e6e6;
   border-radius: .1875rem;
   min-width: 1.3125rem;
   height: 1.4375rem;
   font-size: 1.125rem;
   color: #757575
}

   .tsc-store .cart-item-qty-cell a.chosen-single {
      border: 1px solid #aaa;
      font-size: .875rem
   }

   .tsc-store .cart-item-qty-cell a.disabled {
      background-color: #e6e6e6
   }

.store-btn {
   display: inline-block;
   margin: .5rem 0;
   padding: .328125rem .875rem;
   min-width: 7.5rem;
   vertical-align: middle;
   border: .125rem solid var(--btn-border-color,transparent);
   border-radius: 6rem;
   color: var(--btn-color,);
   background-color: var(--btn-bg-color,transparent);
   background-image: none;
   font-size: var(--btn-font-size, .875rem);
   font-weight: 600;
   line-height: 1.25;
   text-align: center;
   text-decoration: none;
   touch-action: manipulation;
   cursor: pointer;
   outline: 0;
   -webkit-tap-highlight-color: transparent;
   --btn-color: #1a1a1a;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: #ffc82e;
   --btn-bg-color-hover: #ffd257;
   --btn-bg-color-focus: #ffd257;
   --btn-bg-color-active: #ffc82e;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: #ffc82e;
   --btn-border-color-hover: #ffd257;
   --btn-border-color-focus: #ffd257
}

   .store-btn:active, .store-btn:focus, .store-btn:hover {
      text-decoration: none
   }

   .store-btn:active, .store-btn:focus {
      outline: .125rem dotted var(--tsc-focus-outline-color);
      outline-offset: 0.125rem
   }

   .store-btn:hover {
      color: var(--btn-color-hover,);
      background-color: var(--btn-bg-color-hover,);
      border-color: var(--btn-border-color-hover,var(--btn-border-color,))
   }

   .store-btn:focus {
      color: var(--btn-color-focus,);
      background-color: var(--btn-bg-color-focus,);
      border-color: var(--btn-border-color-focus,var(--btn-border-color,))
   }

   .store-btn:active {
      color: var(--btn-color-active,);
      background-color: var(--btn-bg-color-active,);
      border-color: var(--btn-border-color-active,var(--btn-border-color,))
   }

   .store-btn:disabled {
      color: #fff !important;
      background-color: #ccc !important;
      border-color: #ccc !important;
      outline-color: transparent !important
   }

.store-btn-text {
   --btn-color: #1a1a1a;
   --btn-color-hover: #fff;
   --btn-color-focus: #fff;
   --btn-color-active: #1a1a1a;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #1a1a1a;
   --btn-bg-color-focus: #1a1a1a;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #1a1a1a;
   --btn-border-color: transparent;
   --btn-border-color-hover: #1a1a1a;
   --btn-border-color-focus: #1a1a1a
}

.store-btn-light-outline {
   --btn-color: #fff;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #fff;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #fff;
   --btn-bg-color-focus: #fff;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: #fff;
   --btn-border-color-hover: #fff;
   --btn-border-color-focus: #fff
}

.store-btn-primary-outline {
   --btn-color: #fff;
   --btn-color-hover: #1a1a1a;
   --btn-color-focus: #1a1a1a;
   --btn-color-active: #fff;
   --btn-bg-color: transparent;
   --btn-bg-color-hover: #fff;
   --btn-bg-color-focus: #fff;
   --btn-bg-color-active: transparent;
   --tsc-focus-outline-color: #fff;
   --btn-border-color: #fff;
   --btn-border-color-hover: #fff;
   --btn-border-color-focus: #fff
}

.tsc-store-faq h2 {
   font-family: Montserrat,Helvetica,Arial,sans-serif
}

.tsc-store-trust .inflate {
   font-family: Montserrat,Helvetica,Arial,sans-serif;
   font-weight: 700;
   font-size: 1rem
}

.shared-benefits {
   text-align: center
}

   .shared-benefits .constrained-content {
      padding: 1.25rem 0 0;
      text-align: center;
      margin-bottom: 1rem
   }

   .shared-benefits h2 {
      font-size: 1.5rem;
      font-family: Montserrat,Helvetica,Arial,sans-serif;
      font-weight: 700;
      margin-bottom: 1rem
   }

   .shared-benefits ul {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      grid-gap: 2rem;
      list-style: none
   }

@media screen and (max-width:580px) {
   .shared-benefits ul {
      grid-template-columns: repeat(2,1fr);
      grid-gap: 1rem
   }
}

.shared-benefits li {
   padding: 1rem;
   text-align: center
}

.shared-benefits img {
   width: 4rem
}

.shared-benefits h4 {
   font-weight: 600
}

.product-comparison-tables .constrained-content {
   padding: 0 3rem
}

.product-comparison-tables .product-comparison-table {
   width: 100%;
   margin-bottom: 2.25rem
}

.product-comparison-tables .header-row {
   font-weight: 600
}

   .product-comparison-tables .header-row td:first-child {
      width: 35%;
      font-size: 1.5rem;
      line-height: 1.875rem
   }

   .product-comparison-tables .header-row td:nth-child(2) {
      width: 5%
   }

   .product-comparison-tables .header-row td {
      width: 20%;
      font-size: 1rem;
      padding-bottom: 1.5rem
   }

.product-comparison-tables .data-row {
   border-bottom: 1px solid rgba(0,0,0,.1)
}

   .product-comparison-tables .data-row td:first-child {
      width: 35%;
      font-weight: 600;
      font-size: 1rem
   }

   .product-comparison-tables .data-row td:nth-child(2) {
      width: 5%
   }

   .product-comparison-tables .data-row td {
      width: 20%;
      font-size: .875rem;
      padding-bottom: .4375rem;
      padding-top: .875rem
   }

.product-comparison-tables .data-cell {
   text-align: center
}

.product-comparison-tables .tooltip {
   display: inline-flex;
   border: 1px solid;
   position: relative;
   cursor: help;
   border: 1px solid transparent;
   vertical-align: middle;
   white-space: normal;
   z-index: 9
}

   .product-comparison-tables .tooltip img {
      padding-top: .25rem;
      padding-left: .25rem
   }

   .product-comparison-tables .tooltip:hover {
      border: 1px dashed
   }

.product-comparison-tables .tooltip-content {
   display: none;
   background: #000;
   color: #fff;
   position: absolute;
   bottom: calc(100% + 4px);
   width: 15rem;
   padding: 1rem;
   border-radius: .25rem;
   box-shadow: 0 .25rem .5rem rgba(0,0,0,.15);
   white-space: normal;
   font-size: 1rem
}

@media (max-width:480px) {
   .product-comparison-tables .constrained-content {
      padding: 0 1.5rem
   }
}

@media (max-width:392px) {
   .product-comparison-tables .constrained-content {
      padding: 0 .25rem
   }
}

.pricing-container {
   width: -moz-fit-content;
   width: fit-content;
   margin: 0 auto
}

   .pricing-container .original-price {
      text-decoration: line-through;
      color: #ef8200;
      font-size: .6em
   }

.celebrity-v2.pricing-style .pricing-container .original-price {
   font-size: .5em
}

.btn .pricing-container {
   display: inline-block
}

   .btn .pricing-container .original-price {
      Display: none
   }

@media (max-width:58.125rem) and (min-width:34.385rem) {
   .celebrity-v2.product-promo .pricing-container, .celebrity-v2.product-promo-adv .pricing-container {
      margin: 0
   }
}

.exit-intent-modal.modal .modal-header {
   border: 0
}

.modal.promo .modal-dialog {
   margin-top: 3rem
}

.modal.promo .modal-content {
   padding: .25rem 0;
   box-shadow: none;
   border: none;
   border-radius: 8px;
   background-repeat: repeat
}

.modal.promo .modal-header {
   border: 0;
   padding: .875rem 0 0
}

   .modal.promo .modal-header .close {
      position: absolute;
      right: 1.125rem;
      top: 1.125rem;
      font-size: 2.125rem;
      z-index: 10;
      opacity: 1
   }

.modal.promo .heading-sub-text, .modal.promo .heading-text {
   color: #fefefe
}

.modal.promo .heading-text {
   font-size: 2.125rem
}

.modal.promo .heading-sub-text {
   font-size: 1.25rem
}

.modal.promo .snagit-promo .heading-sub-text {
   color: #a1ccfc
}

.modal.promo .camtasia-promo .heading-sub-text {
   color: #e7ffca
}

.modal.promo .bundle-promo .heading-sub-text {
   color: #ddd
}

.modal.promo .camtasia-assets-promo, .modal.promo .snagit-assets-promo {
   background-size: contain
}

   .modal.promo .camtasia-assets-promo h2, .modal.promo .snagit-assets-promo h2 {
      color: #fff;
      text-align: center;
      font-weight: 300;
      margin-bottom: .125rem
   }

      .modal.promo .camtasia-assets-promo h2 img, .modal.promo .snagit-assets-promo h2 img {
         width: 88%
      }

      .modal.promo .camtasia-assets-promo h2 span, .modal.promo .snagit-assets-promo h2 span {
         display: block;
         font-size: 1.5rem;
         padding-bottom: .625rem
      }

   .modal.promo .camtasia-assets-promo h4, .modal.promo .snagit-assets-promo h4 {
      font-family: proxima-nova,Helvetica,Arial,sans-serif;
      font-size: 1.125rem;
      text-align: center
   }

   .modal.promo .camtasia-assets-promo ul, .modal.promo .snagit-assets-promo ul {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      margin: 0
   }

   .modal.promo .camtasia-assets-promo .features-lists, .modal.promo .snagit-assets-promo .features-lists {
      justify-content: space-between;
      padding: 1.25rem 2rem .875rem
   }

      .modal.promo .camtasia-assets-promo .features-lists li, .modal.promo .snagit-assets-promo .features-lists li {
         position: relative;
         font-size: .9375rem;
         max-width: 13.75rem;
         padding-left: 1.875rem;
         margin-bottom: 1rem
      }

         .modal.promo .camtasia-assets-promo .features-lists li .checkmark, .modal.promo .snagit-assets-promo .features-lists li .checkmark {
            position: absolute;
            left: 0;
            top: 0;
            width: .75rem;
            height: 1.25rem;
            border: solid #333;
            border-width: 0 .375rem .375rem 0;
            transform: rotate(45deg)
         }

   .modal.promo .camtasia-assets-promo .btn-store, .modal.promo .snagit-assets-promo .btn-store {
      min-width: 12.5rem;
      margin: 1.125rem 1rem
   }

   .modal.promo .snagit-assets-promo .features-lists {
      color: #fff
   }

      .modal.promo .snagit-assets-promo .features-lists span.checkmark {
         border: solid #fff;
         border-width: 0 .375rem .375rem 0;
         transform: rotate(45deg)
      }

   .modal.promo .snagit-assets-promo .icon-lists li {
      width: 25%
   }

.modal.promo .modal-heading {
   display: flex;
   max-width: 32rem;
   margin: -.5rem auto 0;
   align-items: center
}

.modal.promo .modal-dialog {
   width: 100%;
   max-width: 36rem
}

.modal.promo .heading-img img {
   width: 6.25rem;
   margin-right: .5rem
}

.modal.promo .modal-subheading {
   max-width: 32rem;
   margin: .25rem auto 0;
   padding-left: .5625rem;
   font-size: 1.125rem;
   font-weight: 700;
   color: #000
}

.modal.promo .features {
   max-width: 30.875rem;
   margin: 0 auto;
   padding: 1rem 0 .5rem;
   font-weight: 700
}

.modal.promo .feature {
   position: relative;
   padding: .375rem 0 .375rem;
   margin: 0 auto;
   font-size: 1.25rem;
   color: #fefefe
}

   .modal.promo .feature img {
      position: absolute;
      top: .375rem;
      left: 0
   }

.modal.promo .feature-text {
   min-height: 4rem;
   padding-left: 8rem
}

   .modal.promo .feature-text p {
      padding: 0;
      font-size: 1rem;
      color: #000;
      margin-bottom: 0
   }

.modal.promo .modal-total-price {
   max-width: 13.75rem;
   margin: 0 auto
}

.modal.promo .the-price {
   margin-bottom: .5rem;
   line-height: 1;
   color: #000;
   font-weight: 700;
   text-align: center
}

.modal.promo .xsell-unit-price {
   line-height: 1.5
}

.modal.promo .non-fancy {
   font-size: 3rem;
   padding: 1.125rem 2rem .0078125rem
}

.modal.promo .fancy {
   font-size: 3.75rem
}

   .modal.promo .fancy sup {
      top: -1.5rem;
      font-size: 1.5rem
   }

   .modal.promo .fancy .fancy-slash {
      font-size: 2.375rem;
      margin-left: -.625rem
   }

   .modal.promo .fancy .fancy-year {
      font-size: 1.5rem;
      margin-left: -.4375rem
   }

.modal.promo .icon-lists {
   padding: 0 1.125rem
}

   .modal.promo .icon-lists li {
      font-size: .8125rem;
      font-weight: 700;
      text-align: center;
      width: 20%;
      margin-bottom: 1rem
   }

      .modal.promo .icon-lists li span {
         display: block;
         margin-top: -.25rem
      }

.modal.promo .modal-footer {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   padding: 21px 20px 0;
   border-top: 0
}

.modal.promo .modal-fancy-price {
   font-weight: 700;
   margin: .5rem 1rem;
   font-size: 2.25rem
}

.modal.promo .footer-text {
   margin: .25rem 0 1rem;
   font-size: .875rem;
   text-align: center;
   color: #000
}

.modal.promo .disclaimer {
   padding: 0 4rem;
   font-size: .875rem;
   text-align: center
}

.modal.promo .btn {
   padding: .671875rem 1.5rem !important;
   min-width: 10rem;
   border-radius: 1.5rem;
   font-size: 1.125rem
}

@media (max-width:47.9375rem) {
   .modal.promo .modal-dialog {
      max-width: 31.25rem
   }

   .modal.promo .heading-text {
      font-size: 1.5rem
   }

   .modal.promo .heading-sub-text {
      font-size: 1.125rem
   }

   .modal.promo .modal-subheading {
      font-size: 1rem
   }

   .modal.promo .feature {
      font-size: 1rem
   }

   .modal.promo .feature-text {
      padding-left: 7rem
   }

      .modal.promo .feature-text p {
         font-size: .8125rem
      }
}

@media (max-width:47.9375rem) {
   .modal.promo .camtasia-assets-promo .features-lists li {
      max-width: initial
   }
}

@media (max-width:32.4375rem) {
   .modal.promo .camtasia-assets-promo .icon-lists li {
      width: 25%
   }
}

.modal.upsell.fade .modal-dialog {
   transform: translate(-50%,-85%)
}

.modal.upsell.in .modal-dialog {
   transform: translate(-50%,-50%)
}

.modal.upsell .modal-dialog {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   max-width: 54.5em;
   margin: 0
}

.modal.upsell .modal-content {
   padding: 0;
   border: none;
   border-radius: 1em
}

.modal.upsell .modal-header {
   padding: 0;
   border: 0
}

   .modal.upsell .modal-header .close {
      position: absolute;
      right: 1.125em;
      top: .5em;
      font-size: 2.125em;
      opacity: 1;
      z-index: 1
   }

.modal.upsell .modal-body {
   padding: 0
}

.modal.upsell .upsell-modal-content-wrapper {
   padding: 3em 3.5em
}

.modal.upsell .upsell-modal-content {
   display: flex
}

.modal.upsell .upsell-modal-left {
   flex: 0 0 28.75em
}

   .modal.upsell .upsell-modal-left h2 {
      font-size: 2.5em;
      line-height: 1;
      letter-spacing: normal;
      margin-bottom: .6em
   }

   .modal.upsell .upsell-modal-left ul {
      max-width: 23.75em;
      margin: 0 0 2em 2.5em;
      list-style: none
   }

   .modal.upsell .upsell-modal-left li {
      margin-bottom: 1em
   }

      .modal.upsell .upsell-modal-left li::before {
         content: "";
         position: absolute;
         width: 1.75em;
         height: 1.75em;
         margin: .125em 0 0 -2.5em;
         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACAElEQVRIS+3VPSxDURQA4HNKRBoWBh0lxr63vs5MFsQ/8RO1UBMj05OIlU0lRENEVCN+BiZWfet9HcX6OjAJIvQ6V5Xyfts+Jp36ct+93znn3nMfwh//8Dc8zgHjWrg1Fslc/Fzfd1Bg65qUAMBxjnwmpuhrxaivYDFWQBC4OhXRF7+efaqpFfa5NMLqtMLmxLMvGb5jaWkTEKN28XOE0ZjCdisGHTP70DnALmU4hlTfikCvWFZh4ypCzrKka5oUozgiFFFURGRboqLTaPsOZVaMmcD4lTRP+7CcX4BvTyn6hBVaTmamUxrX5BXKZ/Z7tGbUC0ZrpAyFDRbK+K0P87eCtIGAk9al+UK9Yg0KGxpAeLVaD/OgvEOnZ8S+Jfm2oejRkCZtiRvEoXVTTtjnHqocAk1pKYGIYw7oNWEtDtgBYcN2mZn2UKAhTd6ngb5SLx+q0kljhPW4YaZTmuRQdafJezTQ7x3lR8aD3q+2wouXOabGF+htWj6kduh0W0Bkln1kvV4x27tUvYTqpqCUpJPbbYtyODYeWV8pmC0oBgQaCsqn9LfdAj03HlhHqZgjKAaTmXDN3X3g+Ad63lCX6xoIZ57dSm7Zh26TBHp7HzijzW6jdyvCXDMsBLN101z7lK1faKzPLZWbmakP3TL1a7yi72E5QfyD5VTNcc6fl/QNKuPeHdxgxAkAAAAASUVORK5CYII=");
         background-size: 1.75em
      }

.modal.upsell .upsell-modal-replace {
   margin: 0
}

.modal.upsell .upsell-modal-close {
   margin-left: 1.25rem;
   font-size: 1.125rem;
   vertical-align: middle;
   color: inherit
}

   .modal.upsell .upsell-modal-close:active, .modal.upsell .upsell-modal-close:hover {
      color: #ee9500;
      text-decoration: underline
   }

.modal.upsell .upsell-modal-right {
   flex: 0 0 17.5em
}

   .modal.upsell .upsell-modal-right img {
      display: block;
      max-width: 45.3125em;
      margin: -3.125em 0 -12.5em -5.25em
   }

@media only screen and (max-width:81.1875rem) {
   .modal.upsell .modal-dialog {
      max-width: 48.875em
   }

   .modal.upsell .upsell-modal-right img {
      max-width: 31.25em;
      margin-top: .125em;
      margin-left: -4em
   }
}

@media only screen and (max-width:63.9375rem) {
   .modal.upsell .upsell-modal-right img {
      max-width: 26.875em;
      margin-top: 1.5em;
      margin-left: -2.25em
   }
}

@media only screen and (max-width:59.9375rem) {
   .modal.upsell .modal-dialog {
      max-width: 37.5em;
      margin-top: 2.25em
   }

   .modal.upsell .upsell-modal-content {
      flex-direction: column-reverse
   }

   .modal.upsell .upsell-modal-left {
      width: 30.5em;
      flex-basis: 0
   }

   .modal.upsell .upsell-modal-right {
      width: 30.5em;
      flex-basis: 0
   }

      .modal.upsell .upsell-modal-right img {
         max-width: 38.5em;
         margin: -10em -3.875em -2.5em
      }
}

@media only screen and (max-width:47.9375rem) {
   .modal.upsell .modal-content {
      margin: 0 1em
   }

   .modal.upsell .upsell-modal-left {
      width: auto
   }

   .modal.upsell .upsell-modal-right {
      width: auto
   }

      .modal.upsell .upsell-modal-right img {
         max-width: 19.5625em;
         margin-left: auto;
         margin-right: auto
      }

   .modal.upsell .upsell-modal-content-wrapper {
      padding-left: 1.5em;
      padding-right: 1.5em
   }
}

@media only screen and (max-height:44.9375rem) {
   .modal.upsell .modal-dialog {
      font-size: .875rem
   }
}

@media only screen and (max-height:31.1875rem) {
   .modal.upsell .modal-dialog {
      font-size: .75rem
   }
}

.tsc-accordion-section-wrapper {
   padding: 1rem;
   border: 1px solid #b3b3b3;
   margin: 0 0 2rem 0;
   border-radius: 1rem
}

   .tsc-accordion-section-wrapper.active .tsc-accordion-slider {
      height: auto
   }

   .tsc-accordion-section-wrapper.active .tsc-accordion-section {
      visibility: inherit
   }

   .tsc-accordion-section-wrapper.active .checkout-step-button {
      opacity: 1
   }

.tsc-accordion-slider {
   height: 0;
   margin: 0 -1rem;
   transition: height 1s linear;
   overflow: hidden
}

.tsc-accordion-section {
   visibility: hidden;
   overflow: hidden;
   transition: visibility 1s linear;
   padding: 1.5rem 1rem 0 4.25rem
}

.checkout-step-header {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: .5rem 1rem
}

   .checkout-step-header h2 {
      flex-grow: 1000;
      padding-left: 3.25rem;
      line-height: 1.5;
      text-align: left
   }

.checkout-step-number {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   height: 2.25rem;
   width: 2.25rem;
   font-size: 1.5rem;
   line-height: 1.5;
   border-radius: 50%;
   color: #fff;
   background-color: #000;
   text-align: center;
   font-family: proxima-nova,Helvetica,Arial,sans-serif
}

.checkout-step-checkmark {
   opacity: 0;
   transition: opacity 1s linear
}

.checkout-step-complete .checkout-step-checkmark {
   visibility: inherit;
   opacity: 1
}

.checkout-step-checkmark:before {
   content: "\e600";
   position: absolute;
   top: .375rem;
   right: 0;
   display: block;
   height: 1.5rem;
   width: 1.5rem;
   font-size: .75rem;
   line-height: 2;
   color: #fff;
   background-color: #5cb20a;
   border-radius: 50%;
   text-align: center
}

.checkout-step-button {
   flex-grow: 1;
   visibility: hidden;
   opacity: 0;
   transition: visibility,opacity 1s linear
}

.checkout-input {
   max-width: 31.25rem
}

.checkout-contact-names {
   display: flex;
   flex-wrap: wrap;
   gap: 0 1.5rem;
   max-width: 31.25rem
}

   .checkout-contact-names .checkout-input-wrapper {
      flex-basis: 14.875rem;
      flex-grow: 1
   }

.checkout-input-wrapper.invalid .checkout-input {
   border-color: #d0021b
}

.checkout-input-wrapper.invalid .checkout-msg-invalid {
   visibility: visible;
   height: 1.25rem
}

.checkout-input-field {
   display: block;
   padding-bottom: 1.5rem
}

.checkout-msg-invalid {
   position: absolute;
   display: block;
   visibility: hidden;
   height: 0;
   line-height: 1.25;
   overflow: hidden;
   color: #d0021b;
   transition: visibility .25s,height .25s
}

.checkout-account-display {
   display: flex;
   padding-bottom: 1rem
}

.checkout-account-display-border {
   display: flex;
   align-items: center;
   min-width: 22.125rem;
   padding: 1rem 1rem .5rem;
   border: 1px solid #b3b3b3;
   border-radius: 1rem;
   background-color: #f2f2f2
}

.checkout-account-display-picture {
   display: block;
   height: 4.5rem;
   margin-right: 1rem;
   margin-bottom: .5rem;
   border-radius: 50%
}

.checkout-account-contact {
   overflow: hidden;
   padding-bottom: .5rem
}

.checkout-account-display-name {
   line-height: 1.5;
   font-weight: 700
}

.checkout-account-display-email {
   line-height: 1.5
}

.checkout-contact-display-email, .checkout-contact-display-name {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis
}

.checkout-account-message {
   font-weight: 700
}

.checkout-continue-buttons {
   float: left;
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
   margin-bottom: 1rem
}

   .checkout-continue-buttons a, .checkout-continue-buttons button {
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: auto
   }

.checkout-updates-optin-label {
   display: inline-block;
   position: relative;
   padding-left: 1.25rem
}

.checkout-updates-optin {
   position: absolute;
   top: .1875rem;
   left: 0
}

.tsc-embedded-container-wrapper {
   position: relative;
   max-width: 42rem;
   padding-left: 0;
   padding-right: 0;
   margin-left: auto;
   margin-right: auto;
   z-index: 0
}

.checkout-step-section #fsc-popup-frame {
   display: none
}

.checkout-step-section #fsc-embedded-checkout-container.show #fsc-popup-frame {
   display: block
}

.tsc-store .checkout-summary .summary-tax-message {
   padding-bottom: 0
}

.checkout-summary .bottom-fixed-mobile {
   display: none
}

.checkout-header-wrapper {
   background-color: #000
}

.checkout-header {
   display: flex;
   max-width: 75rem;
   height: 3rem;
   margin: 0 auto;
   align-items: center
}

   .checkout-header .back-to-cart-wrapper {
      flex: 1 1 0;
      padding-left: 1rem
   }

   .checkout-header .logo-wrapper {
      flex: 1 1 0
   }

      .checkout-header .logo-wrapper .logo-link {
         display: block;
         width: 11rem;
         padding: .5rem;
         margin: 0 auto
      }

      .checkout-header .logo-wrapper .logo {
         display: block;
         width: 10rem
      }

   .checkout-header .sign-in-nav-wrapper {
      flex: 1 1 0;
      padding-right: 1rem;
      text-align: right
   }

   .checkout-header .checkout-button-text {
      display: block
   }

   .checkout-header .checkout-button-icon {
      display: none;
      height: 1rem;
      width: 1rem
   }

@media (max-width:60rem) {
   .checkout-header .checkout-button-text {
      display: none
   }

   .checkout-header .checkout-button-icon {
      display: block
   }

   .checkout-header .is-auth .checkout-button-icon {
      display: none
   }

   .checkout-header .avatar-icon {
      border-color: #ffc82e
   }

   .checkout-header .cart-icon {
      border-color: #fff
   }

   .checkout-header .store-btn {
      min-width: 1rem;
      padding: .625rem
   }

   .checkout-account-display-border {
      flex-wrap: wrap;
      min-width: 0
   }
}

@media screen and (max-width:26.875rem) {
   .tsc-accordion-section {
      padding-left: 1rem
   }
}

.tsc-thankyou {
   display: flex;
   max-width: 75rem;
   margin: auto;
   padding: 0 1rem;
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   font-weight: 400
}

   .tsc-thankyou .thankyou-purchase {
      width: calc(100% - 22rem);
      margin-top: 1.875rem;
      padding-bottom: 3.75rem
   }

   .tsc-thankyou .thankyou-purchaseditem {
      box-shadow: 0 4px 16px rgba(0,0,0,.25);
      border-radius: 0 0 8px 8px;
      border-top: 4px #ffc82e solid;
      padding-bottom: 1.5rem;
      margin-top: 2rem;
      margin-bottom: 2rem
   }

      .tsc-thankyou .thankyou-purchaseditem.snagit-thankyou {
         border-color: #087acb
      }

      .tsc-thankyou .thankyou-purchaseditem.camtasia-thankyou {
         border-color: #5cb20a
      }

      .tsc-thankyou .thankyou-purchaseditem.bundle-thankyou {
         -o-border-image: linear-gradient(to right,#087acb,#5cb20a) 1;
         border-image: linear-gradient(to right,#087acb,#5cb20a) 1
      }

      .tsc-thankyou .thankyou-purchaseditem.audiate-thankyou {
         border-color: #bd24db
      }

      .tsc-thankyou .thankyou-purchaseditem.screencast-thankyou {
         border-color: #ef8200
      }

      .tsc-thankyou .thankyou-purchaseditem.videoreview-thankyou {
         border-color: #26aba5
      }

      .tsc-thankyou .thankyou-purchaseditem.knowmia-thankyou {
         border-color: #ee7e2a
      }

   .tsc-thankyou .thankyou-itemheader {
      padding: 1.5rem 1.5rem 2rem 1.5rem
   }

      .tsc-thankyou .thankyou-itemheader .thankyou-producticon {
         height: 2.1875rem;
         width: 2.1875rem;
         margin-right: .5rem;
         vertical-align: top
      }

      .tsc-thankyou .thankyou-itemheader .thankyou-productname {
         display: inline-block;
         margin: 0;
         vertical-align: text-top;
         font-weight: 700;
         font-size: 1.5rem;
         line-height: 1.75rem;
         inline-size: calc(100% - 17rem);
         overflow-wrap: break-word
      }

   .tsc-thankyou .thankyou-bundle-itemheader {
      display: flex;
      padding: 1.5rem 1.5rem .5rem 1.5rem
   }

      .tsc-thankyou .thankyou-bundle-itemheader .thankyou-productname {
         display: inline-block;
         margin: 0;
         vertical-align: middle;
         font-weight: 700;
         font-size: 1.5rem;
         line-height: 1.75rem;
         inline-size: calc(100% - 17rem);
         overflow-wrap: break-word
      }

      .tsc-thankyou .thankyou-bundle-itemheader .thankyou-bundlename {
         display: inline-block;
         margin-left: 3rem;
         margin-bottom: 0;
         vertical-align: super;
         font-weight: 700;
         font-size: 1.25rem;
         line-height: 1.75rem;
         flex: 1
      }

   .tsc-thankyou .purchaseditem-container {
      display: flex;
      flex-wrap: wrap;
      margin-left: 4.5rem;
      margin-right: 2.5rem;
      border-bottom: 1px solid #ddd
   }

      .tsc-thankyou .purchaseditem-container:last-child {
         border-bottom: none
      }

   .tsc-thankyou .softwarekeys-container {
      border-bottom: 1px solid #ddd !important
   }

   .tsc-thankyou .purchaseditem-label {
      flex: 1 0 auto;
      margin-bottom: .5rem;
      margin-top: .5rem;
      font-weight: 700;
      font-size: 1rem;
      line-height: 1.5rem
   }

   .tsc-thankyou .purchaseditem-value {
      flex: 0 0 auto;
      margin: .5rem 0 .5rem auto
   }

      .tsc-thankyou .purchaseditem-value p {
         margin: 0
      }

         .tsc-thankyou .purchaseditem-value p + p {
            margin-top: 1rem
         }

   .tsc-thankyou .purchaseditem-note {
      flex: 0 0 100%;
      margin: 0 0 .5rem
   }

   .tsc-thankyou .thankyou-triallink {
      margin: .5rem 1.5rem 0 4.375rem
   }

      .tsc-thankyou .thankyou-triallink a {
         color: #000;
         text-decoration: underline
      }

   .tsc-thankyou .thankyou-order-summary {
      width: 26.25rem;
      margin-left: 4.5rem;
      padding-left: 1.875rem;
      padding-right: 1.875rem;
      background: #f5f6f8
   }

      .tsc-thankyou .thankyou-order-summary .thankyou-summary-title {
         margin-top: 1.875rem;
         font-weight: 700;
         font-size: 1.5rem;
         line-height: 1.75rem
      }

      .tsc-thankyou .thankyou-order-summary .todays-bold {
         font-weight: 700
      }

      .tsc-thankyou .thankyou-order-summary .todays-value {
         text-align: right
      }

      .tsc-thankyou .thankyou-order-summary .todays-row {
         display: flex
      }

      .tsc-thankyou .thankyou-order-summary .todays-label {
         flex: 1;
         margin-right: 1rem
      }

      .tsc-thankyou .thankyou-order-summary .discount-font {
         color: green
      }

      .tsc-thankyou .thankyou-order-summary .todays-total {
         margin-left: 5rem
      }

      .tsc-thankyou .thankyou-order-summary .renewal-subtotal-row {
         display: flex;
         padding-top: 1rem;
         border-top: 1px solid #b3b3b3
      }

      .tsc-thankyou .thankyou-order-summary .thankyou-renewal {
         margin-top: 2rem
      }

      .tsc-thankyou .thankyou-order-summary .renewal-tax {
         text-align: center
      }

      .tsc-thankyou .thankyou-order-summary .thankyou-todays-order {
         margin-top: 1rem;
         margin-bottom: 1rem;
         padding: 1rem;
         background-color: #fff;
         border-radius: .5rem;
         font-size: .875rem
      }

         .tsc-thankyou .thankyou-order-summary .thankyou-todays-order .todays-order-title {
            font-weight: 600
         }

         .tsc-thankyou .thankyou-order-summary .thankyou-todays-order .todays-indent {
            margin-left: 1rem
         }

         .tsc-thankyou .thankyou-order-summary .thankyou-todays-order .todays-border {
            border-bottom: 1px solid #b3b3b3;
            margin-bottom: 1rem
         }

         .tsc-thankyou .thankyou-order-summary .thankyou-todays-order .todays-coupon {
            height: 1rem;
            width: 1rem;
            margin-right: .5rem
         }

      .tsc-thankyou .thankyou-order-summary .thankyou-payment-method p {
         margin-bottom: 0;
         text-align: center;
         font-size: .75rem;
         line-height: 1.125rem
      }

   .tsc-thankyou .download-btn {
      padding: .671875rem 1.5rem !important;
      min-width: 10rem;
      border-radius: 1.5rem;
      font-size: 1.125rem;
      float: right;
      white-space: pre-wrap;
      word-wrap: break-word
   }

   .tsc-thankyou .bundle-btn {
      float: right;
      margin-right: 1rem
   }

   .tsc-thankyou .thankyou-text {
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5rem
   }

   .tsc-thankyou .thankyou-purchase-text {
      font-weight: 700;
      font-size: 2rem;
      line-height: 2.25rem
   }

   .tsc-thankyou sup {
      top: -.2em;
      font-size: 100%
   }

.thankyou-plan-item {
   display: flow-root
}

.thankyou-plan-item-heading {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin: .5rem 1.5rem
}

.thankyou-plan-item-logo {
   flex-grow: 0;
   max-height: 2rem;
   margin: .25rem 0
}

.thankyou-plan-item-name {
   flex-grow: 1;
   margin: .25rem .5rem;
   font-size: 1.25rem;
   font-weight: 700
}

.thankyou-plan-item .download-btn.thankyou-plan-item-btn {
   flex-grow: 0;
   margin: .25rem 0
}

.thankyou-plan-item-message {
   margin: 0 1.5rem;
   padding-bottom: .5rem;
   border-bottom: 1px solid #ddd
}

.thankyou-plan-item-plus {
   margin: .5rem 1.5rem 0;
   font-weight: 700
}

.thankyou-plan-item-plus-list {
   margin: 0 1.5rem 0;
   overflow: hidden
}

   .thankyou-plan-item-plus-list li {
      float: left;
      clear: left;
      margin: 0 0 0 1rem;
      font-size: .875rem;
      line-height: 1.5rem
   }

      .thankyou-plan-item-plus-list li a {
         display: inline-block;
         padding-right: 1.25rem;
         color: inherit;
         text-decoration: underline
      }

         .thankyou-plan-item-plus-list li a i {
            position: absolute;
            margin: .0625rem 0 0 .1875rem;
            font-size: 1.25rem
         }

@media all and (max-width:960px) {
   .tsc-thankyou {
      display: block;
      margin-top: 0
   }

      .tsc-thankyou .thankyou-purchase {
         width: 100%;
         margin-top: 0;
         padding-top: 2rem
      }

      .tsc-thankyou .thankyou-itemheader .thankyou-productname {
         width: 85%
      }

      .tsc-thankyou .thankyou-bundle-itemheader .thankyou-bundlename {
         margin-left: 0
      }

      .tsc-thankyou .thankyou-order-summary {
         width: 100%;
         margin-left: 0;
         padding: 1.875rem;
         margin-bottom: 1rem;
         border-radius: 8px
      }

         .tsc-thankyou .thankyou-order-summary .thankyou-summary-title {
            margin-top: 0
         }

         .tsc-thankyou .thankyou-order-summary .thankyou-renewals {
            margin-top: 2rem
         }

      .tsc-thankyou .download-btn {
         margin-top: .625rem;
         margin-left: 0;
         float: none
      }

         .tsc-thankyou .download-btn.bundle-btn {
            margin-top: 0;
            margin-right: 0
         }

      .tsc-thankyou .purchaseditem-container {
         margin-left: 1.5rem;
         margin-right: 1.5rem
      }

      .tsc-thankyou .thankyou-triallink {
         margin-left: 1.5rem
      }
}

.sub-limit-modal .modal-dialog {
   width: 100%;
   max-width: 32rem
}

.sub-limit-modal .sub-limit-body {
   padding: 1.5rem 1.5rem 0
}

.sub-limit-modal .sub-limit-buttons-container {
   display: flex;
   flex-direction: row;
   justify-content: center
}

.sub-limit-modal .sub-limit-buttons-column {
   display: flex;
   flex-direction: column
}

   .sub-limit-modal .sub-limit-buttons-column .btn {
      margin-left: 0;
      margin-right: 0
   }

.tsc-customer-reviews .customer-reviews-header {
   margin: 0 auto;
   width: 100%;
   text-align: center;
   font-weight: 700;
   font-family: montserrat
}

   .tsc-customer-reviews .customer-reviews-header .small-header {
      font-size: 1rem
   }

   .tsc-customer-reviews .customer-reviews-header .large-header {
      font-size: 3rem
   }

.tsc-customer-reviews .customer-reviews-container {
   max-width: 75rem;
   margin: 0 auto
}

.tsc-customer-reviews .customer-reviews {
   display: flex
}

.tsc-customer-reviews .customer-review {
   text-align: center;
   flex: 1;
   margin: 0 1rem
}

.tsc-customer-reviews .customer-review-background {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   box-shadow: 0 .5rem 2rem 0 rgba(0,0,0,.1019607843);
   padding: 2rem;
   height: 85%;
   border-radius: 1rem;
   background: linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)),radial-gradient(51.67% 101.69% at .83% 0,rgba(150,115,255,.1) 0,rgba(150,115,255,0) 100%),radial-gradient(100% 103.41% at 100% 0,rgba(153,229,0,.1) 0,rgba(0,0,0,0) 100%)
}

.tsc-customer-reviews .customer-image {
   height: 4.5rem;
   width: 4.5rem;
   position: relative;
   top: 2rem;
   border-radius: 50%
}

.tsc-customer-reviews .review-stars img {
   height: 1.5rem;
   width: 1.5rem
}

.tsc-customer-reviews .review-text {
   font-size: 1.125rem;
   font-weight: 600
}

.tsc-customer-reviews .review-customer-name {
   font-size: 1rem;
   font-weight: 600
}

.tsc-customer-reviews .review-customer-title {
   font-size: 1rem;
   font-weight: 400
}

.tsc-customer-reviews .review-footer {
   padding-top: 1.25rem
}

@media (max-width:900px) {
   .tsc-customer-reviews .customer-reviews {
      flex-direction: column;
      max-width: 450px;
      margin: 0 auto
   }
}

.exit-intent-modal .modal-dialog {
   max-width: 38.75rem;
   width: 100%;
   margin: 140px auto
}

.exit-intent-modal .modal-body {
   padding: 0 2rem 2rem
}

.exit-intent-modal .modal-content {
   background-color: #98c92d;
   background-size: 19rem;
   background-repeat: no-repeat;
   background-position: top right;
   color: #000
}

   .exit-intent-modal .modal-content .close {
      text-shadow: none;
      opacity: .8;
      font-family: Montserrat,Helvetica,Arial,sans-serif;
      font-size: 1.625rem
   }

      .exit-intent-modal .modal-content .close:hover {
         opacity: .4
      }

.exit-intent-modal h1 {
   margin-top: 1.875rem;
   font-size: 2.5rem;
   font-weight: 700
}

.exit-intent-modal h5 {
   margin-top: 1.375rem;
   margin-bottom: 2rem;
   font-size: 1.125rem
}

   .exit-intent-modal h5 span {
      font-size: 1.5rem;
      font-weight: 700
   }

.exit-intent-modal .user_review_wrapper {
   margin-top: 1rem
}

   .exit-intent-modal .user_review_wrapper p {
      margin-bottom: 0;
      font-family: proxima-nova,Helvetica,Arial,sans-serif;
      font-size: .75rem;
      font-weight: 700
   }

.exit-intent-modal .btn-exit-intent {
   height: 3rem;
   padding: .75rem 1.5rem;
   font-family: proxima-nova,Helvetica,Arial,sans-serif;
   font-size: 1.125rem;
   box-shadow: 0 10px 10px 0 rgba(0,0,0,.16)
}

.exit-intent-modal [data-bv-show=inline_rating] .bv_main_container .bv_stars_component_container {
   height: 1.75rem !important
}

   .exit-intent-modal [data-bv-show=inline_rating] .bv_main_container .bv_stars_component_container .bv_stars_svg_no_wrap svg {
      width: 1.75rem !important;
      height: 1.75rem !important
   }

.exit-intent-modal [data-bv-show=inline_rating] .bv_main_container .bv_text {
   font-size: 1.375rem !important
}

html[lang=de-DE] .exit-intent-modal .btn-exit-intent, html[lang=es-ES] .exit-intent-modal .btn-exit-intent, html[lang=fr-FR] .exit-intent-modal .btn-exit-intent, html[lang=ja-JP] .exit-intent-modal .btn-exit-intent {
   font-size: 1.25rem
}

.modal-backdrop.in {
   opacity: .82
}

.modal-dialog {
   margin: 30px auto
}

.product-comparison-tables .tooltip, .tsc-store-card-view .tooltip {
   opacity: 1
}

@media (min-width:992px) {
   .tsc-store .container {
      width: 100%
   }
}

@media (min-width:768px) {
   .tsc-store .container {
      width: 100%
   }
}

.faqs-region {
   display: flex;
   justify-content: center;
   color: #1a1a1a
}

   .faqs-region .faqs-wrapper {
      width: 100%;
      padding: 0 3rem
   }

   .faqs-region .faqs-card {
      margin: 0 3rem;
      max-width: 75em;
      background: linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)),radial-gradient(51.67% 101.69% at .83% 0,rgba(150,115,255,.1) 0,rgba(150,115,255,0) 100%),radial-gradient(100% 103.41% at 100% 0,rgba(153,229,0,.1) 0,rgba(0,0,0,0) 100%);
      color: #1a1a1a
   }

   .faqs-region a {
      color: #1a1a1a;
      text-decoration: underline
   }

   .faqs-region .leadin, .faqs-region .leadin p {
      margin-bottom: 0
   }

   .faqs-region .section-header {
      margin-bottom: 3rem
   }

      .faqs-region .section-header .leadin {
         color: #364447
      }

   .faqs-region .column-block-wrapper {
      width: 100%
   }

   .faqs-region .panel-group {
      margin-left: auto;
      margin-right: auto;
      max-width: 52.25rem
   }

   .faqs-region .panel {
      border-bottom: 1px solid;
      border-bottom-color: rgba(54,68,71,.25)
   }

   .faqs-region .panel-heading {
      padding: 10px 0
   }

   .faqs-region .panel-title {
      margin: 0
   }

   .faqs-region .btn.collapse-trigger {
      display: flex;
      justify-content: space-between;
      position: relative;
      background-color: transparent;
      margin: 0;
      width: 100%;
      height: auto;
      max-width: none;
      border: 0;
      padding: .5rem;
      text-align: left;
      font-size: 1.25rem;
      white-space: normal
   }

      .faqs-region .btn.collapse-trigger:active, .faqs-region .btn.collapse-trigger:focus, .faqs-region .btn.collapse-trigger:hover {
         text-decoration: underline
      }

      .faqs-region .btn.collapse-trigger[aria-expanded=true] .collapse-icon {
         transform: translateY(-50%) rotate(-135deg)
      }

   .faqs-region .collapse-text {
      margin-right: calc(.75rem + 1rem)
   }

   .faqs-region .collapse-icon {
      position: absolute;
      right: calc(.75rem / 1.4142135624 / 2);
      top: 50%;
      width: .75rem;
      height: .75rem;
      border: solid;
      border-width: 0 .125rem .125rem 0;
      border-color: #1a1a1a;
      pointer-events: none;
      transform: translateY(-60%) rotate(45deg)
   }

   .faqs-region .panel-collapse {
      margin-top: .5rem;
      color: #364447;
      text-align: left
   }

   .faqs-region .panel-body {
      padding: .5rem 2rem 0 .5rem
   }

   .faqs-region .section-footer {
      margin-bottom: 0
   }

   .faqs-region.light-forground {
      color: #fff
   }

      .faqs-region.light-forground a {
         color: #fff
      }

      .faqs-region.light-forground .faqs-card {
         color: #fff
      }

      .faqs-region.light-forground .section-header .leadin {
         color: #eff0f4
      }

      .faqs-region.light-forground .panel {
         border-bottom-color: rgba(239,240,244,.25)
      }

      .faqs-region.light-forground .collapse-icon {
         border-color: #fff
      }

      .faqs-region.light-forground .panel-collapse {
         color: #eff0f4
      }

@media (max-width:60rem) {
   .faqs-region .faqs-wrapper {
      padding-left: 1.5rem;
      padding-right: 1.5rem
   }

   .faqs-region .faqs-card {
      margin-left: 1.5rem;
      margin-right: 1.5rem
   }
}

@media (max-width:26.875rem) {
   .faqs-region .btn.collapse-trigger {
      border-radius: 0
   }
}