@charset "UTF-8";
@media print {
  * {
    text-shadow: none !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    size: A4;
    margin: 2cm .5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .table td,
  .table th {
    background-color: #fff !important; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; }
  /* General Hacks */
  .block-on-print {
    display: block; }
  /* Whose idea was this stupid URL adding thing in bootstrap, anyway? */
  a[href]:after {
    content: none; } }

@font-face {
  font-family: 'Proxima Nova';
  src: url("https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-light-webfont.woff2") format("woff2"), url("https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-regular-webfont.woff2") format("woff2"), url("https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-semibold-webfont.woff2") format("woff2"), url("https://cdn-shop.adafruit.com/fonts/proximanova/proximanova-semibold-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

body {
  letter-spacing: 0.02em;
  text-underline-offset: 0.1em; }

.messaging-container {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  border-bottom: solid black 1px;
  overflow: hidden; }
  .messaging-container.messaging-sale {
    background-color: #8ec641; }
    .messaging-container.messaging-sale a, .messaging-container.messaging-sale a:hover {
      color: black;
      text-decoration: underline !important; }
    .messaging-container.messaging-sale .message {
      color: black; }
  .messaging-container.messaging-alert {
    background-color: #a4101d; }
    .messaging-container.messaging-alert a, .messaging-container.messaging-alert a:hover {
      color: white;
      text-decoration: underline !important; }
  .messaging-container.messaging-halloween {
    background-color: #f89521; }
    .messaging-container.messaging-halloween a, .messaging-container.messaging-halloween a:hover {
      color: black;
      text-decoration: underline !important; }
    .messaging-container.messaging-halloween .message {
      color: black; }
  .messaging-container.messaging-news {
    background-color: #333; }
    .messaging-container.messaging-news a, .messaging-container.messaging-news a:hover {
      color: white;
      text-decoration: underline !important; }
  .messaging-container .msg-container {
    padding: 0 !important;
    align-items: center; }
  .messaging-container i {
    padding: 5px;
    color: white;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 7px; }
    .messaging-container i.msg-close-btn {
      padding: 0;
      color: white;
      font-size: 19px;
      cursor: pointer; }
      .messaging-container i.msg-close-btn::before {
        padding: 15% 0 0 25%; }
      .messaging-container i.msg-close-btn::before {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 15px;
        background-color: rgba(0, 0, 0, 0.4); }
  .messaging-container .message {
    display: block;
    padding: 10px 0;
    color: white;
    line-height: normal;
    margin-right: 35px; }

@media (max-width: 767px) {
  .msg-container {
    margin: 0 10px !important;
    padding: 0 10px !important; } }

.clear {
  clear: both; }

.main-container {
  padding: 20px 0; }

h1, .h1 {
  color: #0062c7;
  font-size: 30px;
  line-height: 30px;
  padding: 0;
  margin: 20px 0; }

h2, .h2 {
  color: #595959;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  padding: 0;
  margin: 20px 0; }

hr {
  margin: 20px 0;
  color: #999;
  background-color: #999;
  border-color: #999; }

.flush-top {
  margin-top: 0; }

.img-fillwidth {
  display: block;
  width: 100%;
  height: auto; }

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

.dataPage a, .dataPage a:hover, .dataPage a:focus {
  text-decoration: underline; }

.dataPage p {
  padding-right: 10px;
  padding-left: 10px; }

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  .btn-default:active, .btn-default.active,
  .btn-primary:active,
  .btn-primary.active,
  .btn-success:active,
  .btn-success.active,
  .btn-info:active,
  .btn-info.active,
  .btn-warning:active,
  .btn-warning.active,
  .btn-danger:active,
  .btn-danger.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn:active, .btn.active {
  background-image: none; }

.btn-default {
  background-image: linear-gradient(to bottom, #fff 0%, #e6e5e5 100%);
  border-color: #e0e0e0;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc; }
  .btn-default:active, .btn-default.active {
    background-color: #e6e5e5;
    border-color: #e0e0e0; }

.btn-primary {
  background-image: linear-gradient(to bottom, #0062c7 0%, #004994 100%);
  border-color: #00448a; }
  .btn-primary:active, .btn-primary.active {
    background-color: #004994;
    border-color: #00448a; }

.btn-success {
  background-image: linear-gradient(to bottom, #1588ff 0%, #006fe1 100%);
  border-color: #006ad6; }
  .btn-success:active, .btn-success.active {
    background-color: #006fe1;
    border-color: #006ad6; }

.btn-warning {
  background-image: linear-gradient(to bottom, #F2DEDE 0%, #e4b9b9 100%);
  border-color: #e1b2b2; }
  .btn-warning:active, .btn-warning.active {
    background-color: #e4b9b9;
    border-color: #e1b2b2; }

.btn-danger {
  background-image: linear-gradient(to bottom, #e9002e 0%, #b60024 100%);
  border-color: #ac0022; }
  .btn-danger:active, .btn-danger.active {
    background-color: #b60024;
    border-color: #ac0022; }

.btn-info {
  background-image: linear-gradient(to bottom, #f2fbfe 0%, #c3ecfa 100%);
  border-color: #b9eafa; }
  .btn-info:active, .btn-info.active {
    background-color: #c3ecfa;
    border-color: #b9eafa; }

.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }

iframe {
  border: none; }

.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); }

.alert-success {
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  border-color: #b2dba1; }

.alert-info {
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  border-color: #9acfea; }

.alert-warning {
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  border-color: #f5e79e; }

.alert-danger {
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  border-color: #dca7a7; }

.progress {
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); }

.progress-bar {
  background-image: linear-gradient(to bottom, #0062c7 0%, #004994 100%); }

.progress-bar-success {
  background-image: linear-gradient(to bottom, #1588ff 0%, #006fe1 100%); }

.progress-bar-info {
  background-image: linear-gradient(to bottom, #f2fbfe 0%, #c3ecfa 100%); }

.progress-bar-warning {
  background-image: linear-gradient(to bottom, #F2DEDE 0%, #e4b9b9 100%); }

.progress-bar-danger {
  background-image: linear-gradient(to bottom, #e9002e 0%, #b60024 100%); }

.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #004994;
  background-image: linear-gradient(to bottom, #0062c7 0%, #004fa1 100%);
  border-color: #004fa1; }

.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.panel-default > .panel-heading {
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); }

.panel-primary > .panel-heading {
  background-image: linear-gradient(to bottom, #0062c7 0%, #0055ae 100%); }

.panel-success > .panel-heading {
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); }

.panel-info > .panel-heading {
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); }

.panel-warning > .panel-heading {
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); }

.panel-danger > .panel-heading {
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); }

.well {
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  border-color: #dcdbdb;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); }

/**
*
*  Style guide matched to revision 2, 3/3/14
*
* 
*/
body {
  font-size: 14px;
  font-weight: 400; }

a, a:active, a:focus, a:hover {
  /* limited browser support */
  text-underline-offset: 0.1em; }
  a button, a:active button, a:focus button, a:hover button {
    cursor: pointer; }

h1 {
  color: #000;
  font-size: 30px;
  font-weight: 400; }
  h1 a {
    color: #0062c7; }

.blue-button-large {
  border-radius: 4px;
  background-color: #0062c7;
  display: block;
  width: 100%;
  height: 40px;
  border: 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  font-weight: 500;
  overflow: hidden; }
  .blue-button-large:hover, .blue-button-large:focus {
    background-color: #003c7b;
    color: #fff;
    text-decoration: none !important; }

@media (max-width: 767px) {
  body {
    font-size: 16px;
    font-weight: 400; }
  h1, h2, h3 {
    margin-left: 10px;
    margin-right: 10px; }
  b, strong {
    font-weight: 500; }
  .container {
    padding-top: 20px; }
  .mobile-button-row {
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    width: auto; }
    .mobile-button-row .blue-button-large, .mobile-button-row .blue-button, .mobile-button-row .gray-button, .mobile-button-row .secondary-button {
      height: 50px;
      font-size: 16px;
      font-weight: 400;
      width: 100%; }
    .mobile-button-row a.blue-button-large, .mobile-button-row a.blue-button, .mobile-button-row a.gray-button, .mobile-button-row a.secondary-button {
      display: flex;
      align-items: center;
      justify-content: center; }
  .mobile-text-wrapper {
    display: block;
    padding-right: 10px !important;
    padding-left: 10px !important;
    width: auto; }
  .mobile-text-margins {
    display: block;
    margin-right: 10px !important;
    margin-left: 10px !important;
    width: auto; } }

#main-nav-skip-navigation:not(:focus) {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  padding: 0;
  width: 1px;
  word-wrap: normal; }

#main-nav-skip-navigation {
  width: 200px;
  display: block;
  margin: 10px auto; }

#adafruit-header {
  width: 100%;
  background-color: #fff;
  display: grid;
  grid-template-rows: 40px 85px;
  font-weight: 500; }
  #adafruit-header #site-header {
    height: 40px;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    display: grid;
    grid-template-columns: minmax(20px, 1fr) minmax(0, 1300px) minmax(20px, 1fr);
    grid-template-areas: ". main .";
    line-height: 24px; }
    #adafruit-header #site-header .row-content {
      display: grid;
      grid-template-columns: 2fr minmax(max-content, 1fr);
      grid-column: main; }
      #adafruit-header #site-header .row-content ol.application-links {
        float: left;
        height: 40px;
        margin-bottom: 0;
        padding-left: 0; }
        #adafruit-header #site-header .row-content ol.application-links li {
          height: 100%;
          padding: 8px 10px;
          padding-left: 10px;
          display: inline-block;
          text-decoration: none; }
        #adafruit-header #site-header .row-content ol.application-links li.selected {
          background-color: #000; }
          #adafruit-header #site-header .row-content ol.application-links li.selected a {
            color: #fff; }
        #adafruit-header #site-header .row-content ol.application-links li:first-child {
          margin-left: -9px; }
        #adafruit-header #site-header .row-content ol.application-links a:focus {
          outline: none; }
        #adafruit-header #site-header .row-content ol.application-links a:focus-visible {
          outline: 1px dotted; }
      #adafruit-header #site-header .row-content .dropdown-container {
        top: 40px;
        right: 0;
        white-space: nowrap;
        padding: 0;
        text-align: left;
        width: 250px; }
        #adafruit-header #site-header .row-content .dropdown-container .dropdown-content {
          padding: 0; }
      #adafruit-header #site-header .row-content .dropdown-content li {
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: #eee;
        text-decoration: none;
        display: block; }
        #adafruit-header #site-header .row-content .dropdown-content li a {
          display: block;
          padding: 15px; }
      #adafruit-header #site-header .row-content div#nav_account {
        float: right;
        text-align: right; }
        #adafruit-header #site-header .row-content div#nav_account .welcome-message {
          padding-right: 5px; }
        #adafruit-header #site-header .row-content div#nav_account .account-dropdown {
          padding: 9px 12px 9px 5px;
          display: inline; }
        #adafruit-header #site-header .row-content div#nav_account .cart {
          display: inline-block !important;
          background-color: #0062c7;
          padding: 6px 15px 6px 15px;
          line-height: 28px;
          font-size: 18px; }
          #adafruit-header #site-header .row-content div#nav_account .cart i {
            font-size: 24px;
            vertical-align: -10%;
            padding-right: 5px; }
          #adafruit-header #site-header .row-content div#nav_account .cart a {
            color: white; }
            #adafruit-header #site-header .row-content div#nav_account .cart a:hover {
              text-decoration: none; }
      #adafruit-header #site-header .row-content .sign-in {
        padding: 9px; }
  #adafruit-header #shop-header {
    width: 100%;
    background-color: #000;
    border-bottom: 5px solid #0062c7;
    display: grid;
    grid-template-columns: minmax(20px, 1fr) minmax(0, 1300px) minmax(20px, 1fr);
    grid-template-areas: ". main ."; }
    #adafruit-header #shop-header::after {
      clear: both;
      content: "";
      display: table; }
    #adafruit-header #shop-header .row-content {
      display: grid;
      grid-template-columns: 2fr minmax(max-content, 1fr);
      grid-column: main; }
      #adafruit-header #shop-header .row-content .logo-container {
        display: inline-block; }
        #adafruit-header #shop-header .row-content .logo-container a {
          display: inline-block; }
          #adafruit-header #shop-header .row-content .logo-container a:focus-visible {
            outline: 1px dotted white; }
        #adafruit-header #shop-header .row-content .logo-container img {
          vertical-align: middle;
          width: 115px;
          height: 40px; }
      #adafruit-header #shop-header .row-content .left-content {
        float: left;
        padding: 20px 0; }
      #adafruit-header #shop-header .row-content .right-content {
        float: right;
        padding: 20px 0;
        text-align: right; }
        #adafruit-header #shop-header .row-content .right-content .search-wrapper {
          position: relative; }
          #adafruit-header #shop-header .row-content .right-content .search-wrapper input {
            width: 380px;
            height: 40px;
            padding: 0 0 0 8px;
            border: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 15px; }
            @media screen and (min-width: 1024px) {
              #adafruit-header #shop-header .row-content .right-content .search-wrapper input {
                width: 400px; } }
            #adafruit-header #shop-header .row-content .right-content .search-wrapper input:focus {
              box-shadow: .8px 0 0 3px #dd007a !important;
              -moz-box-shadow: .8px 0 0 3px #dd007a !important;
              -webkit-box-shadow: .8px 0 0 3px #dd007a !important;
              outline: none; }
          #adafruit-header #shop-header .row-content .right-content .search-wrapper button {
            background: none;
            border: 0 none;
            padding: 0;
            margin: 0;
            position: absolute;
            vertical-align: center;
            right: 0;
            padding: 2px 7px;
            color: #000;
            font-size: 24px; }
  #adafruit-header #header-content {
    position: relative;
    height: 100%;
    padding: 0; }

.main-nav-links {
  list-style-type: none;
  margin-bottom: -7px;
  display: inline-flex;
  vertical-align: bottom;
  padding: 0; }
  .main-nav-links a:focus {
    outline: none; }
  .main-nav-links a:focus-visible {
    outline: 1px dotted; }
  .main-nav-links > li {
    font-size: 18px;
    margin-left: 24px; }
    @media screen and (min-width: 1024px) {
      .main-nav-links > li {
        margin-left: 40px; } }
    .main-nav-links > li > a {
      color: white; }
    .main-nav-links > li > a:hover {
      color: white; }

@media (max-width: 1023px) {
  #adafruit-header #site-header .row-content {
    grid-template-columns: auto auto auto auto; }
    #adafruit-header #site-header .row-content ol.application-links {
      width: 100%; }
  #adafruit-header #shop-header {
    display: none; }
  #shop-header .left-content .main-nav-links {
    display: none; }
  #nav_account {
    display: none; }
  body {
    margin-bottom: 0; }
  #footer {
    position: relative;
    margin-left: 10px;
    margin-right: 10px; } }

#adafruit-header {
  position: relative;
  z-index: 100; }

#shop-header {
  position: relative; }

@media screen and (min-width: 1024px) {
  #main #full-overlay {
    background: rgba(0, 0, 0, 0.5); } }

#desktopMenuButton {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #FFF; }
  #desktopMenuButton:hover, #desktopMenuButton:active, #desktopMenuButton:focus {
    color: #FFF; }
  #desktopMenuButton::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 40%;
    border-bottom: solid 10px #0062c7;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent; }

html:not(.mainNavActive) #desktopMenuFlyout {
  display: none; }

html:not(.mainNavActive) #desktopMenuButton:after {
  display: none; }

#adafruit-header:target #desktopMenuFlyout {
  display: block !important; }

#desktopMenuFlyout {
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  width: 100%;
  background-color: white;
  color: black;
  font-weight: 400;
  display: grid;
  grid-template-columns: minmax(15px, 1fr) minmax(0, 1300px) minmax(15px, 1fr);
  grid-template-areas: ". main .";
  box-shadow: 5px 0 5px -5px rgba(100, 100, 100, 0.5), 0 5px 5px -5px rgba(100, 100, 100, 0.5), -5px 0 5px -5px rgba(100, 100, 100, 0.5);
  padding: 17px 0 20px; }
  #desktopMenuFlyout > * {
    grid-column: main; }
  #desktopMenuFlyout a {
    color: #0062c7; }
    #desktopMenuFlyout a.view-all-count {
      white-space: nowrap; }
  #desktopMenuFlyout .three-panels {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: 2fr 1fr 1fr;
    clear: both; }
    @media (max-width: 1024px) {
      #desktopMenuFlyout .three-panels {
        grid-template-columns: 1fr 1fr 1fr; } }
    #desktopMenuFlyout .three-panels a {
      font-weight: 400;
      font-size: 16px; }
      @media screen and (min-width: 1024px) {
        #desktopMenuFlyout .three-panels a {
          font-size: 18px; } }
    #desktopMenuFlyout .three-panels > div {
      float: left;
      display: table-cell; }
  #desktopMenuFlyout .guide-group-preview {
    margin-bottom: 0; }
  #desktopMenuFlyout .content-header {
    border-bottom: 1px solid #cecece;
    font-size: 16px; }
    @media screen and (min-width: 850px) {
      #desktopMenuFlyout .content-header {
        font-size: 18px; } }
    #desktopMenuFlyout .content-header .title {
      font-weight: 500;
      padding-right: 10px; }
    #desktopMenuFlyout .content-header .view-all-count {
      position: relative;
      padding-left: 10px; }
      #desktopMenuFlyout .content-header .view-all-count:before {
        content: '';
        width: 1px;
        background: black;
        position: absolute;
        left: 0;
        top: 7px;
        bottom: 7px; }
  #desktopMenuFlyout .categories {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    #desktopMenuFlyout .categories ul {
      margin-right: 20px;
      list-style: none; }
  #desktopMenuFlyout ul {
    padding-left: 0;
    display: inline-block; }
    #desktopMenuFlyout ul li {
      margin: 5px 0; }
  #desktopMenuFlyout .featProductRow {
    display: grid;
    grid-template-columns: 110px auto;
    padding: 10px 0;
    position: relative;
    line-height: 1.1;
    font-weight: 400; }
    #desktopMenuFlyout .featProductRow img, #desktopMenuFlyout .featProductRow video {
      width: 100%;
      border-radius: 4px;
      max-width: 100px; }
    #desktopMenuFlyout .featProductRow p {
      margin-bottom: 2px; }
    #desktopMenuFlyout .featProductRow a {
      text-decoration: none; }
      #desktopMenuFlyout .featProductRow a::before {
        content: ' ';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      #desktopMenuFlyout .featProductRow a:hover, #desktopMenuFlyout .featProductRow a:focus, #desktopMenuFlyout .featProductRow a:active, #desktopMenuFlyout .featProductRow a:visited {
        text-decoration: none; }
        #desktopMenuFlyout .featProductRow a:hover p:first-child, #desktopMenuFlyout .featProductRow a:focus p:first-child, #desktopMenuFlyout .featProductRow a:active p:first-child, #desktopMenuFlyout .featProductRow a:visited p:first-child {
          text-decoration: underline; }
      #desktopMenuFlyout .featProductRow a .price {
        color: black;
        margin-bottom: 0; }

.mobile-header-wrap {
  display: none; }

#full-overlay {
  position: fixed;
  top: 40px;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  cursor: pointer;
  width: 100vw;
  height: 100vh;
  z-index: 99;
  background: rgba(0, 0, 0, 0.75); }
  #full-overlay.active {
    display: block !important; }

.search-active #full-overlay, .mainNavActive #full-overlay {
  display: block; }

.search-active .main-container, .mainNavActive .main-container {
  overflow: hidden; }

#MobileNav.search-active {
  width: 100vw !important; }
  #MobileNav.search-active .mobile-menu-wrap {
    opacity: 0;
    transform: scale(0.5, 0.5); }

@media (max-width: 1023px) {
  .mainNavActive #hamburger-arrow {
    position: relative;
    width: 1px;
    height: 6px;
    margin-left: 50%;
    pointer-events: none !important; }
    .mainNavActive #hamburger-arrow:after {
      position: absolute;
      display: inline-block;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #0062c7;
      border-left: 12px solid transparent;
      left: -12px;
      bottom: -40px;
      content: ''; }
  #inner-wrapper {
    display: flex;
    flex-flow: column; }
    #inner-wrapper .header-wrap {
      order: -1; }
  .header-wrap {
    display: flex;
    flex-flow: column; }
    .header-wrap .messaging-container {
      order: 1; }
  #adafruit-header {
    background: #0099FF !important;
    height: 130px;
    border-top: none;
    position: relative; }
    #adafruit-header .mobile-header-wrap {
      display: block;
      z-index: 500;
      position: absolute;
      left: 0;
      right: 0;
      top: 40px;
      border-bottom: solid 5px #0062c7; }
      #adafruit-header .mobile-header-wrap.fixed {
        position: fixed;
        top: 0; }
      #adafruit-header .mobile-header-wrap.relative {
        position: relative; }
    #adafruit-header #mobile-header {
      display: flex;
      height: 85px;
      align-items: center;
      flex-flow: row nowrap;
      background: #000;
      width: 100%; }
      #adafruit-header #mobile-header.search-active, .search-active #adafruit-header #mobile-header {
        flex-flow: row-reverse nowrap; }
        #adafruit-header #mobile-header.search-active .mobile-header-logo, #adafruit-header #mobile-header.search-active .mobile-header-cart, .search-active #adafruit-header #mobile-header .mobile-header-logo, .search-active #adafruit-header #mobile-header .mobile-header-cart {
          display: none !important; }
        #adafruit-header #mobile-header.search-active #MobileSearchForm, .search-active #adafruit-header #mobile-header #MobileSearchForm {
          width: auto;
          margin: 10px 0 10px 10px; }
      #adafruit-header #mobile-header a {
        text-decoration: none;
        color: #fff; }
      #adafruit-header #mobile-header .mobile-header-logo {
        display: block;
        padding-left: 15px;
        width: 65px;
        flex: 0 0 65px;
        min-width: 65px;
        max-width: 65px; }
      #adafruit-header #mobile-header #MobileSearchWrapper {
        flex: 1 1 180px; }
      #adafruit-header #mobile-header .mobile-header-cart {
        position: relative;
        min-width: 60px;
        max-width: 60px;
        flex: 0 0 60px;
        height: 85px;
        line-height: 75px !important;
        padding-top: 5px;
        text-align: center;
        font-size: 34px;
        margin-left: 2px;
        margin-right: 5px; }
        #adafruit-header #mobile-header .mobile-header-cart > i {
          color: #FFFFFF;
          margin-top: 5px; }
        #adafruit-header #mobile-header .mobile-header-cart > .cart-count {
          position: absolute;
          right: 4px;
          top: 14px;
          display: inline-block;
          background-color: #0062c7;
          height: 20px;
          width: 20px;
          line-height: 20px;
          border-radius: 50%;
          padding: 0;
          font-size: 14px;
          color: #FFFFFF; }
  #MobileNav {
    position: fixed;
    overflow-y: scroll;
    top: 129px;
    border-top: 1px solid #0062c7;
    bottom: 0;
    width: 85vw;
    left: 0;
    transform: translateX(-85vw);
    z-index: 999;
    background: #fff;
    transition: transform 0.2s ease-out;
    display: flex;
    flex-flow: column; }
    .mainNavActive #MobileNav {
      transform: translateX(0); }
    #MobileNav .mobile-menu-wrap {
      transition: opacity 0.25s, transform 0.25s;
      margin-right: 0; }
      #MobileNav .mobile-menu-wrap > ul.menu {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        padding-right: 17px;
        /* Increase/decrease this value for cross-browser compatibility */
        box-sizing: content-box;
        /* So the width will be 100% + 17px */ }
        #MobileNav .mobile-menu-wrap > ul.menu li.login {
          padding-top: 20px;
          min-height: 69px;
          color: #ebebeb;
          border-bottom: 5px solid #ebebeb; }
          #MobileNav .mobile-menu-wrap > ul.menu li.login > a {
            display: inline-block;
            padding-top: 0;
            padding-left: 15px;
            padding-right: 15px;
            text-align: center;
            border-bottom: none; }
      .mainNavActive #MobileNav .mobile-menu-wrap {
        will-change: opacity, transition; }
      #MobileNav .mobile-menu-wrap ul {
        list-style: none outside none;
        padding: 0;
        margin: 0; }
      #MobileNav .mobile-menu-wrap > ul > li {
        min-height: 69px;
        overflow: hidden; }
        #MobileNav .mobile-menu-wrap > ul > li .mobile-hello {
          color: #000;
          font-size: 18px;
          font-weight: 600;
          vertical-align: bottom;
          margin-top: 5px;
          padding-left: 15px; }
        #MobileNav .mobile-menu-wrap > ul > li.direct-link > a::before {
          display: block;
          font-family: FontAwesome;
          position: absolute;
          right: 30px; }
        #MobileNav .mobile-menu-wrap > ul > li > a {
          display: block;
          color: #0062c7;
          position: relative;
          padding: 17px 15px 22px 15px;
          font-size: 18px;
          font-weight: 500;
          font-family: "Proxima Nova";
          text-decoration: none;
          border-bottom: 1px solid #ebebeb; }
    #MobileNav.msg {
      top: 130px !important; }
  .mobile-menu-wrap {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    flex: 1 1 auto; }
    .mobile-menu-wrap > ul {
      height: auto;
      will-change: height; }
      .mobile-menu-wrap > ul > li.open ul {
        height: auto; }
  #mobile-account-link, #mobile-sign-out-link {
    display: none; }
  .logged-in #mobile-account-link, .logged-in #mobile-sign-out-link {
    display: block; }
  .logged-in #mobile-sign-in-link {
    display: none; }
  html.mainNavActive {
    overflow: hidden;
    width: 100%;
    height: 100%; }
    html.mainNavActive body {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: fixed; }
    html.mainNavActive #outer-wrapper {
      width: 100%;
      height: 100%;
      overflow: hidden; }
  body {
    overflow-x: hidden; } }

#siteFooter {
  font-weight: 500;
  background-color: black;
  color: white;
  padding: 38px 0 64px;
  margin-top: auto; }
  #siteFooter a {
    color: white; }
    #siteFooter a:hover, #siteFooter a:active, #siteFooter a:focus {
      text-decoration: underline; }
  @media screen and (max-width: 768px) {
    #siteFooter {
      padding-bottom: 44px; } }
  #siteFooter #footerFlower svg {
    width: 60px;
    height: 60px;
    display: block; }
    @media screen and (min-width: 768px) {
      #siteFooter #footerFlower svg {
        display: inline-block; } }
  #siteFooter .footerContainer {
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto;
    display: grid; }
    #siteFooter .footerContainer.bottom a {
      display: inline-block;
      padding-right: 19px; }
    #siteFooter .footerContainer.bottom .socialLinks {
      padding-top: 17px;
      text-align: left; }
      #siteFooter .footerContainer.bottom .socialLinks a {
        font-size: 32px; }
        #siteFooter .footerContainer.bottom .socialLinks a:focus, #siteFooter .footerContainer.bottom .socialLinks a:hover, #siteFooter .footerContainer.bottom .socialLinks a:active {
          text-decoration: none; }
          #siteFooter .footerContainer.bottom .socialLinks a:focus:before, #siteFooter .footerContainer.bottom .socialLinks a:hover:before, #siteFooter .footerContainer.bottom .socialLinks a:active:before {
            text-decoration: none; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.instagram.com/adafruit/"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.instagram.com/adafruit/"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.instagram.com/adafruit/"]:focus {
        color: #c32aa3 !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://twitter.com/adafruit/"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://twitter.com/adafruit/"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://twitter.com/adafruit/"]:focus {
        color: #1da1f2 !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://mastodon.cloud/@adafruit"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://mastodon.cloud/@adafruit"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://mastodon.cloud/@adafruit"]:focus {
        color: #6364FF !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.facebook.com/adafruitindustries"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.facebook.com/adafruitindustries"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.facebook.com/adafruitindustries"]:focus {
        color: #4267B2 !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.youtube.com/adafruit"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.youtube.com/adafruit"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.youtube.com/adafruit"]:focus {
        color: #FF0000 !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://github.com/adafruit"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://github.com/adafruit"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://github.com/adafruit"]:focus {
        color: #4078c0 !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.tiktok.com/@adafruit"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.tiktok.com/@adafruit"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.tiktok.com/@adafruit"]:focus {
        color: #EE1D52 !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://adafruit.tumblr.com/"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://adafruit.tumblr.com/"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://adafruit.tumblr.com/"]:focus {
        color: #00B8FF !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.threads.net/@adafruit"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.threads.net/@adafruit"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://www.threads.net/@adafruit"]:focus {
        color: #c32aa3 !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://adafru.it/discord"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://adafru.it/discord"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://adafru.it/discord"]:focus {
        color: #5865F2 !important; }
      #siteFooter .footerContainer.bottom .socialLinks a[href="https://bsky.app/profile/adafruit.com"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href="https://bsky.app/profile/adafruit.com"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href="https://bsky.app/profile/adafruit.com"]:focus {
        color: #0085FF !important; }
    @media screen and (min-width: 768px) {
      #siteFooter .footerContainer {
        padding: 0 20px;
        grid-template-columns: 1fr 1fr 2fr;
        column-gap: 15px; }
        #siteFooter .footerContainer.bottom {
          padding: 99px 20px 0;
          grid-template-columns: 59px 1fr; }
          #siteFooter .footerContainer.bottom .socialLinks {
            padding-top: 17px;
            text-align: right; } }
    #siteFooter .footerContainer #footer-messaging {
      grid-column: 1 / -1;
      margin-top: 1em; }
  #siteFooter ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 16px; }
    @media screen and (min-width: 768px) {
      #siteFooter ul {
        padding-bottom: 0; } }
  #siteFooter h1 {
    font-size: 24px;
    padding-bottom: 7px;
    color: white;
    margin: 0;
    font-weight: 500; }
  #siteFooter li {
    padding-bottom: 4px;
    font-size: 18px;
    margin: 0; }
  #siteFooter .footer-quote {
    display: none;
    font-size: 32px; }
    @media screen and (min-width: 768px) {
      #siteFooter .footer-quote {
        display: block; } }
    #siteFooter .footer-quote span {
      display: block;
      line-height: 1.15;
      font-style: italic;
      font-weight: 400;
      padding-bottom: 7px; }
    #siteFooter .footer-quote .MathJax_Preview {
      display: none; }
  #siteFooter .quoteAttribution {
    display: none;
    text-align: right; }
    @media screen and (min-width: 768px) {
      #siteFooter .quoteAttribution {
        display: block; } }
    #siteFooter .quoteAttribution a:before {
      color: white;
      content: "– "; }
  #siteFooter .quoteBig {
    font-size: 26px; }
  #siteFooter .quoteBigger {
    font-size: 20px; }
  #siteFooter .AuthorizeNetSeal {
    height: 71px;
    overflow: hidden; }
    #siteFooter .AuthorizeNetSeal a img {
      filter: grayscale(100%) brightness(90%); }
    #siteFooter .AuthorizeNetSeal a:hover img, #siteFooter .AuthorizeNetSeal a:focus img {
      filter: none; }

.fake-link {
  cursor: pointer; }

.blue-button {
  border-radius: 4px;
  background-color: #0062c7;
  color: #FFF;
  border: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  font-weight: 500;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none !important;
  display: inline-block; }
  .blue-button.inline-margin {
    margin-left: 8px; }

@media screen and (min-width: 768px) {
  a.sign-in-button {
    display: inline-block;
    padding: 0 15px; } }

@media screen and (max-width: 767px) {
  a.sign-in-button {
    display: block; } }

.blue-button:hover, .blue-button:focus {
  background-color: #003c7b;
  color: #FFF;
  text-decoration: none; }

a.blue-button:focus {
  outline: revert;
  outline-offset: revert; }

.secondary-button {
  border-radius: 4px;
  background-color: white;
  border: 2px solid #0062c7;
  box-sizing: border-box;
  color: #0062c7;
  display: block;
  font-weight: 500;
  height: 30px;
  line-height: 1;
  outline: none;
  padding: 0 15px;
  text-align: center;
  text-decoration: none; }
  .secondary-button:hover, .secondary-button:focus {
    background-color: #0062c7;
    color: white; }
  .secondary-button:focus {
    outline: revert;
    outline-offset: revert; }
  .secondary-button:active {
    background-color: #003c7b;
    color: white; }

