@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 0.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: 500;
  line-height: normal;
  border-bottom: solid black 1px;
  overflow: hidden;
}
.messaging-container .msg-container {
  display: flex;
  gap: 2em;
  justify-content: space-between;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .messaging-container .msg-container {
    max-width: 728px;
  }
}
@media (min-width: 1024px) {
  .messaging-container .msg-container {
    max-width: 980px;
  }
}
@media (min-width: 1366px) {
  .messaging-container .msg-container {
    max-width: 1300px;
  }
}
.messaging-container .message {
  display: block;
  padding: 10px 0;
  line-height: normal;
}
.messaging-container .message a {
  color: inherit;
  text-decoration: underline;
}
.messaging-container button {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  height: 2em;
  margin-top: 10px;
}
.messaging-container button:hover, .messaging-container button:focus-within {
  filter: invert(25%);
}

.messaging-container.messaging-alert {
  background-color: #d80015;
  color: #fff;
}
.messaging-container.messaging-news {
  background-color: #333;
  color: #fff;
}
.messaging-container.messaging-sale {
  background-color: #027d1b;
  color: #fff;
}
.messaging-container.messaging-halloween {
  background-color: #f89521;
  color: #000;
}

@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;
}

.productThumb {
  width: 100%;
  aspect-ratio: 1.33333;
  background-color: rgb(34.425, 34.425, 34.425);
  color: white;
  border-radius: inherit;
}
.productThumb img, .productThumb video {
  border-radius: inherit;
}

a:has(.productThumb) {
  border-radius: inherit;
}
a:has(.productThumb):focus-visible, a:has(.productThumb):hover:focus-visible {
  outline-offset: 0;
  outline-style: dotted;
  outline-width: 2px;
  outline-color: #0062c7;
}

.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;
}

.dataPage summary, .dataPage details {
  display: revert;
}

.dataPage details {
  margin: 1em;
}

.dataPage h3 {
  font-size: 22px;
}

.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%, rgb(229.5, 229.5, 229.5) 100%);
  border-color: rgb(224.4, 224.4, 224.4);
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc;
}
.btn-default:active, .btn-default.active {
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(224.4, 224.4, 224.4);
}

