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

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

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

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

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

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

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

.clear {
  clear: both; }

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

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

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

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

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

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

.dataPage a:not(.btn), .dataPage a:hover:not(.btn) {
  text-decoration: underline; }

.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: -webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#e6e5e5));
  background-image: -webkit-linear-gradient(top, #fff, 0%, #e6e5e5, 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #e6e5e5 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #e6e5e5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E5E5', GradientType=0);
  border-color: #e0e0e0;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc; }
  .btn-default:active, .btn-default.active {
    background-color: #e6e5e5;
    border-color: #e0e0e0; }

.btn-primary {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0062c7), to(#004994));
  background-image: -webkit-linear-gradient(top, #0062c7, 0%, #004994, 100%);
  background-image: -moz-linear-gradient(top, #0062c7 0%, #004994 100%);
  background-image: linear-gradient(to bottom, #0062c7 0%, #004994 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0062C7', endColorstr='#FF004994', GradientType=0);
  border-color: #00448a; }
  .btn-primary:active, .btn-primary.active {
    background-color: #004994;
    border-color: #00448a; }

.btn-success {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#1588ff), to(#006fe1));
  background-image: -webkit-linear-gradient(top, #1588ff, 0%, #006fe1, 100%);
  background-image: -moz-linear-gradient(top, #1588ff 0%, #006fe1 100%);
  background-image: linear-gradient(to bottom, #1588ff 0%, #006fe1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1588FF', endColorstr='#FF006FE1', GradientType=0);
  border-color: #006ad6; }
  .btn-success:active, .btn-success.active {
    background-color: #006fe1;
    border-color: #006ad6; }

.btn-warning {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#F2DEDE), to(#e4b9b9));
  background-image: -webkit-linear-gradient(top, #F2DEDE, 0%, #e4b9b9, 100%);
  background-image: -moz-linear-gradient(top, #F2DEDE 0%, #e4b9b9 100%);
  background-image: linear-gradient(to bottom, #F2DEDE 0%, #e4b9b9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFE4B9B9', GradientType=0);
  border-color: #e1b2b2; }
  .btn-warning:active, .btn-warning.active {
    background-color: #e4b9b9;
    border-color: #e1b2b2; }

.btn-danger {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e9002e), to(#b60024));
  background-image: -webkit-linear-gradient(top, #e9002e, 0%, #b60024, 100%);
  background-image: -moz-linear-gradient(top, #e9002e 0%, #b60024 100%);
  background-image: linear-gradient(to bottom, #e9002e 0%, #b60024 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE9002E', endColorstr='#FFB60024', GradientType=0);
  border-color: #ac0022; }
  .btn-danger:active, .btn-danger.active {
    background-color: #b60024;
    border-color: #ac0022; }

.btn-info {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2fbfe), to(#c3ecfa));
  background-image: -webkit-linear-gradient(top, #f2fbfe, 0%, #c3ecfa, 100%);
  background-image: -moz-linear-gradient(top, #f2fbfe 0%, #c3ecfa 100%);
  background-image: linear-gradient(to bottom, #f2fbfe 0%, #c3ecfa 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2FBFE', endColorstr='#FFC3ECFA', GradientType=0);
  border-color: #b9eafa; }
  .btn-info:active, .btn-info.active {
    background-color: #c3ecfa;
    border-color: #b9eafa; }

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

iframe {
  border: none; }

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

.alert-success {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#c8e5bc));
  background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #c8e5bc, 100%);
  background-image: -moz-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFC8E5BC', GradientType=0);
  border-color: #b2dba1; }

.alert-info {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#b9def0));
  background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #b9def0, 100%);
  background-image: -moz-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9EDF7', endColorstr='#FFB9DEF0', GradientType=0);
  border-color: #9acfea; }

.alert-warning {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#f8efc0));
  background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #f8efc0, 100%);
  background-image: -moz-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCF8E3', endColorstr='#FFF8EFC0', GradientType=0);
  border-color: #f5e79e; }

.alert-danger {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#e7c3c3));
  background-image: -webkit-linear-gradient(top, #f2dede, 0%, #e7c3c3, 100%);
  background-image: -moz-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFE7C3C3', GradientType=0);
  border-color: #dca7a7; }

.progress {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ebebeb, 0%, #f5f5f5, 100%);
  background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBEBEB', endColorstr='#FFF5F5F5', GradientType=0); }

.progress-bar {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0062c7), to(#004994));
  background-image: -webkit-linear-gradient(top, #0062c7, 0%, #004994, 100%);
  background-image: -moz-linear-gradient(top, #0062c7 0%, #004994 100%);
  background-image: linear-gradient(to bottom, #0062c7 0%, #004994 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0062C7', endColorstr='#FF004994', GradientType=0); }

.progress-bar-success {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#1588ff), to(#006fe1));
  background-image: -webkit-linear-gradient(top, #1588ff, 0%, #006fe1, 100%);
  background-image: -moz-linear-gradient(top, #1588ff 0%, #006fe1 100%);
  background-image: linear-gradient(to bottom, #1588ff 0%, #006fe1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1588FF', endColorstr='#FF006FE1', GradientType=0); }

.progress-bar-info {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2fbfe), to(#c3ecfa));
  background-image: -webkit-linear-gradient(top, #f2fbfe, 0%, #c3ecfa, 100%);
  background-image: -moz-linear-gradient(top, #f2fbfe 0%, #c3ecfa 100%);
  background-image: linear-gradient(to bottom, #f2fbfe 0%, #c3ecfa 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2FBFE', endColorstr='#FFC3ECFA', GradientType=0); }

.progress-bar-warning {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#F2DEDE), to(#e4b9b9));
  background-image: -webkit-linear-gradient(top, #F2DEDE, 0%, #e4b9b9, 100%);
  background-image: -moz-linear-gradient(top, #F2DEDE 0%, #e4b9b9 100%);
  background-image: linear-gradient(to bottom, #F2DEDE 0%, #e4b9b9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFE4B9B9', GradientType=0); }

.progress-bar-danger {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e9002e), to(#b60024));
  background-image: -webkit-linear-gradient(top, #e9002e, 0%, #b60024, 100%);
  background-image: -moz-linear-gradient(top, #e9002e 0%, #b60024 100%);
  background-image: linear-gradient(to bottom, #e9002e 0%, #b60024 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE9002E', endColorstr='#FFB60024', GradientType=0); }

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

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #004994;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0062c7), to(#004fa1));
  background-image: -webkit-linear-gradient(top, #0062c7, 0%, #004fa1, 100%);
  background-image: -moz-linear-gradient(top, #0062c7 0%, #004fa1 100%);
  background-image: linear-gradient(to bottom, #0062c7 0%, #004fa1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0062C7', endColorstr='#FF004FA1', GradientType=0);
  border-color: #004fa1; }

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

.panel-default > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
  background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e8e8e8, 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFE8E8E8', GradientType=0); }

.panel-primary > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0062c7), to(#0055ae));
  background-image: -webkit-linear-gradient(top, #0062c7, 0%, #0055ae, 100%);
  background-image: -moz-linear-gradient(top, #0062c7 0%, #0055ae 100%);
  background-image: linear-gradient(to bottom, #0062c7 0%, #0055ae 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0062C7', endColorstr='#FF0055AE', GradientType=0); }

.panel-success > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6));
  background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #d0e9c6, 100%);
  background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFD0E9C6', GradientType=0); }

.panel-info > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3));
  background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #c4e3f3, 100%);
  background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9EDF7', endColorstr='#FFC4E3F3', GradientType=0); }

.panel-warning > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc));
  background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #faf2cc, 100%);
  background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCF8E3', endColorstr='#FFFAF2CC', GradientType=0); }

.panel-danger > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc));
  background-image: -webkit-linear-gradient(top, #f2dede, 0%, #ebcccc, 100%);
  background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFEBCCCC', GradientType=0); }

.well {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #e8e8e8, 0%, #f5f5f5, 100%);
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE8E8E8', endColorstr='#FFF5F5F5', GradientType=0);
  border-color: #dcdbdb;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); }

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

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

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

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

@media (max-width: 767px) {
  body {
    font-size: 16px;
    font-weight: 400; }
  h1, h2, h3 {
    margin-left: 10px;
    margin-right: 10px; }
  b, strong {
    font-weight: 500; }
  .container {
    padding-top: 20px; }
  .mobile-button-row {
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    width: auto; }
    .mobile-button-row .blue-button-large, .mobile-button-row .blue-button, .mobile-button-row .gray-button {
      height: 50px;
      font-size: 16px;
      font-weight: 400;
      width: 100%; }
  .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; } }

#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: [full-start] minmax(20px, 1fr) [main-start] minmax(0, 1300px) [main-end] minmax(20px, 1fr) [full-end];
    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 .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: [full-start] minmax(20px, 1fr) [main-start] minmax(0, 1300px) [main-end] minmax(20px, 1fr) [full-end]; }
    #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 img {
          vertical-align: middle;
          width: 115px;
          height: 40px; }
      #adafruit-header #shop-header .row-content .main-nav-links {
        color: #0062c7;
        list-style-type: none;
        margin-bottom: -7px;
        display: inline-flex;
        vertical-align: bottom;
        padding: 0; }
        #adafruit-header #shop-header .row-content .main-nav-links > li {
          font-size: 18px;
          margin-left: 24px; }
          @media screen and (min-width: 1024px) {
            #adafruit-header #shop-header .row-content .main-nav-links > li {
              margin-left: 40px; } }
          #adafruit-header #shop-header .row-content .main-nav-links > li .dropdown-label {
            position: relative;
            vertical-align: -2px; }
          #adafruit-header #shop-header .row-content .main-nav-links > li .dropdown-label::before {
            visibility: hidden;
            opacity: 0;
            z-index: -1;
            content: '';
            position: absolute;
            bottom: -13px;
            left: 40%;
            border-bottom: solid 10px #0062c7;
            border-left: solid 10px transparent;
            border-right: solid 10px transparent; }
        #adafruit-header #shop-header .row-content .main-nav-links .dropdown.active {
          color: #fff; }
          #adafruit-header #shop-header .row-content .main-nav-links .dropdown.active .dropdown-label::before {
            visibility: visible;
            opacity: 1;
            z-index: 1; }
      #adafruit-header #shop-header .row-content .left-content {
        float: left;
        padding: 20px 0; }
      #adafruit-header #shop-header .row-content .right-content {
        float: right;
        padding: 20px 0;
        text-align: right; }
        #adafruit-header #shop-header .row-content .right-content .search-wrapper {
          position: relative; }
          #adafruit-header #shop-header .row-content .right-content .search-wrapper input {
            width: 380px;
            height: 40px;
            padding: 0 0 0 8px;
            border: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 15px; }
            @media screen and (min-width: 1024px) {
              #adafruit-header #shop-header .row-content .right-content .search-wrapper input {
                width: 400px; } }
            #adafruit-header #shop-header .row-content .right-content .search-wrapper input:focus {
              box-shadow: .8px 0 0 3px #dd007a !important;
              -moz-box-shadow: .8px 0 0 3px #dd007a !important;
              -webkit-box-shadow: .8px 0 0 3px #dd007a !important;
              outline: none; }
          #adafruit-header #shop-header .row-content .right-content .search-wrapper i {
            position: absolute;
            top: 7px;
            right: 7px;
            color: #000;
            font-size: 24px; }
  #adafruit-header #header-content {
    position: relative;
    height: 100%;
    padding: 0; }

@media (max-width: 767px) {
  #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: 768px) {
  #main #full-overlay {
    background: rgba(0, 0, 0, 0.5); } }

#desktopMenuButton {
  position: relative;
  display: inline-block;
  vertical-align: -2px;
  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: [full-start] minmax(15px, 1fr) [main-start] minmax(0, 1300px) [main-end] minmax(15px, 1fr) [full-end];
  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; }

@media (max-width: 767px) {
  .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.show-all .mm-featured-categories {
        display: none !important; }
      #MobileNav .mobile-menu-wrap > ul.show-all .mm-all-categories {
        display: block !important; }
      #MobileNav .mobile-menu-wrap > ul.show-all .mm-showall-link {
        display: none !important; }
      #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.mm-featured-categories {
          display: block; }
        #MobileNav .mobile-menu-wrap > ul > li.mm-all-categories {
          display: none; }
        #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; }
  #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*="instagram.com"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href*="instagram.com"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href*="instagram.com"]:focus {
        color: #c32aa3; }
      #siteFooter .footerContainer.bottom .socialLinks a[href*="twitter.com"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href*="twitter.com"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href*="twitter.com"]:focus {
        color: #1da1f2; }
      #siteFooter .footerContainer.bottom .socialLinks a[href*="facebook.com"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href*="facebook.com"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href*="facebook.com"]:focus {
        color: #4267B2; }
      #siteFooter .footerContainer.bottom .socialLinks a[href*="youtube.com"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href*="youtube.com"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href*="youtube.com"]:focus {
        color: #FF0000; }
      #siteFooter .footerContainer.bottom .socialLinks a[href*="github.com"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href*="github.com"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href*="github.com"]:focus {
        color: #4078c0; }
      #siteFooter .footerContainer.bottom .socialLinks a[href*="tiktok.com"]:hover, #siteFooter .footerContainer.bottom .socialLinks a[href*="tiktok.com"]:active, #siteFooter .footerContainer.bottom .socialLinks a[href*="tiktok.com"]:focus {
        color: #EE1D52; }
    @media screen and (min-width: 768px) {
      #siteFooter .footerContainer {
        padding: 0 20px;
        grid-template-columns: 1fr 1fr 2fr;
        column-gap: 15px; }
        #siteFooter .footerContainer.bottom {
          padding: 99px 20px 0;
          grid-template-columns: 59px 1fr; }
          #siteFooter .footerContainer.bottom .socialLinks {
            padding-top: 17px;
            text-align: right; } }
    #siteFooter .footerContainer #footer-messaging {
      grid-column: 1 / -1;
      margin-top: 1em; }
  #siteFooter ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 16px; }
    @media screen and (min-width: 768px) {
      #siteFooter ul {
        padding-bottom: 0; } }
  #siteFooter h1 {
    font-size: 24px;
    padding-bottom: 7px;
    color: white;
    margin: 0;
    font-weight: 500; }
  #siteFooter li {
    padding-bottom: 4px;
    font-size: 18px;
    margin: 0; }
  #siteFooter .footer-quote {
    display: none;
    font-size: 32px; }
    @media screen and (min-width: 768px) {
      #siteFooter .footer-quote {
        display: block; } }
    #siteFooter .footer-quote span {
      display: block;
      line-height: 1.15;
      font-style: italic;
      font-weight: 400;
      padding-bottom: 7px; }
    #siteFooter .footer-quote .MathJax_Preview {
      display: none; }
  #siteFooter .quoteAttribution {
    display: none;
    text-align: right; }
    @media screen and (min-width: 768px) {
      #siteFooter .quoteAttribution {
        display: block; } }
    #siteFooter .quoteAttribution a:before {
      color: white;
      content: "– "; }
  #siteFooter .quoteBig {
    font-size: 26px; }
  #siteFooter .quoteBigger {
    font-size: 20px; }
  #siteFooter .AuthorizeNetSeal {
    height: 71px;
    overflow: hidden; }
    #siteFooter .AuthorizeNetSeal a img {
      filter: grayscale(100%) brightness(90%); }
    #siteFooter .AuthorizeNetSeal a:hover img, #siteFooter .AuthorizeNetSeal a:focus img {
      filter: none; }

.fake-link {
  cursor: pointer; }

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

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

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

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

.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:active {
    background-color: #003c7b;
    color: white; }

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

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

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

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

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

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

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

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

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

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

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

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

.twelve {
  font-size: 14px; }

.thirteen {
  font-size: 14px; }

.gray {
  color: #999; }

.white {
  color: #FFF; }

.bold {
  font-weight: 500; }

.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 #999;
  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 #FF0000 !important; }

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

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

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

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

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

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

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

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

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

.select-wrapper {
  position: relative; }

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

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

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

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

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

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

.inline {
  display: inline !important; }

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

.minw100 {
  min-width: 100px; }

.h30 {
  height: 30px; }

.width-200 {
  width: 200px; }

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

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

.full-width {
  width: 100%; }

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

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

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

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

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

.message-stack-error {
  background-color: #F2DEDE;
  color: #B94A48;
  border-color: #EED3D7;
  font-size: 14px; }

.message-stack-warning {
  background-color: #F2DEDE;
  color: #B94A48;
  border-color: #EED3D7;
  font-size: 14px; }

.message-stack-success {
  background-color: #1588ff; }

.message-stack-caution {
  background-color: #F2DEDE; }

.message-stack-info {
  background-color: #f2fbfe; }

@media (max-width: 767px) {
  .message-stack-error {
    background-color: #F2DEDE;
    color: #B94A48;
    border-color: #EED3D7;
    font-size: 16px; }
  .message-stack-warning {
    background-color: #F2DEDE;
    color: #B94A48;
    border-color: #EED3D7;
    font-size: 16px; }
  .message-stack-success {
    background-color: #1588ff; }
  .message-stack-caution {
    background-color: #F2DEDE; }
  .message-stack-info {
    background-color: #f2fbfe; } }

#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 .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 {
        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 {
  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 .gallery-arrow {
  width: 100px;
  height: 100%;
  font-size: 72px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  opacity: 0.3; }
  @media (max-width: 767px) {
    .product-image-gallery .gallery-arrow {
      width: 60px;
      font-size: 56px; } }

.product-image-gallery .gallery-slide {
  background-color: #000; }

.product-image-gallery .gallery-thumbnails {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start; }
  .product-image-gallery .gallery-thumbnails > .gallery-thumbnail {
    position: relative; }
    .product-image-gallery .gallery-thumbnails > .gallery-thumbnail img, .product-image-gallery .gallery-thumbnails > .gallery-thumbnail video {
      width: 100%; }
  @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: 10px 10px 10px 10px; }
        .product-image-gallery .gallery-thumbnails > .gallery-thumbnail a {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; } }
  @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; }
        .product-image-gallery .gallery-thumbnails > .gallery-thumbnail a {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; } }
  @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; }
        .product-image-gallery .gallery-thumbnails > .gallery-thumbnail > a {
          background: #bfbfbf;
          padding: 5px;
          border-radius: 50%;
          display: inline-block;
          pointer-events: none; }
          .product-image-gallery .gallery-thumbnails > .gallery-thumbnail > a.selected {
            border: 1px solid #fff;
            background: #fff;
            margin: -1px; }
        .product-image-gallery .gallery-thumbnails > .gallery-thumbnail > *, .product-image-gallery .gallery-thumbnails > .gallery-thumbnail a:before {
          display: none; } }

.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 {
    content: "";
    width: 100%;
    height: 100%;
    background: url("/includes/templates/shop2019/images/play-btn.png") no-repeat center center transparent;
    position: absolute; }

@media (min-width: 768px) {
  .js-ready .product-image-gallery .gallery-thumbnail a {
    display: block; }
    .js-ready .product-image-gallery .gallery-thumbnail a.indicator-youtube::before {
      content: "";
      width: 100%;
      height: 100%;
      background: url("/includes/templates/shop2019/images/play-btn.png") no-repeat center center transparent;
      position: absolute; } }

@media (max-width: 1023px) {
  .gallery-slide iframe {
    display: none; } }

body.lightbox-active {
  overflow: hidden;
  width: 100vw;
  height: 100vh; }

.lightbox-overlay {
  display: none; }
  body.lightbox-active .lightbox-overlay {
    display: flex;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999; }
  .lightbox-overlay .lightbox-content {
    flex: 1 1 auto;
    max-width: 100vw;
    max-height: 100vh; }

.product-lightbox-gallery {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column; }
  .product-lightbox-gallery .gallery-close {
    width: 30px;
    height: 30px;
    background: url("/includes/templates/shop2019/images/lightbox-gallery-close.png") center center no-repeat transparent;
    position: absolute;
    right: -30px;
    cursor: pointer;
    transition: background-color 0.3s ease; }
    .product-lightbox-gallery .gallery-close:hover {
      background-color: #282828; }
  .product-lightbox-gallery .gallery-slides {
    display: flex;
    position: relative;
    flex: 1 1 auto;
    overflow: visible; }
  .product-lightbox-gallery .gallery-slide {
    width: 100%;
    height: 100%;
    position: relative; }
    .product-lightbox-gallery .gallery-slide img, .product-lightbox-gallery .gallery-slide video, .product-lightbox-gallery .gallery-slide iframe {
      width: 100%;
      height: auto;
      margin: auto; }
    .product-lightbox-gallery .gallery-slide iframe {
      width: 100%;
      height: 100%; }
  .product-lightbox-gallery .gallery-slides-container {
    width: 100%; }
  .product-lightbox-gallery .gallery-slides-block {
    display: flex;
    padding: 40px 80px;
    margin: auto; }
    @media (min-aspect-ratio: 5 / 4) {
      .product-lightbox-gallery .gallery-slides-block {
        width: calc(133vmin - 140px);
        height: calc(100vmin - 140px); } }
    @media (max-aspect-ratio: 5 / 4) {
      .product-lightbox-gallery .gallery-slides-block {
        width: 100vmax;
        height: 75vmax; } }
    @media (max-aspect-ratio: 1 / 1) {
      .product-lightbox-gallery .gallery-slides-block {
        width: 100vmin;
        height: 75vmin; } }
  .product-lightbox-gallery .gallery-thumbnails {
    margin: 0;
    flex: 0 1 auto;
    display: flex;
    flex-flow: row;
    justify-content: center; }
    .product-lightbox-gallery .gallery-thumbnails > .gallery-thumbnail {
      padding: 10px 10px 10px 10px; }
      .product-lightbox-gallery .gallery-thumbnails > .gallery-thumbnail img, .product-lightbox-gallery .gallery-thumbnails > .gallery-thumbnail video {
        width: 145px; }
  .product-lightbox-gallery .gallery-arrow {
    width: 33%;
    height: 80%;
    margin-top: 10%;
    opacity: 0;
    transition: opacity 0.2s ease; }
    .product-lightbox-gallery .gallery-arrow::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      margin: 0 20px; }
    .product-lightbox-gallery .gallery-arrow:hover {
      opacity: 1; }
  .product-lightbox-gallery .arrow-left::after {
    background: url("/includes/templates/shop2019/images/lightbox-gallery-left.png") no-repeat center left transparent; }
  .product-lightbox-gallery .arrow-right::after {
    background: url("/includes/templates/shop2019/images/lightbox-gallery-right.png") no-repeat center right transparent; }

#blog-ticker {
  color: white;
  font-size: 14px;
  font-weight: 400;
  background-color: #333;
  padding: 5px 10px;
  margin: 0;
  border-top: solid white 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  #blog-ticker #ticker-label {
    display: inline-block;
    margin-right: 5px; }
  #blog-ticker a {
    color: white; }

.ribbon, .ribbon-learn {
  z-index: 1;
  position: absolute;
  width: 94px;
  height: 94px;
  top: -10px;
  right: -10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  overflow: hidden;
  text-align: center; }
  .ribbon .ribbon-text, .ribbon-learn .ribbon-text {
    position: relative;
    margin: 30px 0 0 17px;
    text-align: center;
    font-size: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .ribbon .ribbon-text-small, .ribbon-learn .ribbon-text-small {
    font-size: 8px;
    line-height: 16px; }

.ribbon {
  background: url("/includes/templates/shop2019/images/ribbon.png");
  background-size: 100%; }

.ribbon-learn {
  background: url("/includes/templates/shop2019/images/ribbon-learn.png");
  background-size: 100%; }

.home-featured-prod {
  color: white;
  margin: 20px 0;
  position: relative;
  width: 100%; }
  .home-featured-prod:hover .featured-title, .home-featured-prod:hover .title, .home-featured-prod:hover .description, .home-featured-prod:focus .featured-title, .home-featured-prod:focus .title, .home-featured-prod:focus .description, .home-featured-prod:focus-within .featured-title, .home-featured-prod:focus-within .title, .home-featured-prod:focus-within .description {
    text-decoration: underline; }
  .home-featured-prod .featured-img-container {
    width: 100%;
    height: 361px;
    background-color: #202020;
    overflow: hidden; }
    .home-featured-prod .featured-img-container img {
      width: 100%;
      height: auto; }
  .home-featured-prod .featured-title {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85); }
    .home-featured-prod .featured-title div {
      position: relative;
      background-color: transparent;
      opacity: 1; }
    .home-featured-prod .featured-title .title {
      padding: 5px 0 0 5px;
      overflow: hidden;
      font-size: 30px;
      line-height: 30px;
      font-weight: 300;
      padding: 10px;
      padding-bottom: 5px; }
    .home-featured-prod .featured-title .description {
      padding-left: 10px;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 400;
      height: 18px;
      overflow: hidden; }
  .home-featured-prod .featured-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.home-new-prod {
  position: relative;
  width: 100%;
  height: 233px;
  margin: 20px 0;
  background-color: #202020;
  color: white; }
  .home-new-prod:hover .new-title, .home-new-prod:hover .title, .home-new-prod:focus .new-title, .home-new-prod:focus .title, .home-new-prod:focus-within .new-title, .home-new-prod:focus-within .title {
    text-decoration: underline; }
  .home-new-prod .new-img-container {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #202020;
    overflow: hidden; }
    .home-new-prod .new-img-container img {
      width: 100%;
      height: auto; }
  .home-new-prod .new-title {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    padding-left: 3px; }
    .home-new-prod .new-title .title {
      padding: 10px;
      overflow: hidden;
      font-size: 16px;
      font-weight: 400; }
  .home-new-prod .new-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.home-new-guide {
  position: relative;
  width: 100%;
  height: 233px;
  margin: 20px 0;
  background-color: #202020;
  color: white; }
  .home-new-guide:hover .title, .home-new-guide:focus .title, .home-new-guide:focus-within .title {
    text-decoration: underline; }
  .home-new-guide .guide-img-container {
    width: 100%;
    height: 100%;
    background-color: #202020;
    overflow: hidden; }
    .home-new-guide .guide-img-container img {
      width: 100%;
      height: auto; }
    .home-new-guide .guide-img-container video {
      width: 100%;
      height: auto;
      max-height: 100%;
      object-fit: cover; }
  .home-new-guide .guide-title {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    padding-left: 3px; }
    .home-new-guide .guide-title .title {
      padding: 10px;
      overflow: hidden;
      font-size: 18px;
      font-size: 16px;
      font-weight: 400; }
    .home-new-guide .guide-title .description {
      font-size: 16px;
      font-weight: 400;
      padding: 10px;
      margin-bottom: 10px;
      overflow: hidden; }
  .home-new-guide .guide-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

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

/* 
  ***************************************************
  **  MD PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .home-featured-prod {
    width: 480px;
    height: 360px;
    float: left;
    margin: 20px 0 0 0; }
    .home-featured-prod:nth-child(1) {
      margin-right: 20px; }
  .home-new-prod, .home-new-guide {
    height: 360px; } }

/* 
  ***************************************************
  **  SM PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 767px) and (max-width: 1023px) {
  .home-featured-prod {
    width: 354px;
    height: 266px;
    float: left;
    margin: 20px 0 0 0; }
    .home-featured-prod .featured-img-container {
      height: 266px; }
    .home-featured-prod:nth-child(1) {
      margin-right: 20px; }
  .home-new-prod, .home-new-guide {
    height: 266px; } }

/* 
  ***************************************************
  **  XS PAGE SIZE STUFF
  ***************************************************
*/
@media (max-width: 767px) {
  .home-featured-prod {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none; }
    .home-featured-prod .featured-img-container {
      height: auto; }
    .home-featured-prod .featured-title {
      display: inline-block;
      position: relative;
      clear: both;
      height: auto;
      opacity: 1;
      background-color: #000; }
      .home-featured-prod .featured-title .description {
        height: auto;
        padding-bottom: 10px !important;
        display: block;
        overflow: visible; }
  .home-new-prod, .home-new-guide {
    width: 100%;
    height: auto;
    overflow: hidden; }
  .title, .new-title, .guide-title {
    font-size: 24px !important;
    line-height: 26px !important;
    display: inline-block !important;
    position: relative !important;
    clear: both;
    height: auto !important;
    opacity: 1 !important;
    background-color: #000;
    color: white; } }

@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: 56.1%  34.8%; }
    section.about .img-row-1 .img1 {
      grid-column: 1;
      grid-row-start: 1;
      grid-row-end: 3;
      align-self: stretch; }
    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-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: [first] 61.5% [second] 35.3%;
    grid-template-rows: [first] 1fr [second] 34.8%;
    align-content: space-between; }
  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 {
  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-container {
  background-color: #FFF;
  color: #000; }

.adabox-members {
  font-weight: 200;
  font-size: 17px;
  color: #ffffff;
  line-height: 1.1; }
  .adabox-members a, .adabox-members li:before {
    color: #2e95ff; }
  .adabox-members .adabox-blue-header {
    background-color: #0062c7;
    font-size: 24px;
    color: #ffffff;
    font-weight: 200;
    padding: 20px; }
  .adabox-members li:before {
    content: "• "; }
  .adabox-members li {
    line-height: 2; }
  .adabox-members ul {
    list-style: none; }

.adabox_landing .message-stack-error {
  margin-top: 0;
  margin-bottom: 40px;
  background-color: #0062c7;
  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; }

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

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

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

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

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

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

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

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

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

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

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

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

.black-wide #twitter-testimonials {
  text-align: center;
  vertical-align: top; }

.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-hero-container {
  margin-top: -40px;
  background: #505050;
  /* Old browsers */
  background: -moz-linear-gradient(top, #505050 0%, #0c0c0c 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #505050 0%, #0c0c0c 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #505050 0%, #0c0c0c 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#0c0c0c',GradientType=0 );
  /* IE6-9 */ }
  #adabox-hero-container #adabox-hero {
    height: 450px;
    position: relative; }
    #adabox-hero-container #adabox-hero img {
      position: absolute;
      height: auto;
      width: 80%;
      bottom: 0;
      left: 10%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .adabox_landing {
    text-align: center; }
    .adabox_landing img {
      margin-left: auto;
      margin-right: auto; }
    .adabox_landing .adabox-header {
      font-size: 30px;
      font-weight: 300;
      margin-top: 20px;
      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 .adabox-half {
      margin-top: 20px;
      margin-left: 20px;
      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: -webkit-linear-gradient(left, #b03475, #297895);
    /* Safari */
    background: -o-linear-gradient(right, #b03475, #297895);
    /* Opera */
    background: -moz-linear-gradient(left, #b03475, #297895);
    /* Firefox */
    background: linear-gradient(to right, #b03475, #297895); }
  #adabox-011-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #adabox-011-container li {
    padding-left: 1em;
    text-indent: -.7em; }
  #adabox-011-container li:before {
    content: "• ";
    color: #c95a93; }
  #adabox-011-container a {
    color: #c95a93; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#arduino-reseller-only-hero {
  background-color: #00979E;
  text-align: center;
  margin-top: -40px; }
  #arduino-reseller-only-hero img {
    max-width: 35%;
    height: auto; }

.product-listing-ro {
  position: relative;
  height: auto; }

.reseller-only-prices {
  clear: both;
  text-align: center;
  position: relative;
  width: 100%; }
  .reseller-only-prices .reseller-only-price-container {
    border: solid black 1px;
    padding: 0;
    margin: 1px 0 0 1px;
    float: left;
    width: 24.5%; }
  .reseller-only-prices .reseller-only-range {
    font-style: normal;
    font-weight: 300;
    padding: 8px;
    font-size: 15px;
    color: white;
    background-color: #999; }
  .reseller-only-prices .reseller-only-value {
    padding: 8px;
    font-size: 20px;
    font-weight: bold;
    color: black; }

.product_id {
  clear: both; }

.product-listing {
  height: auto !important; }

.prod-add, .prod-add-mobile {
  display: block;
  width: 100%;
  margin: 16px 0;
  background-color: #0062c7; }

.prod-add-qty, .prod-add-qty-mobile {
  border-radius: 0;
  display: block;
  float: left;
  width: 25%;
  height: 52px;
  text-align: center;
  background-color: #fff;
  color: #0062c7;
  border: solid #0062c7 1px;
  font-size: 16px; }

.prod-add-btn, .prod-add-btn-mobile {
  background-color: #0062c7;
  display: block;
  width: 75%;
  float: right;
  height: 52px;
  border: 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  overflow: hidden;
  text-transform: uppercase;
  margin-top: 0 !important; }

.prod-add-btn:hover, .prod-add-btn-mobile:hover {
  background-color: #003c7b; }

.add-row {
  padding: 10px 0 -10px 10px; }

/* 
  ***************************************************
  **  MD PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .add-row {
    padding-top: 10px; }
  .lvbp-label, .hvbp-label {
    display: block;
    padding-top: 10px; }
  .product-listing-text-wrapper, .product-listing-ro, .product-listing-left, .product-listing-right {
    height: auto !important; } }

/* 
  ***************************************************
  **  SM PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 767px) and (max-width: 1023px) {
  .add-row {
    padding-top: 10px; }
  .lvbp-label, .hvbp-label {
    display: block;
    padding-top: 10px; }
  .product-listing-text-wrapper, .product-listing-ro, .product-listing-left, .product-listing-right {
    height: auto !important; } }

/* 
  ***************************************************
  **  XS PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (max-width: 767px) {
  .add-row {
    padding-top: 10px; }
  .lvbp-label, .hvbp-label {
    display: block;
    padding-top: 10px; }
  .reseller-only-price-container {
    width: 49.5% !important; }
  .reseller-only-range {
    font-size: 14px !important; }
  .reseller-only-value {
    font-size: 14px !important; }
  .prod-add-qty {
    width: 15% !important; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#dronie-hero {
  height: 592px;
  margin-top: -40px;
  position: relative;
  overflow: hidden;
  background: #7cd0df;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7cd0df 0%, #e8f2e0 56%, #fffffe 87%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cd0df), color-stop(56%, #e8f2e0), color-stop(87%, #fffffe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7cd0df 0%, #e8f2e0 56%, #fffffe 87%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7cd0df 0%, #e8f2e0 56%, #fffffe 87%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7cd0df 0%, #e8f2e0 56%, #fffffe 87%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7cd0df 0%, #e8f2e0 56%, #fffffe 87%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cd0df', endColorstr='#fffffe',GradientType=0 );
  /* IE6-9 */ }
  #dronie-hero #dronie-container {
    height: 100%;
    padding-left: 20px;
    position: relative;
    color: white; }
    #dronie-hero #dronie-container h2 {
      font-weight: bold;
      font-size: 72px;
      color: #444;
      display: block;
      margin: 20px 0;
      line-height: 72px;
      height: 72px; }
    #dronie-hero #dronie-container p {
      width: 900px;
      margin-top: 20px;
      line-height: 32px;
      font-size: 18px; }
    #dronie-hero #dronie-container img {
      width: 80%;
      height: auto;
      position: absolute;
      bottom: 25px;
      left: 50%;
      margin-left: -40%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#frequency-hero {
  height: 592px;
  margin-top: -40px;
  position: relative;
  overflow: hidden;
  background: #faf6d0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #faf6d0 0%, #7cd0df 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #faf6d0), color-stop(100%, #7cd0df));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #faf6d0 0%, #7cd0df 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #faf6d0 0%, #7cd0df 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #faf6d0 0%, #7cd0df 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #faf6d0 0%, #7cd0df 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf6d0', endColorstr='#7cd0df',GradientType=0 );
  /* IE6-9 */ }
  #frequency-hero a {
    color: #0062c7; }
  #frequency-hero #freq-container {
    position: relative;
    height: 592px; }
    #frequency-hero #freq-container h1 {
      text-transform: uppercase;
      font-size: 48px;
      margin: 40px 0; }
    #frequency-hero #freq-container #freq-hero-copy {
      width: 60%;
      color: black;
      font-size: 16px;
      line-height: 38px; }
    #frequency-hero #freq-container #freq-adabot-tree, #frequency-hero #freq-container #freq-hero-record {
      position: absolute; }
    #frequency-hero #freq-container #freq-adabot-tree {
      top: 0;
      height: 100%;
      width: auto;
      right: -112px; }
    #frequency-hero #freq-container #freq-hero-record {
      bottom: 0;
      left: 2%;
      height: 50%;
      width: auto; }

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

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

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

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

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

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

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

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

#iocs-header {
  height: 591px;
  background: #0c1c21;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0c1c21 0%, #00161e 12%, #000000 51%, #004760 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c1c21), color-stop(12%, #00161e), color-stop(51%, #000000), color-stop(100%, #004760));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0c1c21 0%, #00161e 12%, #000000 51%, #004760 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0c1c21 0%, #00161e 12%, #000000 51%, #004760 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0c1c21 0%, #00161e 12%, #000000 51%, #004760 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0c1c21 0%, #00161e 12%, #000000 51%, #004760 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1c21', endColorstr='#004760',GradientType=0 );
  /* IE6-9 */ }
  #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 {
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    position: absolute;
    bottom: -300px;
    font-weight: 300;
    left: 0;
    z-index: 99;
    width: 100%;
    max-height: 100%;
    padding: 5px;
    transition: 0.5s;
    transition-property: transform; }
    .cats-img-container .cats-caption a {
      text-decoration: underline; }
  .cats-img-container:hover .cats-caption, .cats-img-container:focus .cats-caption {
    transform: translateY(-300px); }
  .cats-img-container:focus {
    box-shadow: .8px 0 0 3px #dd007a !important; }
  .cats-img-container:focus-within {
    box-shadow: .8px 0 0 3px #dd007a !important; }
    .cats-img-container:focus-within .cats-caption {
      transform: translateY(-300px); }

#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: #ff0000; }

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

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

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

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

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

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

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

/* 
  ***************************************************
  **  XS PAGE SIZE STUFF
  ***************************************************
*/
@media (max-width: 767px) {
  #contactUsForm #contact_us_form_contents {
    margin-left: 0px; }
  #contactUsForm > label {
    display: block;
    text-align: left;
    width: 32%;
    margin: 0; }
  #contactUsForm span.alert {
    padding: 0; }
  #contactUsForm input[type=text], #contactUsForm input[type=email], #contactUsForm textarea {
    width: 96%;
    padding: 3px;
    margin-bottom: 10px; }
  #contactUsForm input[type=image] {
    float: none;
    margin-left: 360px; }
  #contactUsForm textarea {
    width: 10% 0; }
  #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; } }

.faq-question {
  font-weight: bold; }

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

#feather-hero {
  position: relative;
  margin-top: -40px;
  height: 591px;
  background: #535353; }
  #feather-hero #feather-container {
    position: relative;
    height: 591px;
    margin: 0 auto;
    padding-top: 30px;
    padding-left: 10px; }
    #feather-hero #feather-container h1 {
      position: relative;
      color: white;
      margin-top: 40px;
      text-transform: ulpercase;
      z-index: 25; }
    #feather-hero #feather-container #feather-hero-copy {
      position: relative;
      width: 56%;
      line-height: 40px;
      color: #999;
      text-align: justify;
      z-index: 25; }
    #feather-hero #feather-container #feather-image-left {
      z-index: 9;
      position: absolute;
      left: 0;
      bottom: 0; }
    #feather-hero #feather-container #feather-image-right {
      position: absolute;
      right: 0;
      top: 60px;
      height: 70%;
      width: auto;
      z-index: 9; }
    #feather-hero #feather-container #feather-logo {
      position: absolute;
      right: 27%;
      bottom: 0;
      z-index: 9; }
  #feather-hero #feather-hero-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-color: #2c2c2c;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF303030', endColorstr='#FF222222');
    background-image: linear-gradient(to bottom, #303030 0%, #222222 100%);
    z-index: 2; }

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