.green-button {
  border-radius: 4px;
  background-color: #158930;
  color: #FFF;
  border: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 1px;
  height: 30px;
  line-height: 18px;
  font-size: 14px;
  margin-left: 8px;
  font-weight: 500;
  vertical-align: middle;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.green-button:hover, .green-button:focus {
  background-color: #0c4a1b; }

.gray-button {
  background-color: #666;
  color: #FFF;
  border: 0;
  border-radius: 4px;
  padding-left: 15px;
  padding-right: 15px;
  height: 30px;
  font-size: 14px;
  font-weight: 400; }
  .gray-button.inline-margin {
    margin-left: 8px; }

.gray-button:hover, .gray-button:focus {
  background-color: #404040;
  color: #FFF; }

.gray-button[disabled=disabled]:hover {
  background-color: #666; }

.blue-button-link {
  display: inline-block;
  background-color: #0062c7;
  color: #FFF;
  border: 0;
  padding-left: 15px;
  padding-right: 15px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none; }

.blue-button-link:hover, .blue-button-link:focus {
  background-color: #003c7b;
  text-decoration: none;
  color: #FFF; }

.blue-button-div {
  background-color: #0062c7;
  color: #FFF;
  border: 0;
  padding-left: 15px;
  padding-right: 15px;
  height: 30px;
  text-align: center;
  line-height: 30px; }
  .blue-button-div a {
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    line-height: 28px; }

.blue-button-div:hover, a:focus > .blue-button-smalldiv {
  background-color: #003c7b;
  text-decoration: none;
  color: #FFF;
  cursor: pointer; }

.white-right {
  border-right: 1px solid #FFF; }

.inline-fill-left {
  float: left; }

.inline-fill-right {
  overflow: hidden; }

.twelve {
  font-size: 14px; }

.thirteen {
  font-size: 14px; }

.gray {
  color: #999; }

.white {
  color: #FFF; }

.red {
  color: #EB0000;
  /* assuming against white BG, provides > 4.5:1 contrast */ }

.bold {
  font-weight: 500; }

.italic {
  font-style: italic; }

.light {
  font-weight: 300; }

.lighter {
  font-weight: 100; }

.unbold {
  font-weight: 300; }

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

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

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

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

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

.thirteen {
  font-size: 14px; }

.right-ten {
  margin-right: 10px; }

.left-twenty {
  margin-left: 20px; }

.left-forty {
  margin-left: 40px; }

.top-zero {
  margin-top: 0px !important; }

.top-five {
  margin-top: 5px; }

.top-ten {
  margin-top: 10px; }

.top-twenty {
  margin-top: 20px; }

.top-forty {
  margin-top: 40px; }

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

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

.hr-gray {
  border-bottom: 1px solid #999;
  border-top: 0;
  margin: 0;
  height: 0px; }

.hr-blue {
  border-bottom: 1px solid #0062c7;
  border-top: 0;
  margin: 0;
  height: 0px; }

.line-through {
  text-decoration: line-through; }

.sg-input-row {
  height: 30px;
  line-height: 30px; }

.sg-label {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 0; }

.sg-sublabel {
  font-size: 14px;
  font-weight: 300;
  color: #525252;
  display: block;
  margin-bottom: 0; }

.sg-input {
  height: 30px;
  line-height: 13px;
  border: 1px solid #666;
  color: #525252;
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  padding-left: 5px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.sg-input-error {
  border: 1px solid #E90000 !important; }

.sg-input.placeholder {
  color: #999; }

.sg-input:-moz-placeholder {
  color: #999; }

.sg-input::-moz-placeholder {
  color: #999; }

.sg-input:-ms-input-placeholder {
  color: #999; }

.sg-input::-webkit-input-placeholder {
  color: #999; }

.sg-button {
  width: 100%;
  margin: 0; }

a.sg-button {
  height: auto;
  padding: 0px 15px;
  text-align: center;
  display: block; }

.sg-button-submit {
  width: 100%;
  margin: 0; }

.sg-dropdown {
  line-height: 20px;
  background-color: #FFF;
  border: 1px solid #999;
  border-radius: 0px;
  color: #525252;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  padding: 5px;
  padding-top: 6px;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: none;
  /*Removes default chrome and safari style*/
  -moz-appearance: none;
  /*Removes default style Firefox*/
  -ms-appearance: none;
  /*Removes default style ie/edge*/
  -o-appearance: none;
  /*Removes default style opera*/
  appearance: none; }

.select-wrapper {
  position: relative; }

.select-wrapper::after {
  bottom: 0.5em;
  color: #666;
  content: '\f107';
  font-family: FontAwesome;
  pointer-events: none;
  position: absolute;
  right: 0.5em; }

.sg-dropdown:active, .sg-dropdown:focus {
  background-color: #EAEAEA; }

.sg-dropdown:-moz-focusring {
  text-shadow: 0 0 0 #525252; }

.ng-left {
  padding-left: 0px; }

.ng-right {
  padding-right: 0px; }

.left-5 {
  padding-left: 5px; }

.inline {
  display: inline !important; }

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

.minw100 {
  min-width: 100px; }

.h30 {
  height: 30px; }

.width-200 {
  width: 200px; }

.margin-left-30 {
  margin-left: 30px; }

.margin-left-5 {
  margin-left: 5px; }

.full-width {
  width: 100%; }

@media (min-width: 1365px) {
  .hidden-inline-lg {
    display: none; } }

@media (min-width: 1023px) and (max-width: 1365px) {
  .hidden-inline-md {
    display: none; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .hidden-inline-sm {
    display: none; } }

@media (max-width: 767px) {
  .hidden-inline-xs {
    display: none; }
  .container {
    max-width: 100%; }
  .sg-input {
    height: 40px; }
  .hidden-inline-xs {
    display: none; }
  .sg-label {
    font-size: 16px; }
  .blue-button {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500; }
  .green-button {
    height: 40px;
    line-height: 40px;
    font-size: 16px; }
  .gray-button {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500; }
  .gray-button:hover {
    background-color: #404040; }
  .blue-button-div {
    height: 40px;
    line-height: 39px;
    font-size: 16px; }
  .sg-dropdown {
    height: 40px;
    font-size: 16px; }
  .xs-ng-right {
    padding-right: 0px; } }

.container-breakout {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); }

#inner-wrapper:has(.container-breakout) {
  overflow-x: hidden; }

.pricing {
  font-size: 30px;
  font-weight: 700; }

.square {
  position: relative !important;
  padding-bottom: 100% !important; }

.square > div {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.fourbythree {
  position: relative !important;
  padding-bottom: 75% !important; }

.fourbythree > div {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.prodvid-container {
  width: 100%;
  height: auto;
  line-height: 0; }
  .prodvid-container img {
    display: none; }
  .prodvid-container video {
    width: 100%;
    height: auto; }

@media print {
  .prodvid-container img {
    display: block; }
  .prodvid-container video {
    display: none; } }

@media (max-width: 767px) {
  .mobile-ol {
    padding-left: 30px;
    margin-right: 10px; }
  .mobile-list {
    padding-left: 25px;
    margin-right: 10px; } }

div[class*='message-stack-'] {
  margin-top: 10px;
  padding: 10px;
  font-size: 14px;
  border-style: solid;
  border-width: 1px; }
  div[class*='message-stack-'] a {
    font-weight: 500;
    text-decoration: underline; }

.message-stack-error,
.message-stack-warning {
  color: #b94a48;
  background-color: #f9f0f0;
  border-color: #b94a48; }
  .message-stack-error a,
  .message-stack-warning a {
    color: #b94a48; }
  .message-stack-error a:hover,
  .message-stack-error a:focus,
  .message-stack-warning a:hover,
  .message-stack-warning a:focus {
    color: #b34644; }

.message-stack-success {
  color: #3d773e;
  background-color: #eef7ea; }
  .message-stack-success a {
    color: #3d773e; }
  .message-stack-success a:hover,
  .message-stack-success a:focus {
    color: #234524; }

.message-stack-caution {
  color: #7f612e;
  background-color: #fcf8e3;
  border-color: #7f612e; }
  .message-stack-caution a {
    color: #7f612e; }
  .message-stack-caution a:hover,
  .message-stack-caution a:focus {
    color: #594521; }

.message-stack-info {
  color: #275a74;
  background-color: #d9edf7;
  border-color: #275a74; }
  .message-stack-info a {
    color: #275a74; }
  .message-stack-info a:hover,
  .message-stack-info a:focus {
    color: #142e3a; }

@media (max-width: 767px) {
  div[class*='message-stack-'] {
    font-size: 16px; } }

#inner-wrapper {
  display: flex;
  flex-flow: column;
  min-height: 100vh; }
  #inner-wrapper > .main-container {
    width: 100%; }

.flex-row {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 auto; }

.flex-row-wrap {
  display: flex;
  flex-flow: row wrap;
  flex: 1 1 auto; }

.flex-col {
  display: flex;
  flex-flow: column;
  flex: 1 1 auto; }

.flex-center-vh {
  display: inline-flex;
  justify-content: center;
  align-items: center; }

.slideshow-gallery video::-webkit-media-controls {
  display: none; }

.slideshow-gallery .gallery-slides {
  box-sizing: content-box;
  overflow: hidden; }
  .slideshow-gallery .gallery-slides:has(:focus-visible) {
    outline-color: #0062c7;
    outline-style: dotted;
    outline-width: 3px; }
  .slideshow-gallery .gallery-slides .gallery-slides-scroll::-webkit-scrollbar {
    background: #000; }
  .slideshow-gallery .gallery-slides .gallery-slides-scroll::-webkit-scrollbar-thumb {
    background: #313131;
    border: 1px solid #444; }
  .slideshow-gallery .gallery-slides .gallery-slides-scroll {
    white-space: nowrap;
    font-size: 0px;
    position: relative; }
    .slideshow-gallery .gallery-slides .gallery-slides-scroll > * {
      display: inline-block;
      height: 100%; }
    .slideshow-gallery .gallery-slides .gallery-slides-scroll .gallery-slide {
      width: 100%;
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain; }
      .slideshow-gallery .gallery-slides .gallery-slides-scroll .gallery-slide img, .slideshow-gallery .gallery-slides .gallery-slides-scroll .gallery-slide video {
        width: 100%;
        height: 100%;
        position: absolute;
        vertical-align: middle; }
      .slideshow-gallery .gallery-slides .gallery-slides-scroll .gallery-slide iframe, .slideshow-gallery .gallery-slides .gallery-slides-scroll .gallery-slide lite-youtube {
        width: 100%;
        height: 100%;
        position: absolute; }
      .slideshow-gallery .gallery-slides .gallery-slides-scroll .gallery-slide div.fluid-width-video-wrapper {
        height: 100%; }
      .slideshow-gallery .gallery-slides .gallery-slides-scroll .gallery-slide a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
    .no-js .slideshow-gallery .gallery-slides .gallery-slides-scroll {
      overflow-x: auto; }
      .no-js .slideshow-gallery .gallery-slides .gallery-slides-scroll .gallery-slide {
        position: relative; }

.slideshow-gallery .gallery-slides-block {
  order: 2;
  position: relative; }

.slideshow-gallery .gallery-arrows {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none; }
  .js-ready .slideshow-gallery .gallery-arrows {
    display: block; }

.slideshow-gallery .gallery-arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  z-index: 50; }
  .slideshow-gallery .gallery-arrow.arrow-left {
    left: 0; }
  .slideshow-gallery .gallery-arrow.arrow-right {
    right: 0; }

@media (max-width: 1023px) {
  .slideshow-gallery {
    position: relative; } }

.no-js .gallery-slide img, .no-js .gallery-slide video, .no-js .gallery-slide iframe {
  position: static !important; }

.product-image-gallery {
  display: flex;
  flex-direction: column; }
  .product-image-gallery .gallery-arrow {
    display: none;
    width: 100px;
    height: 100%;
    font-size: 72px;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 0.3; }
    @media (max-width: 1023px) {
      .product-image-gallery .gallery-arrow {
        display: inline-flex; } }
    @media (max-width: 767px) {
      .product-image-gallery .gallery-arrow {
        width: 60px;
        font-size: 56px; } }
  @media (min-width: 1024px) {
    .product-image-gallery .gallery-slides {
      border-radius: 14px; } }
  .product-image-gallery .gallery-slide {
    background-color: #000; }
    .product-image-gallery .gallery-slide[hidden] {
      display: none; }
    @media (max-width: 1023px) {
      .product-image-gallery .gallery-slide lite-youtube {
        display: none; } }
    @media (min-width: 1024px) {
      .product-image-gallery .gallery-slide lite-youtube:not(:defined), .product-image-gallery .gallery-slide lite-youtube:defined ~ a.gallery-slide {
        display: none; } }
  .product-image-gallery .gallery-thumbnails {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    list-style-type: none;
    order: 3;
    padding: 0;
    z-index: 10; }
    .product-image-gallery .gallery-thumbnails > .gallery-thumbnail {
      background: transparent;
      border: none;
      position: relative; }
      .product-image-gallery .gallery-thumbnails > .gallery-thumbnail img, .product-image-gallery .gallery-thumbnails > .gallery-thumbnail video {
        border-radius: 4px;
        height: auto;
        width: 100%; }
      .product-image-gallery .gallery-thumbnails > .gallery-thumbnail video {
        margin-bottom: -5px; }
      .product-image-gallery .gallery-thumbnails > .gallery-thumbnail::before {
        content: '';
        float: left;
        height: 0;
        margin-left: -1px;
        padding-top: 70%;
        width: 1px;
        z-index: -1; }
      .product-image-gallery .gallery-thumbnails > .gallery-thumbnail::after {
        content: '';
        display: table;
        clear: both; }
    @media (min-width: 1366px) {
      .product-image-gallery .gallery-thumbnails {
        margin: 10px -10px 0 -10px; }
        .product-image-gallery .gallery-thumbnails > .gallery-thumbnail {
          width: 16.66666%;
          padding: 6px; } }
    @media (min-width: 1024px) and (max-width: 1365px) {
      .product-image-gallery .gallery-thumbnails {
        margin: 10px -5px 0 -5px; }
        .product-image-gallery .gallery-thumbnails > .gallery-thumbnail {
          width: 20%;
          flex: 0 0 20%;
          padding: 5px 5px 5px 5px; } }
    @media (max-width: 1023px) {
      .product-image-gallery .gallery-thumbnails {
        position: absolute;
        justify-content: center;
        left: 0;
        right: 0;
        bottom: 10px; }
        .product-image-gallery .gallery-thumbnails > .gallery-thumbnail {
          margin: 4px;
          background: #bfbfbf;
          border: 1px solid #bfbfbf;
          border-radius: 50%;
          padding: 5px;
          display: inline-block;
          pointer-events: none; }
          .product-image-gallery .gallery-thumbnails > .gallery-thumbnail.selected, .product-image-gallery .gallery-thumbnails > .gallery-thumbnail[aria-selected="true"] {
            background: #fff;
            border: 1px solid #fff; }
          .product-image-gallery .gallery-thumbnails > .gallery-thumbnail:before {
            display: none; }
          .product-image-gallery .gallery-thumbnails > .gallery-thumbnail > * {
            display: none; } }
    @media (min-width: 1024px) {
      .product-image-gallery .gallery-thumbnails .indicator-image.selected, .product-image-gallery .gallery-thumbnails .indicator-image[aria-selected="true"], .product-image-gallery .gallery-thumbnails .indicator-video.selected, .product-image-gallery .gallery-thumbnails .indicator-video[aria-selected="true"], .product-image-gallery .gallery-thumbnails .indicator-youtube.selected, .product-image-gallery .gallery-thumbnails .indicator-youtube[aria-selected="true"] {
        border: solid 4px #0062c7;
        border-radius: 8px;
        padding: 2px; } }

.js-ready .product-image-gallery [data-slides-container] {
  padding-bottom: 75%; }

.js-ready .product-image-gallery .gallery-slide {
  padding-bottom: 75%; }
  .js-ready .product-image-gallery .gallery-slide.gallery-slide-youtube::after {
    background: url("/includes/templates/shop2019/images/youtube-icon-white.svg") no-repeat center center transparent;
    content: "";
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute; }

@media (min-width: 1024px) {
  .js-ready .product-image-gallery .gallery-thumbnail {
    display: block; }
    .js-ready .product-image-gallery .gallery-thumbnail:focus-visible {
      border-radius: 5px;
      outline-color: #0062c7;
      outline-style: dotted;
      outline-width: 2px; }
    .js-ready .product-image-gallery .gallery-thumbnail.indicator-youtube .placeholder {
      background-color: #000;
      border-radius: 4px;
      display: block;
      width: 100%;
      height: 100%; }
    .js-ready .product-image-gallery .gallery-thumbnail.indicator-youtube.selected .placeholder, .js-ready .product-image-gallery .gallery-thumbnail.indicator-youtube[aria-selected="true"] .placeholder {
      padding: 2px 1px 2px 3px; }
    .js-ready .product-image-gallery .gallery-thumbnail.indicator-youtube::after {
      color: rgba(255, 255, 255, 0.9) !important;
      content: url("/includes/templates/shop2019/images/youtube-icon-white.svg");
      width: 60px;
      height: 60px;
      top: 50%;
      left: 50%;
      margin: -27px 0 0 -30px;
      position: absolute; } }

.home-hero {
  border-radius: 14px;
  display: block;
  overflow: hidden;
  width: 100%;
  /* SVG resizing at various breakpoints */ }
  .home-hero:focus-visible {
    outline: medium dotted; }
  .home-hero img, .home-hero div[role="img"], .home-hero video {
    display: block;
    max-height: 437px;
    width: 100%; }
  .home-hero video, .home-hero img:not([src$=".svg"]) {
    height: auto; }
  @media screen and (min-width: 1024px) and (max-width: 1365px) {
    .home-hero div[role="img"], .home-hero div[role="img"] > svg {
      max-height: 329.5px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .home-hero div[role="img"], .home-hero div[role="img"] > svg {
      max-height: 360px; } }
  @media screen and (max-width: 767px) {
    .home-hero div[role="img"], .home-hero div[role="img"] > svg {
      max-height: 400px; } }

.ticker-breakout {
  background-color: #f0f0f0; }

#blog-ticker {
  background-color: #f0f0f0;
  color: white;
  font-size: 18px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin: 40px auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  #blog-ticker a {
    text-decoration: underline; }
  #blog-ticker .ticker-link {
    transition: opacity 0.5s; }
  #blog-ticker #ticker-label {
    background-color: #767676;
    color: #fff;
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
    display: inline-block;
    font-weight: 500;
    line-height: 40px;
    margin: 0 5px 0 0;
    padding: 0 2em; }

.home-prods-header {
  display: flex; }
  .home-prods-header * {
    margin-bottom: 13px; }
  .home-prods-header h2 {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    margin-top: 0; }
  .home-prods-header a:last-child {
    font-size: 18px;
    line-height: 1;
    margin-left: auto;
    padding-top: 0.5em; }

.home-prods-section {
  margin: 40px 0; }
  .home-prods-section .content-card-group {
    display: flex;
    justify-content: space-between; }
  .home-prods-section .content-card {
    border: solid 1px #ddd;
    border-radius: 14px;
    color: #333;
    display: flex;
    flex-direction: column;
    font-size: 24px;
    width: 310px; }
    .home-prods-section .content-card a:focus {
      outline: revert; }
    .home-prods-section .content-card img, .home-prods-section .content-card video {
      border-radius: 14px 14px 0 0;
      height: auto;
      width: 100%; }
    .home-prods-section .content-card form {
      width: 100%;
      margin-top: auto;
      padding: 0 20px 20px; }
    .home-prods-section .content-card .blue-button {
      font-size: 18px;
      line-height: 2.2;
      min-height: 40px;
      width: 100%; }
    .home-prods-section .content-card .content-card-name {
      line-height: 1.25;
      margin: 20px 20px 0 20px; }
    .home-prods-section .content-card .price {
      font-size: 30px;
      font-weight: bold;
      margin: 5px 20px; }

/* override the /explore/ page layout */
.shopping-guides-container.home-ads-container {
  grid-auto-rows: unset;
  grid-gap: 20px;
  margin: 40px 0; }
  .shopping-guides-container.home-ads-container .shopping-guide {
    margin: 0 auto; }
    .shopping-guides-container.home-ads-container .shopping-guide:focus, .shopping-guides-container.home-ads-container .shopping-guide:hover {
      text-decoration: none; }
    .shopping-guides-container.home-ads-container .shopping-guide + .shopping-guide:nth-child(2n) {
      margin-left: auto; }
    .shopping-guides-container.home-ads-container .shopping-guide > h2 {
      font-weight: 300;
      text-decoration: none; }
    .shopping-guides-container.home-ads-container .shopping-guide .learn-more {
      padding: 0 4em;
      text-decoration: none; }
    .shopping-guides-container.home-ads-container .shopping-guide:focus .learn-more {
      border: 2px dotted black;
      text-decoration: none; }
    .shopping-guides-container.home-ads-container .shopping-guide > div[role="img"] {
      background: #000;
      filter: brightness(0.6);
      object-fit: cover;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1; }

.home-learn-guide-group {
  background-color: #aaa;
  border-radius: 14px;
  display: block;
  height: 437px;
  margin: 40px 0;
  overflow: hidden;
  position: relative; }
  .home-learn-guide-group a {
    border: solid 3px #fff;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin-top: auto;
    text-align: center;
    text-decoration: none; }
    .home-learn-guide-group a:hover, .home-learn-guide-group a:focus {
      background: #fff;
      color: #000;
      text-decoration: none; }
    .home-learn-guide-group a:focus-visible {
      outline: 3px solid #dd007a;
      outline-offset: 1px; }
  .home-learn-guide-group .learn-guide-group-info {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 36px;
    font-weight: 300;
    height: 100%;
    line-height: 1em;
    padding: 40px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 325px; }

.MathJax {
  font-size: 60px !important; }

/* 
  ***************************************************
  **  MD PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .home-prods-section .content-card:nth-child(4) {
    display: none; } }

/* 
  ***************************************************
  **  XS,SM PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (max-width: 1023px) {
  .home-prods-section .content-card-group {
    justify-content: space-around; }
  .home-prods-section .content-card {
    font-size: 18px; }
    .home-prods-section .content-card:nth-child(3), .home-prods-section .content-card:nth-child(4) {
      display: none; } }

/* 
  ***************************************************
  **  XS PAGE SIZE STUFF
  ***************************************************
*/
@media (max-width: 767px) {
  .home-learn-guide-group .learn-guide-group-info {
    width: 100%; } }

@media (max-width: 767px) {
  .academy_image_wrapper > img {
    margin: 0 auto; } }

section.about {
  display: flex;
  flex-direction: column;
  align-items: center; }
  section.about h1, section.about h2, section.about h3, section.about h4 {
    line-height: 1em; }
  section.about .hero-container {
    width: 100%;
    max-width: 1300px;
    position: relative; }
    section.about .hero-container iframe {
      max-width: 1300px;
      border: 0;
      display: none; }
    section.about .hero-container i {
      left: 50%;
      top: 50%;
      margin-top: -50px;
      margin-left: -50px;
      position: absolute;
      width: 100px;
      height: 100px;
      font-size: 100px;
      text-align: center;
      color: rgba(255, 255, 255, 0.8); }
  section.about .text-row {
    width: 800px;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px; }
    section.about .text-row h2 {
      font-size: 36px;
      font-weight: 400;
      margin-top: 50px;
      text-align: left;
      color: #000000; }
  section.about .img-row {
    max-width: 1300px;
    width: 100%;
    margin-top: 50px;
    display: grid;
    grid-gap: 3.2vw; }
  section.about .img-row-1 {
    grid-template-columns: 61.5% 35.3%;
    grid-template-rows: auto; }
    section.about .img-row-1 .img1 {
      grid-column: 1;
      grid-row: 1 / span 2; }
    section.about .img-row-1 .img2 {
      grid-column: 2;
      grid-row: 1; }
    section.about .img-row-1 .img3 {
      grid-column: 2;
      grid-row: 2; }
    section.about .img-row-1 .img4 {
      grid-column: 1 / -1; }
  section.about .img-row-2 {
    grid-template-columns: 368fr 346fr 506fr;
    grid-template-rows: 259fr 365fr; }
    section.about .img-row-2 .img1 {
      grid-column: 1;
      grid-row: 1; }
    section.about .img-row-2 .img2 {
      grid-column: 2;
      grid-row: 1; }
    section.about .img-row-2 .img3 {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row: 2;
      align-self: end; }
    section.about .img-row-2 .img4 {
      grid-column: 3;
      grid-row-start: 1;
      grid-row-end: 3;
      align-self: stretch; }
  section.about .img-row-3 {
    max-width: 1300px;
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  section.about .img-row-3-0 {
    width: 35.384%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  section.about .img-row-3-1 {
    width: 61.5384%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    section.about .img-row-3-1 .img5 {
      margin-top: 40px; }
  section.about .img-row-4 {
    grid-template-rows: 327fr 220fr; }
    section.about .img-row-4 .img1 {
      grid-column-start: 1;
      grid-column-end: 5;
      grid-row: 1; }
    section.about .img-row-4 .img2 {
      grid-row: 2;
      grid-column: 1; }
    section.about .img-row-4 .img3 {
      grid-row: 2;
      grid-column: 2; }
    section.about .img-row-4 .img4 {
      grid-row: 2;
      grid-column: 3; }
    section.about .img-row-4 .img5 {
      grid-row: 2;
      grid-column: 4; }
  section.about .social-row {
    display: grid;
    font-size: 75px;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, 1em);
    justify-content: center;
    line-height: 1;
    max-width: 1300px;
    padding: 10px;
    width: 100%; }

@media (min-width: 1024px) and (max-width: 1366px) {
  section.about .hero-container {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  section.about .hero-container {
    padding-left: 20px;
    padding-right: 20px; }
  section.about .text-row {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
  section.about .img-row {
    grid-gap: 20px; }
  section.about .img-row-1 {
    grid-template-columns: 61.5% 35.3%; }
  section.about .img-row-3-1 .img5 {
    margin-top: 20px; }
  section.about .social-row {
    font-size: 50px; } }

@media (max-width: 768px) {
  section.about .img-row {
    grid-gap: 20px; }
  section.about .img-row-3-1 .img5 {
    margin-top: 20px; }
  section.about .text-row {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
    section.about .text-row h2 {
      margin-left: 0; }
  section.about .social-row {
    font-size: 50px;
    flex-wrap: wrap; } }

.black-wide {
  margin-top: -40px;
  background-color: #000; }

.black-container {
  background-color: #000;
  color: #fff;
  padding-left: 0px !important;
  padding-right: 0px !important; }
  .black-container .dnt-youtube-overlay {
    background-color: #000;
    border: 1px solid #fff; }
    .black-container .dnt-youtube-overlay a {
      color: #fff;
      text-decoration: underline; }

.white-wide {
  background-color: #FFF;
  color: #000;
  position: relative; }

.adabox-members {
  font-weight: 200;
  font-size: 17px;
  color: #ffffff;
  line-height: 1.1; }
  .adabox-members a, .adabox-members li:before {
    color: #2e95ff; }
  .adabox-members .adabox-blue-header {
    background-color: #0062c7;
    font-size: 24px;
    color: #ffffff;
    font-weight: 200;
    padding: 20px; }
  .adabox-members li:before {
    content: "• "; }
  .adabox-members li {
    line-height: 2; }
  .adabox-members ul {
    list-style: none; }
  .adabox-members .dnt-youtube-overlay {
    background-color: #000;
    border: 1px solid #fff; }
    .adabox-members .dnt-youtube-overlay a {
      color: #fff;
      text-decoration: underline; }

.black-wide.adabox_get_started {
  padding-top: 40px;
  position: relative; }
  .black-wide.adabox_get_started:before {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: -1;
    content: '';
    background-color: black; }

.adabox_landing .message-stack-error {
  margin-top: 0;
  margin-bottom: 40px;
  background-color: #0062c7;
  border: 0 none;
  color: #FFF; }
  .adabox_landing .message-stack-error a {
    color: #FFF;
    text-decoration: underline; }

.adabox_landing .fluid-width-video-wrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  .adabox_landing .fluid-width-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.adabox_landing .adabox-logo {
  border: 1px solid #FFF;
  background-color: #FFF;
  transition: background-color 4s, border-color 4s; }

.adabox_landing .adabox-header {
  font-size: 48px;
  font-weight: 300;
  margin-left: 20px;
  line-height: 1.04; }

.adabox_landing .adabox-sub-header {
  font-size: 24px;
  font-weight: 300;
  margin-top: 20px;
  margin-left: 20px; }

.adabox_landing .adabox-hr {
  margin-left: 20px; }

.adabox_landing .adabox-button-row {
  margin-left: 20px;
  margin-top: 45px; }

.adabox_landing .adabox-text {
  text-align: center;
  font-weight: 300;
  font-size: 16px; }

.adabox_landing .adabox-white {
  background-color: #FFF; }

.adabox_landing .adabox-blue-button {
  display: inline-block;
  background-color: #0062c7;
  border: 0 none;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  height: 60px;
  line-height: 60px;
  min-width: 400px;
  text-align: center; }
  .adabox_landing .adabox-blue-button:hover, .adabox_landing .adabox-blue-button:focus {
    background-color: #003c7b;
    text-decoration: none; }

.adabox_landing .bottom-40 {
  margin-bottom: 40px; }

.adabox_landing .adabox-center-text {
  margin-top: 40px;
  font-size: 18px;
  font-weight: 500;
  text-align: center; }

.adabox_landing .button-center {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 40px; }

.adabox_landing .adabox-half {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.2; }

.adabox_landing .adabox_subsubtext {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  margin-top: 20px;
  margin-left: 20px; }

.black-wide {
  padding-top: 20px; }

.adabox-subscript {
  margin-top: 40px;
  font-size: 18px;
  font-weight: 200; }

#adabox-checkout .adabox-logo {
  border: 1px solid #FFF; }

.adabox-container {
  background-color: black;
  color: white;
  border-top: solid #404040 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px 0; }
  .adabox-container.no-lid {
    padding-top: 0;
    border-top: none; }

.adabox-faq-links h2 {
  color: white; }

.adabox-faq-links a {
  color: #1588ff; }

#adabox-bottom-container {
  display: block;
  height: 10px;
  margin-bottom: -20px;
  border-top: solid #404040 2px;
  width: 100%; }

#faqlinks {
  margin-top: -40px;
  border-top: solid #404040 2px; }
  #faqlinks .anchor {
    display: inline-block;
    margin-bottom: 7px; }

#adabox-faqs h2 {
  color: #fff; }

#adabox-faqs a {
  color: #2e95ff; }

#adabox-faqs .question {
  color: #999;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold; }

#adabox-faqs .answer {
  margin-top: 5px;
  margin-bottom: 25px; }

#adabox-faqs .last-answer {
  margin-bottom: 45px; }

#subscription-form {
  display: block;
  padding: 20px;
  margin: 20px auto;
  border: solid #404040 2px;
  background-color: white;
  color: black;
  width: 300px; }

/* AdaBox 002 */
#adabox-002-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-002-container h2 {
    background-color: #ffbe31;
    color: black; }
  #adabox-002-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-002-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-002-container ul > li:before {
    content: "• ";
    color: #ffbe31;
    /* or whatever color you prefer */ }
  #adabox-002-container a {
    color: #ffbe31; }

/* AdaBox 003 */
#adabox-003-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-003-container h2 {
    background-color: #eb212e; }
  #adabox-003-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-003-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-003-container ul > li:before {
    content: "• ";
    color: #eb212e;
    /* or whatever color you prefer */ }
  #adabox-003-container a {
    color: #ff2433; }

/* AdaBox 004 */
#adabox-004-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-004-container h2 {
    background-color: #00BB31;
    color: black; }
  #adabox-004-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-004-container li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-004-container li:before {
    content: "• ";
    color: #00BB31;
    /* or whatever color you prefer */ }
  #adabox-004-container a {
    color: #00BB31; }

/* AdaBox 005 */
#adabox-005-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-005-container h2 {
    background-color: #c51a4a; }
  #adabox-005-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-005-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-005-container ul > li:before {
    content: "• ";
    color: #6cc04a;
    /* or whatever color you prefer */ }
  #adabox-005-container a {
    color: #6cc04a; }

/* AdaBox 006 */
#adabox-006-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-006-container h2 {
    background-color: #662D91; }
  #adabox-006-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-006-container li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-006-container li:before {
    content: "• ";
    color: #a678c9; }
  #adabox-006-container a {
    color: #a678c9; }

/* AdaBox 007 */
#adabox-007-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-007-container h2 {
    background-color: #656262; }
  #adabox-007-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-007-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-007-container ul > li:before {
    content: "• ";
    color: #8f8a8a; }
  #adabox-007-container a {
    color: #8f8a8a; }

/* AdaBox 008 */
#adabox-008-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-008-container h2 {
    background-color: #559936;
    color: white; }
  #adabox-008-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-008-container li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-008-container li:before {
    content: "• ";
    color: #6ABD45; }
  #adabox-008-container a {
    color: #6ABD45; }

/* AdaBox 009 */
#adabox-009-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-009-container h2 {
    background-color: #F38726;
    color: black; }
  #adabox-009-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-009-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-009-container ul > li:before {
    content: "• ";
    color: #F38726; }
  #adabox-009-container a {
    color: #F38726; }

/* ADABOX 10 */
#adabox-010-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-010-container h2 {
    background: linear-gradient(to right, #DF1272, #5D449B); }
  #adabox-010-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-010-container li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-010-container li:before {
    content: "• ";
    color: #aa64b1; }
  #adabox-010-container a {
    color: #aa64b1; }

@media (min-width: 1023px) and (max-width: 1365px) {
  .adabox_landing .adabox-header {
    font-size: 30px;
    font-weight: 300;
    margin-left: 20px; }
  .adabox_landing .adabox-sub-header {
    font-size: 14px;
    font-weight: 300;
    margin-left: 20px; }
  .adabox_landing .adabox-hr {
    margin-left: 20px; }
  .adabox_landing .adabox-button-row {
    margin-left: 20px;
    margin-top: 40px; }
  .adabox_landing .adabox-text {
    text-align: center;
    font-weight: 300;
    font-size: 14px; }
  .adabox_landing form .adabox-blue-button {
    min-width: 320px; }
  #adabox-hero {
    height: 400px !important; }
  #faqlinks-header {
    border-bottom: solid #404040 2px; }
    #faqlinks-header div {
      text-align: center; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .adabox_landing .adabox-header {
    font-size: 30px;
    font-weight: 300;
    margin-left: 20px; }
  .adabox_landing .adabox-sub-header {
    font-size: 14px;
    font-weight: 300;
    margin-left: 20px; }
  .adabox_landing .adabox-hr {
    margin-left: 20px; }
  .adabox_landing .adabox-button-row {
    margin-left: 20px;
    margin-top: 40px; }
  .adabox_landing .adabox-text {
    text-align: center;
    font-weight: 300;
    font-size: 14px; }
  .adabox_landing form .adabox-blue-button {
    min-width: 345px; }
  #adabox-hero {
    height: 330px !important; } }

@media (max-width: 767px) {
  .get-started-button-row {
    padding-top: 20px;
    text-align: center; }
  .adabox_landing img {
    margin-left: auto;
    margin-right: auto; }
  .adabox_landing .adabox-header {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    margin-top: 20px;
    margin-left: 0;
    padding: 0 10px; }
  .adabox_landing .adabox-sub-header {
    font-size: 14px;
    font-weight: 300;
    margin-left: 0;
    padding: 0 10px; }
  .adabox_landing .adabox-hr {
    margin-left: 0;
    padding: 0 10px; }
  .adabox_landing .adabox-button-row {
    margin-left: 0;
    padding: 0 10px;
    margin-top: 40px; }
  .adabox_landing .adabox-text {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    padding: 0 10px; }
  .adabox_landing .adabox-half {
    margin-top: 20px;
    margin-left: 0;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px; }
  .adabox_landing .adabox-blue-button {
    min-width: 80%;
    max-width: 90%; }
  .adabox-container button {
    margin-top: 10px;
    margin-bottom: 10px; }
  #adabox-bar-container {
    text-align: center; }
  #adabox-bar2-container {
    padding-top: 0; }
  #adabox-hero {
    height: 260px !important; } }

/* adabox011 */
#adabox-011-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-011-container h2 {
    background: linear-gradient(to right, #b03475, #297895); }
  #adabox-011-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-011-container li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-011-container li:before {
    content: "• ";
    color: #c95a93; }
  #adabox-011-container a {
    color: #c95a93; }

/* adabox012 */
#adabox-012-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-012-container h2 {
    background-color: #204684;
    color: #53b3c0; }
  #adabox-012-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-012-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-012-container ul > li:before {
    content: "• ";
    color: #53b3c0; }
  #adabox-012-container a {
    color: #53b3c0; }

/* adabox013 */
#adabox-013-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-013-container h2 {
    background-color: #df8f44;
    color: black; }
  #adabox-013-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-013-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-013-container ul > li:before {
    content: "• ";
    color: #df8f44; }
  #adabox-013-container a {
    color: #df8f44; }

/* adabox014 */
#adabox-014-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-014-container h2 {
    background-color: #75dade; }
  #adabox-014-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-014-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-014-container ul > li:before {
    content: "• ";
    color: #75dade; }
  #adabox-014-container a {
    color: #75dade; }

/* adabox015 */
#adabox-015-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-015-container h2 {
    background-color: #652F8F; }
  #adabox-015-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-015-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-015-container ul > li:before {
    content: "• ";
    color: #AC88D3; }
  #adabox-015-container a {
    color: #AC88D3; }

/* adabox016 */
#adabox-016-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-016-container h2 {
    background-color: #e81d24; }
  #adabox-016-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-016-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-016-container ul > li:before {
    content: "• ";
    color: #e81d24; }
  #adabox-016-container a {
    color: #e81d24; }

/* adabox017 */
#adabox-017-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-017-container h2 {
    background-color: #787975; }
  #adabox-017-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-017-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-017-container ul > li:before {
    content: "• ";
    color: #787975; }
  #adabox-017-container a {
    color: #787975; }

/* adabox018 */
#adabox-018-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-018-container h2 {
    background-color: #f3be42; }
  #adabox-018-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-018-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-018-container ul > li:before {
    content: "• ";
    color: #54A873; }
  #adabox-018-container a {
    color: #54A873; }

/* adabox019 */
#adabox-019-container {
  padding-left: 0;
  padding-right: 0; }
  #adabox-019-container h2 {
    background-color: #652d91; }
  #adabox-019-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-019-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-019-container ul > li:before {
    content: "• ";
    color: #ffffff; }
  #adabox-019-container a {
    color: #ffffff; }

/* adabox020 */
#adabox-020-container {
  padding-left: 0;
  padding-right: 0;
  color: #fdfdfc; }
  #adabox-020-container h2 {
    background-color: #4d4d4d; }
  #adabox-020-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-020-container ul > li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-020-container ul > li:before {
    content: "• ";
    color: #a0a0a0; }
  #adabox-020-container a {
    color: #a0a0a0; }

/* ADABOX 21 */
#adabox-021-container {
  padding-left: 0;
  padding-right: 0;
  color: #fdfdfc; }
  #adabox-021-container h2 {
    background: linear-gradient(to right, #0fad4b, #fdb814, #f26322, #ed2224, #2c92d0); }
  #adabox-021-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-021-container li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-021-container li:before {
    content: "• ";
    color: #ffffff; }
  #adabox-021-container a {
    color: #0fad4b; }

#androidthings-hero {
  margin-top: -40px;
  height: 591px;
  background: url("/includes/templates/shop2019/images/androidthings/hero-bg.jpg") no-repeat center top black;
  background-size: auto 100%;
  position: relative; }
  #androidthings-hero:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    content: ""; }
  #androidthings-hero #androidthings-container {
    position: relative;
    height: 591px;
    margin: 0 auto;
    padding-top: 30px;
    padding-left: 10px; }
    #androidthings-hero #androidthings-container h1 {
      position: relative;
      color: white;
      margin-top: 40px;
      margin-bottom: 10px;
      text-transform: uppercase;
      z-index: 25;
      font-size: 42px !important; }
    #androidthings-hero #androidthings-container .androidthings-logo {
      position: absolute;
      bottom: 5%;
      right: 0;
      width: auto;
      height: 8%;
      z-index: 1; }
    #androidthings-hero #androidthings-container #androidthings-hero-copy {
      position: relative;
      width: 70%;
      line-height: 20px;
      color: white;
      text-align: justify;
      font-size: 20px;
      z-index: 25; }

#androidthings-copy {
  position: relative;
  background-color: #000;
  color: white;
  margin-bottom: -20px;
  padding: 20px 0; }
  #androidthings-copy a {
    color: #007bfa; }
  #androidthings-copy .noise {
    display: none; }
  #androidthings-copy h2 {
    color: white;
    font-weight: normal; }

#androidthings-products .pp-img-container {
  position: relative;
  margin-bottom: 20px; }

#androidthings-products .pp-caption {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: black;
  color: white;
  opacity: .75;
  filter: alpha(opacity=75);
  /* For IE8 and earlier */ }
  #androidthings-products .pp-caption span {
    opacity: 1;
    color: #fff; }

@media (min-width: 1023px) and (max-width: 1365px) {
  #androidthings-hero {
    height: 485px; }
    #androidthings-hero #androidthings-container {
      height: 485px; }
      #androidthings-hero #androidthings-container #androidthings-hero-copy {
        line-height: 26px !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #androidthings-hero {
    height: 485px; }
    #androidthings-hero #androidthings-container {
      height: 485px; }
      #androidthings-hero #androidthings-container #androidthings-hero-copy {
        line-height: 26px !important; } }

@media (max-width: 767px) {
  #androidthings-hero {
    height: 235px; }
    #androidthings-hero #androidthings-container {
      height: 235px; }
  #androidthings-photon-left {
    width: 60% !important;
    left: 20% !important; }
  #androidthings-copy {
    padding: 0 !important; } }

@media (max-width: 350px) {
  #androidthings-hero {
    height: 220px !important; }
    #androidthings-hero #androidthings-container {
      height: 220px !important; }
      #androidthings-hero #androidthings-container #androidthings-photon-left {
        width: 80% !important;
        left: 10% !important; } }

.countdown-container {
  width: 700px;
  margin: 0 auto; }

.countdown {
  font-family: Helvetica;
  font-size: 16pt;
  height: 70px;
  display: block;
  color: #000; }

.countdown_section {
  width: 150px;
  height: 93px;
  float: left;
  text-align: center; }

.countdown_amount {
  font-family: Helvetica;
  font-size: 36pt;
  font-weight: bold;
  line-height: 36pt; }

.countdown_subtext {
  font-family: Helvetica;
  font-weight: bold;
  font-size: 12pt;
  color: #666;
  margin-right: 50px;
  width: 100%;
  text-align: center; }

@media (max-width: 767px) {
  .countdown-container {
    width: 100%; }
  .countdown_section {
    width: 50%; }
  .ask-videos li {
    overflow: hidden;
    width: 47% !important; }
    .ask-videos li .ask-video-title {
      font-size: 14px; }
    .ask-videos li:nth-child(2n+1) {
      margin-left: 10px; }
    .ask-videos li:nth-child(2n) {
      margin-right: 10px; } }

.ask-videos {
  display: block;
  list-style: none outside none;
  padding: 0; }
  .ask-videos li {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 10px 0; }
    .ask-videos li .ask-img-container {
      display: block;
      width: 100%;
      overflow: hidden; }
      .ask-videos li .ask-img-container img {
        width: 100%;
        height: auto; }
    .ask-videos li .ask-video-title {
      display: block;
      padding: 5px;
      margin: 0;
      width: auto;
      background-color: #000;
      color: #fff; }

.becky-press {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: block; }
  .becky-press li {
    display: block;
    float: left;
    margin: 10px;
    width: 196px; }
    .becky-press li:nth-child(6n) {
      margin-right: 0; }
    .becky-press li:nth-child(6n+1) {
      margin-left: 0; }

@media (max-width: 1365px) {
  .becky-press li {
    width: 225px; }
    .becky-press li:nth-child(n) {
      margin: 10px; }
    .becky-press li:nth-child(4n) {
      margin-right: 0; }
    .becky-press li:nth-child(4n+1) {
      margin-left: 0; } }

@media (max-width: 1023px) {
  .becky-press li {
    width: 222px; }
    .becky-press li:nth-child(n) {
      margin: 10px; }
    .becky-press li:nth-child(3n) {
      margin-right: 0; }
    .becky-press li:nth-child(3n+1) {
      margin-left: 0; } }

@media (max-width: 767px) {
  .becky-press {
    margin: 0 10px; }
    .becky-press li {
      width: 45.7%; }
      .becky-press li:nth-child(n) {
        margin: 10px; }
      .becky-press li:nth-child(2n) {
        margin-right: 0; }
      .becky-press li:nth-child(2n+1) {
        margin-left: 0;
        clear: both; } }

#threedee-header, #becky-header, #shows-header {
  position: relative;
  margin: -40px 0 20px 0;
  width: 100%;
  height: 150px;
  padding: 4px 0 0 0;
  clear: both;
  color: #fff;
  background: radial-gradient(#6E6C72, #100F13); }
  #threedee-header h2, #becky-header h2, #shows-header h2 {
    color: white;
    margin-top: 40px;
    font-size: 50px;
    text-transform: uppercase; }
  #threedee-header .noise, #becky-header .noise, #shows-header .noise {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("/includes/templates/shop2019/images/noise.png") repeat center top transparent;
    opacity: 0.20;
    filter: alpha(opacity=20);
    /* For IE8 and earlier */ }
  #threedee-header .threedee-logo, #becky-header .threedee-logo, #shows-header .threedee-logo {
    position: absolute;
    right: 0;
    top: 5px; }
  #threedee-header .shows-logo, #becky-header .shows-logo, #shows-header .shows-logo {
    position: absolute;
    right: 0;
    top: 5px; }

@media (max-width: 1023px) {
  #becky-header {
    height: 225px; }
    #becky-header h2 {
      line-height: 54px;
      margin-bottom: 0; } }

@media (max-width: 412px) {
  #becky-header {
    height: 180px; }
    #becky-header h2 {
      font-size: 32px;
      line-height: 38px;
      margin-bottom: 0; } }

#dronie-hero {
  height: 592px;
  margin-top: -40px;
  position: relative;
  overflow: hidden;
  background: #7cd0df;
  /* Old browsers */
  background: linear-gradient(to bottom, #7cd0df 0%, #e8f2e0 56%, #fffffe 87%);
  /* W3C */ }
  #dronie-hero #dronie-container {
    height: 100%;
    padding-left: 20px;
    position: relative;
    color: white; }
    #dronie-hero #dronie-container h2 {
      font-weight: bold;
      font-size: 72px;
      color: #444;
      display: block;
      margin: 20px 0;
      line-height: 72px;
      height: 72px; }
    #dronie-hero #dronie-container p {
      width: 900px;
      margin-top: 20px;
      line-height: 32px;
      font-size: 18px; }
    #dronie-hero #dronie-container img {
      width: 80%;
      height: auto;
      position: absolute;
      bottom: 25px;
      left: 50%;
      margin-left: -40%; }

