/*
@mixin someicon($color) {
	background:url('data:image/svg+xml;charset=utf-8,' + urlEncode('') + urlEncode(inspect($color)) + urlEncode('')) center center no-repeat;
}
*/
#products .dijitStackContainer {
  padding-bottom: 30px; }

h1 {
  padding: 11px 22px 4px 22px; }

.productdetails {
  overflow-x: hidden;
  text-overflow: ellipsis;
  position: relative; }
  .productdetails h1 {
    padding-top: 36px; }

.productinfo {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  background: #e4508a;
  position: relative; }
  .productinfo .FeaturedPhoto {
    position: relative;
    width: 375px;
    min-height: 295px;
    order: -1; }
  .productinfo .PhotoCompanion {
    flex: 1;
    background: #e4508a; }
  .productinfo h1 {
    padding-bottom: 18px; }
  .productinfo .subtitle {
    padding-top: 19px;
    padding-bottom: 30px;
    font: 400 19px/22px "Open Sans",sans-serif; }
  .productinfo .BigOrderNow {
    z-index: 1;
    left: calc(375px + 10%);
    width: calc(80% - 375px); }
  @media screen and (max-width: 799px) {
    .productinfo {
      display: block; }
      .productinfo .FeaturedPhoto {
        width: auto; }
      .productinfo .BigOrderNow {
        left: 10%;
        width: 80%;
        font-size: 18px;
        line-height: 22px; } }
  @media screen and (max-width: 414px) {
    .productinfo .FeaturedPhoto {
      min-height: none;
      height: 71.2765957447vw; } }

@media screen and (max-width: 799px) {
  .ExamList {
    display: none; }

  .productinfo h1 {
    padding-bottom: 4px; }
  .productinfo .subtitle {
    font: 400 14px/18px "Open Sans",sans-serif;
    padding-top: 6px;
    padding-bottom: 10px; }

  .productdetails {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch; }
    .productdetails .Highlights {
      order: -2;
      margin-top: 22px; }
      .productdetails .Highlights ul li {
        font: 700 24px/31px "Open Sans",sans-serif; }
    .productdetails #LearnContainer {
      order: -1; }
    .productdetails .Success {
      margin: 0 22px 36px 22px;
      font: 700 32px/33px "Open Sans",sans-serif; }
      .productdetails .Success span {
        font: 700 18px/22px "Open Sans",sans-serif; } }
.single-product {
  position: absolute;
  top: -10000;
  left: -10000; }

.product-action-bar {
  text-align: center; }
  .product-action-bar > * {
    vertical-align: top;
    margin-top: 0;
    margin-left: 30px; }
    .product-action-bar > *:first-child {
      margin-left: 0; }

.product-intro {
  margin-bottom: 30px; }

.price {
  display: inline-block;
  vertical-align: middle;
  background: black;
  font: bold 24px/24px "Open Sans",sans-serif;
  padding: 17px 45px;
  color: #e77067; }

.product-learn-more {
  position: relative;
  background: #e9e9e9;
  padding: 35px 20px;
  color: #434343;
  font-size: 21px;
  line-height: 30px; }

.FeaturedPhoto {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .FeaturedPhoto .Updated {
    position: absolute;
    top: 16px;
    right: 7px;
    color: white;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
    font: 600 10px/10px "Open Sans",sans-serif; }

.BigOrderNow {
  position: absolute;
  top: 100%;
  left: 10%;
  width: 80%;
  padding: 7px 0 6px 0;
  background: #5934a7;
  border-radius: 6px;
  color: white;
  font: 600 24px/34px "Open Sans",sans-serif;
  text-align: center;
  transform: translate(0, -50%); }
  .BigOrderNow .caption {
    display: block; }

.Highlights {
  padding: 22px 100px;
  text-align: left; }
  @media screen and (max-width: 925px) {
    .Highlights {
      padding: 22px calc(50% - 170px); } }
  @media screen and (max-width: 799px) {
    .Highlights {
      padding: 22px; } }

.Highlights ul li {
  color: #5934a7;
  font: 700 29px/35px "Open Sans",sans-serif;
  padding-left: 33px; }
  .Highlights ul li::before {
    border-radius: 50%;
    background: #5934a7;
    left: 9px;
    top: 13px;
    width: 8px;
    height: 8px; }

h3.Success,
#GuideColumns h3.Success {
  padding: 0;
  margin: 46px 22px 0 22px;
  background: transparent;
  color: #e4508a;
  font: 700 32px/33px "Open Sans",sans-serif;
  text-align: center; }
  h3.Success span,
  #GuideColumns h3.Success span {
    display: block;
    color: #474747;
    font-size: 28px; }