@media (min-width: 1023px) and (max-width: 1365px) {
  #feather-hero {
    height: 485px; }
    #feather-hero #feather-container {
      height: 485px; }
      #feather-hero #feather-container #feather-hero-copy {
        line-height: 24px !important; }
      #feather-hero #feather-container #feather-image-right {
        height: 63%; } }

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

@media (max-width: 767px) {
  #feather-hero {
    height: 235px; }
    #feather-hero #feather-container {
      height: 235px; }
      #feather-hero #feather-container #feather-image-left {
        position: absolute;
        bottom: 0;
        width: 80% !important;
        left: 10% !important; }
    #feather-hero #feather-hero-bottom {
      height: 75px !important; }
  #feather-copy {
    padding: 0 !important; } }

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

#fluke-hero {
  margin-top: -40px;
  height: 591px;
  background: #050505; }
  #fluke-hero #fluke-container {
    position: relative;
    height: 591px;
    margin: 0 auto;
    padding-top: 30px;
    padding-left: 10px; }
    #fluke-hero #fluke-container h1 {
      position: relative;
      color: white;
      margin-top: 40px;
      text-transform: uppercase;
      z-index: 25; }
    #fluke-hero #fluke-container #fluke-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 1; }
    #fluke-hero #fluke-container #fluke-hero-copy {
      position: relative;
      width: 70%;
      line-height: 40px;
      color: white;
      text-align: justify;
      z-index: 25; }

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

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

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

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

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

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

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

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

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

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

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