#dronie-body {
  position: relative;
  min-height: 400px;
  background-color: #000;
  color: white; }
  #dronie-body a {
    color: #007bfa; }
  #dronie-body .noise {
    display: none; }
  #dronie-body .dnt-youtube-overlay {
    color: black; }
    #dronie-body .dnt-youtube-overlay a {
      color: #0062c7; }
  #dronie-body .container {
    padding: 20px;
    line-height: 40px; }
    #dronie-body .container h2 {
      color: white;
      font-weight: bold;
      font-size: 24px;
      line-height: 32px;
      text-transform: uppercase; }
  #dronie-body #judges {
    list-style: none outside none;
    width: 100%;
    margin-left: 0;
    padding-left: 0; }
    #dronie-body #judges li {
      display: inline-block;
      width: 12.25%;
      text-align: center;
      line-height: 18px;
      margin: 20px 10px 5px 10px; }
      #dronie-body #judges li img {
        width: 100%;
        height: auto;
        margin-bottom: 5px; }
  #dronie-body #prizes-container {
    display: inline-block;
    position: relative;
    width: 100%; }
    #dronie-body #prizes-container #prizes-dummy {
      padding-top: 21.5%; }
    #dronie-body #prizes-container #prizes {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url("/includes/templates/shop2019/images/dronies/prizes.jpg");
      background-size: 100% auto;
      background-repeat: no-repeat;
      text-align: center; }
  #dronie-body #submissions-container {
    display: inline-block;
    position: relative;
    width: 100%; }
    #dronie-body #submissions-container #submissions-dummy {
      padding-top: 21.5%; }
    #dronie-body #submissions-container #submissions {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url("/includes/templates/shop2019/images/dronies/submissions.jpg");
      background-size: 100% auto;
      background-repeat: no-repeat;
      text-align: center;
      line-height: 22px; }
      #dronie-body #submissions-container #submissions p {
        width: 90%;
        margin: 10px auto; }
      #dronie-body #submissions-container #submissions #submission-btn {
        position: absolute;
        bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0; }

@media (min-width: 1023px) and (max-width: 1365px) {
  #dronie-body #judges li {
    width: 21.66%; }
    #dronie-body #judges li img {
      width: 100%;
      height: auto;
      margin-bottom: 5px; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #dronie-hero #dronie-container h2 {
    font-size: 60px; }
  #dronie-hero #dronie-container p {
    width: auto; }
  #dronie-body #judges li {
    width: 45%; }
    #dronie-body #judges li img {
      width: 100%;
      height: auto;
      margin-bottom: 5px; } }

@media (max-width: 767px) {
  #dronie-hero {
    height: 240px;
    overflow: visible; }
    #dronie-hero #dronie-container h2 {
      font-size: 32px;
      line-height: 36px; }
    #dronie-hero #dronie-container p {
      width: auto; }
    #dronie-hero #dronie-container img {
      width: 66%;
      margin-left: -33%; }
  #dronie-body #judges li {
    width: 45%; }
  #dronie-body #submissions-container #submissions {
    background-image: none; } }

@media (max-width: 492px) {
  #dronie-body #judges li {
    width: 100%;
    margin: 0; } }

section.educators {
  margin-top: -40px; }
  section.educators a {
    text-decoration: underline; }
    section.educators a.btn {
      text-decoration: none; }
      section.educators a.btn:focus-visible {
        outline: 2px solid #dd007a;
        outline-offset: revert; }
  section.educators h1, section.educators h2, section.educators h3, section.educators h4 {
    line-height: 1em; }
  section.educators .hero-container {
    background-image: url("/includes/templates/shop2019/images/educators/2015_Locker_Stickers_mobile.jpg");
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 484px;
    position: relative; }
    section.educators .hero-container .blue-overlay {
      width: 50%;
      background: rgba(0, 98, 199, 0.85);
      position: absolute;
      top: 0;
      bottom: 0; }
    section.educators .hero-container .container {
      position: relative; }
      section.educators .hero-container .container p {
        color: #fff;
        font-size: 24px;
        font-weight: 300;
        margin-right: 50%;
        margin: 10px 60% 0 -5px;
        line-height: 1.4em; }
      section.educators .hero-container .container h1 {
        font-size: 72px;
        font-weight: 300;
        line-height: 1.11;
        color: #fff;
        margin: 50px 0 0 -10px;
        text-transform: uppercase; }
  section.educators .educators-budget {
    z-index: 0;
    position: relative;
    background-color: #0062c7;
    background-image: url("/includes/templates/shop2019/images/educators/circuit_playground_hands_blue_800.jpg");
    background-size: cover;
    background-position: center bottom;
    color: #fff; }
    section.educators .educators-budget:after {
      position: absolute;
      z-index: 1;
      background-color: #0062c7;
      opacity: 0.5;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      content: ""; }
    section.educators .educators-budget .container {
      padding: 20px; }
    section.educators .educators-budget h3 {
      font-size: 48px;
      font-weight: 300;
      margin: 45px 0 0 0;
      z-index: 3;
      position: relative; }
    section.educators .educators-budget p {
      font-size: 23px;
      margin: 25px 0 30px 0;
      line-height: 1.6em;
      z-index: 3;
      position: relative; }
    section.educators .educators-budget a.btn {
      margin-bottom: 45px;
      z-index: 3;
      position: relative; }
  section.educators .educators-tools {
    text-align: center;
    margin: 80px auto; }
    section.educators .educators-tools h2 {
      font-size: 46px;
      font-weight: 300;
      color: #000;
      box-sizing: border-box; }
    section.educators .educators-tools h4 {
      font-size: 24px;
      font-weight: 400;
      box-sizing: border-box;
      margin-top: 30px; }
  section.educators .info-blocks {
    display: flex;
    flex-flow: row wrap;
    margin: 20px -20px; }
    section.educators .info-blocks .info-block {
      width: 320px;
      flex: 0 0 320px;
      margin: 20px auto; }
      section.educators .info-blocks .info-block h3 {
        font-size: 24px;
        font-weight: 400;
        box-sizing: border-box; }
      section.educators .info-blocks .info-block p {
        font-size: 18px;
        line-height: 1.3em;
        margin-top: 15px; }
  section.educators .btn {
    background: #fff;
    border-radius: 5px;
    height: auto;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    min-width: 220px;
    padding: 7px 40px; }
    section.educators .btn.blue-btn {
      background: #0062c7;
      color: #fff; }
      section.educators .btn.blue-btn:hover {
        background: #003c7b;
        color: #d9d9d9; }
    section.educators .btn:hover {
      background: #d9d9d9;
      color: #003c7b; }
  section.educators .educators-boards .boards-header {
    margin: 100px auto 40px auto; }
    section.educators .educators-boards .boards-header p {
      font-weight: 400; }
  section.educators .educators-boards h2 {
    font-size: 48px;
    font-weight: 300;
    color: #000; }
  section.educators .educators-boards h3 {
    font-size: 48px;
    margin-bottom: 25px; }
  section.educators .educators-boards p {
    font-size: 24px;
    font-weight: 300; }
  section.educators .educators-boards a.btn {
    margin-top: 25px; }
  section.educators .board-block {
    display: flex;
    flex-flow: row; }
  section.educators .block-inner {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap; }
    section.educators .block-inner .educators-board-image {
      background-repeat: no-repeat;
      background-size: contain;
      flex: 0 0 auto; }
      section.educators .block-inner .educators-board-image::before {
        content: "";
        float: left; }
  section.educators .content-wrap {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 50px; }
  section.educators .circuit-playground-image {
    background-color: #fff;
    background-image: url("/includes/templates/shop2019/images/educators/circuit_playground_1x.jpg");
    background-size: cover;
    background-position: center bottom;
    /*margin: auto 50px 0 70px;*/ }
    section.educators .circuit-playground-image::before {
      padding-top: 98.9583333333%; }
  section.educators .raspberry-pi-block {
    background: #000; }
    section.educators .raspberry-pi-block p, section.educators .raspberry-pi-block h3 {
      color: #fff; }
  section.educators .raspberry-pi-image {
    background-color: #000;
    background-image: url("/includes/templates/shop2019/images/educators/raspberry_pi_opaque_1x_black.jpg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
    section.educators .raspberry-pi-image::before {
      padding-top: 80.5152979066%; }
  section.educators .metro-express-image {
    background-color: #fff;
    background-image: url("/includes/templates/shop2019/images/educators/metro_opaque_1x.jpg");
    background-size: cover;
    background-position: center bottom; }
    section.educators .metro-express-image::before {
      padding-top: 73.5294117647%; }
  section.educators .learning-system {
    background-image: url("/includes/templates/shop2019/images/educators/metro_wooden_bg_square.jpg");
    background-size: cover;
    background-position: center center; }
    section.educators .learning-system .block-inner {
      height: 100%;
      align-items: center; }
    section.educators .learning-system .content-overlay {
      background: rgba(0, 0, 0, 0.6);
      border-radius: 10px;
      color: #fff;
      padding: 5%;
      margin: 5%; }
    section.educators .learning-system h4 {
      font-size: 36px;
      font-weight: 400;
      line-height: 1.3em; }
    section.educators .learning-system p {
      font-size: 22px;
      line-height: 1.3em;
      font-weight: 300;
      margin: 20px 0; }
    section.educators .learning-system a.btn {
      margin-top: 30px;
      white-space: pre-wrap;
      height: auto; }
  section.educators .educators-packs-section {
    margin-top: 80px;
    text-align: center; }
    section.educators .educators-packs-section .block-inner {
      flex-flow: column; }
    section.educators .educators-packs-section h3 {
      font-size: 48px;
      font-weight: 300; }
    section.educators .educators-packs-section h5 {
      font-size: 24px;
      font-weight: 400; }
    section.educators .educators-packs-section .packs-block {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
      margin: 50px 70px 100px 70px; }
    section.educators .educators-packs-section .educator-pack {
      background: #0062c7;
      padding: 10px;
      display: inline-block;
      text-align: center;
      width: 100%;
      margin-bottom: 40px;
      flex: 1 1 400px;
      max-width: 400px; }
      section.educators .educators-packs-section .educator-pack.adafruit-metro-pack h2 {
        margin: 25px 80px 40px 80px; }
      section.educators .educators-packs-section .educator-pack h2 {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.4em;
        color: #fff;
        margin: 25px 40px 40px 40px; }
      section.educators .educators-packs-section .educator-pack img {
        width: 100%; }
      section.educators .educators-packs-section .educator-pack .btn {
        margin-bottom: 40px; }

@media (max-width: 480px) {
  section.educators .hero-container {
    height: 360px; }
    section.educators .hero-container .container p {
      margin-right: 10px !important; }
  section.educators .educators-tools {
    margin-top: 20px;
    margin-bottom: 20px; }
    section.educators .educators-tools .info-block {
      margin: 10px auto; }
  section.educators .educators-budget h3 {
    font-size: 42px; }
  section.educators .educators-budget p {
    line-height: 1.4em;
    font-size: 20px; }
  section.educators .educators-boards .board-block .educators-board-image {
    margin: auto 10px !important;
    order: 0;
    max-height: 40vh; }
  section.educators .educators-boards .board-block h3 {
    font-size: 36px; }
  section.educators .learning-system h4 {
    font-size: 32px; }
  section.educators .learning-system p {
    font-size: 18px; } }

@media (max-width: 767px) {
  section.educators .hero-container .blue-overlay {
    display: none; }
  section.educators .hero-container .container h1 {
    font-size: 60px; }
  section.educators .hero-container .container p {
    margin-right: 10%; }
  section.educators .educators-tools h4 {
    display: none; }
  section.educators .boards-header p {
    display: none; }
  section.educators .boards-header h2 {
    text-align: center;
    text-transform: uppercase; }
  section.educators .educators-packs-section h5 {
    display: none; }
  section.educators .educators-packs-section .packs-block {
    margin: 40px 10px; }
    section.educators .educators-packs-section .packs-block .educator-pack .btn {
      margin-bottom: 10px; }
  section.educators .board-block {
    min-height: calc(100vh - 50px);
    margin: 0; }
    section.educators .board-block h3 {
      margin-left: 0;
      margin-right: 0; }
    section.educators .board-block p {
      font-size: 16px; }
    section.educators .board-block .content-wrap {
      order: 1; }
    section.educators .board-block .educators-board-image {
      margin: auto 40px !important;
      order: 0; }
    section.educators .board-block a.btn {
      margin: 25px 0; }
  section.educators .learning-system {
    min-height: calc(100vh - 50px);
    display: flex; }
    section.educators .learning-system .block-inner {
      height: auto; } }

@media (max-width: 1023px) {
  section.educators .hero-container .blue-overlay {
    width: 75%; }
  section.educators .hero-container .container {
    height: 100%;
    margin: 0;
    padding-left: 20px; }
    section.educators .hero-container .container p {
      margin-right: 30%; }
  section.educators .packs-block {
    margin: 10px; }
  section.educators .educator-pack {
    width: 100%; }
    section.educators .educator-pack h2 {
      margin: 25px 10px !important; }
    section.educators .educator-pack img {
      width: 100%;
      height: auto; }
  section.educators .board-block .educators-board-image {
    margin: auto 80px; }
  section.educators .board-block .block-inner {
    height: 100%;
    flex-flow: column;
    margin: auto 20px !important;
    padding: 20px 0; }
  section.educators .board-block .content-wrap {
    margin: auto !important; } }

@media (min-width: 768px) {
  section.educators .hero-container {
    background-image: url("/includes/templates/shop2019/images/educators/2015_Locker_Stickers_2x.jpg"); }
  section.educators .educators-budget {
    background-image: url("/includes/templates/shop2019/images/educators/circuit_playground_hands_blue_1600.jpg"); } }

@media (min-width: 1024px) {
  section.educators .learning-system {
    background-image: url("/includes/templates/shop2019/images/educators/metro_wooden_bg_1600.jpg");
    background-position: right center;
    height: 593px; }
    section.educators .learning-system .content-overlay {
      width: 640px;
      height: 491px;
      margin-left: 70px;
      padding: 40px;
      margin: 40px; }
  section.educators .metro-express-block {
    margin: 100px auto; }
  section.educators .raspberry-pi-block .content-wrap {
    margin-left: 70px; }
  section.educators .circuit-playground-image {
    margin: auto 50px 0 70px;
    height: 475px;
    width: 480px; }
  section.educators .raspberry-pi-image {
    margin: auto 10px auto 60px;
    height: 500px;
    width: 621px; }
  section.educators .metro-express-image {
    margin: auto 50px auto 70px;
    height: 300px;
    width: 408px; } }

@media (min-width: 1366px) {
  section.educators .raspberry-pi-image {
    background-color: #fff;
    background-image: url("/includes/templates/shop2019/images/educators/raspberry_pi_opaque_1x.jpg");
    width: 621px;
    background-size: cover;
    background-position: center bottom;
    margin: -50px 0 auto 100px; }
  section.educators .raspberry-pi-block {
    height: 400px; } }

.extraCredit {
  position: relative;
  background-color: #000;
  margin-top: -40px; }
  .extraCredit .noise {
    display: none; }

.extraCredit .exBody {
  padding: 24px 0 48px 0; }
  .extraCredit .exBody h2 {
    margin-left: 0;
    margin-right: 0;
    color: white;
    position: relative;
    z-index: 3;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase; }
  .extraCredit .exBody p {
    z-index: 3;
    position: relative;
    color: white; }
  .extraCredit .exBody li {
    color: white; }
  .extraCredit .exBody a {
    color: #007bfa;
    position: relative;
    z-index: 2; }

.exLeadContainer {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 1; }
  .exLeadContainer .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    padding: 0;
    margin: 0; }
  .exLeadContainer h1 {
    color: white;
    padding-top: 4%;
    padding-left: 9.4%;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    margin: 0; }

.exLead {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: block; }

.exCoverup {
  position: relative;
  height: 100px;
  margin-top: -100px; }
  .exCoverup .noise {
    display: none; }

.extraCredit iframe {
  margin-top: -100px; }

.extraCredit .disclaimer {
  margin-bottom: 32px; }

@media screen and (min-width: 1400px) {
  .exLeadContainer {
    background-color: black; }
    .exLeadContainer h1 {
      display: block;
      max-width: 1140px;
      padding-left: 0;
      padding-top: 55px;
      margin: 0 auto; } }

@media screen and (max-width: 925px) {
  .exLeadContainer h1 {
    padding-top: 2%; } }

@media screen and (max-width: 750px) {
  .exLeadContainer {
    top: 0;
    position: relative; }
    .exLeadContainer .inner {
      position: relative; }
    .exLeadContainer h1 {
      position: relative;
      padding: 20px 15px;
      color: white;
      text-shadow: none; } }

@media screen and (max-width: 767px) {
  .extraCredit .exBody {
    padding-top: 0; }
  .extraCredit .extraCredit h1 {
    padding-left: 15px;
    padding-right: 0; }
  .extraCredit .container {
    padding-top: 0; } }

@media screen and (max-width: 690px) {
  .extraCredit .exCoverup {
    display: none; }
  .extraCredit iframe {
    margin-top: 0; } }

#frequency-hero {
  height: 592px;
  margin-top: -40px;
  position: relative;
  overflow: hidden;
  background: #faf6d0;
  /* Old browsers */
  background: linear-gradient(to bottom, #faf6d0 0%, #7cd0df 100%);
  /* W3C */ }
  #frequency-hero a {
    color: #0062c7; }
  #frequency-hero #freq-container {
    position: relative;
    height: 592px; }
    #frequency-hero #freq-container h1 {
      text-transform: uppercase;
      font-size: 48px;
      margin: 40px 0; }
    #frequency-hero #freq-container #freq-hero-copy {
      width: 60%;
      color: black;
      font-size: 16px;
      line-height: 38px; }
    #frequency-hero #freq-container #freq-adabot-tree, #frequency-hero #freq-container #freq-hero-record {
      position: absolute; }
    #frequency-hero #freq-container #freq-adabot-tree {
      top: 0;
      height: 100%;
      width: auto;
      right: -112px; }
    #frequency-hero #freq-container #freq-hero-record {
      bottom: 0;
      left: 2%;
      height: 50%;
      width: auto; }

.sticky {
  position: fixed;
  top: 0; }

#freq-bar {
  padding: 10px 0;
  width: 100%;
  z-index: 999;
  background-color: #000;
  color: #fff; }
  #freq-bar a {
    color: #1588ff; }
  #freq-bar form, #freq-bar #freq-info {
    display: inline-block !important; }
  #freq-bar form {
    vertical-align: 85%; }
    #freq-bar form button {
      height: 40px;
      font-size: 16px;
      padding-left: 56px;
      padding-right: 56px;
      text-transform: uppercase; }
  #freq-bar #freq-info {
    margin-left: 20px;
    height: 40px; }
    #freq-bar #freq-info #freq-price {
      font-weight: bold;
      font-size: 30px;
      line-height: 30px; }
    #freq-bar #freq-info #freq-qty {
      font-size: 14px;
      line-height: 14px;
      text-transform: uppercase; }
  #freq-bar .freq-link {
    vertical-align: -75%; }

#freq-copy {
  background-color: #000;
  position: relative;
  color: #fff;
  padding-bottom: 40px;
  margin-bottom: -20px; }
  #freq-copy a {
    color: #1588ff; }
  #freq-copy #freq-top-images img {
    margin: 20px 0; }
  #freq-copy #freq-sides {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold; }
    #freq-copy #freq-sides .freq-track-listing-p {
      margin-top: 80px; }
    #freq-copy #freq-sides .freq-track-listing li {
      line-height: 24px; }

@media (min-width: 1023px) and (max-width: 1365px) {
  #frequency-hero #freq-container #freq-hero-copy {
    width: 55%; }
  #frequency-hero #freq-container #freq-adabot-tree {
    top: 0;
    height: 100%;
    width: auto;
    right: -112px; }
  #frequency-hero #freq-container #freq-hero-record {
    bottom: 0;
    left: 2%;
    height: 35%;
    width: auto; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #frequency-hero {
    height: 392px; }
    #frequency-hero #freq-container {
      height: 392px; }
      #frequency-hero #freq-container #freq-hero-copy {
        width: 60%;
        line-height: 24px; }
      #frequency-hero #freq-container #freq-adabot-tree {
        top: 0;
        height: 100%;
        width: auto;
        right: -112px; }
      #frequency-hero #freq-container #freq-hero-record {
        bottom: 0;
        left: 12.5%;
        height: 25%;
        width: auto; }
  #freq-sides .freq-track-listing-p {
    margin-top: 190px !important; }
  #freq-sides img {
    margin: 20px 0; } }

@media (max-width: 767px) {
  .sticky {
    position: relative;
    top: 0; }
  #frequency-hero {
    height: 392px;
    overflow: visible !important; }
    #frequency-hero #freq-container {
      height: 392px; }
      #frequency-hero #freq-container #freq-hero-copy {
        width: auto;
        line-height: 24px; }
      #frequency-hero #freq-container #freq-hero-record {
        bottom: 0;
        left: 25%;
        height: auto;
        width: 50%; }
  #freq-bar form {
    display: block !important; }
  #freq-bar #freq-info {
    width: 100%;
    margin: 10px 0;
    text-align: center; }
  #freq-bar .freq-link {
    text-align: center; }
  #freq-sides {
    padding-top: 0; }
    #freq-sides .freq-track-listing-p {
      margin-top: 20px !important; }
    #freq-sides img {
      margin: 20px 0; } }

@media (max-width: 350px) {
  #frequency-hero {
    height: 452px;
    overflow: visible !important; }
    #frequency-hero h1 {
      font-size: 42px !important; }
    #frequency-hero #freq-container {
      height: 452px; }
      #frequency-hero #freq-container #freq-hero-copy {
        width: auto;
        line-height: 24px; }
      #frequency-hero #freq-container #freq-hero-record {
        bottom: 0;
        left: 25%;
        height: auto;
        width: 50%; }
  #freq-bar form {
    display: block !important; }
  #freq-bar #freq-info {
    width: 100%;
    margin: 10px 0;
    text-align: center; }
  #freq-bar .freq-link {
    text-align: center; }
  #freq-copy #freq-top-images div.col-xs-12 {
    padding-left: 0;
    padding-right: 0; }
  #freq-sides {
    padding-top: 0; }
    #freq-sides .freq-track-listing-p {
      margin-top: 20px !important; }
    #freq-sides img {
      margin: 20px 0; } }

/* ADAFRUIT IO COMING SOON */
#iocs {
  background-color: #000;
  margin-top: -40px;
  color: #fff; }

#iocs-header {
  height: 591px;
  background: #0c1c21;
  /* Old browsers */
  background: linear-gradient(to bottom, #0c1c21 0%, #00161e 12%, #000000 51%, #004760 100%);
  /* W3C */ }
  #iocs-header .container {
    position: relative;
    color: #fff;
    height: 100%;
    background: url("/includes/templates/shop2019/images/io/faded_interface.png") no-repeat left top transparent;
    background-size: 100% auto; }
    #iocs-header .container h1 {
      margin-top: 40px; }
    #iocs-header .container #iocs-title {
      position: absolute;
      right: 0;
      top: 40px; }

.iocs-screenshot {
  margin-top: 20px;
  margin-bottom: 20px; }

@media (min-width: 1023px) and (max-width: 1365px) {
  #iocs-header {
    height: 446px; }
    #iocs-header .container {
      background: url("/includes/templates/shop2019/images/io/faded_interface.png") no-repeat left bottom transparent;
      background-size: 95% auto; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #iocs-header {
    height: 355px; }
    #iocs-header .container {
      background: url("/includes/templates/shop2019/images/io/faded_interface.png") no-repeat left bottom transparent;
      background-size: 95% auto; } }

@media (max-width: 767px) {
  #iocs-header {
    height: 255px; }
    #iocs-header .container {
      background: url("/includes/templates/shop2019/images/io/faded_interface.png") no-repeat left bottom transparent;
      background-size: 95% auto; } }

@media (max-width: 320px) {
  #iocs-header {
    height: 185px; }
    #iocs-header .container h1 {
      font-size: 24px;
      margin-left: 0;
      margin-top: 20px; } }

.cats-img-container {
  position: relative;
  overflow: hidden;
  display: block;
  height: 300px;
  background-color: #fff !important;
  border: none; }
  .cats-img-container a {
    color: #fff; }
  .cats-img-container a::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .cats-img-container .cats-caption {
    margin: 0;
    background-color: rgba(0, 0, 0, 0.85);
    bottom: 0;
    color: #fff;
    position: absolute;
    transform: translateY(100%);
    font-weight: 300;
    left: 0;
    z-index: 2;
    width: 100%;
    max-height: 100%;
    padding: 10px 5px 15px;
    line-height: 1.2; }
    .cats-img-container .cats-caption a {
      text-decoration: underline; }
  .cats-img-container:hover .cats-caption, .cats-img-container:focus .cats-caption {
    transform: translateY(0); }
  .cats-img-container:focus {
    box-shadow: .8px 0 0 3px #dd007a !important; }
  .cats-img-container:focus-within {
    box-shadow: .8px 0 0 3px #dd007a !important; }
    .cats-img-container:focus-within .cats-caption {
      transform: translateY(0); }

#contactUsForm legend {
  font-weight: bold;
  margin: 0 0 15px; }

#contactUsForm #contact_us_form_contents {
  margin-left: 130px; }
  #contactUsForm #contact_us_form_contents label {
    text-align: left; }
  #contactUsForm #contact_us_form_contents input[type=text] {
    border: 1px solid #999;
    box-sizing: border-box;
    color: #525252;
    font-size: 14px;
    font-weight: 300;
    height: 30px;
    line-height: 13px; }
  #contactUsForm #contact_us_form_contents textarea {
    border: 1px solid #999; }

#contactUsForm > label {
  display: inline-block;
  text-align: right;
  width: 130px;
  margin-right: 5px; }
  #contactUsForm > label.error {
    position: absolute;
    right: 50px;
    margin-top: -15px;
    width: auto;
    margin-left: 135px;
    color: #E90000; }

#contactUsForm span.alert {
  display: inline-block;
  text-align: left;
  padding: 0;
  margin: 0; }

#contactUsForm input[type=text], #contactUsForm input[type=email], #contactUsForm textarea, #contactUsForm .msg-box {
  padding: 3px;
  width: 450px;
  margin-bottom: 10px; }

#contactUsForm input[type=image] {
  float: none;
  margin-left: 501px; }

#contactUsForm .msg-box {
  font-weight: bold;
  margin-bottom: 0; }

#contactUsForm .item-name {
  background-color: #0062c7;
  color: #fff; }

/* 
  ***************************************************
  **  MD PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  #contactUsForm #contact_us_form_contents {
    margin-left: 150px; }
  #contactUsForm > label {
    display: inline-block;
    text-align: right;
    width: 140px;
    margin-left: 5px; }
  #contactUsForm input[type=text], #contactUsForm input[type=email], #contactUsForm textarea, #contactUsForm .msg-box {
    padding: 3px;
    width: 780px; }
  #contactUsForm input[type=image] {
    float: none;
    margin-left: 846px; }
  #contactUsForm .msg-box {
    font-weight: bold; }
  #contactUsForm .item-name {
    background-color: #0062c7;
    color: #fff; } }

/* 
  ***************************************************
  **  SM PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 767px) and (max-width: 1023px) {
  #contactUsForm #contact_us_form_contents {
    margin-left: 140px; }
  #contactUsForm > label {
    display: inline-block;
    text-align: right;
    width: 130px;
    margin-left: 5px; }
  #contactUsForm input[type=text], #contactUsForm input[type=email], #contactUsForm textarea, #contactUsForm .msg-box {
    padding: 3px;
    width: 540px; }
  #contactUsForm input[type=image] {
    float: none;
    margin-left: 595px; }
  #contactUsForm .msg-box {
    font-weight: bold; }
  #contactUsForm .item-name {
    background-color: #0062c7;
    color: #fff; } }

/* 
  ***************************************************
  **  XS PAGE SIZE STUFF
  ***************************************************
*/
@media (max-width: 767px) {
  #contactUsForm #contact_us_form_contents {
    margin-left: 0px; }
  #contactUsForm > label {
    display: block;
    text-align: left;
    width: 32%;
    margin: 0; }
  #contactUsForm span.alert {
    padding: 0; }
  #contactUsForm input[type=text], #contactUsForm input[type=email], #contactUsForm textarea {
    width: 96%;
    padding: 3px;
    margin-bottom: 10px; }
  #contactUsForm input[type=image] {
    float: none;
    margin-left: 360px; }
  #contactUsForm textarea {
    width: 100%; }
  #contactUsForm .msg-box {
    padding: 3px;
    width: 100%;
    font-weight: bold;
    margin-left: 0; }
  #contactUsForm .item-name {
    background-color: #0062c7;
    color: #fff;
    margin: 0; }
  #contactUsForm .mobile-button-row {
    margin-left: 0; } }

h3.faq-question {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.428571429; }

.faqTableOfContents {
  list-style: none;
  margin-bottom: 24px;
  padding-left: 0; }
  .faqTableOfContents > li {
    font-size: 16px;
    font-weight: 500; }
  .faqTableOfContents > li > ul {
    padding-left: 20px;
    list-style-type: disc; }
    .faqTableOfContents > li > ul > li {
      font-weight: normal;
      position: relative; }
      .faqTableOfContents > li > ul > li:first-child {
        margin-top: 5px; }
      .faqTableOfContents > li > ul > li:last-child {
        margin-bottom: 20px; }