.btn-primary {
  background-image: linear-gradient(to bottom, #0062c7 0%, rgb(0, 72.8844221106, 148) 100%);
  border-color: rgb(0, 67.8613065327, 137.8);
}
.btn-primary:active, .btn-primary.active {
  background-color: rgb(0, 72.8844221106, 148);
  border-color: rgb(0, 67.8613065327, 137.8);
}

.btn-success {
  background-image: linear-gradient(to bottom, rgb(20.5, 135.9824120603, 255) 0%, rgb(0, 110.5577889447, 224.5) 100%);
  border-color: rgb(0, 105.5346733668, 214.3);
}
.btn-success:active, .btn-success.active {
  background-color: rgb(0, 110.5577889447, 224.5);
  border-color: rgb(0, 105.5346733668, 214.3);
}

.btn-warning {
  background-image: linear-gradient(to bottom, #F2DEDE 0%, rgb(227.5869565217, 185.4130434783, 185.4130434783) 100%);
  border-color: rgb(224.7043478261, 178.0956521739, 178.0956521739);
}
.btn-warning:active, .btn-warning.active {
  background-color: rgb(227.5869565217, 185.4130434783, 185.4130434783);
  border-color: rgb(224.7043478261, 178.0956521739, 178.0956521739);
}

.btn-danger {
  background-image: linear-gradient(to bottom, #e9002e 0%, rgb(182, 0, 35.9313304721) 100%);
  border-color: rgb(171.8, 0, 33.9175965665);
}
.btn-danger:active, .btn-danger.active {
  background-color: rgb(182, 0, 35.9313304721);
  border-color: rgb(171.8, 0, 33.9175965665);
}

.btn-info {
  background-image: linear-gradient(to bottom, #f2fbfe 0%, rgb(194.6428571429, 236.4285714286, 250.3571428571) 100%);
  border-color: rgb(185.1714285714, 233.5142857143, 249.6285714286);
}
.btn-info:active, .btn-info.active {
  background-color: rgb(194.6428571429, 236.4285714286, 250.3571428571);
  border-color: rgb(185.1714285714, 233.5142857143, 249.6285714286);
}

.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%, rgb(200.3333333333, 229.375, 188.375) 100%);
  border-color: rgb(177.6666666667, 218.75, 160.75);
}

.alert-info {
  background-image: linear-gradient(to bottom, #d9edf7 0%, rgb(185.402173913, 222.0326086957, 240.347826087) 100%);
  border-color: rgb(153.8043478261, 207.0652173913, 233.6956521739);
}

.alert-warning {
  background-image: linear-gradient(to bottom, #fcf8e3 0%, rgb(248.2983870968, 239.3629032258, 192.4516129032) 100%);
  border-color: rgb(244.5967741935, 230.7258064516, 157.9032258065);
}

.alert-danger {
  background-image: linear-gradient(to bottom, #f2dede 0%, rgb(231.1902173913, 194.5597826087, 194.5597826087) 100%);
  border-color: rgb(220.3804347826, 167.1195652174, 167.1195652174);
}

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

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

.progress-bar-success {
  background-image: linear-gradient(to bottom, rgb(20.5, 135.9824120603, 255) 0%, rgb(0, 110.5577889447, 224.5) 100%);
}

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

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

.progress-bar-danger {
  background-image: linear-gradient(to bottom, #e9002e 0%, rgb(182, 0, 35.9313304721) 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 rgb(0, 72.8844221106, 148);
  background-image: linear-gradient(to bottom, #0062c7 0%, rgb(0, 79.1633165829, 160.75) 100%);
  border-color: rgb(0, 79.1633165829, 160.75);
}

.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%, rgb(232.25, 232.25, 232.25) 100%);
}

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

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

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

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

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

.well {
  background-image: linear-gradient(to bottom, rgb(232.25, 232.25, 232.25) 0%, #f5f5f5 100%);
  border-color: rgb(219.5, 219.5, 219.5);
  -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: rgb(0, 60.3266331658, 122.5);
  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: 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;
  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: rgb(0, 60.3266331658, 122.5);
  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: rgb(0, 60.3266331658, 122.5);
  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: rgb(12.2055214724, 74.2944785276, 27.0644171779);
}

.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: rgb(63.75, 63.75, 63.75);
  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: rgb(0, 60.3266331658, 122.5);
  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: rgb(0, 60.3266331658, 122.5);
  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: rgb(63.75, 63.75, 63.75);
  }
  .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: rgb(249.2065217391, 240.2934782609, 240.2934782609);
  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: rgb(178.5154150198, 70.2355731225, 68.2845849802);
}

.message-stack-success {
  color: rgb(61.3349514563, 119.1650485437, 62.2111650485);
  background-color: rgb(238.1111111111, 247.0833333333, 234.4166666667);
}
.message-stack-success a {
  color: rgb(61.3349514563, 119.1650485437, 62.2111650485);
}
.message-stack-success a:hover,
.message-stack-success a:focus {
  color: rgb(35.3398058252, 68.6601941748, 35.8446601942);
}

.message-stack-caution {
  color: rgb(126.6212765957, 97.1744680851, 46.3787234043);
  background-color: #fcf8e3;
  border-color: rgb(126.6212765957, 97.1744680851, 46.3787234043);
}
.message-stack-caution a {
  color: rgb(126.6212765957, 97.1744680851, 46.3787234043);
}
.message-stack-caution a:hover,
.message-stack-caution a:focus {
  color: rgb(89.2936170213, 68.5276595745, 32.7063829787);
}

.message-stack-info {
  color: rgb(38.7922077922, 90.2922077922, 115.7077922078);
  background-color: #d9edf7;
  border-color: rgb(38.7922077922, 90.2922077922, 115.7077922078);
}
.message-stack-info a {
  color: rgb(38.7922077922, 90.2922077922, 115.7077922078);
}
.message-stack-info a:hover,
.message-stack-info a:focus {
  color: rgb(19.5844155844, 45.5844155844, 58.4155844156);
}

@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 {
    border-radius: 0;
  }
  .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 .learn-more {
  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 .learn-more, .home-learn-guide-group a:focus .learn-more {
  background: #fff;
  color: #000;
  text-decoration: none;
}
.home-learn-guide-group a:focus-visible .learn-more {
  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-prods-header a {
    margin-right: 10px;
  }
  .home-learn-guide-group .learn-guide-group-info {
    width: 100%;
  }
  .home-learn-guide-group {
    border-radius: 0;
  }
}
/*
the homepage content cards have a max-width of 310px with no gap
remove the border radius from the exterior edges when they touch
 */
@media screen and (max-width: 620px) {
  .home-prods-section .content-card:nth-of-type(odd) {
    border-radius: 0 14px 14px 0;
  }
  .home-prods-section .content-card:nth-of-type(odd) img {
    border-radius: 0 14px 0 0;
  }
  .home-prods-section .content-card:nth-of-type(even) {
    border-radius: 14px 0 0 14px;
  }
  .home-prods-section .content-card:nth-of-type(even) img {
    border-radius: 14px 0 0 0;
  }
}
@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: rgb(46, 148.9246231156, 255);
}
.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: rgb(0, 60.3266331658, 122.5);
  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: rgb(20.5, 135.9824120603, 255);
}

#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: rgb(46, 148.9246231156, 255);
}
#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: -0.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: -0.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: -0.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: -0.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: -0.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: -0.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: rgb(84.6071428571, 152.7857142857, 54.2142857143);
  color: white;
}
#adabox-008-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#adabox-008-container li {
  padding-left: 1em;
  text-indent: -0.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: -0.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: -0.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: -0.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: -0.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: -0.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;
  color: #000;
}
#adabox-014-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#adabox-014-container ul > li {
  padding-left: 1em;
  text-indent: -0.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: -0.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: -0.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: -0.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;
  color: #000;
}
#adabox-018-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#adabox-018-container ul > li {
  padding-left: 1em;
  text-indent: -0.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: -0.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: -0.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 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#adabox-021-container li {
  padding-left: 1em;
  text-indent: -0.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: rgb(0, 123.1155778894, 250);
}
#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: 0.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;
  line-height: 36pt;
}