#hackerdistSignup .labelText {
  display: block; }

#hackerdistSignup label {
  display: block; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.landing-products {
  position: relative; }
  .landing-products h2 a {
    color: white;
    text-transform: uppercase; }
  .landing-products .lp-img-container {
    position: relative;
    margin-bottom: 20px;
    max-height: 314px;
    overflow: hidden; }
  .landing-products .lp-caption {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: black;
    color: white;
    opacity: .75;
    filter: alpha(opacity=75);
    /* For IE8 and earlier */ }
    .landing-products .lp-caption span {
      opacity: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ############ PRESS PAGE STUFF ############ */
section.press {
  display: flex;
  flex-direction: column;
  align-items: center; }
  section.press a:not(.btn) {
    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-table a:not(.btn) {
  text-decoration: underline; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shopping-guide-content > img {
  border-radius: 14px;
  height: auto;
  max-height: 437px;
  width: 100%; }

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;
  margin-right: -20px;
  padding-bottom: 40px; }

.shopping-guide-item {
  background-color: #f7f7f7;
  /* hsl(0, 0%, 96.9%) */
  border-radius: 14px;
  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;
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
  width: 310px; }
  .shopping-guide-item .tagline {
    align-items: flex-end;
    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: #FF0000; }
  .shopping-guide-item button.learn-more {
    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 {
      background-color: rgba(0, 167, 233, 0.7);
      opacity: 1.0; }

@supports (display: grid) {
  .shopping-guide-items {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(305px, 1fr));
    margin: 0; }
  .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 {
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    float: left;
    grid-column: span 2;
    height: 440px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: calc(50% - 10px); }
    .shopping-guides-container .shopping-guide + .shopping-guide:nth-child(2n) {
      margin-left: 20px; }
    .shopping-guides-container .shopping-guide > img {
      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 div: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 > .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: 767px) {
      .shopping-guides-container .shopping-guide {
        width: 100%; }
        .shopping-guides-container .shopping-guide + .shopping-guide:nth-child(2n) {
          margin-left: 0; } }
  @supports (display: grid) {
    .shopping-guides-container {
      display: grid;
      grid-gap: 20px;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: 440px; }
      .shopping-guides-container .shopping-guide {
        margin: 0;
        width: 100%; }
      @media screen and (max-width: 767px) {
        .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; } }

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

#checkout_success {
  background-color: #000;
  color: #fff; }
  #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; }

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

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

.wihBody {
  color: white; }

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

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

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

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

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

.wihLeadMobile {
  display: none; }

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

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

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

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

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

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

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

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

.js-ready .homepage-carousel [data-slides-container], .js-ready .homepage-carousel .gallery-slide {
  padding-bottom: 33.6153846154%; }

.js-ready .homepage-carousel .carousel-indicators {
  bottom: 20px; }

.no-js .homepage-carousel .carousel-indicators a:active, .no-js .homepage-carousel .carousel-indicators a:focus, .no-js .homepage-carousel .carousel-indicators a:hover {
  border: 1px solid #fff;
  background: #fff;
  margin: -1px; }

.homepage-carousel {
  position: relative; }
  .homepage-carousel .carousel-indicators {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    position: absolute;
    justify-content: center;
    right: 40px;
    bottom: 40px; }
    .homepage-carousel .carousel-indicators > .carousel-indicator {
      margin: 3px; }
      .homepage-carousel .carousel-indicators > .carousel-indicator > a {
        background: #bfbfbf;
        padding: 5px;
        border-radius: 50%;
        display: inline-block; }
        .homepage-carousel .carousel-indicators > .carousel-indicator > a.selected {
          border: 1px solid #fff;
          background: #fff;
          margin: -1px; }
      .homepage-carousel .carousel-indicators > .carousel-indicator a > * {
        display: none; }
  .homepage-carousel .video-play {
    position: absolute;
    display: none;
    cursor: pointer;
    bottom: 0;
    left: 0;
    z-index: 255;
    width: auto !important;
    height: auto !important; }
  @media (max-width: 767px) {
    .homepage-carousel {
      display: none; } }

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

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

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

.product-info {
  display: flex;
  font-size: 15px;
  font-weight: 400; }
  .product-info input[type="text"], .product-info input[type="number"] {
    -webkit-appearance: none; }
  .product-info a:hover, .product-info a:focus, .product-info a:active {
    text-decoration: underline; }
  .product-info p a, .product-info li a {
    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;
      text-transform: uppercase;
      padding-top: 0px; }
      .product-info #prod-rightnav .nav li a:hover {
        text-decoration: none;
        color: #003c7b;
        background-color: #FFF; }
      .product-info #prod-rightnav .nav li a:focus {
        text-decoration: none;
        background-color: #FFF; }
    .product-info #prod-rightnav .nav li.active > a {
      color: #525252;
      background-color: #FFF; }
  .product-info .stripes_selection {
    display: flex;
    flex-direction: column;
    padding: 0; }
    .product-info .stripes_selection input[type="radio"] {
      left: -9999px;
      margin: 0;
      position: absolute; }
    .product-info .stripes_selection label {
      cursor: pointer;
      width: 100%;
      height: 40px;
      list-style: none;
      border: solid 1px #999999;
      font-size: 14px;
      font-weight: 400;
      color: #000000;
      margin-top: 10px;
      margin-bottom: 0;
      padding-left: 10px;
      padding-right: 10px;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      align-items: center; }
    .product-info .stripes_selection input:checked + label {
      border: solid 2px #0062c7; }
    .product-info .stripes_selection input[disabled] + label {
      pointer-events: none;
      background-color: #DDD; }
    .product-info .stripes_selection input:focus + label {
      border-width: 4px; }
  .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;
      border: solid 1px #999999;
      font-size: 14px;
      padding-left: 10px;
      padding-right: 10px;
      margin-top: 10px;
      position: relative; }
      .product-info .meta_pid_boxes li a {
        align-items: center;
        color: #000000;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        text-decoration: none; }
        .product-info .meta_pid_boxes li a:focus, .product-info .meta_pid_boxes li a:hover {
          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 .meta_pid_box_status {
        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: #FF0000;
    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: #FF0000;
    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: #F00; }
  .product-info .strikethrough {
    text-decoration: line-through; }
  .product-info .red-price {
    color: #F00; }
  .product-info .resellerDiscount {
    width: 100%;
    margin-bottom: 10px; }
    .product-info .resellerDiscount .resellerDiscountsHeading {
      background-color: #999;
      color: #FFF;
      font-size: 14px;
      font-weight: 400; }
      .product-info .resellerDiscount .resellerDiscountsHeading .reseller-header-left {
        padding-left: 10px; }
      .product-info .resellerDiscount .resellerDiscountsHeading .reseller-header-right {
        text-align: right;
        padding-right: 10px; }
    .product-info .resellerDiscount .left {
      padding-left: 10px;
      color: #000; }
    .product-info .resellerDiscount .right {
      padding-right: 10px;
      text-align: right;
      color: #000; }
  .product-info .prod-info-box {
    border-top: solid #0062c7 1px;
    margin: 20px 0;
    border: 1px solid #abe5f9;
    padding: 10px;
    background-color: #f2fbfe;
    font-size: 14px;
    line-height: 14px; }
    .product-info .prod-info-box .mobile-button-row {
      margin-left: 0;
      margin-right: 0; }
    .product-info .prod-info-box select {
      width: 250px; }
  .product-info .prod-oos-box {
    border-bottom: 1px solid #999;
    margin-bottom: 20px; }
    .product-info .prod-oos-box button {
      line-height: 1.1; }
    .product-info .prod-oos-box .oos-header {
      background-color: #525252;
      color: #FFFFFF;
      font-weight: 400;
      height: 30px;
      line-height: 31px;
      margin-top: 20px;
      margin-bottom: 10px;
      padding: 0 12px; }
    .product-info .prod-oos-box legend {
      display: table;
      white-space: normal; }
    .product-info .prod-oos-box .oos-message {
      margin-bottom: 10px;
      color: #ff0000;
      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 #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;
    text-transform: uppercase; }
  .product-info #prod-add-btn:hover, .product-info #prod-add-btn-mobile:hover {
    background-color: #003c7b; }
  .product-info .buy-on-digikey-container {
    font-weight: 400;
    text-align: right; }
    .product-info .buy-on-digikey-container .buyOnDigiKey {
      border-radius: 4px;
      background-color: #ca1f01;
      border: 0;
      color: #fff;
      display: block;
      height: 40px;
      font-size: 16px;
      line-height: 40px;
      margin-top: 1em;
      overflow: hidden;
      text-align: center;
      text-transform: uppercase;
      width: 100%; }
      .product-info .buy-on-digikey-container .buyOnDigiKey:hover {
        background-color: #7e1301; }
  .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;
      text-transform: uppercase;
      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::after {
          outline: 5px auto Highlight;
          outline: 5px auto -webkit-focus-ring-color; }
      .product-info #prod-info .prod-accordion-content h2 {
        margin: 20px 0;
        padding: 0;
        text-transform: uppercase; }
      .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 .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;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 400; }
    .breadcrumbs .container {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 5px; }
  .product-info {
    flex-direction: column;
    font-size: 16px; }
    .product-info .order_max {
      margin-bottom: 0px; }
    .product-info .mobile-product-header {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: flex-end;
      margin: 0 20px 10px 20px; }
      .product-info .mobile-product-header h2 {
        margin: 0; }
    .product-info h2 {
      font-size: 30px;
      color: #000;
      font-weight: 300;
      margin-top: 0;
      padding-top: 0;
      margin-bottom: 0px; }
    .product-info h3 {
      font-size: 18px;
      text-align: left;
      color: #000000;
      font-weight: 400;
      margin-bottom: 0; }
    .product-info .stripes_selection {
      margin-top: 10px;
      margin-left: 10px; }
    .product-info #prod-add-qty, .product-info #prod-add-qty-mobile {
      height: 50px; }
    .product-info #prod-add-btn, .product-info #prod-add-btn-mobile {
      height: 50px; }
    .product-info #prod-price {
      font-size: 30px;
      font-weight: 700;
      padding-bottom: 20px;
      color: #000; }
    .product-info #prod-add, .product-info #prod-add-mobile {
      margin-top: 0px;
      margin-bottom: 20px;
      width: 100%; }
    .product-info #prod-stock, .product-info #prod-stock-mobile {
      font-size: 16px;
      border-bottom: none; }
      .product-info #prod-stock .add-to-wishlist-form, .product-info #prod-stock-mobile .add-to-wishlist-form {
        margin-top: 20px; }
      .product-info #prod-stock form, .product-info #prod-stock-mobile form {
        text-align: left; }
        .product-info #prod-stock form .blue-button, .product-info #prod-stock-mobile form .blue-button {
          float: right; }
      .product-info #prod-stock .prod-oos-box .mobile-button-row, .product-info #prod-stock-mobile .prod-oos-box .mobile-button-row {
        margin-left: 0;
        margin-right: 0; }
      .product-info #prod-stock .prod-oos-box .blue-button, .product-info #prod-stock-mobile .prod-oos-box .blue-button {
        margin-bottom: 0; }
    .product-info .productQuantityDiscounts {
      font-size: 16px; }
    .product-info #prod-info {
      border-top: 1px solid #0062c7; }
      .product-info #prod-info .prod-accordion-content {
        border-bottom: 1px solid #0062c7;
        padding-bottom: 0px; }
        .product-info #prod-info .prod-accordion-content a h2 {
          color: #0062c7;
          font-size: 24px; }
        .product-info #prod-info .prod-accordion-content .panel-collapse {
          padding-bottom: 20px; }
      .product-info #prod-info ul {
        margin: 10px 5px;
        list-style-position: outside; }
        .product-info #prod-info ul li {
          margin: 2px 0; }
    .product-info #tab_related,
    .product-info .related-header {
      margin-top: 20px;
      margin-bottom: 20px;
      color: #0062c7;
      font-size: 24px; }
    .product-info .sg-input {
      height: 40px;
      font-size: 16px; }
    .product-info .sg-label {
      font-size: 16px; }
    .product-info #related-products {
      margin-left: 0;
      margin-right: 0; }
      .product-info #related-products .prodvid-container {
        max-height: 265px; } }

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

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

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

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

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