h2 {
  font-size: 24px; }

@media (max-width: 767px) {
  .faqTableOfContents {
    margin-right: 10px;
    margin-left: 10px; }
  .faq-question,
  .faq-answer {
    margin: 10px 10px; } }

.gallery-list-thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 315px;
  overflow: hidden;
  background-color: #202020;
  margin-bottom: 20px; }
  .gallery-list-thumb img {
    width: 100%;
    height: auto; }
  .gallery-list-thumb .gallery-list-thumb-title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75); }
    .gallery-list-thumb .gallery-list-thumb-title div {
      position: relative;
      background-color: transparent;
      opacity: 1; }
    .gallery-list-thumb .gallery-list-thumb-title a {
      color: #fff; }
      .gallery-list-thumb .gallery-list-thumb-title a:hover {
        text-decoration: none; }
    .gallery-list-thumb .gallery-list-thumb-title .title {
      padding: 5px 0 0 5px;
      overflow: hidden;
      font-size: 18px;
      line-height: 18px;
      font-weight: bold;
      padding: 10px;
      padding-bottom: 5px; }
    .gallery-list-thumb .gallery-list-thumb-title .description {
      padding-left: 10px;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 400;
      height: 18px;
      overflow: hidden; }

.gallery-thumb {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #202020; }
  .gallery-thumb img {
    width: 100%;
    height: auto; }

.gallery-caption {
  margin: 10px 0 40px 0; }

/* 
  ***************************************************
  **  MD PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .gallery-list-thumb {
    height: 360px; } }

/* 
  ***************************************************
  **  SM PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 767px) and (max-width: 1023px) {
  .gallery-list-thumb {
    height: 266px; } }

/* 
  ***************************************************
  **  XS PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (max-width: 767px) {
  .gallery-list-thumb {
    height: auto; } }

#reseller-btn {
  margin: 10px 57px 0 0; }

ul.mainToc > li:nth-of-type(even), ul.countryEntry li {
  list-style: none; }

.hackerdistEntry {
  padding-bottom: 12.5px; }
  .hackerdistEntry img {
    display: block;
    max-width: 120px;
    height: auto;
    margin-right: 20px;
    padding-bottom: 6.25px; }

@media screen and (min-width: 768px) {
  .hackerdistEntry img {
    display: inline-block; } }

#hackerdistSignup .required {
  color: #E90000; }

#hackerdistSignup h2 {
  margin-left: 0;
  margin-right: 0; }

@media screen and (max-width: 768px) {
  #hackerdistSignup {
    margin: 0 10px; } }

#hackerdistSignup p, #hackerdistSignup label {
  max-width: 800px; }

#hackerdistSignup .labelText {
  display: block; }

#hackerdistSignup label {
  display: block; }

#hackerdistSignup .radioGroup {
  margin-bottom: 12px;
  max-width: 150px; }
  #hackerdistSignup .radioGroup label {
    cursor: pointer; }

#hackerdistSignup input[type="radio"] {
  display: inline-block;
  padding-right: 5px; }

#reseller_email_form > label > input {
  margin-bottom: 12px; }

#hackers-hero {
  height: 592px;
  margin-top: -40px;
  position: relative;
  background: url("/includes/templates/shop2019/images/hackers/hero_bg.jpg") center top #042a32;
  /* Old browsers */ }
  #hackers-hero #hackers-container {
    position: relative;
    height: 592px; }
    #hackers-hero #hackers-container h1 {
      text-transform: uppercase;
      font-size: 48px;
      margin: 40px 0;
      color: #00ff6f; }
    #hackers-hero #hackers-container #hackers-hero-copy {
      width: 60%;
      color: #fff;
      font-size: 16px;
      line-height: 38px; }
    #hackers-hero #hackers-container #hackers-bluray {
      position: absolute;
      z-index: 999;
      bottom: -50px;
      right: -20px;
      height: 100%;
      width: auto;
      pointer-events: none; }

.sticky {
  position: fixed;
  top: 0; }

#hackers-bar {
  padding: 10px 0;
  width: 100%;
  z-index: 999;
  background-color: #000;
  color: #fff; }
  #hackers-bar h2 {
    color: white; }
  #hackers-bar a {
    color: #2e95ff; }
  #hackers-bar form, #hackers-bar #hackers-info {
    display: inline-block !important; }
  #hackers-bar form {
    vertical-align: 85%; }
    #hackers-bar form button {
      height: 40px;
      font-size: 16px;
      padding-left: 56px;
      padding-right: 56px;
      text-transform: uppercase; }
  #hackers-bar #hackers-info {
    margin-left: 20px;
    height: 40px; }
    #hackers-bar #hackers-info #hackers-price {
      font-weight: bold;
      font-size: 30px;
      line-height: 30px; }
    #hackers-bar #hackers-info #hackers-qty {
      font-size: 14px;
      line-height: 14px;
      text-transform: uppercase; }
  #hackers-bar .hackers-link {
    vertical-align: -75%; }

#hackers-copy {
  background-color: #4e4e4e;
  position: relative;
  color: #fff;
  padding-bottom: 40px;
  margin-bottom: -20px; }
  #hackers-copy #hackers-top-images img {
    margin: 20px 0; }

@media (min-width: 767px) and (max-width: 1023px) {
  #hackers-hero {
    height: 355px; }
  #hackers-hero-copy {
    width: 100% !important; } }

@media (max-width: 767px) {
  .sticky {
    position: relative;
    top: 0; }
  #hackers-hero-copy {
    width: 100% !important; }
  #hackers-hero, #hackers-container {
    height: auto !important; } }

@media (max-width: 350px) {
  #hackers-hero, #hackers-container {
    height: auto !important; }
  #hackers-hero-copy {
    width: 100% !important; } }

#mobile-menu-button, .c-hamburger {
  touch-action: manipulation; }

.c-hamburger {
  display: block;
  position: relative;
  margin: 0 10px;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  transition: background 0.2s; }

.c-hamburger:focus {
  outline: none; }

.c-hamburger span {
  display: block;
  position: absolute;
  top: 22.5px;
  left: 10px;
  right: 10px;
  height: 5px;
  background: white; }

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #fff;
  content: ""; }

.c-hamburger span::before {
  top: -10px; }

.c-hamburger span::after {
  bottom: -10px; }

/**
*  * Style 2
*   * 
*    * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
*     * down to center and transform into an "x".
*      */
.c-hamburger--htx {
  background-color: #000; }

.c-hamburger--htx span {
  transition: background 0s 0.2s; }

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s; }

.c-hamburger--htx span::before {
  transition-property: top, transform; }

.c-hamburger--htx span::after {
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
.mainNavActive .c-hamburger--htx, .search-active .c-hamburger--htx {
  background-color: #000; }

.mainNavActive .c-hamburger--htx span, .search-active .c-hamburger--htx span {
  background: none; }

.mainNavActive .c-hamburger--htx span::before, .search-active .c-hamburger--htx span::before {
  top: 0;
  transform: rotate(45deg); }

.mainNavActive .c-hamburger--htx span::after, .search-active .c-hamburger--htx span::after {
  bottom: 0;
  transform: rotate(-45deg); }

.mainNavActive .c-hamburger--htx span::before,
.mainNavActive .c-hamburger--htx span::after, .search-active .c-hamburger--htx span::before,
.search-active .c-hamburger--htx span::after {
  transition-delay: 0s, 0.2s; }

#infinityshred-hero {
  height: 648px;
  width: 100%;
  margin-top: -40px;
  background: url("/includes/templates/shop2019/images/infinityshred/hero.jpg") no-repeat center top #000; }

#is-copy {
  background-color: #4e4e4e;
  position: relative;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: -20px; }
  #is-copy a.is-product {
    position: relative;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px; }
    #is-copy a.is-product span {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 15px 10px 10px 30px;
      width: 100%;
      height: 60px;
      background-color: black;
      opacity: 0.85;
      filter: alpha(opacity=85);
      /* For IE8 and earlier */ }
      #is-copy a.is-product span button {
        position: absolute;
        bottom: 16px;
        right: 20px; }
  #is-copy #choirvi {
    color: black;
    margin-top: 20px;
    margin-bottom: 20px; }
  #is-copy #is-right-banner {
    display: block;
    width: 100%;
    height: 60px;
    padding-top: 5px;
    margin-bottom: 10px;
    background-color: black; }
    #is-copy #is-right-banner span {
      display: inline-block;
      margin-left: 20px;
      margin-top: 9px; }
    #is-copy #is-right-banner a {
      float: right;
      display: inline-block;
      margin: 0 5px; }
  #is-copy .is-right-about {
    display: block;
    padding-left: 20px; }

@media (max-width: 1365px) {
  #is-copy a.is-product span {
    height: auto;
    text-align: center; }
    #is-copy a.is-product span button {
      position: relative;
      clear: both;
      margin-top: 20px;
      width: 100%; } }

#micropython-hero {
  margin-top: -40px;
  height: 591px;
  background: black; }
  #micropython-hero a {
    text-decoration: underline;
    color: #0079f5; }
  #micropython-hero #micropython-container {
    position: relative;
    height: 591px;
    margin: 0 auto;
    padding-top: 30px;
    padding-left: 10px; }
    #micropython-hero #micropython-container h1 {
      position: relative;
      color: white;
      margin-top: 40px;
      text-transform: uppercase;
      z-index: 25; }
    #micropython-hero #micropython-container #micropython-right {
      position: absolute;
      bottom: 0;
      right: 0;
      width: auto;
      height: 75%;
      z-index: 1; }
    #micropython-hero #micropython-container #micropython-hero-copy {
      position: relative;
      width: 45%;
      line-height: 30px;
      color: #fff;
      z-index: 25; }

#micropython-copy {
  position: relative;
  background-color: #535353;
  color: white;
  margin-bottom: -20px;
  padding: 20px 0; }
  #micropython-copy h2 {
    color: white;
    font-weight: normal; }

@media (min-width: 1023px) and (max-width: 1365px) {
  #micropython-hero {
    height: 485px; }
    #micropython-hero #micropython-container {
      height: 485px; }
      #micropython-hero #micropython-container #micropython-hero-copy {
        line-height: 26px !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #micropython-hero {
    height: 485px; }
    #micropython-hero #micropython-container {
      height: 485px; }
      #micropython-hero #micropython-container #micropython-hero-copy {
        line-height: 26px !important; }
      #micropython-hero #micropython-container #micropython-right {
        height: 57%; } }

@media (max-width: 767px) {
  #micropython-hero {
    height: 235px; }
    #micropython-hero #micropython-container {
      height: 235px; }
  #micropython-copy {
    padding: 0 !important; } }

@media (max-width: 350px) {
  #micropython-hero {
    height: 220px !important; }
    #micropython-hero #micropython-container {
      height: 220px !important; } }

#circuitpython-hero {
  margin-top: -40px;
  height: 550px;
  background: black; }
  #circuitpython-hero #circuitpython-container {
    position: relative;
    height: 550px;
    margin: 0 auto;
    padding-top: 30px;
    padding-left: 10px; }
    #circuitpython-hero #circuitpython-container h1 {
      position: relative;
      color: white;
      margin-top: 40px;
      text-transform: uppercase;
      z-index: 25; }
    #circuitpython-hero #circuitpython-container #circuitpython-right {
      position: absolute;
      bottom: 0;
      right: 0;
      width: auto;
      height: 75%;
      z-index: 1; }
    #circuitpython-hero #circuitpython-container #circuitpython-hero-copy {
      position: relative;
      width: 45%;
      line-height: 30px;
      color: #999;
      text-align: justify;
      z-index: 25; }

#circuitpython-copy {
  position: relative;
  background-color: #535353;
  color: white;
  margin-bottom: -20px;
  padding: 20px 0; }
  #circuitpython-copy h2 {
    color: white;
    font-weight: normal; }

@media (min-width: 1023px) and (max-width: 1365px) {
  #circuitpython-hero {
    height: 485px; }
    #circuitpython-hero #circuitpython-container {
      height: 485px; }
      #circuitpython-hero #circuitpython-container #circuitpython-hero-copy {
        line-height: 26px !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #circuitpython-hero {
    height: 485px; }
    #circuitpython-hero #circuitpython-container {
      height: 485px; }
      #circuitpython-hero #circuitpython-container #circuitpython-hero-copy {
        line-height: 26px !important; }
      #circuitpython-hero #circuitpython-container #circuitpython-right {
        height: 57%; } }

@media (max-width: 767px) {
  #circuitpython-hero {
    height: 235px; }
    #circuitpython-hero #circuitpython-container {
      height: 235px; }
  #circuitpython-copy {
    padding: 0 !important; } }

@media (max-width: 350px) {
  #circuitpython-hero {
    height: 220px !important; }
    #circuitpython-hero #circuitpython-container {
      height: 220px !important; } }

#particle-hero {
  margin-top: -40px;
  height: 591px;
  background: url("/includes/templates/shop2019/images/particle/hero-bg.jpg") repeat-x center top transparent;
  background-size: 100% auto; }
  #particle-hero #particle-container {
    position: relative;
    height: 591px;
    margin: 0 auto;
    padding-top: 30px;
    padding-left: 10px; }
    #particle-hero #particle-container h1 {
      color: white;
      margin-top: 40px;
      text-transform: uppercase; }
    #particle-hero #particle-container #particle-photon-left {
      position: absolute;
      bottom: 0;
      left: 2.5%;
      width: 40%;
      height: auto; }
    #particle-hero #particle-container #particle-photon-right {
      position: absolute;
      right: -20px;
      bottom: 0;
      height: 100%;
      width: auto; }
    #particle-hero #particle-container #particle-hero-copy {
      width: 45%;
      line-height: 40px;
      color: #fff;
      text-align: justify; }

#particle-copy {
  position: relative;
  background-color: #535353;
  color: white;
  margin-bottom: -20px;
  padding: 20px 0; }
  #particle-copy h2 {
    color: white;
    font-weight: normal; }

#particle-products .pp-img-container {
  position: relative;
  margin-bottom: 20px; }

#particle-products .pp-caption {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: black;
  color: white;
  opacity: .75;
  filter: alpha(opacity=75);
  /* For IE8 and earlier */ }
  #particle-products .pp-caption span {
    opacity: 1; }

@media (min-width: 1023px) and (max-width: 1365px) {
  #particle-hero {
    height: 485px; }
    #particle-hero #particle-container {
      height: 485px; }
      #particle-hero #particle-container #particle-hero-copy {
        width: 50% !important; }
      #particle-hero #particle-container #particle-photon-right {
        width: 55% !important;
        height: auto !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #particle-hero {
    height: 485px; }
    #particle-hero #particle-container {
      height: 485px; }
      #particle-hero #particle-container #particle-hero-copy {
        width: 100% !important; }
  #particle-photon-left {
    width: 80% !important;
    left: 10% !important; } }

@media (max-width: 767px) {
  #particle-hero {
    height: 235px; }
    #particle-hero #particle-container {
      height: 235px; }
  #particle-photon-left {
    width: 60% !important;
    left: 20% !important; }
  #particle-copy {
    padding: 0 !important; } }

@media (max-width: 350px) {
  #particle-hero {
    height: 220px !important; }
    #particle-hero #particle-container {
      height: 220px !important; }
      #particle-hero #particle-container #particle-photon-left {
        width: 80% !important;
        left: 10% !important; } }

/* ############ PRESS PAGE STUFF ############ */
section.press {
  display: flex;
  flex-direction: column;
  align-items: center; }
  section.press a {
    text-decoration: underline; }
  section.press h2 {
    font-size: 36px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 20px; }
  section.press h3 {
    font-weight: 300;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 0px;
    color: #666; }
  section.press .press-link {
    font-size: 20px;
    font-weight: 300; }
  section.press .press-main {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    width: 100%;
    margin-bottom: 60px; }
    section.press .press-main #press-links {
      flex-basis: 60%; }
    section.press .press-main #press-videos {
      flex-basis: 35%; }
  section.press #social-media {
    font-size: 62px;
    font-weight: 600; }
    section.press #social-media i {
      display: inline-block;
      margin: 0 1px; }

/* 
  ***************************************************
  **  MD PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  section.press .press-main {
    padding-left: 20px;
    padding-right: 20px; } }

/* 
  ***************************************************
  **  SM PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 767px) and (max-width: 1023px) {
  section.press .press-main {
    padding-left: 20px;
    padding-right: 20px; } }

/* 
  ***************************************************
  **  XS PAGE SIZE STUFF
  ***************************************************
*/
@media (max-width: 767px) {
  section.press .press-main {
    flex-direction: column-reverse; }
    section.press .press-main .press-link {
      margin-left: 10px; } }

#quotes-list {
  list-style-type: none;
  padding-left: 0; }
  #quotes-list li {
    margin: 2em 0; }
  #quotes-list a {
    text-decoration: underline; }

@media (max-width: 767px) {
  #quotes-list {
    padding: 0 10px; } }

#robot-hero {
  height: 592px;
  margin-top: -40px;
  position: relative;
  overflow: hidden;
  background: url("/includes/templates/shop2019/images/risforrobot/header-bg.jpg") repeat-x center top black; }
  #robot-hero #robot-container {
    position: relative;
    height: 592px;
    color: white; }
    #robot-hero #robot-container h1 {
      text-transform: uppercase;
      font-size: 48px;
      color: white;
      margin: 40px 0; }
    #robot-hero #robot-container #robot-hero-copy {
      width: 60%;
      font-size: 24px;
      line-height: 38px; }
    #robot-hero #robot-container #robot-adabot, #robot-hero #robot-container #robot-crayons {
      position: absolute; }
    #robot-hero #robot-container #robot-adabot {
      bottom: 0;
      height: 95%;
      width: auto;
      right: -20px; }
    #robot-hero #robot-container #robot-crayons {
      bottom: 0;
      left: 2%;
      height: 48%;
      width: auto; }

.sticky {
  position: fixed;
  top: 0; }

#robot-license a {
  color: #2e95ff; }

#robot-bar {
  padding: 10px 0;
  width: 100%;
  z-index: 999;
  background-color: #000;
  color: #fff; }
  #robot-bar form, #robot-bar #robot-info {
    display: inline-block !important; }
  #robot-bar form {
    vertical-align: 85%; }
    #robot-bar form button {
      height: 40px;
      font-size: 16px;
      padding-left: 56px;
      padding-right: 56px;
      text-transform: uppercase; }
  #robot-bar #robot-info {
    margin-left: 20px;
    height: 40px; }
    #robot-bar #robot-info #robot-price {
      font-weight: bold;
      font-size: 30px;
      line-height: 30px; }
    #robot-bar #robot-info #robot-qty {
      font-size: 14px;
      line-height: 14px;
      text-transform: uppercase; }
  #robot-bar .robot-link {
    color: #1588ff;
    vertical-align: -75%; }

#robot-copy {
  background-color: #000;
  position: relative;
  color: #fff;
  padding-bottom: 40px; }
  #robot-copy .dnt-youtube-overlay {
    color: black; }
  #robot-copy #robot-top-images img {
    margin: 20px 0; }

#robot-pages {
  list-style: none outside none;
  margin: 20px 0;
  padding: 0;
  display: block;
  width: 100%; }
  #robot-pages li {
    display: inline-block;
    width: 302px;
    overflow: hidden;
    margin: 10px; }
    #robot-pages li:nth-child(4n) {
      margin-right: -1px; }
    #robot-pages li:nth-child(4n+1) {
      margin-left: 0; }
    #robot-pages li img {
      width: 100%;
      height: auto; }

@media (min-width: 1023px) and (max-width: 1365px) {
  #robot-hero {
    background-size: auto 100%;
    height: 443px; }
    #robot-hero #robot-container {
      height: 443px; }
      #robot-hero #robot-container #robot-hero-copy {
        width: 55%; }
      #robot-hero #robot-container #robot-adabot {
        bottom: 0;
        height: 95%;
        width: auto;
        right: -5%; }
      #robot-hero #robot-container #robot-crayons {
        bottom: 0;
        left: 0;
        height: 50%;
        width: auto; }
  #robot-pages li {
    width: 222px; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #robot-hero {
    background-size: auto 100%;
    height: 392px; }
    #robot-hero #robot-container {
      height: 392px; }
      #robot-hero #robot-container #robot-hero-copy {
        width: 60%;
        line-height: 24px; }
      #robot-hero #robot-container #robot-adabot {
        bottom: 0;
        height: 90%;
        width: auto;
        right: -9%; }
      #robot-hero #robot-container #robot-crayons {
        bottom: 0;
        left: 2%;
        height: 45%;
        width: auto; }
  #robot-pages li {
    width: 159px; } }

@media (max-width: 767px) {
  .sticky {
    position: relative;
    top: 0; }
  #robot-hero {
    height: 392px;
    overflow: visible !important;
    background-size: auto 100%; }
    #robot-hero #robot-container {
      height: 392px; }
      #robot-hero #robot-container #robot-hero-copy {
        width: auto;
        line-height: 24px; }
      #robot-hero #robot-container #robot-crayons {
        bottom: 0;
        left: 20%;
        height: auto;
        width: 60%; }
  #robot-bar form {
    display: block !important; }
  #robot-bar #robot-info {
    width: 100%;
    margin: 10px 0;
    text-align: center; }
  #robot-bar .robot-link {
    text-align: center; }
  #robot-pages li {
    width: 100%;
    margin: 10px 0; }
  #robot-license {
    padding-top: 30px; } }

@media (max-width: 350px) {
  #robot-hero {
    height: 400px;
    overflow: visible !important; }
    #robot-hero h1 {
      font-size: 42px !important;
      line-height: 45px; }
    #robot-hero #robot-container {
      height: 400px; }
      #robot-hero #robot-container #robot-hero-copy {
        width: auto;
        line-height: 24px; }
      #robot-hero #robot-container #robot-crayons {
        bottom: 0;
        left: 10%;
        height: auto;
        width: 80%; }
  #robot-bar form {
    display: block !important; }
  #robot-bar #robot-info {
    width: 100%;
    margin: 10px 0;
    text-align: center; }
  #robot-bar .robot-link {
    text-align: center; }
  #robot-copy #robot-top-images div.col-xs-12 {
    padding-left: 0;
    padding-right: 0; }
  #robot-license {
    width: 100%;
    position: relative !important;
    padding-top: 110px; }
    #robot-license #license-image {
      position: absolute !important;
      top: -20px;
      left: 0; } }

#sameday-hero {
  height: 592px;
  margin-top: -40px;
  position: relative;
  overflow: hidden;
  background: #e41489;
  /* Old browsers */
  background: linear-gradient(to bottom, #e41489 0%, #fbe7d3 56%, #fffffe 87%);
  /* W3C */ }
  #sameday-hero #sameday-container {
    height: 100%;
    padding-left: 20px;
    position: relative;
    color: white; }
    #sameday-hero #sameday-container h2 {
      font-weight: bold;
      font-size: 72px;
      color: black;
      display: block;
      margin: 20px 0;
      line-height: 72px;
      height: 72px;
      position: relative;
      z-index: 10; }
    #sameday-hero #sameday-container p {
      color: black;
      width: 900px;
      margin-top: 20px;
      line-height: 32px;
      font-size: 18px;
      position: relative;
      z-index: 10; }
    #sameday-hero #sameday-container img {
      width: 100%;
      height: auto;
      position: absolute;
      bottom: 0;
      z-index: 0; }

#sameday-body {
  position: relative;
  min-height: 400px;
  background-color: #404040;
  color: white; }
  #sameday-body .container {
    padding: 20px;
    line-height: 40px; }
    #sameday-body .container h2 {
      color: white;
      font-weight: bold;
      font-size: 24px;
      line-height: 32px;
      text-transform: uppercase; }

#truck-container {
  display: inline-block;
  position: relative;
  width: 100%; }
  #truck-container #truck-spacer {
    padding-top: 51.23%; }
  #truck-container #truck {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    background-image: url("/includes/templates/shop2019/images/sameday/truck.png");
    background-size: 100% auto; }
    #truck-container #truck #truck-stuff {
      position: absolute;
      top: 20px;
      left: 20px; }
      #truck-container #truck #truck-stuff #truck-title {
        color: black;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase; }
      #truck-container #truck #truck-stuff #truck-form #truck-zip {
        vertical-align: text-bottom;
        display: inline-block;
        border-radius: 4px;
        margin-top: -1px;
        line-height: 1.1;
        height: 30px;
        background-color: #000;
        color: #FFf;
        border: none;
        text-align: center;
        text-decoration: underline;
        text-underline-offset: 0.1em; }
      #truck-container #truck #truck-stuff #truck-form #truck-btn {
        line-height: 1.1;
        vertical-align: text-bottom;
        display: inline-block;
        margin-left: 5px; }

@media screen and (max-width: 1023px) {
  #sameday-hero {
    height: auto; }
    #sameday-hero p:last-of-type {
      padding-bottom: 270px; } }

@media screen and (max-width: 767px) {
  #sameday-hero {
    height: auto; }
    #sameday-hero p:last-of-type {
      padding-bottom: 44.5%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #sameday-hero #sameday-container h2 {
    font-size: 60px; }
  #sameday-hero #sameday-container p {
    width: auto; }
  #truck-stuff {
    top: 10px !important; }
    #truck-stuff #truck-title {
      font-size: 14px !important; } }

@media (max-width: 767px) {
  #sameday-hero {
    text-shadow: 0 0 50px #e53b93;
    overflow: visible; }
    #sameday-hero #sameday-container h2 {
      font-size: 32px;
      line-height: 36px; }
    #sameday-hero #sameday-container p {
      width: auto; } }

#searchHeader {
  margin-top: 0;
  font-size: 24px;
  line-height: 30px; }

#search-links h1 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0; }

.facet-link > input {
  margin-right: 5px; }

.mobile-search-query-suggestion {
  display: none; }

#searchSkipMenu:not(:focus) {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  padding: 0;
  width: 1px;
  word-wrap: normal; }

#searchSkipMenu {
  display: block;
  margin-bottom: 12px;
  margin-left: 10px; }
  @media screen and (min-width: 768px) {
    #searchSkipMenu {
      margin-left: 0; } }

@media (max-width: 1023px) {
  .mobile-search-query-suggestion {
    display: block; }
  .search-active .messages-container,
  .mainNavActive .messages-container {
    display: none; }
  #shop-header .right-content {
    display: none !important; }
  .mobile-search {
    padding: 0;
    min-height: 60px; }
    .mobile-search form#MobileSearchForm {
      position: relative;
      width: 100%;
      max-width: 100%;
      margin: 10px 0;
      padding: 0;
      box-sizing: border-box;
      height: 40px; }
      .mobile-search form#MobileSearchForm input {
        width: 100%;
        color: #000;
        background-color: #fff;
        border-radius: 4px;
        padding: 1px 40px 1px 10px;
        margin-right: 40px;
        border: none;
        height: 100%;
        font-size: 18px;
        font-weight: 500; }
        .mobile-search form#MobileSearchForm input:focus {
          outline: none;
          box-shadow: 0.8px 0 0 3px #dd007a !important;
          -moz-box-shadow: 0.8px 0 0 3px #dd007a !important;
          -webkit-box-shadow: 0.8px 0 0 3px #dd007a !important; }
        .mobile-search form#MobileSearchForm input::-webkit-input-placeholder {
          color: #0062c7;
          font-size: 16px; }
        .mobile-search form#MobileSearchForm input:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #0062c7;
          font-size: 16px; }
        .mobile-search form#MobileSearchForm input::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #0062c7;
          font-size: 16px; }
        .mobile-search form#MobileSearchForm input:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #0062c7;
          font-size: 16px; }
    .mobile-search button#MobileSearchBtn {
      position: absolute;
      right: 0;
      top: 0;
      border: 0 none;
      width: 30px;
      min-width: 30px;
      max-width: 30px;
      color: #000;
      background-color: transparent;
      font-size: 24px;
      padding: 0 3px 0 0; }
      .mobile-search button#MobileSearchBtn::before {
        content: '\f002';
        width: 27px;
        line-height: 38px;
        display: inline-block; }
      .mobile-search button#MobileSearchBtn:focus {
        outline: none; }
    .mobile-search .results-scroll-pane {
      display: none;
      background: #fff;
      overflow-y: scroll;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      flex: 1 1 auto;
      padding: 0; }
  .results-scroll-pane {
    display: none; }
    .results-scroll-pane .load-more {
      display: flex;
      height: 20px;
      align-items: center;
      justify-content: center; }
      .results-scroll-pane .load-more img {
        display: none;
        filter: invert(0.18);
        animation: shake 2s linear infinite both; }
      .results-scroll-pane .load-more.shrink {
        transition: height 0.4s; }
    .results-scroll-pane.has-prev .load-prev {
      height: 100px; }
      .results-scroll-pane.has-prev .load-prev img {
        display: inline-block; }
    .results-scroll-pane.has-next .load-next {
      height: 100px; }
      .results-scroll-pane.has-next .load-next img {
        display: inline-block; }
  .mobile-search-results .mobile-search-query-suggestion a {
    display: block;
    text-transform: capitalize;
    color: #0062c7;
    padding: 17px 15px;
    border-bottom: 1px solid #ebebeb;
    font-family: 'Proxima Nova';
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal; }
  .mobile-search-results .no-results {
    text-align: center;
    color: #666; }
    .mobile-search-results .no-results h3 {
      line-height: 36px; }
    .mobile-search-results .no-results .query {
      display: block;
      color: #0062c7; }
  .mobile-search-results .search-results-page:last-child hr:last-child {
    display: none; }
  #MobileNav.search-active button#MobileSearchBtn {
    padding: 0 3px 6px 0;
    font-size: 32px; }
    #MobileNav.search-active button#MobileSearchBtn::before {
      content: '\00d7'; }
  #MobileNav.search-active .results-scroll-pane {
    display: block; }
    #MobileNav.search-active .results-scroll-pane .load-more,
    #MobileNav.search-active .results-scroll-pane .load-prev {
      display: none; }
  #MobileNav.search-active .mobile-menu-wrap {
    display: none; } }

@keyframes shake {
  10% {
    transform: rotate(20deg); }
  20% {
    transform: rotate(-15deg); }
  30% {
    transform: rotate(12deg); }
  40% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(0deg); } }

#searchFacets {
  font-size: 18px;
  line-height: 24px; }
  #searchFacets li {
    margin-bottom: 2px; }
  #searchFacets li ul li {
    padding-left: 20px; }

#filterSort {
  padding: 0;
  margin: 0; }
  #filterSort .closeFilterMenu {
    padding: 0 15px;
    display: none; }
  #filterSort .filterSortDropdownHeaderText.closeFilterMenu {
    display: none; }
  #filterSort .resetFilters {
    margin: 6px 0 16px; }
  #filterSort .searchFilterButton {
    height: inherit;
    line-height: 30px;
    margin-bottom: 20px; }
  #filterSort search-form-autosubmit:defined button {
    display: none; }
  #filterSort:target .openFilterMenu, #filterSort.active .openFilterMenu {
    display: none; }
  #filterSort:target .closeFilterMenu,
  #filterSort:target .filterSortDropdownHeaderText.closeFilterMenu, #filterSort.active .closeFilterMenu,
  #filterSort.active .filterSortDropdownHeaderText.closeFilterMenu {
    display: inline-block; }
  #filterSort:target #filterSortInner, #filterSort.active #filterSortInner {
    display: block; }

#filterSortInner {
  padding: 14px 20px 32px;
  display: none; }
  #filterSortInner legend {
    display: block;
    font-weight: 500;
    font-size: 18px;
    padding-bottom: 2px;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #dddddd; }
  #filterSortInner search-form-autosubmit {
    padding: 0 0 16px; }
  #filterSortInner ul {
    list-style: none;
    padding-left: 20px; }
    #filterSortInner ul:first-of-type {
      padding-left: 0; }
  #filterSortInner label {
    padding-left: 19px;
    font-weight: 400;
    font-size: 18px; }
  #filterSortInner li {
    position: relative; }
    #filterSortInner li input {
      position: absolute;
      top: 5px;
      left: 0; }

#filterSortDropdownHeader {
  background-color: #f0f0f0;
  border-bottom: 1px solid #dddddd;
  top: 0;
  position: sticky;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr min-content;
  max-width: 100%;
  align-items: center; }
  #filterSortDropdownHeader .filterSortDropdownHeaderText {
    display: inline-block;
    padding: 12px 0;
    text-decoration: none; }
    #filterSortDropdownHeader .filterSortDropdownHeaderText .text {
      display: inline-block; }
  #filterSortDropdownHeader i,
  #filterSortDropdownHeader h2 {
    color: black;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: left; }
    #filterSortDropdownHeader i.leftIcon,
    #filterSortDropdownHeader h2.leftIcon {
      padding: 0 5px 0 20px; }
  #filterSortDropdownHeader .rightControls {
    align-items: center;
    display: flex;
    justify-content: flex-end; }
    #filterSortDropdownHeader .rightControls > a {
      padding: 0 20px; }

.paginationContainer {
  padding: 0 10px; }

#searchPagination {
  font-size: 16px;
  margin: 24px 0 0; }
  #searchPagination > ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    height: 44px; }
  #searchPagination .direction {
    flex-shrink: 0;
    flex-grow: 1;
    width: 70px; }
    #searchPagination .direction a,
    #searchPagination .direction span {
      max-width: none; }
  #searchPagination li {
    flex-shrink: 1;
    flex-basis: 50px; }
    #searchPagination li.ellipses {
      flex-grow: 0;
      width: min-content; }
  #searchPagination a,
  #searchPagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px; }
  #searchPagination .paginationEnd {
    display: none; }
  @media screen and (min-width: 350px) {
    #searchPagination .paginationEnd {
      display: block; } }

#searchResults {
  width: 100%;
  margin-top: -20px;
  margin-bottom: 30px; }
  #searchResults .product-listing .product-listing-right .product-info > div .stock span {
    line-height: 1;
    vertical-align: bottom; }
  #searchResults .product-listing .product-listing-right .search-description {
    display: none !important; }
  #searchResults hr {
    color: #dddddd;
    background-color: #dddddd;
    border-color: #dddddd; }
    #searchResults hr:first-of-type {
      visibility: hidden; }

#searchResults .product-listing .product-listing-right .product-listing-text-wrapper {
  height: auto; }

@media screen and (min-width: 768px) {
  #searchResults {
    margin-top: -10px; }
  .searchContainer #filterSort .searchFilterButton.resetFilters {
    display: none; } }

@media screen and (min-width: 1024px) {
  #searchResults {
    margin-top: 0; }
    #searchResults .product-listing {
      align-items: stretch;
      display: flex; }
      #searchResults .product-listing .product-listing-right {
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: space-between; }
        #searchResults .product-listing .product-listing-right .product-info > div {
          display: flex !important;
          flex-direction: column;
          justify-content: end; }
  .searchContainer {
    display: flex; }
    .searchContainer #filterSort {
      min-width: 320px; }
      .searchContainer #filterSort .searchFilterButton {
        margin-right: 20px; }
      .searchContainer #filterSort .rightIcon {
        display: none; }
      .searchContainer #filterSort #filterSortDropdownHeader {
        display: none; }
      .searchContainer #filterSort #filterSortInner {
        padding: 0 0 32px;
        display: block; }
    .searchContainer #searchResults {
      padding-left: 20px; }
      .searchContainer #searchResults hr:first-of-type {
        display: none; }
  #searchPagination {
    font-size: 18px; } }

@media screen and (min-width: 1366px) {
  #searchPagination {
    margin-top: 32px; } }

@media screen and (max-width: 768px) {
  #searchResults {
    padding-top: 0; } }

#shows-header {
  font-size: 16px;
  margin-bottom: 0; }
  #shows-header a {
    color: #fff;
    text-decoration: underline; }
    #shows-header a:hover, #shows-header a:focus {
      text-decoration: none; }
  @media (max-width: 767px) {
    #shows-header h2 {
      margin-top: 20px; } }

.shows-page {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px; }
  .shows-page .video-cell {
    border-bottom: 1px solid #999;
    padding: 0 10px;
    width: 100%; }
    @media (min-width: 1024px) {
      .shows-page .video-cell {
        width: 50%; } }
    .shows-page .video-cell p {
      margin: 20px 0; }