.countdown_subtext {
  font-family: Helvetica;
  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.2;
  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: rgb(0, 123.1155778894, 250);
}
#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: rgb(0, 60.3266331658, 122.5);
  color: rgb(216.75, 216.75, 216.75);
}
section.educators .btn:hover {
  background: rgb(216.75, 216.75, 216.75);
  color: rgb(0, 60.3266331658, 122.5);
}
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: rgb(0, 123.1155778894, 250);
  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: rgb(20.5, 135.9824120603, 255);
}
#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: rgb(20.5, 135.9824120603, 255);
}
#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: 0.8px 0 0 3px #dd007a !important;
}
.cats-img-container:focus-within {
  box-shadow: 0.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;
}
#contactUsForm .missingItemsCheckboxes ul {
  list-style: none;
  padding-left: 0;
}
#contactUsForm .missingItemsCheckboxes li:nth-child(even) {
  background-color: #eee;
}
#contactUsForm .missingItemsCheckboxes label {
  display: flex;
}
#contactUsForm .missingItemsCheckboxes label > input {
  align-self: center;
  margin-right: 7px;
  margin-left: 7px;
  flex-basis: min-content;
}
#contactUsForm .error {
  color: red;
  font-weight: bold;
}

/* 
  ***************************************************
  **  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: rgb(46, 148.9246231156, 255);
}
#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: rgb(255, 255, 255);
}

.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: rgb(0, 120.6040201005, 244.9);
}
#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-hero #circuitpython-container #circuitpython-hero-copy a {
  color: #26aae1;
  text-decoration: underline;
}
#circuitpython-hero #circuitpython-container #circuitpython-hero-copy a:hover, #circuitpython-hero #circuitpython-container #circuitpython-hero-copy a:focus {
  text-decoration: none;
}

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

#circuitpython-products .product-tile a {
  color: white;
  outline-offset: 1px;
  outline-width: 2px;
}

@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: 0.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: rgb(46, 148.9246231156, 255);
}

#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: rgb(20.5, 135.9824120603, 255);
  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 rgb(229, 59, 147);
    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: "×";
  }
  #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 .rightIcon {
  padding: 0 15px;
}
#filterSort .rightIcon.closeFilterMenu {
  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 .rightIcon.openFilterMenu, #filterSort:target .filterSortDropdownHeaderText.openFilterMenu, #filterSort.active .rightIcon.openFilterMenu, #filterSort.active .filterSortDropdownHeaderText.openFilterMenu {
  display: none;
}
#filterSort:target .rightIcon.closeFilterMenu,
#filterSort:target .filterSortDropdownHeaderText.closeFilterMenu, #filterSort.active .rightIcon.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 a {
  text-decoration: underline;
}
.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: hsla(197, 100%, 25%, 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;
}

@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;
  }
}
@media screen and (max-width: 767px) {
  .shopping-guides-container .shopping-guide {
    border-radius: 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: rgb(0, 60.3266331658, 122.5);
}
#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;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: black;
  color: white;
  opacity: 0.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 h2 {
  line-height: 1.1;
}

#shipping_locations li {
  padding-right: 10px;
}

.shippingLocationsContainer {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 768px) {
  .shippingLocationsContainer {
    grid-template-columns: 1fr 1fr;
  }
}
#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: rgb(82.0226315789, 41.4173684211, 112.8826315789);
}
#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: rgb(82.0226315789, 41.4173684211, 112.8826315789);
}
#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: rgb(82.0226315789, 41.4173684211, 112.8826315789);
}
#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;
}

#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: rgb(0, 60.3266331658, 122.5);
  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 .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 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 rgb(170.9642857143, 229.1428571429, 248.5357142857);
  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-mobile h2, .product-info #prod-stock-mobile span.info_link {
  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: rgb(0, 60.3266331658, 122.5);
}
.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: rgb(125.8768472906, 19.3177339901, 0.6231527094);
}
.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 #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 a {
  text-decoration: underline;
}
.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: rgb(0, 60.3266331658, 122.5);
  border-color: rgb(0, 60.3266331658, 122.5);
}
#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: 14px;
  margin-bottom: 12px;
  line-height: 1.1;
}
.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: rgb(0, 60.3266331658, 122.5);
}

@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-main-img-wrapper > a:focus .img-blue-border, .added-main-img-wrapper a:focus-visible .img-blue-border {
  border: 0 none;
}

.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;
}
.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-box-image a {
  display: block;
}
.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: rgb(113.347826087, 44.652173913, 44.652173913);
  font-weight: 500;
  text-decoration: underline;
}
.shopping-cart .message-stack-error a:hover, .shopping-cart .message-stack-error a:focus {
  color: rgb(40.1739130435, 15.8260869565, 15.8260869565);
}
.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;
  padding: 5px 0;
  border-bottom: 1px solid #999;
}
.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-col-item, .shopping-cart .carrot-row .cart-col-item {
  display: grid;
  grid-template-columns: min-content 1fr;
}
.shopping-cart .cart-row .cart-img-container, .shopping-cart .carrot-row .cart-img-container {
  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 .cart-mobile-spacer, .shopping-cart .carrot-row .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 .hrLine {
  border-bottom: 1px solid #999;
}
.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-bottom-container {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding-top: 10px;
}
.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 .carrots-wrapper {
    border-top: #999;
  }
  .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-products-wrapper {
    border-top: 1px solid #999;
  }
  .shopping-cart .cart-row, .shopping-cart .carrot-row {
    padding: 10px 10px;
  }
  .shopping-cart .cart-row:not(:last-of-type), .shopping-cart .carrot-row:not(:last-of-type) {
    border-bottom: 1px solid #999;
  }
  .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 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
  }
  .shopping-cart .cart-row > .cart-col-price, .shopping-cart .carrot-row > .cart-col-price {
    display: none;
  }
  .shopping-cart .cart-row > .cart-mobile-spacer, .shopping-cart .carrot-row > .cart-mobile-spacer {
    display: block;
    width: 100%;
    border: 1px solid #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 .carrot-row:first-of-type {
    border-top: 1px solid #999;
  }
  .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;
  }
  .shopping-cart .cart-bottom-container {
    border-top: 1px solid #999;
    border-bottom: 0 none;
  }
}
.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 .inputLabelWrapper {
  display: flex;
}
.checkout-wrapper .inputLabelWrapper:not(:first-of-type) {
  padding-top: 5px;
}
.checkout-wrapper .inputLabelWrapper input {
  padding-right: 5px;
  flex-basis: min-content;
}
.checkout-wrapper .inputLabelWrapper .checkout-payment-method-label {
  height: auto;
}
.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 .productThumb {
  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: rgb(0, 60.3266331658, 122.5);
}
.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: rgb(0, 60.3266331658, 122.5);
}
#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: rgb(43.75, 43.75, 43.75);
}
#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: rgb(0, 60.3266331658, 122.5);
}
#cart-settings-wrapper #auth-intro ul li.active > a {
  color: #000;
}
#cart-settings-wrapper #auth-intro ul li.active > a:hover {
  color: rgb(43.75, 43.75, 43.75);
}
#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: rgb(0, 60.3266331658, 122.5);
}
#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: rgb(0, 60.3266331658, 122.5);
}
#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: "\f107";
  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:hover:not(.open), #add-to-wishlist-container-mobile:hover:not(.open) {
  background-color: #0062c7;
}
#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;
  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;
  position: relative;
}
.wishlist .cart-row .cart-img-container > a:focus, .wishlist .cart-row .cart-img-container > a:focus-visible {
  display: block;
  outline: thin dashed;
  outline-color: #0062c7;
  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: 0.5em;
  margin-left: 0.5em;
}

.ccjs-card .ccjs-csc-diagram .ccjs-card-code, .ccjs-card-style .ccjs-csc-diagram .ccjs-card-code {
  padding: 0.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: 0.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: 0.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: 1024px) and (max-width: 1365px) {
  .categories-wrapper .hover-img-box {
    height: 169px;
  }
}
@media screen and (min-width: 768px) 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: rgb(0, 60.3266331658, 122.5);
  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: 0.5;
}

#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: rgb(46, 148.9246231156, 255);
}
#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 {
  position: relative;
}
#adabox-checkout .step-edit {
  background: transparent;
  border: none;
  color: rgb(46, 148.9246231156, 255);
  display: inline-block;
  font-size: 14px;
}
#adabox-checkout button.step-edit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
#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: 1.5em;
}
#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 select[hidden] + .sg-select-icon {
  display: none;
}
#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, rgba(0, 0, 0, 0.67) 0%, rgba(0, 0, 0, 0.54) 14%, rgba(0, 0, 0, 0.15) 54%, rgba(0, 0, 0, 0.05) 72%, rgba(0, 0, 0, 0) 94%);
  height: 99px;
  width: 100%;
  font-family: "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
  color: hsl(0, 0%, 93.33%);
  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: 56.25%;
}

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;
}