.dnt-youtube-overlay {
  background-color: #EEE;
  font-size: 16px;
  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; }

#category-hero {
  position: relative;
  margin: -40px 0 0 0;
  width: 100%;
  height: 798px;
  padding: 4px 0 0 0;
  clear: both;
  color: #fff;
  background: -webkit-radial-gradient(#6E6C72, #100F13);
  background: -moz-radial-gradient(#6E6C72, #100F13);
  background: radial-gradient(#6E6C72, #100F13);
  /* background: url('/includes/templates/shop2019/images/category_hero_bg.jpg') repeat center top #3B3B3B; */ }
  #category-hero blockquote {
    border-left: 0; }

.noise {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/includes/templates/shop2019/images/noise.png") repeat center top transparent;
  opacity: 0.20;
  filter: alpha(opacity=20);
  /* For IE8 and earlier */ }

.gc-diagonal {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/includes/templates/shop2019/images/gc_pattern.png") repeat center top transparent;
  opacity: 0.50;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */ }

#category-hero .container {
  margin: 0 auto; }

#category-hero-top {
  position: relative;
  height: 813px;
  font-size: 16px;
  line-height: 36px;
  font-weight: 400; }
  #category-hero-top h1 {
    color: #FFF;
    font-size: 48px;
    line-height: 52px;
    margin: 40px 0;
    text-transform: uppercase; }
  #category-hero-top a {
    color: #FFF;
    text-decoration: underline; }
    #category-hero-top a:hover, #category-hero-top a:focus, #category-hero-top a:active {
      text-decoration: none; }