@supports (display: grid) {
  .shows-page {
    display: grid;
    grid-gap: 0 20px;
    grid-template-columns: auto; }
    @media (min-width: 1024px) {
      .shows-page {
        grid-template-columns: 1fr 1fr; } }
    .shows-page .video-cell {
      padding: 0;
      width: 100%; } }

.shopping-guide-container {
  display: flex;
  font-size: 18px;
  padding-bottom: 80px; }

.shopping-guide-sidebar {
  font-size: 24px;
  line-height: 1;
  margin-top: -2px;
  width: 330px; }
  .shopping-guide-sidebar ul {
    list-style-type: none;
    padding-left: 0; }
  .shopping-guide-sidebar li {
    margin: 0.35em 0 0.67em; }

@media (max-width: 1023px) {
  .shopping-guide-sidebar {
    display: none; } }

@media (max-width: 640px) {
  .shopping-guide-item {
    width: 100% !important; } }

.shopping-guide-description {
  margin-top: 26px; }

.shopping-guide-sidebar + .shopping-guide-content {
  max-width: 970px; }

.shopping-guide-content {
  width: 100%; }

.shopping-guide-content > img {
  height: auto;
  max-height: 437px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .shopping-guide-content > img {
      border-radius: 14px; } }

h1.shopping-guide-title, .shopping-guide-container h2 {
  color: #000;
  font-size: 48px;
  font-weight: normal;
  line-height: 1; }

.shopping-guide-items {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px; }

.shopping-guide-item {
  background-color: #f7f7f7;
  /* hsl(0, 0%, 96.9%) */
  display: flex;
  color: #333333;
  flex-direction: column;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.25;
  overflow: hidden;
  position: relative;
  width: 310px; }
  @media screen and (min-width: 768px) {
    .shopping-guide-item {
      border-radius: 14px; } }
  .shopping-guide-item .tagline {
    align-items: flex-end;
    background-color: rgba(0, 91, 128, 0.8);
    color: #FFF;
    display: flex !important;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.67;
    letter-spacing: normal;
    opacity: 0;
    padding: 2rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 0.2s ease-out 0s; }
  .shopping-guide-item .title-container {
    background: none;
    color: #333;
    min-height: 147.5px;
    padding: 20px; }
  .shopping-guide-item .guide-item-title {
    color: #333; }
    .shopping-guide-item .guide-item-title::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .shopping-guide-item .price {
    font-weight: 600; }
    .shopping-guide-item .price .strike {
      text-decoration: line-through; }
    .shopping-guide-item .price .strike + .display-price {
      color: #E90000; }
  .shopping-guide-item button.learn-more {
    background-color: #f7f7f7;
    border: solid 3px #0062c7;
    border-radius: 20px;
    color: #0062c7;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 34px;
    /* total button height: 40px; */
    margin: 20px;
    margin-top: auto; }
  .shopping-guide-item form.addToCartForm {
    margin: 20px;
    margin-top: auto;
    position: relative; }
  .shopping-guide-item button.addToCart {
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: normal;
    line-height: 40px;
    width: 100%; }
  .shopping-guide-item:hover, .shopping-guide-item:focus, .shopping-guide-item:focus-within {
    background-color: #EAEAEA;
    /* hsl(0, 0%, 91.9%) */
    color: inherit; }
    .shopping-guide-item:hover button.learn-more, .shopping-guide-item:focus button.learn-more, .shopping-guide-item:focus-within button.learn-more {
      color: #FFF;
      background-color: #0062c7; }
    .shopping-guide-item:hover .tagline, .shopping-guide-item:focus .tagline, .shopping-guide-item:focus-within .tagline {
      opacity: 1.0; }

@supports (display: grid) {
  .shopping-guide-items {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, 1fr);
    margin: 0; }
    @media screen and (min-width: 768px) {
      .shopping-guide-items {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (min-width: 1366px) {
      .shopping-guide-items {
        grid-template-columns: repeat(3, 1fr); } }
  .shopping-guide-item {
    margin: 0;
    width: auto; } }

.shopping-guide-image {
  display: block;
  height: auto;
  overflow: hidden;
  padding: 75% 0 0 0;
  position: relative;
  width: 100%; }
  .shopping-guide-image img, .shopping-guide-image video {
    bottom: 0;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0; }

.shopping-guides-container {
  margin: 0; }
  .shopping-guides-container .shopping-guide {
    aspect-ratio: 640/440;
    min-height: 255px;
    min-width: 320px;
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    grid-column: span 2;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: calc(50% - 10px); }
    .shopping-guides-container .shopping-guide > img {
      background: #000;
      filter: brightness(0.6);
      object-fit: cover;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1; }
    .shopping-guides-container .shopping-guide > h2 {
      color: #FFF;
      font-size: 36px;
      font-weight: 600;
      line-height: 1;
      margin: 0;
      text-align: center; }
      .shopping-guides-container .shopping-guide > h2 span {
        display: block; }
      .shopping-guides-container .shopping-guide > h2 span:first-child:not(:only-child) {
        font-size: 24px;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 10px; }
    .shopping-guides-container .shopping-guide > .learn-more {
      border: solid 3px #FFF;
      border-radius: 20px;
      color: #FFF;
      font-size: 18px;
      font-stretch: normal;
      font-style: normal;
      font-weight: 500;
      letter-spacing: normal;
      line-height: 34px;
      /* total button height: 40px; */
      margin-top: auto;
      padding: 0 25px; }
      .shopping-guides-container .shopping-guide > .learn-more::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1; }
    .shopping-guides-container .shopping-guide:hover, .shopping-guides-container .shopping-guide:focus, .shopping-guides-container .shopping-guide:focus-within {
      text-decoration: none; }
      .shopping-guides-container .shopping-guide:hover > .learn-more, .shopping-guides-container .shopping-guide:focus > .learn-more, .shopping-guides-container .shopping-guide:focus-within > .learn-more {
        background-color: #FFF;
        color: #000; }
    @media screen and (max-width: 1023px) {
      .shopping-guides-container .shopping-guide {
        width: 100%; }
        .shopping-guides-container .shopping-guide + .shopping-guide:nth-child(2n) {
          margin-left: 0; } }
  @supports (display: grid) {
    .shopping-guides-container {
      display: grid;
      grid-gap: 20px;
      grid-template-columns: repeat(4, 1fr); }
      .shopping-guides-container .shopping-guide {
        margin: 0;
        width: 100%; }
      @media screen and (max-width: 1023px) {
        .shopping-guides-container {
          grid-template-columns: 1fr 1fr; } } }

.support-input {
  width: 300px;
  padding: 6px 3px;
  margin-right: 5px;
  border: solid #0062c7 1px;
  color: #0062c7; }

.support-btn {
  margin-bottom: 3px; }

@media (max-width: 767px) {
  #support-keywords-form {
    display: block;
    margin-left: 10px; } }

#featured-playlist-title {
  position: absolute;
  bottom: 0;
  left: 10px; }

.bottom-playlist-row {
  margin-top: 10px; }

@media (max-width: 767px) {
  .bottom-playlist-row {
    margin-top: 0; } }

#map-container {
  clear: both;
  margin-top: 20px;
  width: 100%;
  height: 300px; }

#map_canvas {
  height: 100%;
  width: 100%; }

@media (max-width: 767px) {
  #fullscreen {
    margin-right: 10px; } }

#adafruit-privacy-policy {
  font-weight: 200; }
  #adafruit-privacy-policy .italic, #adafruit-privacy-policy .italics {
    font-style: italic; }
  #adafruit-privacy-policy table {
    margin-bottom: 20px;
    border-collapse: collapse;
    border: 1px solid black; }
    #adafruit-privacy-policy table td, #adafruit-privacy-policy table th {
      border: 1px solid black;
      padding: 20px; }

#checkout_success {
  background-color: #000;
  color: #fff; }
  #checkout_success .messages-container .message-stack-error a {
    color: #0062c7; }
    #checkout_success .messages-container .message-stack-error a:hover {
      color: #003c7b; }
  #checkout_success #checkoutSuccessMainContent {
    color: #fff; }
    #checkout_success #checkoutSuccessMainContent a {
      color: #fff;
      text-decoration: underline;
      text-underline-offset: 0.1em; }
  #checkout_success .twenty {
    font-size: 20px;
    font-weight: 300; }
  #checkout_success .twentyfour {
    font-size: 24px;
    font-weight: 300; }
  #checkout_success .center {
    text-align: center; }
  #checkout_success .cs_list, #checkout_success .cs_list li {
    font-size: 20px;
    font-weight: 300;
    list-style-type: none;
    padding-left: 0; }
  #checkout_success .cs_label {
    font-size: 14px;
    font-weight: 300; }
  #checkout_success form {
    margin-left: 25px;
    margin-right: 25px; }
  #checkout_success input, #checkout_success button {
    height: 40px;
    width: 100%; }
  #checkout_success .messages-container, #checkout_success .message-stack-info {
    background-color: #0062c7 !important;
    color: #fff;
    font-size: 18px; }
    #checkout_success .messages-container a, #checkout_success .message-stack-info a {
      color: #fff;
      text-decoration: underline; }
    #checkout_success .messages-container button, #checkout_success .message-stack-info button {
      border: 1px solid white; }

.wih h3 {
  margin-left: 0;
  margin-right: 0; }

.wih {
  margin-top: -40px; }

.wihBody {
  color: white; }

.wihBody a {
  color: #03A7E9;
  z-index: 2; }

.wihBody {
  padding: 24px 0;
  background-color: black; }

.wihLeadContainer {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: white; }

.wihLeadContainer h1 {
  color: transparent;
  position: absolute;
  top: 0;
  left: 0; }

.wihLead, .wihLeadMobile {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  display: block; }

.wihLeadMobile {
  display: none; }

.wihBody h2 {
  margin-left: 0;
  margin-right: 0;
  color: white;
  line-height: 1.4; }

.videoContainer {
  max-width: 900px;
  padding: 24px 0; }

@media screen and (max-width: 767px) {
  .wihBody {
    padding-top: 0; } }

@media screen and (max-width: 500px) {
  .wihLead {
    display: none; }
  .wihLeadMobile {
    display: block; } }

.product-tiles {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 40px; }

.product-tile {
  margin-bottom: 20px;
  padding: 10px; }
  .product-tile .pp-caption {
    position: absolute;
    display: block;
    bottom: -0.7px;
    left: 0;
    width: 100%;
    width: calc(100% + 0.7px);
    padding: 10px;
    background-color: black;
    color: white;
    opacity: .75; }
    .product-tile .pp-caption span {
      opacity: 1;
      color: white; }
  .product-tile .img-container {
    position: relative; }
    .product-tile .img-container video {
      display: block; }
    .product-tile .img-container a {
      text-decoration: none; }
  @media (max-width: 520px) {
    .product-tile {
      flex: 0 0 100%; } }
  @media (min-width: 520px) and (max-width: 1365px) {
    .product-tile {
      flex: 0 0 50%; } }
  @media (min-width: 1366px) {
    .product-tile {
      flex: 0 0 33.33%; } }

#shipping_locations table {
  width: 100%; }
  #shipping_locations table tr td {
    vertical-align: top; }
    #shipping_locations table tr td ul {
      column-count: 2; }

#githubStudents {
  padding: 0 15px; }
  #githubStudents div.lead {
    display: grid;
    grid-template-columns: 43.92% 16.63% 39.43%;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 24px; }
    #githubStudents div.lead img {
      width: 100%; }
    @media screen and (min-width: 992px) {
      #githubStudents div.lead {
        padding-top: 59px;
        padding-bottom: 61px; } }
  #githubStudents section.description {
    max-width: 750px; }
    #githubStudents section.description h1 {
      padding-bottom: 16px; }
    #githubStudents section.description p {
      padding-bottom: 32px; }
      @media screen and (min-width: 992px) {
        #githubStudents section.description p {
          padding-bottom: 50px; } }
    #githubStudents section.description span.githubStudentsButton {
      margin-bottom: 32px;
      padding: 12px 30px; }
      @media screen and (min-width: 992px) {
        #githubStudents section.description span.githubStudentsButton {
          margin-bottom: 100px; } }
  @media screen and (min-width: 601px) {
    #githubStudents div.lead {
      display: flex;
      justify-content: center; }
      #githubStudents div.lead img:first-of-type {
        max-width: 264px; }
      #githubStudents div.lead img:nth-of-type(2) {
        max-width: 100px; } }
  #githubStudents div.lead img:nth-of-type(2) {
    max-width: 60px; }
  #githubStudents .lead img:nth-of-type(3) {
    max-width: 237px; }
  @media screen and (min-width: 992px) {
    #githubStudents .lead img:nth-of-type(2) {
      margin-left: 62px;
      margin-right: 65px; } }
  #githubStudents section {
    margin: 0 auto;
    text-align: center; }
  #githubStudents h1, #githubStudents p, #githubStudents h3 {
    margin: 0;
    color: black; }
  #githubStudents h1 {
    font-size: 36px;
    line-height: 1.3; }
    @media screen and (min-width: 450px) {
      #githubStudents h1 {
        font-size: 48px; } }
  #githubStudents p {
    font-size: 18px;
    line-height: 1.4; }
    @media screen and (min-width: 450px) {
      #githubStudents p {
        font-size: 24px; } }
  #githubStudents a {
    color: #65338b; }
    #githubStudents a:hover {
      color: #522971; }
  #githubStudents span.githubStudentsButton {
    display: inline-block;
    border: 0 none;
    font-weight: 500;
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
    padding: 12px 0;
    border-radius: 20px;
    color: white;
    background-color: #65338b;
    transition: background-color 0.2s; }
    #githubStudents span.githubStudentsButton.large {
      background-color: #65338b;
      color: white;
      border: 0 none;
      padding: 12px 24px;
      font-weight: 500;
      border-radius: 25px; }
      @media screen and (min-width: 768px) {
        #githubStudents span.githubStudentsButton.large {
          padding: 12px 50px; } }
  #githubStudents a:hover span.githubStudentsButton, #githubStudents span.githubStudentsButton:hover, #githubStudents a:hover p, #githubStudents a:hover h3 {
    background-color: #522971; }
  #githubStudents section.deals h1 {
    padding-bottom: 19px; }
  #githubStudents section.deals .links {
    display: grid;
    grid-template-columns: 100%;
    grid-column-gap: 17px; }
    @media screen and (min-width: 768px) {
      #githubStudents section.deals .links {
        grid-template-columns: 50% 50%; } }
    #githubStudents section.deals .links > a {
      background-color: #000;
      border-radius: 10px;
      position: relative;
      margin-bottom: 34px;
      overflow: hidden;
      height: 440px;
      background-size: cover; }
      #githubStudents section.deals .links > a > img {
        z-index: 0;
        position: absolute;
        width: 200%;
        left: -67.5%;
        top: 90px; }
        @media screen and (min-width: 400px) {
          #githubStudents section.deals .links > a > img {
            top: 64px;
            right: 0;
            bottom: 0;
            left: -40%;
            width: 150%; } }
        @media screen and (min-width: 520px) {
          #githubStudents section.deals .links > a > img {
            top: 24px;
            left: -40%;
            width: 150%; } }
        @media screen and (min-width: 600px) {
          #githubStudents section.deals .links > a > img {
            top: 0;
            left: -20.5%;
            width: 120%; } }
        @media screen and (min-width: 768px) {
          #githubStudents section.deals .links > a > img {
            top: 100px;
            left: -37.5%;
            width: 150%; } }
        @media screen and (min-width: 992px) {
          #githubStudents section.deals .links > a > img {
            top: 25%;
            left: -37.5%;
            width: 150%; } }
        @media screen and (min-width: 1024px) {
          #githubStudents section.deals .links > a > img {
            top: 5%;
            left: -37.5%;
            width: 150%; } }
        @media screen and (min-width: 1366px) {
          #githubStudents section.deals .links > a > img {
            top: 10%;
            right: 0;
            bottom: 0;
            left: -4.5%;
            width: 90%; } }
      #githubStudents section.deals .links > a:nth-of-type(3) {
        background-color: #a1defc; }
        #githubStudents section.deals .links > a:nth-of-type(3) > img {
          left: -101%;
          top: 0;
          width: 300%; }
          @media screen and (min-width: 400px) {
            #githubStudents section.deals .links > a:nth-of-type(3) > img {
              top: -10%; } }
          @media screen and (min-width: 600px) {
            #githubStudents section.deals .links > a:nth-of-type(3) > img {
              top: -10%;
              left: -50%;
              width: 200%; } }
          @media screen and (min-width: 768px) {
            #githubStudents section.deals .links > a:nth-of-type(3) > img {
              left: -101%;
              top: 0;
              width: 300%; } }
          @media screen and (min-width: 992px) {
            #githubStudents section.deals .links > a:nth-of-type(3) > img {
              left: -50%;
              top: 0;
              width: 200%; } }
          @media screen and (min-width: 1366px) {
            #githubStudents section.deals .links > a:nth-of-type(3) > img {
              left: -3%;
              top: 0;
              width: 105%; } }
      #githubStudents section.deals .links > a > *:not(img) {
        z-index: 1;
        position: relative; }
      #githubStudents section.deals .links > a > div {
        text-align: center; }
      #githubStudents section.deals .links > a p {
        margin: 20px 0 10px;
        display: inline-block;
        color: white;
        background-color: #65338b;
        transition: text-shadow 0.4s;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.1;
        padding: 5px 15px;
        border-radius: 4px;
        transition: background-color 0.3s; }
      #githubStudents section.deals .links > a h3 {
        border-radius: 4px;
        background-color: #65338b;
        display: inline-block;
        color: white;
        transition: text-shadow 0.4s;
        font-size: 36px;
        font-weight: 500;
        line-height: 50px;
        padding: 5px 16px;
        transition: background-color 0.3s; }
      #githubStudents section.deals .links > a:hover p, #githubStudents section.deals .links > a:hover h3 {
        background-color: #522971; }
      #githubStudents section.deals .links > a span.githubStudentsButton {
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -135px;
        width: 100%;
        max-width: 270px; }
      #githubStudents section.deals .links > a:first-of-type, #githubStudents section.deals .links > a:nth-of-type(2) {
        background-color: #010101; }
  @media screen and (min-width: 992px) {
    #githubStudents .plus {
      margin-left: 99px;
      margin-right: 93px; } }

.breadcrumbs {
  background: #313131;
  color: white;
  line-height: 40px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .breadcrumbs {
      font-weight: 300; } }
  .breadcrumbs a {
    color: white;
    text-decoration: underline dotted; }
  .breadcrumbs .container {
    padding: 0; }

.learn_more_stripes {
  text-decoration: underline; }
  .learn_more_stripes:hover, .learn_more_stripes:focus {
    text-decoration: none !important; }

#learn_more_stripes_modal .modal-dialog {
  min-width: 40%; }
  #learn_more_stripes_modal .modal-dialog .modal-content {
    border-radius: 0;
    padding: 20px; }
    #learn_more_stripes_modal .modal-dialog .modal-content .modal-close {
      float: right;
      font-size: 24px;
      color: #0062c7;
      cursor: pointer; }
    #learn_more_stripes_modal .modal-dialog .modal-content h2 {
      font-size: 30px;
      text-align: left;
      color: black;
      font-weight: 400;
      margin: 0 0 20px 0; }

#product-info-page {
  scroll-behavior: smooth; }

.product-info {
  display: flex;
  font-size: 15px;
  font-weight: 400; }
  .product-info input[type="text"], .product-info input[type="number"] {
    -webkit-appearance: none; }
  .product-info a:hover, .product-info a:focus, .product-info a:active {
    text-decoration: underline; }
  .product-info p a, .product-info li a, .product-info #description a, .product-info #technical-details a {
    text-decoration: underline;
    text-underline-offset: 0.1em; }
  .product-info h2 {
    color: #666;
    font-size: 30px;
    font-weight: 400;
    line-height: 1; }
  .product-info .parts_last_bought {
    padding: 15px;
    background-color: #ebebeb;
    border: solid 1px #999999;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%; }
    .product-info .parts_last_bought i {
      font-size: 36px;
      color: #666; }
    .product-info .parts_last_bought .float-left {
      float: left;
      display: inline-block; }
    .product-info .parts_last_bought .margin-left {
      margin-left: 15px; }
  .product-info .product_id {
    font-size: 14px;
    font-weight: 300;
    color: #666;
    margin-bottom: 10px;
    margin-top: 3px; }
  .product-info .order_max {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-top: 10px;
    margin-bottom: -15px; }
  .product-info .tenzero {
    margin-top: 10px;
    margin-bottom: 0px; }
  .product-info #prod-right-side {
    width: 310px; }
    .product-info #prod-right-side h1 {
      color: black;
      font-variant: normal;
      font-weight: 400;
      margin-top: 0;
      padding-top: 0;
      margin-bottom: 0px; }
    .product-info #prod-right-side h2 {
      font-size: 18px;
      text-align: left;
      color: #000000;
      font-weight: 400;
      margin-bottom: 0; }
    .product-info #prod-right-side .info_link {
      font-size: 14px; }
  .product-info iframe {
    border: none; }
  .product-info .prod-right-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 1em; }
  .product-info .meta_pid_dropdown {
    width: 100%;
    margin: 15px 0; }
  .product-info #description-anchor, .product-info #technical-details-anchor, .product-info #learn-anchor, .product-info #distributors-anchor {
    position: relative;
    width: 0;
    height: 0;
    top: -200px;
    display: block;
    height: 0px; }
  .product-info #prod-rightnav .nav {
    list-style: none outside none;
    margin: 20px 0 0 -15px;
    padding: 0; }
    .product-info #prod-rightnav .nav li a {
      font-size: 16px;
      color: #0062c7;
      font-weight: 500;
      text-decoration: none;
      padding-top: 0px; }
      .product-info #prod-rightnav .nav li a:hover {
        text-decoration: none;
        color: #003c7b;
        background-color: #FFF; }
      .product-info #prod-rightnav .nav li a:focus {
        text-decoration: none;
        background-color: #FFF; }
    .product-info #prod-rightnav .nav li.active > a {
      color: #525252;
      background-color: #FFF; }
  .product-info .stripes_selection {
    margin-bottom: 10px; }
  .product-info .meta_pid_boxes {
    display: flex;
    flex-direction: column;
    padding: 0; }
    .product-info .meta_pid_boxes li {
      width: 100%;
      min-height: 40px;
      list-style: none;
      font-size: 14px;
      margin-top: 10px;
      position: relative;
      display: flex; }
      .product-info .meta_pid_boxes li.stripe_oos {
        background-color: #dddddd; }
      .product-info .meta_pid_boxes li a {
        border: solid 1px #999999;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        align-items: center;
        color: #000000;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        text-decoration: none;
        outline-offset: 2px;
        outline-width: 2px;
        outline-color: #0062c7; }
        .product-info .meta_pid_boxes li a:focus-visible {
          text-decoration: underline;
          outline-style: dotted; }
        .product-info .meta_pid_boxes li a:hover, .product-info .meta_pid_boxes li a:focus {
          text-decoration: underline; }
        .product-info .meta_pid_boxes li a::after {
          content: ' ';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
      .product-info .meta_pid_boxes li .option_name {
        padding-right: 5px; }
      .product-info .meta_pid_boxes li .option_meta {
        text-align: right; }
      .product-info .meta_pid_boxes li .ui-selected {
        border: solid 2px #0062c7; }
    .product-info .meta_pid_boxes li.disabled {
      pointer-events: none;
      background-color: #DDD; }
  .product-info .meta_color_box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-left: 0; }
    .product-info .meta_color_box li {
      list-style: none; }
    .product-info .meta_color_box .color_link {
      display: inline-block;
      width: 60px;
      text-align: center;
      text-decoration: none; }
      .product-info .meta_color_box .color_link:focus .color_circle, .product-info .meta_color_box .color_link:hover .color_circle {
        box-shadow: 0px 0px 0.3px 2px white, 0px 0px 0.3px 4px #999; }
    .product-info .meta_color_box .color_circle {
      height: 45px;
      width: 45px;
      border-radius: 23px;
      border: 0;
      display: inline-block; }
    .product-info .meta_color_box .ui-selected {
      box-shadow: 0px 0px 0.3px 2px white, 0px 0px 0.3px 4px #0062c7; }
    .product-info .meta_color_box .color_label {
      font-size: 14px;
      line-height: 14px;
      text-align: center;
      color: #000000;
      font-weight: 300;
      vertical-align: top; }
  .product-info .top_10 {
    margin-top: 10px; }
  .product-info #prod-price {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    overflow: hidden;
    margin-top: 10px; }
  .product-info .reseller-pricing-text {
    color: #E90000;
    font-size: 16px;
    line-height: 22px; }
  .product-info .reseller-msrp-text {
    background-color: #525252;
    color: #FFF;
    font-weight: 400;
    padding: 9px; }
  .product-info .normalprice {
    text-decoration: line-through;
    color: #666;
    font-size: 16px;
    display: block;
    font-weight: 400;
    line-height: 16px; }
  .product-info .productPriceDiscount {
    font-size: 16px;
    color: #E90000;
    display: block;
    font-weight: 400;
    line-height: 10px; }
  .product-info .productSpecialPrice {
    float: left;
    padding-top: 10px; }
  .product-info .red-on-sale {
    font-size: 16px;
    color: #E90000; }
  .product-info .strikethrough {
    text-decoration: line-through; }
  .product-info .red-price {
    color: #E90000; }
  .product-info .resellerDiscount {
    width: 100%;
    margin-bottom: 10px; }
    .product-info .resellerDiscount .resellerDiscountsHeading {
      background-color: #999;
      color: #FFF;
      font-size: 14px;
      font-weight: 400; }
      .product-info .resellerDiscount .resellerDiscountsHeading .reseller-header-left {
        padding-left: 10px; }
      .product-info .resellerDiscount .resellerDiscountsHeading .reseller-header-right {
        text-align: right;
        padding-right: 10px; }
    .product-info .resellerDiscount .left {
      padding-left: 10px;
      color: #000; }
    .product-info .resellerDiscount .right {
      padding-right: 10px;
      text-align: right;
      color: #000; }
  .product-info .prod-info-box {
    border-top: solid #0062c7 1px;
    margin: 20px 0;
    border: 1px solid #abe5f9;
    padding: 10px;
    background-color: #f2fbfe;
    font-size: 14px;
    line-height: 14px; }
    .product-info .prod-info-box .mobile-button-row {
      margin-left: 0;
      margin-right: 0; }
    .product-info .prod-info-box select {
      width: 250px; }
  .product-info .prod-oos-box {
    border-bottom: 1px solid #999;
    margin-bottom: 20px; }
    .product-info .prod-oos-box button {
      line-height: 1.1; }
    .product-info .prod-oos-box .oos-header {
      background-color: #525252;
      color: #FFFFFF;
      font-weight: 400;
      height: 30px;
      line-height: 31px;
      margin-top: 20px;
      margin-bottom: 10px;
      padding: 0 12px; }
    .product-info .prod-oos-box legend {
      display: table;
      white-space: normal; }
    .product-info .prod-oos-box .oos-message {
      margin-bottom: 10px;
      color: #E90000;
      text-align: left; }
    .product-info .prod-oos-box .sg-input {
      font-weight: 400;
      color: #000;
      border-radius: 4px; }
  .product-info #prod-stock, .product-info #prod-stock-mobile {
    margin: 0;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: solid #999 1px; }
    .product-info #prod-stock.prod-stock-reseller, .product-info #prod-stock-mobile.prod-stock-reseller {
      font-size: 16px; }
    .product-info #prod-stock h2, .product-info #prod-stock span.info_link, .product-info #prod-stock .stripes_selection, .product-info #prod-stock-mobile h2, .product-info #prod-stock-mobile span.info_link, .product-info #prod-stock-mobile .stripes_selection {
      margin-left: 0; }
  .product-info #add-to-wishlist-form {
    margin-top: 16px; }
    .product-info #add-to-wishlist-form .gray-button {
      margin-left: 0;
      font-weight: 500; }
  .product-info .discount-header, .product-info .discount-row {
    color: #666;
    font-weight: 400; }
    .product-info .discount-header th, .product-info .discount-header td, .product-info .discount-row th, .product-info .discount-row td {
      padding: 2px; }
  .product-info .shipping_now {
    color: #0062c7;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: -16px; }
  .product-info #prod-add, .product-info #prod-add-mobile {
    display: block;
    width: 100%;
    margin: 16px 0; }
    .product-info #prod-add input, .product-info #prod-add-mobile input {
      border-radius: 4px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      position: relative;
      z-index: 0; }
    .product-info #prod-add input:focus:after, .product-info #prod-add-mobile input:focus:after {
      content: "";
      position: absolute;
      background-color: white;
      z-index: 2;
      top: 0;
      right: -4px;
      bottom: 0;
      left: 0; }
    .product-info #prod-add button, .product-info #prod-add-mobile button {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .product-info #prod-add-qty, .product-info #prod-add-qty-mobile {
    display: block;
    float: left;
    width: 25%;
    height: 40px;
    text-align: center;
    background-color: #fff;
    color: #0062c7;
    border: solid #0062c7 1px;
    font-size: 16px; }
  .product-info #prod-add-btn, .product-info #prod-add-btn-mobile {
    width: 75%;
    float: right;
    height: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    overflow: hidden; }
  .product-info #prod-add-btn:hover, .product-info #prod-add-btn-mobile:hover {
    background-color: #003c7b; }
  .product-info .buy-on-digikey-container {
    font-weight: 400;
    text-align: right; }
    .product-info .buy-on-digikey-container .buyOnDigiKey {
      border-radius: 4px;
      background-color: #ca1f01;
      border: 0;
      color: #fff;
      display: block;
      height: 40px;
      font-size: 16px;
      line-height: 40px;
      margin-top: 1em;
      overflow: hidden;
      text-align: center;
      width: 100%; }
      .product-info .buy-on-digikey-container .buyOnDigiKey:hover, .product-info .buy-on-digikey-container .buyOnDigiKey:focus {
        background-color: #7e1301; }
      .product-info .buy-on-digikey-container .buyOnDigiKey:focus {
        outline: revert;
        outline-offset: 0; }
    .product-info .buy-on-digikey-container .explainer {
      text-decoration: underline; }
      .product-info .buy-on-digikey-container .explainer:hover, .product-info .buy-on-digikey-container .explainer:focus {
        text-decoration: none; }
  .product-info .mobile-text-margins .buy-on-digikey-container {
    margin-bottom: 1em; }
    .product-info .mobile-text-margins .buy-on-digikey-container .buyOnDigiKey {
      height: 50px;
      line-height: 50px; }
  .product-info .prod-limited-to-email-container {
    font-weight: 400;
    text-align: right; }
    .product-info .prod-limited-to-email-container .blue-button {
      display: block;
      font-size: 15px;
      height: 40px;
      line-height: 40px;
      margin-top: 2em;
      text-align: center;
      width: 100%; }
  .product-info .mobile-button-row .prod-limited-to-email-container {
    margin-bottom: 1em; }
    .product-info .mobile-button-row .prod-limited-to-email-container h2 {
      font-weight: 500;
      margin-left: 0; }
    .product-info .mobile-button-row .prod-limited-to-email-container .blue-button {
      height: 50px;
      line-height: 50px; }
  .product-info #prod-info {
    list-style: none outside none;
    margin-bottom: 0px;
    padding: 0;
    overflow: hidden;
    clear: both;
    font-weight: 400; }
    .product-info #prod-info ul {
      margin-top: 10px;
      padding-left: 15px;
      list-style-position: inside;
      margin-bottom: 10px; }
      .product-info #prod-info ul li {
        list-style-type: disc; }
    .product-info #prod-info .prod-accordion-content {
      border-bottom: solid #999 1px; }
      .product-info #prod-info .prod-accordion-content:last-child {
        border-bottom: none; }
      .product-info #prod-info .prod-accordion-content .tab-heading-row {
        position: relative; }
      .product-info #prod-info .prod-accordion-content .toggle-link {
        all: inherit;
        width: 100%; }
        .product-info #prod-info .prod-accordion-content .toggle-link::after {
          content: '\f107';
          float: right;
          font-family: FontAwesome;
          margin-right: 5px;
          /* space for focus ring */
          padding: 0 5px;
          text-align: center; }
        .product-info #prod-info .prod-accordion-content .toggle-link[aria-expanded='true']::after {
          content: '\f106'; }
        .product-info #prod-info .prod-accordion-content .toggle-link:focus {
          outline: 2px auto; }
      .product-info #prod-info .prod-accordion-content h2 {
        margin: 20px 0;
        padding: 0 2px; }
      .product-info #prod-info .prod-accordion-content .panel-collapse {
        padding-bottom: 20px; }
  @media print {
    .product-info .panel-collapse {
      display: block !important; } }
  .product-info .productQuantityDiscounts {
    font-weight: 400;
    font-size: 14px; }
  .product-info .prod-learn {
    list-style: none outside none;
    margin-left: 0;
    margin-bottom: 4px;
    padding-left: 0; }
    .product-info .prod-learn li {
      display: block;
      width: 48%;
      height: 100px;
      float: left;
      margin: 0 10px 10px 0; }
      .product-info .prod-learn li .guide-image-container {
        float: left;
        margin-right: 10px;
        width: 120px;
        height: 90px;
        overflow: hidden; }
        .product-info .prod-learn li .guide-image-container img {
          width: 120px;
          height: auto; }
  .product-info .learn-guides-list {
    display: flex;
    flex-flow: row wrap; }
    .product-info .learn-guides-list .learn-guide-primary {
      width: 100%; }
    .product-info .learn-guides-list .learn-guide {
      width: 50%; }
    .product-info .learn-guides-list .all-guides-link {
      font-size: 1.5em; }
  .product-info .product-info-tutorial {
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px; }
    .product-info .product-info-tutorial a {
      text-decoration: underline; }
    .product-info .product-info-tutorial .product-tutorial-img-container {
      padding-right: 0px;
      padding-left: 0px;
      display: inline-block;
      vertical-align: middle;
      position: relative; }
      .product-info .product-info-tutorial .product-tutorial-img-container a, .product-info .product-info-tutorial .product-tutorial-img-container img, .product-info .product-info-tutorial .product-tutorial-img-container video {
        display: block;
        max-width: 100%;
        vertical-align: middle; }
      .product-info .product-info-tutorial .product-tutorial-img-container a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
  .product-info ul#prod-distributors {
    margin-left: 0;
    padding-left: 0; }
    .product-info ul#prod-distributors .prod-info-box {
      padding: 0;
      margin: 0; }
    .product-info ul#prod-distributors li {
      list-style-type: none !important;
      width: 48%;
      float: left;
      margin: 0px; }
      .product-info ul#prod-distributors li h3 {
        margin: 0;
        font-size: 18px;
        line-height: 18px; }
      .product-info ul#prod-distributors li a {
        display: block;
        padding: 10px 0;
        text-decoration: none;
        color: #7f7f7f; }
        .product-info ul#prod-distributors li a h3 {
          color: #0062c7; }
  .product-info #product-files {
    list-style: none outside none !important;
    list-style-position: outside !important;
    padding: 0 !important;
    margin: 0 !important; }
    .product-info #product-files li {
      margin: 10px 0; }
  .product-info #related-products .hover-img-text {
    width: 100%; }
  .product-info #related-products .prodvid-container {
    max-height: 170px; }
  .product-info .hover-img-box {
    max-height: 170px; }

.product-preview-header {
  background: #ffd700;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  width: 300px;
  margin: 0 auto 20px auto; }
  .product-preview-header h2 {
    color: #000;
    margin: 0; }