.Reasons {
  margin: 10px 22px 0 22px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #5934a7;
  border-bottom: 1px solid #5934a7;
  cursor: pointer; }

#Reasons {
  flex: 140px 0 0;
  color: #e4508a;
  font: 700 111px/111px "Open Sans",sans-serif;
  letter-spacing: -10px; }

.ReasonText {
  color: #06b0c7;
  font: normal 24px/28px "Open Sans",sans-serif; }
  @media screen and (min-width: 800px) {
    .ReasonText {
      font: normal 30px/32px "Open Sans",sans-serif; } }

#LearnContainer {
  margin-bottom: 35px; }

#LearnContainer,
.LearnMore {
  position: relative; }

.LearnMore {
  position: relative;
  overflow: hidden;
  height: 0;
  color: #5e5e5e;
  font: normal 16px/25px "Open Sans",sans-serif; }

.LearnOpener {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  cursor: pointer; }
  .LearnOpener svg {
    vertical-align: top; }

.Open .LearnMore {
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #5934a7; }

.Open #IndicatorArrow {
  transform: rotate(180deg);
  transform-origin: 50% 45%; }

.HasShipping {
  display: block;
  font: normal 11px/14px "Open Sans",sans-serif;
  margin: 0 0 6px 0; }

.IconIndicator {
  position: relative;
  padding: 45px 0; }
  .IconIndicator .IIViewport {
    position: relative;
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
    max-width: 71.6666666667vw; }
    .IconIndicator .IIViewport .IIWindow {
      position: absolute;
      display: flex;
      top: 0;
      left: 0;
      line-height: inherit;
      -webkit-transition: left 0.5s;
      transition: left 0.5s;
      white-space: nowrap; }
  .IconIndicator .product-photo {
    flex: none;
    white-space: normal;
    display: table-cell;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    border-left: 10px solid white;
    border-right: 10px solid white;
    padding-bottom: 260px;
    background: #b32d27; }
    .IconIndicator .product-photo .product-photo-desktop {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 260px;
      height: 260px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
  .IconIndicator .product-photo::before {
    display: block;
    width: 240px;
    content: attr(title);
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    position: relative;
    z-index: 1; }
  .IconIndicator .product-photo::after {
    position: absolute;
    content: '\00a0';
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .IconIndicator .product-photo.current::after {
    content: none; }
  @media screen and (max-width: 640px) {
    .IconIndicator .product-photo {
      opacity: 0;
      transition: opacity 0.5s;
      background: transparent;
      width: 260px;
      padding: 0 50px 128px 50px; }
      .IconIndicator .product-photo::before {
        width: auto;
        background: #bf342d;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmMzQyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzI2MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #bf342d 0%, #a72621 100%);
        background: -webkit-linear-gradient(top, #bf342d 0%, #a72621 100%);
        background: linear-gradient(to bottom, #bf342d 0%, #a72621 100%);
        box-shadow: inset 0px 0px 4px 0px rgba(255, 255, 255, 0.14); }
      .IconIndicator .product-photo.current {
        opacity: 1; }
    .IconIndicator .product-photo-desktop {
      display: none; }
    .IconIndicator .product-photo::after {
      content: none; }
    .IconIndicator .product-photo-mobile {
      position: absolute;
      bottom: 1px;
      left: 1px;
      width: 358px;
      height: 154px;
      border: 1px solid #bd332c;
      z-index: 0; } }
  .IconIndicator .IILeft, .IconIndicator .IIRight {
    position: absolute;
    top: 0;
    height: 100%;
    width: 39px; }
    .IconIndicator .IILeft span, .IconIndicator .IIRight span {
      display: none; }
  .IconIndicator .IILeft {
    left: 50%;
    margin-left: -452px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038.999864%20133.00001%22%3E%3Cpath%20fill%3D%22%23afafaf%22%20d%3D%22m37.3%20133l-37.3-66.5.26-.46%2037.04-66.04%201.7.92-36.79%2065.58%2036.79%2065.58-1.7.92%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 100% auto; }
  .IconIndicator .IIRight {
    right: 50%;
    margin-right: -452px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038.999864%20133.00001%22%3E%3Cpath%20fill%3D%22%23afafaf%22%20d%3D%22m1.698%20133l37.3-66.5-.26-.46-37.04-66.04-1.7.92%2036.79%2065.58-36.79%2065.58%201.7.92%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    background-size: 100% auto; }
  @media screen and (max-width: 1000px) {
    .IconIndicator .IILeft {
      margin-left: 0;
      left: 0; }
    .IconIndicator .IIRight {
      margin-right: 0;
      right: 0; } }

.thumb-pane {
  cursor: pointer; }

.Checkout {
  padding: 0;
  text-align: center;
  counter-reset: checkout-steps;
  margin: 0 22px; }
  .Checkout h2 {
    text-transform: uppercase;
    font-family: Lato,sans-serif;
    font-size: 36px;
    margin: 0 0 30px 0; }

.nihilo .Checkout .dijitTextBox {
  max-width: none;
  width: calc(100% - 2px); }

.FormIntro {
  margin: 0 auto 4px auto; }

.CheckoutSection {
  position: relative;
  counter-increment: checkout-steps;
  margin: 0 auto 30px auto; }
  @media screen and (max-width: 939px) {
    .CheckoutSection {
      display: block; } }
  .CheckoutSection p {
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.45);
    margin: 0 0 12px 0;
    text-align: center; }
  .CheckoutSection label {
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.45);
    display: inline-block;
    vertical-align: middle; }
  .CheckoutSection h3 {
    color: rgba(0, 0, 0, 0.45);
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 16px 0;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold; }
    .CheckoutSection h3::before {
      content: counter(checkout-steps);
      position: absolute;
      top: 0;
      left: 0;
      background: #d4d4d4;
      color: #898989;
      width: 27px;
      border-radius: 2px;
      text-align: center; }
  .CheckoutSection.dijitSelected h3 {
    font-weight: normal; }
    .CheckoutSection.dijitSelected h3::before {
      font-weight: bold;
      background: #ba342e;
      color: white;
      border-radius: 2px 0 0 2px;
      width: 22px; }
    .CheckoutSection.dijitSelected h3::after {
      content: '\00a0';
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2020%22%3E%3Cpath%20fill%3D%22%23ba342e%22%20d%3D%22m0%2010v-10l10%2010-10%2010z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
      background-size: auto 100%;
      position: absolute;
      background-position: left center;
      top: 0;
      left: 21px;
      height: 27px;
      width: 13px; }
  .CheckoutSection .expMo {
    width: 108px; }
  .CheckoutSection .expYear {
    width: 133px;
    margin-left: 14px; }
  .CheckoutSection .CardExpires {
    text-align: right; }
    .CheckoutSection .CardExpires label {
      float: left;
      line-height: 40px; }
  .CheckoutSection .cvv {
    width: 82px; }
  .CheckoutSection .CardCode .dijitTextBox.tagged {
    vertical-align: middle; }
  .CheckoutSection .CardCode label {
    max-width: calc(100% - 150px);
    vertical-align: middle;
    margin: 0 0 17px 12px; }

.Lookups {
  margin-top: -15px;
  text-align: right; }
  .Lookups .dijitTextBox {
    vertical-align: top;
    width: 3em; }
    .Lookups .dijitTextBox:first-child {
      float: left;
      width: calc(100% - 4em); }

.l-wrapper {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  text-align: center; }

.l-wrapper svg {
  height: 120px;
  width: 120px;
  margin: 0;
  overflow: visible; }

.g--circle {
  transform-origin: 60px 60px;
  fill: dodgerblue;
  animation: opacity 1.2s linear infinite;
  fill-opacity: 0;
  stroke-opacity: 0;
  stroke-width: 1;
  stroke: yellowgreen;
  animation-name: opacity-stroke, colors, colors-stroke; }
  .g--circle:nth-child(12n + 1) {
    animation-delay: -0.1s;
    transform: rotate(-30deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 2) {
    animation-delay: -0.2s;
    transform: rotate(-60deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 3) {
    animation-delay: -0.3s;
    transform: rotate(-90deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 4) {
    animation-delay: -0.4s;
    transform: rotate(-120deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 5) {
    animation-delay: -0.5s;
    transform: rotate(-150deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 6) {
    animation-delay: -0.6s;
    transform: rotate(-180deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 7) {
    animation-delay: -0.7s;
    transform: rotate(-210deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 8) {
    animation-delay: -0.8s;
    transform: rotate(-240deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 9) {
    animation-delay: -0.9s;
    transform: rotate(-270deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 10) {
    animation-delay: -1s;
    transform: rotate(-300deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 11) {
    animation-delay: -1.1s;
    transform: rotate(-330deg) translate(5px, 5px) scale(0.9); }
  .g--circle:nth-child(12n + 12) {
    animation-delay: -1.2s;
    transform: rotate(-360deg) translate(5px, 5px) scale(0.9); }
  .g--circle .u--circle {
    animation: transform-2 1.2s linear infinite; }
  .g--circle:nth-child(12n + 1) .u--circle {
    animation-delay: -0.1s; }
  .g--circle:nth-child(12n + 2) .u--circle {
    animation-delay: -0.2s; }
  .g--circle:nth-child(12n + 3) .u--circle {
    animation-delay: -0.3s; }
  .g--circle:nth-child(12n + 4) .u--circle {
    animation-delay: -0.4s; }
  .g--circle:nth-child(12n + 5) .u--circle {
    animation-delay: -0.5s; }
  .g--circle:nth-child(12n + 6) .u--circle {
    animation-delay: -0.6s; }
  .g--circle:nth-child(12n + 7) .u--circle {
    animation-delay: -0.7s; }
  .g--circle:nth-child(12n + 8) .u--circle {
    animation-delay: -0.8s; }
  .g--circle:nth-child(12n + 9) .u--circle {
    animation-delay: -0.9s; }
  .g--circle:nth-child(12n + 10) .u--circle {
    animation-delay: -1s; }
  .g--circle:nth-child(12n + 11) .u--circle {
    animation-delay: -1.1s; }
  .g--circle:nth-child(12n + 12) .u--circle {
    animation-delay: -1.2s; }

@keyframes opacity {
  3% {
    fill-opacity: 1; }
  75% {
    fill-opacity: 0; } }
@keyframes opacity-stroke {
  10% {
    stroke-opacity: 1; }
  85% {
    stroke-opacity: 0; } }
@keyframes colors {
  0% {
    fill: yellowgreen; }
  10% {
    fill: gold; }
  75% {
    fill: crimson; } }
@keyframes colors-stroke {
  0% {
    stroke: yellowgreen; }
  10% {
    stroke: gold; }
  75% {
    stroke: crimson; } }
@keyframes transform {
  10% {
    transform-origin: 70px 70px;
    transform: scale(0.75); } }
@keyframes transform-2 {
  40% {
    transform: scale(0.85) translate(10px, 10px); }
  60% {
    stroke-width: 20; } }
.priceContainer {
  display: inline-block;
  vertical-align: top;
  text-align: center; }
  .priceContainer .priceAside {
    margin-top: 4px;
    display: block;
    color: rgba(0, 0, 0, 0.45);
    font-size: 16px;
    line-height: 20px; }

.ButtonBar {
  padding: 24px 0 0 0;
  text-align: right;
  font-size: 0; }
  .ButtonBar > span {
    width: calc(50% - 11px); }
    @media screen and (max-width: 899px) {
      .ButtonBar > span {
        width: 100%; } }

.ThankYouMessage {
  text-align: center;
  padding: 15px 13% 15px 13%;
  font-size: 30px;
  line-height: 30px; }
  .ThankYouMessage h2 {
    font-weight: bold;
    font-size: 46px;
    line-height: 50px;
    margin: 0 0 33px 0;
    padding: 0;
    color: #cd483f; }
  .ThankYouMessage h3 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 25px 0;
    padding: 0;
    color: #1b1b1b; }

/*# sourceMappingURL=products.css.map */