#category-hero-logo-caption {
  text-align: center;
  margin-top: -40px;
  font-size: 14px; }

#category-hero-clipped-img, #wearable-category-hero-clipped-img {
  position: absolute;
  bottom: 20px;
  left: -55px; }

#category-hero-overlay {
  position: absolute;
  bottom: -40px;
  right: -10px;
  z-index: 999;
  pointer-events: none; }

/* Special Category Headers */
.iot {
  height: 595px !important; }
  .iot #category-hero-top {
    height: 610px !important; }
  .iot #category-hero-clipped-img {
    width: 50% !important;
    height: auto !important;
    left: 15% !important; }
  .iot #category-hero-overlay {
    height: auto !important;
    width: 110% !important; }

.devboards {
  height: 605px !important; }
  .devboards #category-hero-top {
    height: 620px !important; }
  .devboards #category-hero-clipped-img {
    width: 50% !important;
    height: auto !important;
    left: 15% !important; }
  .devboards #category-hero-overlay {
    height: auto !important;
    width: 110% !important; }

.cosplay-hero {
  height: 635px !important;
  background: #202020;
  /* Old browsers */
  background: -moz-linear-gradient(top, #202020 0%, #000000 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #202020), color-stop(100%, #000000)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #202020 0%, #000000 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #202020 0%, #000000 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #202020 0%, #000000 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #202020 0%, #000000 100%) !important;
  /* W3C */ }

.cosplay-hero-top {
  height: 650px !important; }
  .cosplay-hero-top #category-description {
    width: 85%; }

#category-hero-cosplay-overlay {
  position: absolute;
  bottom: 60px;
  right: 0;
  z-index: 999;
  pointer-events: none; }

.book-hero {
  height: 635px !important; }

.book-hero-top {
  height: 650px !important; }
  .book-hero-top #category-description {
    width: 85%; }

#category-hero-book-overlay {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 999;
  pointer-events: none; }

#category-hero-book-clipped-img {
  position: absolute;
  bottom: 20px;
  left: 90px; }

#gakken-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 32.5%; }
  #gakken-wrapper #category-description {
    width: 82% !important; }

.gakken-logo {
  width: 25%; }

#category-hero-gakken {
  position: absolute;
  margin-top: -40px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 4px 0 0 0;
  clear: both;
  color: #fff;
  background: url("/includes/templates/shop2019/images/gakken_bg.jpg") no-repeat center center #031026;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto; }
  #category-hero-gakken blockquote {
    border-left: 0; }

.el-hero {
  background: none !important;
  background-color: #000 !important;
  height: 440px !important; }
  .el-hero #category-hero-top {
    height: 455px; }

.el-right {
  width: 100%; }

#category-hero-gc {
  position: relative;
  margin: -40px 0 10px 0;
  width: 100%;
  height: 625px;
  padding: 4px 0 0 0;
  clear: both;
  color: #fff;
  background: #2e3021;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2e3021 0%, #f0e9c5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e3021), color-stop(100%, #f0e9c5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2e3021 0%, #f0e9c5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2e3021 0%, #f0e9c5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2e3021 0%, #f0e9c5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2e3021 0%, #f0e9c5 100%);
  /* W3C */ }
  #category-hero-gc blockquote {
    border-left: 0; }
  #category-hero-gc #category-hero-top {
    height: 625px; }
  #category-hero-gc #category-description {
    width: 88% !important; }
  #category-hero-gc #category-hero-clipped-img {
    position: absolute;
    bottom: -20px;
    left: 0; }
  #category-hero-gc #category-hero-logo {
    position: absolute;
    right: 0;
    top: 44px; }
  #category-hero-gc #category-hero-overlay {
    right: 135px !important; }

#category-title {
  margin-bottom: 13px; }

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

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

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

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

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

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

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

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

.categories-wrapper .categories-img-container div {
  background-color: rgba(0, 0, 0, 0.75);
  bottom: 0;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  width: 200px; }

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

@media (min-width: 1023px) and (max-width: 1365px) {
  .cosplay-hero-top #category-description {
    width: 100% !important; }
  .book-hero-top #category-description {
    width: 100%; }
  #category-hero-book-clipped-img {
    left: 230px; }
  #gakken-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 29%; }
    #gakken-wrapper #category-description {
      width: 72% !important; }
  #category-hero-fona #category-description {
    width: 100% !important; }
  #category-hero-fona #category-hero-clipped-img {
    left: 160px; }
  #category-hero-gc #category-description {
    width: 100% !important; }
  #category-hero-gc #category-hero-clipped-img {
    left: 65px; }
  #category-hero-top {
    line-height: 40px; }
  .categories-wrapper .prodvid-container {
    max-height: 148px; } }

@media (max-width: 1023px) {
  .iot {
    height: 615px !important; }
    .iot #category-hero-top {
      height: 630px !important; }
    .iot h1 {
      font-size: 46px !important;
      margin-top: 20px;
      margin-bottom: 20px; }
  .cosplay-hero-top #category-description {
    width: 100% !important; }
  .book-hero-top #category-description {
    width: 100%; }
  #category-hero-book-clipped-img {
    left: 90px; }
  #gakken-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 28%; }
    #gakken-wrapper #category-description {
      width: 76% !important; }
  #category-hero-fona #category-description {
    width: 100% !important; }
  #category-hero-fona #category-hero-clipped-img {
    left: 40px; }
  #category-hero-gc #category-description {
    width: 100% !important; }
  #category-hero-top {
    line-height: 34px; }
  #category-hero-clipped-img, #wearable-category-hero-clipped-img {
    left: 0; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #category-hero-gakken #category-description {
    line-height: 20px; }
  .categories-wrapper .prodvid-container {
    max-height: 259px; } }

@media (max-width: 767px) {
  .iot h1 {
    font-size: 24px !important;
    line-height: 26px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important; }
  .iot #category-description {
    display: block !important;
    width: 100% !important;
    line-height: 22px !important; }
  .devboards #category-hero-top h1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 10px !important;
    font-size: 36px !important; }
  .devboards #category-description {
    display: block !important;
    width: 100% !important;
    line-height: 22px !important; }
  .cosplay-hero {
    height: 185px !important; }
    .cosplay-hero #category-hero-top h1 {
      font-size: 38px !important; }
  .book-hero {
    height: 305px !important; }
  .book-hero-top {
    height: 320px !important; }
    .book-hero-top #CategoryDefaultHeading {
      margin: 20px 0;
      line-height: 48px; }
  #category-hero-book-clipped-img {
    width: 90%;
    left: 5%;
    bottom: 40px !important; }
  #gakken-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 23%; }
  #category-hero-fona {
    height: 480px; }
    #category-hero-fona #category-hero-top {
      height: 480px; }
    #category-hero-fona #category-hero-clipped-img {
      width: 90%;
      bottom: 40px;
      left: 20px; }
  #category-hero-gc {
    height: 290px; }
    #category-hero-gc #category-hero-top {
      height: 290px; }
      #category-hero-gc #category-hero-top h1 {
        font-size: 38px; }
    #category-hero-gc #category-hero-clipped-img {
      width: 90%;
      bottom: 10px;
      left: 20px; }
  #category-hero-clipped-img {
    bottom: 40px; }
  #category-description {
    display: none; }
  #category-hero {
    height: 315px; }
  #category-hero-top {
    height: 330px; }
  .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; }

.category-hero {
  position: relative;
  margin: -40px 0 0 0;
  width: 100%;
  padding: 4px 0 0 0;
  clear: both;
  background: -webkit-radial-gradient(#6E6C72, #100F13);
  background: -moz-radial-gradient(#6E6C72, #100F13);
  background: radial-gradient(#6E6C72, #100F13);
  background: url("/includes/templates/shop2019/images/category_hero_bg.jpg") repeat center top #3B3B3B; }
  .category-hero h1 {
    font-size: 32px;
    text-transform: uppercase;
    padding: 40px 0;
    margin: 0; }
  .category-hero .container {
    padding: 0 10px 20px 10px; }
  .category-hero p {
    color: #ddd;
    font-weight: 200; }

.categories-wrapper-two .categories-img-container div {
  height: 70px; }

@media (max-width: 380px) {
  #category-hero-top #CategoryDefaultHeading {
    font-size: 36px !important; } }

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

.stickers {
  position: relative;
  height: 540px !important;
  background: url("/includes/templates/shop2019/images/stickers/hero_bg.png") repeat-x center top transparent !important; }
  .stickers img {
    position: absolute !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 80px !important;
    height: auto;
    width: 60%; }
  .stickers #category-hero-top {
    height: 540px; }
    .stickers #category-hero-top #CategoryDefaultHeading {
      margin-top: 10% !important;
      margin-bottom: 10px !important;
      margin-left: 14% !important; }
    .stickers #category-hero-top #category-description {
      width: 22.5%;
      margin-left: 14%;
      font-size: 16px;
      line-height: 27px; }

.iot {
  height: 595px !important; }
  .iot #category-hero-top {
    height: 610px !important; }
  .iot #category-hero-clipped-img {
    width: 50% !important;
    height: auto !important;
    left: 15% !important; }
  .iot #category-hero-overlay {
    height: auto !important;
    width: 110% !important; }

.devboards {
  height: 605px !important; }
  .devboards #category-hero-top {
    height: 620px !important; }
  .devboards #category-hero-clipped-img {
    width: 50% !important;
    height: auto !important;
    left: 15% !important; }
  .devboards #category-hero-overlay {
    height: auto !important;
    width: 110% !important; }

.cosplay-hero {
  height: 635px !important;
  background: #202020;
  /* Old browsers */
  background: -moz-linear-gradient(top, #202020 0%, #000000 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #202020), color-stop(100%, #000000)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #202020 0%, #000000 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #202020 0%, #000000 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #202020 0%, #000000 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #202020 0%, #000000 100%) !important;
  /* W3C */ }

.cosplay-hero-top {
  height: 650px !important; }
  .cosplay-hero-top #category-description {
    width: 85%; }

#category-hero-cosplay-overlay {
  position: absolute;
  bottom: 60px;
  right: 0;
  z-index: 999;
  pointer-events: none; }

.book-hero {
  height: 635px !important; }

.book-hero-top {
  height: 650px !important; }
  .book-hero-top #category-description {
    width: 85%; }

#category-hero-book-overlay {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 999;
  pointer-events: none; }

#category-hero-book-clipped-img {
  position: absolute;
  bottom: 20px;
  left: 90px; }

#gakken-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 32.5%; }
  #gakken-wrapper #category-description {
    width: 82% !important; }

.gakken-logo {
  width: 25%; }

#category-hero-gakken {
  position: absolute;
  margin-top: -40px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 4px 0 0 0;
  clear: both;
  color: #fff;
  background: url("/includes/templates/shop2019/images/gakken_bg.jpg") no-repeat center center #031026;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto; }
  #category-hero-gakken blockquote {
    border-left: 0; }

.el-hero {
  background: none !important;
  background-color: #000 !important;
  height: 440px !important; }
  .el-hero #category-hero-top {
    height: 455px; }

.el-right {
  width: 100%; }

#category-hero-gc {
  position: relative;
  margin: -40px 0 10px 0;
  width: 100%;
  height: 625px;
  padding: 4px 0 0 0;
  clear: both;
  color: #fff;
  background: #2e3021;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2e3021 0%, #f0e9c5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e3021), color-stop(100%, #f0e9c5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2e3021 0%, #f0e9c5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2e3021 0%, #f0e9c5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2e3021 0%, #f0e9c5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2e3021 0%, #f0e9c5 100%);
  /* W3C */ }
  #category-hero-gc blockquote {
    border-left: 0; }
  #category-hero-gc #category-hero-top {
    height: 625px; }
  #category-hero-gc #category-description {
    width: 88% !important; }
  #category-hero-gc #category-hero-clipped-img {
    position: absolute;
    bottom: -20px;
    left: 0; }
  #category-hero-gc #category-hero-logo {
    position: absolute;
    right: 0;
    top: 44px; }
  #category-hero-gc #category-hero-overlay {
    right: 135px !important; }

#category-hero-fona {
  position: relative;
  margin: -40px 0 40px 0;
  width: 100%;
  height: 625px;
  padding: 4px 0 0 0;
  clear: both;
  color: #fff;
  background: #545456;
  /* Old browsers */
  background: -moz-linear-gradient(top, #545456 0%, #2a2a2a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545456), color-stop(100%, #2a2a2a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #545456 0%, #2a2a2a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #545456 0%, #2a2a2a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #545456 0%, #2a2a2a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #545456 0%, #2a2a2a 100%);
  /* W3C */ }
  #category-hero-fona blockquote {
    border-left: 0; }
  #category-hero-fona #category-hero-top {
    height: 625px; }
    #category-hero-fona #category-hero-top h1 {
      padding: 0; }
  #category-hero-fona #category-description {
    width: 75% !important; }
    #category-hero-fona #category-description p {
      color: #fff;
      font-weight: normal; }
  #category-hero-fona #category-hero-clipped-img {
    position: absolute;
    bottom: 40px;
    left: 0; }
  #category-hero-fona #category-hero-logo {
    position: absolute;
    right: 0;
    top: 44px; }
  #category-hero-fona #category-hero-overlay {
    right: 135px !important; }