/* 
  ***************************************************
  **  MD PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .product-info #prod-primary-img-container {
    min-height: 485px !important; }
  .product-info .prod-vid-thumb {
    height: 69px; }
  .product-info .prod-img-thumb .prodvid-container {
    max-height: 68px; }
  .product-info .hover-img-box {
    max-height: 151px; }
  #related-products .prodvid-container {
    max-height: 151px !important; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .product-info {
    flex-direction: column; }
    .product-info .order_max {
      margin-bottom: 0px; }
    .product-info .mobile-product-header {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: flex-end;
      margin: 0 10px 10px 10px; }
      .product-info .mobile-product-header h2 {
        margin: 0; }
      .product-info .mobile-product-header .product-price {
        font-size: 30px;
        font-weight: 700; }
    .product-info h2 {
      font-size: 30px;
      color: black;
      font-weight: 300;
      margin-top: 0;
      padding-top: 0; }
    .product-info #prod-add, .product-info #prod-add-mobile {
      margin-top: 0px;
      margin-bottom: 20px; }
    .product-info #prod-stock, .product-info #prod-stock-mobile {
      border-bottom: none; }
      .product-info #prod-stock .add-to-wishlist-form, .product-info #prod-stock-mobile .add-to-wishlist-form {
        margin-top: 20px; }
      .product-info #prod-stock form, .product-info #prod-stock-mobile form {
        text-align: left; }
        .product-info #prod-stock form .blue-button, .product-info #prod-stock-mobile form .blue-button {
          float: right; }
      .product-info #prod-stock .prod-info-box, .product-info #prod-stock-mobile .prod-info-box {
        margin-top: 0px; }
    .product-info #prod-info {
      border-top: 1px solid #0062c7; }
      .product-info #prod-info .prod-accordion-content {
        border-bottom: 1px solid #0062c7;
        padding-bottom: 0px; }
        .product-info #prod-info .prod-accordion-content a h2 {
          color: #0062c7;
          font-size: 24px; }
        .product-info #prod-info .prod-accordion-content .panel-collapse {
          padding-bottom: 20px; }
    .product-info #tab_related,
    .product-info .related-header {
      margin-top: 20px;
      color: #0062c7;
      font-size: 24px; }
    .product-info #related-products .hover-img-text {
      width: 230px; }
    .product-info #related-products .prodvid-container {
      max-height: 171px; } }

@media (max-width: 767px) {
  .breadcrumbs {
    background: #313131;
    color: white;
    line-height: 40px;
    font-weight: 400; }
    .breadcrumbs .container {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 5px; }
  .product-info {
    flex-direction: column;
    font-size: 16px; }
    .product-info .order_max {
      margin-bottom: 0px; }
    .product-info .mobile-product-header {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: flex-end;
      margin: 0 20px 10px 20px; }
      .product-info .mobile-product-header h2 {
        margin: 0; }
    .product-info h2 {
      font-size: 30px;
      color: #000;
      font-weight: 300;
      margin-top: 0;
      padding-top: 0;
      margin-bottom: 0px; }
    .product-info h3 {
      font-size: 18px;
      text-align: left;
      color: #000000;
      font-weight: 400;
      margin-bottom: 0; }
    .product-info .stripes_selection {
      margin-top: 10px; }
    .product-info #prod-add-qty, .product-info #prod-add-qty-mobile {
      height: 50px; }
    .product-info #prod-add-btn, .product-info #prod-add-btn-mobile {
      height: 50px; }
    .product-info #prod-price {
      font-size: 30px;
      font-weight: 700;
      padding-bottom: 20px;
      color: #000; }
    .product-info #prod-add, .product-info #prod-add-mobile {
      margin-top: 0px;
      margin-bottom: 20px;
      width: 100%; }
    .product-info #prod-stock, .product-info #prod-stock-mobile {
      font-size: 16px;
      border-bottom: none; }
      .product-info #prod-stock .add-to-wishlist-form, .product-info #prod-stock-mobile .add-to-wishlist-form {
        margin-top: 20px; }
      .product-info #prod-stock form, .product-info #prod-stock-mobile form {
        text-align: left; }
        .product-info #prod-stock form .blue-button, .product-info #prod-stock-mobile form .blue-button {
          float: right; }
      .product-info #prod-stock .prod-oos-box .mobile-button-row, .product-info #prod-stock-mobile .prod-oos-box .mobile-button-row {
        margin-left: 0;
        margin-right: 0; }
      .product-info #prod-stock .prod-oos-box .blue-button, .product-info #prod-stock-mobile .prod-oos-box .blue-button {
        margin-bottom: 0; }
    .product-info .productQuantityDiscounts {
      font-size: 16px; }
    .product-info #prod-info {
      border-top: 1px solid #0062c7; }
      .product-info #prod-info .prod-accordion-content {
        border-bottom: 1px solid #0062c7;
        padding-bottom: 0px; }
        .product-info #prod-info .prod-accordion-content a h2 {
          color: #0062c7;
          font-size: 24px; }
        .product-info #prod-info .prod-accordion-content .panel-collapse {
          padding-bottom: 20px; }
      .product-info #prod-info ul {
        margin: 10px 5px;
        list-style-position: outside; }
        .product-info #prod-info ul li {
          margin: 2px 0; }
    .product-info #tab_related,
    .product-info .related-header {
      margin-top: 20px;
      margin-bottom: 20px;
      color: #0062c7;
      font-size: 24px; }
    .product-info .sg-input {
      height: 40px;
      font-size: 16px; }
    .product-info .sg-label {
      font-size: 16px; }
    .product-info #related-products {
      margin-left: 0;
      margin-right: 0; }
      .product-info #related-products .prodvid-container {
        max-height: 265px; } }

.mobile-product-header {
  display: none; }
  .mobile-product-header .product-price {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700; }
    .mobile-product-header .product-price .red-price {
      margin-left: 10px; }

.promo-bogo {
  border-radius: 14px;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 0 0 1.5%; }
  .promo-bogo h2 {
    color: inherit;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin: 0; }
  .promo-bogo .bogo-left {
    padding: 20px; }
  .promo-bogo .bogo-description {
    font-weight: 400;
    line-height: 1.2; }
    .promo-bogo .bogo-description img {
      max-width: 100%; }
  .promo-bogo .bogo-progress {
    font-size: 14px; }
  .promo-bogo .bogo-progress-viz {
    border-radius: 14px;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    height: 1em;
    margin: 5px 0;
    width: 310px; }
    .promo-bogo .bogo-progress-viz .bogo-progress-fill {
      border-radius: 14px;
      background-color: #fff;
      display: block;
      height: 100%; }
  .promo-bogo .bogo-right {
    align-self: flex-end; }
    .promo-bogo .bogo-right .bogo-product-img {
      margin: 20px 20px 0 20px;
      max-height: 180px;
      width: auto; }

@media (max-width: 767px) {
  .bogo-right {
    display: none; } }

.bogo-recipient-logo, .bogo-sponsor-logo {
  max-width: 100%; }

.promo-donation {
  border-radius: 14px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 0 0 1.5%;
  padding: 20px; }
  .promo-donation h2 {
    color: inherit;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin: 0; }
  .promo-donation .donation-description {
    font-weight: 400;
    line-height: 1.2; }
    .promo-donation .donation-description img {
      max-width: 100%; }
  .promo-donation .donation-progress {
    font-size: 14px; }
  .promo-donation .donation-progress-viz {
    border-radius: 14px;
    border: 1px solid currentColor;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    height: 1em;
    margin: 5px 0;
    width: 310px; }
    .promo-donation .donation-progress-viz .donation-progress-fill {
      border-radius: 14px;
      background-color: #fff;
      display: block;
      height: 100%; }

.dnt-youtube-overlay {
  display: block;
  background-color: #EEE;
  font-size: 16px;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  width: 100%; }
  .dnt-youtube-overlay a {
    text-decoration: underline; }

.category-container {
  margin-top: 20px; }
  .category-container #productListing {
    clear: both;
    margin-left: -10px;
    margin-right: -10px; }

#subcategories {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  list-style: none outside none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 0 10px;
  text-indent: 0; }
  #subcategories li {
    float: left;
    margin: 0 10px 10px 0; }
    #subcategories li a {
      text-decoration: none;
      background-color: #0062c7;
      border-radius: 4px;
      color: #fff;
      display: inline-block;
      font-weight: 500;
      font-size: 16px;
      line-height: 30px;
      padding: 0 10px;
      text-align: center; }
      #subcategories li a:hover, #subcategories li a:focus {
        text-decoration: none;
        background-color: #003c7b;
        border-color: #003c7b; }
      #subcategories li a:focus-visible {
        outline: 2px solid #dd007a;
        outline-offset: revert; }

.categories-wrapper .row:first-child h2 {
  margin-top: 0px; }

.categories-wrapper .row:first-child .back-to-top {
  margin-top: 0px; }

.categories-wrapper h2 {
  font-size: 30px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 20px; }
  .categories-wrapper h2 a:hover {
    text-decoration: none; }

.categories-wrapper hr {
  margin-top: 20px; }

.categories-wrapper .back-to-top {
  border: 1px solid #0062c7;
  color: #0062c7;
  height: 24px;
  width: 24px;
  font-size: 14px;
  text-align: center;
  padding-top: 1px;
  float: right;
  margin-top: 20px; }
  .categories-wrapper .back-to-top:hover {
    background-color: #0062c7 !important;
    color: white !important;
    border: none; }

.categories-wrapper a:focus .back-to-top {
  background-color: #0062c7 !important;
  color: white !important;
  border: none; }

.categories-wrapper .prodvid-container {
  max-height: 148px; }

.categories-wrapper .blue-button {
  float: right;
  text-align: center;
  line-height: 30px; }
  .categories-wrapper .blue-button:hover, .categories-wrapper .blue-button:focus {
    background-color: #003c7b; }

@media (min-width: 1023px) and (max-width: 1365px) {
  .categories-wrapper .prodvid-container {
    max-height: 148px; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .categories-wrapper .prodvid-container {
    max-height: 259px; } }

@media (max-width: 767px) {
  .back-to-top {
    margin-right: 10px; } }

.categories-wrapper {
  margin-left: 10px;
  margin-right: 10px; }
  .categories-wrapper h2 {
    margin-left: 0;
    margin-right: 0; }
  .categories-wrapper .back-to-top {
    margin-right: 0; }
  .categories-wrapper .mobile-button-row {
    margin-left: 0;
    margin-right: 0; }
  .categories-wrapper .categories-wrapper .prodvid-container {
    max-height: 152px; }

@media screen and (max-width: 767px) {
  .categoriesHeader h1 {
    margin-left: 0; }
  .categories-wrapper .blue-button {
    line-height: 50px; } }

.added-black-row {
  background-color: #000;
  margin-top: -40px;
  border-top: 1px solid #0062c7;
  padding-bottom: 20px; }
  .added-black-row a {
    color: #FFF;
    text-decoration: underline; }
    .added-black-row a:hover, .added-black-row a:focus {
      text-decoration: none; }
  .added-black-row .container {
    background-color: #000;
    padding-left: 0;
    padding-right: 0; }
  .added-black-row .hr-white {
    background-color: #FFF;
    border-color: #FFF;
    color: #FFF;
    margin: 20px 0; }

.added-to-cart {
  font-size: 14px; }
  .added-to-cart .img-blue-border {
    border: 1px solid #0062c7; }
  .added-to-cart .added-white-box {
    background-color: #FFF;
    color: #0062c7;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 30px; }
  .added-to-cart .added-product-item-added h1 {
    margin: 0;
    color: #ffffff;
    font-weight: 300;
    font-size: 30px; }
  .added-to-cart .added-return-link {
    padding-right: 10px;
    line-height: 30px; }
  .added-to-cart .added-product-title-white {
    color: #FFF;
    font-size: 16px; }
  .added-to-cart .added-product-qty-white, .added-to-cart .added-product-price-white {
    color: #FFF;
    font-size: 16px; }
  .added-to-cart .added-black-cart {
    color: #FFF;
    font-size: 16px; }

.added-recommend-box {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr auto auto auto;
  column-gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #999; }
  .added-recommend-box:last-of-type {
    border-bottom: 0 none; }

.added-recommend-image {
  grid-row: 1 / span 3; }
  .added-recommend-image img {
    max-width: none;
    width: 100%; }

.added-recommend-title {
  font-size: 16px;
  font-weight: 400; }

.added-add-to-cart {
  display: flex; }

.added-product-price {
  margin: 0;
  grid-row: 2 / span 2;
  grid-column: 2;
  align-content: end; }

.added-add-to-cart {
  margin: 0;
  grid-row: 4;
  grid-column: 1 / span 2; }
  .added-add-to-cart form {
    width: 100%; }
  .added-add-to-cart button {
    font-weight: bold;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 100%; }

.added-white {
  font-size: 14px; }
  .added-white .added-header {
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 0px;
    color: #666;
    margin-bottom: 0px; }
  .added-white .added-recommended .added-product-description {
    font-weight: 400; }
  .added-white .added-recommended .blue-button, .added-white .added-recommended .gray-button {
    margin-left: 0px;
    margin-top: 10px;
    font-weight: 500; }
  .added-white .added-recommended .addToCart {
    line-height: 1.1;
    font-weight: 500; }
  .added-white .added-recommended .added-product-add form {
    margin-bottom: 0px; }
  .added-white .added-learn .added-subheader {
    width: 100%;
    color: #FFF;
    height: 30px;
    line-height: 31px;
    padding-left: 13px;
    font-size: 14px;
    background-color: #666; }
  .added-white .added-learn .added-tutorial-box {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden; }
    .added-white .added-learn .added-tutorial-box .added-tutorials-description {
      font-weight: 400; }
  .added-white .added-learn .added-tutorial-products .added-tutorial-products-row {
    margin-top: 20px; }
    .added-white .added-learn .added-tutorial-products .added-tutorial-products-row .added-tutorials-product-text-wrapper {
      height: 90px;
      overflow: hidden; }
  .added-white .added-learn .added-tutorial-product-name {
    margin-bottom: 10px; }
  .added-white .added-learn .added-tutorial-product-price {
    margin-bottom: 10px; }
  .added-white .added-learn .hr-gray {
    margin-top: 20px; }
  .added-white .added-learn .blue-button,
  .added-white .added-learn .gray-button {
    line-height: 1.1;
    margin-left: 0;
    margin-top: 0; }

.added-checkout-or-return {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: space-between; }
  .added-checkout-or-return > a {
    width: 50%; }
  .added-checkout-or-return a + span {
    margin-right: 1em; }

@media screen and (min-width: 1024px) {
  .added-recommended {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px; }
  .added-white .added-recommended .added-recommend-box:nth-last-of-type(-n + 2) {
    border-bottom: 0 none;
    padding-bottom: 0; } }

@media screen and (min-width: 768px) {
  .added-white .added-recommended .added-add-to-cart {
    align-content: end; }
    .added-white .added-recommended .added-add-to-cart button {
      margin-top: 7px; }
  .added-product-price {
    margin: 0;
    grid-row: 2;
    grid-column: 2;
    align-content: end; }
  .added-add-to-cart {
    margin: 0;
    grid-row: 3;
    grid-column: 2;
    align-content: end; }
  .added-add-to-cart form {
    width: auto; }
  .added-add-to-cart button {
    font-weight: 500;
    display: inline-block;
    width: inherit;
    height: 30px;
    line-height: 1.1; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .added-recommend-box {
    grid-template-columns: 1fr 2fr; } }

@media (min-width: 1023px) and (max-width: 1365px) {
  .added-white .added-learn .added-tutorial-products .added-tutorial-products-row .added-tutorials-product-text-wrapper {
    height: 125px; }
  .added-checkout-or-return {
    flex-direction: row;
    justify-content: flex-end; }
    .added-checkout-or-return > a {
      width: 100%; }
    .added-checkout-or-return span {
      display: inline-block;
      margin-top: 10px; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .added-to-cart .white-right {
    border-right: 0; }
  .added-to-cart .padding-right-20 {
    padding-right: 10px; }
  .added-to-cart .padding-left-20 {
    padding-left: 10px; }
  .added-to-cart .inline-fill-left {
    text-align: right;
    width: 33.3333%; }
  .added-to-cart .inline-fill-right {
    border-left: 7px solid #000;
    width: 66.66667%; }
  .added-to-cart .top-forty {
    margin-top: 20px; }
  .added-to-cart .added-product-title-white, .added-to-cart .added-product-price-white, .added-to-cart .added-product-qty-white {
    font-size: 20px; }
  .added-white .added-learn .added-subheader {
    margin-top: 20px; }
  .added-white .added-learn .added-tutorial-box {
    height: auto; }
  .added-white .added-recommend-box:last-of-type {
    padding-bottom: 0; } }

@media (max-width: 767px) {
  .mobile-button-row .addToCart.blue-button {
    font-weight: 500;
    margin-left: 0px;
    margin-right: 0px; }
  .added-black-row {
    padding-bottom: 0; }
    .added-black-row .container {
      padding-left: 10px;
      padding-right: 10px; }
  .added-black-carrots {
    margin-bottom: 20px; }
  .added-to-cart {
    margin-top: 0;
    font-size: 16px; }
    .added-to-cart .added-white-box {
      height: 40px;
      line-height: 40px;
      font-size: 16px; }
    .added-to-cart .white-right {
      border-right: 0; }
    .added-to-cart .padding-right-20 {
      padding-right: 10px; }
    .added-to-cart .padding-left-20 {
      padding-left: 10px; }
    .added-to-cart .inline-fill-left {
      height: 40px;
      line-height: 40px; }
    .added-to-cart .top-forty {
      margin-top: 20px; }
    .added-to-cart .added-return-link {
      margin-top: 20px;
      text-align: left; }
  .added-white {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px; }
    .added-white h2 {
      margin-left: 0;
      margin-right: 0; }
    .added-white .mobile-button-row {
      margin-left: 0px;
      margin-right: 0px; }
      .added-white .mobile-button-row .addToCart.gray-button {
        margin-left: 0; }
    .added-white .added-learn .added-subheader {
      margin-top: 20px; }
    .added-white .added-learn .added-tutorial-box {
      height: auto; }
    .added-white .added-recommended .added-recommend-box .added-product-text-wrapper {
      height: auto; }
    .added-white .added-learn .added-tutorial-products .added-tutorial-products-row .added-tutorials-product-text-wrapper {
      height: auto; }
  .added-checkout-or-return {
    flex-direction: row;
    justify-content: flex-end; }
    .added-checkout-or-return > a {
      width: 100%; }
    .added-checkout-or-return span {
      display: inline-block;
      margin-top: 20px; } }

.cart-carrot {
  background: #333;
  color: #fff;
  padding: 15px;
  text-align: center; }
  .cart-carrot .close-btn {
    display: none; }
  .cart-carrot a {
    color: #fff;
    text-decoration: underline; }

.cart-carrots-container {
  overflow: hidden; }

.cart-carrot-body {
  font-weight: 300; }

.cart-carrot-EnamelPins {
  text-transform: none;
  background-color: #fbd268;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.1;
  text-align: left;
  background-image: url("../images/cappy-pin.png");
  background-size: 80px 80px;
  background-origin: content-box;
  background-position: bottom right;
  background-repeat: no-repeat;
  min-height: 110px; }
  .cart-carrot-EnamelPins .cart-carrot-body {
    margin-right: 30px; }
  .cart-carrot-EnamelPins a {
    font-size: 14px;
    font-weight: 500; }

.shopping-cart {
  width: 100%;
  font-size: 14px; }
  .shopping-cart a {
    text-decoration: underline; }
  .shopping-cart hr {
    height: 0px;
    margin: 0; }
  .shopping-cart .sign-in-tag a {
    margin-left: 5px; }
  .shopping-cart input::-webkit-outer-spin-button,
  .shopping-cart input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .shopping-cart input[type=number] {
    -moz-appearance: textfield; }
  .shopping-cart input.cart-input {
    height: 30px;
    border: 1px solid #ccc;
    -webkit-appearance: none; }
  .shopping-cart .cart-empty {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #ccc; }
  .shopping-cart .sign-in-tag {
    letter-spacing: 0.5px;
    text-align: center; }
    .shopping-cart .sign-in-tag .blue-button {
      display: inline-block;
      height: 32px;
      line-height: 30px;
      font-size: 14px; }
    .shopping-cart .sign-in-tag .light {
      font-weight: 400;
      color: #666; }
  .shopping-cart .shopping-cart-wrap {
    flex: 1 1 75%; }
    .shopping-cart .shopping-cart-wrap .button-div {
      text-align: center;
      line-height: 28px; }
  .shopping-cart .message-stack-error {
    margin-bottom: 10px; }
    .shopping-cart .message-stack-error a {
      color: #712d2d;
      font-weight: 500;
      text-decoration: underline; }
    .shopping-cart .message-stack-error a:hover, .shopping-cart .message-stack-error a:focus {
      color: #281010; }
  .shopping-cart .cart-side-suggestions {
    flex: 1 1 25%;
    margin-left: 20px; }
    .shopping-cart .cart-side-suggestions .blue-button.addToCart {
      line-height: 1.1; }
    .shopping-cart .cart-side-suggestions .cart-carrot {
      margin-top: 10px; }
  .shopping-cart .shopping-cart-wrap h1.shopping-cart-header, .shopping-cart .shopping-cart-side-header {
    margin: 10px 0 5px 0;
    width: 100%;
    color: #FFF;
    font-weight: 400;
    line-height: 30px;
    padding-left: 12px;
    padding-top: 1px;
    font-size: 14px; }
  .shopping-cart h1.shopping-cart-header {
    background-color: #525252; }
  .shopping-cart .shopping-cart-side-header {
    background-color: #666; }
  .shopping-cart .shopping-cart-table-header {
    clear: both;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    color: #666;
    margin: 5px 0; }
  .shopping-cart .cart-row, .shopping-cart .carrot-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: stretch;
    align-items: center;
    padding: 10px 0;
    opacity: 1;
    transition: opacity 0.5s; }
    .shopping-cart .cart-row.just-added, .shopping-cart .carrot-row.just-added {
      opacity: 0; }
    .shopping-cart .cart-row.has-flag, .shopping-cart .carrot-row.has-flag {
      border: 1px solid #E90000;
      padding-left: 1em;
      padding-right: 1em;
      margin-left: -1em;
      margin-right: -1em; }
    .shopping-cart .cart-row:first-of-type.has-flag, .shopping-cart .carrot-row:first-of-type.has-flag {
      margin-top: 10px; }
    .shopping-cart .cart-row:last-of-type.has-flag, .shopping-cart .carrot-row:last-of-type.has-flag {
      margin-bottom: 10px; }
    .shopping-cart .cart-row .cart-img-container, .shopping-cart .carrot-row .cart-img-container {
      float: left;
      margin: 0 10px 0 0;
      width: 82px;
      height: 62px;
      display: inline-block; }
    .shopping-cart .cart-row .product_id, .shopping-cart .carrot-row .product_id {
      display: inline-block;
      color: #666; }
    .shopping-cart .cart-row input.cart-qty, .shopping-cart .carrot-row input.cart-qty {
      border-radius: 4px;
      width: 60px;
      color: #0062c7;
      text-align: center; }
    .shopping-cart .cart-row > .cart-col-qty label, .shopping-cart .carrot-row > .cart-col-qty label {
      display: none;
      font-size: 14px; }
    .shopping-cart .cart-row hr.cart-mobile-spacer, .shopping-cart .carrot-row hr.cart-mobile-spacer {
      display: none; }
    .shopping-cart .cart-row .cart-meta-title, .shopping-cart .carrot-row .cart-meta-title {
      color: #000;
      font-size: 14px; }
    .shopping-cart .cart-row .flag, .shopping-cart .carrot-row .flag {
      font-weight: bold;
      color: #E90000;
      white-space: nowrap;
      display: block; }
    .shopping-cart .cart-row > .cart-col-total, .shopping-cart .carrot-row > .cart-col-total {
      font-weight: 500; }
    .shopping-cart .cart-row > .cart-col-remove button, .shopping-cart .carrot-row > .cart-col-remove button {
      border: none;
      background: none; }
      .shopping-cart .cart-row > .cart-col-remove button:focus .cart-fake-button i, .shopping-cart .cart-row > .cart-col-remove button:hover .cart-fake-button i, .shopping-cart .carrot-row > .cart-col-remove button:focus .cart-fake-button i, .shopping-cart .carrot-row > .cart-col-remove button:hover .cart-fake-button i {
        color: #606060; }
    .shopping-cart .cart-row > .cart-col-remove .cart-fake-button i, .shopping-cart .carrot-row > .cart-col-remove .cart-fake-button i {
      color: #666;
      padding: 0;
      font-size: 16px; }
    .shopping-cart .cart-row > .cart-col-remove .cart-remove-btn, .shopping-cart .carrot-row > .cart-col-remove .cart-remove-btn {
      display: none;
      padding: 5px;
      margin: auto -5px; }
  .shopping-cart .cart-row, .shopping-cart .carrot-row, .shopping-cart .shopping-cart-table-header {
    justify-content: space-between; }
    .shopping-cart .cart-row > .cart-col-item, .shopping-cart .carrot-row > .cart-col-item, .shopping-cart .shopping-cart-table-header > .cart-col-item {
      width: 50%; }
    .shopping-cart .cart-row > .cart-col-price, .shopping-cart .carrot-row > .cart-col-price, .shopping-cart .shopping-cart-table-header > .cart-col-price {
      width: 8.333333%;
      text-align: right; }
    .shopping-cart .cart-row > .cart-col-qty, .shopping-cart .carrot-row > .cart-col-qty, .shopping-cart .shopping-cart-table-header > .cart-col-qty {
      width: 16.6666667%;
      text-align: center;
      display: inline-block; }
    .shopping-cart .cart-row > .cart-col-remove, .shopping-cart .carrot-row > .cart-col-remove, .shopping-cart .shopping-cart-table-header > .cart-col-remove {
      width: 8.333333%;
      text-align: center; }
    .shopping-cart .cart-row > .cart-col-total, .shopping-cart .carrot-row > .cart-col-total, .shopping-cart .shopping-cart-table-header > .cart-col-total {
      width: 16.6666667%;
      text-align: right; }
  .shopping-cart .cart-checkout-container {
    color: #666;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 5px;
    text-align: right; }
  .shopping-cart .extra-wide {
    display: inline-block;
    line-height: 30px;
    padding-left: 50px;
    padding-right: 50px;
    letter-spacing: 0.5px; }
  .shopping-cart .orCheckoutWith {
    width: 100%;
    margin: 20px 10px 10px 10px;
    height: 0;
    overflow: visible; }
    .shopping-cart .orCheckoutWith hr {
      width: 100%; }
    .shopping-cart .orCheckoutWith span {
      display: inline-block;
      font-size: 12px;
      top: -14px;
      padding: 0 5px;
      margin-left: 10px;
      position: relative;
      background: #fff;
      color: #999;
      text-transform: uppercase; }
  .shopping-cart .cart-coupon-container {
    color: #666;
    flex: 1 1 160px; }
    .shopping-cart .cart-coupon-container .cart-input {
      border-radius: 4px;
      max-width: 300px;
      text-align: left;
      padding-left: 5px;
      color: #525252;
      font-weight: 400;
      margin-right: 5px;
      flex: 1 1 300px; }
    .shopping-cart .cart-coupon-container .blue-button, .shopping-cart .cart-coupon-container .gray-button {
      margin-left: 5px; }
  .shopping-cart .cart-totals {
    display: flex;
    flex-flow: column;
    flex: 1 1 auto; }
    .shopping-cart .cart-totals .cart-totals-row {
      display: flex;
      flex-flow: row nowrap;
      padding: 5px 0;
      text-align: right; }
    .shopping-cart .cart-totals .cart-totals-label {
      flex: 1 1 50%; }
    .shopping-cart .cart-totals .cart-totals-value {
      flex: 1 0 80px; }
  .shopping-cart .cart-item-undo, .shopping-cart .removed-msg {
    display: none; }
  .shopping-cart .cart-row-removed {
    background: #eee;
    color: #666;
    padding: 10px;
    font-size: 14px;
    transition: opacity 1.8s; }
    .shopping-cart .cart-row-removed .undo {
      align-self: flex-end;
      margin-top: 10px;
      line-height: 30px; }
  .shopping-cart .mobile-button-row {
    display: inline-block; }
    .shopping-cart .mobile-button-row a {
      display: block;
      text-align: center; }
  .shopping-cart .cart-subtotals {
    color: #666; }
  .shopping-cart .cart-total {
    color: #000; }
  .shopping-cart .alt-checkout {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-end; }

body.no-js .shopping-cart .cart-col-remove, body.no-js form[data-empty-cart-confirm] {
  display: none !important;
  /* important to fight bootstrap's hidden-xs/visible-xs */ }

@media screen and (min-width: 768px) {
  .cart-carrots-container {
    height: auto !important; }
  .cart-carrot[data-remaining='0'] {
    display: none; } }

@media screen and (max-width: 767px) {
  .shopping-cart {
    font-size: 16px;
    font-weight: 400; }
    .shopping-cart .shopping-cart-wrap h1.shopping-cart-header {
      color: #666;
      background: none;
      margin: 0;
      font-size: 16px; }
    .shopping-cart .shopping-cart-wrap .empty-cart-button {
      float: right;
      font-weight: 400;
      /* q&d override of ios browser styles 700 */
      line-height: 30px;
      margin-right: 10px;
      white-space: nowrap; }
    .shopping-cart.logged-in-cart {
      margin-top: 0px; }
    .shopping-cart .cart-carrots-container {
      overflow: hidden;
      height: 0;
      transition: height 0.5s ease-in; }
    .shopping-cart .cart-carrot {
      position: relative; }
      .shopping-cart .cart-carrot .close-btn {
        background: none;
        border: 0;
        color: #fff;
        display: inline-block;
        padding: 0;
        position: absolute;
        right: 10px; }
      .shopping-cart .cart-carrot .cart-carrot-body {
        margin-right: 20px; }
    .shopping-cart .shopping-cart-table-header {
      display: none; }
    .shopping-cart .cart-row, .shopping-cart .carrot-row {
      border-bottom: 1px solid #999;
      padding: 10px 10px; }
      .shopping-cart .cart-row.has-flag, .shopping-cart .carrot-row.has-flag {
        margin: 0;
        padding: 10px 10px; }
      .shopping-cart .cart-row > .cart-col-item, .shopping-cart .carrot-row > .cart-col-item {
        width: 100%; }
      .shopping-cart .cart-row > .cart-col-price, .shopping-cart .carrot-row > .cart-col-price {
        display: none; }
      .shopping-cart .cart-row > hr.cart-mobile-spacer, .shopping-cart .carrot-row > hr.cart-mobile-spacer {
        display: block;
        width: 100%;
        border-color: #ddd;
        margin: 10px 0; }
      .shopping-cart .cart-row > .cart-col-remove, .shopping-cart .carrot-row > .cart-col-remove {
        order: 3;
        width: auto;
        margin: auto 0;
        min-width: 30px; }
        .shopping-cart .cart-row > .cart-col-remove .cart-fake-button, .shopping-cart .carrot-row > .cart-col-remove .cart-fake-button {
          display: none; }
        .shopping-cart .cart-row > .cart-col-remove .cart-remove-btn, .shopping-cart .carrot-row > .cart-col-remove .cart-remove-btn {
          display: inline;
          font-size: 14px; }
      .shopping-cart .cart-row > .cart-col-qty, .shopping-cart .carrot-row > .cart-col-qty {
        order: 4;
        width: auto;
        margin: auto 0; }
        .shopping-cart .cart-row > .cart-col-qty > label, .shopping-cart .carrot-row > .cart-col-qty > label {
          display: inline-block; }
        .shopping-cart .cart-row > .cart-col-qty > span, .shopping-cart .carrot-row > .cart-col-qty > span {
          padding: 0 5px;
          line-height: 20px;
          font-weight: bold; }
      .shopping-cart .cart-row > .cart-col-total, .shopping-cart .carrot-row > .cart-col-total {
        order: 5;
        width: auto;
        margin: auto 0;
        font-weight: bold; }
    .shopping-cart .cart-row-removed {
      border-bottom: 1px solid #000; }
    .shopping-cart .cart-coupon-container {
      padding: 20px 10px;
      background: #eee;
      border-top: 1px solid #999;
      margin: 20px 0 -20px 0; }
      .shopping-cart .cart-coupon-container form {
        margin-top: 10px; }
        .shopping-cart .cart-coupon-container form .cart-input {
          width: 100px;
          max-width: none;
          flex: 1 1 100px; }
        .shopping-cart .cart-coupon-container form input {
          height: auto; }
    .shopping-cart .save-wishlist-button {
      display: none; }
    .shopping-cart .alt-checkout {
      flex-flow: row wrap;
      align-items: stretch; }
    .shopping-cart .cart-checkout-container {
      flex-direction: column; }
      .shopping-cart .cart-checkout-container .mobile-button-row {
        display: block; }
        .shopping-cart .cart-checkout-container .mobile-button-row .cart-checkout-button {
          padding: 0;
          height: 50px;
          line-height: 50px; }
      .shopping-cart .cart-checkout-container .secondary-button {
        margin-left: 10px;
        margin-right: 10px; }
    .shopping-cart .cart-totals .cart-totals-row-tax, .shopping-cart .cart-totals .cart-totals-row-shipping {
      display: none; }
    .shopping-cart .cart-totals {
      margin: 0 10px; }
    .shopping-cart .cart-total-label-note {
      display: none; }
    .shopping-cart.fixed-checkout-btn .mobile-button-row {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      margin: 0;
      padding: 10px;
      background: #fff;
      z-index: 2;
      border-top: 1px solid #999; } }

.checkout-wrapper {
  font-size: 14px;
  /*
    BEGIN OT CENTER
    */
  /*
    BEGIN OT SIDEBAR
*/ }
  .checkout-wrapper input::-webkit-outer-spin-button,
  .checkout-wrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .checkout-wrapper .message-stack-error, .checkout-wrapper .message-stack-info {
    margin-bottom: 20px; }
  .checkout-wrapper .checkout-messages-container .message-stack-info {
    background: #d9edf7; }
  .checkout-wrapper .sign-in-tag {
    letter-spacing: 0.5px; }
    .checkout-wrapper .sign-in-tag .blue-button {
      height: 32px;
      line-height: 30px;
      font-size: 14px; }
    .checkout-wrapper .sign-in-tag .light {
      font-weight: 300;
      color: #666; }
    .checkout-wrapper .sign-in-tag a.sign-in-button {
      display: inline-block;
      padding: 0 15px; }
  .checkout-wrapper .sg-input, .checkout-wrapper .sg-dropdown {
    color: #000;
    font-weight: 400;
    border-radius: 0;
    -webkit-appearance: none; }
    .checkout-wrapper .sg-input.sg-textarea, .checkout-wrapper .sg-dropdown.sg-textarea {
      height: 100px;
      padding: 5px; }
  .checkout-wrapper .checkout-header-complete, .checkout-wrapper .checkout-header-active, .checkout-wrapper .checkout-header-incomplete {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #666;
    color: #666;
    height: 30px;
    line-height: 31px;
    padding-left: 13px;
    margin-top: 5px;
    font-size: 14px; }
  .checkout-wrapper .checkout-header-active {
    background-color: #525252;
    border: none;
    color: #FFF; }
  .checkout-wrapper .checkout-content-complete, .checkout-wrapper .checkout-content-incomplete {
    display: none; }
  .checkout-wrapper .checkout-content-active {
    display: block; }
  .checkout-wrapper .savecontinueblue {
    margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .checkout-wrapper .input-row {
      display: flex;
      align-items: center;
      line-height: 16px;
      flex-wrap: wrap; }
      .checkout-wrapper .input-row label {
        text-align: right; } }
  .checkout-wrapper .adabox-logo {
    border: 1px solid #FFF; }
  .checkout-wrapper .checkout-sidebar-header {
    background-color: #666;
    width: 100%;
    color: #FFF;
    height: 30px;
    line-height: 31px;
    padding-left: 13px;
    margin-top: 5px;
    font-size: 14px; }
  .checkout-wrapper .checkout-sidebar-cart-header {
    width: 100%;
    color: #FFF;
    height: 30px;
    line-height: 31px;
    padding-left: 13px;
    margin-top: 20px;
    font-size: 14px;
    background-color: #0062c7; }
    .checkout-wrapper .checkout-sidebar-cart-header a {
      color: #fff;
      font-weight: 300; }
  .checkout-wrapper .checkout-shopping-cart-row .product_id {
    color: #666; }
  .checkout-wrapper .step-one-content .sg-label {
    display: inline-block; }
  .checkout-wrapper .step-one-content .sg-sublabel {
    color: #666; }
  .checkout-wrapper #account-info-password-row .input-row {
    line-height: normal; }
  .checkout-wrapper #account-info-password-row .label-wrapper {
    margin-bottom: 2px; }
  .checkout-wrapper #account-info-password-row .sg-label {
    margin: 0;
    line-height: normal; }
  .checkout-wrapper #account-info-password-row .forget-password {
    float: right; }
  .checkout-wrapper .label-nowrap {
    white-space: nowrap; }
  .checkout-wrapper .delivery-select-dropdown, .checkout-wrapper .billing-select-dropdown {
    border: 1px solid #999;
    width: 30%;
    padding: 5px;
    font-size: 14px; }
    .checkout-wrapper .delivery-select-dropdown a, .checkout-wrapper .billing-select-dropdown a {
      color: #525252; }
    .checkout-wrapper .delivery-select-dropdown i, .checkout-wrapper .billing-select-dropdown i {
      float: right; }
    .checkout-wrapper .delivery-select-dropdown a:hover, .checkout-wrapper .billing-select-dropdown a:hover {
      text-decoration: none; }
    .checkout-wrapper .delivery-select-dropdown ul, .checkout-wrapper .billing-select-dropdown ul {
      border-radius: 0px;
      padding: 0; }
      .checkout-wrapper .delivery-select-dropdown ul li, .checkout-wrapper .billing-select-dropdown ul li {
        border: 10px solid #FFF;
        font-size: 14px; }
      .checkout-wrapper .delivery-select-dropdown ul li:hover, .checkout-wrapper .billing-select-dropdown ul li:hover {
        border: 10px solid #EAEAEA;
        background-color: #EAEAEA; }
  .checkout-wrapper .delivery-select-dropdown:active, .checkout-wrapper .billing-select-dropdown:active, .checkout-wrapper .delivery-select-dropdown:hover, .checkout-wrapper .billing-select-dropdown:hover {
    background-color: #EAEAEA; }
  .checkout-wrapper .udab-wrap > div {
    justify-content: left;
    display: flex;
    align-items: center; }
  @media screen and (min-width: 768px) {
    .checkout-wrapper .udab-wrap > div {
      justify-content: inherit; }
    .checkout-wrapper .udab-wrap #udab {
      margin-top: 0; } }
  .checkout-wrapper .udab-wrap .sg-sublabel {
    margin-left: 0;
    padding-left: 5px;
    display: inline-block;
    font-weight: 400;
    color: #000; }
  .checkout-wrapper .shipping-logo-wrapper {
    width: 80%; }
  .checkout-wrapper #billing-wrapper #billing-separator {
    -moz-box-sizing: content-box;
    height: 13px;
    border-bottom: 1px solid #0062c7; }
    .checkout-wrapper #billing-wrapper #billing-separator .thack1 {
      display: inline-block;
      width: 0;
      border-bottom: solid 9px #0062c7;
      border-right: solid 9px transparent;
      border-left: solid 9px transparent; }
    .checkout-wrapper #billing-wrapper #billing-separator .thack2 {
      display: inline-block;
      margin-left: -21px;
      width: 0;
      border-bottom: solid 8px #FFF;
      border-right: solid 8px transparent;
      border-left: solid 8px transparent; }
  .checkout-wrapper .shipping-row input {
    display: inline;
    margin-top: 0px; }
  .checkout-wrapper .checkout-error-address {
    margin-bottom: 5px;
    color: #E90000; }
  .checkout-wrapper .checkout_shipping_radio {
    vertical-align: middle; }
  .checkout-wrapper .checkout-shipping-method-label {
    line-height: 15px;
    height: 16px;
    text-transform: uppercase; }
    .checkout-wrapper .checkout-shipping-method-label a {
      font-weight: 300; }
    .checkout-wrapper .checkout-shipping-method-label span {
      vertical-align: middle; }
    .checkout-wrapper .checkout-shipping-method-label + a {
      vertical-align: middle; }
      .checkout-wrapper .checkout-shipping-method-label + a span {
        vertical-align: text-top; }
  .checkout-wrapper .checkout-recommended {
    font-weight: 300;
    color: #666; }
  .checkout-wrapper .checkout-payment-main .sg-dropdown {
    width: 60px; }
  .checkout-wrapper .checkout-payment-main #authorizenet_aim-cc-cvv {
    width: 60px; }
  .checkout-wrapper .checkout-payment-main .checkout-payment-radio {
    margin-top: 0px;
    display: inline; }
  .checkout-wrapper .checkout-payment-module-wrapper {
    margin-left: 20px; }
    .checkout-wrapper .checkout-payment-module-wrapper .sg-input, .checkout-wrapper .checkout-payment-module-wrapper .sg-dropdown {
      background-color: #fffde4; }
    .checkout-wrapper .checkout-payment-module-wrapper .select-wrapper-exp {
      display: inline-block; }
    .checkout-wrapper .checkout-payment-module-wrapper #authorizenet_aim-cc-nickname, .checkout-wrapper .checkout-payment-module-wrapper .authorizenet_cim_cc_nickname {
      background-color: #FFF; }
    .checkout-wrapper .checkout-payment-module-wrapper .cc-info {
      color: #666;
      font-size: 14px;
      line-height: 14px;
      padding-left: 4px; }
  .checkout-wrapper .cvv-text {
    padding-left: 10px;
    font-size: 14px;
    overflow: hidden; }
  .checkout-wrapper .checkout-payment-method-label {
    margin-left: 10px;
    margin-bottom: 0px;
    display: inline;
    line-height: 17px;
    height: 18px;
    font-weight: 500; }
  .checkout-wrapper input:disabled + .checkout-payment-method-label {
    color: #666;
    font-weight: 500; }
  .checkout-wrapper .checkout-secure {
    display: inline-block; }
  .checkout-wrapper .checkout-secure-seal {
    display: inline-block;
    float: right; }
  .checkout-wrapper .checkout-lock-icon-wrapper, .checkout-wrapper .checkout-secure-text {
    display: inline-block; }
  .checkout-wrapper .shipping-row .sg-label, .checkout-wrapper .shipping-row .sg-sublabel {
    display: inline-block; }
  .checkout-wrapper .checkout-header-edit-link {
    color: #FFF; }
  .checkout-wrapper .checkout-edit-link {
    color: #0062c7;
    font-weight: 400; }
  .checkout-wrapper button.checkout-edit-link {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font-size: 14px;
    font-weight: 400; }
  .checkout-wrapper button.checkout-edit-link:hover {
    text-decoration: underline; }
  .checkout-wrapper .hr-blue, .checkout-wrapper .hr-gray {
    margin-top: 5px; }
  .checkout-wrapper .hr-header {
    margin: 0; }
  .checkout-wrapper .not-finalized {
    color: #666; }
  .checkout-wrapper .confirm-cart .sg-sublabel {
    font-weight: 500;
    color: #666; }
  .checkout-wrapper .confirm-cart .right-padding {
    padding-right: 60px; }
  .checkout-wrapper .confirm-cart .product_id {
    color: #666; }
  .checkout-wrapper .right-padding {
    padding-right: 60px; }
  .checkout-wrapper .submit-order-notes .sg-sublabel {
    color: #000;
    font-weight: 400; }
  .checkout-wrapper .checkout-center-ot .checkout-center-ot-title {
    text-align: right; }
    .checkout-wrapper .checkout-center-ot .checkout-center-ot-title .checkout-center-ot-explanation {
      font-weight: normal;
      text-transform: none; }
  .checkout-wrapper .checkout-center-ot .checkout-center-ot-text {
    text-align: right; }
  .checkout-wrapper .checkout-sidebar-ot-wrapper {
    color: #000;
    font-weight: 500;
    margin-top: 10px; }
    .checkout-wrapper .checkout-sidebar-ot-wrapper .checkout-sidebar-ot {
      display: grid;
      grid-template-columns: 1fr min-content;
      align-items: end; }
    .checkout-wrapper .checkout-sidebar-ot-wrapper .checkout-sidebar-ot-text {
      padding-left: 10px;
      white-space: nowrap; }
    .checkout-wrapper .checkout-sidebar-ot-wrapper .checkout-sidebar-ot-explanation {
      font-weight: normal;
      grid-column: span 2; }
  .checkout-wrapper .submitOrder[disabled] {
    background-color: #9f9f9f; }

.ccinfo .sg-sublabel {
  color: #666; }

#authorizenet_aim-cc-owner,
#authorizenet_aim-cc-number,
#authorizenet_aim-cc-nickname,
.authorizenet_cim_cc_owner,
.authorizenet_cim_cc_number,
.authorizenet_cim_cc_nickname {
  width: 200px; }

#authorizenet_aim-cc-cvv {
  width: 37px; }

#authorizenet_aim-cc-cvv:-moz-placeholder {
  color: #FFFDE4; }

#authorizenet_aim-cc-cvv::-moz-placeholder {
  color: #FFFDE4; }

#authorizenet_aim-cc-cvv:-ms-input-placeholder {
  color: #FFFDE4; }

#authorizenet_aim-cc-cvv::-webkit-input-placeholder {
  color: #FFFDE4; }

#stripe-payment-element {
  margin-bottom: 10px; }

#stripe-error-messages:empty {
  display: none; }

#stripe-save-for-later {
  height: 1em;
  width: 1em; }
  #stripe-save-for-later[hidden] + label[for="stripe-save-for-later"] {
    display: none; }

#stripe-save-for-later, label[for="stripe-save-for-later"] {
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.1;
  margin: 1em 0.25em 1em 0; }

@media (min-width: 767px) and (max-width: 1023px) {
  .checkout-wrapper .checkout-header-complete a, .checkout-wrapper .checkout-header-active a, .checkout-wrapper .checkout-header-incomplete a {
    font-weight: 300; }
  .checkout-wrapper #billing-wrapper #billing-separator .thack2 {
    margin-left: -2.9%; } }

@media (max-width: 767px) {
  .checkout-wrapper {
    font-size: 16px; }
    .checkout-wrapper .row {
      margin-left: 0;
      margin-right: 0; }
    .checkout-wrapper [class^=col-] {
      padding-left: 0;
      padding-right: 0; }
    .checkout-wrapper .blue-button {
      margin-left: 0px; }
    .checkout-wrapper .sg-input {
      height: 40px;
      font-size: 16px;
      color: #000; }
    .checkout-wrapper .shipping-row .sg-label {
      margin-left: 0;
      margin-right: 0; }
    .checkout-wrapper .shipping-option-container {
      display: grid;
      grid-template-columns: min-content auto; }
      .checkout-wrapper .shipping-option-container label.sg-label {
        display: grid;
        grid-template-columns: auto min-content; }
      .checkout-wrapper .shipping-option-container > input {
        align-self: center; }
      .checkout-wrapper .shipping-option-container > label.checkout-shipping-method-label {
        margin-top: 0;
        height: auto;
        padding-left: 5px; }
        .checkout-wrapper .shipping-option-container > label.checkout-shipping-method-label span {
          vertical-align: unset; }
      .checkout-wrapper .shipping-option-container > a {
        grid-column: span 2; }
    .checkout-wrapper .hidden-inline-xs {
      display: none; }
    .checkout-wrapper div.sign-in-tag {
      padding: 0 20px; }
      .checkout-wrapper div.sign-in-tag .blue-button {
        font-size: 16px;
        font-weight: 400; }
      .checkout-wrapper div.sign-in-tag .light {
        font-weight: 300;
        color: #666; }
      .checkout-wrapper div.sign-in-tag a.sign-in-button {
        line-height: 50px;
        height: inherit;
        display: block;
        width: 100%;
        font-size: 16px; }
    .checkout-wrapper #account-info-password-row .forget-password {
      font-size: 14px;
      line-height: 22px; }
    .checkout-wrapper .checkout-header-complete, .checkout-wrapper .checkout-header-active, .checkout-wrapper .checkout-header-incomplete {
      width: 100%;
      height: 40px;
      line-height: 40px;
      padding-left: 13px;
      margin-top: 10px;
      font-size: 16px; }
      .checkout-wrapper .checkout-header-complete a, .checkout-wrapper .checkout-header-active a, .checkout-wrapper .checkout-header-incomplete a {
        font-weight: 300; }
    .checkout-wrapper .delivery-select-dropdown, .checkout-wrapper .billing-select-dropdown {
      width: 100%;
      font-size: 16px; }
      .checkout-wrapper .delivery-select-dropdown ul, .checkout-wrapper .billing-select-dropdown ul {
        width: 100%;
        border-radius: 0px;
        padding: 0; }
        .checkout-wrapper .delivery-select-dropdown ul li, .checkout-wrapper .billing-select-dropdown ul li {
          border: 10px solid #FFF;
          font-size: 16px; }
        .checkout-wrapper .delivery-select-dropdown ul li:hover, .checkout-wrapper .billing-select-dropdown ul li:hover {
          border: 10px solid #EAEAEA;
          background-color: #EAEAEA; }
    .checkout-wrapper .checkout-content-active {
      padding: 0 10px; }
    .checkout-wrapper .checkout-content-active .pull-right, .checkout-wrapper .delivery-fields-wrapper .pull-right, .checkout-wrapper .billing-fields-wrapper .pull-right {
      float: left !important; }
    .checkout-wrapper .checkout-content-active .sg-label, .checkout-wrapper .delivery-fields-wrapper .sg-label, .checkout-wrapper .billing-fields-wrapper .sg-label {
      line-height: 25px;
      margin-top: 5px; }
    .checkout-wrapper .udab-wrap div #udab {
      display: inline; }
    .checkout-wrapper .udab-wrap div .sg-sublabel {
      display: inline; }
    .checkout-wrapper .thack1, .checkout-wrapper .thack2 {
      display: none !important; }
    .checkout-wrapper .name-row,
    .checkout-wrapper .address-row,
    .checkout-wrapper .city-row {
      position: relative; }
    .checkout-wrapper .shipping-row {
      margin-bottom: 20px; }
    .checkout-wrapper .checkout-shipping-method-label + a {
      display: block;
      margin-bottom: 5px; }
    .checkout-wrapper .checkout-payment-main .sg-label, .checkout-wrapper .checkout-payment-main .sg-sublabel {
      margin-left: 0; }
    .checkout-wrapper .checkout-payment-main #authorizenet_aim-cc-owner,
    .checkout-wrapper .checkout-payment-main #authorizenet_aim-cc-number,
    .checkout-wrapper .checkout-payment-main .authorizenet_cim-cc_owner,
    .checkout-wrapper .checkout-payment-main .authorizenet_cim-cc_number {
      width: 250px; }
    .checkout-wrapper .checkout-payment-main .sg-dropdown, .checkout-wrapper .checkout-payment-main .select-wrapper {
      width: 70px; }
    .checkout-wrapper .checkout-payment-main #authorizenet_aim-cc-cvv {
      width: 70px; }
    .checkout-wrapper .checkout-payment-main .checkout-payment-method-label {
      margin-left: 5px; }
    .checkout-wrapper .checkout-payment-main .checkout-payment-module-wrapper {
      margin-left: 18px; }
    .checkout-wrapper .confirm-cart {
      margin-top: 10px; }
      .checkout-wrapper .confirm-cart .right-padding {
        padding-right: 10px; }
    .checkout-wrapper .step-six-content .green-button {
      height: 50px;
      line-height: 50px; }
    .checkout-wrapper .step-six-content .section-totals {
      padding-right: 20px; }
    .checkout-wrapper .checkout-center-ot .right-padding {
      padding-right: 0; }
    .checkout-wrapper .top-submit-row {
      margin-top: 12px; }
    .checkout-wrapper .mobile-top-ten {
      margin-top: 10px; } }

.container h1:first-child {
  margin-top: 0px; }

#productListHeading {
  display: inline-block; }

#indexProductListCatDescription {
  font-size: 16px;
  margin-bottom: 30px; }
  #indexProductListCatDescription a {
    text-decoration: underline; }

.categoryHeadingImage {
  margin-bottom: 30px; }
  @media screen and (min-width: 767px) {
    .categoryHeadingImage {
      float: right;
      max-width: 50%; } }
  .categoryHeadingImage .categoryImg img {
    width: 100%;
    height: auto; }

.cat-listing {
  margin-top: 0;
  padding-top: 0; }
  .cat-listing hr:nth-child(1) {
    display: none; }

.product-listing-text-wrapper .product-description a {
  text-decoration: underline; }

.product-listing {
  position: relative; }
  .product-listing .img-container {
    overflow: hidden; }
    .product-listing .img-container a {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .product-listing .img-container img, .product-listing .img-container video {
      border-radius: 4px; }
  .product-listing .product-listing-right {
    position: relative;
    height: 233px;
    padding-top: 0; }
    .product-listing .product-listing-right .product-listing-text-wrapper {
      height: 179px; }
  .product-listing h2 {
    margin: -4px 0 3px 0;
    padding-top: 0;
    overflow: hidden;
    font-variant: normal;
    line-height: 40px;
    font-size: 30px;
    font-weight: normal; }
    .product-listing h2 a:hover {
      text-decoration: none; }
  .product-listing .product_id {
    margin-bottom: 3px;
    color: #666;
    font-weight: 400;
    text-transform: uppercase; }
  .product-listing .product-description {
    font-size: 16px;
    overflow: hidden;
    font-weight: 400;
    margin-top: 0;
    padding-top: 0; }
  .product-listing .sale-listing-small {
    font-size: 16px;
    line-height: 16px; }
  .product-listing .red {
    color: #E90000; }
  .product-listing .product-info {
    left: 20px;
    width: 100%; }
    .product-listing .product-info .blue-button-large {
      margin-top: 14px; }
      .product-listing .product-info .blue-button-large:focus-visible {
        outline: 2px solid #dd007a;
        outline-offset: 0; }
    .product-listing .product-info .add-to-cart {
      border: none; }
      .product-listing .product-info .add-to-cart:hover {
        text-decoration: none;
        background-color: #003c7b; }
      .product-listing .product-info .add-to-cart:active {
        text-decoration: none; }
    .product-listing .product-info .price-stock {
      display: flex;
      flex-direction: column;
      min-height: 40px;
      justify-content: center;
      margin-top: 13px; }
      .product-listing .product-info .price-stock .price {
        display: block;
        font-size: 30px;
        line-height: 30px;
        font-weight: bold; }
        .product-listing .product-info .price-stock .price .on-sale {
          margin-top: -29px; }
        .product-listing .product-info .price-stock .price .sale-discount {
          font-size: 16px;
          color: #E90000;
          font-weight: 500; }
        .product-listing .product-info .price-stock .price .normal-price .line-through {
          color: #999999; }
        .product-listing .product-info .price-stock .price .strikethrough {
          text-decoration: line-through; }
        .product-listing .product-info .price-stock .price .red-sale-price {
          color: #E90000; }
      .product-listing .product-info .price-stock .stock {
        clear: both;
        display: block;
        font-size: 16px;
        font-weight: 400;
        margin-top: -3px; }

#vidbox {
  position: relative;
  background-color: #fff;
  display: none;
  padding: 0;
  margin: 0;
  text-align: center;
  overflow: hidden; }

@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .product-listing .product-listing-right {
    height: 173px; }
    .product-listing .product-listing-right .product-listing-text-wrapper {
      height: 118px; }
    .product-listing .product-listing-right .product_info {
      height: 50px; }
      .product-listing .product-listing-right .product_info .price-stock {
        margin-top: 0px; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .product-listing {
    min-height: 125px; }
    .product-listing h2 {
      line-height: 32px; }
    .product-listing .product-listing-right {
      height: auto; }
      .product-listing .product-listing-right .product-listing-text-wrapper {
        min-height: 81px;
        height: auto;
        overflow: hidden; }
      .product-listing .product-listing-right .product-info {
        flex-direction: row;
        height: auto; }
        .product-listing .product-listing-right .product-info .blue-button-large {
          margin-top: 4px; }
        .product-listing .product-listing-right .product-info .price-stock {
          margin-top: 3px; }
  #productListing hr {
    margin-top: 10px; }
  #productListing.reseller .price .row {
    margin-bottom: 5px; } }

@media (max-width: 767px) {
  .category-container #productListing {
    margin-left: 0;
    margin-right: 0; }
  .product-listing .product-listing-right {
    height: auto; }
    .product-listing .product-listing-right .product-listing-text-wrapper {
      height: auto;
      margin-right: 10px; }
      .product-listing .product-listing-right .product-listing-text-wrapper h2 {
        font-size: 16px;
        line-height: 18px; }
    .product-listing .product-listing-right .product-info .sale-discount, .product-listing .product-listing-right .product-info .line-through {
      display: none; }
  .product-listing .product-info .price-stock .price .on-sale {
    margin-top: 0; }
  .product-listing .product_id {
    font-size: 14px; }
  .reseller .product-listing .product-info {
    height: auto; }
  .reseller .product-listing .price .row {
    margin-bottom: 5px; }
  .product-listing .product-info .price-stock {
    margin-top: 0; }
  .mobile-button-row {
    margin-right: 0;
    margin-left: 0; } }

.accounts-container {
  font-size: 18px;
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(0, 1300px) minmax(20px, 1fr);
  grid-template-areas: ". main ."; }
  @supports (grid-template-columns: env(safe-area-inset-left)) {
    @media (max-width: 1024px) {
      .accounts-container {
        grid-template-columns: minmax(15px, env(safe-area-inset-left)) minmax(0, 1300px) minmax(15px, env(safe-area-inset-right)); } } }
  .accounts-container.main-container {
    padding-top: 0; }
  .accounts-container > * {
    grid-column: main; }

#cart-settings-wrapper #auth-intro {
  color: #525252;
  font-weight: 300;
  margin: 0 auto;
  max-width: 350px; }
  #cart-settings-wrapper #auth-intro h1 {
    color: black;
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 300; }
  #cart-settings-wrapper #auth-intro h2 {
    border-bottom: 1px solid #333333;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.428571429;
    margin: 20px 0 10px 0;
    padding-bottom: 5px; }
  #cart-settings-wrapper #auth-intro ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #cart-settings-wrapper #auth-intro ul li {
      padding-bottom: 5px;
      font-weight: 400; }
      #cart-settings-wrapper #auth-intro ul li ul {
        display: block;
        width: 80%;
        margin-left: 15px; }
        #cart-settings-wrapper #auth-intro ul li ul li {
          margin: 5px 0; }
          #cart-settings-wrapper #auth-intro ul li ul li > a {
            text-decoration: none;
            display: block;
            padding-left: 5px;
            color: #0062c7; }
            #cart-settings-wrapper #auth-intro ul li ul li > a:hover {
              color: #003c7b; }
          #cart-settings-wrapper #auth-intro ul li ul li.active > a {
            color: #000; }
            #cart-settings-wrapper #auth-intro ul li ul li.active > a:hover {
              color: #2c2c2c; }
          #cart-settings-wrapper #auth-intro ul li ul li.active i {
            padding-left: 10px; }
      #cart-settings-wrapper #auth-intro ul li > a {
        text-decoration: none;
        color: #0062c7; }
        #cart-settings-wrapper #auth-intro ul li > a:hover {
          color: #003c7b; }
      #cart-settings-wrapper #auth-intro ul li.active > a {
        color: #000; }
        #cart-settings-wrapper #auth-intro ul li.active > a:hover {
          color: #2c2c2c; }
      #cart-settings-wrapper #auth-intro ul li.active i {
        padding-left: 10px; }

#cart-settings-wrapper #auth-forms {
  margin-top: 60px; }

#cart-settings-wrapper a {
  font-weight: 400; }

#cart-settings-wrapper h2 {
  font-size: 1.5em;
  font-weight: 300;
  color: #000;
  line-height: 1; }
  #cart-settings-wrapper h2 a {
    font-weight: 300; }

#cart-settings-wrapper h3 {
  font-size: 1.17em;
  font-weight: normal;
  line-height: 1;
  color: #000;
  margin-bottom: 0; }

#cart-settings-wrapper h4 {
  font-size: 1em;
  font-weight: 500; }

#cart-settings-wrapper table {
  width: 100%; }
  #cart-settings-wrapper table thead tr {
    background: #565656;
    color: #fff; }
    #cart-settings-wrapper table thead tr th {
      font-weight: 400; }
  #cart-settings-wrapper table tr.odd {
    background: #f8f8f8; }
  #cart-settings-wrapper table td, #cart-settings-wrapper table th {
    padding: 5px;
    padding-left: 10px;
    height: 30px; }
    #cart-settings-wrapper table td a, #cart-settings-wrapper table th a {
      font-weight: 400; }

#cart-settings-wrapper button.link-button {
  background: none !important;
  border: none;
  padding: 0 !important;
  font: inherit;
  cursor: pointer;
  color: #0062c7; }

#cart-settings-wrapper button.link-button:hover {
  color: #003c7b; }

#cart-settings-wrapper .left {
  float: left; }

#cart-settings-wrapper .right {
  float: right; }

#cart-settings-wrapper .account-subtext {
  font-size: 1em;
  font-weight: 300;
  line-height: 1; }

#cart-settings-wrapper .account-subheader {
  font-size: 1.3em;
  font-weight: 500; }

#cart-settings-wrapper .account-table-title {
  font-size: 1.3em;
  font-weight: 400; }

#cart-settings-wrapper .account-table-row {
  height: 40px; }

#cart-settings-wrapper .account-table-even {
  background-color: #fff; }

#cart-settings-wrapper .account-table-odd {
  background-color: #f8f8f8; }

#cart-settings-wrapper .sg-input {
  border-color: #181818;
  color: #000; }

#cart-settings-wrapper .sg-select {
  height: 30px;
  width: 100%;
  border: 1px solid #181818;
  font-size: 1em;
  font-weight: 300;
  color: #000;
  padding-left: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0px;
  background-color: #fff;
  min-width: 60px; }
  #cart-settings-wrapper .sg-select option {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px; }

#cart-settings-wrapper .sg-select-icon {
  color: #000;
  font-size: 1.3em;
  pointer-events: none;
  position: absolute;
  margin-left: -16px;
  margin-top: 6px; }

#cart-settings-wrapper form:first-child p {
  margin-top: 0; }

#cart-settings-wrapper form .spectrum-wrapper {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0;
  border: 1px solid #999999; }
  #cart-settings-wrapper form .spectrum-wrapper .sp-preview {
    width: 100%;
    height: 100%;
    border: none; }
  #cart-settings-wrapper form .spectrum-wrapper .sp-dd {
    display: none;
    background-color: #999999;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 20px;
    text-align: center;
    vertical-align: middle; }
  #cart-settings-wrapper form .spectrum-wrapper:hover {
    border: 1px solid #999999; }
  #cart-settings-wrapper form .spectrum-wrapper:focus {
    outline: none;
    border: 1px solid #525252; }

#cart-settings-wrapper #forgot-password {
  float: right;
  margin-bottom: 10px; }
  #cart-settings-wrapper #forgot-password a {
    color: #0062c7;
    font-size: 1em;
    text-decoration: none; }
    #cart-settings-wrapper #forgot-password a:hover {
      color: #003c7b; }

#cart-settings-wrapper #auth-shared {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #999999;
  font-weight: 500;
  font-size: 1.14em; }
  #cart-settings-wrapper #auth-shared p {
    line-height: 1em;
    margin-bottom: 5px; }

.payment_methods .v-middle {
  margin-top: 5px; }

.payment_methods .exp_drop {
  width: 60px; }

.payment_methods .cc_cvv {
  width: 60px; }

.payment_methods form {
  display: inline; }

.payment_methods .method_error {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #E90000; }

.payment_method_edit .pay-icon, .subscription-payment-edit .pay-icon, .subscription-address-edit .pay-icon {
  font-size: 1.667em;
  margin-right: 10px; }

.payment_method_edit .checkout-secure-text, .subscription-payment-edit .checkout-secure-text, .subscription-address-edit .checkout-secure-text {
  line-height: 14px; }

.payment_method_edit .exp-date-wrapper, .subscription-payment-edit .exp-date-wrapper, .subscription-address-edit .exp-date-wrapper {
  float: left; }

.payment_method_edit .sec_yellow, .subscription-payment-edit .sec_yellow, .subscription-address-edit .sec_yellow {
  background-color: #fffde4 !important; }

.payment_method_edit .payment-gray, .subscription-payment-edit .payment-gray, .subscription-address-edit .payment-gray {
  font-size: 1em;
  color: #999999;
  font-weight: 300; }

.subscription-payment-edit, .subscription-address-edit {
  padding-top: 20px; }
  .subscription-payment-edit label, .subscription-address-edit label {
    font-weight: 300; }
  .subscription-payment-edit .input-row, .subscription-address-edit .input-row {
    display: inline-block; }
  .subscription-payment-edit #new_payment_form, .subscription-payment-edit #new_address_form, .subscription-address-edit #new_payment_form, .subscription-address-edit #new_address_form {
    display: none; }
    .subscription-payment-edit #new_payment_form .input-row, .subscription-payment-edit #new_address_form .input-row, .subscription-address-edit #new_payment_form .input-row, .subscription-address-edit #new_address_form .input-row {
      display: block; }
    .subscription-payment-edit #new_payment_form label, .subscription-payment-edit #new_address_form label, .subscription-address-edit #new_payment_form label, .subscription-address-edit #new_address_form label {
      font-weight: 500; }

.order-history, .bisns, .gv, .sendspend-gv, .wishlist, .payment_methods {
  font-size: 1em;
  font-weight: 300;
  padding-top: 20px; }
  .order-history div[class*="message-stack-"], .bisns div[class*="message-stack-"], .gv div[class*="message-stack-"], .sendspend-gv div[class*="message-stack-"], .wishlist div[class*="message-stack-"], .payment_methods div[class*="message-stack-"] {
    margin-top: 0;
    margin-bottom: 10px; }

.sendspend-gv h2 {
  text-transform: uppercase; }

.sendspend-gv label {
  text-transform: uppercase;
  float: right; }

.sendspend-gv .sg-textarea {
  height: auto;
  padding-top: 3px; }

.sendspend-gv .input-row {
  line-height: 30px; }

.sendspend-gv .message-stack-error {
  margin-bottom: 20px; }

.order-history .search-count {
  line-height: 29px; }

.order-history .history-listing {
  margin-top: 10px; }
  .order-history .history-listing .row {
    margin-left: 0;
    margin-right: 0;
    padding: 5px 0; }
    .order-history .history-listing .row.odd {
      background: #f7f7f7; }
  .order-history .history-listing .head {
    background: #525252;
    color: #fff;
    font-weight: 400; }
    .order-history .history-listing .head .order-view {
      text-align: center; }
  .order-history .history-listing .order-id {
    text-align: center; }
  .order-history .history-listing .order-total {
    text-align: right; }
  .order-history .history-listing .order-status {
    font-weight: 400; }
    .order-history .history-listing .order-status form {
      display: inline; }
  .order-history .history-listing .order-view {
    text-align: right; }
  .order-history .history-listing .xs-label {
    display: none; }

.order-details .order-header {
  color: #FFFFFF;
  font-size: 1em;
  height: 30px;
  line-height: 2em;
  padding-left: 13px;
  width: 100%;
  background: #525252; }

.order-details .status-description {
  padding-left: 13px;
  margin: 5px 0; }
  .order-details .status-description form {
    display: inline; }

.order-details .checkout-sidebar-header,
.order-details .details-header {
  color: #FFFFFF;
  font-size: 1em;
  height: 30px;
  line-height: 2em;
  padding-left: 13px;
  width: 100%;
  background: #666; }

.order-details .confirm-cart .sg-sublabel {
  font-weight: 500; }

.order-details .confirm-cart .product_id {
  color: #525252; }

.order-details .confirm-cart .right-padding {
  padding-right: 60px; }

.order-details .hr-gray {
  margin-top: 5px; }

.order-details .hr-header {
  margin: 0; }

.order-details .checkout-center-ot .checkout-center-ot-title {
  color: #525252;
  text-align: right; }

.order-details .checkout-center-ot .checkout-center-ot-text {
  text-align: right; }

.order-details .right-padding {
  padding-right: 60px; }

.account-history-info .account-history-product-info-table tr:nth-child(2n) {
  background-color: #EEE; }

.address-book .address-label {
  font-weight: bold; }

.address-book form {
  display: inline; }

.address-book address {
  line-height: 16px; }

.address-book .blue-button {
  float: left;
  margin-right: 5px; }

.subscriptions h2, .manage-subscription h2 {
  margin-top: 10px;
  font-size: 1.667em;
  color: #000000;
  font-weight: 300; }

.subscriptions table, .manage-subscription table {
  width: 100%; }

.subscriptions th, .manage-subscription th {
  height: 28px;
  background-color: #565656;
  color: #fff;
  font-size: 1em;
  font-weight: 400; }

.subscriptions .text-left, .manage-subscription .text-left {
  text-align: left; }

.subscriptions .text-right, .manage-subscription .text-right {
  text-align: right; }

.manage-subscription {
  padding-top: 20px;
  font-weight: 300;
  font-size: 1em; }
  .manage-subscription address {
    margin-bottom: 0px; }

#gvRedeemDefaultHeading {
  font-size: 1.5556em;
  line-height: 1;
  font-weight: 500;
  margin-top: 0px;
  color: #999;
  margin-bottom: 0px; }

.gv #gv-redeem-form {
  display: inline; }

.gv #gv_no {
  vertical-align: middle;
  width: 42%; }

.gv .gv-balance {
  font-weight: 400;
  font-size: 1.14em;
  text-align: right;
  line-height: 2em; }

.gv .balance-amount {
  color: #008000; }

.gv table {
  margin-top: 10px; }
  .gv table td:last-of-type, .gv table th:last-of-type {
    text-align: right; }
  .gv table tbody .gv-desc {
    font-weight: 400; }
  .gv table tbody .gv-amount {
    font-weight: 400; }
  .gv table tbody .gv-amount.redeemed {
    color: #008000; }
  .gv table tbody .gv-amount.applied,
  .gv table tbody .gv-amount.sent {
    color: #E90000; }

.bisns table .price {
  text-align: right; }

.bisns table .status {
  text-align: center; }

.bisns table .actions {
  text-align: center; }

.bisns table td.product,
.bisns table td.status {
  font-weight: 400; }

.bisns table td.actions {
  font-weight: 500; }

.bisns table .custom-oos {
  color: #E90000; }

.address-edit .sg-label {
  height: 30px;
  line-height: 30px; }

.address-edit .checkout-error-address {
  line-height: 30px; }

.address-edit .blue-button {
  float: left;
  margin-right: 5px; }

@media (min-width: 1023px) and (max-width: 1365px) {
  .gv table {
    margin-top: 0; } }

@media (max-width: 1023px) {
  .gv .blue-button {
    margin-left: 0px; }
  .gv table {
    margin-top: 0; }
  .gv #gv_no {
    width: 60%; }
  .gv #gv-send {
    margin-top: 10px; } }

#gv-redeem-form .blue-button {
  vertical-align: middle; }

@media (max-width: 767px) {
  #cart-settings-wrapper {
    padding: 0 10px 0 10px;
    margin: 0 auto; }
    #cart-settings-wrapper h1, #cart-settings-wrapper h2 {
      margin-left: 0px; }
    #cart-settings-wrapper #auth-intro {
      float: none;
      width: auto; }
    #cart-settings-wrapper #auth-forms {
      display: block;
      border-left: none;
      padding-left: 0;
      margin-top: 0;
      width: 100%; }
  .gv #gv_no {
    width: 100%; }
  .gv #gv-send {
    width: 100%; }
  .gv #gv-redeem-form .blue-button {
    width: 100%;
    margin-top: 10px;
    vertical-align: auto; }
  .order-history .history-listing .row {
    margin-left: -10px;
    margin-right: -10px; }
  .order-history .history-listing .order-id {
    text-align: left; }
  .order-history .history-listing .order-total {
    text-align: left; }
  .order-history .history-listing .order-view {
    text-align: left; }
  .order-history .history-listing .xs-label {
    display: inline;
    color: #777;
    text-transform: none;
    font-weight: 300; }
  .sendspend-gv #gvSendDefaultBalance,
  .sendspend-gv #gvSendDefaultMainContent,
  .sendspend-gv .advisory,
  .sendspend-gv .gv-send-confirm,
  .sendspend-gv #gvSendDefaultContentSuccess {
    padding: 0 10px; }
  .sendspend-gv .back-gv-wrapper {
    padding: 0 20px; }
  .sendspend-gv label {
    float: none;
    margin-left: 10px; }
  .sendspend-gv .required {
    margin-left: 20px; }
  .payment-modules .mobile-right {
    float: right;
    display: block;
    clear: both; } }