@media (min-width: 1023px) and (max-width: 1365px) {
  .stickers #category-hero-top #CategoryDefaultHeading {
    margin-top: 10% !important;
    margin-bottom: 10px !important;
    margin-left: 2% !important; }
  .stickers #category-hero-top #category-description {
    margin-left: 2% !important;
    width: 29%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  .stickers #category-hero-top #CategoryDefaultHeading {
    margin-top: 12% !important;
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    font-size: 32px !important;
    padding-left: 0 !important; }
  .stickers #category-hero-top #category-description {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 25% !important; } }

@media (max-width: 767px) {
  .stickers {
    background-color: #D5CFBB !important;
    background-image: none !important; }
    .stickers #category-hero-top #CategoryDefaultHeading {
      margin-top: 12% !important;
      margin-bottom: 10px !important;
      margin-left: 0 !important;
      font-size: 32px !important;
      padding-left: 0 !important; }
    .stickers #category-hero-top #category-description {
      display: block !important;
      width: 100% !important;
      margin-left: 0;
      margin-right: 0; } }

.hero-image-overlay {
  position: absolute;
  z-index: 999;
  background-repeat: no-repeat; }

#metro-cat-hero .container {
  padding: 0; }
  @media (min-width: 1366px) {
    #metro-cat-hero .container {
      padding-bottom: 20px; } }
  @media (max-width: 767px) {
    #metro-cat-hero .container {
      padding: 0 20px; } }

#metro-cat-hero .hero-image-overlay {
  right: -20px;
  bottom: -50px;
  width: 35%;
  background-size: contain;
  background-position: bottom right; }
  #metro-cat-hero .hero-image-overlay::before {
    content: "";
    float: left;
    padding-top: 77.5%; }
  @media (max-width: 1365px) {
    #metro-cat-hero .hero-image-overlay {
      bottom: -30px; } }
  @media (max-width: 1023px) {
    #metro-cat-hero .hero-image-overlay {
      display: none; } }

#metro-cat-hero #category-hero-top {
  height: auto; }
  #metro-cat-hero #category-hero-top h1 {
    margin: 0; }
  #metro-cat-hero #category-hero-top .category-hero-description p {
    color: #eee;
    padding-bottom: 20px;
    line-height: 2.4em; }
  @media (min-width: 1024px) {
    #metro-cat-hero #category-hero-top .category-hero-description {
      margin-right: -20px; }
      #metro-cat-hero #category-hero-top .category-hero-description p {
        width: 66%; } }

#playground-hero {
  height: 591px;
  margin-top: -40px;
  position: relative;
  overflow: hidden;
  background: url("/includes/templates/shop2019/images/circuitplayground/hero-gradient.png") repeat-x center top #000;
  background-size: contain; }
  #playground-hero #play-container {
    position: relative;
    height: 592px; }
    #playground-hero #play-container h1 {
      position: relative;
      text-transform: uppercase;
      font-size: 48px;
      margin: 40px 0;
      z-index: 12; }
    #playground-hero #play-container #play-hero-copy {
      position: relative;
      width: 60%;
      color: #999;
      font-size: 16px;
      line-height: 38px;
      z-index: 12; }
    #playground-hero #play-container #play-left {
      height: 50%;
      width: auto;
      position: absolute;
      bottom: 0;
      left: 5%; }
    #playground-hero #play-container #play-right {
      height: 100%;
      width: auto;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1; }

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

#play-bar {
  padding: 10px 0;
  width: 100%;
  z-index: 999;
  background-color: #000;
  color: #fff; }
  #play-bar form, #play-bar #play-info {
    display: inline-block !important; }
  #play-bar form button {
    height: 40px;
    font-size: 16px;
    text-transform: uppercase; }
  #play-bar #play-product-info #prod-add {
    margin: 8px 0; }
  #play-bar #play-info {
    margin-left: 20px; }
    #play-bar #play-info #play-discounts {
      display: inline-block;
      text-transform: uppercase;
      margin-top: 20px; }
  #play-bar #play-link {
    display: block;
    text-align: right;
    margin-top: 20px; }

#play-copy {
  background-color: #4e4e4e;
  position: relative;
  color: #fff;
  padding-bottom: 40px;
  margin-bottom: -20px;
  line-height: 36px !important;
  font-size: 16px; }
  #play-copy #play-top-images img {
    margin: 20px 0; }
  #play-copy #play-bullets {
    list-style-position: outside;
    padding-left: 15px; }
    #play-copy #play-bullets li {
      margin-bottom: 40px; }

@media (min-width: 1023px) and (max-width: 1365px) {
  #playground-hero #play-container h1 {
    font-size: 36px;
    line-height: 48px; }
  #playground-hero #play-container #play-hero-copy {
    width: 65%; }
  #playground-hero #play-container #play-left {
    height: 50%; }
  #playground-hero #play-container #play-right {
    right: -15%; }
  #play-bar #play-info #play-discounts {
    margin-top: 10px; }
  #play-bar .play-link {
    line-height: 10px;
    vertical-align: -100%; } }

@media (min-width: 767px) and (max-width: 1023px) {
  #playground-hero {
    height: 392px; }
    #playground-hero #play-container {
      height: 392px; }
      #playground-hero #play-container h1 {
        font-size: 36px;
        line-height: 48px; }
      #playground-hero #play-container #play-hero-copy {
        width: 56%;
        line-height: 24px; }
  #play-bar form {
    display: block !important;
    text-align: center; }
    #play-bar form button {
      padding-left: 0 !important;
      padding-right: 0 !important; }
  #play-bar #play-info {
    width: 100%;
    margin: 0;
    text-align: center; }
    #play-bar #play-info #play-discounts {
      margin-top: 0; }
  #play-bar #play-link {
    display: block;
    text-align: center; } }

@media (max-width: 767px) {
  .sticky {
    position: relative;
    top: 0; }
  #playground-hero {
    height: 392px;
    overflow: visible !important; }
    #playground-hero #play-container {
      height: 392px; }
      #playground-hero #play-container h1 {
        font-size: 24px;
        line-height: 32px; }
      #playground-hero #play-container #play-hero-copy {
        width: auto;
        line-height: 32px; }
  #play-bar form {
    display: block !important; }
  #play-bar #play-info {
    width: 100%;
    margin: 10px 0;
    text-align: center; }
  #play-bar #play-link {
    text-align: center; } }

@media (max-width: 350px) {
  #playground-hero {
    height: 452px;
    overflow: visible !important; }
    #playground-hero h1 {
      font-size: 24px !important;
      line-height: 32px; }
    #playground-hero #play-container {
      height: 452px; }
      #playground-hero #play-container #play-hero-copy {
        width: auto;
        line-height: 24px; }
  #play-bar form {
    display: block !important; }
  #play-bar #play-info {
    width: 100%;
    margin: 10px 0;
    text-align: center; }
  #play-bar #play-link {
    text-align: center; }
  #play-copy #play-top-images div.col-xs-12 {
    padding-left: 0;
    padding-right: 0; } }

#circuitplayground-cat-hero .container {
  display: flex;
  flex-flow: row wrap; }

#circuitplayground-cat-hero .category-hero-description {
  width: 988px; }
  #circuitplayground-cat-hero .category-hero-description a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 0.1em; }

.circuitplayground-img-back {
  width: 262px;
  max-width: 262px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/categories/circuitplayground/2017_Circuit_Playground_Back_Standing.png");
  margin: auto 0 auto auto; }
  .circuitplayground-img-back::before {
    content: "";
    float: left;
    padding-top: 98.4732824427%; }

.circuitplayground-img-hand {
  width: 360px;
  max-width: 360px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/categories/circuitplayground/2017_Circuit_Playground_Hand.png");
  margin: auto auto -20px -40px; }
  .circuitplayground-img-hand::before {
    content: "";
    float: left;
    padding-top: 88.0555555556%; }

.circuitplayground-img-express {
  width: 299px;
  max-width: 299px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/categories/circuitplayground/2017_Circuit_Playground_Express.png");
  margin: auto 0 auto auto; }
  .circuitplayground-img-express::before {
    content: "";
    float: left;
    padding-top: 73.5785953177%; }

.circuitplayground-img-educators {
  width: 339px;
  max-width: 339px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/categories/circuitplayground/Circuit_Playground_Educators_Pack.png");
  margin: auto; }
  .circuitplayground-img-educators::before {
    content: "";
    float: left;
    padding-top: 101.474926254%; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .circuitplayground-img-back {
    background-image: url("../images/categories/circuitplayground/2017_Circuit_Playground_Back_Standing_2x.png"); }
  .circuitplayground-img-hand {
    background-image: url("../images/categories/circuitplayground/2017_Circuit_Playground_Hand_2x.png"); }
  .circuitplayground-img-express {
    background-image: url("../images/categories/circuitplayground/2017_Circuit_Playground_Express_2x.png"); }
  .circuitplayground-img-educators {
    background-image: url("../images/categories/circuitplayground/Circuit_Playground_Educators_Pack_2x.png"); } }

@media (max-width: 1365px) {
  .circuitplayground-img-back {
    display: none; }
  .circuitplayground-img-hand {
    flex: 0 1 35.3634577603%; }
  .circuitplayground-img-express {
    flex: 0 1 29.3713163065%; }
  .circuitplayground-img-educators {
    flex: 0 1 33.300589391%; } }

@media (max-width: 1023px) {
  .circuitplayground-img-hand {
    flex: 0 1 55%; }
  .circuitplayground-img-educators {
    flex: 0 1 44%; }
  .circuitplayground-img-express {
    display: none; } }

@media (max-width: 480px) {
  .circuitplayground-img-hand {
    flex: 1 1 100%; }
  .circuitplayground-img-educators {
    display: none; } }

@media (max-width: 320px) {
  .circuitplayground-img-hand {
    display: none; } }

[data-read-more="container"].read-more p.hidden-lg, [data-read-more="container"].read-more p.hidden-md, [data-read-more="container"].read-more p.hidden-sm, [data-read-more="container"].read-more p.hidden-xs, [data-read-more="container"].read-more div.hidden-lg, [data-read-more="container"].read-more div.hidden-md, [data-read-more="container"].read-more div.hidden-sm, [data-read-more="container"].read-more div.hidden-xs, [data-read-more="container"].read-more section.hidden-lg, [data-read-more="container"].read-more section.hidden-md, [data-read-more="container"].read-more section.hidden-sm, [data-read-more="container"].read-more section.hidden-xs {
  display: block !important; }

[data-read-more="container"].read-more span {
  display: inline !important; }

[data-read-more="container"].read-more [data-read-more="button"] .less {
  display: inline; }

[data-read-more="container"].read-more [data-read-more="button"] .more {
  display: none !important; }

[data-read-more="container"] [data-read-more="button"] {
  margin: 0px 20px 30px 0;
  float: right; }
  [data-read-more="container"] [data-read-more="button"] .less {
    display: none; }
  [data-read-more="container"] [data-read-more="button"] .more {
    display: inline; }
  [data-read-more="container"] [data-read-more="button"]:hover, [data-read-more="container"] [data-read-more="button"]:active {
    color: #0062c7; }

#crickit-cat-hero .container {
  position: relative;
  padding: 0 10px; }

#crickit-cat-hero .category-hero-description .description-text {
  line-height: 1.4em;
  font-size: 18px; }

#crickit-cat-hero .category-hero-description h1 {
  padding: 15px 0 20px 0;
  font-size: 36px;
  line-height: 38px; }

@media (min-width: 1366px) {
  #crickit-cat-hero .category-hero-description .description-text p {
    max-width: 720px; } }

@media (min-width: 1024px) and (max-width: 1365px) {
  #crickit-cat-hero .category-hero-description .description-text p:last-of-type {
    max-width: 580px; } }

.crickit-img-boards {
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/crickit/Crickit_boards_1x_gradient.png");
  margin: auto auto auto 0;
  width: 661px;
  height: 118px; }
  @media (min-width: 1024px) and (max-width: 1365px) {
    .crickit-img-boards {
      width: 496px;
      height: 89px; } }
  @media (max-width: 1023px) {
    .crickit-img-boards {
      margin: auto; } }

.crickit-img-turtle {
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/crickit/Crickit_turtle_1x.png");
  margin: auto 0 auto auto;
  position: absolute;
  right: 0;
  bottom: -20px;
  width: 545px;
  height: 349px; }
  @media (min-width: 1024px) and (max-width: 1365px) {
    .crickit-img-turtle {
      width: 393px;
      height: 251px; } }
  @media (max-width: 1023px) {
    .crickit-img-turtle {
      display: none; } }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .crickit-img-boards {
    background-image: url("../images/crickit/Crickit_boards_2x_gradient.png"); }
  .crickit-img-turtle {
    background-image: url("../images/crickit/Crickit_turtle_2x.png"); } }

@media (max-width: 767px) {
  .crickit-img-boards {
    display: 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-black-carrots .added-carrot {
  text-transform: uppercase; }

.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-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-recommend-box .added-product-text-wrapper {
    height: 90px; }
  .added-white .added-recommended .added-recommend-box .added-product-price {
    height: 20px; }
  .added-white .added-recommended .added-recommend-box .added-product-name a {
    font-size: 16px;
    font-weight: 400; }
  .added-white .added-recommended .added-recommend-box .added-product-description {
    font-weight: 400; }
  .added-white .added-recommended .added-recommend-box .blue-button,
  .added-white .added-recommended .added-recommend-box .gray-button {
    margin-left: 0px;
    margin-top: 10px;
    font-weight: 500; }
  .added-white .added-recommended .added-recommend-box .addToCart {
    line-height: 1.1;
    font-weight: 500;
    text-transform: uppercase; }
  .added-white .added-recommended .added-recommend-box .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;
    height: 150px;
    overflow: hidden; }
    .added-white .added-learn .added-tutorial-box .added-tutorials-description {
      font-weight: 400; }
  .added-white .added-learn .added-tutorial-products .added-tutorial-products-row {
    margin-top: 20px; }
    .added-white .added-learn .added-tutorial-products .added-tutorial-products-row .added-tutorials-product-text-wrapper {
      height: 90px;
      overflow: hidden; }
    .added-white .added-learn .added-tutorial-products .added-tutorial-products-row .addToCart {
      text-transform: uppercase; }
  .added-white .added-learn .added-tutorial-product-name {
    margin-bottom: 10px; }
  .added-white .added-learn .added-tutorial-product-price {
    margin-bottom: 10px; }
  .added-white .added-learn .hr-gray {
    margin-top: 20px; }
  .added-white .added-learn .blue-button,
  .added-white .added-learn .gray-button {
    line-height: 1.1;
    margin-left: 0;
    margin-top: 0; }

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

@media (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-white .added-learn .added-tutorial-box {
    height: 130px; }
  .added-white .added-recommended .added-recommend-box .added-product-text-wrapper {
    height: 110px; }
  .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; } }

@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 {
        text-transform: uppercase; }
      .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: #b94a48;
      font-weight: 500;
      text-decoration: underline; }
    .shopping-cart .message-stack-error a:hover, .shopping-cart .message-stack-error a:focus {
      color: #953b39; }
  .shopping-cart .cart-side-suggestions {
    flex: 1 1 25%;
    margin-left: 20px; }
    .shopping-cart .cart-side-suggestions .blue-button.addToCart {
      line-height: 1.1; }
    .shopping-cart .cart-side-suggestions .cart-carrot {
      margin-top: 10px; }
  .shopping-cart .shopping-cart-wrap h1.shopping-cart-header, .shopping-cart .shopping-cart-side-header {
    margin: 10px 0 5px 0;
    width: 100%;
    color: #FFF;
    font-weight: 400;
    line-height: 30px;
    padding-left: 12px;
    padding-top: 1px;
    font-size: 14px; }
  .shopping-cart h1.shopping-cart-header {
    background-color: #525252; }
  .shopping-cart .shopping-cart-side-header {
    background-color: #666; }
  .shopping-cart .shopping-cart-table-header {
    clear: both;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    color: #666;
    margin: 5px 0; }
  .shopping-cart .cart-row, .shopping-cart .carrot-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: stretch;
    align-items: center;
    padding: 10px 0;
    opacity: 1;
    transition: opacity 0.5s; }
    .shopping-cart .cart-row.just-added, .shopping-cart .carrot-row.just-added {
      opacity: 0; }
    .shopping-cart .cart-row.has-flag, .shopping-cart .carrot-row.has-flag {
      border: 1px solid red;
      padding-left: 1em;
      padding-right: 1em;
      margin-left: -1em;
      margin-right: -1em; }
    .shopping-cart .cart-row:first-of-type.has-flag, .shopping-cart .carrot-row:first-of-type.has-flag {
      margin-top: 10px; }
    .shopping-cart .cart-row:last-of-type.has-flag, .shopping-cart .carrot-row:last-of-type.has-flag {
      margin-bottom: 10px; }
    .shopping-cart .cart-row .cart-img-container, .shopping-cart .carrot-row .cart-img-container {
      float: left;
      margin: 0 10px 0 0;
      width: 82px;
      height: 62px;
      display: inline-block; }
    .shopping-cart .cart-row .product_id, .shopping-cart .carrot-row .product_id {
      display: inline-block;
      color: #666; }
    .shopping-cart .cart-row input.cart-qty, .shopping-cart .carrot-row input.cart-qty {
      border-radius: 4px;
      width: 60px;
      color: #0062c7;
      text-align: center; }
    .shopping-cart .cart-row > .cart-col-qty label, .shopping-cart .carrot-row > .cart-col-qty label {
      display: none;
      font-size: 14px; }
    .shopping-cart .cart-row hr.cart-mobile-spacer, .shopping-cart .carrot-row hr.cart-mobile-spacer {
      display: none; }
    .shopping-cart .cart-row .cart-meta-title, .shopping-cart .carrot-row .cart-meta-title {
      color: #000;
      font-size: 14px; }
    .shopping-cart .cart-row .flag, .shopping-cart .carrot-row .flag {
      font-weight: bold;
      color: #FF0000;
      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 .save-wishlist-button {
    display: block;
    float: left; }
  .shopping-cart .cart-checkout-container {
    color: #666;
    text-align: right;
    margin-top: 5px; }
  .shopping-cart .extra-wide {
    display: inline-block;
    line-height: 30px;
    padding-left: 50px;
    padding-right: 50px;
    letter-spacing: 0.5px; }
  .shopping-cart .orCheckoutWith {
    width: 100%;
    margin: 20px 10px 10px 10px;
    height: 0;
    overflow: visible; }
    .shopping-cart .orCheckoutWith hr {
      width: 100%; }
    .shopping-cart .orCheckoutWith span {
      display: inline-block;
      font-size: 12px;
      top: -14px;
      padding: 0 5px;
      margin-left: 10px;
      position: relative;
      background: #fff;
      color: #999;
      text-transform: uppercase; }
  .shopping-cart .cart-coupon-container {
    color: #666;
    flex: 1 1 160px; }
    .shopping-cart .cart-coupon-container .cart-input {
      border-radius: 4px;
      max-width: 300px;
      text-align: left;
      padding-left: 5px;
      color: #525252;
      font-weight: 400;
      margin-right: 5px;
      flex: 1 1 300px; }
    .shopping-cart .cart-coupon-container .blue-button, .shopping-cart .cart-coupon-container .gray-button {
      margin-left: 5px; }
  .shopping-cart .cart-totals {
    display: flex;
    flex-flow: column;
    flex: 1 1 auto; }
    .shopping-cart .cart-totals .cart-totals-row {
      display: flex;
      flex-flow: row nowrap;
      padding: 5px 0;
      text-align: right; }
    .shopping-cart .cart-totals .cart-totals-label {
      flex: 1 1 50%; }
    .shopping-cart .cart-totals .cart-totals-value {
      flex: 1 0 80px; }
  .shopping-cart .cart-item-undo, .shopping-cart .removed-msg {
    display: none; }
  .shopping-cart .cart-row-removed {
    background: #eee;
    color: #666;
    padding: 10px;
    font-size: 14px;
    transition: opacity 1.8s; }
    .shopping-cart .cart-row-removed .undo {
      align-self: flex-end;
      margin-top: 10px;
      line-height: 30px; }
  .shopping-cart .mobile-button-row {
    display: inline-block; }
    .shopping-cart .mobile-button-row a {
      display: block;
      text-align: center; }
  .shopping-cart .cart-subtotals {
    color: #666; }
  .shopping-cart .cart-total {
    color: #000; }
  .shopping-cart .alt-checkout {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-end; }

body.no-js .shopping-cart .cart-col-remove {
  display: none; }

@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.logged-in-cart {
      margin-top: 0px; }
    .shopping-cart .cart-carrots-container {
      overflow: hidden;
      height: 0;
      transition: height 0.5s ease-in; }
    .shopping-cart .cart-carrot {
      position: relative; }
      .shopping-cart .cart-carrot .close-btn {
        display: inline-block;
        position: absolute;
        right: 10px; }
      .shopping-cart .cart-carrot .cart-carrot-body {
        margin-right: 20px; }
    .shopping-cart .shopping-cart-table-header {
      display: none; }
    .shopping-cart .cart-row, .shopping-cart .carrot-row {
      border-bottom: 1px solid #999;
      padding: 10px 10px; }
      .shopping-cart .cart-row.has-flag, .shopping-cart .carrot-row.has-flag {
        margin: 0;
        padding: 10px 10px; }
      .shopping-cart .cart-row > .cart-col-item, .shopping-cart .carrot-row > .cart-col-item {
        width: 100%; }
      .shopping-cart .cart-row > .cart-col-price, .shopping-cart .carrot-row > .cart-col-price {
        display: none; }
      .shopping-cart .cart-row > hr.cart-mobile-spacer, .shopping-cart .carrot-row > hr.cart-mobile-spacer {
        display: block;
        width: 100%;
        border-color: #ddd;
        margin: 10px 0; }
      .shopping-cart .cart-row > .cart-col-remove, .shopping-cart .carrot-row > .cart-col-remove {
        order: 3;
        width: auto;
        margin: auto 0;
        min-width: 30px; }
        .shopping-cart .cart-row > .cart-col-remove .cart-fake-button, .shopping-cart .carrot-row > .cart-col-remove .cart-fake-button {
          display: none; }
        .shopping-cart .cart-row > .cart-col-remove .cart-remove-btn, .shopping-cart .carrot-row > .cart-col-remove .cart-remove-btn {
          display: inline;
          font-size: 14px; }
      .shopping-cart .cart-row > .cart-col-qty, .shopping-cart .carrot-row > .cart-col-qty {
        order: 4;
        width: auto;
        margin: auto 0; }
        .shopping-cart .cart-row > .cart-col-qty > label, .shopping-cart .carrot-row > .cart-col-qty > label {
          display: inline-block; }
        .shopping-cart .cart-row > .cart-col-qty > span, .shopping-cart .carrot-row > .cart-col-qty > span {
          padding: 0 5px;
          line-height: 20px;
          font-weight: bold; }
      .shopping-cart .cart-row > .cart-col-total, .shopping-cart .carrot-row > .cart-col-total {
        order: 5;
        width: auto;
        margin: auto 0;
        font-weight: bold; }
    .shopping-cart .cart-row-removed {
      border-bottom: 1px solid #000; }
    .shopping-cart .cart-coupon-container {
      padding: 20px 10px;
      background: #eee;
      border-top: 1px solid #999;
      margin: 20px 0 -20px 0; }
      .shopping-cart .cart-coupon-container form {
        margin-top: 10px; }
        .shopping-cart .cart-coupon-container form .cart-input {
          width: 100px;
          max-width: none;
          flex: 1 1 100px; }
        .shopping-cart .cart-coupon-container form input {
          height: auto; }
    .shopping-cart .save-wishlist-button {
      display: none; }
    .shopping-cart .alt-checkout {
      flex-flow: row wrap;
      align-items: stretch; }
    .shopping-cart .mobile-button-row {
      display: block; }
      .shopping-cart .mobile-button-row .cart-checkout-button {
        padding: 0;
        line-height: 50px;
        height: 50px; }
    .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 .cart-checkout-container {
      height: 50px; }
    .shopping-cart.fixed-checkout-btn .mobile-button-row {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      margin: 0;
      padding: 10px;
      background: #fff;
      z-index: 2;
      border-top: 1px solid #999; } }

.checkout-wrapper {
  font-size: 14px;
  /*
    BEGIN OT CENTER
    */
  /*
    BEGIN OT SIDEBAR
*/ }
  .checkout-wrapper input::-webkit-outer-spin-button,
  .checkout-wrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .checkout-wrapper .message-stack-error {
    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; }
      .checkout-wrapper .input-row label {
        text-align: right; } }
  .checkout-wrapper .adabox-logo {
    border: 1px solid #FFF; }
  .checkout-wrapper .checkout-sidebar-header {
    background-color: #666;
    width: 100%;
    color: #FFF;
    height: 30px;
    line-height: 31px;
    padding-left: 13px;
    margin-top: 5px;
    font-size: 14px; }
  .checkout-wrapper .checkout-sidebar-cart-header {
    width: 100%;
    color: #FFF;
    height: 30px;
    line-height: 31px;
    padding-left: 13px;
    margin-top: 20px;
    font-size: 14px;
    background-color: #0062c7; }
    .checkout-wrapper .checkout-sidebar-cart-header a {
      color: #fff;
      font-weight: 300; }
  .checkout-wrapper .checkout-shopping-cart-row .product_id {
    color: #666; }
  .checkout-wrapper .step-one-content .sg-label {
    display: inline-block; }
  .checkout-wrapper .step-one-content .sg-sublabel {
    color: #666; }
  .checkout-wrapper #account-info-password-row .input-row {
    line-height: normal; }
  .checkout-wrapper #account-info-password-row .label-wrapper {
    margin-bottom: 2px; }
  .checkout-wrapper #account-info-password-row .sg-label {
    margin: 0;
    line-height: normal; }
  .checkout-wrapper #account-info-password-row .forget-password {
    float: right; }
  .checkout-wrapper .label-nowrap {
    white-space: nowrap; }
  .checkout-wrapper .delivery-select-dropdown, .checkout-wrapper .billing-select-dropdown {
    border: 1px solid #999;
    width: 30%;
    padding: 5px;
    font-size: 14px; }
    .checkout-wrapper .delivery-select-dropdown a, .checkout-wrapper .billing-select-dropdown a {
      color: #525252; }
    .checkout-wrapper .delivery-select-dropdown i, .checkout-wrapper .billing-select-dropdown i {
      float: right; }
    .checkout-wrapper .delivery-select-dropdown a:hover, .checkout-wrapper .billing-select-dropdown a:hover {
      text-decoration: none; }
    .checkout-wrapper .delivery-select-dropdown ul, .checkout-wrapper .billing-select-dropdown ul {
      border-radius: 0px;
      padding: 0; }
      .checkout-wrapper .delivery-select-dropdown ul li, .checkout-wrapper .billing-select-dropdown ul li {
        border: 10px solid #FFF;
        font-size: 14px; }
      .checkout-wrapper .delivery-select-dropdown ul li:hover, .checkout-wrapper .billing-select-dropdown ul li:hover {
        border: 10px solid #EAEAEA;
        background-color: #EAEAEA; }
  .checkout-wrapper .delivery-select-dropdown:active, .checkout-wrapper .billing-select-dropdown:active, .checkout-wrapper .delivery-select-dropdown:hover, .checkout-wrapper .billing-select-dropdown:hover {
    background-color: #EAEAEA; }
  .checkout-wrapper .udab-wrap > div {
    justify-content: left;
    display: flex;
    align-items: center; }
  @media screen and (min-width: 768px) {
    .checkout-wrapper .udab-wrap > div {
      justify-content: inherit; }
    .checkout-wrapper .udab-wrap #udab {
      margin-top: 0; } }
  .checkout-wrapper .udab-wrap .sg-sublabel {
    margin-left: 0;
    padding-left: 5px;
    display: inline-block;
    font-weight: 400;
    color: #000; }
  .checkout-wrapper .shipping-logo-wrapper {
    width: 80%; }
  .checkout-wrapper #billing-wrapper #billing-separator {
    -moz-box-sizing: content-box;
    height: 13px;
    border-bottom: 1px solid #0062c7; }
    .checkout-wrapper #billing-wrapper #billing-separator .thack1 {
      display: inline-block;
      width: 0;
      border-bottom: solid 9px #0062c7;
      border-right: solid 9px transparent;
      border-left: solid 9px transparent; }
    .checkout-wrapper #billing-wrapper #billing-separator .thack2 {
      display: inline-block;
      margin-left: -21px;
      width: 0;
      border-bottom: solid 8px #FFF;
      border-right: solid 8px transparent;
      border-left: solid 8px transparent; }
  .checkout-wrapper .shipping-row input {
    display: inline;
    margin-top: 0px; }
  .checkout-wrapper .checkout-error-address {
    color: #FF0000; }
  .checkout-wrapper .checkout_shipping_radio {
    vertical-align: middle; }
  .checkout-wrapper .checkout-shipping-method-label {
    line-height: 15px;
    height: 16px;
    display: inline !important;
    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;
    text-transform: uppercase;
    vertical-align: middle; }
  .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;
    text-transform: uppercase; }
    .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-title {
      float: left;
      text-transform: uppercase; }
    .checkout-wrapper .checkout-sidebar-ot-wrapper .checkout-sidebar-ot-text {
      float: right; }
    .checkout-wrapper .checkout-sidebar-ot-wrapper .checkout-sidebar-ot-explanation {
      clear: both;
      font-weight: normal; }
  .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; }

@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 .blue-button {
      margin-left: 0px; }
    .checkout-wrapper .sg-input {
      height: 40px;
      font-size: 16px;
      color: #000; }
    .checkout-wrapper .sg-label, .checkout-wrapper .sg-sublabel {
      margin-left: 10px;
      margin-right: 10px; }
    .checkout-wrapper .shipping-row .sg-label {
      margin-left: 0;
      margin-right: 0; }
    .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 .pull-right, .checkout-wrapper .delivery-fields-wrapper .pull-right, .checkout-wrapper .billing-fields-wrapper .pull-right {
      float: left !important; }
    .checkout-wrapper .checkout-content-active .checkout-error-address, .checkout-wrapper .delivery-fields-wrapper .checkout-error-address, .checkout-wrapper .billing-fields-wrapper .checkout-error-address {
      margin-left: 20px;
      margin-right: 10px; }
    .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 .name-row .checkout-error-address,
      .checkout-wrapper .address-row .checkout-error-address,
      .checkout-wrapper .city-row .checkout-error-address {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 20px;
        line-height: normal;
        margin-top: 10px;
        font-size: 14px; }
    .checkout-wrapper .shipping-row {
      margin-bottom: 20px; }
      .checkout-wrapper .shipping-row .price-quote {
        float: right; }
    .checkout-wrapper .checkout-payment-main {
      margin-left: 10px; }
      .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;
  text-transform: uppercase; }

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

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

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

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

.product-listing {
  position: relative; }
  .product-listing .img-container {
    overflow: hidden; }
    .product-listing .img-container a {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .product-listing .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; }
  .product-listing .product-description {
    font-size: 14px;
    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: #FF0000; }
  .product-listing .product-info {
    left: 20px;
    width: 100%; }
    .product-listing .product-info .blue-button-large {
      margin-top: 14px; }
    .product-listing .product-info .add-to-cart {
      border: none; }
      .product-listing .product-info .add-to-cart:hover {
        text-decoration: none;
        background-color: #003c7b; }
      .product-listing .product-info .add-to-cart:active {
        text-decoration: none; }
    .product-listing .product-info .price-stock {
      display: inline-block;
      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: #ff0000;
          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: #f00; }
      .product-listing .product-info .price-stock .stock {
        clear: both;
        display: block;
        font-size: 14px;
        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 {
        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) {
  .product-listing {
    margin-left: 0px;
    margin-right: 0px; }
    .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; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.payment_methods .exp_drop {
  width: 60px; }

.payment_methods .cc_cvv {
  width: 60px; }

.payment_methods form {
  display: inline; }

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

.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 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;
    text-transform: uppercase;
    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;
    text-transform: uppercase; }
    .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%;
  text-transform: uppercase;
  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: #999;
  text-transform: uppercase; }

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

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

.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 {
  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 {
  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 {
  text-transform: uppercase;
  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 .gv-amount {
    text-align: right; }
  .gv table tbody .gv-date {
    text-transform: uppercase; }
  .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: #ff0000; }

.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: #ff0000; }

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

@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; }
  .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 {
    border-position: inside;
    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;
  overflow: hidden; }
  #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:active, #add-to-wishlist-container #add-btn-mobile:hover, #add-to-wishlist-container #add-btn-mobile:active, #add-to-wishlist-container-mobile #add-btn:hover, #add-to-wishlist-container-mobile #add-btn:active, #add-to-wishlist-container-mobile #add-btn-mobile:hover, #add-to-wishlist-container-mobile #add-btn-mobile:active {
      background-color: #0062c7; }
    #add-to-wishlist-container #add-btn::after, #add-to-wishlist-container #add-btn-mobile::after, #add-to-wishlist-container-mobile #add-btn::after, #add-to-wishlist-container-mobile #add-btn-mobile::after {
      content: "";
      font-family: FontAwesome;
      content: '\f107';
      padding-left: 5px; }
  #add-to-wishlist-container #create-btn-container, #add-to-wishlist-container #create-btn-container-mobile, #add-to-wishlist-container-mobile #create-btn-container, #add-to-wishlist-container-mobile #create-btn-container-mobile {
    margin: 10px; }
  #add-to-wishlist-container ul, #add-to-wishlist-container-mobile ul {
    border-radius: 4px;
    display: none;
    list-style: none outside none;
    padding-left: 0;
    margin: 10px; }
    #add-to-wishlist-container ul li, #add-to-wishlist-container-mobile ul li {
      display: block; }
      #add-to-wishlist-container ul li *, #add-to-wishlist-container-mobile ul li * {
        cursor: pointer; }
      #add-to-wishlist-container ul li input[type=checkbox], #add-to-wishlist-container-mobile ul li input[type=checkbox] {
        float: left; }
        #add-to-wishlist-container ul li input[type=checkbox]:hover + label, #add-to-wishlist-container ul li input[type=checkbox]:focus + label, #add-to-wishlist-container-mobile ul li input[type=checkbox]:hover + label, #add-to-wishlist-container-mobile ul li input[type=checkbox]:focus + label {
          text-decoration: underline; }
      #add-to-wishlist-container ul li label, #add-to-wishlist-container-mobile ul li label {
        font-weight: normal;
        margin-left: 0.5em;
        text-align: left; }
        #add-to-wishlist-container ul li label:hover, #add-to-wishlist-container ul li label:focus, #add-to-wishlist-container-mobile ul li label:hover, #add-to-wishlist-container-mobile ul li label:focus {
          text-decoration: underline; }
  #add-to-wishlist-container #create-btn-container, #add-to-wishlist-container #create-btn-container-mobile, #add-to-wishlist-container-mobile #create-btn-container, #add-to-wishlist-container-mobile #create-btn-container-mobile {
    display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#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: #FF0000; }

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

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

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

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

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

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

.wishlist .cart-row .cart-products-name {
  flex: 1;
  padding-left: 10px; }
  .wishlist .cart-row .cart-products-name a {
    font-weight: 500; }
  .wishlist .cart-row .cart-products-name .product_id {
    color: #666; }
  .wishlist .cart-row .cart-products-name .flag {
    font-weight: bold;
    color: #FF0000;
    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: 50px; }
    #add-to-wishlist-container-mobile #add-btn, #add-to-wishlist-container-mobile #add-btn-mobile {
      height: 50px; }
  .wishlist {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0px; }
    .wishlist .row {
      margin-right: 0px; }
      .wishlist .row .col-xs-12 {
        padding-right: 0; }
    .wishlist .blue-button,
    .wishlist .gray-button {
      height: 50px;
      font-size: 16px;
      font-weight: 400;
      width: 100%;
      margin-top: 10px; }
    .wishlist .rtl {
      direction: rtl; }
    .wishlist .shopping-cart-table-header {
      margin-left: 0px; }
    .wishlist .cart-row {
      margin-top: 10px;
      margin-bottom: 10px; }
      .wishlist .cart-row .cart-products-name {
        width: auto;
        font-size: 16px;
        margin-left: 10px;
        padding-left: 0px; }
      .wishlist .cart-row div[class*="cart-row-price-"] {
        font-weight: 400; }
      .wishlist .cart-row .vertical-middle {
        vertical-align: top;
        line-height: inherit; }
      .wishlist .cart-row .cart-fake-button i {
        font-size: 16px; }
      .wishlist .cart-row .cart-input {
        margin-top: 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%; }
      .wishlist .cart-row .shopping-cart-trash-container {
        text-align: right; }
      .wishlist .cart-row .add-to-cart-container {
        padding-left: 20px; }
    .wishlist .actions-container {
      padding-left: 10px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main-nav-links a {
  color: #FFF; }

.main-nav-links .dropdown-scrollpane {
  overflow: hidden;
  height: 100%; }

.main-nav-links .dropdown-container {
  box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.5);
  transition: height 0.75s ease, padding 0s 0s, opacity 0s 0s; }

.main-nav-links .dropdown.active .dropdown-container {
  padding-bottom: 20px;
  opacity: 1; }

.main-nav-links .dropdown.closed .dropdown-container {
  transition: height 0.75s ease, padding 0.1s 0.65s, opacity 0.2s 0.55s;
  padding: 0;
  opacity: 0; }

.main-nav-links .dropdown-container .dropdown-content {
  margin: 20px auto 0 auto; }

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

/* 
  ***************************************************
  **  LG PAGE SIZE STUFF and DEFAULTS
  ***************************************************
*/
body.search-open {
  background: #fff; }
  body.search-open .main-container,
  body.search-open .landing-container,
  body.search-open .black-wide,
  body.search-open .white-wide,
  body.search-open #category-hero,
  body.search-open .added-black-row {
    display: none !important; }
  body.search-open .instant-search-container {
    display: block !important; }

.instant-search-container {
  display: none;
  background-color: #FFF;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .instant-search-container .is-title {
    font-weight: 300;
    font-size: 32px;
    color: #999; }
  .instant-search-container .is-tabs {
    font-size: 14px;
    vertical-align: top;
    clear: both; }
    .instant-search-container .is-tabs div:first-of-type {
      float: left; }
    .instant-search-container .is-tabs .sortBy {
      float: right;
      vertical-align: text-top;
      cursor: default; }
      .instant-search-container .is-tabs .sortBy input {
        position: fixed;
        opacity: 0; }
        .instant-search-container .is-tabs .sortBy input:checked + label:before {
          content: "\f111";
          color: #0062c7; }
      .instant-search-container .is-tabs .sortBy label {
        cursor: pointer;
        padding-left: 15px;
        position: relative;
        font-weight: 400; }
        .instant-search-container .is-tabs .sortBy label:first-of-type {
          padding-right: 5px;
          margin-left: 5px; }
        .instant-search-container .is-tabs .sortBy label:before {
          position: absolute;
          left: 0;
          font-family: "FontAwesome";
          content: "\f1db"; }
  .instant-search-container .is-description {
    font-size: 14px;
    font-weight: 300; }
  .instant-search-container .is-pagination {
    font-size: 18px;
    padding-left: 0; }
    .instant-search-container .is-pagination .active a {
      color: #000; }
    .instant-search-container .is-pagination li {
      display: inline-block;
      list-decoration: none;
      padding-right: 15px; }
      .instant-search-container .is-pagination li a {
        cursor: pointer; }
  .instant-search-container .is-facet-header {
    height: 30px;
    background-color: #999;
    color: #fff;
    line-height: 30px;
    padding-left: 10px; }
  .instant-search-container .facet a {
    font-size: 14px;
    color: #000;
    cursor: pointer;
    line-height: 22px; }
  .instant-search-container .facet ul {
    list-style-type: none; }
  .instant-search-container .facet ul.lvl0 {
    padding-left: 0; }
  .instant-search-container .facet ul.lvl1 {
    padding-left: 15px; }
  .instant-search-container .facet ul.lvl2 {
    padding-left: 15px; }
  .instant-search-container .product-listing {
    margin-bottom: 1em; }
    .instant-search-container .product-listing .product-listing-right .product-listing-text-wrapper h1 {
      max-height: 80px;
      display: inline-block; }

/* 
  ***************************************************
  **  MD PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 1023px) and (max-width: 1365px) {
  .instant-search-container .product-listing .product-listing-right .product-listing-text-wrapper h1 {
    max-height: 100px;
    display: inline-block; } }

/* 
  ***************************************************
  **  SM PAGE SIZE STUFF
  ***************************************************
*/
@media screen and (min-width: 767px) and (max-width: 1023px) {
  .instant-search-container .product-listing .product-listing-right .product-listing-text-wrapper {
    height: 118px; }
    .instant-search-container .product-listing .product-listing-right .product-listing-text-wrapper h1 {
      max-height: 100px;
      display: inline-block; } }

/* 
  ***************************************************
  **  XS PAGE SIZE STUFF
  ***************************************************
*/
.adabox-body {
  background-color: #000; }

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

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

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

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

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