#my-wishlists-table {
  width: 100%;
  margin: 0;
  padding: 0; }
  #my-wishlists-table #my-wishlists-header {
    background-color: #525252;
    color: white; }
  #my-wishlists-table tr:nth-child(2n) {
    background-color: #f8f8f8; }

.linkbutton {
  background: none;
  border: none;
  color: #0062c7;
  cursor: pointer;
  display: inline;
  padding: 0;
  margin: 0; }
  .linkbutton:hover {
    color: #00709d; }

#mobile-wishlist-ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  display: block;
  position: relative; }
  #mobile-wishlist-ul li {
    display: block;
    margin-bottom: 20px; }
    #mobile-wishlist-ul li .wishlist-ul-name {
      color: white;
      background-color: #777;
      text-align: center;
      width: 100%;
      padding-top: 10px !important;
      padding-bottom: 10px !important; }
      #mobile-wishlist-ul li .wishlist-ul-name a {
        color: white !important; }
    #mobile-wishlist-ul li div {
      position: relative;
      text-align: right;
      padding-top: 2px !important;
      padding-right: 0 !important; }

#add-to-wishlist-container, #add-to-wishlist-container-mobile {
  border: 2px solid #0062c7;
  border-radius: 4px;
  height: 40px; }
  #add-to-wishlist-container #add-btn, #add-to-wishlist-container #add-btn-mobile, #add-to-wishlist-container-mobile #add-btn, #add-to-wishlist-container-mobile #add-btn-mobile {
    border: 0 none;
    border-radius: 0;
    font-size: 16px;
    height: 36px;
    line-height: 16px; }
    #add-to-wishlist-container #add-btn:hover, #add-to-wishlist-container #add-btn:focus:hover, #add-to-wishlist-container #add-btn-mobile:hover, #add-to-wishlist-container #add-btn-mobile:focus:hover, #add-to-wishlist-container-mobile #add-btn:hover, #add-to-wishlist-container-mobile #add-btn:focus:hover, #add-to-wishlist-container-mobile #add-btn-mobile:hover, #add-to-wishlist-container-mobile #add-btn-mobile:focus:hover {
      background-color: #0062c7;
      color: white; }
    #add-to-wishlist-container #add-btn:focus, #add-to-wishlist-container #add-btn:focus-visible, #add-to-wishlist-container #add-btn-mobile:focus, #add-to-wishlist-container #add-btn-mobile:focus-visible, #add-to-wishlist-container-mobile #add-btn:focus, #add-to-wishlist-container-mobile #add-btn:focus-visible, #add-to-wishlist-container-mobile #add-btn-mobile:focus, #add-to-wishlist-container-mobile #add-btn-mobile:focus-visible {
      outline: revert;
      outline-offset: 0; }
    #add-to-wishlist-container #add-btn:focus, #add-to-wishlist-container #add-btn-mobile:focus, #add-to-wishlist-container-mobile #add-btn:focus, #add-to-wishlist-container-mobile #add-btn-mobile:focus {
      background-color: white;
      color: #0062c7; }
    #add-to-wishlist-container #add-btn:focus-visible, #add-to-wishlist-container #add-btn-mobile:focus-visible, #add-to-wishlist-container-mobile #add-btn:focus-visible, #add-to-wishlist-container-mobile #add-btn-mobile:focus-visible {
      background-color: #0062c7;
      color: white; }
    #add-to-wishlist-container #add-btn::after, #add-to-wishlist-container #add-btn-mobile::after, #add-to-wishlist-container-mobile #add-btn::after, #add-to-wishlist-container-mobile #add-btn-mobile::after {
      content: "";
      font-family: FontAwesome;
      content: '\f107';
      padding-left: 5px; }
  #add-to-wishlist-container #create-btn-container, #add-to-wishlist-container #create-btn-container-mobile, #add-to-wishlist-container-mobile #create-btn-container, #add-to-wishlist-container-mobile #create-btn-container-mobile {
    margin: 10px; }
  #add-to-wishlist-container ul, #add-to-wishlist-container-mobile ul {
    border-radius: 4px;
    display: none;
    list-style: none outside none;
    padding-left: 0;
    margin: 10px; }
    #add-to-wishlist-container ul li, #add-to-wishlist-container-mobile ul li {
      display: block; }
      #add-to-wishlist-container ul li *, #add-to-wishlist-container-mobile ul li * {
        cursor: pointer; }
      #add-to-wishlist-container ul li input[type=checkbox], #add-to-wishlist-container-mobile ul li input[type=checkbox] {
        float: left; }
        #add-to-wishlist-container ul li input[type=checkbox]:hover + label, #add-to-wishlist-container ul li input[type=checkbox]:focus + label, #add-to-wishlist-container-mobile ul li input[type=checkbox]:hover + label, #add-to-wishlist-container-mobile ul li input[type=checkbox]:focus + label {
          text-decoration: underline; }
      #add-to-wishlist-container ul li label, #add-to-wishlist-container-mobile ul li label {
        font-weight: normal;
        margin-left: 0.5em;
        text-align: left; }
        #add-to-wishlist-container ul li label:hover, #add-to-wishlist-container ul li label:focus, #add-to-wishlist-container-mobile ul li label:hover, #add-to-wishlist-container-mobile ul li label:focus {
          text-decoration: underline; }
  #add-to-wishlist-container #create-btn-container, #add-to-wishlist-container #create-btn-container-mobile, #add-to-wishlist-container-mobile #create-btn-container, #add-to-wishlist-container-mobile #create-btn-container-mobile {
    display: none; }

.wl-dc-name {
  color: #E90000;
  font-weight: 900; }

.wl-dc-add {
  color: #E90000;
  font-weight: 900;
  text-align: right; }

#add-to-wishlist-container, #add-to-wishlist-container-mobile {
  margin-top: 20px; }
  #add-to-wishlist-container ul, #add-to-wishlist-container-mobile ul {
    display: none; }
  #add-to-wishlist-container.open, #add-to-wishlist-container-mobile.open {
    height: auto !important; }
    #add-to-wishlist-container.open ul, #add-to-wishlist-container.open #create-btn-container, #add-to-wishlist-container.open #create-btn-container-mobile, #add-to-wishlist-container-mobile.open ul, #add-to-wishlist-container-mobile.open #create-btn-container, #add-to-wishlist-container-mobile.open #create-btn-container-mobile {
      display: block; }
    #add-to-wishlist-container.open #add-btn::after, #add-to-wishlist-container-mobile.open #add-btn::after {
      content: '\f106'; }
  #add-to-wishlist-container button, #add-to-wishlist-container-mobile button {
    font-size: 14px; }

#add-to-wishlist-container-mobile ul {
  display: none; }

#add-to-wishlist-container-mobile.open {
  height: auto !important;
  border-color: #737373; }
  #add-to-wishlist-container-mobile.open ul {
    display: block; }

.modal {
  border-radius: 0;
  border: none; }
  .modal input:last-child {
    margin-bottom: 0; }
  .modal .form-group:last-of-type {
    margin-bottom: 0; }
  .modal .modal-header {
    background-color: #333;
    color: #ffffff;
    padding: 9px 10px; }
    .modal .modal-header h5, .modal .modal-header h6 {
      margin: 0 0 0 0; }
    .modal .modal-header h5 {
      margin-bottom: 0px;
      font-weight: 400; }
    .modal .modal-header h6 {
      font-weight: 400; }
    .modal .modal-header .close {
      background-color: #333;
      color: #ffffff;
      opacity: 1.0;
      margin: 0;
      font-size: 20px;
      line-height: 10px;
      padding: 0px 0px 9px 0px;
      text-shadow: none; }
      .modal .modal-header .close:hover {
        color: #999999; }
  .modal .modal-body {
    background-color: #fff;
    padding: 10px; }
  .modal .close-button-wrapper {
    overflow: hidden; }
    .modal .close-button-wrapper .blue-button {
      float: right; }
  .modal .loading {
    background: #FFA702;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 5px;
    text-align: center; }

#email-wishlist-modal h1 {
  margin-left: 0;
  margin-right: 0; }

#email-wishlist-modal .row {
  margin-bottom: 10px; }

#email-wishlist-modal .row.last {
  margin-bottom: 0; }

#email-wishlist-modal .col-label {
  line-height: 30px; }

#email-wishlist-modal .form-wrapper {
  padding: 0; }

#email-wishlist-modal textarea {
  width: 100%;
  border: 1px solid #999;
  padding: 5px;
  color: #525252;
  font-weight: 300; }

#email-wishlist-modal .btn-email-wishlist {
  float: right; }

#email-wishlist-modal .wishlist_error,
#email-wishlist-modal .wishlist_success {
  color: #fff;
  padding: 5px;
  text-align: center;
  margin-bottom: 10px; }

#email-wishlist-modal .wishlist_error {
  background: #E90000; }

#email-wishlist-modal .wishlist_success {
  background: #008000; }

#generate-quote-modal h1 {
  margin-left: 0;
  margin-right: 0; }

#generate-quote-modal .form-wrapper {
  padding: 0; }

#generate-quote-modal #shipping-method-pulldown {
  width: 100%; }

#generate-quote-modal select {
  width: 100%; }

#generate-quote-modal .button-row {
  margin-top: 10px;
  padding: 0 10px; }
  #generate-quote-modal .button-row .blue-button {
    float: right; }

#form-wishlist-create {
  display: block;
  font-weight: bold; }
  #form-wishlist-create label {
    display: block;
    width: 100%;
    margin: 20px 0 5px 0; }
  #form-wishlist-create input[type=text], #form-wishlist-create textarea {
    border: 1px solid #999;
    border-radius: 0;
    width: 100%;
    padding: 10px; }
  #form-wishlist-create input[type=text] {
    height: 40px; }
  #form-wishlist-create textarea {
    height: 150px; }
  #form-wishlist-create button {
    margin-top: 20px; }

#quoteform {
  display: block;
  font-weight: bold; }
  #quoteform label {
    display: block;
    width: 100%;
    margin: 20px 0 5px 0; }
  #quoteform input[type=text], #quoteform textarea, #quoteform select {
    border: 1px solid #999;
    border-radius: 0;
    width: 100%;
    padding: 10px;
    margin-top: -5px; }
  #quoteform input[type=text] {
    height: 40px; }
  #quoteform textarea {
    height: 150px; }
  #quoteform button {
    margin-top: 20px; }

.wishlist .wishlist-header {
  background-color: #525252;
  color: #fff;
  font-weight: 400;
  height: 30px;
  line-height: 31px;
  margin-top: 10px;
  padding-left: 12px;
  width: 100%; }

.wishlist .wishlist-settings-form {
  display: block;
  font-weight: bold; }
  .wishlist .wishlist-settings-form > label, .wishlist .wishlist-settings-form legend {
    display: block;
    width: 100%;
    margin: 20px 0 5px 0; }
  .wishlist .wishlist-settings-form fieldset label {
    display: block;
    margin-bottom: 0; }
  .wishlist .wishlist-settings-form input[type=text], .wishlist .wishlist-settings-form textarea {
    border: 1px solid #999;
    border-radius: 0;
    width: 50%;
    padding: 10px; }
  .wishlist .wishlist-settings-form input[type=text] {
    height: 40px; }
  .wishlist .wishlist-settings-form textarea {
    height: 150px; }
  .wishlist .wishlist-settings-form .radio-buttons {
    margin: 0 0 20px 0; }
  .wishlist .wishlist-settings-form .wishlist-setting-buttons {
    text-align: right; }

.wishlist .wishlist_error, .wishlist .wishlist_success {
  color: #FFFFFF;
  border: 1px solid #9A9A9A;
  line-height: 1.8em;
  padding: 0.2em;
  font-size: 1em;
  margin-bottom: 10px; }

.wishlist .wishlist_error {
  background-color: #E90000; }

.wishlist .wishlist_success {
  background-color: #94ea80; }

.wishlist h2 {
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  color: #666; }

.wishlist .shopping-cart-table-header {
  color: #666;
  font-weight: 500; }

.wishlist .cart-input {
  border: 1px solid #999999;
  border-radius: 0;
  height: 30px;
  text-align: center;
  vertical-align: middle; }

.wishlist .cart-row .cart-img-name-container {
  display: flex; }

.wishlist .cart-row .cart-img-container {
  height: 62px;
  width: 82px;
  overflow: visible;
  /* for focus ring */
  position: relative; }
  .wishlist .cart-row .cart-img-container > a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .wishlist .cart-row .cart-img-container > a:focus {
      outline: thin dashed;
      outline-offset: 0; }

.wishlist .cart-row .cart-products-name {
  flex: 1;
  padding-left: 10px; }
  .wishlist .cart-row .cart-products-name a {
    font-weight: 500; }
  .wishlist .cart-row .cart-products-name .product_id {
    color: #666; }
  .wishlist .cart-row .cart-products-name .flag {
    font-weight: bold;
    color: #E90000;
    white-space: nowrap;
    display: block; }

.wishlist .cart-row .shopping-cart-row-name-meta-title {
  color: #000;
  font-size: 14px; }

.wishlist .cart-row .cart-input {
  -moz-box-sizing: content-box;
  line-height: 14px;
  margin-top: -1px;
  width: 60px; }

.wishlist .cart-row .shopping-cart-trash-container {
  text-align: center; }
  .wishlist .cart-row .shopping-cart-trash-container button.delete_X {
    border: none;
    background: none; }

.wishlist .cart-row .vertical-middle {
  vertical-align: middle; }

.wishlist .cart-row .cart-fake-button i {
  background-color: #FFFFFF;
  border: 0 none;
  color: #666;
  font-size: 16px;
  margin: 0;
  padding: 0; }

.wishlist .cart-subtotals {
  color: #666; }

.wishlist .cart-total {
  font-weight: 500; }

@media (min-width: 1023px) and (max-width: 1365px) {
  .wishlist .add-to-cart-container .blue-button {
    font-size: 14px; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .wishlist .add-to-cart-container .blue-button {
    font-size: 14px; } }

@media (max-width: 767px) {
  .add-to-cart-wishlist-form {
    clear: both; }
  .wishlist-settings-form input[type=text], .wishlist-settings-form textarea {
    width: 100% !important; }
  #add-btn-mobile, #create-btn-mobile {
    width: 100% !important; }
  #my-wishlists-table {
    display: none !important; }
  #create-btn {
    display: block;
    width: 100% !important;
    height: 100%; }
  .hidden-pipe {
    display: none; }
  #add-to-wishlist-container-mobile {
    height: 54px; }
    #add-to-wishlist-container-mobile #add-btn, #add-to-wishlist-container-mobile #add-btn-mobile {
      height: 50px; }
  .wishlist {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0px; }
    .wishlist .row {
      margin-right: 0px; }
      .wishlist .row .col-xs-12 {
        padding-right: 0; }
    .wishlist .blue-button,
    .wishlist .gray-button {
      height: 50px;
      font-size: 16px;
      font-weight: 400;
      width: 100%;
      margin-top: 10px; }
    .wishlist .rtl {
      direction: rtl; }
    .wishlist .shopping-cart-table-header {
      margin-left: 0px; }
    .wishlist .cart-row {
      margin-top: 10px;
      margin-bottom: 10px; }
      .wishlist .cart-row .cart-products-name {
        width: auto;
        font-size: 16px;
        margin-left: 10px;
        padding-left: 0px; }
      .wishlist .cart-row div[class*="cart-row-price-"] {
        font-weight: 400; }
      .wishlist .cart-row .vertical-middle {
        vertical-align: top;
        line-height: inherit; }
      .wishlist .cart-row .cart-fake-button i {
        font-size: 16px; }
      .wishlist .cart-row .cart-input {
        margin-top: 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%; }
      .wishlist .cart-row .shopping-cart-trash-container {
        text-align: right; }
      .wishlist .cart-row .add-to-cart-container {
        padding-left: 20px; }
    .wishlist .actions-container {
      padding-left: 10px; } }

@media print {
  .col-print-2 {
    width: 16.6667%; }
  .col-print-7 {
    width: 58.3333%; }
  .col-print-9 {
    width: 75%; }
  .cart-products-name .product-id {
    display: block;
    clear: both; }
  .wishlist-product-information-title {
    width: 75%; }
  .wishlist-product-information {
    width: 75%; }
  .cart-qty {
    border: none;
    padding: 0;
    color: #0062c7; } }

.ccjs-csc-help {
  border: 1px solid #c7cbce;
  height: 30px;
  line-height: 13px;
  margin-top: 5px;
  background-color: #CACACA; }

.ccjs-csc-help:hover {
  background-color: #AEAEAE; }

.ccjs-csc-help:focus, .ccjs-csc-help:active {
  border: 0; }

.ccjs-card .ccjs-csc-diagram-wrapper.ccjs-active .ccjs-csc-diagram, .ccjs-card-style .ccjs-csc-diagram-wrapper.ccjs-active .ccjs-csc-diagram, .ccjs-card .ccjs-csc-diagram-wrapper.ccjs-active .ccjs-csc-diagram-amex, .ccjs-card-style .ccjs-csc-diagram-wrapper.ccjs-active .ccjs-csc-diagram-amex {
  opacity: 1;
  transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
  visibility: visible; }

.ccjs-card .ccjs-csc-diagram, .ccjs-card .ccjs-csc-diagram-amex {
  border: 1px solid #C2C2C2; }

.ccjs-card, .ccjs-card .ccjs-csc-diagram, .ccjs-card .ccjs-csc-diagram-amex {
  border-radius: 0.75em; }

.ccjs-card .ccjs-csc-diagram, .ccjs-card-style .ccjs-csc-diagram {
  bottom: 52%; }

.ccjs-csc-diagram-wrapper {
  display: inline-block;
  position: absolute;
  width: 0px;
  margin-top: -20%; }

.ccjs-card .ccjs-csc-diagram, .ccjs-card-style .ccjs-csc-diagram, .ccjs-card .ccjs-csc-diagram-amex, .ccjs-card-style .ccjs-csc-diagram-amex {
  background-color: #FAFAFA;
  color: #767F86;
  font-size: 0.6875em;
  margin-left: 1em;
  opacity: 0;
  position: relative;
  transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
  visibility: hidden;
  z-index: 1;
  display: inline-block; }

.ccjs-card .ccjs-csc-diagram-wrapper div, .ccjs-card-style .ccjs-csc-diagram-wrapper div {
  margin: 0;
  padding: 0; }

.ccjs-card .ccjs-csc-diagram .ccjs-barcode, .ccjs-card-style .ccjs-csc-diagram .ccjs-barcode {
  height: 2em;
  width: 100%;
  background-color: #5e656b;
  margin-top: 2em; }

.ccjs-card .ccjs-csc-diagram .ccjs-signature, .ccjs-card-style .ccjs-csc-diagram .ccjs-signature {
  background-color: #fafafa;
  display: inline-block;
  padding: .5em;
  margin-left: 0.5em; }

.ccjs-card .ccjs-csc-diagram .ccjs-card-code, .ccjs-card-style .ccjs-csc-diagram .ccjs-card-code {
  padding: .5em 1em;
  display: inline-block;
  background-color: #fff; }

.ccjs-card .ccjs-csc-diagram .ccjs-card-code, .ccjs-card-style .ccjs-csc-diagram .ccjs-card-code, .ccjs-card .ccjs-csc-diagram-amex .ccjs-card-code, .ccjs-card-style .ccjs-csc-diagram-amex .ccjs-card-code {
  color: #78d216;
  font-weight: 400; }

.ccjs-card .ccjs-csc-diagram .ccjs-explanation, .ccjs-card-style .ccjs-csc-diagram .ccjs-explanation, .ccjs-card .ccjs-csc-diagram-amex .ccjs-explanation, .ccjs-card-style .ccjs-csc-diagram-amex .ccjs-explanation {
  padding: .5em;
  font-size: 1.2em; }

.ccjs-hidden-card-type {
  display: none; }

.ccjs-card .ccjs-csc-diagram-amex .ccjs-card-number, .ccjs-card-style .ccjs-csc-diagram-amex .ccjs-card-number {
  margin-top: 3em;
  text-align: center;
  width: 100%;
  font-size: 1.2em;
  letter-spacing: .15em; }

.ccjs-card .ccjs-csc-diagram-amex .ccjs-card-code, .ccjs-card-style .ccjs-csc-diagram-amex .ccjs-card-code {
  position: absolute;
  top: 0;
  margin-top: 2.5em;
  margin-right: 2.5em;
  right: 0; }

@media (max-width: 767px) {
  .ccjs-card {
    width: 90%; } }

.hover-img-box {
  overflow: hidden;
  position: relative; }
  .hover-img-box > a {
    /* stretch link over the whole box */
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2; }
    .hover-img-box > a:focus {
      outline-offset: 0; }
  .hover-img-box .hover-img-text {
    background-color: rgba(0, 0, 0, 0.75);
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0px;
    z-index: 10; }
  .hover-img-box img, .hover-img-box video {
    z-index: 1; }

@media screen and (min-width: 1024px) {
  .hover-img-box {
    overflow: visible; }
    .hover-img-box .hover-img-text {
      bottom: -41px;
      height: 70px; }
  .hover-img-box {
    -webkit-backface-visibility: hidden; }
    .hover-img-box .hover-img-text {
      -webkit-transition: -webkit-transform 300ms ease-in-out;
      -moz-transition: -moz-transform 300ms ease-in-out;
      -o-transition: -o-transform 300ms ease-in-out;
      transition: transform 300ms ease-in-out;
      -webkit-backface-visibility: hidden; }
  .hover-img-box:hover .hover-img-text, .hover-img-box a:focus .hover-img-text {
    -webkit-transition: -webkit-transform 300ms ease;
    -moz-transition: -moz-transform 300ms ease;
    -o-transition: -o-transform 300ms ease;
    transition: transform 300ms ease;
    -webkit-transform: translate(0, -40px);
    -moz-transform: translate(0, -40px);
    -o-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    transform: translate(0, -40px);
    -webkit-backface-visibility: hidden; } }

@media screen and (max-width: 1365px) {
  .hover-img-box:hover .hover-img-text, a:focus > .hover-img-box .hover-img-text {
    background-color: rgba(0, 0, 0, 0.85); } }

@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .categories-wrapper .hover-img-box {
    height: 169px; } }

@media screen and (min-width: 767px) and (max-width: 1023px) {
  .categories-wrapper .hover-img-box {
    height: 167px; } }

@media screen and (max-width: 767px) {
  .categories-wrapper .prodvid-container {
    max-height: none; }
    .categories-wrapper .prodvid-container .categories-prod-video {
      display: block; } }

@media screen and (max-width: 432px) {
  .related-product {
    width: 100%; }
    .related-product .hover-img-box {
      height: auto;
      max-height: none; }
    .related-product .hover-img-text {
      height: auto;
      font-size: 16px;
      line-height: 1.4em;
      padding: 10px; } }

.dropdown .dropdown-label {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  outline: 0;
  padding: 0;
  text-underline-offset: 0.1em; }
  .dropdown .dropdown-label:focus-visible {
    border: none;
    outline: 1px dotted;
    text-decoration: underline; }

.dropdown .dropdown-container {
  z-index: 9000;
  position: absolute;
  top: 100%;
  right: 0;
  height: auto;
  padding: 0;
  background: white;
  overflow: hidden;
  box-sizing: content-box; }
  .dropdown .dropdown-container[hidden] {
    display: none;
    height: 0; }

.dropdown .dropdown-content {
  margin-bottom: 0; }
  .dropdown .dropdown-content li {
    text-decoration: none;
    display: block; }

.dropdown.account-dropdown {
  position: relative;
  color: #0062c7; }
  .dropdown.account-dropdown button {
    color: #0062c7; }
    .dropdown.account-dropdown button:focus, .dropdown.account-dropdown button:focus-within, .dropdown.account-dropdown button:hover, .dropdown.account-dropdown button:active, .dropdown.account-dropdown button.active {
      color: #003c7b;
      text-decoration: none; }
      .dropdown.account-dropdown button:focus span, .dropdown.account-dropdown button:focus-within span, .dropdown.account-dropdown button:hover span, .dropdown.account-dropdown button:active span, .dropdown.account-dropdown button.active span {
        text-decoration: underline; }
    .dropdown.account-dropdown button:after {
      font-family: FontAwesome;
      content: '\f107';
      padding-left: 5px; }
    .dropdown.account-dropdown button[aria-expanded="true"]:after {
      content: '\f106'; }
  .dropdown.account-dropdown .dropdown-container {
    z-index: 9500;
    transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
    box-shadow: 0px 5px 7px rgba(100, 100, 100, 0.5); }

.dropdown-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: black;
  opacity: .5; }

.adabox-body {
  background-color: #000; }

#adabox-container {
  background-color: #000000; }
  #adabox-container #adafruit-header {
    border-bottom: 2px solid #FFF;
    height: 100px; }
    #adabox-container #adafruit-header #header-profile {
      height: auto; }
    #adabox-container #adafruit-header #navigation {
      width: auto; }
    #adabox-container #adafruit-header .adabox-countdown {
      height: 27px;
      font-size: 24px;
      line-height: 0.7;
      color: #fff;
      position: absolute;
      right: 0px;
      top: 55px;
      text-align: right; }
      #adabox-container #adafruit-header .adabox-countdown .adabox_sub_header {
        font-size: 14px; }

.adabox-main-container {
  margin-top: 20px; }

@media (max-width: 767px) {
  #adabox-container {
    height: 65px;
    background-color: #000000; }
    #adabox-container #adafruit-header {
      border-bottom: 2px solid #FFF; }
      #adabox-container #adafruit-header #header-profile {
        height: auto; }
      #adabox-container #adafruit-header #navigation {
        width: auto; }
      #adabox-container #adafruit-header .adabox-countdown {
        height: 27px;
        font-size: 24px;
        line-height: 0.9;
        color: #fff;
        position: absolute;
        right: 0px;
        top: 55px; } }

#adabox-checkout {
  font-style: normal;
  font-weight: 300; }
  #adabox-checkout a {
    color: #2e95ff; }
  #adabox-checkout select {
    -webkit-appearance: none; }
  #adabox-checkout .loginMessage {
    margin: 20px 0; }
    #adabox-checkout .loginMessage label:first-of-type {
      margin-bottom: 12px; }
  @media screen and (max-width: 767px) {
    #adabox-checkout .abc-active-form-container {
      padding: 0 10px; } }
  #adabox-checkout .right {
    text-align: right; }
  #adabox-checkout .totals-line {
    color: #FFF;
    font-size: 18px; }
    #adabox-checkout .totals-line .right {
      text-align: right; }
  #adabox-checkout .totals-total {
    color: #FFF;
    font-size: 24px; }
    #adabox-checkout .totals-total .right {
      text-align: right; }
  #adabox-checkout .totals-notes {
    color: #fff;
    font-size: 14px; }
  #adabox-checkout .step_link {
    cursor: pointer; }
    #adabox-checkout .step_link[data-step-name="step_login"] {
      cursor: default; }
  #adabox-checkout .step-edit {
    color: #2e95ff;
    font-size: 14px; }
  #adabox-checkout h4 {
    font-size: 22px;
    font-weight: 300; }
  #adabox-checkout .abc-message {
    margin-top: 10px;
    font-size: 14px;
    padding: 10px; }
  #adabox-checkout .abc-message-info {
    background-color: #0062c7;
    color: #FFF; }
    #adabox-checkout .abc-message-info a {
      color: #FFF;
      text-decoration: underline; }
  #adabox-checkout .abc-message-error {
    background-color: #FF0000;
    color: #FFF; }
  #adabox-checkout .accounts-ajax {
    margin-top: 12px;
    display: inline-block;
    color: #FFF; }
    #adabox-checkout .accounts-ajax .fa-times {
      color: #F00; }
    #adabox-checkout .accounts-ajax .fa-check {
      color: #00FF00; }
    #adabox-checkout .accounts-ajax div {
      display: inline-block; }
  #adabox-checkout .abc-step-header {
    color: #FFF;
    font-size: 24px;
    font-weight: 300; }
    #adabox-checkout .abc-step-header .bottom-white {
      border-bottom: 2px solid #FFF;
      width: 100%;
      display: block; }
      @media screen and (max-width: 767px) {
        #adabox-checkout .abc-step-header .bottom-white {
          padding: 0 10px; } }
  #adabox-checkout #adabox-checkout-steps-holder {
    margin-left: 20px; }
  #adabox-checkout .adabox-payment-row .sg-label {
    width: auto;
    display: inline-block;
    margin-left: 10px; }
  #adabox-checkout .checkout-secure {
    float: left; }
  #adabox-checkout .checkout-secure-text {
    display: inline-block;
    color: #FFF;
    width: auto; }
  #adabox-checkout .checkout-lock-icon-wrapper {
    display: inline-block; }
  #adabox-checkout .checkout-secure-seal {
    position: absolute;
    right: 0; }
  #adabox-checkout .adabox-payment-contents {
    clear: both; }
    #adabox-checkout .adabox-payment-contents .sg-input {
      float: left; }
    #adabox-checkout .adabox-payment-contents #authorizenet_aim-cc-owner, #adabox-checkout .adabox-payment-contents #authorizenet_aim-cc-number, #adabox-checkout .adabox-payment-contents #authorizenet_aim-cc-nickname, #adabox-checkout .adabox-payment-contents .authorizenet_cim_cc_owner, #adabox-checkout .adabox-payment-contents .authorizenet_cim_cc_number, #adabox-checkout .adabox-payment-contents .authorizenet_cim_cc_nickname {
      width: 250px; }
    #adabox-checkout .adabox-payment-contents #authorizenet_aim-cc-cvv {
      width: 80px; }
  #adabox-checkout .cc-info {
    color: #FFF;
    margin-left: 17px; }
  #adabox-checkout .edit-link {
    margin-left: 27px; }
  #adabox-checkout .ccjs-expiration {
    margin-top: 3px; }
    #adabox-checkout .ccjs-expiration div {
      display: inline-block; }
    #adabox-checkout .ccjs-expiration .sg-select {
      width: 80px; }
    #adabox-checkout .ccjs-expiration .exp-seperator {
      color: #fff;
      display: inline-block;
      font-size: 16px;
      margin-left: 20px;
      width: 18px; }
  #adabox-checkout .payment-field-follow {
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    color: #fff;
    max-width: 400px; }
  #adabox-checkout .cim_cc_info {
    margin-bottom: 0px; }
  #adabox-checkout .ccjs-csc::-moz-placeholder {
    /* Firefox 19+ */
    color: #000; }
  #adabox-checkout .ccjs-csc::-webkit-input-placeholder {
    /* Firefox 19+ */
    color: #000; }
  #adabox-checkout .ccjs-csc:-moz-placeholder {
    /* Firefox 19+ */
    color: #000; }
  #adabox-checkout .ccjs-csc:-ms-input-placeholder {
    /* Firefox 19+ */
    color: #000; }
  #adabox-checkout .edit-link {
    color: #FFF;
    margin-top: -10px; }
    #adabox-checkout .edit-link a {
      color: #FFF; }
  #adabox-checkout .sg-label {
    color: #FFF;
    font-size: 18px;
    font-weight: 300; }
  #adabox-checkout .sg-sublabel {
    font-size: 14px;
    color: #FFF; }
  #adabox-checkout .sg-input {
    height: 40px;
    background-color: #000;
    border: 1px solid #FFF;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    margin-top: 3px; }
  #adabox-checkout .sg-select {
    height: 40px;
    border: 1px solid #FFF;
    font-size: 14px;
    font-weight: 300;
    background-color: #000;
    color: #FFF;
    padding-left: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0px;
    max-width: 100%; }
    #adabox-checkout .sg-select option {
      padding-left: 10px;
      padding-top: 5px;
      padding-bottom: 5px; }
  #adabox-checkout .sg-select-icon {
    color: #FFF;
    font-size: 18px;
    pointer-events: none;
    position: absolute;
    margin-left: -20px;
    margin-top: 12px;
    position: absolute; }
  #adabox-checkout .sg-checkbox {
    display: none; }
  #adabox-checkout .sg-checkbox + label.sg-checkbox-label {
    height: 18px;
    width: 18px;
    border: 2px solid #FFF;
    border-radius: 3px;
    line-height: 0px;
    vertical-align: middle; }
    #adabox-checkout .sg-checkbox + label.sg-checkbox-label i {
      color: #000;
      font-size: 15px; }
  #adabox-checkout .sg-datepicker {
    cursor: pointer;
    padding-left: 10px; }
  #adabox-checkout .sg-datepicker + i {
    color: #FFF;
    font-size: 20px;
    margin-left: -40px;
    vertical-align: middle;
    pointer-events: none; }
  #adabox-checkout .sg-checkbox:active + label.sg-checkbox-label, #adabox-checkout .sg-checkbox:checked + label.sg-checkbox-label {
    background-color: #FFF; }
  #adabox-checkout .blue-button {
    height: 40px;
    width: 310px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px; }
  #adabox-checkout .blue-button:disabled {
    background-color: #999; }
  #adabox-checkout .adabox_payment_method_radio {
    vertical-align: text-top;
    margin: 0; }
  #adabox-checkout .address_label {
    color: #FFF;
    font-size: 14px;
    font-weight: 300; }
  #adabox-checkout .summary-header {
    font-weight: 500;
    color: #FFF; }
  #adabox-checkout .summary-line {
    font-weight: 300;
    color: #FFF; }
  #adabox-checkout .white-line {
    border-bottom: 1px solid #fff;
    border-top: 0 none;
    height: 0;
    margin-bottom: 10px;
    margin-top: 0; }
  #adabox-checkout .checkout-center-ot-text {
    text-align: right;
    color: #FFF;
    font-weight: 300; }
  #adabox-checkout .checkout-center-ot-title {
    text-align: right;
    color: #FFF;
    font-weight: 300; }
  #adabox-checkout .checkout_shipping_radio {
    vertical-align: middle; }
  #adabox-checkout .existingSubscriptionWarning {
    color: white;
    font-weight: bold; }

@media (max-width: 767px) {
  #adabox-checkout #adabox-checkout-steps-holder {
    margin-left: 0px; }
  #adabox-checkout #udab_label {
    margin-bottom: 20px; } }

lite-youtube {
  background-color: #000;
  contain: content;
  cursor: pointer;
  background-position: center center;
  background-size: cover;
  display: block;
  position: relative; }
  lite-youtube .dnt-warning {
    display: none; }
  lite-youtube[data-dnt-warn]:not(.lyt-activated) {
    background-color: #333;
    background-blend-mode: multiply; }
    lite-youtube[data-dnt-warn]:not(.lyt-activated) .dnt-warning {
      color: #FFF;
      display: flex;
      flex-direction: column;
      font-size: 16px;
      font-weight: bold;
      height: 100%;
      justify-content: end;
      padding: 1em 1em 2em;
      position: absolute;
      text-align: center;
      width: 100%;
      white-space: initial; }
      @media (max-width: 767px) {
        lite-youtube[data-dnt-warn]:not(.lyt-activated) .dnt-warning {
          background-color: rgba(0, 0, 0, 0.7);
          justify-content: center;
          z-index: 10; } }

/* gradient */
lite-youtube::before {
  content: attr(data-title);
  display: block;
  position: absolute;
  top: 0;
  /* Pixel-perfect port of YT's gradient PNG, using https://github.com/bluesmoon/pngtocss plus optimizations */
  background-image: linear-gradient(180deg, black 0%, black 14%, black 54%, black 72%, rgba(0, 0, 0, 0) 94%);
  height: 99px;
  width: 100%;
  font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
  color: #eeeeee;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  font-size: 18px;
  padding: 25px 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box; }

lite-youtube:hover::before {
  color: white; }

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
  content: "";
  display: block;
  padding-bottom: calc(100% / (16 / 9)); }

lite-youtube > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0; }

/* play button */
lite-youtube > .lyt-playbtn {
  display: block;
  /* Make the button element cover the whole area for a large hover/click target… */
  width: 100%;
  height: 100%;
  /* …but visually it's still the same size */
  background: no-repeat center/68px 48px;
  /* YT's actual play button svg */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
  position: absolute;
  cursor: pointer;
  z-index: 1;
  filter: grayscale(100%);
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  border: 0; }

lite-youtube:hover > .lyt-playbtn,
lite-youtube .lyt-playbtn:focus {
  filter: none; }

/* Post-click styles */
lite-youtube.lyt-activated {
  cursor: unset; }

lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lyt-playbtn {
  opacity: 0;
  pointer-events: none; }

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }