@charset "UTF-8";
/* Global config */
/* Global config */
/**
 * Custom variables
 * ----------------------------------------------------------------------------
 */
/*$rem-base: 20px;*/
/*FONTS*/
/*$body-font-family: Fry-Pro, "Helvetica Neue", arial, verdana, sans-serif;*/
/*$primary_font :  Fry-Pro, "Helvetica Neue", arial, verdana, sans-serif;*/
/*$primary_font : "Times New Roman", Times;*/
/*$primary_font: $non_latin_font;*/
/*$header_font_letter_spaceing: 1px;*/
/*LAYOUT*/
/**
 * Custom color scheme
 * ----------------------------------------------------------------------------
 */
/*PRIMARY COLOR DEFINITION*/
/*$primary_color_3 : #41c4fa - #554;*/
/*$primary_color_6 : $primary_color_5 + #222;*/
/*SECONDARY COLOR DEFINITION*/
/*$dark_font_color: $primary_dark;*/
/*SET TEXT COLOR BASED ON BACKGROUNDS*/
/*ESTABLISH STANDARD COLORING*/
/*$header-font-color: #666; //CTPMOD*/
/*SPECIALTY COLORS*/
/*@import "foundation/functions";*/
/*$font-weight-bold: bold !default;*/
/* $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/
/*$primary-color:#88eeaa;*/
/*$small-range: (0em, 40em);*/
/*$xsmall-range: (0em, 30em);*/
/*$small-range: (30.001em, 40em);*/
/*$medium-range: (40.001em, 64em);*/
/*$xmedium-range: (64.001em, 80em);*/
/*$large-range: (80.001em, 90em);*/
/*$xlarge-range: (90.001em, 120em);*/
/*$xxlarge-range: (120.001em, 99999999em);*/
/*$xsmall-range: (0em, 30em);
$small-range: (30.063em, 40em);
$small-range: (0em, 40em);

$medium-range: (40.063em, 64em);
$xmedium-range: (64.063em, 80em);
$large-range: (80.063em, 90em);
$large-range: (64.063em, 90em);
$xlarge-range: (90.063em, 120em);
$xxlarge-range: (120.063em, 99999999em);*/
/*$screen: "screen";*/
/*$small-up: $screen;
$small-only: "only screen and (max-width: 39.999em)";*/
/*$header-font-weight: $font-weight-bold;*/
/*$table-border-color: $gainsboro;*/
/*JAVASCRIPT BASED VISIBILITY*/
/*TRANSITION CORE*/
/* Foundation 5 */
/*@import "foundation/foundation-styling"; // Foundation 5 by Zurb*/
.row {
  margin-left: auto;
  margin-right: auto; }

.row::before, .row::after {
  content: ' ';
  display: table; }

.row::after {
  clear: both; }

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.column, .columns {
  width: 100%;
  float: left; }

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right; }

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none; }

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both; }

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none; }

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both; }

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none; }

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both; }

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none; }

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both; }

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none; }

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both; }

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none; }

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both; }

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left; }

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none; }

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both; }

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left; }

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none; }

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both; }

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-collapse .row,
.expanded.row .small-collapse.row {
  margin-left: 0;
  margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%; }

  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }

  .medium-offset-0 {
    margin-left: 0%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%; }

  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }

  .medium-offset-1 {
    margin-left: 8.33333%; }

  .medium-3 {
    width: 25%; }

  .medium-push-3 {
    position: relative;
    left: 25%; }

  .medium-pull-3 {
    position: relative;
    left: -25%; }

  .medium-offset-2 {
    margin-left: 16.66667%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%; }

  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }

  .medium-offset-3 {
    margin-left: 25%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%; }

  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }

  .medium-offset-4 {
    margin-left: 33.33333%; }

  .medium-6 {
    width: 50%; }

  .medium-push-6 {
    position: relative;
    left: 50%; }

  .medium-pull-6 {
    position: relative;
    left: -50%; }

  .medium-offset-5 {
    margin-left: 41.66667%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%; }

  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }

  .medium-offset-6 {
    margin-left: 50%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%; }

  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }

  .medium-offset-7 {
    margin-left: 58.33333%; }

  .medium-9 {
    width: 75%; }

  .medium-push-9 {
    position: relative;
    left: 75%; }

  .medium-pull-9 {
    position: relative;
    left: -75%; }

  .medium-offset-8 {
    margin-left: 66.66667%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%; }

  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }

  .medium-offset-9 {
    margin-left: 75%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%; }

  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }

  .medium-offset-10 {
    margin-left: 83.33333%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-11 {
    margin-left: 91.66667%; }

  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left; }

  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none; }

  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }

  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left; }

  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left; }

  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none; }

  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }

  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left; }

  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left; }

  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none; }

  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }

  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left; }

  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left; }

  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none; }

  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }

  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left; }

  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left; }

  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none; }

  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }

  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left; }

  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left; }

  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none; }

  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }

  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left; }

  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left; }

  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none; }

  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }

  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left; }

  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left; }

  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none; }

  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }

  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left; }

  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }

  .medium-collapse .row,
  .expanded.row .medium-collapse.row {
    margin-left: 0;
    margin-right: 0; }

  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }

  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }

  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }
@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }

  .large-push-1 {
    position: relative;
    left: 8.33333%; }

  .large-pull-1 {
    position: relative;
    left: -8.33333%; }

  .large-offset-0 {
    margin-left: 0%; }

  .large-2 {
    width: 16.66667%; }

  .large-push-2 {
    position: relative;
    left: 16.66667%; }

  .large-pull-2 {
    position: relative;
    left: -16.66667%; }

  .large-offset-1 {
    margin-left: 8.33333%; }

  .large-3 {
    width: 25%; }

  .large-push-3 {
    position: relative;
    left: 25%; }

  .large-pull-3 {
    position: relative;
    left: -25%; }

  .large-offset-2 {
    margin-left: 16.66667%; }

  .large-4 {
    width: 33.33333%; }

  .large-push-4 {
    position: relative;
    left: 33.33333%; }

  .large-pull-4 {
    position: relative;
    left: -33.33333%; }

  .large-offset-3 {
    margin-left: 25%; }

  .large-5 {
    width: 41.66667%; }

  .large-push-5 {
    position: relative;
    left: 41.66667%; }

  .large-pull-5 {
    position: relative;
    left: -41.66667%; }

  .large-offset-4 {
    margin-left: 33.33333%; }

  .large-6 {
    width: 50%; }

  .large-push-6 {
    position: relative;
    left: 50%; }

  .large-pull-6 {
    position: relative;
    left: -50%; }

  .large-offset-5 {
    margin-left: 41.66667%; }

  .large-7 {
    width: 58.33333%; }

  .large-push-7 {
    position: relative;
    left: 58.33333%; }

  .large-pull-7 {
    position: relative;
    left: -58.33333%; }

  .large-offset-6 {
    margin-left: 50%; }

  .large-8 {
    width: 66.66667%; }

  .large-push-8 {
    position: relative;
    left: 66.66667%; }

  .large-pull-8 {
    position: relative;
    left: -66.66667%; }

  .large-offset-7 {
    margin-left: 58.33333%; }

  .large-9 {
    width: 75%; }

  .large-push-9 {
    position: relative;
    left: 75%; }

  .large-pull-9 {
    position: relative;
    left: -75%; }

  .large-offset-8 {
    margin-left: 66.66667%; }

  .large-10 {
    width: 83.33333%; }

  .large-push-10 {
    position: relative;
    left: 83.33333%; }

  .large-pull-10 {
    position: relative;
    left: -83.33333%; }

  .large-offset-9 {
    margin-left: 75%; }

  .large-11 {
    width: 91.66667%; }

  .large-push-11 {
    position: relative;
    left: 91.66667%; }

  .large-pull-11 {
    position: relative;
    left: -91.66667%; }

  .large-offset-10 {
    margin-left: 83.33333%; }

  .large-12 {
    width: 100%; }

  .large-offset-11 {
    margin-left: 91.66667%; }

  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left; }

  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none; }

  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }

  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left; }

  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left; }

  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none; }

  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }

  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left; }

  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left; }

  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none; }

  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }

  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left; }

  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left; }

  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none; }

  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }

  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left; }

  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left; }

  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none; }

  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }

  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left; }

  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left; }

  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none; }

  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }

  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left; }

  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left; }

  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none; }

  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }

  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left; }

  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left; }

  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none; }

  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }

  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left; }

  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }

  .large-collapse .row,
  .expanded.row .large-collapse.row {
    margin-left: 0;
    margin-right: 0; }

  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }

  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }

  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840; }

.is-invalid-label {
  color: #ec5840; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840; }

.form-error.is-visible {
  display: block; }

body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  border-radius: 0;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto; }

[data-whatinput='mouse'] .reveal {
  outline: 0; }

@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0; } }
.reveal .column, .reveal .columns,
.reveal .columns {
  min-width: 0; }

.reveal > :last-child {
  margin-bottom: 0; }

@media screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem; } }
@media screen and (min-width: 40em) {
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto; } }
.reveal.collapse {
  padding: 0; }

@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem; } }
@media screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem; } }
@media screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem; } }
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
  border-radius: 0; }

@media screen and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0; } }
.reveal.without-overlay {
  position: fixed; }

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%); }

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(90deg);
  transform: perspective(2000px) rotateX(90deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(90deg);
  transform: perspective(2000px) rotateY(90deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(90deg);
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(90deg);
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(-0.75turn);
  -ms-transform: rotate(-0.75turn);
  transform: rotate(-0.75turn);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
  -webkit-transform: rotate(0.75turn);
  -ms-transform: rotate(0.75turn);
  transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(0.75turn);
  -ms-transform: rotate(0.75turn);
  transform: rotate(0.75turn);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
  -webkit-transform: rotate(-0.75turn);
  -ms-transform: rotate(-0.75turn);
  transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.ease-in {
  transition-timing-function: ease-in !important; }

.ease-out {
  transition-timing-function: ease-out !important; }

.ease-in-out {
  transition-timing-function: ease-in-out !important; }

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

.shake {
  -webkit-animation-name: shake-7;
  animation-name: shake-7; }

@-webkit-keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
    transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
    transform: translateX(-7%); } }
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
    transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
    transform: translateX(-7%); } }
.spin-cw {
  -webkit-animation-name: spin-cw-1turn;
  animation-name: spin-cw-1turn; }

@-webkit-keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
.spin-ccw {
  -webkit-animation-name: spin-cw-1turn;
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }
.wiggle {
  -webkit-animation-name: wiggle-7deg;
  animation-name: wiggle-7deg; }

@-webkit-keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.slow {
  -webkit-animation-duration: 750ms !important;
  animation-duration: 750ms !important; }

.fast {
  -webkit-animation-duration: 250ms !important;
  animation-duration: 250ms !important; }

.linear {
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important; }

.ease {
  -webkit-animation-timing-function: ease !important;
  animation-timing-function: ease !important; }

.ease-in {
  -webkit-animation-timing-function: ease-in !important;
  animation-timing-function: ease-in !important; }

.ease-out {
  -webkit-animation-timing-function: ease-out !important;
  animation-timing-function: ease-out !important; }

.ease-in-out {
  -webkit-animation-timing-function: ease-in-out !important;
  animation-timing-function: ease-in-out !important; }

.bounce-in {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  -webkit-animation-delay: 300ms !important;
  animation-delay: 300ms !important; }

.long-delay {
  -webkit-animation-delay: 700ms !important;
  animation-delay: 700ms !important; }

/*@import "../functions";*/
/*$small-range: (0em, 40em) !default;
$medium-range: (40.063em, 64em) !default;
$large-range: (64.063em, 90em) !default;
$xlarge-range: (90.063em, 120em) !default;
$xxlarge-range: (120.063em, 99999999em) !default;*/
/*$screen: "only screen" !default;

$landscape: "only screen and (orientation: landscape)" !default;
$portrait: "only screen and (orientation: portrait)" !default;

$small-up: $screen !default;
$small-only: "only screen and (max-width: 39.999em)" !default;

$medium-up: "only screen and (min-width:40em)" !default;
$medium-only: "only screen and (min-width:40em) and (max-width:63.999em)" !default;

$large-up: "only screen and (min-width:80em)" !default;
$large-only: "only screen and (min-width:80em) and (max-width:89.999em)" !default;

$xlarge-up: "only screen and (min-width:90em)" !default;
$xlarge-only: "only screen and (min-width:90em) and (max-width:119.999em)" !default;

$xxlarge-up: "only screen and (min-width:120em)" !default;
$xxlarge-only: "only screen and (min-width:120em) and (max-width:99999999em)" !default;*/
meta.foundation-version {
  font-family: "/5.4.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen and (min-width:30em)/";
  width: 30em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40em)/";
  width: 40em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:80em)/";
  width: 80em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90em)/";
  width: 90em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120em)/";
  width: 120em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*    html,
    body { font-size: $base-font-size; }*/
body {
  background: #000;
  color: #c2e3fe;
  padding: 0;
  margin: 0;
  font-family: proxima-nova, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* small displays */
@media only screen and (min-width: 30em) {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table; }

  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 40em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 80em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 90em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 120em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }

  .hide-for-print {
    display: none; }

  table.show-for-print {
    display: table; }

  thead.show-for-print {
    display: table-header-group !important; }

  tbody.show-for-print {
    display: table-row-group !important; }

  tr.show-for-print {
    display: table-row !important; }

  td.show-for-print {
    display: table-cell !important; }

  th.show-for-print {
    display: table-cell !important; } }
/* Site structure */
/**
 * Table of Contents for CtpTheme:
 *
 * 1.0 - Custom settings
 * 2.0 - Typography
 * 3.0 - Header, sidebar and footer
 * 4.0 - Content
 *	4.1 - Pages
 *	4.2 - Posts
 *	4.3	- Widgets
 *	4.4 - Comments
  *	4.5 - Lists
  * 4.6 - Forms
 * 5.0 - Plugins

 * ----------------------------------------------------------------------------
 */
/**
 * 1.0 Custom settings
 * ----------------------------------------------------------------------------
 */
/*figure { 
	margin: 0; 
	padding: 0;
}

// Add some basic styling for figcaption element
figcaption {
	margin-bottom: rem-calc(20);
	margin-top: rem-calc(10); 
	color: #6f6f6f; 
}*/
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter, .row.aligncenter, .contact-form {
  display: block;
  margin-left: auto;
  margin-right: auto; }

blockquote.alignleft,
img.alignleft,
figure.alignleft {
  margin: 0.4375rem 1.5rem 0.4375rem 0; }

.wp-caption.alignleft {
  margin: 0.4375rem 0.875rem 0.4375rem 0; }

blockquote.alignright,
img.alignright,
figure.alignright {
  margin: 0.4375rem 0 0.4375rem 1.5rem; }

.top-bar-container, .tab-bar {
  /*margin-bottom: rem-calc(32);*/ }

#wpadminbar {
  position: fixed !important; }

/**
 * 2.0 Typography
 * ----------------------------------------------------------------------------
 */
/**
 * 3.0 Header, sidebar and footer
 * ----------------------------------------------------------------------------
 */
/*.top-bar-section li.active:not(.has-form) a:not(.button)  {
	background: #272727;
}
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
	background: #202020;
}*/
@media only screen and (min-width: 40em) {
  footer.row {
    margin-top: 3.75rem; } }
/**
 * 4.0 Content
 * ----------------------------------------------------------------------------
 */
/**
 * 4.1 Pages
 * ------------------------------------
 */
#homepage-hero {
  background: url("http://foundation.zurb.com/assets/img/marquee-stars.svg") repeat scroll 0 0 #074E68;
  padding: 1.25rem 0;
  margin: -2rem 0 2rem;
  position: relative;
  text-align: left;
  height: auto; }
  #homepage-hero h1 a, #homepage-hero h4 {
    color: #fff; }
  #homepage-hero .floatingyeti img {
    max-width: 30%;
    position: absolute;
    right: 6.25rem; }
  #homepage-hero .download {
    margin-top: 1.25rem; }

/**
 * 4.2 Posts
 * ------------------------------------
 */
/**
 * 4.3 Widgets
 * ------------------------------------
 */
/**
 * 4.4 Comments
 * ------------------------------------
 */
/**
 * 4.5 Lists
 * ------------------------------------
 */
/**
 * 4.6 Forms
 * ------------------------------------
 */
/**
 * 5.0 Plugins
 * ----------------------------------------------------------------------------
 */
/* Assets */
/*@import "common/styles/icons"; // Load Foundation icon fonts*/
/* CTP Std */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 13, 2016, 7:04:11 PM
    Author     : Captain Ty
*/
.italicized {
  font-style: italic; }

.bold {
  font-weight: bold; }

/*COMMON DIV ALIGNMENT*/
.abs-h-center {
  /*  left:50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

/*.ctp-center-contents{
  width:100%;
  text-align:center;
}*/
.no-wrap {
  white-space: nowrap;
  /*display: inline-block;*/ }

.ctp-no-wrap {
  white-space: nowrap;
  display: inline-block; }

.ctp-pre-br {
  display: inline; }
  .ctp-pre-br::before {
    content: "\A";
    white-space: pre; }

.font-size-0 {
  font-size: 0; }

.reset-font-size-1 {
  font-size: 1rem !important; }

.abs-full-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.absrel-center-wrapper {
  position: absolute;
  /*left:50%;*/ }
  .absrel-center-wrapper .absrel-center {
    position: relative;
    /*left:-50%*/ }

.relabs-center-wrapper {
  position: relative;
  left: 50%; }
  .relabs-center-wrapper .relabs-center {
    position: absolute;
    left: -50%; }

.full-size {
  width: 100%;
  height: 100%; }

/*
.full-width{
  width:100%;

}*/
.non-interactive {
  pointer-events: none; }

.no-txt-select {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }

.invisible {
  display: none; }

.clear-float {
  clear: both; }

.abscontainer, .posrel {
  position: relative; }

.img-overlay.abscontainer {
  overflow: hidden; }

.abs-right {
  position: absolute;
  right: 0; }

.absvertical-center {
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto; }

.wrap-v-bottom {
  vertical-align: bottom; }

.vat {
  vertical-align: top; }

.v-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.abs-bottom {
  position: absolute;
  bottom: 0; }

.absleft {
  position: absolute;
  left: 0; }

.abstopleft {
  position: absolute;
  top: 0;
  left: 0; }

.abs-bottom-center {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.ar-hd-wrapper {
  position: relative;
  padding-bottom: 56.25%; }
  .ar-hd-wrapper .ar-contents {
    position: absolute; }

.no-spacing {
  margin: 0px;
  padding: 0px; }

/*@mixin fade-start( $time_in : .5s ){
  @include fade-start( $time_in , 0 , 1  );
} 
@mixin slidedown-fadein-mid-end( $time_out : .5s ){
  @include fade-end( $time_out   );
}*/
div.table-div {
  display: table-cell;
  vertical-align: middle;
  height: 100%; }

.table-vertical-center {
  display: inline-block;
  /*height:100px;*/ }

/*.columns{
    height:100%;
}
.row{
  height:100%;
}
html body{
  height:100%;
}*/
.ctp-hide {
  display: none;
  opacity: 0; }

.show-if-java {
  /*hide by css default*/
  display: none; }

.minor-h-delinator {
  padding-left: 4px;
  padding-right: 4px; }

/*COMMON WIDTH CLASSES*/
.item-count-5 .item {
  width: 19%; }

.item-count-4 .item {
  width: 24%; }

.item-count-3 .item, .item-count-3 .col1, .columns-3 .item, .columns-3 .col1 {
  display: inline-block;
  width: 32%; }

.h100 {
  height: 100%;
  min-height: 1px; }

.w100 {
  width: 100%; }

.w90 {
  width: 90%; }

.w75 {
  width: 75%; }

.w50 {
  width: 50%; }

.w40 {
  width: 40%; }

.w375 {
  width: 37.5%; }

.w33 {
  width: 33.33%; }

.w32 {
  width: 32%; }

.w25 {
  width: 25%; }

.w375-m50 {
  width: 37.5%; }
  @media only screen and (max-width: 63.999em) {
    .w375-m50 {
      width: 50%; } }

.w33-m50 {
  width: 33.33%; }
  @media only screen and (max-width: 63.999em) {
    .w33-m50 {
      width: 50%; } }

.w33-m50-s100 {
  width: 33.33%; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .w33-m50-s100 {
      width: 50%; } }
  @media only screen and (max-width: 39.999em) {
    .w33-m50-s100 {
      width: 100%; } }

.w25-m50 {
  width: 25%; }
  @media only screen and (max-width: 63.999em) {
    .w25-m50 {
      width: 50%; } }

.w25-m33 {
  width: 25%; }
  @media only screen and (max-width: 63.999em) {
    .w25-m33 {
      width: 33.33%; } }

/*BLEND MODES*/
.blend-add {
  mix-blend-mode: screen; }

.ctp-max-width, .row.ctp-max-width {
  max-width: 900px; }

/*COMMON TEXT ALIGNMENT*/
.center-child-headers h1, .center-child-headers h2, .center-child-headers h3, .center-child-headers h4, .center-child-headers h5, .center-child-headers h6 {
  text-align: center; }

.txt-center {
  text-align: center; }

.txt-right {
  text-align: right; }

.txt-left {
  text-align: left; }

.w100 {
  width: 100%; }

.txt-large {
  font-size: 1.25em; }

.push-down {
  margin-bottom: 2em; }

.push-up {
  margin-top: 2em; }

.dblock {
  display: block; }

.ilb {
  display: inline-block; }

.unrestricted-img-wrap img.nomax {
  max-width: none !important; }

/*.anen = animation enable*/
.animate {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  /*  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/ }

.animate_p5 {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.animate2 {
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 5;
  -moz-animation-iteration-count: 5;
  animation-iteration-count: 5;
  -webkit-animation-fill-mode: both;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  /*  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/ }

/*=== Trigger  ===*/
.anidelay-0 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s; }

.anidelay-one, .one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.anidelay-onehalf, .onehalf {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s; }

.anidelay-two, .two {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.anidelay-three, .three {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s; }

.anidelay-four, .four {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s; }

.fadeIn, .fadeIn01 {
  /*  -webkit-animation-name: fadeIn;
    animation-name: fadeIn;*/
  -webkit-animation-name: fadeIn01;
  -moz-animation-name: fadeIn01;
  animation-name: fadeIn01;
  /*-webkit-backface-visibility: hidden;*/ }

@-webkit-keyframes fadeIn01 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadeIn01 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn01 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*=== FADE IN DOWN ===*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@-moz-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    -moz-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    -o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    -moz-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    -o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    -moz-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    -o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.anen .enFadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.hover-subelement-slideup-fadein-wrapper {
  /*  .hover-overlay{
      @include slideup-fadein-mid-start( 0.8s );
    }
    &:hover{
      .hover-overlay{
        @include slideup-fadein-mid-end( 0.2s );
      }   
    }  */ }
  .hover-subelement-slideup-fadein-wrapper .hover-sub-slideup-fadein-target {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
    -moz-transition: opacity 0.8s ease, -moz-transform 0.8s ease;
    -ms-transition: opacity 0.8s ease, -ms-transform 0.8s ease;
    -o-transition: opacity 0.8s ease, -o-transform 0.8s ease;
    transition: opacity 0.8s ease, transform 0.8s ease; }
  .hover-subelement-slideup-fadein-wrapper:hover .hover-sub-slideup-fadein-target {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
    -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
    -o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease; }

.hover-sub-slidedown-fadein-wrapper {
  /*  .hover-sub-slidedown-fadein-target{
  
      @include slidedown-fadein-mid-start( 0.8s );
    }
    &:hover{
        .hover-sub-slidedown-fadein-target{
   
        @include slidedown-fadein-mid-end( 0.2s ); 
      }   
    }  */ }
  .hover-sub-slidedown-fadein-wrapper .hover-sub-slidedown-fadein-target {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
    -moz-transition: opacity 0.8s ease, -moz-transform 0.8s ease;
    -ms-transition: opacity 0.8s ease, -ms-transform 0.8s ease;
    -o-transition: opacity 0.8s ease, -o-transform 0.8s ease;
    transition: opacity 0.8s ease, transform 0.8s ease; }
  .hover-sub-slidedown-fadein-wrapper:hover .hover-sub-slidedown-fadein-target {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
    -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
    -o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease; }

.hover-fade-50-100-wrapper {
  /*  .fade-in-target{
      @include fade-start( .5s , .5   );
    }
    &:hover{
      .fade-in-target{
        @include fade-end( .5s , 1   ); 
      }   
    }  */ }
  .hover-fade-50-100-wrapper .hover-fade-50-100-target {
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
    -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
    -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease; }
  .hover-fade-50-100-wrapper:hover .hover-fade-50-100-target {
    opacity: 1;
    /*@include transform(0, 0, 0 );*/
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
    -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
    -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease; }

.class-fade-50-100-wrapper .fade-in-target {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
  -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
  -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease; }
.class-fade-50-100-wrapper.show-up .fade-in-target {
  opacity: 0.5;
  /*@include transform(0, 0, 0 );*/
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
  -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
  -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease; }
.class-fade-50-100-wrapper.show-up:hover .fade-in-target {
  opacity: 1;
  /*@include transform(0, 0, 0 );*/
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
  -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
  -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease; }

div.testing {
  width: 50px;
  height: 50px;
  opacity: .5;
  background-color: #f00;
  transition-property: opacity, width;
  /*    transition-property: width;*/
  transition-delay: 1s;
  transition-timing-function: ease;
  transition-duration: 2s; }
  div.testing:hover {
    transition-property: opacity, width;
    /*    transition-property: width;*/
    transition-delay: 1s;
    transition-timing-function: ease;
    transition-duration: 2s;
    width: 100px;
    height: 50px;
    opacity: 1; }

/*TRANSITION PROPERTIES*/
/*properties
o opacity
p transform (position)
l left
t top
b bottom
r right
s scale
a rotation (angle)*/
.tr-prop-o {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.tr-prop-p {
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform; }

.tr-prop-o-p {
  -webkit-transition-property: opacity, transform;
  -moz-transition-property: opacity, transform;
  -ms-transition-property: opacity, transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform; }

.tr-prop-bg {
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -ms-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color; }

/*TRANSITION DURATIONS*/
.tr-dur-5000 {
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  -ms-transition-duration: 5s;
  -o-transition-duration: 5s;
  transition-duration: 5s; }

.tr-dur-hov-5000:hover {
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  -ms-transition-duration: 5s;
  -o-transition-duration: 5s;
  transition-duration: 5s; }

.tr-dur-2000 {
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s; }

.tr-dur-hov-2000:hover {
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s; }

.tr-dur-1000 {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }

.tr-dur-hov-1000:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }

.tr-dur-500 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.tr-dur-hov-500:hover {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.tr-dur-200 {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s; }

.tr-dur-hov-200:hover {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s; }

.tr-dur-100 {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s; }

.tr-dur-hov-100:hover {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s; }

.tr-easeout {
  /*ease, linear, ease-in, ease-out, ease-in-out, step-start,step-end, steps, start|end, cubic-bezier*/
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.tr-easein {
  /*ease, linear, ease-in, ease-out, ease-in-out, step-start,step-end, steps, start|end, cubic-bezier*/
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -ms-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }

/*--------------------------------------------------------------------------*/
/*FLIP*/
.flip-card-hover {
  position: relative;
  display: inline-block; }
  .flip-card-hover .card {
    width: 100%;
    height: 100%;
    position: relative; }
    .flip-card-hover .card .face {
      transform-style: preserve-3d;
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-backface-visibility: hidden;
      /* Chrome, Safari, Opera */
      backface-visibility: hidden;
      -ms-backface-visibility: hidden; }
      .flip-card-hover .card .face.front {
        /*z-index: 2;*/
        /*@include rotateY(  0 );*/ }
      .flip-card-hover .card .face.back {
        /*@include rotateY(  -180 );*/ }
  .flip-card-hover:hover .card {
    transform-style: preserve-3d; }
    .flip-card-hover:hover .card .face.front {
      z-index: 2;
      /*@include rotateY(  180 );*/ }
    .flip-card-hover:hover .card .face.back {
      /*z-index: 3;*/
      /*          @include rotateY(  0 );*/ }

.flip-card-hover.flipH .face .front {
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg); }
.flip-card-hover.flipH .face.back {
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }
.flip-card-hover.flipH:hover .card {
  transform-style: preserve-3d; }
  .flip-card-hover.flipH:hover .card .face.front {
    z-index: 2;
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .flip-card-hover.flipH:hover .card .face.back {
    /*z-index: 3;*/
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg); }

.flip-card-hover.flipV .face .front {
  z-index: 2;
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg); }
.flip-card-hover.flipV .face.back {
  -moz-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }
.flip-card-hover.flipV:hover .card {
  transform-style: preserve-3d; }
  .flip-card-hover.flipV:hover .card .face.front {
    z-index: 2;
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg); }
  .flip-card-hover.flipV:hover .card .face.back {
    /*z-index: 3;*/
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg); }

.flip-card-hover {
  perspective: 800px; }
  .flip-card-hover.test {
    width: 200px;
    height: 260px; }
    .flip-card-hover.test .front {
      background-color: #f00; }
    .flip-card-hover.test .back {
      background-color: #00f; }

.hover-subel-bg {
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -ms-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s; }

/*SCALING EFFECTS*/
.hover-scale-105 {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
  .hover-scale-105:hover {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }

.hover-scale-110 {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
  .hover-scale-110:hover {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

.hover-scale-120 {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
  .hover-scale-120:hover {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.hover-scale-200 {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
  .hover-scale-200:hover {
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2); }

.hover-scale-110-wrap .scale-target {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
.hover-scale-110-wrap:hover .scale-target {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.hover-scale-120-wrap .scale-target {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
.hover-scale-120-wrap:hover .scale-target {
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.hover-scale-200-wrap .scale-target {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }
.hover-scale-200-wrap:hover .scale-target {
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2); }

/*MOVING EFFECTS*/
.hover-right50-wrap .move-target {
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0); }
.hover-right50-wrap:hover .move-target {
  -moz-transform: translateX(50%);
  -o-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%); }

.test-scale {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #f00; }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite; }

.ctp-basic-carousel.header-images .mask {
  /*float:left;*/
  position: relative;
  margin: 0 auto;
  /*width:50%;*/
  /*height:266px;*/
  /*@include aspect-ratio( 1000,500 );*/
  overflow: hidden; }
.ctp-basic-carousel.header-images ul {
  list-style: none; }
  .ctp-basic-carousel.header-images ul.elements {
    /*      top:0px;
          left:0px;*/ }
    .ctp-basic-carousel.header-images ul.elements li {
      /*        top:0px;
              left:0px; */
      display: inline-block; }
.ctp-basic-carousel.header-images .control {
  position: absolute;
  /*top: 380px;*/
  color: #fff;
  cursor: pointer; }
  .ctp-basic-carousel.header-images .control.prev {
    left: 0px; }
  .ctp-basic-carousel.header-images .control.next {
    right: 0px; }
  .ctp-basic-carousel.header-images .control.prev, .ctp-basic-carousel.header-images .control.next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.ctp-basic-carousel.simple-fade {
  position: relative; }
  .ctp-basic-carousel.simple-fade .mask {
    /*    float:left; 
        margin:40px; 
        width:400px; 
        height:266px; 
        overflow:hidden;  */ }
  .ctp-basic-carousel.simple-fade ul {
    list-style: none; }
    .ctp-basic-carousel.simple-fade ul.elements {
      width: 100%;
      position: relative; }
      .ctp-basic-carousel.simple-fade ul.elements li {
        position: absolute;
        /*display:inline-block;*/
        /*float:left;*/
        /*@include h-center();*/ }
        .ctp-basic-carousel.simple-fade ul.elements li img {
          /*width:100%;*/ }
  .ctp-basic-carousel.simple-fade .control {
    position: absolute;
    top: 380px;
    color: #fff;
    cursor: pointer; }
    .ctp-basic-carousel.simple-fade .control .prev {
      left: 120px; }
    .ctp-basic-carousel.simple-fade .control .next {
      left: 180px; }

.ctp-basic-carousel.simple-slide .mask {
  overflow: hidden;
  /*    width:inherit;
      max-width:none;*/ }
.ctp-basic-carousel.simple-slide ul {
  /*max-height:700px;*/ }
  .ctp-basic-carousel.simple-slide ul.elements {
    /*width:2000px;*/
    /*white-space: nowrap;*/
    position: absolute; }
    .ctp-basic-carousel.simple-slide ul.elements li {
      display: block;
      position: relative;
      float: left;
      /*@include aspect-ratio( 1920, 700 );*/
      width: 100vw;
      /*width:inherit;*/
      text-align: center; }
      .ctp-basic-carousel.simple-slide ul.elements li img {
        /*width:100%;*/ }

.special-overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 100px;
  background-color: #fff;
  opacity: 0; }

/*.ctp-basic-carousel.simple-slide{
  position:relative;

  .mask { float:left; margin:40px; width:400px; height:266px; overflow:hidden;  }
  ul.elements { position:relative; top:0px;left:0px; }
  ul.elements li { display:inline-block; top:0px;left:0px; }

  ul.triggers { position:absolute; top:310px; left:80px; }
  ul.triggers li { 
    float:left; margin:0 5px; font: bold 16px arial; cursor:pointer;
    background-color:#ccc; color:#000; padding:10px;
    list-style:none;
  }
  ul.triggers li.active {background-color:red; color:#000;}


  .control {position:absolute; top: 380px; color:#fff; cursor:pointer;}
  .prev { left:120px; }
  .next { left:180px; }
}*/
/*    .triggers { 
      @include h-center();
      margin:0;
      bottom:0;
      position:absolute; 
            top:310px; 
            left:80px; 
      li { 
        
        float:left; 
        margin:0 5px; 
        font: bold 16px arial; 
        cursor:pointer;
        background: url("./images/splashlight_trigger.png") bottom center;
        opacity:.5;
        background-color:#ccc; 
        color:#000; 
        padding:10px;
        width:20px;
        height:20px;
        list-style:none;
        &:hover{
          background: url("./images/splashlight_trigger.png") center center;
          opacity:1;
        }
        &.active {
          background: url("./images/splashlight_trigger.png") top center;
          opacity:1;
          background-color:red; 
          color:#000;
        }
      }
    } */
ul.elements li {
  /*max-height:500px;*/
  overflow: hidden; }
  ul.elements li ul.sold-listings {
    text-align: center;
    margin: 0; }
    ul.elements li ul.sold-listings li {
      width: 16.45vw !important;
      padding: .25vw !important; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 31, 2015, 1:22:31 PM
    Author     : Captain Ty
*/
a.button {
  margin: 0px;
  padding: 5px 10px; }

label.media-attachment-filters, label.media-search-input {
  display: none; }

.screen-reader-text {
  display: none; }

.cb-label-input {
  white-space: nowrap; }

/*.ctp-form, .ctp-form-visible{
  span.ctp-form-input{
    position:relative;
    display:block;
    img.form-input-alert{
      display:none;
      position:absolute;
      right:0px;
      bottom:0px;
    }

    &.input-date{
      display:inline-block;
      width:48%;
      margin:0px 2px;
    }
    &.input-duration{
      display:inline-block;
      width:48%;
      margin:0px 2px;
    }    
  }
}*/
.input-half {
  display: inline-block;
  width: 47%;
  margin: 0px 2px; }

div.ctp-form, div.ctp-form-visible {
  /*  img.img-button{
      height:15px;
    }*/ }
  div.ctp-form span.ctp-form-input, div.ctp-form-visible span.ctp-form-input {
    /*position:relative;*/
    vertical-align: top;
    display: block;
    top: 0px;
    left: 0px; }
    div.ctp-form span.ctp-form-input.form-inline, div.ctp-form-visible span.ctp-form-input.form-inline {
      display: inline-block; }
    div.ctp-form span.ctp-form-input img.form-input-alert, div.ctp-form-visible span.ctp-form-input img.form-input-alert {
      display: none;
      position: absolute;
      right: 0px;
      bottom: 0px; }
    div.ctp-form span.ctp-form-input.input-date, div.ctp-form-visible span.ctp-form-input.input-date {
      display: inline-block;
      width: 48%;
      margin: 0px 2px; }
    div.ctp-form span.ctp-form-input.input-half, div.ctp-form-visible span.ctp-form-input.input-half {
      display: inline-block;
      /*width:20%;*/
      /*margin:0px 2px;*/ }
    div.ctp-form span.ctp-form-input.input-duration, div.ctp-form-visible span.ctp-form-input.input-duration {
      display: inline-block;
      width: 48%;
      margin: 0px 2px; }
    div.ctp-form span.ctp-form-input .input-hour, div.ctp-form-visible span.ctp-form-input .input-hour {
      width: 25px;
      padding: 0px;
      display: inline-block;
      height: auto;
      margin: 0px;
      vertical-align: middle; }

.ctp-timesheet {
  /*  .simple-row{
      border:#fff 1px solid;
      padding:2px;
    }*/ }
  .ctp-timesheet label, .ctp-timesheet select {
    width: 100px;
    /*    height:20px;*/
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin: 3px 2px;
    vertical-align: middle;
    background: #f7f7f7;
    border-radius: 5px; }
  .ctp-timesheet select {
    margin-right: -4px;
    height: 20px; }
  .ctp-timesheet img.list-icon {
    width: 15px; }
    .ctp-timesheet img.list-icon.current {
      position: absolute;
      right: 0px;
      top: 3px; }
  .ctp-timesheet .list-data {
    height: 15px; }
  .ctp-timesheet .time-note {
    margin-left: 3px;
    font-size: .8em; }
  .ctp-timesheet .ctp-form img.img-button, .ctp-timesheet .ctp-form-visible img.img-button {
    height: 15px;
    width: auto; }

label.text-label {
  display: inline-block;
  font-size: .9em;
  vertical-align: middle;
  /*padding-top:3px;*/ }

/**
 * Custom variables
 * ----------------------------------------------------------------------------
 */
/*$rem-base: 20px;*/
/*FONTS*/
/*$body-font-family: Fry-Pro, "Helvetica Neue", arial, verdana, sans-serif;*/
/*$primary_font :  Fry-Pro, "Helvetica Neue", arial, verdana, sans-serif;*/
/*$primary_font: $non_latin_font;*/
/*$header_font_letter_spaceing: 1px;*/
/*$paragraph-font-simple: Arial, Helvetica, sans-serif;*/
/*LAYOUT*/
/**
 * Custom color scheme
 * ----------------------------------------------------------------------------
 */
/*PRIMARY COLOR DEFINITION*/
/*$primary_color_3 : #41c4fa - #554;*/
/*$primary_color_6 : $primary_color_5 + #222;*/
/*SECONDARY COLOR DEFINITION*/
/*$dark_font_color: $primary_dark;*/
/*SET TEXT COLOR BASED ON BACKGROUNDS*/
/*ESTABLISH STANDARD COLORING*/
/*$header-font-color: #666; //CTPMOD*/
/*SPECIALTY COLORS*/
/*$navigation_button_bg_color: #33d80c;
$navigation_button_color: $primary_darker;

  $navigation_button_bg_color_hover: $navigation_button_bg_color + $std_color_offset_inc;
  $navigation_button_color_hover: $navigation_button_color - $std_color_offset_inc ;

  $navigation_link_color: $navigation_button_bg_color - $std_color_offset_inc;
  $navigation_link_color_hover: $navigation_button_bg_color;*/
/*$ecommerce_button_bg_color: $secondary_lighter;
$ecommerce_button_color: #f0d6fc;

  $ecommerce_button_bg_color_hover: $ecommerce_button_bg_color + $std_color_offset_inc;
  $ecommerce_button_color_hover: $ecommerce_button_color + $std_color_offset_inc;

  $ecommerce_link_color: $ecommerce_button_bg_color - $std_color_offset_inc;
  $ecommerce_link_color_hover: $ecommerce_button_bg_color;*/
/*$popup_button_bg_color: $navigation_button_bg_color;
$popup_button_color: #fff;

  $popup_button_bg_color_hover:  + $std_color_offset_inc;
  $popup_button_color_hover:  - $std_color_offset_inc;

  $popup_link_color: $navigation_button_bg_color - $std_color_offset_inc;
  $popup_link_color_hover: $navigation_button_bg_color;*/
/*@import "foundation/functions";*/
/*$font-weight-bold: bold !default;*/
/* $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/
/*$primary-color:#88eeaa;*/
/*$header-font-weight: $font-weight-bold;*/
/*$table-border-color: $gainsboro;*/
/*@mixin site_standard_body_padding_h(){
  
}*/
.ar-700-90:before {
  content: '';
  float: left;
  padding-bottom: 12.8571428571%; }
.ar-700-90:after {
  content: '';
  display: table;
  clear: both; }

.std-body-width {
  max-width: 1300px;
  width: 95%; }

.small-body-font {
  font-size: 0.8em; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .small-body-font {
      font-size: 0.72em; } }
  @media only screen and (max-width: 39.999em) {
    .small-body-font {
      font-size: 0.64em; } }

.large-body-font {
  font-size: 1.2em; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .large-body-font {
      font-size: 1.08em; } }
  @media only screen and (max-width: 39.999em) {
    .large-body-font {
      font-size: 0.96em; } }

/*.half-header{
   margin-top:75px;
  @media only screen and (min-width:90em){
    margin-top:50px;
  }
  @media only screen and (max-width: 39.999em){
    margin-top:0;
    height:0px;
  }
}*/
/* Custom */
body {
  background-repeat: no-repeat; }
  body > .full-container {
    overflow: hidden; }
  body.body-light .entry-content {
    color: #4a558a;
    /*    p, em{
        color: $light_bg_text_color;
      }*/
    /*    input{
          color:$light_text_color; 
        }*/ }
    body.body-light .entry-content a {
      color: #1fa2d8; }
      body.body-light .entry-content a:hover {
        color: #000050; }
    body.body-light .entry-content h1, body.body-light .entry-content h2, body.body-light .entry-content h3, body.body-light .entry-content h4, body.body-light .entry-content h5, body.body-light .entry-content h6, body.body-light .entry-content h7, body.body-light .entry-content th {
      color: #000036; }
      body.body-light .entry-content h1.entry-title, body.body-light .entry-content h2.entry-title, body.body-light .entry-content h3.entry-title, body.body-light .entry-content h4.entry-title, body.body-light .entry-content h5.entry-title, body.body-light .entry-content h6.entry-title, body.body-light .entry-content h7.entry-title, body.body-light .entry-content th.entry-title {
        color: #000018; }
    body.body-light .entry-content figcaption {
      color: #1c1794; }
  body.body-dark .entry-content {
    color: #41c4fa;
    /*    input{
          color:$dark_text_color; 
        }*/ }
    body.body-dark .entry-content p, body.body-dark .entry-content em {
      color: #41c4fa; }
    body.body-dark .entry-content a {
      color: #bbe6fb; }
      body.body-dark .entry-content a:hover {
        color: #fff; }
    body.body-dark .entry-content h1, body.body-dark .entry-content h2, body.body-dark .entry-content h3, body.body-dark .entry-content h4, body.body-dark .entry-content h5, body.body-dark .entry-content h6, body.body-dark .entry-content h7, body.body-dark .entry-content th {
      color: #bbe6fb; }
      body.body-dark .entry-content h1.entry-title, body.body-dark .entry-content h2.entry-title, body.body-dark .entry-content h3.entry-title, body.body-dark .entry-content h4.entry-title, body.body-dark .entry-content h5.entry-title, body.body-dark .entry-content h6.entry-title, body.body-dark .entry-content h7.entry-title, body.body-dark .entry-content th.entry-title {
        color: #fff; }
    body.body-dark .entry-content figcaption {
      color: #bbe6fb; }
  body.header-light header {
    color: #4a558a;
    /*    p, em{
        color: $light_bg_text_color;
      }*/
    /*    input{
          color:$light_text_color; 
        }*/ }
    body.header-light header a {
      color: #1fa2d8; }
      body.header-light header a:hover {
        color: #000050; }
    body.header-light header h1, body.header-light header h2, body.header-light header h3, body.header-light header h4, body.header-light header h5, body.header-light header h6, body.header-light header h7, body.header-light header th {
      color: #000036; }
      body.header-light header h1.entry-title, body.header-light header h2.entry-title, body.header-light header h3.entry-title, body.header-light header h4.entry-title, body.header-light header h5.entry-title, body.header-light header h6.entry-title, body.header-light header h7.entry-title, body.header-light header th.entry-title {
        color: #000018; }
    body.header-light header figcaption {
      color: #1c1794; }
  body.header-dark header, body.header-dark .content-footer {
    color: #41c4fa;
    /*    input{
          color:$dark_text_color; 
        }*/ }
    body.header-dark header p, body.header-dark header em, body.header-dark .content-footer p, body.header-dark .content-footer em {
      color: #41c4fa; }
    body.header-dark header a, body.header-dark .content-footer a {
      color: #bbe6fb; }
      body.header-dark header a:hover, body.header-dark .content-footer a:hover {
        color: #fff; }
    body.header-dark header h1, body.header-dark header h2, body.header-dark header h3, body.header-dark header h4, body.header-dark header h5, body.header-dark header h6, body.header-dark header h7, body.header-dark header th, body.header-dark .content-footer h1, body.header-dark .content-footer h2, body.header-dark .content-footer h3, body.header-dark .content-footer h4, body.header-dark .content-footer h5, body.header-dark .content-footer h6, body.header-dark .content-footer h7, body.header-dark .content-footer th {
      color: #bbe6fb; }
      body.header-dark header h1.entry-title, body.header-dark header h2.entry-title, body.header-dark header h3.entry-title, body.header-dark header h4.entry-title, body.header-dark header h5.entry-title, body.header-dark header h6.entry-title, body.header-dark header h7.entry-title, body.header-dark header th.entry-title, body.header-dark .content-footer h1.entry-title, body.header-dark .content-footer h2.entry-title, body.header-dark .content-footer h3.entry-title, body.header-dark .content-footer h4.entry-title, body.header-dark .content-footer h5.entry-title, body.header-dark .content-footer h6.entry-title, body.header-dark .content-footer h7.entry-title, body.header-dark .content-footer th.entry-title {
        color: #fff; }
    body.header-dark header figcaption, body.header-dark .content-footer figcaption {
      color: #bbe6fb; }
  body .content-footer {
    background-color: rgba(4, 3, 17, 0.8);
    border-top: 2px solid #bbe6fb;
    /*border-top: 1px solid  $secondary_darker +#222;*/
    /*border-bottom: 2px solid  $primary_lighter ;*/ }
  body.paragraph-content .entry-content {
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif; }
    body.paragraph-content .entry-content h1, body.paragraph-content .entry-content h2, body.paragraph-content .entry-content h3, body.paragraph-content .entry-content h4, body.paragraph-content .entry-content h5, body.paragraph-content .entry-content h6 {
      font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif; }
    body.paragraph-content .entry-content p, body.paragraph-content .entry-content a, body.paragraph-content .entry-content em, body.paragraph-content .entry-content b, body.paragraph-content .entry-content strong {
      font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif; }
  body .dark-bg {
    color: #41c4fa;
    /*    input{
          color:$dark_text_color; 
        }*/ }
    body .dark-bg p, body .dark-bg em {
      color: #41c4fa; }
    body .dark-bg a {
      color: #bbe6fb; }
      body .dark-bg a:hover {
        color: #fff; }
    body .dark-bg h1, body .dark-bg h2, body .dark-bg h3, body .dark-bg h4, body .dark-bg h5, body .dark-bg h6, body .dark-bg h7, body .dark-bg th {
      color: #bbe6fb; }
      body .dark-bg h1.entry-title, body .dark-bg h2.entry-title, body .dark-bg h3.entry-title, body .dark-bg h4.entry-title, body .dark-bg h5.entry-title, body .dark-bg h6.entry-title, body .dark-bg h7.entry-title, body .dark-bg th.entry-title {
        color: #fff; }
    body .dark-bg figcaption {
      color: #bbe6fb; }
    body .dark-bg.ajax_popup_info .sub-wrap, body .dark-bg.live-popup-button .sub-wrap {
      color: #41c4fa;
      /*    input{
            color:$dark_text_color; 
          }*/ }
      body .dark-bg.ajax_popup_info .sub-wrap h1, body .dark-bg.ajax_popup_info .sub-wrap h2, body .dark-bg.ajax_popup_info .sub-wrap h3, body .dark-bg.ajax_popup_info .sub-wrap h4, body .dark-bg.ajax_popup_info .sub-wrap h5, body .dark-bg.ajax_popup_info .sub-wrap h6, body .dark-bg.live-popup-button .sub-wrap h1, body .dark-bg.live-popup-button .sub-wrap h2, body .dark-bg.live-popup-button .sub-wrap h3, body .dark-bg.live-popup-button .sub-wrap h4, body .dark-bg.live-popup-button .sub-wrap h5, body .dark-bg.live-popup-button .sub-wrap h6 {
        font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
      body .dark-bg.ajax_popup_info .sub-wrap p, body .dark-bg.ajax_popup_info .sub-wrap em, body .dark-bg.live-popup-button .sub-wrap p, body .dark-bg.live-popup-button .sub-wrap em {
        color: #41c4fa; }
      body .dark-bg.ajax_popup_info .sub-wrap a, body .dark-bg.live-popup-button .sub-wrap a {
        color: #bbe6fb; }
        body .dark-bg.ajax_popup_info .sub-wrap a:hover, body .dark-bg.live-popup-button .sub-wrap a:hover {
          color: #fff; }
      body .dark-bg.ajax_popup_info .sub-wrap h1, body .dark-bg.ajax_popup_info .sub-wrap h2, body .dark-bg.ajax_popup_info .sub-wrap h3, body .dark-bg.ajax_popup_info .sub-wrap h4, body .dark-bg.ajax_popup_info .sub-wrap h5, body .dark-bg.ajax_popup_info .sub-wrap h6, body .dark-bg.ajax_popup_info .sub-wrap h7, body .dark-bg.ajax_popup_info .sub-wrap th, body .dark-bg.live-popup-button .sub-wrap h1, body .dark-bg.live-popup-button .sub-wrap h2, body .dark-bg.live-popup-button .sub-wrap h3, body .dark-bg.live-popup-button .sub-wrap h4, body .dark-bg.live-popup-button .sub-wrap h5, body .dark-bg.live-popup-button .sub-wrap h6, body .dark-bg.live-popup-button .sub-wrap h7, body .dark-bg.live-popup-button .sub-wrap th {
        color: #bbe6fb; }
        body .dark-bg.ajax_popup_info .sub-wrap h1.entry-title, body .dark-bg.ajax_popup_info .sub-wrap h2.entry-title, body .dark-bg.ajax_popup_info .sub-wrap h3.entry-title, body .dark-bg.ajax_popup_info .sub-wrap h4.entry-title, body .dark-bg.ajax_popup_info .sub-wrap h5.entry-title, body .dark-bg.ajax_popup_info .sub-wrap h6.entry-title, body .dark-bg.ajax_popup_info .sub-wrap h7.entry-title, body .dark-bg.ajax_popup_info .sub-wrap th.entry-title, body .dark-bg.live-popup-button .sub-wrap h1.entry-title, body .dark-bg.live-popup-button .sub-wrap h2.entry-title, body .dark-bg.live-popup-button .sub-wrap h3.entry-title, body .dark-bg.live-popup-button .sub-wrap h4.entry-title, body .dark-bg.live-popup-button .sub-wrap h5.entry-title, body .dark-bg.live-popup-button .sub-wrap h6.entry-title, body .dark-bg.live-popup-button .sub-wrap h7.entry-title, body .dark-bg.live-popup-button .sub-wrap th.entry-title {
          color: #fff; }
      body .dark-bg.ajax_popup_info .sub-wrap figcaption, body .dark-bg.live-popup-button .sub-wrap figcaption {
        color: #bbe6fb; }
  body .light-bg {
    color: #4a558a;
    /*    p, em{
        color: $light_bg_text_color;
      }*/
    /*    input{
          color:$light_text_color; 
        }*/ }
    body .light-bg a {
      color: #1fa2d8; }
      body .light-bg a:hover {
        color: #000050; }
    body .light-bg h1, body .light-bg h2, body .light-bg h3, body .light-bg h4, body .light-bg h5, body .light-bg h6, body .light-bg h7, body .light-bg th {
      color: #000036; }
      body .light-bg h1.entry-title, body .light-bg h2.entry-title, body .light-bg h3.entry-title, body .light-bg h4.entry-title, body .light-bg h5.entry-title, body .light-bg h6.entry-title, body .light-bg h7.entry-title, body .light-bg th.entry-title {
        color: #000018; }
    body .light-bg figcaption {
      color: #1c1794; }

body.std-background {
  background-image: url("images/Sunray-underwater-background-x640.jpg");
  padding: 0px;
  background-size: cover; }
  @media only screen and (min-width: 90em) {
    body.std-background {
      background-image: url("images/Sunray-underwater-background-x1440.jpg"); } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    body.std-background {
      background-image: url("images/Sunray-underwater-background-x1440.jpg"); } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    body.std-background {
      background-image: url("images/Sunray-underwater-background-x1440.jpg"); } }
  @media only screen and (max-width: 63.999em) {
    body.std-background {
      /*background-size:contain;*/
      background-position: top right;
      background-image: url("images/Sunray-underwater-background-x640.jpg"); } }

img.body-inline-icon {
  width: 15px;
  margin: 0 5px; }

img.body-inline-icon-h {
  height: 15px;
  width: auto;
  margin: 0 5px;
  /*vertical-align:-5%;*/ }
  @media only screen and (min-width: 120em) {
    img.body-inline-icon-h {
      vertical-align: -5%; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    img.body-inline-icon-h {
      vertical-align: -5%; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    img.body-inline-icon-h {
      vertical-align: -20%; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    img.body-inline-icon-h {
      vertical-align: -15%; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    img.body-inline-icon-h {
      vertical-align: -15%; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    img.body-inline-icon-h {
      vertical-align: -20%; } }
  @media only screen and (max-width: 29.999em) {
    img.body-inline-icon-h {
      vertical-align: -15%; } }

img.heading-inline-icon {
  width: 20px;
  margin: 0 10px; }

.dark-bg blockquote {
  font-style: italic;
  /*@include site_fontsize_tier( 1.2rem , .5);*/
  color: #bbe6fb;
  /*font-family:$paragraph-font;*/
  font-weight: 100; }
.dark-bg span.light-text {
  color: #bbe6fb; }

@media only screen and (min-width: 64em) {
  .wrap-bpad-large {
    margin-bottom: 75px !important; } }
@media only screen and (max-width: 63.999em) {
  .wrap-bpad-large {
    margin-bottom: 5px !important; } }

.small.note {
  font-style: italic;
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
  @media only screen and (min-width: 120em) {
    .small.note {
      font-size: 0.8rem; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    .small.note {
      font-size: 0.8rem; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .small.note {
      font-size: 0.785rem; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    .small.note {
      font-size: 0.755rem; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .small.note {
      font-size: 0.71rem; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    .small.note {
      font-size: 0.695rem; } }
  @media only screen and (max-width: 29.999em) {
    .small.note {
      font-size: 0.68rem; } }

body .accent-note, body p.accent-note {
  /*font-size:.7em;*/
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
  @media only screen and (min-width: 120em) {
    body .accent-note, body p.accent-note {
      font-size: 1em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    body .accent-note, body p.accent-note {
      font-size: 1em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    body .accent-note, body p.accent-note {
      font-size: 0.95em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    body .accent-note, body p.accent-note {
      font-size: 0.85em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    body .accent-note, body p.accent-note {
      font-size: 0.7em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    body .accent-note, body p.accent-note {
      font-size: 0.65em; } }
  @media only screen and (max-width: 29.999em) {
    body .accent-note, body p.accent-note {
      font-size: 0.6em; } }

.body-video {
  width: 90%;
  max-width: 900px;
  /*    margin-top:20px;
      margin-bottom:20px;*/
  margin: 100px auto;
  border: 1px solid rgba(187, 230, 251, 0.2); }
  @media only screen and (max-width: 63.999em) {
    .body-video {
      margin: 20px auto; } }

.ctp-video-player-pkg.full-size {
  /*@include aspect-ratio( 1600, 1080 );*/
  height: auto; }
  .ctp-video-player-pkg.full-size:before {
    content: '';
    float: left;
    padding-bottom: 56.25%; }
  .ctp-video-player-pkg.full-size:after {
    content: '';
    display: table;
    clear: both; }
  .ctp-video-player-pkg.full-size .ctp-video-container {
    position: relative; }
  .ctp-video-player-pkg.full-size .video-js {
    /*@include aspect-ratio( 1600, 1080 );*/ }
    .ctp-video-player-pkg.full-size .video-js:before {
      content: '';
      float: left;
      padding-bottom: 56.25%; }
    .ctp-video-player-pkg.full-size .video-js:after {
      content: '';
      display: table;
      clear: both; }

body.body-light a.navigation-button, body.body-dark a.navigation-button, body.header-light a.navigation-button, body.header-dark a.navigation-button, body a.navigation-button {
  background-color: #ae89c0;
  color: #0e062c;
  padding: 10px;
  font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif;
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
  text-align: center;
  -webkit-transition-property: background-color color;
  -moz-transition-property: background-color color;
  -ms-transition-property: background-color color;
  -o-transition-property: background-color color;
  transition-property: background-color color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  body.body-light a.navigation-button:hover, body.body-dark a.navigation-button:hover, body.header-light a.navigation-button:hover, body.header-dark a.navigation-button:hover, body a.navigation-button:hover {
    background-color: #d0abe2;
    color: #00000a; }
  body.body-light a.navigation-button:focus, body.body-dark a.navigation-button:focus, body.header-light a.navigation-button:focus, body.header-dark a.navigation-button:focus, body a.navigation-button:focus {
    background-color: #ae89c0;
    color: #0e062c; }
  @media only screen and (min-width: 120em) {
    body.body-light a.navigation-button, body.body-dark a.navigation-button, body.header-light a.navigation-button, body.header-dark a.navigation-button, body a.navigation-button {
      font-size: 1em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    body.body-light a.navigation-button, body.body-dark a.navigation-button, body.header-light a.navigation-button, body.header-dark a.navigation-button, body a.navigation-button {
      font-size: 1em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    body.body-light a.navigation-button, body.body-dark a.navigation-button, body.header-light a.navigation-button, body.header-dark a.navigation-button, body a.navigation-button {
      font-size: 0.995em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    body.body-light a.navigation-button, body.body-dark a.navigation-button, body.header-light a.navigation-button, body.header-dark a.navigation-button, body a.navigation-button {
      font-size: 0.985em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    body.body-light a.navigation-button, body.body-dark a.navigation-button, body.header-light a.navigation-button, body.header-dark a.navigation-button, body a.navigation-button {
      font-size: 0.97em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    body.body-light a.navigation-button, body.body-dark a.navigation-button, body.header-light a.navigation-button, body.header-dark a.navigation-button, body a.navigation-button {
      font-size: 0.965em; } }
  @media only screen and (max-width: 29.999em) {
    body.body-light a.navigation-button, body.body-dark a.navigation-button, body.header-light a.navigation-button, body.header-dark a.navigation-button, body a.navigation-button {
      font-size: 0.96em; } }
body.body-light a.navigation-link, body.body-dark a.navigation-link, body.header-light a.navigation-link, body.header-dark a.navigation-link, body a.navigation-link {
  color: #8c679e;
  /*background:transparent;*/
  /*font-family:$header_font;*/
  /*@include site_fontsize_tier( 1rem, .9 );*/
  -webkit-transition-property: background-color color;
  -moz-transition-property: background-color color;
  -ms-transition-property: background-color color;
  -o-transition-property: background-color color;
  transition-property: background-color color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  body.body-light a.navigation-link:hover, body.body-dark a.navigation-link:hover, body.header-light a.navigation-link:hover, body.header-dark a.navigation-link:hover, body a.navigation-link:hover {
    color: #260138; }
body.body-light a.ecommerce-button, body.body-dark a.ecommerce-button, body.header-light a.ecommerce-button, body.header-dark a.ecommerce-button, body a.ecommerce-button {
  background-color: #ae89c0;
  color: #fff;
  padding: 10px;
  font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif;
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
  text-align: center;
  -webkit-transition-property: background-color color;
  -moz-transition-property: background-color color;
  -ms-transition-property: background-color color;
  -o-transition-property: background-color color;
  transition-property: background-color color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  body.body-light a.ecommerce-button:hover, body.body-dark a.ecommerce-button:hover, body.header-light a.ecommerce-button:hover, body.header-dark a.ecommerce-button:hover, body a.ecommerce-button:hover {
    background-color: #d0abe2;
    color: white; }
  body.body-light a.ecommerce-button:focus, body.body-dark a.ecommerce-button:focus, body.header-light a.ecommerce-button:focus, body.header-dark a.ecommerce-button:focus, body a.ecommerce-button:focus {
    background-color: #ae89c0;
    color: #fff; }
  @media only screen and (min-width: 120em) {
    body.body-light a.ecommerce-button, body.body-dark a.ecommerce-button, body.header-light a.ecommerce-button, body.header-dark a.ecommerce-button, body a.ecommerce-button {
      font-size: 1em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    body.body-light a.ecommerce-button, body.body-dark a.ecommerce-button, body.header-light a.ecommerce-button, body.header-dark a.ecommerce-button, body a.ecommerce-button {
      font-size: 1em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    body.body-light a.ecommerce-button, body.body-dark a.ecommerce-button, body.header-light a.ecommerce-button, body.header-dark a.ecommerce-button, body a.ecommerce-button {
      font-size: 0.98em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    body.body-light a.ecommerce-button, body.body-dark a.ecommerce-button, body.header-light a.ecommerce-button, body.header-dark a.ecommerce-button, body a.ecommerce-button {
      font-size: 0.94em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    body.body-light a.ecommerce-button, body.body-dark a.ecommerce-button, body.header-light a.ecommerce-button, body.header-dark a.ecommerce-button, body a.ecommerce-button {
      font-size: 0.88em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    body.body-light a.ecommerce-button, body.body-dark a.ecommerce-button, body.header-light a.ecommerce-button, body.header-dark a.ecommerce-button, body a.ecommerce-button {
      font-size: 0.86em; } }
  @media only screen and (max-width: 29.999em) {
    body.body-light a.ecommerce-button, body.body-dark a.ecommerce-button, body.header-light a.ecommerce-button, body.header-dark a.ecommerce-button, body a.ecommerce-button {
      font-size: 0.84em; } }
body.body-light a.ecommerce-link, body.body-dark a.ecommerce-link, body.header-light a.ecommerce-link, body.header-dark a.ecommerce-link, body a.ecommerce-link {
  color: #8c679e;
  /*background:transparent;*/
  /*font-family:$header_font;*/
  /*@include site_fontsize_tier( 1rem, .9 );*/
  -webkit-transition-property: background-color color;
  -moz-transition-property: background-color color;
  -ms-transition-property: background-color color;
  -o-transition-property: background-color color;
  transition-property: background-color color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  body.body-light a.ecommerce-link:hover, body.body-dark a.ecommerce-link:hover, body.header-light a.ecommerce-link:hover, body.header-dark a.ecommerce-link:hover, body a.ecommerce-link:hover {
    color: #ae89c0; }
body.body-light a.live-popup-button, body.body-light .live-popup-button:not(.link) > a, body.body-dark a.live-popup-button, body.body-dark .live-popup-button:not(.link) > a, body.header-light a.live-popup-button, body.header-light .live-popup-button:not(.link) > a, body.header-dark a.live-popup-button, body.header-dark .live-popup-button:not(.link) > a, body a.live-popup-button, body .live-popup-button:not(.link) > a {
  background-color: #ae89c0;
  color: #f0d6fc;
  padding: 10px;
  font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
  text-align: center;
  -webkit-transition-property: background-color color;
  -moz-transition-property: background-color color;
  -ms-transition-property: background-color color;
  -o-transition-property: background-color color;
  transition-property: background-color color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  body.body-light a.live-popup-button:hover, body.body-light .live-popup-button:not(.link) > a:hover, body.body-dark a.live-popup-button:hover, body.body-dark .live-popup-button:not(.link) > a:hover, body.header-light a.live-popup-button:hover, body.header-light .live-popup-button:not(.link) > a:hover, body.header-dark a.live-popup-button:hover, body.header-dark .live-popup-button:not(.link) > a:hover, body a.live-popup-button:hover, body .live-popup-button:not(.link) > a:hover {
    background-color: #bf9ad1;
    color: #fff; }
  body.body-light a.live-popup-button:focus, body.body-light .live-popup-button:not(.link) > a:focus, body.body-dark a.live-popup-button:focus, body.body-dark .live-popup-button:not(.link) > a:focus, body.header-light a.live-popup-button:focus, body.header-light .live-popup-button:not(.link) > a:focus, body.header-dark a.live-popup-button:focus, body.header-dark .live-popup-button:not(.link) > a:focus, body a.live-popup-button:focus, body .live-popup-button:not(.link) > a:focus {
    background-color: #ae89c0;
    color: #f0d6fc; }
  @media only screen and (min-width: 120em) {
    body.body-light a.live-popup-button, body.body-light .live-popup-button:not(.link) > a, body.body-dark a.live-popup-button, body.body-dark .live-popup-button:not(.link) > a, body.header-light a.live-popup-button, body.header-light .live-popup-button:not(.link) > a, body.header-dark a.live-popup-button, body.header-dark .live-popup-button:not(.link) > a, body a.live-popup-button, body .live-popup-button:not(.link) > a {
      font-size: 1em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    body.body-light a.live-popup-button, body.body-light .live-popup-button:not(.link) > a, body.body-dark a.live-popup-button, body.body-dark .live-popup-button:not(.link) > a, body.header-light a.live-popup-button, body.header-light .live-popup-button:not(.link) > a, body.header-dark a.live-popup-button, body.header-dark .live-popup-button:not(.link) > a, body a.live-popup-button, body .live-popup-button:not(.link) > a {
      font-size: 1em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    body.body-light a.live-popup-button, body.body-light .live-popup-button:not(.link) > a, body.body-dark a.live-popup-button, body.body-dark .live-popup-button:not(.link) > a, body.header-light a.live-popup-button, body.header-light .live-popup-button:not(.link) > a, body.header-dark a.live-popup-button, body.header-dark .live-popup-button:not(.link) > a, body a.live-popup-button, body .live-popup-button:not(.link) > a {
      font-size: 0.995em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    body.body-light a.live-popup-button, body.body-light .live-popup-button:not(.link) > a, body.body-dark a.live-popup-button, body.body-dark .live-popup-button:not(.link) > a, body.header-light a.live-popup-button, body.header-light .live-popup-button:not(.link) > a, body.header-dark a.live-popup-button, body.header-dark .live-popup-button:not(.link) > a, body a.live-popup-button, body .live-popup-button:not(.link) > a {
      font-size: 0.985em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    body.body-light a.live-popup-button, body.body-light .live-popup-button:not(.link) > a, body.body-dark a.live-popup-button, body.body-dark .live-popup-button:not(.link) > a, body.header-light a.live-popup-button, body.header-light .live-popup-button:not(.link) > a, body.header-dark a.live-popup-button, body.header-dark .live-popup-button:not(.link) > a, body a.live-popup-button, body .live-popup-button:not(.link) > a {
      font-size: 0.97em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    body.body-light a.live-popup-button, body.body-light .live-popup-button:not(.link) > a, body.body-dark a.live-popup-button, body.body-dark .live-popup-button:not(.link) > a, body.header-light a.live-popup-button, body.header-light .live-popup-button:not(.link) > a, body.header-dark a.live-popup-button, body.header-dark .live-popup-button:not(.link) > a, body a.live-popup-button, body .live-popup-button:not(.link) > a {
      font-size: 0.965em; } }
  @media only screen and (max-width: 29.999em) {
    body.body-light a.live-popup-button, body.body-light .live-popup-button:not(.link) > a, body.body-dark a.live-popup-button, body.body-dark .live-popup-button:not(.link) > a, body.header-light a.live-popup-button, body.header-light .live-popup-button:not(.link) > a, body.header-dark a.live-popup-button, body.header-dark .live-popup-button:not(.link) > a, body a.live-popup-button, body .live-popup-button:not(.link) > a {
      font-size: 0.96em; } }
body.body-light a.simple-button, body.body-dark a.simple-button, body.header-light a.simple-button, body.header-dark a.simple-button, body a.simple-button {
  color: #0e062c;
  background-color: #ae89c0; }
  body.body-light a.simple-button:not(.current):hover, body.body-dark a.simple-button:not(.current):hover, body.header-light a.simple-button:not(.current):hover, body.header-dark a.simple-button:not(.current):hover, body a.simple-button:not(.current):hover {
    color: #260138;
    background-color: #d0abe2; }
body.body-light a.add-to-cart-button, body.body-dark a.add-to-cart-button, body.header-light a.add-to-cart-button, body.header-dark a.add-to-cart-button, body a.add-to-cart-button {
  /*display:block;*/
  /*@include ecommerce_button();*/
  /*@mixin general_button( $base_green - #444 , $base_green, $base_green - #666, $base_green + #222 , $font_size : 1em,  $padding : 10px ){*/
  background-color: #39B54A;
  color: #fff;
  padding: 10px;
  font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif;
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
  text-align: center;
  -webkit-transition-property: background-color color;
  -moz-transition-property: background-color color;
  -ms-transition-property: background-color color;
  -o-transition-property: background-color color;
  transition-property: background-color color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  /*padding:10px;*/
  /*text-align:center;*/
  /*color:$secondary_darker + #222;*/
  /*background-color:$secondary_lighter;*/
  /*border-radius:0;*/
  /*font-family:$header_font;*/
  /*@include font_size_tiered( 1.5em, 1.5em, 1.5em, 1.5em, 1.5em, 1em, 1em );*/ }
  body.body-light a.add-to-cart-button:hover, body.body-dark a.add-to-cart-button:hover, body.header-light a.add-to-cart-button:hover, body.header-dark a.add-to-cart-button:hover, body a.add-to-cart-button:hover {
    background-color: #5bd76c;
    color: #004f00; }
  body.body-light a.add-to-cart-button:focus, body.body-dark a.add-to-cart-button:focus, body.header-light a.add-to-cart-button:focus, body.header-dark a.add-to-cart-button:focus, body a.add-to-cart-button:focus {
    background-color: #39B54A;
    color: #fff; }
  @media only screen and (min-width: 120em) {
    body.body-light a.add-to-cart-button, body.body-dark a.add-to-cart-button, body.header-light a.add-to-cart-button, body.header-dark a.add-to-cart-button, body a.add-to-cart-button {
      font-size: 1em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    body.body-light a.add-to-cart-button, body.body-dark a.add-to-cart-button, body.header-light a.add-to-cart-button, body.header-dark a.add-to-cart-button, body a.add-to-cart-button {
      font-size: 1em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    body.body-light a.add-to-cart-button, body.body-dark a.add-to-cart-button, body.header-light a.add-to-cart-button, body.header-dark a.add-to-cart-button, body a.add-to-cart-button {
      font-size: 0.98em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    body.body-light a.add-to-cart-button, body.body-dark a.add-to-cart-button, body.header-light a.add-to-cart-button, body.header-dark a.add-to-cart-button, body a.add-to-cart-button {
      font-size: 0.94em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    body.body-light a.add-to-cart-button, body.body-dark a.add-to-cart-button, body.header-light a.add-to-cart-button, body.header-dark a.add-to-cart-button, body a.add-to-cart-button {
      font-size: 0.88em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    body.body-light a.add-to-cart-button, body.body-dark a.add-to-cart-button, body.header-light a.add-to-cart-button, body.header-dark a.add-to-cart-button, body a.add-to-cart-button {
      font-size: 0.86em; } }
  @media only screen and (max-width: 29.999em) {
    body.body-light a.add-to-cart-button, body.body-dark a.add-to-cart-button, body.header-light a.add-to-cart-button, body.header-dark a.add-to-cart-button, body a.add-to-cart-button {
      font-size: 0.84em; } }
  body.body-light a.add-to-cart-button:hover, body.body-dark a.add-to-cart-button:hover, body.header-light a.add-to-cart-button:hover, body.header-dark a.add-to-cart-button:hover, body a.add-to-cart-button:hover {
    /*background-color:$secondary_lighter ;*/
    /*color:$secondary_darker;*/ }
  body.body-light a.add-to-cart-button.disabled, body.body-dark a.add-to-cart-button.disabled, body.header-light a.add-to-cart-button.disabled, body.header-dark a.add-to-cart-button.disabled, body a.add-to-cart-button.disabled {
    opacity: .5;
    cursor: default; }
    body.body-light a.add-to-cart-button.disabled:hover, body.body-dark a.add-to-cart-button.disabled:hover, body.header-light a.add-to-cart-button.disabled:hover, body.header-dark a.add-to-cart-button.disabled:hover, body a.add-to-cart-button.disabled:hover {
      color: #fff;
      background-color: #39B54A; }
body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
  /*@include ecommerce_button( 2em, 10px 40px );*/
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
  /*background-color:$secondary_lighter;*/
  /*padding:10px 40px;*/
  /*color:#fff;*/
  display: block;
  font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif;
  -webkit-transition-property: background-color color padding;
  -moz-transition-property: background-color color padding;
  -ms-transition-property: background-color color padding;
  -o-transition-property: background-color color padding;
  transition-property: background-color color padding;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #8bf068;
  color: #20500f;
  padding: 10px 40px;
  /*margin-top:22px;*/
  margin-bottom: 20px; }
  body.body-light a.preorder-button-full:hover, body.body-dark a.preorder-button-full:hover, body.header-light a.preorder-button-full:hover, body.header-dark a.preorder-button-full:hover, body a.preorder-button-full:hover {
    background-color: #adff8a;
    color: #002e00; }
  body.body-light a.preorder-button-full:focus, body.body-dark a.preorder-button-full:focus, body.header-light a.preorder-button-full:focus, body.header-dark a.preorder-button-full:focus, body a.preorder-button-full:focus {
    background-color: #8bf068;
    color: #20500f; }
  @media only screen and (min-width: 120em) {
    body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
      font-size: 2em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
      font-size: 2em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
      font-size: 1.5em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
      font-size: 1.2em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
      font-size: 1.5em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
      font-size: 1.2em; } }
  @media only screen and (max-width: 29.999em) {
    body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
      font-size: 1em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
      margin-bottom: 0px; } }
  @media only screen and (max-width: 39.999em) {
    body.body-light a.preorder-button-full, body.body-dark a.preorder-button-full, body.header-light a.preorder-button-full, body.header-dark a.preorder-button-full, body a.preorder-button-full {
      margin: 0 0 15px 0;
      width: 100%; } }
  body.body-light a.preorder-button-full:hover, body.body-dark a.preorder-button-full:hover, body.header-light a.preorder-button-full:hover, body.header-dark a.preorder-button-full:hover, body a.preorder-button-full:hover {
    padding: 20px; }

.woocommerce-page a.checkout-button.button {
  background-color: #ae89c0;
  color: #fff;
  padding: 10px;
  font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif;
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
  text-align: center;
  -webkit-transition-property: background-color color;
  -moz-transition-property: background-color color;
  -ms-transition-property: background-color color;
  -o-transition-property: background-color color;
  transition-property: background-color color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 0;
  /*font-family:$header_font;*/ }
  .woocommerce-page a.checkout-button.button:hover {
    background-color: #d0abe2;
    color: white; }
  .woocommerce-page a.checkout-button.button:focus {
    background-color: #ae89c0;
    color: #fff; }
  @media only screen and (min-width: 120em) {
    .woocommerce-page a.checkout-button.button {
      font-size: 1em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    .woocommerce-page a.checkout-button.button {
      font-size: 1em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .woocommerce-page a.checkout-button.button {
      font-size: 0.98em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    .woocommerce-page a.checkout-button.button {
      font-size: 0.94em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .woocommerce-page a.checkout-button.button {
      font-size: 0.88em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    .woocommerce-page a.checkout-button.button {
      font-size: 0.86em; } }
  @media only screen and (max-width: 29.999em) {
    .woocommerce-page a.checkout-button.button {
      font-size: 0.84em; } }
  @media only screen and (max-width: 39.999em) {
    .woocommerce-page a.checkout-button.button {
      font-size: 1em !important; } }
  .woocommerce-page a.checkout-button.button:after {
    content: " \003e" !important; }

.ajax-animation, img.ajax-animation {
  display: none;
  position: absolute;
  height: auto;
  /*right:0;*/
  top: 0;
  right: 0;
  margin: 2px;
  bottom: auto;
  max-height: 20px;
  width: auto; }

a.fat-button, div.fat-button > a {
  color: #fff !important;
  padding: 20px;
  /*@include std_button( $padding, $popup_button_color, $popup_button_color_hover,  $popup_button_bg_color , $popup_button_bg_color_hover );*/
  color: #f0d6fc;
  background-color: #ae89c0; }

/* CTP Std */
/*@import "ctp/_ctp-std.scss";
@import "ctp/_ctp-animations.scss";
@import "ctp/_ctp-default-formats.scss";*/
/* Custom */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 13, 2016, 6:01:16 PM
    Author     : Captain Ty
*/
/*a.link-button{
  display:inline-block;
  padding:5px 15px;
  $temp_darker: $primary_lighter - #666;
  @include linear-gradient( "", $temp_darker 0%,$primary_lighter 50%,$primary_lighter 75%,$temp_darker 100%);
  background:$temp_darker;
  border-radius:5px;
  color:$primary_dark;
  
  &:hover{
    color:$primary_light;
    background:$primary_lighter;
  }
}
.add-to-cart-button{
  @extend a.link-button;
  
}*/
/*.skip-the-intro-video-button{
  @include div-button();
}*/
.div-button {
  background-color: #41c4fa;
  padding: 25px;
  color: #1c1794;
  /*  background-color:$primary_light;
    padding:25px;
    color:$primary_dark;
  
    &:hover{
      background-color:$primary_lighter;
      padding:25px;
    }*/
  /*  position:absolute;*/ }
  .div-button:hover {
    background-color: #bbe6fb;
    padding: 25px; }

input[type='submit'] {
  font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif;
  /*letter-spacing: 1px;*/
  font-weight: 400;
  background: #41c4fa;
  padding: 20px;
  font-size: 1.2em;
  color: #fff;
  border: none; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type='submit'] {
      word-spacing: 4px; } }
  input[type='submit']:hover {
    cursor: pointer;
    background: #bbe6fb; }

.big-button {
  /*display:inline-block;*/
  text-align: center;
  width: 50%;
  padding: 30px;
  font-size: 1.5em;
  border: #41c4fa 2px solid;
  background: rgba(0, 0, 54, 0.7);
  /*$temp_darker: $primary_lighter - #666;*/
  /*@include linear-gradient( "", $temp_darker 0%,$primary_lighter 50%,$primary_lighter 75%,$temp_darker 100%);*/
  border-radius: 1em;
  color: #bbe6fb; }
  .big-button:hover {
    color: #fff;
    background: rgba(187, 230, 251, 0.3); }

.oneline-button {
  display: inline-block;
  text-align: center;
  /*width:50%;*/
  padding: 30px;
  /*font-size:1.5em;*/
  font-size: 1.5em;
  /*border:$primary_light 2px solid;*/
  /*background:rgba( $primary_darker, .7 );*/
  /*$temp_darker: $primary_lighter - #666;*/
  /*@include linear-gradient( "", $temp_darker 0%,$primary_lighter 50%,$primary_lighter 75%,$temp_darker 100%);*/
  border-radius: 1em;
  color: #bbe6fb;
  /*  &::before{
      content: url( 'images/splaslight-icon-x35.png');
    }
    &::after{
      content: url( 'images/splaslight-icon-x35.png');
    }*/ }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .oneline-button {
      font-size: 1.2em; } }
  @media only screen and (max-width: 39.999em) {
    .oneline-button {
      font-size: 0.9em; } }
  .oneline-button:hover {
    color: #fff;
    background: rgba(187, 230, 251, 0.3); }

.feature-reveal {
  padding-top: 25px;
  padding-bottom: 0px; }
  .feature-reveal h1, .feature-reveal h2, .feature-reveal h3, .feature-reveal h4, .feature-reveal h5, .feature-reveal h6 {
    /*font-size:1.5em;*/
    text-align: center;
    margin-bottom: 40px; }
  .feature-reveal .reveal-button {
    position: relative; }
    .feature-reveal .reveal-button .reveal-hide-icon, .feature-reveal .reveal-button .info-below-icon {
      position: absolute;
      bottom: -75%;
      z-index: 25;
      /*width:20%;*/ }
    .feature-reveal .reveal-button .reveal-hide-icon {
      height: 8px; }
      .feature-reveal .reveal-button .reveal-hide-icon.icon-right {
        right: 0; }
      .feature-reveal .reveal-button .reveal-hide-icon.icon-left {
        left: 0; }
    .feature-reveal .reveal-button .info-below-icon {
      left: 0;
      right: 0;
      margin: 0 auto;
      height: 20px; }
  .feature-reveal .reveal-wrapper {
    border-top: rgba(187, 230, 251, 0.5) 1px solid;
    border-bottom: rgba(187, 230, 251, 0.5) 1px solid; }
  .feature-reveal .reveal-container {
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 20%; }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .feature-reveal .reveal-container {
        padding: 10%; } }
    @media only screen and (max-width: 39.999em) {
      .feature-reveal .reveal-container {
        padding: 6%; } }

/*@import "_custom-secondary-layout.scss";*/
/*@import "_custom-templates-main.scss";*/
/*HEADING IMAGES*/
img.home-header-logo {
  width: 80%;
  margin: -10px auto 10px auto;
  /*margin:10px auto;*/
  max-width: 350px;
  display: block; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    img.home-header-logo {
      width: 60%; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    img.home-header-logo {
      width: 60%;
      max-width: 250px; } }

img.home-banner-description-img {
  width: 50%;
  margin: 30px auto 50px auto;
  max-width: 350px;
  display: block; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    img.home-banner-description-img {
      width: 60%;
      max-width: 350px; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    img.home-banner-description-img {
      width: 50%;
      max-width: 200px;
      margin: 0px auto 10% auto; } }

.center-absolute-image-wrap {
  width: 100%;
  text-align: center; }
  @media only screen and (min-width: 40em) {
    .center-absolute-image-wrap {
      position: absolute;
      z-index: 1; } }

#home-announcements {
  width: 100%;
  position: relative; }
  #home-announcements img {
    /*position:absolute;*/
    /*right:50%;*/ }
    @media only screen and (min-width: 80em) {
      #home-announcements img {
        padding: 10px 0;
        width: 25%;
        min-width: 400px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      #home-announcements img {
        padding: 10px 0;
        width: 33%; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      #home-announcements img {
        padding: 40px 20px 20px 20px;
        width: 75%; } }

/*----------------------------------------
MAIN HOME PAGE BANNER FOR PRODUCTS AND ANNOUNCEMENTS
----------------------------------------*/
img.product-home-banner-image {
  margin: 0 auto;
  display: block; }

#product-banner {
  width: 100%;
  height: 440px;
  background: #000018;
  border: 4px solid #000;
  position: relative;
  overflow: hidden;
  /*#watch-in-action{*/
  /*  #watch-in-action{
      position:absolute;
      width:100%;
      bottom: 100px;
  
      @media  only screen and (min-width:80em) and (max-width:89.999em) {
        bottom: 20%;
      }     
      @media  only screen and (min-width:40em) and (max-width:63.999em) {
        bottom: 20%;    
      }
      @media  only screen and (min-width:30em) and (max-width:39.999em) {
        bottom: 10%;
      }      
      .play-button-container{
        margin:0 auto;
        text-align:center;
  
  
        p{
          display:inline-block;
          @include font_size_scaled( 1.5em );
  
          margin:0px;
          padding-top:20px 0 0  0 ;
          vertical-align:middle;
  
        }
        a.play-triangle-with-circle{
          display: inline-block;
          width:50px;
          height:50px;
          background: url( "images/play-icon-light.png") no-repeat center ;
          background-size:50px;
          vertical-align:middle;
  
          &:hover{
            background: url( "images/play-icon-hover.png") no-repeat center;
            background-size:50px;
          }
        }
      }
    }*/ }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    #product-banner {
      height: inherit; }
      #product-banner:before {
        content: '';
        float: left;
        padding-bottom: 32.7380952381%; }
      #product-banner:after {
        content: '';
        display: table;
        clear: both; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    #product-banner {
      height: inherit; }
      #product-banner:before {
        content: '';
        float: left;
        padding-bottom: 32.7380952381%; }
      #product-banner:after {
        content: '';
        display: table;
        clear: both; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    #product-banner {
      height: inherit; }
      #product-banner:before {
        content: '';
        float: left;
        padding-bottom: 32.7380952381%; }
      #product-banner:after {
        content: '';
        display: table;
        clear: both; } }
  #product-banner .home-product-video-width-constrainer {
    max-width: 1300px;
    top: 0;
    z-index: 1100; }
  #product-banner .home-product-video {
    position: relative;
    width: 100%;
    height: 100%; }
  #product-banner .main-banner-play-wrapper {
    position: absolute;
    width: 100%;
    bottom: 100px;
    /*.play-button-container{*/
    margin: 0 auto;
    text-align: center;
    /*}*/ }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      #product-banner .main-banner-play-wrapper {
        bottom: 20%; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      #product-banner .main-banner-play-wrapper {
        bottom: 20%; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      #product-banner .main-banner-play-wrapper {
        bottom: 10%; } }
    #product-banner .main-banner-play-wrapper p {
      display: inline-block;
      font-size: 1.5em;
      margin: 0px;
      padding-top: 20px 0 0 0;
      vertical-align: middle; }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        #product-banner .main-banner-play-wrapper p {
          font-size: 1.35em; } }
      @media only screen and (max-width: 39.999em) {
        #product-banner .main-banner-play-wrapper p {
          font-size: 1.2em; } }
    #product-banner .main-banner-play-wrapper a.play-triangle-with-circle {
      display: inline-block;
      width: 50px;
      height: 50px;
      background: url("images/play-icon-light.png") no-repeat center;
      background-size: 50px;
      vertical-align: middle; }
      #product-banner .main-banner-play-wrapper a.play-triangle-with-circle:hover {
        background: url("images/play-icon-hover.png") no-repeat center;
        background-size: 50px; }

/*----------------------------------------
FOR THE FUN OF SCIENCE
----------------------------------------*/
.bt-content-blurb {
  background-repeat: no-repeat;
  background-position: center -100px;
  /*background-position: top -100px center;*/
  height: 550px;
  position: relative;
  top: -40px;
  z-index: 0;
  padding-top: 75px; }
  @media only screen and (min-width: 80em) {
    .bt-content-blurb {
      background-image: url("images/bioluminescence-shrimp-emission.jpg"); } }
  @media only screen and (max-width: 63.999em) {
    .bt-content-blurb {
      background-image: url("images/bioluminescent-shrimp-emission-x600.jpg"); } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .bt-content-blurb {
      background-size: cover;
      background-position: center -50px;
      height: inherit; }
      .bt-content-blurb:before {
        content: '';
        float: left;
        padding-bottom: 32.7380952381%; }
      .bt-content-blurb:after {
        content: '';
        display: table;
        clear: both; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .bt-content-blurb {
      background-size: cover;
      background-position: center top;
      height: inherit; }
      .bt-content-blurb:before {
        content: '';
        float: left;
        padding-bottom: 32.7380952381%; }
      .bt-content-blurb:after {
        content: '';
        display: table;
        clear: both; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    .bt-content-blurb {
      background-size: cover;
      background-position: center top;
      height: inherit; }
      .bt-content-blurb:before {
        content: '';
        float: left;
        padding-bottom: 32.7380952381%; }
      .bt-content-blurb:after {
        content: '';
        display: table;
        clear: both; } }
  .bt-content-blurb h1, .bt-content-blurb h2, .bt-content-blurb h3, .bt-content-blurb h4, .bt-content-blurb h5, .bt-content-blurb h6, .bt-content-blurb h7 {
    /*color:$primary_dark;*/
    /*font-size:2.5em;*/
    font-size: 1.5em;
    /*padding-left:75px;*/
    /*padding-top:30px*/ }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .bt-content-blurb h1, .bt-content-blurb h2, .bt-content-blurb h3, .bt-content-blurb h4, .bt-content-blurb h5, .bt-content-blurb h6, .bt-content-blurb h7 {
        font-size: 1.35em; } }
    @media only screen and (max-width: 39.999em) {
      .bt-content-blurb h1, .bt-content-blurb h2, .bt-content-blurb h3, .bt-content-blurb h4, .bt-content-blurb h5, .bt-content-blurb h6, .bt-content-blurb h7 {
        font-size: 1.2em; } }
  .bt-content-blurb div.blurb-wrapper {
    margin: 0 auto 0 auto;
    /*width:800px;*/
    max-width: 800px;
    width: 90%;
    border-radius: 20px;
    border: inset 1px #000036;
    padding: 25px;
    background-color: rgba(187, 230, 251, 0.5); }
    @media only screen and (min-width: 90em) {
      .bt-content-blurb div.blurb-wrapper {
        -moz-box-shadow: 0 0 100px #bbe6fb;
        -webkit-box-shadow: 0 0 100px #bbe6fb;
        box-shadow: 0px 0px 100px #bbe6fb;
        /*background-color:$glow-color;*/ } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .bt-content-blurb div.blurb-wrapper {
        -moz-box-shadow: 0 0 80px #bbe6fb;
        -webkit-box-shadow: 0 0 80px #bbe6fb;
        box-shadow: 0px 0px 80px #bbe6fb;
        /*background-color:$glow-color;*/ } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .bt-content-blurb div.blurb-wrapper {
        -moz-box-shadow: 0 0 60px #bbe6fb;
        -webkit-box-shadow: 0 0 60px #bbe6fb;
        box-shadow: 0px 0px 60px #bbe6fb;
        /*background-color:$glow-color;*/ } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .bt-content-blurb div.blurb-wrapper {
        -moz-box-shadow: 0 0 40px #bbe6fb;
        -webkit-box-shadow: 0 0 40px #bbe6fb;
        box-shadow: 0px 0px 40px #bbe6fb;
        /*background-color:$glow-color;*/ } }
    .bt-content-blurb div.blurb-wrapper h1, .bt-content-blurb div.blurb-wrapper h2, .bt-content-blurb div.blurb-wrapper h3, .bt-content-blurb div.blurb-wrapper h4, .bt-content-blurb div.blurb-wrapper h5, .bt-content-blurb div.blurb-wrapper h6 {
      color: #000036; }
    .bt-content-blurb div.blurb-wrapper p {
      color: #000036;
      /*font-size:1.25em;*/
      /*@include font_size_scaled( 1em );*/
      /*line-height:1.25em;*/
      padding: 0 25px;
      /*padding-top:10px;*/
      /*letter-spacing: .1em;*/ }
  .bt-content-blurb .content-wrapper {
    margin: 0 auto 0 auto;
    /*width:800px;*/
    max-width: 800px;
    width: 90%; }

#home-footer-menu ul {
  width: 100%;
  text-align: center;
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 20px; }
  #home-footer-menu ul li {
    display: inline-block; }
    #home-footer-menu ul li a {
      display: inline-block;
      /*padding:0 50px;*/
      /*padding-right:50px;*/ }
      @media only screen and (min-width: 120em) {
        #home-footer-menu ul li a {
          padding: 0 50px; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        #home-footer-menu ul li a {
          padding: 0 50px; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        #home-footer-menu ul li a {
          padding: 0 20px; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        #home-footer-menu ul li a {
          padding: 0 20px; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        #home-footer-menu ul li a {
          padding: 0 20px; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        #home-footer-menu ul li a {
          padding: 0 10px; } }
      @media only screen and (max-width: 29.999em) {
        #home-footer-menu ul li a {
          padding: 0 10px; } }

.content-footer {
  text-align: center; }

/*  .ar-hd-wrapper{
    position:relative;
    padding-bottom:56.25%;
    left:50%;
      width:100%;
      height:100%;
    .ar-contents{
      @include aspect-ratio( 1920, 1080 );
      position:absolute;
      top:0;

      left:-50%;
      width:100%;
      height:100%;
      z-index:10000;
    }
  }*/
/*.ar-wrapper{
  position:relative;
  padding-bottom:56.25%;

  .ar-contents{
    position:absolute;
    top:0;
    left:-50%;
    width:100%;
    height:100%;
    z-index:10000;
  }
}*/
.non-latin, .language-selector {
  /*font-family:arial, verdana, sans-serif;*/
  /*font-size:2em;*/
  vertical-align: top; }
  .non-latin a, .language-selector a {
    display: inline-block; }

#language-selector {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 10000;
  /*display:none;*/ }

#bt-home-main-container {
  /*display:none;*/ }

.show-hide-wrapper {
  /*display:inline-block;*/
  position: relative;
  cursor: pointer; }
  .show-hide-wrapper:not(.show-if-java) {
    display: inline-block; }
  .show-hide-wrapper ul.show-hide-element {
    display: none;
    /*background:$primary_dark;*/
    position: absolute;
    /*top:20px;*/
    /*left:0;*/
    z-index: 1; }
    .show-hide-wrapper ul.show-hide-element li {
      margin: 0;
      /*display:block;*/ }
      .show-hide-wrapper ul.show-hide-element li a {
        /*display:block;*/
        /*padding:20px;*/
        margin: 0; }

/*.show-hide-element > li:hover > a {
  background: #fff;
}*/
.video-button-overlay {
  text-align: center;
  vertical-align: middle;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  /*background:rgba($primary_darkest, .25 );*/
  border: #41c4fa 1px solid;
  box-sizing: border-box;
  /*right:0;*/
  top: 0;
  /*        bottom:0;
          margin:auto;*/
  z-index: 0; }
  .video-button-overlay .play-button-icon {
    position: absolute;
    left: 0;
    /*opacity:.5;*/
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

#back-to-top {
  z-index: 1001;
  max-width: 50px;
  position: fixed;
  /*opacity:0;*/
  bottom: 0;
  right: 0;
  width: 100px;
  margin: 30px;
  /*&:hover {  img{
        opacity:1;
      background: #e9ebec;
           }
  }    */ }
  @media only screen and (max-width: 89.999em) {
    #back-to-top {
      width: 35px;
      margin: 10px; } }
  #back-to-top img {
    /*opacity:0;*/ }
  #back-to-top.show-up img {
    /*opacity: .5;*/ }
  #back-to-top.show-up:hover img {
    /*opacity:1;*/
    /*background: #e9ebec;*/ }

html body div.language-selector ul li a:not(.non-latin) {
  font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif; }
html body div.language-selector ul li a.non-latin {
  font-family: "co-text", Arial, "Helvetica Neue", Helvetica, sans-serif; }

body.non-latin {
  /*#home-main-menu{*/
  /*}*/ }
  body.non-latin p {
    font-family: "co-text", Arial, "Helvetica Neue", Helvetica, sans-serif; }

body:not(.non-latin) {
  /*#home-main-menu{*/
  /*}*/ }
  body:not(.non-latin) p {
    font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif; }

.ctp-video-player-pkg {
  display: none; }

div.hd-image-carousel-100 {
  border-top: 4px solid #000036;
  border-bottom: 4px solid #000036;
  background: #000036;
  text-align: center;
  overflow: hidden;
  width: 100%; }
  div.hd-image-carousel-100 img {
    /*margin:0 auto;*/
    max-width: 1920px;
    width: 100%; }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      div.hd-image-carousel-100 img {
        width: 2160px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      div.hd-image-carousel-100 img {
        width: 1536px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      div.hd-image-carousel-100 img {
        width: 640px; } }

div.product-page header {
  width: 100%;
  text-align: center; }
  div.product-page header h1.entry-title {
    font-size: 2em;
    /*      border-bottom-left-radius:40px;
          border-bottom-right-radius:40px;*/
    border-radius: 20px;
    background: #41c4fa;
    margin-top: 30px;
    margin-bottom: 15px;
    padding: 8px 20%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      div.product-page header h1.entry-title {
        padding: 10px 60px;
        font-size: 2.5em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      div.product-page header h1.entry-title {
        padding: 10px 50px;
        font-size: 2em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      div.product-page header h1.entry-title {
        padding: 5px 40px;
        font-size: 2em; } }
div.product-page .product-content h1:not(.entry-title) {
  color: #bbe6fb;
  /*     border-top:2px solid $primary_light;*/
  /*border-bottom:2px solid $primary_lighter;*/
  margin: 20px 0px 0px 0px;
  padding: 10px 0; }
div.product-page .product-content p:not([class]) {
  padding: 0 50px; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    div.product-page .product-content p:not([class]) {
      padding: 0 0px; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    div.product-page .product-content p:not([class]) {
      padding: 0 0px; } }
div.product-page .product-content .entry-content ul {
  margin: 0px;
  font-size: 1.1em;
  display: inline-block;
  /*width:50%;*/
  /*text-align:center;*/
  list-style: disc;
  /*padding:10px 100px;*/
  /*margin:0 auto;*/
  color: #bbe6fb; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    div.product-page .product-content .entry-content ul {
      padding: 0 50px; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    div.product-page .product-content .entry-content ul {
      padding: 0 50px; } }
  div.product-page .product-content .entry-content ul li {
    text-align: left; }
div.product-page .product-content .entry-content .product-description {
  font-size: .7em;
  text-align: center;
  padding: 20px 0px;
  margin: 0 auto;
  width: 70%;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/ }
  div.product-page .product-content .entry-content .product-description h6 {
    color: #bbe6fb; }
div.product-page .product-content .entry-content div.product-image-array {
  text-align: center;
  background: rgba(187, 230, 251, 0.35);
  padding: 10px; }
div.product-page .product-content .entry-content img.product-image-array-single {
  width: 150px; }

.center-tool {
  /*display:inline-block;*/
  /*width:75%;*/
  margin: 0 auto;
  text-align: center; }

div#main-splashlight-description-wrapper {
  text-align: center; }

div#main-splashlight-description {
  text-align: center;
  position: relative;
  display: inline-block;
  max-width: 600px;
  width: 90%;
  margin: 0 auto; }
  div#main-splashlight-description p {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: left;
    padding: 0 0px;
    width: 60%;
    margin-bottom: 0px; }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      div#main-splashlight-description p {
        line-height: 1.2em; } }

.product-features {
  text-align: center;
  margin: 40px 10px 10px 10px; }
  .product-features .product-feature {
    text-align: center;
    vertical-align: top;
    display: inline-block;
    width: 30%;
    padding: 5px; }
    @media only screen and (max-width: 63.999em) {
      .product-features .product-feature {
        display: block;
        width: 80%; } }
    .product-features .product-feature img {
      border-radius: 1em; }
    .product-features .product-feature figcaption {
      /*width:%;*/
      /*padding:0px 20%;*/
      margin: 4px; }

img.section-product-image {
  /*  max-width:600px;*/
  /*width:90%;*/
  margin-top: -20px;
  /*padding:0 40px;*/ }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    img.section-product-image {
      /*margin-top:-75px;*/ } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    img.section-product-image {
      /*margin-top:-50px;*/ } }

header h1.entry-title {
  font-size: 2em;
  /*font-size:2em;*/
  text-align: center;
  margin: 20px; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    header h1.entry-title {
      font-size: 1.8em; } }
  @media only screen and (max-width: 39.999em) {
    header h1.entry-title {
      font-size: 1.6em; } }

div.entry-content {
  padding: 40px;
  /*  padding-left:40px;
    padding-right:40px;*/ }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    div.entry-content {
      padding: 20px; } }
  @media only screen and (max-width: 39.999em) {
    div.entry-content {
      padding: 12px; } }

div.full-page-contact-form {
  /*width:50%;*/
  margin: 0 auto; }

p {
  font-size: 1em; }

.product-featurette {
  margin: 20px 0;
  background: rgba(187, 230, 251, 0.1);
  border-radius: 2em;
  border: rgba(187, 230, 251, 0.5) 1px solid;
  overflow: hidden; }
  .product-featurette h1 {
    text-align: center;
    /*border:none;*/
    font-size: 2em;
    margin-bottom: 0px; }
  .product-featurette .action-description {
    text-align: center; }

/*html body{
.product-featurette{
  
  overflow:hidden;
  h1{
   text-align:center; 
  }  
}
}*/
.product-intro-wrapper {
  padding: 20px; }
  .product-intro-wrapper p.brief-description {
    text-align: center;
    /*font-style:italic;*/
    padding-left: 20%;
    padding-right: 20%;
    font-size: .8em;
    color: #bbe6fb; }

/*body.non-latin{
  .product-intro-wrapper{
    a{
      font-family: $non_latin_header_font
    }
  }
  }*/
body:not(.non-latin) .product-intro-wrapper {
  font-style: italic; }

.package-contents {
  padding-bottom: 40px; }
  .package-contents .parent-height {
    vertical-align: middle; }
    @media only screen and (max-width: 63.999em) {
      .package-contents .parent-height {
        vertical-align: top; } }
  .package-contents .columns {
    /*vertical-align: middle;*/ }
  .package-contents h3 {
    margin-bottom: 20px; }

.product-element .logo, .product-element .icon {
  height: 50px; }
  @media only screen and (max-width: 63.999em) {
    .product-element .logo, .product-element .icon {
      height: auto;
      width: 60%; } }
@media only screen and (max-width: 63.999em) {
  .product-element .icon {
    display: none; } }
.product-element .qty {
  color: #bbe6fb;
  vertical-align: middle;
  font-size: 30px;
  padding: 10px 30px; }
  @media only screen and (max-width: 63.999em) {
    .product-element .qty {
      width: 30%; } }

/*.primary-product-contents{
  
}*/
.product-variations {
  background: rgba(65, 196, 250, 0.6);
  text-align: center; }
  .product-variations .product-variation-wrapper {
    display: inline-block;
    width: 30%;
    text-align: center; }
    @media only screen and (max-width: 63.999em) {
      .product-variations .product-variation-wrapper {
        display: block;
        width: 80%; } }
    .product-variations .product-variation-wrapper .product-variation {
      width: 80%;
      margin: 0 auto; }

body {
  /*&.woocommerce{*/
  /*}*/ }
  body select {
    margin: 0; }
  body table.variations td {
    padding: 0; }
    body table.variations td.label {
      padding: 0px; }
      body table.variations td.label label {
        padding: 8px;
        margin: 0; }
  body div.product {
    /*    .woocommerce-tabs{
          
        div.wc-tab{
          padding:20px;
        }
        }*/ }

.animated-slidedown-reveal-wrapper .reveal-button {
  cursor: pointer; }
.animated-slidedown-reveal-wrapper .reveal-wrapper {
  overflow: hidden;
  position: relative; }
  .animated-slidedown-reveal-wrapper .reveal-wrapper .reveal-container {
    position: absolute;
    bottom: 0;
    width: 100%; }

.inner-shadow {
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 10px #000000; }

.info-box {
  background: rgba(85, 128, 149, 0.5);
  background: -webkit-linear-gradient(rgba(187, 230, 251, 0.5) 0%, rgba(85, 128, 149, 0.5) 100%);
  background: -o-linear-gradient(rgba(187, 230, 251, 0.5) 0%, rgba(85, 128, 149, 0.5) 100%);
  background: -moz-linear-gradient(rgba(187, 230, 251, 0.5) 0%, rgba(85, 128, 149, 0.5) 100%);
  background: linear-gradient(rgba(187, 230, 251, 0.5) 0%, rgba(85, 128, 149, 0.5) 100%);
  color: #41c4fa;
  /*background-repeat:repeat;*/ }

.main-product-logo-container {
  background: rgba(97, 110, 170, 0.2);
  position: absolute;
  width: 100%;
  left: 0; }
  .main-product-logo-container img {
    width: 400px; }

div.payment_method_paypalpro input[name="billing_credircard"] {
  max-width: 500px; }
div.payment_method_paypalpro input[name="billing_ccvnumber"] {
  max-width: 200px; }

/*@import "hold.scss";*/
/*div[id*="f327"]{
  .contact-form{
    width:50%;
       

       @include width_tiered( 50%, 60%, 75%, 75%, 80%);
    @extend .aligncenter;
  }
}*/
/*div[id*="f325"]{*/
.contact-form {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  border: #fff 2px solid;
  /*@include width_tiered( "50%" );*/
  /*@include width_tiered( 50%, 60%, 75%, 75%, 75%, 80%, 80%);*/
  /*width:50%;*/ }

/*}*/
.select2-results__options {
  color: #888; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 18, 2016, 5:05:31 PM
    Author     : Captain Ty
*/
.technical-data {
  font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif; }
  .technical-data ul {
    font-size: 1em;
    list-style-type: none; }
    .technical-data ul li {
      padding: 8px; }
      .technical-data ul li ul {
        margin-left: 40px; }
        .technical-data ul li ul li {
          padding: 0px; }

ul.bt-simple-text-list {
  /*  margin:0;
    padding:0;*/
  list-style-type: none;
  padding: 3px; }
  ul.bt-simple-text-list li {
    padding: 0 3px; }

.lots-of-text {
  font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif; }
  .lots-of-text h1, .lots-of-text h2, .lots-of-text h3, .lots-of-text h4, .lots-of-text h5, .lots-of-text h6 {
    margin-top: 40px;
    /*font-size:150%*/
    font-size: 1.5em; }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .lots-of-text h1, .lots-of-text h2, .lots-of-text h3, .lots-of-text h4, .lots-of-text h5, .lots-of-text h6 {
        font-size: 1.2em; } }
    @media only screen and (max-width: 39.999em) {
      .lots-of-text h1, .lots-of-text h2, .lots-of-text h3, .lots-of-text h4, .lots-of-text h5, .lots-of-text h6 {
        font-size: 0.9em; } }
  .lots-of-text p {
    padding: 20px;
    /*    padding-left: 20px;
        padding-right: 20px;*/ }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .lots-of-text p {
        padding: 10px; } }
    @media only screen and (max-width: 39.999em) {
      .lots-of-text p {
        padding: 6px; } }

.lots-of-text-styled {
  /*font-family:$paragraph-font;*/ }
  .lots-of-text-styled h1, .lots-of-text-styled h2, .lots-of-text-styled h3, .lots-of-text-styled h4, .lots-of-text-styled h5, .lots-of-text-styled h6 {
    margin-top: 40px;
    /*font-size:150%*/
    font-size: 1.5em; }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .lots-of-text-styled h1, .lots-of-text-styled h2, .lots-of-text-styled h3, .lots-of-text-styled h4, .lots-of-text-styled h5, .lots-of-text-styled h6 {
        font-size: 1.2em; } }
    @media only screen and (max-width: 39.999em) {
      .lots-of-text-styled h1, .lots-of-text-styled h2, .lots-of-text-styled h3, .lots-of-text-styled h4, .lots-of-text-styled h5, .lots-of-text-styled h6 {
        font-size: 0.9em; } }
  .lots-of-text-styled p {
    padding-left: 20px;
    padding-right: 20px; }

.padding_scaled {
  /*font-family:$paragraph-font;*/ }
  .padding_scaled h1, .padding_scaled h2, .padding_scaled h3, .padding_scaled h4, .padding_scaled h5, .padding_scaled h6 {
    margin-top: 40px;
    font-size: 1.5em; }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .padding_scaled h1, .padding_scaled h2, .padding_scaled h3, .padding_scaled h4, .padding_scaled h5, .padding_scaled h6 {
        font-size: 1.2em; } }
    @media only screen and (max-width: 39.999em) {
      .padding_scaled h1, .padding_scaled h2, .padding_scaled h3, .padding_scaled h4, .padding_scaled h5, .padding_scaled h6 {
        font-size: 0.9em; } }
  .padding_scaled p {
    padding: 20%;
    /*    padding-left: 20%;
        padding-right: 20%;*/ }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .padding_scaled p {
        padding: 10%; } }
    @media only screen and (max-width: 39.999em) {
      .padding_scaled p {
        padding: 6%; } }

.ctp-basic-carousel.header-images .mask {
  /*float:left;*/
  position: relative;
  margin: 0 auto;
  width: 50%;
  /*height:266px;*/
  overflow: hidden; }
  .ctp-basic-carousel.header-images .mask:before {
    content: '';
    float: left;
    padding-bottom: 50%; }
  .ctp-basic-carousel.header-images .mask:after {
    content: '';
    display: table;
    clear: both; }
.ctp-basic-carousel.header-images ul {
  list-style: none; }
  .ctp-basic-carousel.header-images ul.elements {
    /*      top:0px;
          left:0px;*/ }
    .ctp-basic-carousel.header-images ul.elements li {
      /*        top:0px;
              left:0px; */
      display: inline-block; }
.ctp-basic-carousel.header-images .control {
  position: absolute;
  top: 380px;
  color: #fff;
  cursor: pointer; }
  .ctp-basic-carousel.header-images .control.prev {
    left: 120px; }
  .ctp-basic-carousel.header-images .control.next {
    right: 120px; }

.ctp-basic-carousel.simple-fade {
  position: relative; }
  .ctp-basic-carousel.simple-fade .mask {
    /*    float:left; 
        margin:40px; 
        width:400px; 
        height:266px; 
        overflow:hidden;  */ }
  .ctp-basic-carousel.simple-fade ul {
    list-style: none; }
    .ctp-basic-carousel.simple-fade ul.elements {
      width: 100%;
      position: relative; }
      .ctp-basic-carousel.simple-fade ul.elements li {
        position: absolute;
        /*display:inline-block;*/
        /*float:left;*/
        /*@include h-center();*/ }
        .ctp-basic-carousel.simple-fade ul.elements li img {
          /*width:100%;*/ }
  .ctp-basic-carousel.simple-fade .control {
    position: absolute;
    top: 380px;
    color: #fff;
    cursor: pointer; }
    .ctp-basic-carousel.simple-fade .control .prev {
      left: 120px; }
    .ctp-basic-carousel.simple-fade .control .next {
      left: 180px; }

.ctp-basic-carousel.simple-slide ul.elements {
  /*width:2000px;*/
  position: absolute; }
  .ctp-basic-carousel.simple-slide ul.elements li {
    /*display:inline-block;*/
    float: left; }

/*.ctp-basic-carousel.simple-slide{
  position:relative;

  .mask { float:left; margin:40px; width:400px; height:266px; overflow:hidden;  }
  ul.elements { position:relative; top:0px;left:0px; }
  ul.elements li { display:inline-block; top:0px;left:0px; }

  ul.triggers { position:absolute; top:310px; left:80px; }
  ul.triggers li { 
    float:left; margin:0 5px; font: bold 16px arial; cursor:pointer;
    background-color:#ccc; color:#000; padding:10px;
    list-style:none;
  }
  ul.triggers li.active {background-color:red; color:#000;}


  .control {position:absolute; top: 380px; color:#fff; cursor:pointer;}
  .prev { left:120px; }
  .next { left:180px; }
}*/
/*      .triggers { 
        @include h-center();
        margin:0;
        bottom:0;
        position:absolute; 
              top:310px; 
              left:80px; 
        li { 

          float:left; 
          margin:0 5px; 
          font: bold 16px arial; 
          cursor:pointer;
          background: url("./images/splashlight_trigger.png") bottom center;
          opacity:.5;
          background-color:#ccc; 
          color:#000; 
          padding:10px;
          width:40px;
          height:40px;
          list-style:none;
          &:hover{
            background: url("./images/splashlight_trigger.png") center center;
            opacity:1;
          }
          &.active {
            background: url("./images/splashlight_trigger.png") top center;
            opacity:1;
            background-color:red; 
            color:#000;
          }
        }
      } */
.ctp-infinite-slide-carousel .mask {
  height: 10rem;
  position: relative;
  margin: 0 auto;
  overflow: hidden; }
.ctp-infinite-slide-carousel ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .ctp-infinite-slide-carousel ul.elements {
    /*      top:0px;
          left:0px;*/ }
    .ctp-infinite-slide-carousel ul.elements li {
      float: left;
      display: inline-block; }
      .ctp-infinite-slide-carousel ul.elements li > img {
        height: 10rem;
        width: auto; }
.ctp-infinite-slide-carousel .control {
  display: none; }
  .ctp-infinite-slide-carousel .control.prev {
    left: 120px; }
  .ctp-infinite-slide-carousel .control.next {
    right: 120px; }

.home-product-video a.basic-close-button, .ctp-video-container a.basic-close-button {
  display: none; }
.home-product-video:hover a.basic-close-button, .ctp-video-container:hover a.basic-close-button {
  /*position: absolute;*/
  display: inline-block; }

a.basic-close-button {
  /*display:none;*/
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10002;
  width: 50px;
  height: 50px; }
  a.basic-close-button img {
    width: 50px;
    height: 50px;
    max-width: none; }

/*.home-video-container{
  position:relative;
}*/
/*----------------------------------------
YOUTUBE VIDEOS
----------------------------------------*/
.listing-youtube-wrapper {
  position: absolute;
  top: 0; }
  .listing-youtube-wrapper .video {
    position: relative;
    width: 1300px;
    height: 500px; }
  .listing-youtube-wrapper:hover a.basic-close-button {
    position: absolute;
    display: inline-block; }

.video-library-players {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10010; }

.video-library-buttons {
  /*position:absolute;*/
  width: 100%;
  height: 100%;
  z-index: 1; }

.video-library-player {
  /*position:relative;*/
  /*position:absolute;*/
  top: 0;
  /*left:50%;*/
  width: 100%;
  height: 100%;
  display: none;
  /*.video{
    position:relative;
      width:$content_max_width;
    height:500px;
    
    
    }*/ }
  .video-library-player:hover a.basic-close-button {
    position: absolute;
    display: inline-block; }

.video-library-element-wrapper {
  display: inline-block;
  padding: 10px;
  z-index: 1; }

/*----------------------------------------
BIOTOY INTRO VIDEO
----------------------------------------*/
#biotoy-intro-video {
  width: 100%;
  height: 100%;
  display: none; }
  #biotoy-intro-video video {
    width: 100%;
    height: 100%; }

#biotoy-intro-video-overlay {
  /*  text-align:center;*/
  position: fixed;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-size: cover;
  background-position: center;
  display: none;
  z-index: 11000; }
  #biotoy-intro-video-overlay img {
    pointer-events: none; }
  @media only screen and (min-width: 80em) {
    #biotoy-intro-video-overlay:not(.no-bg-image) {
      background-image: url("images/biotoy-intro-video-overlay.png"); } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    #biotoy-intro-video-overlay:not(.no-bg-image) {
      background-image: url("images/biotoy-intro-video-overlay-x600.png"); } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    #biotoy-intro-video-overlay:not(.no-bg-image) {
      background-image: url("images/biotoy-intro-video-overlay-x300.png"); } }
  #biotoy-intro-video-overlay.no-bg-image {
    background-image: none; }

#biotoy-intro-video-overlay-button-container {
  text-align: center;
  position: fixed;
  width: 100%;
  height: 60px;
  /*bottom:100px;*/
  bottom: 10%;
  display: none;
  z-index: 11001; }
  #biotoy-intro-video-overlay-button-container .div-button:not(.last) {
    /*padding:10px;*/
    border-right: #4bceff 1px solid; }
  @media screen and (min-aspect-ratio: 8 / 3) {
    #biotoy-intro-video-overlay-button-container {
      bottom: 0px; }
      #biotoy-intro-video-overlay-button-container .div-button:not(.last) {
        padding: 10px;
        /*border-right:$primary_lighter 1px solid;*/ } }

/*----------------------------------------
BANNER VIDEO PLAYER
----------------------------------------*/
.home-video-container {
  text-align: center;
  position: relative;
  top: -40px; }
  .home-video-container .play-button-thumbnail-wrapper {
    display: inline-block;
    padding: 20px; }
  .home-video-container a.home-page-video-thumbnail {
    display: inline-block;
    position: relative;
    overflow: hidden; }
    .home-video-container a.home-page-video-thumbnail div.video-description-overlay {
      height: 50%;
      position: absolute;
      bottom: 0;
      margin: 0;
      text-align: center;
      width: 100%;
      padding: 10px;
      background: rgba(0, 0, 0, 0.75);
      z-index: 1;
      /*display:none;*/
      /*@include slideup-fadein-mid-start( 0.5s );*/ }
      .home-video-container a.home-page-video-thumbnail div.video-description-overlay p {
        margin: 0;
        padding: 0; }
    .home-video-container a.home-page-video-thumbnail:hover div.video-description-overlay {
      /*@include slide-fade-end( .2s   );*/
      z-index: 1;
      /*  -webkit-transition: opacity $time_out $ease_out,  -webkit-transform $time_out $ease_out;
        -moz-transition:  opacity $time_out $ease_out,  -moz-transform $time_out $ease_out;
        -ms-transition:  opacity $time_out $ease_out,  -ms-transform $time_out $ease_out;
        -o-transition:  opacity $time_out $ease_out,  -o-transform $time_out $ease_out;*/
      /*transition:  opacity 1s ease,  transform 1s ease;*/
      /*transition:  opacity 1s;*/
      /*  -moz-transition:  opacity 1s;
        -webkit-transition:  opacity 1s;
        transition:  opacity 1s;*/
      /*display:block;*/ }

/*@import "_custom-menus.scss";*/
html body .default-main-menu.menu-wrap {
  /*height:75px;*/
  padding: 5px;
  background-color: rgba(4, 3, 17, 0.5);
  /*background-color:rgba( $secondary_darker, .5);*/
  border-top: 1px solid #30284e;
  border-bottom: 1px solid #1f173d;
  /**/ }
  @media only screen and (min-width: 120em) {
    html body .default-main-menu.menu-wrap {
      height: 80px; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    html body .default-main-menu.menu-wrap {
      height: 80px; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    html body .default-main-menu.menu-wrap {
      height: 50px; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    html body .default-main-menu.menu-wrap {
      height: 50px; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    html body .default-main-menu.menu-wrap {
      height: 45px; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    html body .default-main-menu.menu-wrap {
      height: 40px; } }
  @media only screen and (max-width: 29.999em) {
    html body .default-main-menu.menu-wrap {
      height: 30px; } }
  html body .default-main-menu.menu-wrap .inner-wrap {
    height: 100%;
    /*padding:0 40px;*/
    position: relative;
    width: 90%;
    /*max-width:$content_max_width !important;*/
    margin: 0 auto; }
    @media only screen and (min-width: 90em) {
      html body .default-main-menu.menu-wrap .inner-wrap {
        max-width: 1300px !important;
        /*max-width:$content_max_width+400px !important;;*/ } }
    @media only screen and (max-width: 89.999em) {
      html body .default-main-menu.menu-wrap .inner-wrap {
        max-width: 1300px !important; } }
    @media only screen and (max-width: 39.999em) {
      html body .default-main-menu.menu-wrap .inner-wrap {
        padding: 0 15px; } }
    html body .default-main-menu.menu-wrap .inner-wrap .columns, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping {
      /*position:relative;*/
      height: 100%;
      /*padding:5px;*/
      /*z-index:1;*/ }
      html body .default-main-menu.menu-wrap .inner-wrap .columns .main-buttons, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping .main-buttons {
        height: 100%;
        position: relative;
        display: inline-block; }
      html body .default-main-menu.menu-wrap .inner-wrap .columns .current-page, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping .current-page {
        position: absolute;
        left: 0px;
        padding: 10;
        color: #000018;
        background-color: #bbe6fb;
        bottom: 100%;
        margin-bottom: 5px;
        /*@include h-center();*/
        width: 100%;
        /*margin: 0 1px 5px 1px;*/
        min-width: 300px;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
        @media only screen and (min-width: 120em) {
          html body .default-main-menu.menu-wrap .inner-wrap .columns .current-page, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 2rem; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .columns .current-page, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 2rem; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .columns .current-page, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.9rem; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .columns .current-page, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.7rem; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .columns .current-page, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.4rem; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .columns .current-page, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.3rem; } }
        @media only screen and (max-width: 29.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .columns .current-page, html body .default-main-menu.menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.2rem; } }
    html body .default-main-menu.menu-wrap .inner-wrap .page-title {
      height: auto;
      /*height:100%;*/
      z-index: 0;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      html body .default-main-menu.menu-wrap .inner-wrap .page-title h1 {
        margin: 0;
        verical-align: middle;
        color: #fff;
        /*@include site_fontsize_tier( .9em, .8 );*/
        white-space: nowrap; }
        @media only screen and (max-width: 89.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .page-title h1 {
            font-size: 1.2em; } }
      @media only screen and (max-width: 63.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap .page-title {
          /*position:absolute;*/
          bottom: 100%;
          /*@include h-center;*/ } }
      @media only screen and (min-width: 120em) {
        html body .default-main-menu.menu-wrap .inner-wrap .page-title {
          font-size: 2em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body .default-main-menu.menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (max-width: 29.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
    html body .default-main-menu.menu-wrap .inner-wrap .ajax_popup_info {
      height: 100%; }
    html body .default-main-menu.menu-wrap .inner-wrap a.header-link {
      display: inline-block;
      height: 100%;
      /*      &.cart-link{
              width:auto;
              img{
                width:50%;
              }
            }*/ }
      @media only screen and (min-width: 120em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.header-link {
          width: 80px; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.header-link {
          width: 80px; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.header-link {
          width: 50px; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.header-link {
          width: 50px; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.header-link {
          width: 45px; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.header-link {
          width: 40px; } }
      @media only screen and (max-width: 29.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.header-link {
          width: 30px; } }
    html body .default-main-menu.menu-wrap .inner-wrap a.main-button {
      /*@include aspect-ratio(1, 1);*/
      vertical-align: top;
      background-color: #41c4fa;
      color: #000036;
      /*font-size:1em;*/
      /*font-size-adjust:1.5;*/
      /*background-color:$primary_light;*/
      margin: 0 1px;
      padding-left: 5px;
      padding-right: 5px;
      display: inline-block;
      height: 100%; }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button, html body .default-main-menu.menu-wrap .inner-wrap a.main-button * {
        font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -ms-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        margin: 5px 0 0 0;
        padding: 0;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
        @media only screen and (min-width: 120em) {
          html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.8rem; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.8rem; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.785rem; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.755rem; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.71rem; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.695rem; } }
        @media only screen and (max-width: 29.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.68rem; } }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button .hover-title {
        display: none;
        /*height:0px;*/
        opacity: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        /*width:0;*/
        padding: 10px;
        background-color: rgba(0, 0, 24, 0.8);
        top: 100%;
        z-index: 2000;
        color: #fff;
        font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
        font-size: 1em;
        padding: 0;
        margin: 0; }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button .icon {
        display: block;
        height: 60%;
        width: auto;
        margin: 0 auto;
        padding: 0;
        moz-transform-origin: top center;
        -o-transform-origin: top center;
        -ms-transform-origin: top center;
        -webkit-transform-origin: top center;
        transform-origin: top center; }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button.current {
        background-color: #bbe6fb;
        position: relative;
        cursor: default; }
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button.current .connector {
          position: absolute;
          left: 0;
          background-color: #bbe6fb;
          height: 10px;
          bottom: 100%;
          width: 100%; }
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button.current .title {
          display: none; }
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button.current .icon {
          height: 100%; }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button:not(.current):hover {
        background-color: #bbe6fb; }
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button:not(.current):hover .hover-title {
          /*height:auto;*/
          opacity: 1;
          padding: 10px;
          margin-top: 10px;
          display: block; }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button img {
        vertical-align: top; }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button:nth-child(5) {
        margin: 0 0 0 1px; }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button:first-child {
        margin: 0 1px 0 0; }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button:hover {
        /*background-color:$primary_lighter;*/ }
      @media only screen and (max-width: 39.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button {
          margin: 0 1px;
          padding-left: 2px;
          padding-right: 2px; } }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button.home-button {
        /*background-color:$primary_light;*/
        padding-left: 30px;
        padding-right: 30px; }
        @media only screen and (max-width: 39.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap a.main-button.home-button {
            padding-left: 15px;
            padding-right: 15px; } }
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button.home-button:hover {
          /*background-color:$primary_lighter;*/ }
      html body .default-main-menu.menu-wrap .inner-wrap a.main-button img {
        /*padding:5px;*/
        height: 100%;
        width: auto; }
      @media only screen and (min-width: 40em) and (max-width: 63.999em), only screen and (min-width: 64em) and (max-width: 79.9999em), only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
          margin: -2px 0 0 0;
          padding: 0; }
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button .icon {
          margin-top: 2px; } }
      @media only screen and (max-width: 39.999em) {
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button .title {
          opacity: 0; }
        html body .default-main-menu.menu-wrap .inner-wrap a.main-button .icon {
          height: 100%;
          padding: 0px;
          moz-transform-origin: center center;
          -o-transform-origin: center center;
          -ms-transform-origin: center center;
          -webkit-transform-origin: center center;
          transform-origin: center center; } }
    html body .default-main-menu.menu-wrap .inner-wrap .contact-link {
      height: 100% !important;
      width: auto !important; }
      html body .default-main-menu.menu-wrap .inner-wrap .contact-link img {
        vertical-align: top;
        height: 100%;
        width: auto;
        padding: 5px;
        -webkit-transition-property: transform;
        -moz-transition-property: transform;
        -ms-transition-property: transform;
        -o-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media only screen and (max-width: 63.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .contact-link img {
            padding: 0px; } }
      html body .default-main-menu.menu-wrap .inner-wrap .contact-link:hover img {
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
    html body .default-main-menu.menu-wrap .inner-wrap .cart-link {
      /*      position:relative;*/ }
      html body .default-main-menu.menu-wrap .inner-wrap .cart-link img {
        position: relative;
        /*left:0;*/
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 75%;
        width: auto; }
      html body .default-main-menu.menu-wrap .inner-wrap .cart-link .count {
        position: absolute;
        /*float:right;*/
        /*width:50%;*/
        /*height:25%;*/
        /*@include aspect-ratio(1,1);*/
        /*@include transform_origin( center );*/
        -webkit-transition-property: padding;
        -moz-transition-property: padding;
        -ms-transition-property: padding;
        -o-transition-property: padding;
        transition-property: padding;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        /*@include v-center();*/
        font-weight: 100;
        /*font-family:$paragraph-font;*/
        display: inline-block;
        vertical-align: top;
        padding: 0 5px;
        background-color: #41c4fa;
        border-radius: 50%;
        /*padding-top:15px;*/
        /*@include attribute_tiered( padding-top, 5px, 5px, 5px, 10px, 6px, 2px, 0px);*/
        color: #fff;
        /*border-top:1px #fff solid;*/
        /*border-botom:1px #fff solid;*/
        /*          @media only screen and (max-width: 39.999em){
                    padding:2px 5px;
                  }*/ }
        @media only screen and (min-width: 120em) {
          html body .default-main-menu.menu-wrap .inner-wrap .cart-link .count {
            font-size: 20px; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .cart-link .count {
            font-size: 20px; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .cart-link .count {
            font-size: 20px; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .cart-link .count {
            font-size: 15px; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .cart-link .count {
            font-size: 15px; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .cart-link .count {
            font-size: 15px; } }
        @media only screen and (max-width: 29.999em) {
          html body .default-main-menu.menu-wrap .inner-wrap .cart-link .count {
            font-size: 12px; } }
      html body .default-main-menu.menu-wrap .inner-wrap .cart-link:hover .count {
        /*color: #6fb4d4;*/
        padding: 2px 7px;
        /*@include scale(1.2);*/ }
    html body .default-main-menu.menu-wrap .inner-wrap a.home-button {
      display: inline-block;
      height: 100%; }
      html body .default-main-menu.menu-wrap .inner-wrap a.home-button img {
        height: 100%;
        width: auto; }

.default-main-menu.top-menu-wrap {
  position: relative;
  padding-top: 20px;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 2000;
  background-color: #000018;
  border-bottom: #41c4fa 1px solid;
  /*height:75px;*/
  /*@include attribute_tiered( height, 80px, 80px, 50px, 50px, 45px, 40px, 30px);*/
  /*padding:5px;*/
  /*    background-color:rgba( $secondary_darkest, .5);
      background-color:rgba( $secondary_darker, .5);
      border-top: 1px solid  $secondary_darker +#222;
      border-bottom: 1px solid  $secondary_darker +#111;*/
  /**/ }
  @media only screen and (max-width: 39.999em) {
    .default-main-menu.top-menu-wrap {
      display: none; } }
  .default-main-menu.top-menu-wrap img.page-title-logo {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: auto;
    padding: 10px; }
  .default-main-menu.top-menu-wrap img.holiday-icon {
    position: absolute;
    height: 100%;
    width: auto;
    right: 0;
    top: 0; }
    @media only screen and (max-width: 63.999em) {
      .default-main-menu.top-menu-wrap img.holiday-icon {
        display: none; } }
  .default-main-menu.top-menu-wrap .inner-wrap {
    /*@include attribute_tiered( height, 50px, 50px, 50px, 50px, 45px, 40px, 30px);*/
    /*position:absolute;*/
    /*    left:0;
        right:0;*/
    display: inline-block;
    /*background-color: rgba( $primary_darkest, .5);*/
    height: 100%;
    /*padding:0 40px;*/
    /*position:relative;*/
    /*width:90%;*/
    /*@include h-center();*/
    /*max-width:$content_max_width !important;*/
    /*margin:0 auto;*/ }
    @media only screen and (min-width: 120em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        height: 75px; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        height: 75px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        height: 75px; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        height: 75px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        height: 60px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        height: 50px; } }
    @media only screen and (max-width: 29.999em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        height: 40px; } }
    @media only screen and (min-width: 90em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        /*max-width:$content_max_width !important;;*/
        /*max-width:$content_max_width+400px !important;;*/ } }
    @media only screen and (max-width: 89.999em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        /*max-width:$content_max_width !important;;*/ } }
    @media only screen and (max-width: 39.999em) {
      .default-main-menu.top-menu-wrap .inner-wrap {
        padding: 0 15px; } }
    .default-main-menu.top-menu-wrap .inner-wrap .columns, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping {
      vertical-align: top;
      /*position:relative;*/
      display: inline-block;
      height: 100%;
      /*padding:5px;*/
      /*z-index:1;*/ }
      .default-main-menu.top-menu-wrap .inner-wrap .columns .main-buttons, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .main-buttons {
        height: 100%;
        position: relative;
        display: inline-block; }
      .default-main-menu.top-menu-wrap .inner-wrap .columns .current-page, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .current-page {
        position: absolute;
        /*left:0px;*/
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 0px 15px;
        color: #bbe6fb;
        background-color: rgba(0, 0, 24, 0.5);
        top: 100%;
        margin-top: 0px;
        /*@include h-center();*/
        min-width: 100%;
        white-space: nowrap;
        /*margin: 0 1px 5px 1px;*/
        /*min-with:300px;*/
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
        @media only screen and (min-width: 120em) {
          .default-main-menu.top-menu-wrap .inner-wrap .columns .current-page, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 2rem; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .columns .current-page, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 2rem; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .columns .current-page, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.9rem; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .columns .current-page, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.7rem; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .columns .current-page, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.4rem; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .columns .current-page, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.3rem; } }
        @media only screen and (max-width: 29.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .columns .current-page, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .current-page {
            font-size: 1.2rem; } }
        .default-main-menu.top-menu-wrap .inner-wrap .columns .current-page img.page-title-logo, .default-main-menu.top-menu-wrap .inner-wrap .menu-grouping .current-page img.page-title-logo {
          position: absolute;
          height: 75%;
          width: auto;
          right: 102%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
    .default-main-menu.top-menu-wrap .inner-wrap .page-title {
      height: auto;
      /*height:100%;*/
      z-index: 0;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      .default-main-menu.top-menu-wrap .inner-wrap .page-title h1 {
        margin: 0;
        verical-align: middle;
        color: #fff;
        /*@include site_fontsize_tier( .9em, .8 );*/
        white-space: nowrap; }
        @media only screen and (max-width: 89.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .page-title h1 {
            font-size: 1.2em; } }
      @media only screen and (max-width: 63.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap .page-title {
          /*position:absolute;*/
          bottom: 100%;
          /*@include h-center;*/ } }
      @media only screen and (min-width: 120em) {
        .default-main-menu.top-menu-wrap .inner-wrap .page-title {
          font-size: 2em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .default-main-menu.top-menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
      @media only screen and (max-width: 29.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap .page-title {
          font-size: 1em; } }
    .default-main-menu.top-menu-wrap .inner-wrap .ajax_popup_info {
      height: 100%; }
    .default-main-menu.top-menu-wrap .inner-wrap a.header-link {
      display: inline-block;
      padding: 0 !important;
      /*@include attribute_tiered( width, 80px, 80px, 50px, 50px, 45px, 40px, 30px);*/
      height: 100%;
      /*      &.cart-link{
              width:auto;
              img{
                width:50%;
              }
            }*/ }
      @media only screen and (min-width: 120em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.header-link {
          width: 75px; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.header-link {
          width: 75px; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.header-link {
          width: 75px; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.header-link {
          width: 75px; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.header-link {
          width: 60px; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.header-link {
          width: 50px; } }
      @media only screen and (max-width: 29.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.header-link {
          width: 40px; } }
    .default-main-menu.top-menu-wrap .inner-wrap a.main-button {
      /*@include aspect-ratio(1, 1);*/
      vertical-align: top;
      background-color: #41c4fa;
      color: #000036;
      /*font-size:1em;*/
      /*font-size-adjust:1.5;*/
      /*background-color:$primary_light;*/
      margin: 0 1px;
      padding-left: 5px;
      padding-right: 5px;
      display: inline-block;
      height: 100%; }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button, .default-main-menu.top-menu-wrap .inner-wrap a.main-button * {
        font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -ms-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        margin: 5px 0 0 0;
        padding: 0;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
        @media only screen and (min-width: 120em) {
          .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.8rem; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.8rem; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.785rem; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.755rem; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.71rem; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.695rem; } }
        @media only screen and (max-width: 29.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
            font-size: 0.68rem; } }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button .hover-title {
        display: none;
        /*height:0px;*/
        opacity: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        /*width:0;*/
        padding: 10px;
        background-color: rgba(0, 0, 24, 0.8);
        top: 100%;
        z-index: 2000;
        color: #fff;
        font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
        font-size: 1em;
        padding: 0;
        margin: 0; }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button .icon {
        display: block;
        height: 60%;
        width: auto;
        margin: 0 auto;
        padding: 0;
        moz-transform-origin: top center;
        -o-transform-origin: top center;
        -ms-transform-origin: top center;
        -webkit-transform-origin: top center;
        transform-origin: top center; }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button.current {
        background-color: #bbe6fb;
        position: relative;
        cursor: default; }
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button.current .connector {
          position: absolute;
          /*left:0;*/
          /*background-color:$primary_lighter;*/
          height: 10px;
          top: 100%;
          width: 100%;
          height: 0;
          width: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          border-top: 5px solid #bbe6fb;
          z-index: 1; }
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button.current .title {
          display: none; }
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button.current .icon {
          height: 100%; }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button:not(.current):hover {
        background-color: #bbe6fb; }
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button:not(.current):hover .hover-title {
          /*height:auto;*/
          opacity: 1;
          padding: 10px;
          margin-top: 10px;
          display: block; }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button img {
        vertical-align: top; }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button:nth-child(5) {
        margin: 0 0 0 1px; }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button:first-child {
        margin: 0 1px 0 0; }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button:hover {
        /*background-color:$primary_lighter;*/ }
      @media only screen and (max-width: 39.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button {
          margin: 0 1px;
          padding-left: 2px;
          padding-right: 2px; } }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button.home-button {
        /*background-color:$primary_light;*/
        padding-left: 30px;
        padding-right: 30px; }
        @media only screen and (max-width: 39.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap a.main-button.home-button {
            padding-left: 15px;
            padding-right: 15px; } }
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button.home-button:hover {
          /*background-color:$primary_lighter;*/ }
      .default-main-menu.top-menu-wrap .inner-wrap a.main-button img {
        /*padding:5px;*/
        height: 100%;
        width: auto; }
      @media only screen and (min-width: 40em) and (max-width: 63.999em), only screen and (min-width: 64em) and (max-width: 79.9999em), only screen and (min-width: 80em) and (max-width: 89.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
          margin: -2px 0 0 0;
          padding: 0; }
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button .icon {
          margin-top: 2px; } }
      @media only screen and (max-width: 39.999em) {
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button .title {
          opacity: 0; }
        .default-main-menu.top-menu-wrap .inner-wrap a.main-button .icon {
          height: 100%;
          padding: 0px;
          moz-transform-origin: center center;
          -o-transform-origin: center center;
          -ms-transform-origin: center center;
          -webkit-transform-origin: center center;
          transform-origin: center center; } }
    .default-main-menu.top-menu-wrap .inner-wrap .contact-link {
      height: 100% !important;
      width: auto !important;
      margin-right: 10px; }
      .default-main-menu.top-menu-wrap .inner-wrap .contact-link img {
        vertical-align: top;
        height: 100%;
        width: auto;
        padding: 5px;
        -webkit-transition-property: transform;
        -moz-transition-property: transform;
        -ms-transition-property: transform;
        -o-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media only screen and (max-width: 63.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .contact-link img {
            padding: 0px; } }
      .default-main-menu.top-menu-wrap .inner-wrap .contact-link:hover img {
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
    .default-main-menu.top-menu-wrap .inner-wrap .cart-link {
      display: inline-block;
      position: relative;
      height: 100%;
      margin-left: 10px; }
      .default-main-menu.top-menu-wrap .inner-wrap .cart-link img {
        position: relative;
        /*left:0;*/
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 75%;
        width: auto; }
      .default-main-menu.top-menu-wrap .inner-wrap .cart-link .count {
        position: absolute;
        /*float:right;*/
        /*width:50%;*/
        /*height:25%;*/
        /*@include aspect-ratio(1,1);*/
        /*@include transform_origin( center );*/
        -webkit-transition-property: padding;
        -moz-transition-property: padding;
        -ms-transition-property: padding;
        -o-transition-property: padding;
        transition-property: padding;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        /*@include v-center();*/
        font-weight: 100;
        /*font-family:$paragraph-font;*/
        display: inline-block;
        vertical-align: top;
        padding: 0 7px;
        background-color: rgba(0, 0, 24, 0.5);
        border: solid 2px #41c4fa;
        border-radius: 50%;
        /*padding-top:15px;*/
        /*@include attribute_tiered( padding-top, 5px, 5px, 5px, 10px, 6px, 2px, 0px);*/
        color: #fff;
        /*border-top:1px #fff solid;*/
        /*border-botom:1px #fff solid;*/
        /*          @media only screen and (max-width: 39.999em){
                    padding:2px 5px;
                  }*/ }
        @media only screen and (min-width: 120em) {
          .default-main-menu.top-menu-wrap .inner-wrap .cart-link .count {
            font-size: 20px; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .cart-link .count {
            font-size: 20px; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .cart-link .count {
            font-size: 20px; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .cart-link .count {
            font-size: 15px; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .cart-link .count {
            font-size: 15px; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .cart-link .count {
            font-size: 15px; } }
        @media only screen and (max-width: 29.999em) {
          .default-main-menu.top-menu-wrap .inner-wrap .cart-link .count {
            font-size: 12px; } }
      .default-main-menu.top-menu-wrap .inner-wrap .cart-link:hover .count {
        /*color: #6fb4d4;*/
        padding: 4px 10px;
        /*@include scale(1.2);*/ }
    .default-main-menu.top-menu-wrap .inner-wrap a.home-button {
      display: inline-block;
      height: 100%; }
      .default-main-menu.top-menu-wrap .inner-wrap a.home-button img {
        height: 100%;
        width: auto; }

.mobile-menu {
  position: relative;
  z-index: 1;
  max-width: 1300px;
  width: 95%;
  width: 100%;
  height: 50px;
  margin: 0;
  overflow: hidden;
  /*background: $primary_lighter;*/ }
  @media only screen and (min-width: 40em) {
    .mobile-menu {
      display: none; } }
  .mobile-menu .header {
    height: 50px;
    background: rgba(0, 0, 24, 0.5);
    padding: 0px 15px;
    cursor: pointer;
    /*border-bottom: #bbb 1px solid;*/ }
    .mobile-menu .header .mobile-menu-banner {
      vertical-align: top;
      display: inline-block;
      height: 100%; }
      .mobile-menu .header .mobile-menu-banner h1.mobile-page-title {
        padding: 5px 0 0 0;
        margin: 0;
        font-size: .6em;
        color: #bbe6fb;
        text-align: center; }
    .mobile-menu .header .menu-icons {
      vertical-align: top;
      display: inline-block;
      height: 50%;
      border-radius: 5px;
      background-color: #41c4fa; }
      .mobile-menu .header .menu-icons img.icon {
        vertical-align: top;
        height: 90%;
        width: auto;
        padding: 3px; }
    .mobile-menu .header .cart-link {
      margin-left: 15px;
      padding-left: 5px;
      height: 100%;
      border-left: rgba(187, 230, 251, 0.5) 1px solid; }
      .mobile-menu .header .cart-link img {
        height: 80%;
        width: auto; }
      .mobile-menu .header .cart-link .count {
        color: #41c4fa; }
    .mobile-menu .header p.label {
      color: #bbe6fb;
      vertical-align: 15%;
      display: inline-block;
      margin: 0;
      padding: 0; }
    .mobile-menu .header:before {
      display: inline-block;
      color: #bbe6fb;
      content: '☰';
      font-size: 25px;
      border: rgba(187, 230, 251, 0.5) 1px solid;
      border-radius: 5px;
      padding: 5px;
      /*margin-top:2px;*/ }
    .mobile-menu .header img.page-title-logo {
      height: 90%;
      width: auto;
      padding: 15px 5px;
      vertical-align: top; }
  .mobile-menu .navigation {
    background: #bbe6fb;
    margin-top: 0;
    padding-top: 0px; }
    .mobile-menu .navigation ul {
      list-style: none;
      padding-top: 0px;
      padding-bottom: 20px;
      padding-left: 0px;
      margin-top: 0px; }
      .mobile-menu .navigation ul li .icon {
        width: 40px;
        /*display:inline-block;*/
        float: left;
        margin-right: 5px; }
      .mobile-menu .navigation ul li a {
        color: #000018;
        padding: 10px;
        display: block;
        border-bottom: rgba(255, 255, 255, 0.5) 1px solid; }
        .mobile-menu .navigation ul li a.even {
          /*background-color: rgba( $primary_lightest, .1);*/ }
        .mobile-menu .navigation ul li a p {
          font-weight: 800;
          color: #000018; }
          .mobile-menu .navigation ul li a p .small-note {
            font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
            font-size: .8em;
            font-style: italic;
            font-weight: 100; }

/*$accent_light_color: #8bf068;  //#b3fc99;*/
html body.page-template-page-psstage2 {
  max-height: 100%;
  height: 100vh;
  /*text-align:center;*/
  background-image: url("images/Girl-Enjoying-Splashlight---stage2bg-x500.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /*background-image: url(  'images/Girl-Enjoying-Splashlight---stage1bg-x1920.jpg' );*/
  background-size: cover;
  background-position: top center;
  background-color: #0a0316;
  /*  &.admin-bar .what-is-section .what-is-button .content,   &.admin-bar  .live-popup-button .content  {
  
      @media  only screen and (min-width:80em) {
        margin-top:$admin_bar_height_stdscr !important;
      }
  
      @media  only screen and (max-width:79.9999em) {
        margin-top: $admin_bar_height_smlscr !important;
      }      
    }*/ }
  html body.page-template-page-psstage2 .what-is-section .what-is-button {
    text-align: center; }
  html body.page-template-page-psstage2 .full-container {
    /*width:100%;*/
    height: 100%;
    /*max-width:1400px;*/
    max-width: 1400px;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-psstage2 .full-container {
        max-width: 1920px; } }
    @media only screen and (min-width: 90em) {
      html body.page-template-page-psstage2 .full-container {
        padding: 15px 100px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-psstage2 .full-container {
        padding: 1% 8%; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .full-container {
        padding: 1% 8%; } }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .full-container {
        padding: 1% 2%; } }
  html body.page-template-page-psstage2 h2.biotoy-tagline {
    text-align: center;
    padding: 5px 8px;
    background-color: #41c4fa;
    color: #0a0316;
    /*       width:100vw;*/
    /*margin-left:-60px;*/ }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-psstage2 h2.biotoy-tagline {
        font-size: 2.5em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-psstage2 h2.biotoy-tagline {
        font-size: 2em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-psstage2 h2.biotoy-tagline {
        font-size: 1.5em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 h2.biotoy-tagline {
        font-size: 1.2em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-psstage2 h2.biotoy-tagline {
        font-size: 0.9em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-psstage2 h2.biotoy-tagline {
        font-size: 1em; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-psstage2 h2.biotoy-tagline {
        font-size: 0.6em; } }
  html body.page-template-page-psstage2 .row {
    max-width: none;
    padding: 0;
    margin: 0; }
    html body.page-template-page-psstage2 .row .columns {
      padding: 0; }
  html body.page-template-page-psstage2 .entry-content {
    padding: 0;
    padding-top: 0; }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .entry-content {
        /*display:inline-block;*/
        background-color: rgba(0, 0, 0, 0.5);
        margin: 0 auto;
        text-align: center; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .entry-content {
        width: 80%; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-psstage2 .entry-content {
        width: 80%; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-psstage2 .entry-content {
        width: 80%; } }
    html body.page-template-page-psstage2 .entry-content h1 {
      /*font-size:1.5em;*/
      margin-top: -10px;
      text-align: center;
      padding: 0;
      padding-bottom: 40px; }
      html body.page-template-page-psstage2 .entry-content h1, html body.page-template-page-psstage2 .entry-content h1 * {
        font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif; }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          font-size: 1.5em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          font-size: 1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          font-size: 0.9em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          font-size: 0.7em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          font-size: 0.7em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          padding-bottom: 20px; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          padding-bottom: 20px; } }
      @media only screen and (max-width: 39.999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          padding-bottom: 10px; } }
      @media only screen and (max-width: 63.999em) {
        html body.page-template-page-psstage2 .entry-content h1 {
          border-top: rgba(187, 230, 251, 0.5) 1px solid;
          border-bottom: rgba(187, 230, 251, 0.5) 1px solid;
          background-color: rgba(187, 230, 251, 0.3);
          padding: 10px;
          margin: 0px 0 30px 0; } }
  html body.page-template-page-psstage2 .full-container {
    position: static; }
  @media only screen and (min-width: 90em) {
    html body.page-template-page-psstage2 {
      background-image: url("images/Girl-Enjoying-Splashlight---stage2bg-x2000.jpg"); } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    html body.page-template-page-psstage2 {
      background-image: url("images/Girl-Enjoying-Splashlight---stage2bg-x1200.jpg"); } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    html body.page-template-page-psstage2 {
      background-image: url("images/Girl-Enjoying-Splashlight---stage2bg-x1200.jpg"); } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) and (orientation: landscape) {
    html body.page-template-page-psstage2 {
      background-size: cover;
      background-position: top left;
      background-image: url("images/Girl-Enjoying-Splashlight---stage2bg-x500.jpg"); } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) and (orientation: portrait) {
    html body.page-template-page-psstage2 {
      background-size: contain;
      background-position: top left;
      background-image: url("images/Girl-Enjoying-Splashlight---stage2bg-x500.jpg"); } }
  @media only screen and (max-width: 39.999em) and (orientation: landscape) {
    html body.page-template-page-psstage2 {
      background-size: cover;
      background-position: left -100px;
      background-image: url("images/Girl-Enjoying-Splashlight---stage2bg-x300.jpg");
      background-size: 80%; } }
  @media only screen and (max-width: 39.999em) and (orientation: portrait) {
    html body.page-template-page-psstage2 {
      background-size: contain;
      background-position: top left;
      background-image: url("images/Girl-Enjoying-Splashlight---stage2bg-x300.jpg"); } }
  @media only screen and (max-width: 29.999em) {
    html body.page-template-page-psstage2 {
      /*background-size:80%;*/ } }
  html body.page-template-page-psstage2 .promo-header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center; }
    html body.page-template-page-psstage2 .promo-header h1, html body.page-template-page-psstage2 .promo-header h2, html body.page-template-page-psstage2 .promo-header h3, html body.page-template-page-psstage2 .promo-header h4, html body.page-template-page-psstage2 .promo-header h5, html body.page-template-page-psstage2 .promo-header h6 {
      text-align: center;
      margin: 0;
      padding: 0; }
    html body.page-template-page-psstage2 .promo-header h2 {
      font-size: .8em;
      position: relative;
      /*font-family:$primary_font;*/
      font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
      font-weight: 100;
      /*@include scale3d( .8, 1,1 );*/
      letter-spacing: -.05em;
      word-spacing: -.05em;
      color: #4a558a;
      padding: 15px 10px;
      margin: 0 auto; }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-psstage2 .promo-header h2 {
          font-size: 0.8em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-psstage2 .promo-header h2 {
          font-size: 0.9em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-psstage2 .promo-header h2 {
          font-size: 0.8em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-psstage2 .promo-header h2 {
          font-size: 0.7em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-psstage2 .promo-header h2 {
          font-size: 0.7em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-psstage2 .promo-header h2 {
          font-size: 0.7em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-psstage2 .promo-header h2 {
          font-size: 0.7em; } }
    html body.page-template-page-psstage2 .promo-header .product-promo {
      position: relative;
      background-color: #bbe6fb;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff; }
      html body.page-template-page-psstage2 .promo-header .product-promo .inlay {
        margin: 0 auto;
        /*width:40%;*/ }
        @media only screen and (min-width: 120em) {
          html body.page-template-page-psstage2 .promo-header .product-promo .inlay {
            width: 60%; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body.page-template-page-psstage2 .promo-header .product-promo .inlay {
            width: 60%; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body.page-template-page-psstage2 .promo-header .product-promo .inlay {
            width: 60%; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body.page-template-page-psstage2 .promo-header .product-promo .inlay {
            width: 70%; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body.page-template-page-psstage2 .promo-header .product-promo .inlay {
            width: 80%; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body.page-template-page-psstage2 .promo-header .product-promo .inlay {
            width: 85%; } }
        @media only screen and (max-width: 29.999em) {
          html body.page-template-page-psstage2 .promo-header .product-promo .inlay {
            width: 90%; } }
    html body.page-template-page-psstage2 .promo-header h3 {
      /*top:10px;*/
      font-size: 1.2em;
      margin-bottom: 20px; }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-psstage2 .promo-header h3 {
          font-size: 1em;
          margin-bottom: 10px; } }
    html body.page-template-page-psstage2 .promo-header .product-image {
      /*display:inline;*/
      /*width:100px;*/
      /*@include attribute_tiered( width, 150px, 150px, 150px, 100px, 100px, 90px, 80px );*/
      position: absolute;
      /*right:98%;*/
      /*left:5%;*/
      /*top:0;*/
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media only screen and (max-width: 63.999em) {
        html body.page-template-page-psstage2 .promo-header .product-image {
          /*        opacity:.25;
                  left:auto;
                          top:auto;
                  top: 10px;
          
                  left:-35px;
                  right:auto;*/ } }
  html body.page-template-page-psstage2 .promo-header-center {
    position: relative;
    margin: 0 auto;
    max-width: 400px; }
    html body.page-template-page-psstage2 .promo-header-center > p {
      margin: 0;
      padding: 0; }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-psstage2 .promo-header-center {
        margin-top: 4%; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        margin-top: 50px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        margin-top: 40px; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        margin-top: 20px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        margin-top: 10px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        margin-top: 10px; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        margin-top: 10px; } }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-psstage2 .promo-header-center {
        width: 30%; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        width: 50%; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        width: 50%; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        width: 60%; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        width: 70%; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        width: 100%; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-psstage2 .promo-header-center {
        width: 100%; } }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-psstage2 .promo-header-center {
        max-width: 800px; } }
  html body.page-template-page-psstage2 .header-right {
    position: relative;
    /*top:50px;*/
    /*    right:10%;
        top:50px;*/
    /*    h2.core-statement{
          margin-top
        }*/
    /*@include admin-bar-offset( top, 80px );*/
    /*    @media  only screen and (min-width:80em) and (max-width:89.999em) {
          @include admin-bar-offset( top, 60px );
        }
        @media  only screen and (min-width:64em) and (max-width:79.9999em) {
          @include admin-bar-offset( top, 40px );
        }*/ }
    @media only screen and (min-width: 64em) {
      html body.page-template-page-psstage2 .header-right {
        /*position:absolute;*/
        margin-right: 10%;
        float: right;
        /*margin-right:10%;*/
        padding-top: 0px; } }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .header-right {
        position: static;
        margin: 0 auto; } }
  html body.page-template-page-psstage2 .entry-title {
    display: none; }
  html body.page-template-page-psstage2 .company-wrap {
    position: absolute;
    top: 20px;
    left: 20px;
    /*    width:200px;*/
    /*max-width:250px;*/
    /*@include attribute_tiered( max-width, 250px, 250px, 150px, 150px, 200px, 200px, 200px );*/
    /*max-width:150px;*/
    /*       @media  only screen and (min-width:90em) {
             padding-top:30px;
           }*/ }
    @media only screen and (min-width: 64em) {
      html body.page-template-page-psstage2 .company-wrap {
        margin-top: -20px; } }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .company-wrap {
        position: static;
        margin: 0 auto 10px auto; } }
    @media only screen and (min-width: 40em) {
      html body.page-template-page-psstage2 .company-wrap {
        max-width: 200px;
        text-align: center; } }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-psstage2 .company-wrap {
        width: 10%; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-psstage2 .company-wrap {
        width: 10%; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-psstage2 .company-wrap {
        width: 12%; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .company-wrap {
        width: 14%; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .company-wrap {
        width: 100%; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-psstage2 .company-wrap {
        width: 100%; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-psstage2 .company-wrap {
        width: 100%; } }
    @media only screen and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .company-wrap .company-logo {
        max-width: 125px; } }
    html body.page-template-page-psstage2 .company-wrap .footer {
      /*font-family:$paragraph-font;*/
      color: #bbe6fb;
      text-align: center;
      padding: 0;
      margin: 0;
      line-height: 1em;
      font-size: .7em;
      font-style: italic;
      margin-top: -15px; }
  html body.page-template-page-psstage2 .main-product {
    position: relative; }
    html body.page-template-page-psstage2 .main-product .sub-title {
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
      position: absolute;
      top: 5px; }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-psstage2 .main-product .sub-title {
          font-size: 1em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-psstage2 .main-product .sub-title {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-psstage2 .main-product .sub-title {
          font-size: 0.95em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-psstage2 .main-product .sub-title {
          font-size: 0.85em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-psstage2 .main-product .sub-title {
          font-size: 0.7em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-psstage2 .main-product .sub-title {
          font-size: 0.65em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-psstage2 .main-product .sub-title {
          font-size: 0.6em; } }
      @media only screen and (max-width: 63.999em) {
        html body.page-template-page-psstage2 .main-product .sub-title {
          margin: 0;
          padding: 0;
          top: 0px; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-psstage2 .main-product .sub-title {
          top: -5px; } }
  html body.page-template-page-psstage2 .splashlight-logo {
    /*@include attribute_tiered( width, 800px, 700px, 50%, 50%, 80%, 80%, 80%);*/
    /*max-width:700px;*/
    width: 100%;
    /*@include attribute_tiered( width, 50%, 700px, 50%, 50%, 100%, 100%, 100% );*/ }
    @media only screen and (min-width: 90em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        max-width: 800px; } }
    @media only screen and (min-width: 64em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        /*margin-top:20px;*/
        /*position:absolute;*/
        /*right:10%;*/
        /*top:50%;*/
        /*@include v-center();*/ } }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        position: static;
        display: block;
        margin: 10px auto 0 auto;
        /*width:90%;*/
        /*padding:10px 0px;*/
        /*                    background-color:rgba(#000, .4 );*/
        /*border-radius:10px;*/ } }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-top: 20px; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-top: 20px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-top: 20px; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-top: 20px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-top: 20px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-top: 20px; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-top: 20px; } }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-bottom: 20px; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-bottom: 20px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-bottom: 20px; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-bottom: 20px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-bottom: 20px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-bottom: 20px; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-psstage2 .splashlight-logo {
        margin-bottom: 20px; } }
  @media only screen and (min-width: 120em) {
    html body.page-template-page-psstage2 .core-statement {
      font-size: 1.8em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    html body.page-template-page-psstage2 .core-statement {
      font-size: 1.5em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    html body.page-template-page-psstage2 .core-statement {
      font-size: 1.3em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    html body.page-template-page-psstage2 .core-statement {
      font-size: 1.2em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    html body.page-template-page-psstage2 .core-statement {
      font-size: 1.5em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    html body.page-template-page-psstage2 .core-statement {
      font-size: 1.2em; } }
  @media only screen and (max-width: 29.999em) {
    html body.page-template-page-psstage2 .core-statement {
      font-size: 1em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    html body.page-template-page-psstage2 .core-statement {
      padding-bottom: 35px; } }
  @media only screen and (max-width: 39.999em) {
    html body.page-template-page-psstage2 .core-statement {
      padding-bottom: 10px; } }
  @media only screen and (min-width: 64em) {
    html body.page-template-page-psstage2 .lower-right {
      position: absolute;
      right: 80px;
      bottom: 40px; } }
  @media only screen and (max-width: 63.999em) {
    html body.page-template-page-psstage2 .lower-right {
      display: block;
      position: static;
      /*      right:20px;
            bottom:20px;*/
      margin: 0 auto;
      padding: 10px; } }
  html body.page-template-page-psstage2 .biobadge {
    position: absolute;
    /*    max-width:250px;
        min-width:150px;
        @include attribute_tiered( width, 10%, 12%, 15%, 15%, 25%, 33%, 50%);*/
    position: absolute;
    top: 20px;
    right: 20px;
    /*    width:200px;*/
    /*max-width:250px;*/
    /*@include attribute_tiered( max-width, 250px, 250px, 150px, 150px, 200px, 200px, 200px );*/ }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-psstage2 .biobadge {
        width: 10%; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-psstage2 .biobadge {
        width: 8%; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-psstage2 .biobadge {
        width: 12%; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .biobadge {
        width: 33%; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .biobadge {
        width: 33%; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-psstage2 .biobadge {
        width: 50%; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-psstage2 .biobadge {
        width: 50%; } }
    @media only screen and (min-width: 80em) {
      html body.page-template-page-psstage2 .biobadge {
        max-width: 200px; } }
    @media only screen and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .biobadge {
        max-width: 125px; } }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .biobadge {
        display: none; } }
  html body.page-template-page-psstage2 .preorder-button-full {
    display: block;
    text-align: center; }
    @media only screen and (min-width: 64em) {
      html body.page-template-page-psstage2 .preorder-button-full {
        /*      position:absolute;
              right:80px;
              bottom:40px;*/ } }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .preorder-button-full {
        /*position:static;*/
        /*      right:20px;
              bottom:20px;*/
        margin: 0; } }
  html body.page-template-page-psstage2 .what-is-section {
    width: 50%;
    max-width: 600px;
    left: 0;
    right: 0; }
    @media screen and (min-width: 40em) and (max-aspect-ratio: 2 / 1) {
      html body.page-template-page-psstage2 .what-is-section {
        position: absolute;
        /*left:80px;*/
        bottom: 10px;
        /*@include h-center();*/ }
        html body.page-template-page-psstage2 .what-is-section .what-is-button {
          text-align: center;
          display: inline-block;
          width: 49%;
          /*@include hover-sub-slide-fade( "content", .8s, -100%, 0, 0, 0, 0.5s, 0 ,0 ,0 , 1 );*/ }
          html body.page-template-page-psstage2 .what-is-section .what-is-button > a {
            display: inline-block;
            width: 100%;
            /*width:280px;*/
            padding: 10px; } }
  @media only screen and (min-width: 40em) and (max-aspect-ratio: 2 / 1) and (min-width: 90em) {
    html body.page-template-page-psstage2 .what-is-section {
      bottom: 30px; }
      html body.page-template-page-psstage2 .what-is-section .what-is-button > a {
        padding: 30px 10px; } }

    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-psstage2 .what-is-section {
        font-size: .9em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-psstage2 .what-is-section {
        font-size: .9em; } }
    @media only screen and (max-width: 39.999em) {
      html body.page-template-page-psstage2 .what-is-section {
        position: static;
        min-width: 250px;
        width: 25%; }
        html body.page-template-page-psstage2 .what-is-section .what-is-button {
          /*text-align:center;*/
          /*@include hover-sub-slide-fade( "content", .8s, -100%, 0, 0, 0, 0.5s, 0 ,0 ,0 , 1 );*/ }
          html body.page-template-page-psstage2 .what-is-section .what-is-button > a {
            width: 80%;
            text-align: center; } }
    @media only screen and (min-width: 64em) and (min-aspect-ratio: 2 / 1), only screen and (max-width: 63.999em) and (min-aspect-ratio: 13 / 10) {
      html body.page-template-page-psstage2 .what-is-section {
        position: static;
        min-width: 250px;
        width: 80%; }
        html body.page-template-page-psstage2 .what-is-section .what-is-button {
          /*text-align:center;*/
          /*@include hover-sub-slide-fade( "content", .8s, -100%, 0, 0, 0, 0.5s, 0 ,0 ,0 , 1 );*/ }
          html body.page-template-page-psstage2 .what-is-section .what-is-button > a {
            width: 80%;
            text-align: center; } }
    html body.page-template-page-psstage2 .what-is-section .what-is-button > a {
      display: inline-block;
      /*padding: 0px 20px 20px 20px;*/
      padding: 20px;
      font-size: 1.2em;
      /*padding:20px;*/
      background-color: #ae89c0;
      color: #f0d6fc; }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-psstage2 .what-is-section .what-is-button > a {
          padding: 10px; } }
      @media only screen and (max-width: 39.999em) {
        html body.page-template-page-psstage2 .what-is-section .what-is-button > a {
          padding: 7px; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-psstage2 .what-is-section .what-is-button > a {
          font-size: 0.96em; } }
      @media only screen and (max-width: 39.999em) {
        html body.page-template-page-psstage2 .what-is-section .what-is-button > a {
          font-size: 0.72em; } }
      html body.page-template-page-psstage2 .what-is-section .what-is-button > a:hover {
        background-color: #bf9ad1;
        color: #fff; }
  html body.page-template-page-psstage2 img.body-inline-icon {
    width: 15px;
    margin: 0 10px; }
  html body.page-template-page-psstage2 .lighter.bold {
    color: #fff;
    /*  color:$accent_lighter_color;*/
    font-weight: bold;
    display: inline-block;
    padding: 0 1px 0 5px; }

@-webkit-keyframes fadeInDown50pckg {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    -moz-transform: translate3d(0, -10%, 0);
    -ms-transform: translate3d(0, -10%, 0);
    -o-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@-moz-keyframes fadeInDown50pckg {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    -moz-transform: translate3d(0, -10%, 0);
    -ms-transform: translate3d(0, -10%, 0);
    -o-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
@keyframes fadeInDown50pckg {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    -moz-transform: translate3d(0, -10%, 0);
    -ms-transform: translate3d(0, -10%, 0);
    -o-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }
html body.page-template-page-preorder, html body.page-template-page-shop {
  background-image: url("images/Biolumin-essence-glowing.jpg") !important;
  /*background-image: url(  'images/Girls-Enjoying-Splashlight---stage2-shop-bg-x800.jpg' );*/
  padding: 0px;
  background-size: auto !important;
  background-position: top right !important;
  background-color: #000018; }
  @media only screen and (min-width: 90em) {
    html body.page-template-page-preorder, html body.page-template-page-shop {
      background-image: url("images/Biolumin-essence-glowing.jpg") !important;
      /*background-image: url(  'images/Girls-Enjoying-Splashlight---stage2-shop-bg-x2800.jpg' );*/ } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    html body.page-template-page-preorder, html body.page-template-page-shop {
      background-position: top left !important;
      background-image: url("images/Biolumin-essence-glowing-small.jpg") !important;
      /*background-image: url(  'images/Girls-Enjoying-Splashlight---stage2-shop-bg-x1920.jpg' );*/ } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    html body.page-template-page-preorder, html body.page-template-page-shop {
      background-position: top left !important;
      background-image: url("images/Biolumin-essence-glowing-small.jpg") !important;
      /*background-image: url(  'images/Girls-Enjoying-Splashlight---stage2-shop-bg-x1920.jpg' );*/ } }
  @media only screen and (max-width: 63.999em) {
    html body.page-template-page-preorder, html body.page-template-page-shop {
      /*background-size:contain;*/
      background-position: top left !important;
      background-image: url("images/Biolumin-essence-glowing-small.jpg") !important;
      /*background-image: url(  'images/Girls-Enjoying-Splashlight---stage2-shop-bg-x800.jpg' );*/ } }
  html body.page-template-page-preorder .half-header, html body.page-template-page-shop .half-header {
    /*   margin-top:75px;
      @media only screen and (min-width:90em){
        margin-top:50px;
      }
      @media only screen and (max-width: 39.999em){
        margin-top:0;
        height:0px;
      }*/ }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-preorder .half-header, html body.page-template-page-shop .half-header {
        margin-top: 80px; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-preorder .half-header, html body.page-template-page-shop .half-header {
        margin-top: 80px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-preorder .half-header, html body.page-template-page-shop .half-header {
        margin-top: 75px; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-preorder .half-header, html body.page-template-page-shop .half-header {
        margin-top: 75px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-preorder .half-header, html body.page-template-page-shop .half-header {
        margin-top: 75px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-preorder .half-header, html body.page-template-page-shop .half-header {
        margin-top: 0px; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-preorder .half-header, html body.page-template-page-shop .half-header {
        margin-top: 0px; } }
  html body.page-template-page-preorder header, html body.page-template-page-shop header {
    padding: 0 !important;
    /*@include aspect-ratio( 1920, 300 );*/ }
    @media only screen and (min-width: 90em) {
      html body.page-template-page-preorder header, html body.page-template-page-shop header {
        /*min-height:300px;*/ } }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-preorder header, html body.page-template-page-shop header {
        /*min-height:100px;*/ } }
  html body.page-template-page-preorder p, html body.page-template-page-shop p {
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif; }
  html body.page-template-page-preorder .product, html body.page-template-page-shop .product {
    background-color: rgba(255, 255, 255, 0.2);
    border-top: 4px solid white;
    border-bottom: 4px solid white;
    /*position:relative;*/
    padding: 0px 0px 5px 0px; }
    html body.page-template-page-preorder .product h1.product-title, html body.page-template-page-shop .product h1.product-title {
      margin-top: 0px;
      margin-bottom: 5px;
      text-align: left;
      position: absolute;
      left: 0;
      padding-left: 20px;
      z-index: 1;
      /*text-align:center;*/ }
      @media only screen and (min-width: 90em) {
        html body.page-template-page-preorder .product h1.product-title, html body.page-template-page-shop .product h1.product-title {
          /*margin-top:-10px;*/ } }
      html body.page-template-page-preorder .product h1.product-title .price, html body.page-template-page-shop .product h1.product-title .price {
        font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*color:$secondary_light;*/
        color: #39B54A;
        display: inline-block;
        white-space: nowrap; }
        html body.page-template-page-preorder .product h1.product-title .price .sale, html body.page-template-page-shop .product h1.product-title .price .sale {
          color: #007106;
          font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
          font-size: .8em;
          font-style: italic;
          /*                  display:inline-block;
                            @include scale3d( .6, 1, 1 );
                            @include transform_origin( left center )*/ }
          html body.page-template-page-preorder .product h1.product-title .price .sale .suffix, html body.page-template-page-shop .product h1.product-title .price .sale .suffix {
            font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-size: .6em;
            vertical-align: 25%; }
          html body.page-template-page-preorder .product h1.product-title .price .sale .amount, html body.page-template-page-shop .product h1.product-title .price .sale .amount {
            /*color:$hightlight_color;*/
            font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
            /*font-size:1.5em;*/ }
    @media only screen and (min-width: 64em) {
      html body.page-template-page-preorder .product .package-image, html body.page-template-page-shop .product .package-image {
        width: 25%; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-preorder .product .package-image, html body.page-template-page-shop .product .package-image {
        width: 40%; } }
    @media only screen and (max-width: 39.999em) {
      html body.page-template-page-preorder .product .package-image, html body.page-template-page-shop .product .package-image {
        width: 25%; } }
    html body.page-template-page-preorder .product .description, html body.page-template-page-shop .product .description {
      padding-bottom: 0px;
      text-align: left;
      background: rgba(255, 255, 255, 0.6);
      padding: 10px;
      /*color:$primary_mid;*/
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
      html body.page-template-page-preorder .product .description p, html body.page-template-page-shop .product .description p {
        /*@include font_size_tiered( 1em, 1em, 1em, 1em, 1.2em, .8em, .8em );*/
        /*font-size:1.5em;*/
        /*@include site_fontsize_tier( 1.3em, .5);*/
        font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
        margin-top: 5px;
        margin-bottom: 5px; }
        @media only screen and (min-width: 120em) {
          html body.page-template-page-preorder .product .description p, html body.page-template-page-shop .product .description p {
            font-size: 1.1em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body.page-template-page-preorder .product .description p, html body.page-template-page-shop .product .description p {
            font-size: 1.1em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body.page-template-page-preorder .product .description p, html body.page-template-page-shop .product .description p {
            font-size: 1.1em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body.page-template-page-preorder .product .description p, html body.page-template-page-shop .product .description p {
            font-size: 1.1em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body.page-template-page-preorder .product .description p, html body.page-template-page-shop .product .description p {
            font-size: 1.1em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body.page-template-page-preorder .product .description p, html body.page-template-page-shop .product .description p {
            font-size: 1em; } }
        @media only screen and (max-width: 29.999em) {
          html body.page-template-page-preorder .product .description p, html body.page-template-page-shop .product .description p {
            font-size: 1em; } }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-preorder .product .description, html body.page-template-page-shop .product .description {
          font-size: 0.8em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-preorder .product .description, html body.page-template-page-shop .product .description {
          font-size: 0.8em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-preorder .product .description, html body.page-template-page-shop .product .description {
          font-size: 0.785em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-preorder .product .description, html body.page-template-page-shop .product .description {
          font-size: 0.755em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .product .description, html body.page-template-page-shop .product .description {
          font-size: 0.71em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-preorder .product .description, html body.page-template-page-shop .product .description {
          font-size: 0.695em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-preorder .product .description, html body.page-template-page-shop .product .description {
          font-size: 0.68em; } }
  html body.page-template-page-preorder .shop-packages-display, html body.page-template-page-shop .shop-packages-display {
    padding: 40px 30px;
    /*     padding-left:40px;
         padding-right:40px;  */ }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-preorder .shop-packages-display, html body.page-template-page-shop .shop-packages-display {
        padding-left: 10px;
        padding-right: 10px; } }
    html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails {
      text-align: center;
      /*padding-top:10px;*/
      max-height: 50px; }
      html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail {
        display: inline-block;
        vertical-align: top;
        position: relative;
        /*z-index:1;*/
        /*overflow:hidden;*/
        /*max-height:360px;*/
        -webkit-transition-property: background-color, border, border-radius, width;
        -moz-transition-property: background-color, border, border-radius, width;
        -ms-transition-property: background-color, border, border-radius, width;
        -o-transition-property: background-color, border, border-radius, width;
        transition-property: background-color, border, border-radius, width;
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -ms-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s;
        background-color: rgba(0, 0, 54, 0.2);
        /*border: transparent 1px solid;*/
        margin: 0 12px;
        /*margin-top:6px;*/
        /*border:rgba( #fff, 0 ) 2px solid;*/
        opacity: 0;
        /*@include fade_in_move( fadeInDown50pckg , 0, -100%);*/
        /*      @include assign_animation_name( fadeInDown50pckg);
              @include define_animation_profile( .5s );*/
        /*@include define-animation-delay( 10s );*/ }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail img.sold-out, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail img.sold-out {
          position: absolute;
          width: 25%;
          top: 0;
          left: 0;
          z-index: 100; }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap {
          position: relative;
          z-index: 2;
          padding: 10px 0 0 0;
          -webkit-transition-property: padding;
          -moz-transition-property: padding;
          -ms-transition-property: padding;
          -o-transition-property: padding;
          transition-property: padding;
          -webkit-transition-duration: 0.5s;
          -moz-transition-duration: 0.5s;
          -ms-transition-duration: 0.5s;
          -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
          /*position:absolute;*/
          width: 100%;
          text-align: center;
          top: 0;
          left: 0; }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p {
            -webkit-font-smoothing: antialiased;
            -webkit-backface-visibility: hidden; }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
            /*@include font_size_tiered( 1.5em , 1.5em, 1.5em, 1.5em, 1.1em, .7em, .5em);*/
            line-height: 1em;
            color: #000036;
            /*position:absolute;*/
            /*width:100%;*/
            text-align: center;
            /*        top:0;
                    left:0;*/
            margin: 0;
            -webkit-transition-property: opacity color;
            -moz-transition-property: opacity color;
            -ms-transition-property: opacity color;
            -o-transition-property: opacity color;
            transition-property: opacity color;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
            /*@include font_size_tiered( 1em , 1em, 1em, 1em, .7em, .4em, .3em);*/
            color: #4a558a;
            /*color:$primary_darker;*/
            line-height: 1em;
            -webkit-transition-property: opacity color max-height;
            -moz-transition-property: opacity color max-height;
            -ms-transition-property: opacity color max-height;
            -o-transition-property: opacity color max-height;
            transition-property: opacity color max-height;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            margin: 0;
            max-height: 20px;
            font-style: italic; }
            @media only screen and (max-width: 39.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
                opacity: 0;
                font-size: 0;
                max-height: 0px; } }
            @media only screen and (min-width: 120em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h {
                height: 12px; } }
            @media only screen and (min-width: 90em) and (max-width: 119.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h {
                height: 12px; } }
            @media only screen and (min-width: 80em) and (max-width: 89.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h {
                height: 10px; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h {
                height: 10px; } }
            @media only screen and (min-width: 40em) and (max-width: 63.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h {
                height: 10px; } }
            @media only screen and (min-width: 30em) and (max-width: 39.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h {
                height: 10px; } }
            @media only screen and (max-width: 29.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h {
                height: 10px; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em), only screen and (min-width: 80em) and (max-width: 89.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle img.body-inline-icon-h {
                vertical-align: 0 !important; } }
          @media only screen and (max-width: 39.999em) {
            html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap {
              padding: 5px 0 0 0; } }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap .body-inline-icon-h, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .title-wrap .body-inline-icon-h {
            margin: 0; }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .product-thumbnail-inner-wrap, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .product-thumbnail-inner-wrap {
          display: block;
          width: 100%;
          overflow: hidden; }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .pt-outer-inner-wrap, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .pt-outer-inner-wrap {
          display: block;
          width: 100%;
          overflow: hidden;
          position: relative; }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .pt-outer-inner-wrap img.product-image-main, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .pt-outer-inner-wrap img.product-image-main {
            width: 100%;
            /*@include transform_origin( bottom center );*/
            -webkit-transition-property: transform;
            -moz-transition-property: transform;
            -ms-transition-property: transform;
            -o-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -moz-transform: scale(0.9);
            -o-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -webkit-transform: scale(0.9);
            transform: scale(0.9); }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail:hover, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail:hover {
          background-color: rgba(0, 0, 54, 0.1);
          /*border: rgba( $primary_darker, 1 ) 1px solid;*/ }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail:hover img.product-image-main, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail:hover img.product-image-main {
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail.active, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail.active {
          /*border:#fff 0px solid;*/
          background-color: white;
          border-radius: 10px 10px 0 0; }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail.active img.product-image-main, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail.active img.product-image-main {
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1); }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail.active .title-wrap, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail.active .title-wrap {
            /*opacity:0;*/ }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail.active:after, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail.active:after {
            position: absolute;
            top: 100%;
            /*margin-top:5px;*/
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            content: "";
            border: inset 10px;
            border-color: #fff transparent transparent transparent;
            border-style: solid;
            /*top:50%;*/
            /*margin-top:- $size / 2;*/
            width: 0;
            height: 0;
            /*margin-right:20px;*/
            /*margin-left:-10px;*/ }
        @media only screen and (min-width: 64em) {
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail {
            min-width: 165px; } }
        @media only screen and (max-width: 63.999em) {
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail {
            /*width:25%;*/
            /*margin:10px 5px 0 5px;*/
            margin: 0 5px; } }
        @media only screen and (max-width: 29.999em) {
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail {
            /*width:29%;*/
            /*width:*/
            /*margin:5px 5px 12px 5px;*/ } }
        @media only screen and (max-width: 39.999em) {
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail {
            /*width:45%;*/
            /*width:*/
            /*margin:5px 5px 12px 5px;*/ } }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .you-save, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .you-save {
          position: absolute;
          height: auto;
          width: 60%;
          bottom: -20%;
          right: -5%;
          z-index: 1;
          opacity: 1;
          -webkit-transition-property: opacity;
          -moz-transition-property: opacity;
          -ms-transition-property: opacity;
          -o-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-duration: 0.5s;
          -moz-transition-duration: 0.5s;
          -ms-transition-duration: 0.5s;
          -o-transition-duration: 0.5s;
          transition-duration: 0.5s; }
          @media only screen and (max-width: 39.999em) {
            html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .you-save, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .you-save {
              width: 80%;
              bottom: -30%;
              right: -5%; } }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner {
          line-height: 0;
          text-align: left;
          position: absolute;
          width: 100%;
          left: 0;
          bottom: 0;
          padding: 10px;
          opacity: 1;
          background-color: rgba(0, 0, 24, 0.8);
          -webkit-transition-property: opacity;
          -moz-transition-property: opacity;
          -ms-transition-property: opacity;
          -o-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-duration: 0.5s;
          -moz-transition-duration: 0.5s;
          -ms-transition-duration: 0.5s;
          -o-transition-duration: 0.5s;
          transition-duration: 0.5s; }
          @media only screen and (max-width: 39.999em) {
            html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner {
              padding: 2px; } }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price {
            color: #41c4fa;
            display: inline-block;
            line-height: 1em;
            vertical-align: 0;
            font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
            text-decoration: line-through;
            /*font-size:.8em;*/
            /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
              $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
              $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
              $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
              $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
            font-style: italic; }
            @media only screen and (min-width: 120em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price {
                font-size: 0.8em; } }
            @media only screen and (min-width: 90em) and (max-width: 119.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price {
                font-size: 0.8em; } }
            @media only screen and (min-width: 80em) and (max-width: 89.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price {
                font-size: 0.76em; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price {
                font-size: 0.68em; } }
            @media only screen and (min-width: 40em) and (max-width: 63.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price {
                font-size: 0.56em; } }
            @media only screen and (min-width: 30em) and (max-width: 39.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price {
                font-size: 0.52em; } }
            @media only screen and (max-width: 29.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price {
                font-size: 0.48em; } }
            @media only screen and (max-width: 39.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .regular-price {
                display: none; } }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale {
            line-height: 1em;
            vertical-align: top;
            float: right;
            color: #39B54A;
            /*font-size:1.2rem;*/
            /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
              $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
              $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
              $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
              $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
            height: 100%;
            padding: 0px 5px;
            background-color: rgba(255, 255, 255, 0.1); }
            @media only screen and (min-width: 120em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale {
                font-size: 1.2em; } }
            @media only screen and (min-width: 90em) and (max-width: 119.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale {
                font-size: 1.2em; } }
            @media only screen and (min-width: 80em) and (max-width: 89.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale {
                font-size: 1.14em; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale {
                font-size: 1.02em; } }
            @media only screen and (min-width: 40em) and (max-width: 63.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale {
                font-size: 0.84em; } }
            @media only screen and (min-width: 30em) and (max-width: 39.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale {
                font-size: 0.78em; } }
            @media only screen and (max-width: 29.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale {
                font-size: 0.72em; } }
            @media only screen and (max-width: 39.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .sale {
                padding: 0; } }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price {
            display: inline-block;
            line-height: 1em;
            vertical-align: top;
            /*font-size:1.2rem;*/
            /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
              $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
              $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
              $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
              $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
            color: #bbe6fb; }
            @media only screen and (min-width: 120em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price {
                font-size: 1.2em; } }
            @media only screen and (min-width: 90em) and (max-width: 119.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price {
                font-size: 1.2em; } }
            @media only screen and (min-width: 80em) and (max-width: 89.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price {
                font-size: 1.14em; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price {
                font-size: 1.02em; } }
            @media only screen and (min-width: 40em) and (max-width: 63.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price {
                font-size: 0.84em; } }
            @media only screen and (min-width: 30em) and (max-width: 39.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price {
                font-size: 0.78em; } }
            @media only screen and (max-width: 29.999em) {
              html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .price-banner .current-price {
                font-size: 0.72em; } }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail img.deal, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail img.deal {
          position: absolute;
          left: 0;
          margin-left: -15%;
          bottom: 96%;
          width: 60%;
          min-width: 120px;
          opacity: 1;
          -webkit-transition-property: opacity;
          -moz-transition-property: opacity;
          -ms-transition-property: opacity;
          -o-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-duration: 0.5s;
          -moz-transition-duration: 0.5s;
          -ms-transition-duration: 0.5s;
          -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
          /*@include rotate(-45);*/ }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail img.new-badge, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail img.new-badge {
          position: absolute;
          left: 0;
          margin-top: -35%;
          margin-left: -20%;
          /*top:-25%;*/
          width: 50%;
          /*maximum-width:*/
          opacity: 1;
          /*z-index:1;*/
          -webkit-transition-property: opacity;
          -moz-transition-property: opacity;
          -ms-transition-property: opacity;
          -o-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-duration: 0.5s;
          -moz-transition-duration: 0.5s;
          -ms-transition-duration: 0.5s;
          -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
          z-index: 0; }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap {
          width: 100%;
          position: absolute;
          z-index: -1;
          bottom: 100%;
          left: 0;
          text-align: center;
          overflow: hidden; }
          @media only screen and (min-width: 40em) {
            html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap:before, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap:before {
              content: '';
              float: left;
              padding-bottom: 20.8%; }
            html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap:after, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap:after {
              content: '';
              display: table;
              clear: both; } }
          @media only screen and (max-width: 39.999em) {
            html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap:before, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap:before {
              content: '';
              float: left;
              padding-bottom: 43.2%; }
            html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap:after, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap:after {
              content: '';
              display: table;
              clear: both; } }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap .accent-inner-wrap, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap .accent-inner-wrap {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0; }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap .accent-image, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail .accent-wrap .accent-image {
            position: relative;
            moz-transform-origin: bottom center;
            -o-transform-origin: bottom center;
            -ms-transform-origin: bottom center;
            -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
            -webkit-transition-property: transform, opacity, top, bottom;
            -moz-transition-property: transform, opacity, top, bottom;
            -ms-transition-property: transform, opacity, top, bottom;
            -o-transition-property: transform, opacity, top, bottom;
            transition-property: transform, opacity, top, bottom;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -moz-transform: scale(0.6);
            -o-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
            opacity: 1;
            width: auto;
            height: 100%;
            top: 25%;
            /*            @media only screen and (min-width:64em){
                          top: 25% ;
                        }
                        @media only screen and (max-width:63.999em){
                                                    width:100%;
                                      height:auto;
                          height:80%;
                          bottom:-25%;
                        }*/
            /*        @media only screen and (max-width: 39.999em){
                      width:150%;
                      max-width:none;
                      @include h-center;
                    }*/ }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail:not(.shrunk) .accent-image, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail:not(.shrunk) .accent-image {
          /*display:none;*/
          opacity: 0;
          -moz-transform: scale(0.6);
          -o-transform: scale(0.6);
          -ms-transform: scale(0.6);
          -webkit-transform: scale(0.6);
          transform: scale(0.6); }
        html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk {
          /*&:not(.fully-hidden.active){*/
          opacity: 1;
          -moz-transform: scale(0.6);
          -o-transform: scale(0.6);
          -ms-transform: scale(0.6);
          -webkit-transform: scale(0.6);
          transform: scale(0.6);
          /*}*/
          /*        &.active{
                    &:hover{
                      .accent-image{
                        @include scale( .8 );
                      }
                    }
                  }*/ }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk.fully-hidden:not(.active) .accent-image, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk.fully-hidden:not(.active) .accent-image {
            /*display:block;*/
            /*@include define-animation-delay( 10s );*/
            opacity: 1;
            -moz-transform: scale(0.6);
            -o-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
            /*transform*/ }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk.active:not(.fully-hidden), html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk.active:not(.fully-hidden) {
            opacity: 1;
            -moz-transform: scale(0.6);
            -o-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -webkit-transform: scale(0.6);
            transform: scale(0.6); }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk.active .accent-image, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk.active .accent-image {
            /*display:block;*/
            opacity: 1;
            -moz-transform: scale(0.9);
            -o-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            /*                      @media only screen and (min-width:64em){
                                    top: 0 ;
                                  }
                                  @media only screen and (max-width:63.999em){
            
                                    bottom:auto;
                                  }*/
            top: 0;
            /*transform*/ }
          html body.page-template-page-preorder .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk:not(.active):hover .accent-image, html body.page-template-page-shop .shop-packages-display .display-container.thumbnails a.package-thumbnail.shrunk:not(.active):hover .accent-image {
            -moz-transform: scale(0.7);
            -o-transform: scale(0.7);
            -ms-transform: scale(0.7);
            -webkit-transform: scale(0.7);
            transform: scale(0.7);
            /*                @media only screen and (min-width:64em){
                              top: 10% ;
                            }
                            @media only screen and (max-width:63.999em){
            
                              bottom:-10%;
                            }*/
            top: 10%; }
    html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail {
      width: 30%; }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.5em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.5em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.5em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.3em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 0.7em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 0.8em; } }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 0.7em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 0.4em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 0.3em; } }
      html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
        /*@include font_size_tiered( 1.5em , 1.5em, 1.5em, 1.5em, 1.1em, .7em, .5em);*/ }
      html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.subtitle {
        /*@include font_size_tiered( 1em , 1em, 1em, 1em, .7em, .4em, .3em);*/ }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-preorder .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display.item-count-3 .display-container.thumbnails a.package-thumbnail {
        width: 29%; } }
    html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail {
      margin: 0 2px;
      width: 24%; }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.5em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.5em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.4em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.4em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 0.8em; } }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 0.7em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 0.4em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 0.3em; } }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1.5em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1.5em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1.4em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1.4em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1.1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 0.65em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 0.6em; } }
      html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.subtitle {
        /*@include font_size_tiered( 1em , 1em, 1em, 1em, .7em, .4em, .3em);*/ }
    @media only screen and (max-width: 39.999em) {
      html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail {
        width: 45%;
        margin: 10px 5px 0 5px; }
        html body.page-template-page-preorder .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping, html body.page-template-page-shop .shop-packages-display.item-count-4 .display-container.thumbnails a.package-thumbnail.shopping {
          width: 22.5%;
          margin: 0 2px; } }
    html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail {
      margin: 0 2px;
      width: 19%; }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.2em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.2em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1.1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 1em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.title {
          font-size: 0.8em; } }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 0.7em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 0.4em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail .title-wrap p.subtitle {
          font-size: 0.3em; } }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1.2em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1.2em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1.1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 0.9em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.title {
          font-size: 0.6em; } }
      html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.subtitle, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping .title-wrap p.subtitle {
        /*@include font_size_tiered( 1em , 1em, 1em, 1em, .7em, .4em, .3em);*/ }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail {
        width: 45%;
        margin: 10px 5px 0 5px; }
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping {
          width: 17%;
          margin: 0 2px; } }
    @media only screen and (max-width: 39.999em) {
      html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail {
        width: 45%;
        margin: 10px 5px 0 5px; }
        html body.page-template-page-preorder .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping, html body.page-template-page-shop .shop-packages-display.item-count-5 .display-container.thumbnails a.package-thumbnail.shopping {
          width: 17%;
          margin: 0 2px; } }
    html body.page-template-page-preorder .shop-packages-display .displays-container.packages, html body.page-template-page-shop .shop-packages-display .displays-container.packages {
      position: relative;
      /*height:0px;*/
      /*@include fade_in_move( fadeInDown50pckg , 0, -100%);*/
      /*    @include assign_animation_name( fadeInDown50pckg);
          @include define_animation_profile( .1s );*/ }
      html body.page-template-page-preorder .shop-packages-display .displays-container.packages > .display-container, html body.page-template-page-shop .shop-packages-display .displays-container.packages > .display-container {
        position: absolute;
        opacity: 0;
        /*overflow:hidden;*/
        /*max-height:0px;*/
        /*@include transition-property( max-height );*/
        /*@include transition-duration( 1s );*/
        /*display:none;*/
        /*display:none;*/
        height: 0px; }
        html body.page-template-page-preorder .shop-packages-display .displays-container.packages > .display-container.active, html body.page-template-page-preorder .shop-packages-display .displays-container.packages > .display-container.transitioning, html body.page-template-page-shop .shop-packages-display .displays-container.packages > .display-container.active, html body.page-template-page-shop .shop-packages-display .displays-container.packages > .display-container.transitioning {
          display: block; }
      html body.page-template-page-preorder .shop-packages-display .displays-container.packages.active, html body.page-template-page-shop .shop-packages-display .displays-container.packages.active {
        opacity: 1;
        /*height:auto;*/ }
  html body.page-template-page-preorder .shop-packages-display.shopping .displays-container.packages, html body.page-template-page-shop .shop-packages-display.shopping .displays-container.packages {
    z-index: auto; }
  html body.page-template-page-preorder .shop-packages-display:not(.shopping) .displays-container.packages, html body.page-template-page-shop .shop-packages-display:not(.shopping) .displays-container.packages {
    z-index: -1; }
  html body.page-template-page-preorder .products-footer, html body.page-template-page-shop .products-footer {
    text-align: right;
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
    margin-top: 0px;
    font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-preorder .products-footer, html body.page-template-page-shop .products-footer {
        font-size: 1.5em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-preorder .products-footer, html body.page-template-page-shop .products-footer {
        font-size: 1.5em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-preorder .products-footer, html body.page-template-page-shop .products-footer {
        font-size: 1.44em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-preorder .products-footer, html body.page-template-page-shop .products-footer {
        font-size: 1.32em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-preorder .products-footer, html body.page-template-page-shop .products-footer {
        font-size: 1.14em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-preorder .products-footer, html body.page-template-page-shop .products-footer {
        font-size: 1.08em; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-preorder .products-footer, html body.page-template-page-shop .products-footer {
        font-size: 1.02em; } }
  html body.page-template-page-preorder div.info, html body.page-template-page-shop div.info {
    /*text-align:center;*/
    padding-top: 10px;
    padding-bottom: 0px;
    /*padding:10px 20px 0px 20px;*/ }
    html body.page-template-page-preorder div.info div > ul, html body.page-template-page-preorder div.info > ul, html body.page-template-page-shop div.info div > ul, html body.page-template-page-shop div.info > ul {
      /*text-align:left;*/
      list-style: none;
      padding-left: 10px; }
      html body.page-template-page-preorder div.info div > ul > li, html body.page-template-page-preorder div.info > ul > li, html body.page-template-page-shop div.info div > ul > li, html body.page-template-page-shop div.info > ul > li {
        /*text-align:left;*/
        /*@include font_size_tiered( 1em,  1em,  .7em,  .6em,  1em,  1em,  .7em);*/
        /*@include site_fontsize_tier( 1em, 0 );*/
        /*           padding-bottom:15px;*/
        line-height: 1.1em; }
        @media only screen and (min-width: 120em) {
          html body.page-template-page-preorder div.info div > ul > li, html body.page-template-page-preorder div.info > ul > li, html body.page-template-page-shop div.info div > ul > li, html body.page-template-page-shop div.info > ul > li {
            padding-bottom: 10px; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body.page-template-page-preorder div.info div > ul > li, html body.page-template-page-preorder div.info > ul > li, html body.page-template-page-shop div.info div > ul > li, html body.page-template-page-shop div.info > ul > li {
            padding-bottom: 10px; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body.page-template-page-preorder div.info div > ul > li, html body.page-template-page-preorder div.info > ul > li, html body.page-template-page-shop div.info div > ul > li, html body.page-template-page-shop div.info > ul > li {
            padding-bottom: 5px; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body.page-template-page-preorder div.info div > ul > li, html body.page-template-page-preorder div.info > ul > li, html body.page-template-page-shop div.info div > ul > li, html body.page-template-page-shop div.info > ul > li {
            padding-bottom: 7px; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body.page-template-page-preorder div.info div > ul > li, html body.page-template-page-preorder div.info > ul > li, html body.page-template-page-shop div.info div > ul > li, html body.page-template-page-shop div.info > ul > li {
            padding-bottom: 10px; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body.page-template-page-preorder div.info div > ul > li, html body.page-template-page-preorder div.info > ul > li, html body.page-template-page-shop div.info div > ul > li, html body.page-template-page-shop div.info > ul > li {
            padding-bottom: 15px; } }
        @media only screen and (max-width: 29.999em) {
          html body.page-template-page-preorder div.info div > ul > li, html body.page-template-page-preorder div.info > ul > li, html body.page-template-page-shop div.info div > ul > li, html body.page-template-page-shop div.info > ul > li {
            padding-bottom: 5px; } }
        html body.page-template-page-preorder div.info div > ul > li span, html body.page-template-page-preorder div.info div > ul > li strong, html body.page-template-page-preorder div.info > ul > li span, html body.page-template-page-preorder div.info > ul > li strong, html body.page-template-page-shop div.info div > ul > li span, html body.page-template-page-shop div.info div > ul > li strong, html body.page-template-page-shop div.info > ul > li span, html body.page-template-page-shop div.info > ul > li strong {
          font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif; }
        html body.page-template-page-preorder div.info div > ul > li span.sale, html body.page-template-page-preorder div.info > ul > li span.sale, html body.page-template-page-shop div.info div > ul > li span.sale, html body.page-template-page-shop div.info > ul > li span.sale {
          color: #39B54A;
          font-weight: 800; }
        html body.page-template-page-preorder div.info div > ul > li > ul, html body.page-template-page-preorder div.info > ul > li > ul, html body.page-template-page-shop div.info div > ul > li > ul, html body.page-template-page-shop div.info > ul > li > ul {
          padding-left: 30px;
          padding-bottom: 0px;
          padding-top: 5px; }
          html body.page-template-page-preorder div.info div > ul > li > ul > li, html body.page-template-page-preorder div.info > ul > li > ul > li, html body.page-template-page-shop div.info div > ul > li > ul > li, html body.page-template-page-shop div.info > ul > li > ul > li {
            /*@include font_size_tiered( .8em,  .8em,  .8em,  .8em,  1em,  1em,  .7em);*/
            font-size: 1em; }
            @media only screen and (min-width: 120em) {
              html body.page-template-page-preorder div.info div > ul > li > ul > li, html body.page-template-page-preorder div.info > ul > li > ul > li, html body.page-template-page-shop div.info div > ul > li > ul > li, html body.page-template-page-shop div.info > ul > li > ul > li {
                padding-bottom: 5px; } }
            @media only screen and (min-width: 90em) and (max-width: 119.999em) {
              html body.page-template-page-preorder div.info div > ul > li > ul > li, html body.page-template-page-preorder div.info > ul > li > ul > li, html body.page-template-page-shop div.info div > ul > li > ul > li, html body.page-template-page-shop div.info > ul > li > ul > li {
                padding-bottom: 5px; } }
            @media only screen and (min-width: 80em) and (max-width: 89.999em) {
              html body.page-template-page-preorder div.info div > ul > li > ul > li, html body.page-template-page-preorder div.info > ul > li > ul > li, html body.page-template-page-shop div.info div > ul > li > ul > li, html body.page-template-page-shop div.info > ul > li > ul > li {
                padding-bottom: 2px; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
              html body.page-template-page-preorder div.info div > ul > li > ul > li, html body.page-template-page-preorder div.info > ul > li > ul > li, html body.page-template-page-shop div.info div > ul > li > ul > li, html body.page-template-page-shop div.info > ul > li > ul > li {
                padding-bottom: 3px; } }
            @media only screen and (min-width: 40em) and (max-width: 63.999em) {
              html body.page-template-page-preorder div.info div > ul > li > ul > li, html body.page-template-page-preorder div.info > ul > li > ul > li, html body.page-template-page-shop div.info div > ul > li > ul > li, html body.page-template-page-shop div.info > ul > li > ul > li {
                padding-bottom: 5px; } }
            @media only screen and (min-width: 30em) and (max-width: 39.999em) {
              html body.page-template-page-preorder div.info div > ul > li > ul > li, html body.page-template-page-preorder div.info > ul > li > ul > li, html body.page-template-page-shop div.info div > ul > li > ul > li, html body.page-template-page-shop div.info > ul > li > ul > li {
                padding-bottom: 5px; } }
            @media only screen and (max-width: 29.999em) {
              html body.page-template-page-preorder div.info div > ul > li > ul > li, html body.page-template-page-preorder div.info > ul > li > ul > li, html body.page-template-page-shop div.info div > ul > li > ul > li, html body.page-template-page-shop div.info > ul > li > ul > li {
                padding-bottom: 5px; } }
            html body.page-template-page-preorder div.info div > ul > li > ul > li:last-child, html body.page-template-page-preorder div.info > ul > li > ul > li:last-child, html body.page-template-page-shop div.info div > ul > li > ul > li:last-child, html body.page-template-page-shop div.info > ul > li > ul > li:last-child {
              padding-bottom: 0px; }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-preorder div.info, html body.page-template-page-shop div.info {
        /*padding: 0px;*/
        /*padding: 5px;*/ } }
    html body.page-template-page-preorder div.info .info-read-more, html body.page-template-page-shop div.info .info-read-more {
      padding: 2px; }
      html body.page-template-page-preorder div.info .info-read-more > a, html body.page-template-page-shop div.info .info-read-more > a {
        padding: 5px; }
  html body.page-template-page-preorder .product-info, html body.page-template-page-shop .product-info {
    /*  .package-image{
          width:60%;
          @media only screen and (min-width:64em) and (max-width:79.9999em){
              width:50%;
          }
          @media only screen and (min-width:40em) and (max-width:63.999em){
              width:50%;
          }
      }*/ }
    @media only screen and (max-width: 79.9999em) {
      html body.page-template-page-preorder .product-info, html body.page-template-page-shop .product-info {
        margin-top: 0px; } }
  html body.page-template-page-preorder .article_content_wrapper .entry-content, html body.page-template-page-shop .article_content_wrapper .entry-content {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important; }
  html body.page-template-page-preorder .entry-content, html body.page-template-page-shop .entry-content {
    /*padding-top:2% !important;*/
    padding-top: 0 !important;
    /*      img.shipping-ad{
            position:absolute;
            right:0;
            top:0;
                  right:0;
            width:100px;
    
            margin-right:20px;
            margin-left:5px;
            margin-top:-75px;
            @media only screen and (max-width:63.999em){
              float:right;
              position:static;
              width:80px;
              margin-top:-25px;
              margin-right:5px;        
            }
            @media only screen and (max-width: 39.999em){
                      float:left;
                      position:static;
              width:60px;
              margin-top:-25px;
            }
          }*/ }
    html body.page-template-page-preorder .entry-content .sub-title, html body.page-template-page-shop .entry-content .sub-title {
      /*padding:0;*/
      margin: 0;
      /*              @include site_fontsize_tier( 1.5em, 0 );*/
      padding: 0px 0px 0px 0px;
      /*width:70%;*/
      margin: 0 auto; }
    html body.page-template-page-preorder .entry-content .shopping-notes, html body.page-template-page-shop .entry-content .shopping-notes {
      /*      border-top: 1px rgba( $primary_darker, .2) inset;
            border-bottom: 1px  rgba( $primary_darker, .2)  inset;*/
      margin: 6px 0px;
      padding: 3px 0 5px 0; }
      html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title {
        font-style: italic;
        line-height: 1.2em;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
        /*padding:5px 20px 0px 20px;*/ }
        @media only screen and (min-width: 120em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title {
            font-size: 0.9em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title {
            font-size: 0.9em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title {
            font-size: 0.855em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title {
            font-size: 0.765em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title {
            font-size: 0.63em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title {
            font-size: 0.585em; } }
        @media only screen and (max-width: 29.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title {
            font-size: 0.54em; } }
        html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title, html body.page-template-page-preorder .entry-content .shopping-notes p.sub-title *, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title, html body.page-template-page-shop .entry-content .shopping-notes p.sub-title * {
          font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif !important; }
      html body.page-template-page-preorder .entry-content .shopping-notes p.special-message, html body.page-template-page-shop .entry-content .shopping-notes p.special-message {
        text-align: center;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
        padding: 5px;
        margin: 0;
        font-weight: 700; }
        @media only screen and (min-width: 120em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.special-message, html body.page-template-page-shop .entry-content .shopping-notes p.special-message {
            font-size: 1.2em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.special-message, html body.page-template-page-shop .entry-content .shopping-notes p.special-message {
            font-size: 1.2em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.special-message, html body.page-template-page-shop .entry-content .shopping-notes p.special-message {
            font-size: 1.14em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.special-message, html body.page-template-page-shop .entry-content .shopping-notes p.special-message {
            font-size: 1.02em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.special-message, html body.page-template-page-shop .entry-content .shopping-notes p.special-message {
            font-size: 0.84em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.special-message, html body.page-template-page-shop .entry-content .shopping-notes p.special-message {
            font-size: 0.78em; } }
        @media only screen and (max-width: 29.999em) {
          html body.page-template-page-preorder .entry-content .shopping-notes p.special-message, html body.page-template-page-shop .entry-content .shopping-notes p.special-message {
            font-size: 0.72em; } }
      html body.page-template-page-preorder .entry-content .shopping-notes .subheader-banner, html body.page-template-page-shop .entry-content .shopping-notes .subheader-banner {
        margin-top: 5px;
        margin-bottom: 5px; }
    html body.page-template-page-preorder .entry-content .header-button.navigation-button, html body.page-template-page-shop .entry-content .header-button.navigation-button {
      display: inline-block;
      position: absolute;
      right: 0;
      /*bottom:calc( 100% +2px);*/
      bottom: 0;
      z-index: 10;
      /*margin-bottom:2%;*/
      /*float:right;*/
      /*      &:after{
              clear:both;
            }*/ }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .entry-content .header-button.navigation-button, html body.page-template-page-shop .entry-content .header-button.navigation-button {
          font-size: .8em;
          padding: .2em; } }
      @media only screen and (max-width: 39.999em) {
        html body.page-template-page-preorder .entry-content .header-button.navigation-button, html body.page-template-page-shop .entry-content .header-button.navigation-button {
          font-size: .7em;
          padding: .1em;
          /*display:none;*/ } }
    html body.page-template-page-preorder .entry-content .shop-title, html body.page-template-page-shop .entry-content .shop-title {
      /*      background-color: rgba( #fff, .5 );*/
      /*background-color: rgba( #000018, 1 );*/
      border-top: solid #fff 2px;
      border-bottom: solid #fff 2px;
      /*      padding: S0px;*/
      padding: 0px 0px;
      position: relative;
      /*margin-top:2%;*/
      margin-top: 0;
      /*      .amazon-link{
              position:relative;
              z-index:20;
            }*/
      /*              @media only screen and (min-width:80em){
               margin-bottom:60px !important;
              }
                    @media only screen and (max-width:79.9999em){
                margin-bottom:9% !important;
              }*/ }
      html body.page-template-page-preorder .entry-content .shop-title .amazon.banner-part, html body.page-template-page-shop .entry-content .shop-title .amazon.banner-part {
        vertical-align: top;
        position: relative;
        z-index: 20;
        width: 28%;
        /*min-width:80px;*/
        /*                @media only screen and (max-width: 39.999em){
                          margin-right:5px;
                          margin-bottom:30px;
              }    */ }
      html body.page-template-page-preorder .entry-content .shop-title .prime-banner-part, html body.page-template-page-shop .entry-content .shop-title .prime-banner-part {
        width: 72%;
        vertical-align: top; }
      @media only screen and (max-width: 39.999em) {
        html body.page-template-page-preorder .entry-content .shop-title, html body.page-template-page-shop .entry-content .shop-title {
          /*display:none;*/ } }
      @media only screen and (min-width: 90em) {
        html body.page-template-page-preorder .entry-content .shop-title, html body.page-template-page-shop .entry-content .shop-title {
          margin-top: 0;
          /*        margin-top:4%;*/
          margin-bottom: 0px; } }
      html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h1 {
        /*padding-top:10px;*/ }
      html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
        text-align: left;
        margin: .5em;
        color: #1c1794;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
        line-height: 1em; }
        @media only screen and (max-width: 89.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
            /*margin-top:5px;*/ } }
        @media only screen and (min-width: 120em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
            font-size: 1.8em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
            font-size: 1.8em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
            font-size: 1.71em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
            font-size: 1.53em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
            font-size: 1.26em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
            font-size: 1.17em; } }
        @media only screen and (max-width: 29.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
            font-size: 1.08em; } }
        @media only screen and (max-width: 39.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-preorder .entry-content .shop-title > h1, html body.page-template-page-shop .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h1 {
            /*text-align:left !important;*/ } }
      html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h2 {
        margin-bottom: 0px; }
        @media only screen and (min-width: 80em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h2 {
            margin-top: 100px; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em), only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h2 {
            margin-top: 50px; } }
        @media only screen and (max-width: 39.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > h2, html body.page-template-page-shop .entry-content .shop-title > h2 {
            margin-top: 40px; } }
        html body.page-template-page-preorder .entry-content .shop-title > h2.sub-header, html body.page-template-page-shop .entry-content .shop-title > h2.sub-header {
          margin-top: 10px;
          margin-bottom: 10px; }
      html body.page-template-page-preorder .entry-content .shop-title .order-message, html body.page-template-page-shop .entry-content .shop-title .order-message {
        font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #1c1794;
        margin: 5px; }
        @media only screen and (max-width: 63.999em) {
          html body.page-template-page-preorder .entry-content .shop-title .order-message, html body.page-template-page-shop .entry-content .shop-title .order-message {
            font-size: .7em; } }
      html body.page-template-page-preorder .entry-content .shop-title > .sub-title, html body.page-template-page-shop .entry-content .shop-title > .sub-title {
        color: #605bd8;
        margin-top: 0px;
        /*margin-bottom:1%;*/
        position: relative;
        /*      top:-7px;*/
        text-align: left;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
        @media only screen and (min-width: 120em) {
          html body.page-template-page-preorder .entry-content .shop-title > .sub-title, html body.page-template-page-shop .entry-content .shop-title > .sub-title {
            font-size: 1.2em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > .sub-title, html body.page-template-page-shop .entry-content .shop-title > .sub-title {
            font-size: 1.2em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > .sub-title, html body.page-template-page-shop .entry-content .shop-title > .sub-title {
            font-size: 1.14em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body.page-template-page-preorder .entry-content .shop-title > .sub-title, html body.page-template-page-shop .entry-content .shop-title > .sub-title {
            font-size: 1.02em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > .sub-title, html body.page-template-page-shop .entry-content .shop-title > .sub-title {
            font-size: 0.84em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > .sub-title, html body.page-template-page-shop .entry-content .shop-title > .sub-title {
            font-size: 0.78em; } }
        @media only screen and (max-width: 29.999em) {
          html body.page-template-page-preorder .entry-content .shop-title > .sub-title, html body.page-template-page-shop .entry-content .shop-title > .sub-title {
            font-size: 0.72em; } }
        html body.page-template-page-preorder .entry-content .shop-title > .sub-title.sale, html body.page-template-page-shop .entry-content .shop-title > .sub-title.sale {
          /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
            $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
            $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
            $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
            $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
          @media only screen and (min-width: 120em) {
            html body.page-template-page-preorder .entry-content .shop-title > .sub-title.sale, html body.page-template-page-shop .entry-content .shop-title > .sub-title.sale {
              font-size: 1.8em; } }
          @media only screen and (min-width: 90em) and (max-width: 119.999em) {
            html body.page-template-page-preorder .entry-content .shop-title > .sub-title.sale, html body.page-template-page-shop .entry-content .shop-title > .sub-title.sale {
              font-size: 1.8em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            html body.page-template-page-preorder .entry-content .shop-title > .sub-title.sale, html body.page-template-page-shop .entry-content .shop-title > .sub-title.sale {
              font-size: 1.71em; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            html body.page-template-page-preorder .entry-content .shop-title > .sub-title.sale, html body.page-template-page-shop .entry-content .shop-title > .sub-title.sale {
              font-size: 1.53em; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            html body.page-template-page-preorder .entry-content .shop-title > .sub-title.sale, html body.page-template-page-shop .entry-content .shop-title > .sub-title.sale {
              font-size: 1.26em; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            html body.page-template-page-preorder .entry-content .shop-title > .sub-title.sale, html body.page-template-page-shop .entry-content .shop-title > .sub-title.sale {
              font-size: 1.17em; } }
          @media only screen and (max-width: 29.999em) {
            html body.page-template-page-preorder .entry-content .shop-title > .sub-title.sale, html body.page-template-page-shop .entry-content .shop-title > .sub-title.sale {
              font-size: 1.08em; } }
      html body.page-template-page-preorder .entry-content .shop-title img.sale, html body.page-template-page-shop .entry-content .shop-title img.sale {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 80%;
        width: 50%;
        min-width: 200px;
        max-width: 400px; }
        @media only screen and (max-width: 39.999em) {
          html body.page-template-page-preorder .entry-content .shop-title img.sale, html body.page-template-page-shop .entry-content .shop-title img.sale {
            top: 100%; } }
      @media only screen and (max-width: 39.999em) {
        html body.page-template-page-preorder .entry-content .shop-title, html body.page-template-page-shop .entry-content .shop-title {
          /*padding-top:15px !important;*/ } }
    html body.page-template-page-preorder .entry-content .video-banner, html body.page-template-page-shop .entry-content .video-banner {
      background-image: url("images/Shop-light-up-your-4th-banner.jpg");
      /*background-image: url("images/Light-up-your-4th-with-the-SplasLight-not-Fireworks---site-header.jpg");*/
      background-size: cover; }
      html body.page-template-page-preorder .entry-content .video-banner:before, html body.page-template-page-shop .entry-content .video-banner:before {
        content: '';
        float: left;
        padding-bottom: 26.0416666667%; }
      html body.page-template-page-preorder .entry-content .video-banner:after, html body.page-template-page-shop .entry-content .video-banner:after {
        content: '';
        display: table;
        clear: both; }
      html body.page-template-page-preorder .entry-content .video-banner .video-js:before, html body.page-template-page-shop .entry-content .video-banner .video-js:before {
        content: '';
        float: left;
        padding-bottom: 26.0416666667%; }
      html body.page-template-page-preorder .entry-content .video-banner .video-js:after, html body.page-template-page-shop .entry-content .video-banner .video-js:after {
        content: '';
        display: table;
        clear: both; }
    html body.page-template-page-preorder .entry-content .header-note, html body.page-template-page-shop .entry-content .header-note {
      margin: 0;
      padding: 0;
      font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif; }
    @media only screen and (min-width: 80em) {
      html body.page-template-page-preorder .entry-content, html body.page-template-page-shop .entry-content {
        /*      padding-left:50px !important;
              padding-right:50px  !important;*/ } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-preorder .entry-content, html body.page-template-page-shop .entry-content {
        /*padding-top:15px !important;*/
        /*padding-bottom:15px !important;*/
        /*      padding-left:50px !important;
              padding-right:50px  !important;*/ } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-preorder .entry-content, html body.page-template-page-shop .entry-content {
        /*      padding-left:20px !important;
              padding-right:20px  !important;*/ } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em), only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-preorder .entry-content, html body.page-template-page-shop .entry-content {
        /*padding-top:40px !important;*/ } }
    html body.page-template-page-preorder .entry-content .shipping-ad, html body.page-template-page-shop .entry-content .shipping-ad {
      position: absolute;
      /*left:20px;*/
      top: 0;
      width: 10em;
      background-color: #fff; }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-preorder .entry-content .shipping-ad, html body.page-template-page-shop .entry-content .shipping-ad {
          width: 7em;
          /*left:5px;*/ } }
      @media only screen and (max-width: 39.999em) {
        html body.page-template-page-preorder .entry-content .shipping-ad, html body.page-template-page-shop .entry-content .shipping-ad {
          width: 3.5em;
          bottom: 0;
          top: auto;
          /*left:5px;*/ } }
      @media only screen and (max-width: 39.999em) {
        html body.page-template-page-preorder .entry-content .shipping-ad.img, html body.page-template-page-shop .entry-content .shipping-ad.img {
          display: none; } }
      html body.page-template-page-preorder .entry-content .shipping-ad.text-img, html body.page-template-page-shop .entry-content .shipping-ad.text-img {
        display: none; }
        @media only screen and (max-width: 39.999em) {
          html body.page-template-page-preorder .entry-content .shipping-ad.text-img, html body.page-template-page-shop .entry-content .shipping-ad.text-img {
            display: inline-block; } }
    html body.page-template-page-preorder .entry-content .ecommerce-button.view-cart, html body.page-template-page-shop .entry-content .ecommerce-button.view-cart {
      display: inline-block;
      position: absolute;
      top: 5px;
      right: 5px;
      /*margin-right:0;*/
      /*margin-left:auto;*/ }
  html body.page-template-page-preorder .package-thumbnail.shopping, html body.page-template-page-shop .package-thumbnail.shopping {
    border-radius: 5px 5px 0 0;
    /*@include transition-property( height );*/
    /*@include transition-duration( 1s );*/
    /*max-height:50px !important;*/
    /*    @media only screen and (max-width: 39.999em){
          width:29% !important;
          width:
          margin:5px 5px 12px 5px;
        }*/ }
    html body.page-template-page-preorder .package-thumbnail.shopping .title-wrap, html body.page-template-page-shop .package-thumbnail.shopping .title-wrap {
      padding: 10px 0 !important; }
      @media only screen and (max-width: 39.999em) {
        html body.page-template-page-preorder .package-thumbnail.shopping .title-wrap, html body.page-template-page-shop .package-thumbnail.shopping .title-wrap {
          padding: 5px 0 !important; } }
    html body.page-template-page-preorder .package-thumbnail.shopping:not(.active), html body.page-template-page-shop .package-thumbnail.shopping:not(.active) {
      background-color: #acb8d6 !important; }
      html body.page-template-page-preorder .package-thumbnail.shopping:not(.active):hover, html body.page-template-page-shop .package-thumbnail.shopping:not(.active):hover {
        background-color: #cedaf8 !important; }
    @media only screen and (max-width: 39.999em) {
      html body.page-template-page-preorder .package-thumbnail.shopping .title-wrap, html body.page-template-page-shop .package-thumbnail.shopping .title-wrap {
        padding: 15px 0 !important; } }
    html body.page-template-page-preorder .package-thumbnail.shopping .price-banner, html body.page-template-page-preorder .package-thumbnail.shopping img.deal, html body.page-template-page-preorder .package-thumbnail.shopping img.new-badge, html body.page-template-page-shop .package-thumbnail.shopping .price-banner, html body.page-template-page-shop .package-thumbnail.shopping img.deal, html body.page-template-page-shop .package-thumbnail.shopping img.new-badge {
      opacity: 0 !important; }
    html body.page-template-page-preorder .package-thumbnail.shopping .you-save, html body.page-template-page-shop .package-thumbnail.shopping .you-save {
      opacity: 0 !important; }
  html body.page-template-page-preorder .displays-container.packages > .display-container.active, html body.page-template-page-shop .displays-container.packages > .display-container.active {
    /*max-height:800px;*/ }
  html body.page-template-page-preorder.preload, html body.page-template-page-shop.preload {
    /*    .displays-container.packages{
          > .display-container{
            @include define-animation-delay( 2s );
          }
        }*/ }
    html body.page-template-page-preorder.preload .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop.preload .display-container.thumbnails a.package-thumbnail {
      -webkit-animation-name: fadeInDown50pckg;
      -moz-animation-name: fadeInDown50pckg;
      animation-name: fadeInDown50pckg;
      -webkit-animation-timing-function: ease-out;
      -moz-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-fill-mode: both;
      /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
      -moz-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.5s;
      -moz-animation-duration: 0.5s;
      animation-duration: 0.5s; }
      html body.page-template-page-preorder.preload .display-container.thumbnails a.package-thumbnail.item-1, html body.page-template-page-shop.preload .display-container.thumbnails a.package-thumbnail.item-1 {
        -webkit-animation-delay: 0.6s;
        -moz-animation-delay: 0.6s;
        animation-delay: 0.6s; }
      html body.page-template-page-preorder.preload .display-container.thumbnails a.package-thumbnail.item-2, html body.page-template-page-shop.preload .display-container.thumbnails a.package-thumbnail.item-2 {
        -webkit-animation-delay: 0.7s;
        -moz-animation-delay: 0.7s;
        animation-delay: 0.7s; }
      html body.page-template-page-preorder.preload .display-container.thumbnails a.package-thumbnail.item-3, html body.page-template-page-shop.preload .display-container.thumbnails a.package-thumbnail.item-3 {
        -webkit-animation-delay: 0.8s;
        -moz-animation-delay: 0.8s;
        animation-delay: 0.8s; }
      html body.page-template-page-preorder.preload .display-container.thumbnails a.package-thumbnail.item-4, html body.page-template-page-shop.preload .display-container.thumbnails a.package-thumbnail.item-4 {
        -webkit-animation-delay: 0.9s;
        -moz-animation-delay: 0.9s;
        animation-delay: 0.9s; }
  html body.page-template-page-preorder:not(.preload), html body.page-template-page-shop:not(.preload) {
    /*    .displays-container.packages{
          > .display-container{
            @include define-animation-delay( 5s );
          }
        }    */ }
    html body.page-template-page-preorder:not(.preload) .display-container.thumbnails a.package-thumbnail, html body.page-template-page-shop:not(.preload) .display-container.thumbnails a.package-thumbnail {
      opacity: 0;
      /*@include define-animation-delay( 5s );*/ }
  html body.page-template-page-preorder .product-shop .add-to-cart-button, html body.page-template-page-shop .product-shop .add-to-cart-button {
    /*    position:absolute;
        right:0;
        bottom:0;*/ }
  html body.page-template-page-preorder .form-wrap, html body.page-template-page-shop .form-wrap {
    padding: 10px;
    margin: 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    background-color: #b4dbfc; }
    html body.page-template-page-preorder .form-wrap p, html body.page-template-page-shop .form-wrap p {
      margin-top: 0px;
      margin-bottom: 5px;
      text-align: center; }
    html body.page-template-page-preorder .form-wrap a.submit, html body.page-template-page-shop .form-wrap a.submit {
      background-color: #41c4fa;
      color: #fff;
      padding: 5px;
      display: inline-block;
      white-space: nowrap; }
      html body.page-template-page-preorder .form-wrap a.submit:hover, html body.page-template-page-shop .form-wrap a.submit:hover {
        background-color: #63e6ff; }
    html body.page-template-page-preorder .form-wrap label, html body.page-template-page-shop .form-wrap label {
      padding: 5px;
      text-align: right; }
    html body.page-template-page-preorder .form-wrap input, html body.page-template-page-shop .form-wrap input {
      padding: 5px;
      color: #666; }
      html body.page-template-page-preorder .form-wrap input::placeholder, html body.page-template-page-shop .form-wrap input::placeholder {
        color: #ddd; }
    html body.page-template-page-preorder .form-wrap input, html body.page-template-page-shop .form-wrap input {
      max-width: 350px; }
    @media only screen and (min-width: 40em) {
      html body.page-template-page-preorder .form-wrap .submit-wrap, html body.page-template-page-shop .form-wrap .submit-wrap {
        text-align: left; }
      html body.page-template-page-preorder .form-wrap label, html body.page-template-page-preorder .form-wrap .submit, html body.page-template-page-preorder .form-wrap input, html body.page-template-page-shop .form-wrap label, html body.page-template-page-shop .form-wrap .submit, html body.page-template-page-shop .form-wrap input {
        font-size: .8em; }
      html body.page-template-page-preorder .form-wrap label, html body.page-template-page-preorder .form-wrap .submit-wrap, html body.page-template-page-shop .form-wrap label, html body.page-template-page-shop .form-wrap .submit-wrap {
        width: 25%;
        display: inline-block; }
      html body.page-template-page-preorder .form-wrap input, html body.page-template-page-shop .form-wrap input {
        display: inline-block;
        width: 49%; }
      html body.page-template-page-preorder .form-wrap .subform, html body.page-template-page-shop .form-wrap .subform {
        text-align: center; } }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-preorder .form-wrap p, html body.page-template-page-shop .form-wrap p {
        font-size: .6em; }
      html body.page-template-page-preorder .form-wrap input, html body.page-template-page-preorder .form-wrap label, html body.page-template-page-preorder .form-wrap .submit-wrap .submit, html body.page-template-page-shop .form-wrap input, html body.page-template-page-shop .form-wrap label, html body.page-template-page-shop .form-wrap .submit-wrap .submit {
        font-size: .6em;
        padding: 5px; } }
    @media only screen and (max-width: 39.999em) {
      html body.page-template-page-preorder .form-wrap input, html body.page-template-page-preorder .form-wrap label, html body.page-template-page-preorder .form-wrap .submit-wrap, html body.page-template-page-preorder .form-wrap .submit-wrap .submit, html body.page-template-page-shop .form-wrap input, html body.page-template-page-shop .form-wrap label, html body.page-template-page-shop .form-wrap .submit-wrap, html body.page-template-page-shop .form-wrap .submit-wrap .submit {
        display: inline-block;
        width: 100%;
        max-width: none;
        margin-left: 0px;
        margin-right: 0px; }
      html body.page-template-page-preorder .form-wrap .submit-wrap, html body.page-template-page-shop .form-wrap .submit-wrap {
        text-align: center;
        padding-left: 0px;
        padding-right: 0px; }
      html body.page-template-page-preorder .form-wrap label, html body.page-template-page-shop .form-wrap label {
        text-align: center; }
      html body.page-template-page-preorder .form-wrap .subform, html body.page-template-page-shop .form-wrap .subform {
        text-align: center;
        /*background-color:rgba( #ccc, .2);*/
        border-top: 1px rgba(255, 255, 255, 0.5) solid;
        padding: 5px; } }
    html body.page-template-page-preorder .form-wrap .animation, html body.page-template-page-shop .form-wrap .animation {
      position: absolute;
      top: 0;
      width: 75px;
      height: 75px;
      display: none;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%); }
      html body.page-template-page-preorder .form-wrap .animation .busy, html body.page-template-page-preorder .form-wrap .animation .busy-sl, html body.page-template-page-preorder .form-wrap .animation .success, html body.page-template-page-shop .form-wrap .animation .busy, html body.page-template-page-shop .form-wrap .animation .busy-sl, html body.page-template-page-shop .form-wrap .animation .success {
        position: absolute;
        width: 100%;
        display: none;
        opacity: 0; }
      html body.page-template-page-preorder .form-wrap .animation .success-message, html body.page-template-page-shop .form-wrap .animation .success-message {
        opacity: 0;
        position: absolute;
        display: block;
        font-size: .6em;
        top: 100%;
        width: 300px;
        /*background-color:rgba(#fff, .5);*/
        padding: 0px;
        margin-top: -5px;
        text-align: center;
        /*border-radius:5px;*/
        color: #2a6;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
    html body.page-template-page-preorder .form-wrap .error-message, html body.page-template-page-shop .form-wrap .error-message {
      color: #f22;
      font-style: italic;
      font-size: .8em; }

html body.page-template-page-toys {
  background-image: url("images/Sunray-underwater-background-x640.jpg");
  background-color: #000018;
  padding: 0px;
  background-size: cover; }
  html body.page-template-page-toys .entry-content {
    padding: 0; }
  html body.page-template-page-toys, html body.page-template-page-toys .entry-content, html body.page-template-page-toys p {
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
    font-weight: 300;
    /*color:$primary_light;*/ }
  html body.page-template-page-toys .entry-title {
    display: none; }
  @media only screen and (min-width: 90em) {
    html body.page-template-page-toys {
      background-image: url("images/Sunray-underwater-background-x1440.jpg"); } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    html body.page-template-page-toys {
      background-image: url("images/Sunray-underwater-background-x1440.jpg"); } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    html body.page-template-page-toys {
      background-image: url("images/Sunray-underwater-background-x1440.jpg"); } }
  @media only screen and (max-width: 63.999em) {
    html body.page-template-page-toys {
      /*background-size:contain;*/
      background-position: top right;
      background-image: url("images/Sunray-underwater-background-x640.jpg"); } }
  html body.page-template-page-toys .section {
    padding: 1em; }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-toys .section {
        text-align: center; } }
    html body.page-template-page-toys .section .image-section-lines {
      display: inline-block;
      position: relative;
      width: 15em;
      max-width: 375px;
      min-width: 180px; }
      html body.page-template-page-toys .section .image-section-lines:before, html body.page-template-page-toys .section .image-section-lines:after {
        width: 20%;
        content: "";
        position: absolute;
        height: 5px;
        border-bottom: 2px solid #bbe6fb;
        /*border-top: 1px solid $primary_lighter;*/
        bottom: 0; }
      html body.page-template-page-toys .section .image-section-lines:before {
        right: 100%;
        margin-right: 5px; }
      html body.page-template-page-toys .section .image-section-lines:after {
        left: 100%;
        margin-left: 5px; }
    html body.page-template-page-toys .section img.header-image {
      position: relative;
      -moz-transform: translateY(40%);
      -o-transform: translateY(40%);
      -ms-transform: translateY(40%);
      -webkit-transform: translateY(40%);
      transform: translateY(40%);
      /*      background-color: rgba( #000, .4 );*/
      padding: 10px 0; }
    html body.page-template-page-toys .section .abs-img {
      position: absolute;
      /*			top:0;
      			left:0;*/ }
    html body.page-template-page-toys .section .abs-h-center {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    html body.page-template-page-toys .section .overflow-control {
      margin-bottom: 3em; }
    html body.page-template-page-toys .section .section-header {
      text-align: center; }
    html body.page-template-page-toys .section .section-body {
      max-width: 50em;
      width: 90%;
      position: relative;
      margin: 0 auto;
      /*			.abs-img{
      				position:absolute;
      				top:0;
      				left:0;
      			}	*/ }
      html body.page-template-page-toys .section .section-body .basic-video-player-pkg {
        position: relative; }
      html body.page-template-page-toys .section .section-body .inner-wrap {
        position: relative;
        z-index: 20;
        width: 23em;
        max-width: 85vw;
        display: inline-block;
        /*					min-width:10em;
        				max-width:20em;*/ }
        @media only screen and (max-width: 63.999em) {
          html body.page-template-page-toys .section .section-body .inner-wrap {
            display: block;
            /*width:auto;*/
            margin-left: auto !important;
            margin-right: auto !important; } }
        html body.page-template-page-toys .section .section-body .inner-wrap .body {
          /*font-size:1.2em;*/ }
          @media only screen and (min-width: 120em) {
            html body.page-template-page-toys .section .section-body .inner-wrap .body {
              font-size: 1.2em; } }
          @media only screen and (min-width: 90em) and (max-width: 119.999em) {
            html body.page-template-page-toys .section .section-body .inner-wrap .body {
              font-size: 1.2em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            html body.page-template-page-toys .section .section-body .inner-wrap .body {
              font-size: 1.2em; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            html body.page-template-page-toys .section .section-body .inner-wrap .body {
              font-size: 1.1em; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            html body.page-template-page-toys .section .section-body .inner-wrap .body {
              font-size: 1em; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            html body.page-template-page-toys .section .section-body .inner-wrap .body {
              font-size: 0.9em; } }
          @media only screen and (max-width: 29.999em) {
            html body.page-template-page-toys .section .section-body .inner-wrap .body {
              font-size: 0.8em; } }
      html body.page-template-page-toys .section .section-body .inner-over-wrap.content-right .inner-wrap, html body.page-template-page-toys .section .section-body .content-right.inner-wrap {
        margin-right: 0;
        margin-left: auto; }
      html body.page-template-page-toys .section .section-body .inner-over-wrap.content-left .inner-wrap, html body.page-template-page-toys .section .section-body .content-left.inner-wrap {
        margin-left: 0;
        margin-right: auto; }
  html body.page-template-page-toys .section.splashlight {
    background-image: url("images/Enjoying-the-Splashlight---1-girls-toySL-small.jpg");
    /*background-image: url( "images/Enjoying-the-Splashlight---3-girls-toySL.jpg");*/
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #000018; }
    @media only screen and (min-width: 64em) {
      html body.page-template-page-toys .section.splashlight {
        background-image: url("images/Enjoying-the-Splashlight---1-girls-toySL.jpg"); } }
    html body.page-template-page-toys .section.splashlight .inner-wrap {
      /*margin-top:10em;*/ }
    html body.page-template-page-toys .section.splashlight .inner-over-wrap .play-button-thumbnail-wrapper {
      /*				text-align:center;*/ }
  html body.page-template-page-toys .section.ppp {
    padding: 40px 0px 0px 0px;
    /*margin: 40px 0px;*/ }
    @media only screen and (max-width: 39.999em) {
      html body.page-template-page-toys .section.ppp {
        padding-top: 0px; } }
    html body.page-template-page-toys .section.ppp h2 {
      text-align: center;
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
      margin: 0;
      padding: 0; }
      @media only screen and (min-width: 120em) {
        html body.page-template-page-toys .section.ppp h2 {
          font-size: 3em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.page-template-page-toys .section.ppp h2 {
          font-size: 3em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.page-template-page-toys .section.ppp h2 {
          font-size: 2.8em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.page-template-page-toys .section.ppp h2 {
          font-size: 2.4em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.page-template-page-toys .section.ppp h2 {
          font-size: 1.8em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.page-template-page-toys .section.ppp h2 {
          font-size: 1.6em; } }
      @media only screen and (max-width: 29.999em) {
        html body.page-template-page-toys .section.ppp h2 {
          font-size: 1.4em; } }
    html body.page-template-page-toys .section.ppp .wrap {
      background-color: rgba(2, 3, 134, 0.5);
      border-bottom: 1px #bbe6fb solid;
      border-top: 1px #bbe6fb solid; }
    html body.page-template-page-toys .section.ppp .bg-container {
      background-image: url("images/PPP-stages.jpg");
      background-size: cover;
      background-position: top center;
      max-width: 1000px;
      margin: 0 auto; }
      html body.page-template-page-toys .section.ppp .bg-container:before {
        content: '';
        float: left;
        padding-bottom: 25%; }
      html body.page-template-page-toys .section.ppp .bg-container:after {
        content: '';
        display: table;
        clear: both; }
  html body.page-template-page-toys .ctp-infinite-slide-carousel {
    border-top: 3px solid #41c4fa;
    border-bottom: 3px solid #41c4fa; }
    html body.page-template-page-toys .ctp-infinite-slide-carousel .elements > li {
      display: inline-block; }
  html body.page-template-page-toys .carousel-src-link {
    position: relative; }
    html body.page-template-page-toys .carousel-src-link a {
      position: absolute;
      top: 0;
      z-index: 10; }

.play-button-thumbnail-wrapper a {
  display: inline-block; }
.play-button-thumbnail-wrapper .play-button {
  /*@include transition-property( background-color );*/
  /*@include transition-duration( .3s );*/
  background-color: rgba(0, 0, 24, 0.7);
  border-radius: 10px;
  border: rgba(65, 196, 250, 0.5) 1px solid;
  padding: 5px 10px 5px 20px;
  -webkit-transition-property: color background-color;
  -moz-transition-property: color background-color;
  -ms-transition-property: color background-color;
  -o-transition-property: color background-color;
  transition-property: color background-color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
  .play-button-thumbnail-wrapper .play-button img {
    /*width:50px;*/
    padding: 5px;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
    @media only screen and (min-width: 120em) {
      .play-button-thumbnail-wrapper .play-button img {
        width: 50px; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .play-button-thumbnail-wrapper .play-button img {
        width: 50px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .play-button-thumbnail-wrapper .play-button img {
        width: 50px; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .play-button-thumbnail-wrapper .play-button img {
        width: 45px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .play-button-thumbnail-wrapper .play-button img {
        width: 40px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .play-button-thumbnail-wrapper .play-button img {
        width: 35px; } }
    @media only screen and (max-width: 29.999em) {
      .play-button-thumbnail-wrapper .play-button img {
        width: 30px; } }
    @media small-down {
      .play-button-thumbnail-wrapper .play-button img {
        width: 30px; } }
  @media only screen and (min-width: 120em) {
    .play-button-thumbnail-wrapper .play-button {
      font-size: 1em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    .play-button-thumbnail-wrapper .play-button {
      font-size: 1em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .play-button-thumbnail-wrapper .play-button {
      font-size: 0.95em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    .play-button-thumbnail-wrapper .play-button {
      font-size: 0.85em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .play-button-thumbnail-wrapper .play-button {
      font-size: 0.7em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    .play-button-thumbnail-wrapper .play-button {
      font-size: 0.65em; } }
  @media only screen and (max-width: 29.999em) {
    .play-button-thumbnail-wrapper .play-button {
      font-size: 0.6em; } }
  .play-button-thumbnail-wrapper .play-button:hover {
    background-color: #000018; }
    .play-button-thumbnail-wrapper .play-button:hover img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
  @media only screen and (max-width: 89.999em) {
    .play-button-thumbnail-wrapper .play-button {
      padding: 0px 5px 0px 10px; } }

.section-body-image-right {
  float: right; }
  @media only screen and (max-width: 63.999em) {
    .section-body-image-right {
      float: none; } }

.page-template-page-ecommerce, .woocommerce-page, .page-template-page-preorder, .page-template-page-faq {
  /*    h1, h2, h3, h4, h5, h6{
          color:$secondary_darker;
      }
      a{
          color:$light_bg_link_color;
  
          &:hover{
              color:$light_bg_link_hover_color;
          }
      }*/ }

.woocommerce-remove-coupon[data-coupon="0002"], .woocommerce-remove-coupon[data-coupon="0003"], .woocommerce-remove-coupon[data-coupon="0005"] {
  display: none; }

/*html body.page-template-page-ecommerce  , html body.woocommerce-page, html body.page-template-page-preorder , html body.woocommerce-page.single-product,  html body.page-template-page-faq{*/
html body.ecommerce {
  background-image: url("images/Vertical-SL-spray-full.jpg");
  background-size: cover;
  /*background-color:#0b0416;*/
  background-color: #000018; }
  html body.ecommerce .company-logo {
    position: absolute;
    width: 4em;
    top: .3em;
    left: .3em; }
    @media only screen and (max-width: 63.999em) {
      html body.ecommerce .company-logo {
        width: 2.5em; } }
  html body.ecommerce .gift-wrapping {
    position: relative; }
    html body.ecommerce .gift-wrapping .ajax-animation {
      z-index: 1;
      width: auto; }
    html body.ecommerce .gift-wrapping a {
      background-color: #39B54A;
      display: block;
      padding: 10px;
      min-width: 230px;
      position: relative;
      border-radius: 5px; }
      html body.ecommerce .gift-wrapping a:hover {
        background-color: #5bd76c; }
      html body.ecommerce .gift-wrapping a p {
        color: #fff;
        margin: 0;
        padding: 0;
        text-align: left; }
        html body.ecommerce .gift-wrapping a p.price {
          float: left;
          font-size: 3em;
          padding-right: 5px;
          vertical-align: top;
          line-height: 1em; }
        html body.ecommerce .gift-wrapping a p.details {
          font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
          font-size: .6em; }
      html body.ecommerce .gift-wrapping a .icon {
        position: absolute;
        left: 102%;
        width: auto;
        height: 100%;
        top: 0; }
        @media only screen and (max-width: 63.999em) {
          html body.ecommerce .gift-wrapping a .icon {
            height: 80%;
            left: auto;
            right: 0; } }
  html body.ecommerce .woocommerce-checkout-review-order .gift-wrapping {
    margin-bottom: 10px; }
  html body.ecommerce .woocommerce-checkout-review-order img.icon {
    left: auto;
    right: 0; }
    @media only screen and (max-width: 29.999em) {
      html body.ecommerce .woocommerce-checkout-review-order img.icon {
        height: 80%; } }
  @media only screen and (max-width: 79.9999em) {
    html body.ecommerce {
      background-image: url("images/Vertical-SL-spray-small.jpg");
      background-size: cover; } }
  html body.ecommerce .page-title {
    color: #bbe6fb;
    text-align: center;
    margin: 0;
    padding: 0;
    /*margin-top:1%;*/
    padding-top: 1%;
    background-color: rgba(0, 0, 24, 0.5);
    /*background-color:$primary_darkest;*/ }
  html body.ecommerce header .entry-title {
    display: none; }
  html body.ecommerce .row {
    max-width: none;
    padding: 0px; }
    html body.ecommerce .row .columns {
      padding: 0; }
  html body.ecommerce table.shop_table {
    background-color: rgba(255, 255, 255, 0.4); }
    html body.ecommerce table.shop_table tr.cart_item {
      background-color: rgba(255, 255, 255, 0.4); }
    html body.ecommerce table.shop_table td.product-thumbnail {
      padding: 0px; }
      html body.ecommerce table.shop_table td.product-thumbnail img {
        width: 50%;
        max-width: 100px;
        min-width: 50px; }
    html body.ecommerce table.shop_table td.product-name a {
      font-size: 1.5em; }
      @media only screen and (max-width: 39.999em) {
        html body.ecommerce table.shop_table td.product-name a {
          font-size: 1.2em; } }
    html body.ecommerce table.shop_table td.product-name .variation {
      padding-left: 5%;
      vertical-align: middle;
      /*              font-family:$paragraph-font;
                    font-size:.9em;
                    font-style:italic;*/
      margin: 0; }
      html body.ecommerce table.shop_table td.product-name .variation p, html body.ecommerce table.shop_table td.product-name .variation dt {
        font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
        font-size: .8em;
        font-style: italic; }
      html body.ecommerce table.shop_table td.product-name .variation p, html body.ecommerce table.shop_table td.product-name .variation dt, html body.ecommerce table.shop_table td.product-name .variation dd {
        margin: 0; }
    html body.ecommerce table.shop_table .product-quantity {
      /*               &:after{
                         content:"&nbsp;";
                    clear:both;
                    float:none;
                }*/ }
      html body.ecommerce table.shop_table .product-quantity .quantity input {
        width: 80px; }
      @media only screen and (max-width: 63.999em) {
        html body.ecommerce table.shop_table .product-quantity .quantity {
          text-align: right; }
          html body.ecommerce table.shop_table .product-quantity .quantity input {
            float: right; } }
  html body.ecommerce .article_content_wrapper {
    color: #0e062c; }
    html body.ecommerce .article_content_wrapper header {
      /*      padding-top:10px;
            padding-bottom:50px;*/
      /*min-height:200px;*/
      /*@include aspect-ratio( 1920, 300 );*/
      max-width: 1300px; }
      html body.ecommerce .article_content_wrapper header img.company-logo {
        max-width: 100px;
        width: 15%; }
      html body.ecommerce .article_content_wrapper header img.product-image {
        position: absolute;
        width: 10%;
        right: 0;
        /*top:0;*/
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      html body.ecommerce .article_content_wrapper header img.product-logo {
        max-height: 200px;
        width: auto;
        /*width:60%;*/ }
      html body.ecommerce .article_content_wrapper header h1.entry-title {
        /*text-align:;*/
        margin-top: -5px;
        margin-bottom: 5px;
        /*padding-left:10%;*/
        padding-top: 0; }
        @media only screen and (min-width: 120em) {
          html body.ecommerce .article_content_wrapper header h1.entry-title {
            font-size: 2.5em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          html body.ecommerce .article_content_wrapper header h1.entry-title {
            font-size: 2.5em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body.ecommerce .article_content_wrapper header h1.entry-title {
            font-size: 2em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          html body.ecommerce .article_content_wrapper header h1.entry-title {
            font-size: 1.75em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body.ecommerce .article_content_wrapper header h1.entry-title {
            font-size: 1.5em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body.ecommerce .article_content_wrapper header h1.entry-title {
            font-size: 1.5em; } }
        @media only screen and (max-width: 29.999em) {
          html body.ecommerce .article_content_wrapper header h1.entry-title {
            font-size: 1.2em; } }
      @media only screen and (min-width: 90em) {
        html body.ecommerce .article_content_wrapper header {
          width: 85%;
          margin: 0 auto; } }
      @media only screen and (max-width: 89.999em) {
        html body.ecommerce .article_content_wrapper header {
          max-width: 1300px;
          width: 95%;
          margin: 0 auto; } }
      html body.ecommerce .article_content_wrapper header .preorder-header {
        float: left;
        width: 40%;
        margin-bottom: 40px;
        /*        @media {
                  width:45%;
                }*/ }
        html body.ecommerce .article_content_wrapper header .preorder-header a.simple-button {
          display: block;
          /*width:100%;*/
          text-align: center;
          margin-top: 10px;
          padding: 5px;
          /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
            $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
            $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
            $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
            $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
          color: #fff !important; }
          @media only screen and (min-width: 120em) {
            html body.ecommerce .article_content_wrapper header .preorder-header a.simple-button {
              font-size: 1em; } }
          @media only screen and (min-width: 90em) and (max-width: 119.999em) {
            html body.ecommerce .article_content_wrapper header .preorder-header a.simple-button {
              font-size: 1em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            html body.ecommerce .article_content_wrapper header .preorder-header a.simple-button {
              font-size: 0.95em; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            html body.ecommerce .article_content_wrapper header .preorder-header a.simple-button {
              font-size: 0.85em; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            html body.ecommerce .article_content_wrapper header .preorder-header a.simple-button {
              font-size: 0.7em; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            html body.ecommerce .article_content_wrapper header .preorder-header a.simple-button {
              font-size: 0.65em; } }
          @media only screen and (max-width: 29.999em) {
            html body.ecommerce .article_content_wrapper header .preorder-header a.simple-button {
              font-size: 0.6em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em), only screen and (min-width: 80em) and (max-width: 89.999em) {
          html body.ecommerce .article_content_wrapper header .preorder-header {
            width: 45%; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          html body.ecommerce .article_content_wrapper header .preorder-header {
            width: 60%; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          html body.ecommerce .article_content_wrapper header .preorder-header {
            width: 75%; } }
        @media only screen and (max-width: 29.999em) {
          html body.ecommerce .article_content_wrapper header .preorder-header {
            width: 100%; } }
        html body.ecommerce .article_content_wrapper header .preorder-header .shop-product-logo {
          width: 100%;
          padding: 20px 20px 0 20px; }
    html body.ecommerce .article_content_wrapper .entry-content {
      /*            width:90%;*/
      margin: 0 auto;
      position: relative;
      background: url("images/light-blue-diagonal.png") repeat;
      background-color: #d6e5ff;
      /*padding:40px;*/
      width: 90%;
      padding: 40px;
      /*            @media only screen and (min-width:90em){
                    max-width:$content_max_width+400px;
                  }
                  @media only screen and (max-width:89.999em){
                    max-width:$content_max_width;
                  }*/
      /*            @media only screen and (max-width: 39.999em){
                      padding:15px;
                  }*/ }
      @media only screen and (min-width: 90em) {
        html body.ecommerce .article_content_wrapper .entry-content {
          max-width: 1300px; } }
      @media only screen and (max-width: 89.999em) {
        html body.ecommerce .article_content_wrapper .entry-content {
          max-width: 1300px; } }
      @media only screen and (max-width: 39.999em) {
        html body.ecommerce .article_content_wrapper .entry-content {
          padding: 15px; } }
  html body.ecommerce p.note {
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
    font-style: italic;
    text-align: center; }
    @media only screen and (min-width: 120em) {
      html body.ecommerce p.note {
        font-size: 0.7em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.ecommerce p.note {
        font-size: 0.7em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.ecommerce p.note {
        font-size: 0.7em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.ecommerce p.note {
        font-size: 0.7em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.ecommerce p.note {
        font-size: 0.6em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.ecommerce p.note {
        font-size: 0.55em; } }
    @media only screen and (max-width: 29.999em) {
      html body.ecommerce p.note {
        font-size: 0.6em; } }

.product .columns-left.title {
  display: inline-block; }
@media only screen and (min-width: 40em) {
  .product .columns-left.product-selector {
    float: left;
    width: 50%; } }
@media only screen and (min-width: 40em) {
  .product .columns-right.product-description {
    float: left;
    width: 50%;
    padding: 0  0 0 2% !important; } }
@media only screen and (min-width: 90em) {
  .product .columns-right.product-description {
    /*margin-top:48px;*/ } }
@media only screen and (min-width: 64em) {
  .product .columns-right.product-info, .product .columns-right.more-info {
    float: left;
    width: 50%;
    padding: 0  0 0 2% !important; } }
@media only screen and (max-width: 63.999em) {
  .product .columns-right.product-info, .product .columns-right.more-info {
    clear: both; } }
.product .columns-right, .product .columns-left {
  margin: 5px 0;
  /*    @media only screen and (max-width:63.999em){
        margin:5px 0;
      }*/ }

.product-selector {
  position: relative;
  z-index: 1; }
  .product-selector .stock {
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
    margin-left: 25%;
    /*width:100%;*/
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    margin: 0;
    line-height: 1em;
    padding: 0;
    z-index: 1; }
    @media only screen and (min-width: 120em) {
      .product-selector .stock {
        font-size: 0.9em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .product-selector .stock {
        font-size: 0.9em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .product-selector .stock {
        font-size: 0.855em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .product-selector .stock {
        font-size: 0.765em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .product-selector .stock {
        font-size: 0.63em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .product-selector .stock {
        font-size: 0.585em; } }
    @media only screen and (max-width: 29.999em) {
      .product-selector .stock {
        font-size: 0.54em; } }
    @media only screen and (max-width: 39.999em) {
      .product-selector .stock {
        line-height: 1em;
        padding: 0; } }
  .product-selector .title {
    text-align: center;
    color: #0e062c; }
    @media only screen and (min-width: 120em) {
      .product-selector .title {
        font-size: 1.4em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .product-selector .title {
        font-size: 1.3em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .product-selector .title {
        font-size: 1.3em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .product-selector .title {
        font-size: 1.2em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .product-selector .title {
        font-size: 1.2em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .product-selector .title {
        font-size: 1em; } }
    @media only screen and (max-width: 29.999em) {
      .product-selector .title {
        font-size: 0.7em; } }
  .product-selector .navigation-button {
    float: right;
    margin-top: 5px; }
  .product-selector p.note {
    text-align: left !important;
    font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    color: #4a558a;
    margin: 0; }
    @media only screen and (min-width: 120em) {
      .product-selector p.note {
        font-size: 1.4em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .product-selector p.note {
        font-size: 1.4em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .product-selector p.note {
        font-size: 1em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .product-selector p.note {
        font-size: 1em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .product-selector p.note {
        font-size: 1.2em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .product-selector p.note {
        font-size: 1.1em; } }
    @media only screen and (max-width: 29.999em) {
      .product-selector p.note {
        font-size: 0.8em; } }

.product-shop .add-to-cart-button {
  /*    position:absolute;
      right:0;
      bottom:0;*/ }

div.read-more, div.read-more {
  /*padding:10px;*/
  /*padding:10px;*/ }
  div.read-more > div.info-read-more, div.read-more div.info-read-more.live-popup-button.simple-button, div.read-more > div.info-read-more, div.read-more div.info-read-more.live-popup-button.simple-button {
    padding: 2px 0px;
    width: 49%;
    display: inline-block;
    /*margin:5px;*/ }
    div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a, div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a {
      display: block;
      /*width:100%;*/
      /*font-size:.8em !important;*/
      padding: 10px 2px !important; }
      @media only screen and (min-width: 120em) {
        div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a, div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a {
          font-size: 1.2em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a, div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a, div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a {
          font-size: 0.8em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a, div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a {
          font-size: 0.8em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a, div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a {
          font-size: 0.8em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a, div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a {
          font-size: 1em; } }
      @media only screen and (max-width: 29.999em) {
        div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a, div.read-more > div.info-read-more > a, div.read-more div.info-read-more.live-popup-button.simple-button > a {
          font-size: 1em; } }
    @media only screen and (max-width: 39.999em) {
      div.read-more > div.info-read-more, div.read-more div.info-read-more.live-popup-button.simple-button, div.read-more > div.info-read-more, div.read-more div.info-read-more.live-popup-button.simple-button {
        width: auto;
        display: block; } }

.info-segment {
  position: relative;
  z-index: 0;
  margin: 0px 0px 5px 0px;
  text-align: left;
  vertical-align: top;
  background-color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 64em) {
    .info-segment {
      margin-top: 10px; } }
  .info-segment div.title {
    vertical-align: top;
    margin: 0;
    text-align: center;
    /*display:inline-block;*/
    background-color: #0e062c;
    padding: 5px;
    /*display:block;*/
    /*width:25%;*/
    font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*      @media only screen and (max-width: 39.999em){
            display:block;
            width:initial;
          }*/ }
    .info-segment div.title .subtitle-image {
      margin-top: 20px; }
      @media only screen and (max-width: 39.999em) {
        .info-segment div.title .subtitle-image {
          display: none; } }
    .info-segment div.title h1 {
      color: #fff;
      margin: 0px;
      line-height: 1.2em; }
      @media only screen and (min-width: 120em) {
        .info-segment div.title h1 {
          font-size: 1.2em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .info-segment div.title h1 {
          font-size: 1.2em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .info-segment div.title h1 {
          font-size: 1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .info-segment div.title h1 {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .info-segment div.title h1 {
          font-size: 1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .info-segment div.title h1 {
          font-size: 1em; } }
      @media only screen and (max-width: 29.999em) {
        .info-segment div.title h1 {
          font-size: 0.9em; } }
    @media only screen and (min-width: 40em) {
      .info-segment div.title {
        position: relative; } }
    .info-segment div.title .live-popup-button a {
      display: inline-block;
      position: absolute;
      bottom: 0;
      padding: 2px;
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
      @media only screen and (min-width: 40em) {
        .info-segment div.title .live-popup-button a {
          width: 100%;
          left: 0; } }
      @media only screen and (max-width: 39.999em) {
        .info-segment div.title .live-popup-button a {
          right: 0; } }
      @media only screen and (min-width: 120em) {
        .info-segment div.title .live-popup-button a {
          font-size: 0.7em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .info-segment div.title .live-popup-button a {
          font-size: 0.7em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .info-segment div.title .live-popup-button a {
          font-size: 0.715em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .info-segment div.title .live-popup-button a {
          font-size: 0.745em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .info-segment div.title .live-popup-button a {
          font-size: 0.79em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .info-segment div.title .live-popup-button a {
          font-size: 0.805em; } }
      @media only screen and (max-width: 29.999em) {
        .info-segment div.title .live-popup-button a {
          font-size: 0.82em; } }
  .info-segment div.info {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    /*padding-left:10px;*/
    position: relative;
    z-index: 10;
    /*    @media only screen and (min-width:90em), only screen and (min-width:64em) and (max-width:79.9999em){
          padding-left:20%;
          padding-right:20%;
        }
        @media only screen and (min-width:40em) and (max-width:63.999em){
          padding-left:10%;
          padding-right:10%;
        }
        @media only screen and (min-width:30em) and (max-width:39.999em){
          padding-left:10%;
          padding-right:10%;
        }
        @media only screen and (max-width: 29.999em){
          padding-left:1%;
          padding-right:1%;
        }*/ }
    .info-segment div.info > ul, .info-segment div.info > div > ul {
      vertical-align: top;
      /*position:absolute;*/
      /*@include h-center();*/
      list-style: none;
      padding-bottom: 5px;
      margin: 0;
      padding-left: 10px;
      padding-right: 5px;
      /*      @media only screen and (min-width:64em) and (max-width:79.9999em){
              width:49%;
              display:inline-block;
            }*/ }
      .info-segment div.info > ul:last-child, .info-segment div.info > div > ul:last-child {
        border-left: #fff solid 1px; }
      @media only screen and (min-width: 30em) {
        .info-segment div.info > ul, .info-segment div.info > div > ul {
          width: 48%;
          display: inline-block; } }
      .info-segment div.info > ul li, .info-segment div.info > div > ul li {
        /*background-color:rgba(#fff, 1);*/
        margin-bottom: 1px; }
        @media only screen and (min-width: 64em) {
          .info-segment div.info > ul li, .info-segment div.info > div > ul li {
            /*white-space:nowrap;*/ } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .info-segment div.info > ul li .body-inline-icon-h, .info-segment div.info > div > ul li .body-inline-icon-h {
            height: 11px; } }
      .info-segment div.info > ul > li, .info-segment div.info > div > ul > li {
        border-bottom: 1px solid rgba(74, 85, 138, 0.1);
        display: block;
        min-height: 19px;
        /*line-height: 19px;*/ }
        @media only screen and (min-width: 120em) {
          .info-segment div.info > ul > li, .info-segment div.info > div > ul > li {
            font-size: 0.85em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .info-segment div.info > ul > li, .info-segment div.info > div > ul > li {
            font-size: 0.8em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .info-segment div.info > ul > li, .info-segment div.info > div > ul > li {
            font-size: 0.8em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .info-segment div.info > ul > li, .info-segment div.info > div > ul > li {
            font-size: 0.8em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .info-segment div.info > ul > li, .info-segment div.info > div > ul > li {
            font-size: 0.8em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .info-segment div.info > ul > li, .info-segment div.info > div > ul > li {
            font-size: 0.8em; } }
        @media only screen and (max-width: 29.999em) {
          .info-segment div.info > ul > li, .info-segment div.info > div > ul > li {
            font-size: 0.8em; } }
        .info-segment div.info > ul > li:last-child, .info-segment div.info > div > ul > li:last-child {
          border-bottom: none; }
      @media only screen and (max-width: 29.999em) {
        .info-segment div.info > ul, .info-segment div.info > div > ul {
          position: static;
          top: auto;
          bottom: auto;
          left: auto;
          right: auto;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          /*top:auto;*/
          padding-left: 10px;
          padding-right: 10px; }
          .info-segment div.info > ul li, .info-segment div.info > div > ul li {
            white-space: initial; } }
    .info-segment div.info h2 {
      font-size: .8em;
      padding-top: 5px;
      padding-bottom: 0px;
      margin: 0;
      color: #0e062c;
      font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif;
      /*font-family:$header_font;*/ }
      .info-segment div.info h2 * {
        font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
    .info-segment div.info p, .info-segment div.info li {
      /*@include font_size_tiered( .7em,  .7em,  .7em,  .7em,  .7em,  .7em,  .7em);*/
      /*@include site_fontsize_tier( 1rem, .3);*/
      padding: 0;
      margin: 0;
      color: #4a558a;
      /*font-family: $primary_font;*/ }
    @media only screen and (max-width: 39.999em) {
      .info-segment div.info {
        display: block;
        width: auto; } }
  @media only screen and (max-width: 39.999em) {
    .info-segment {
      postition: relative; } }
  @media only screen and (max-width: 63.999em) {
    .info-segment {
      margin: 0px 0;
      /*padding:0;*/ } }

.product-info {
  vertical-align: top;
  text-align: center; }
  @media only screen and (max-width: 63.999em) {
    .product-info {
      /*margin:10px 0;*/
      /*padding:0 !important;*/ } }
  .product-info img.info {
    position: absolute;
    left: 75%;
    bottom: 85%;
    width: 100px;
    z-index: 0;
    /*top:15%;*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .product-info img.info {
        left: 85%; } }
  .product-info .ecommerce-footer-info li:first-child {
    float: left !important; }
  .product-info .ecommerce-footer-info li:last-child {
    float: right; }

.cart-spacing {
  display: inline-block;
  margin-bottom: 10px; }

@media only screen and (min-width: 64em) {
  .cart-continue-shopping {
    float: left; } }

.caution, img.caution {
  height: 60px;
  width: auto;
  padding-left: 40px;
  padding-right: 40px; }

/*.products-footer{
  @include font_size_tiered( 1em, 1.4em, 1em, 1em, 1.2em, 1.1em, 0.8em );
}*/
.christmas-ship-countdown.side {
  position: absolute;
  transform-origin: right bottom;
  right: 50px;
  top: -20px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: rgba(0, 0, 24, 0.8);
  padding: 2px 4px;
  /*  right:150px;
    top:150px;
    transform-origin: 100% 100%  ;
    @include rotate( 90 );*/
  /*width:25%;*/
  /*margin-bottom:40px;*/ }
  @media only screen and (min-width: 64em) {
    .christmas-ship-countdown.side {
      display: none; } }
  @media only screen and (max-width: 29.999em) {
    .christmas-ship-countdown.side {
      right: 35px;
      top: 0px; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em), only screen and (min-width: 64em) and (max-width: 79.9999em), only screen and (min-width: 40em) and (max-width: 63.999em) {
    .christmas-ship-countdown.side {
      /*right:35px;*/
      top: 10px; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    .christmas-ship-countdown.side {
      right: 35px;
      top: 12px; } }
  .christmas-ship-countdown.side .countdown-title {
    color: #bbe6fb;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: .7em;
    line-height: 1em; }
    @media only screen and (max-width: 89.999em) {
      .christmas-ship-countdown.side .countdown-title {
        font-size: .6em; } }
  .christmas-ship-countdown.side h3 {
    text-align: center;
    color: #bbe6fb;
    /*color:$accent_light_color;*/ }
    @media only screen and (min-width: 120em) {
      .christmas-ship-countdown.side h3 {
        font-size: 2em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .christmas-ship-countdown.side h3 {
        font-size: 1.5em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .christmas-ship-countdown.side h3 {
        font-size: 1.2em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .christmas-ship-countdown.side h3 {
        font-size: 1em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .christmas-ship-countdown.side h3 {
        font-size: 1.2em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .christmas-ship-countdown.side h3 {
        font-size: 1em; } }
    @media only screen and (max-width: 29.999em) {
      .christmas-ship-countdown.side h3 {
        font-size: 0.9em; } }
    .christmas-ship-countdown.side h3.above {
      margin-bottom: 0; }
    .christmas-ship-countdown.side h3.below {
      margin-top: 0; }
  .christmas-ship-countdown.side .timer {
    width: 200px;
    /*@include admin-bar-offset( top, 20px );*/ }
    @media only screen and (max-width: 89.999em) {
      .christmas-ship-countdown.side .timer {
        width: 140px; } }
    .christmas-ship-countdown.side .timer.row {
      padding: 10px;
      /*      border:1px solid $accent_light_color;
            background-color:rgba( $accent_lighter_color, .3 );*/ }
      @media only screen and (max-width: 89.999em) {
        .christmas-ship-countdown.side .timer.row {
          padding: 2px; } }
    .christmas-ship-countdown.side .timer .columns {
      position: relative;
      text-align: center;
      padding: 0;
      margin: 0; }
      .christmas-ship-countdown.side .timer .columns .number-wrap {
        /*border-radius:20px;*/
        line-height: 1em;
        color: #41c4fa;
        /*padding: 10px;*/
        margin: 1px;
        /*padding: 20px 30px 20px 20px;*/
        /*@include attribute_tiered( border-radius, 20px, 20px, 15px, 15px, 10px, 15px, 10px );*/
        /*font-size:50px;*/
        font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
        @media only screen and (min-width: 120em) {
          .christmas-ship-countdown.side .timer .columns .number-wrap {
            font-size: 25px; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .christmas-ship-countdown.side .timer .columns .number-wrap {
            font-size: 25px; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .christmas-ship-countdown.side .timer .columns .number-wrap {
            font-size: 16px; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .christmas-ship-countdown.side .timer .columns .number-wrap {
            font-size: 16px; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .christmas-ship-countdown.side .timer .columns .number-wrap {
            font-size: 16px; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .christmas-ship-countdown.side .timer .columns .number-wrap {
            font-size: 16px; } }
        @media only screen and (max-width: 29.999em) {
          .christmas-ship-countdown.side .timer .columns .number-wrap {
            font-size: 16px; } }
        .christmas-ship-countdown.side .timer .columns .number-wrap .number {
          padding: 0;
          margin: 0;
          display: block;
          line-height: 1em;
          /*width:120px;*/ }
    .christmas-ship-countdown.side .timer .label {
      display: none;
      margin: 0;
      padding: 0; }
      @media only screen and (max-width: 29.999em) {
        .christmas-ship-countdown.side .timer .label {
          font-size: .75em; } }
    .christmas-ship-countdown.side .timer .delimeter {
      position: absolute;
      right: -5px;
      top: 0;
      color: #bbe6fb;
      display: none;
      /*@include v-center();*/ }
    .christmas-ship-countdown.side .timer .seconds .delimeter {
      display: none; }
    .christmas-ship-countdown.side .timer .number::after {
      font-size: .6em;
      color: #bbe6fb; }
    .christmas-ship-countdown.side .timer .days .number-wrap .number::after {
      content: "d"; }
    .christmas-ship-countdown.side .timer .hours .number-wrap .number::after {
      content: "h"; }
    .christmas-ship-countdown.side .timer .minutes .number-wrap .number::after {
      content: "m"; }
    .christmas-ship-countdown.side .timer .seconds .number-wrap .number::after {
      content: "s"; }
    .christmas-ship-countdown.side .timer .days .number-wrap, .christmas-ship-countdown.side .timer .minutes .number-wrap {
      /*background-color:$primary_light;*/
      /*background-color:$accent_light_color;*/ }
    .christmas-ship-countdown.side .timer .days .label, .christmas-ship-countdown.side .timer .minutes .label {
      color: #41c4fa;
      /*color:$accent_light_color;*/ }
    .christmas-ship-countdown.side .timer .hours .number-wrap, .christmas-ship-countdown.side .timer .seconds .number-wrap {
      /*background-color:$primary_lighter;*/
      /*background-color:$accent_lighter_color;*/ }
    .christmas-ship-countdown.side .timer .hours .label, .christmas-ship-countdown.side .timer .seconds .label {
      color: #bbe6fb;
      /*color:$accent_lighter_color;*/ }

.christmas-ship-countdown.top {
  position: absolute;
  z-index: 2002;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 24, 0.8);
  padding: 2px 4px;
  /*  right:150px;
    top:150px;
    transform-origin: 100% 100%  ;
    @include rotate( 90 );*/
  /*width:25%;*/
  /*margin-bottom:40px;*/ }
  @media only screen and (max-width: 63.999em) {
    .christmas-ship-countdown.top {
      display: none; } }
  .christmas-ship-countdown.top .wrap-icon {
    width: auto;
    height: 60px;
    position: absolute;
    right: 100%; }
  @media only screen and (max-width: 29.999em) {
    .christmas-ship-countdown.top {
      right: 35px;
      top: -5px; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em), only screen and (min-width: 64em) and (max-width: 79.9999em), only screen and (min-width: 40em) and (max-width: 63.999em) {
    .christmas-ship-countdown.top {
      /*right:35px;*/
      top: 5px; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    .christmas-ship-countdown.top {
      right: 35px;
      top: 8px; } }
  .christmas-ship-countdown.top .countdown-title {
    color: #bbe6fb;
    font-weight: 700;
    text-align: center;
    padding: 0;
    margin: 0; }
    @media only screen and (max-width: 89.999em) {
      .christmas-ship-countdown.top .countdown-title {
        font-size: .7em; } }
  .christmas-ship-countdown.top .countdown-subtitle {
    color: #bbe6fb;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: .6em; }
    .christmas-ship-countdown.top .countdown-subtitle em {
      font-weight: 100; }
    @media only screen and (max-width: 89.999em) {
      .christmas-ship-countdown.top .countdown-subtitle {
        font-size: .5em; } }
  .christmas-ship-countdown.top h3 {
    text-align: center;
    color: #bbe6fb;
    /*color:$accent_light_color;*/ }
    @media only screen and (min-width: 120em) {
      .christmas-ship-countdown.top h3 {
        font-size: 2em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .christmas-ship-countdown.top h3 {
        font-size: 1.5em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .christmas-ship-countdown.top h3 {
        font-size: 1.2em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .christmas-ship-countdown.top h3 {
        font-size: 1em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .christmas-ship-countdown.top h3 {
        font-size: 1.2em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .christmas-ship-countdown.top h3 {
        font-size: 1em; } }
    @media only screen and (max-width: 29.999em) {
      .christmas-ship-countdown.top h3 {
        font-size: 0.9em; } }
    .christmas-ship-countdown.top h3.above {
      margin-bottom: 0; }
    .christmas-ship-countdown.top h3.below {
      margin-top: 0; }
  .christmas-ship-countdown.top .timer {
    width: 150px;
    /*@include admin-bar-offset( top, 20px );*/ }
    @media only screen and (max-width: 89.999em) {
      .christmas-ship-countdown.top .timer {
        width: 110px; } }
    .christmas-ship-countdown.top .timer.row {
      padding: 0px;
      /*      border:1px solid $accent_light_color;
            background-color:rgba( $accent_lighter_color, .3 );*/ }
      @media only screen and (max-width: 89.999em) {
        .christmas-ship-countdown.top .timer.row {
          padding: 5px 0px; } }
    .christmas-ship-countdown.top .timer .columns {
      position: relative;
      text-align: center;
      padding: 0;
      margin: 0; }
      .christmas-ship-countdown.top .timer .columns .number-wrap {
        /*border-radius:20px;*/
        line-height: 1em;
        color: #41c4fa;
        /*height:20px;*/
        /*padding: 10px;*/
        margin: 1px;
        /*padding: 20px 30px 20px 20px;*/
        /*@include attribute_tiered( border-radius, 20px, 20px, 15px, 15px, 10px, 15px, 10px );*/
        /*font-size:50px;*/
        font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
        @media only screen and (min-width: 120em) {
          .christmas-ship-countdown.top .timer .columns .number-wrap {
            font-size: 20px; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .christmas-ship-countdown.top .timer .columns .number-wrap {
            font-size: 20px; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .christmas-ship-countdown.top .timer .columns .number-wrap {
            font-size: 16px; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .christmas-ship-countdown.top .timer .columns .number-wrap {
            font-size: 16px; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .christmas-ship-countdown.top .timer .columns .number-wrap {
            font-size: 16px; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .christmas-ship-countdown.top .timer .columns .number-wrap {
            font-size: 16px; } }
        @media only screen and (max-width: 29.999em) {
          .christmas-ship-countdown.top .timer .columns .number-wrap {
            font-size: 16px; } }
        .christmas-ship-countdown.top .timer .columns .number-wrap .number {
          padding: 0;
          margin: 0;
          display: block;
          /*width:120px;*/ }
    .christmas-ship-countdown.top .timer .label {
      display: none;
      margin: 0;
      padding: 0; }
      @media only screen and (max-width: 29.999em) {
        .christmas-ship-countdown.top .timer .label {
          font-size: .75em; } }
    .christmas-ship-countdown.top .timer .delimeter {
      position: absolute;
      right: -5px;
      top: 0;
      color: #bbe6fb;
      display: none;
      /*@include v-center();*/ }
    .christmas-ship-countdown.top .timer .seconds .delimeter {
      display: none; }
    .christmas-ship-countdown.top .timer .number::after {
      font-size: .6em;
      color: #bbe6fb; }
    .christmas-ship-countdown.top .timer .days .number-wrap .number::after {
      content: "d"; }
    .christmas-ship-countdown.top .timer .hours .number-wrap .number::after {
      content: "h"; }
    .christmas-ship-countdown.top .timer .minutes .number-wrap .number::after {
      content: "m"; }
    .christmas-ship-countdown.top .timer .seconds .number-wrap .number::after {
      content: "s"; }
    .christmas-ship-countdown.top .timer .days .number-wrap, .christmas-ship-countdown.top .timer .minutes .number-wrap {
      /*background-color:$primary_light;*/
      /*background-color:$accent_light_color;*/ }
    .christmas-ship-countdown.top .timer .days .label, .christmas-ship-countdown.top .timer .minutes .label {
      color: #41c4fa;
      /*color:$accent_light_color;*/ }
    .christmas-ship-countdown.top .timer .hours .number-wrap, .christmas-ship-countdown.top .timer .seconds .number-wrap {
      /*background-color:$primary_lighter;*/
      /*background-color:$accent_lighter_color;*/ }
    .christmas-ship-countdown.top .timer .hours .label, .christmas-ship-countdown.top .timer .seconds .label {
      color: #bbe6fb;
      /*color:$accent_lighter_color;*/ }

.christmas-ship-countdown.checkout {
  /*  @media only screen and (max-width:63.999em){
      display:none;
    }*/
  /*  
    display:inline-block;
    width:49%;*/
  /*  position:absolute;
  z-index:2002;
    right:0;
    top:0;*/
  margin-bottom: 50px;
  /*background-color:rgba( #f00 , .1 );*/
  /*border: #f00 2px solid;*/
  padding: 10px;
  /*  right:150px;
    top:150px;
    transform-origin: 100% 100%  ;
    @include rotate( 90 );*/
  /*width:25%;*/
  /*margin-bottom:40px;*/ }
  .christmas-ship-countdown.checkout .wrap-icon {
    width: auto;
    height: 50px;
    /*    position:absolute;
        right:100%;*/ }
  @media only screen and (max-width: 63.999em) {
    .christmas-ship-countdown.checkout {
      margin-bottom: 0px; } }
  .christmas-ship-countdown.checkout .countdown-title {
    color: #090;
    font-weight: 700;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 1.3em;
    font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif !important; }
    @media only screen and (max-width: 63.999em) {
      .christmas-ship-countdown.checkout .countdown-title {
        font-size: 1em; } }
  .christmas-ship-countdown.checkout .countdown-subtitle {
    color: #090;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: .9em; }
    .christmas-ship-countdown.checkout .countdown-subtitle em {
      font-weight: 100; }
    @media only screen and (max-width: 63.999em) {
      .christmas-ship-countdown.checkout .countdown-subtitle {
        font-size: .7em; } }
  .christmas-ship-countdown.checkout h3 {
    text-align: center;
    color: #bbe6fb;
    /*color:$accent_light_color;*/ }
    @media only screen and (min-width: 120em) {
      .christmas-ship-countdown.checkout h3 {
        font-size: 2em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .christmas-ship-countdown.checkout h3 {
        font-size: 1.5em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .christmas-ship-countdown.checkout h3 {
        font-size: 1.2em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .christmas-ship-countdown.checkout h3 {
        font-size: 1em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .christmas-ship-countdown.checkout h3 {
        font-size: 1.2em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .christmas-ship-countdown.checkout h3 {
        font-size: 1em; } }
    @media only screen and (max-width: 29.999em) {
      .christmas-ship-countdown.checkout h3 {
        font-size: 0.9em; } }
    .christmas-ship-countdown.checkout h3.above {
      margin-bottom: 0; }
    .christmas-ship-countdown.checkout h3.below {
      margin-top: 0; }
  .christmas-ship-countdown.checkout .timer {
    border-top: #090 1px solid;
    border-bottom: #090 1px solid;
    width: 200px;
    /*@include admin-bar-offset( top, 20px );*/ }
    @media only screen and (max-width: 63.999em) {
      .christmas-ship-countdown.checkout .timer {
        width: 150px; } }
    .christmas-ship-countdown.checkout .timer.row {
      padding: 0px;
      /*      border:1px solid $accent_light_color;
            background-color:rgba( $accent_lighter_color, .3 );*/ }
      @media only screen and (max-width: 89.999em) {
        .christmas-ship-countdown.checkout .timer.row {
          padding: 5px 0px; } }
    .christmas-ship-countdown.checkout .timer .columns {
      position: relative;
      text-align: center;
      padding: 0;
      margin: 0; }
      .christmas-ship-countdown.checkout .timer .columns .number-wrap {
        /*border-radius:20px;*/
        line-height: 1em;
        color: #007700;
        /*padding: 10px;*/
        margin: 1px;
        /*padding: 20px 30px 20px 20px;*/
        /*@include attribute_tiered( border-radius, 20px, 20px, 15px, 15px, 10px, 15px, 10px );*/
        /*font-size:50px;*/
        font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
        @media only screen and (min-width: 120em) {
          .christmas-ship-countdown.checkout .timer .columns .number-wrap {
            font-size: 30px; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .christmas-ship-countdown.checkout .timer .columns .number-wrap {
            font-size: 30px; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .christmas-ship-countdown.checkout .timer .columns .number-wrap {
            font-size: 30px; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .christmas-ship-countdown.checkout .timer .columns .number-wrap {
            font-size: 30px; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .christmas-ship-countdown.checkout .timer .columns .number-wrap {
            font-size: 25px; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .christmas-ship-countdown.checkout .timer .columns .number-wrap {
            font-size: 25px; } }
        @media only screen and (max-width: 29.999em) {
          .christmas-ship-countdown.checkout .timer .columns .number-wrap {
            font-size: 25px; } }
        .christmas-ship-countdown.checkout .timer .columns .number-wrap .number {
          padding: 0;
          margin: 0;
          display: block;
          /*width:120px;*/ }
    .christmas-ship-countdown.checkout .timer .label {
      display: none;
      margin: 0;
      padding: 0; }
      @media only screen and (max-width: 29.999em) {
        .christmas-ship-countdown.checkout .timer .label {
          font-size: .75em; } }
    .christmas-ship-countdown.checkout .timer .delimeter {
      position: absolute;
      right: -5px;
      top: 0;
      color: #33cc33;
      display: none;
      /*@include v-center();*/ }
    .christmas-ship-countdown.checkout .timer .seconds .delimeter {
      display: none; }
    .christmas-ship-countdown.checkout .timer .number::after {
      font-size: .6em;
      color: #33cc33; }
    .christmas-ship-countdown.checkout .timer .days .number-wrap .number::after {
      content: "d"; }
    .christmas-ship-countdown.checkout .timer .hours .number-wrap .number::after {
      content: "h"; }
    .christmas-ship-countdown.checkout .timer .minutes .number-wrap .number::after {
      content: "m"; }
    .christmas-ship-countdown.checkout .timer .seconds .number-wrap .number::after {
      content: "s"; }
    .christmas-ship-countdown.checkout .timer .days .number-wrap, .christmas-ship-countdown.checkout .timer .minutes .number-wrap {
      /*background-color:$primary_light;*/
      /*background-color:$accent_light_color;*/ }
    .christmas-ship-countdown.checkout .timer .days .label, .christmas-ship-countdown.checkout .timer .minutes .label {
      color: #41c4fa;
      /*color:$accent_light_color;*/ }
    .christmas-ship-countdown.checkout .timer .hours .number-wrap, .christmas-ship-countdown.checkout .timer .seconds .number-wrap {
      /*background-color:$primary_lighter;*/
      /*background-color:$accent_lighter_color;*/ }
    .christmas-ship-countdown.checkout .timer .hours .label, .christmas-ship-countdown.checkout .timer .seconds .label {
      color: #bbe6fb;
      /*color:$accent_lighter_color;*/ }

@media only screen and (min-width: 40em) {
  .shop-timer {
    float: right;
    background-color: #000036;
    color: #bbe6fb;
    /*font-size:3em;*/
    text-align: center;
    font-size: 1.5em;
    position: relative;
    width: 21.2%;
    right: 0;
    bottom: 50px;
    padding-top: .5em; } }
  @media only screen and (min-width: 40em) and (min-width: 40em) and (max-width: 63.999em) {
    .shop-timer {
      bottom: 1.5em;
      font-size: 1.2em; } }
@media only screen and (min-width: 40em) {
    .shop-timer::after {
      clear: both; }
    .shop-timer::before {
      content: "Time Left";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: .5em;
      color: #fff; }
    .shop-timer .timer-title {
      display: none;
      font-size: .5em;
      margin: 0;
      text-align: center;
      position: absolute;
      width: 100%;
      bottom: calc( 100% - 1em ); }
    .shop-timer .unit {
      display: inline-block;
      min-width: 1.1em; }
      .shop-timer .unit.empty {
        clear: both;
        float: none;
        min-width: 0; }
      .shop-timer .unit .delimeter {
        padding-left: .25em; }
      .shop-timer .unit p.label {
        margin-top: -.5em;
        text-align: center;
        padding-right: 1.5em;
        display: none; }
      .shop-timer .unit.seconds .delimeter {
        display: none; }
      .shop-timer .unit.seconds p.label {
        padding-right: 0; }
      .shop-timer .unit .number-wrap {
        line-height: 1em;
        text-align: center; }
    .shop-timer p {
      margin: 0; } }
@media only screen and (max-width: 39.999em) {
  .shop-timer {
    text-align: center;
    color: #1c1794;
    /*font-size:3em;*/
    font-size: 1.5em;
    position: relative;
    padding-top: .5em; }
    .shop-timer .timer-title {
      font-size: .5em;
      margin: 0;
      text-align: center;
      position: absolute;
      width: 100%;
      bottom: calc( 100% - 1em ); }
    .shop-timer .unit {
      display: inline-block;
      min-width: 1.1em; }
      .shop-timer .unit.empty {
        clear: both;
        float: none;
        min-width: 0; }
      .shop-timer .unit .delimeter {
        padding-left: .25em; }
      .shop-timer .unit p.label {
        margin-top: -.5em;
        text-align: center;
        padding-right: 1.5em; }
      .shop-timer .unit.seconds .delimeter {
        display: none; }
      .shop-timer .unit.seconds p.label {
        padding-right: 0; }
      .shop-timer .unit .number-wrap {
        line-height: 1em;
        text-align: center; }
    .shop-timer p {
      margin: 0; } }

/*
.shop-timer{
  text-align:center;
  color: $primary_dark;
  font-size:3em;
  position:relative;
  padding-top:.5em;
  
  .timer-title{
    margin:0;
    text-align:center;
    position:absolute;
    width:100%;
    bottom:calc( 100% - 1em ) ;
  }
  .unit{
    //float:left;
    display:inline-block;
    min-width:1.1em;

    &.empty{
      clear:both;
      float:none;
      min-width:0;
    }
    .delimeter{
      padding-left:.25em;
    }
    p.label{
      margin-top:-.5em;
      text-align:center;
      padding-right:1.5em;
    }
    &.seconds{
      .delimeter{
        display:none;
      }
      p.label{
        padding-right:0;
      }
    }
    .number-wrap{
      line-height:1em;
      text-align:center;
    }
  }
  p{
    margin:0;
  }
  @media only screen and (max-width: 29.999em){
    font-size:1.5em;
    .timer-title{
      font-size:.5em;
    }
  }
}*/
/*@import "site-launch-counter";*/
.ctp-basic-carousel.product-shop {
  position: relative; }
  .ctp-basic-carousel.product-shop .mask {
    /*float:left;*/
    position: relative;
    margin: 0 auto;
    /*width:50%;*/
    /*height:266px;*/
    /*@include aspect-ratio( 1000,500 );*/
    overflow: hidden; }
    @media only screen and (min-width: 40em) {
      .ctp-basic-carousel.product-shop .mask:before {
        content: '';
        float: left;
        padding-bottom: 66.6666666667%; }
      .ctp-basic-carousel.product-shop .mask:after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (max-width: 39.999em) {
      .ctp-basic-carousel.product-shop .mask:before {
        content: '';
        float: left;
        padding-bottom: 66.6666666667%; }
      .ctp-basic-carousel.product-shop .mask:after {
        content: '';
        display: table;
        clear: both; } }
  .ctp-basic-carousel.product-shop ul {
    list-style: none; }
    .ctp-basic-carousel.product-shop ul.elements {
      margin: 0;
      /*      top:0px;
            left:0px;*/ }
      @media only screen and (min-width: 40em) {
        .ctp-basic-carousel.product-shop ul.elements:before {
          content: '';
          float: left;
          padding-bottom: 66.6666666667%; }
        .ctp-basic-carousel.product-shop ul.elements:after {
          content: '';
          display: table;
          clear: both; } }
      @media only screen and (max-width: 39.999em) {
        .ctp-basic-carousel.product-shop ul.elements:before {
          content: '';
          float: left;
          padding-bottom: 66.6666666667%; }
        .ctp-basic-carousel.product-shop ul.elements:after {
          content: '';
          display: table;
          clear: both; } }
      .ctp-basic-carousel.product-shop ul.elements li {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        float: none;
        /*        top:0px;
                left:0px; */
        display: inline-block; }
        .ctp-basic-carousel.product-shop ul.elements li .corner {
          position: absolute;
          bottom: 0;
          right: 0; }
        .ctp-basic-carousel.product-shop ul.elements li img.variant-thumbnail {
          padding-right: 20%;
          width: 100%;
          /*width:auto;*/
          position: absolute; }
          @media only screen and (max-width: 63.999em) {
            .ctp-basic-carousel.product-shop ul.elements li img.variant-thumbnail {
              padding-right: 40px; } }
  .ctp-basic-carousel.product-shop .control {
    position: absolute;
    /*top: 380px;*/
    color: #fff;
    cursor: pointer; }
    .ctp-basic-carousel.product-shop .control.prev {
      left: 0px; }
    .ctp-basic-carousel.product-shop .control.next {
      right: 0px; }
    .ctp-basic-carousel.product-shop .control.prev, .ctp-basic-carousel.product-shop .control.next {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .ctp-basic-carousel.product-shop .mask {
    background-color: rgba(255, 255, 255, 0.4); }
  .ctp-basic-carousel.product-shop .corner {
    width: 40%;
    padding: 10px; }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .ctp-basic-carousel.product-shop .corner {
        width: 45%; } }
    @media only screen and (max-width: 39.999em), only screen and (min-width: 40em) and (max-width: 63.999em) {
      .ctp-basic-carousel.product-shop .corner {
        width: 60%; } }
    .ctp-basic-carousel.product-shop .corner.outofstock .details .quantity {
      display: none; }
    .ctp-basic-carousel.product-shop .corner .details {
      position: relative;
      padding-bottom: 7px; }
      .ctp-basic-carousel.product-shop .corner .details .variant-info {
        display: block;
        line-height: 1em;
        /*             width:48%;*/
        /*float:left;*/
        text-align: right;
        /*padding:5px;*/ }
        @media only screen and (min-width: 120em) {
          .ctp-basic-carousel.product-shop .corner .details .variant-info {
            font-size: 1.2em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .ctp-basic-carousel.product-shop .corner .details .variant-info {
            font-size: 1.2em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .ctp-basic-carousel.product-shop .corner .details .variant-info {
            font-size: 1.2em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .ctp-basic-carousel.product-shop .corner .details .variant-info {
            font-size: 1em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .ctp-basic-carousel.product-shop .corner .details .variant-info {
            font-size: 1em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .ctp-basic-carousel.product-shop .corner .details .variant-info {
            font-size: 0.8em; } }
        @media only screen and (max-width: 29.999em) {
          .ctp-basic-carousel.product-shop .corner .details .variant-info {
            font-size: 0.7em; } }
        @media only screen and (max-width: 39.999em) {
          .ctp-basic-carousel.product-shop .corner .details .variant-info {
            padding: 2px; } }
      .ctp-basic-carousel.product-shop .corner .details .price {
        position: absolute;
        left: 0;
        bottom: 100%;
        /*@include site_fontsize_tier( 2em, .5);*/ }
        @media only screen and (min-width: 120em) {
          .ctp-basic-carousel.product-shop .corner .details .price {
            font-size: 2em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .ctp-basic-carousel.product-shop .corner .details .price {
            font-size: 2em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .ctp-basic-carousel.product-shop .corner .details .price {
            font-size: 2em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .ctp-basic-carousel.product-shop .corner .details .price {
            font-size: 1.5em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .ctp-basic-carousel.product-shop .corner .details .price {
            font-size: 1.1em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .ctp-basic-carousel.product-shop .corner .details .price {
            font-size: 1.5em; } }
        @media only screen and (max-width: 29.999em) {
          .ctp-basic-carousel.product-shop .corner .details .price {
            font-size: 1.2em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .ctp-basic-carousel.product-shop .corner .details .price {
            left: 10%;
            bottom: 0; } }
        @media only screen and (max-width: 39.999em) {
          .ctp-basic-carousel.product-shop .corner .details .price {
            left: 0;
            top: 0; } }
      .ctp-basic-carousel.product-shop .corner .details .quantity {
        display: block;
        float: right;
        margin-left: 5px;
        max-width: 50%;
        position: relative;
        /*width:50px;*/ }
        .ctp-basic-carousel.product-shop .corner .details .quantity input {
          width: 100%;
          text-align: center; }
          @media only screen and (min-width: 120em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              font-size: 1.2em; } }
          @media only screen and (min-width: 90em) and (max-width: 119.999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              font-size: 1.2em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              font-size: 1em; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              font-size: 1em; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              font-size: 1em; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              font-size: 1em; } }
          @media only screen and (max-width: 29.999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              font-size: 0.9em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              height: auto;
              padding: 4px;
              margin-bottom: 5px; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              height: auto;
              padding: 4px;
              margin-bottom: 5px; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              height: auto;
              padding: 0px;
              margin-bottom: 2px; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              height: auto;
              padding: 2px;
              margin-bottom: 2px; } }
          @media only screen and (max-width: 29.999em) {
            .ctp-basic-carousel.product-shop .corner .details .quantity input {
              margin-bottom: 5px;
              padding: 0px;
              height: auto; } }
        .ctp-basic-carousel.product-shop .corner .details .quantity:after {
          content: "qty";
          font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
          bottom: 100%;
          right: 0px;
          position: absolute;
          font-style: italic;
          font-size: .5em;
          opacity: 0.5; }
    .ctp-basic-carousel.product-shop .corner .add-to-cart-button {
      display: block;
      /*padding:10px;*/
      /*text-align:center;*/
      /*color:$secondary_darker;*/
      /*      background-color:$secondary_lighter;*/
      /*border-radius:0;*/
      /*font-family:$header_font;*/
      padding: 5px; }
      @media only screen and (min-width: 120em) {
        .ctp-basic-carousel.product-shop .corner .add-to-cart-button {
          font-size: 1.2em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .ctp-basic-carousel.product-shop .corner .add-to-cart-button {
          font-size: 1.2em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .ctp-basic-carousel.product-shop .corner .add-to-cart-button {
          font-size: 1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .ctp-basic-carousel.product-shop .corner .add-to-cart-button {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .ctp-basic-carousel.product-shop .corner .add-to-cart-button {
          font-size: 1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .ctp-basic-carousel.product-shop .corner .add-to-cart-button {
          font-size: 0.9em; } }
      @media only screen and (max-width: 29.999em) {
        .ctp-basic-carousel.product-shop .corner .add-to-cart-button {
          font-size: 0.9em; } }
      @media only screen and (min-width: 80em) {
        .ctp-basic-carousel.product-shop .corner .add-to-cart-button {
          padding-top: 10px;
          padding-bottom: 10px; } }
  .ctp-basic-carousel.product-shop .triggers-wrap {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 10%;
    /*padding:10px;*/ }
    .ctp-basic-carousel.product-shop .triggers-wrap .select-color {
      font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
      color: #0e062c;
      margin: 0;
      text-align: center;
      line-height: 1em; }
      @media only screen and (min-width: 120em) {
        .ctp-basic-carousel.product-shop .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .ctp-basic-carousel.product-shop .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .ctp-basic-carousel.product-shop .triggers-wrap .select-color {
          font-size: 0.7em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .ctp-basic-carousel.product-shop .triggers-wrap .select-color {
          font-size: 0.6em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .ctp-basic-carousel.product-shop .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .ctp-basic-carousel.product-shop .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (max-width: 29.999em) {
        .ctp-basic-carousel.product-shop .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (max-width: 63.999em) {
        .ctp-basic-carousel.product-shop .triggers-wrap .select-color {
          display: none !important; } }
    .ctp-basic-carousel.product-shop .triggers-wrap .triggers {
      padding: 0;
      position: static;
      width: 100%;
      margin: 0; }
      .ctp-basic-carousel.product-shop .triggers-wrap .triggers li {
        cursor: pointer;
        opacity: .5;
        display: block;
        float: none;
        margin-left: 1px;
        margin-right: 1px;
        width: 100%;
        border: rgba(255, 255, 255, 0) 4px solid; }
        .ctp-basic-carousel.product-shop .triggers-wrap .triggers li:before {
          content: '';
          float: left;
          padding-bottom: 100%; }
        .ctp-basic-carousel.product-shop .triggers-wrap .triggers li:after {
          content: '';
          display: table;
          clear: both; }
        @media only screen and (max-width: 39.999em) {
          .ctp-basic-carousel.product-shop .triggers-wrap .triggers li {
            border: rgba(255, 255, 255, 0) 1px solid; } }
        .ctp-basic-carousel.product-shop .triggers-wrap .triggers li > div {
          width: 100%;
          height: 100%; }
          .ctp-basic-carousel.product-shop .triggers-wrap .triggers li > div .sub-color {
            width: 50%;
            height: 100%; }
        .ctp-basic-carousel.product-shop .triggers-wrap .triggers li:hover {
          opacity: 1; }
        .ctp-basic-carousel.product-shop .triggers-wrap .triggers li.active {
          border: white 4px solid;
          opacity: 1; }
          @media only screen and (max-width: 39.999em) {
            .ctp-basic-carousel.product-shop .triggers-wrap .triggers li.active {
              border: white 1px solid; } }
  .ctp-basic-carousel.product-shop .title-extra-relumes img.variant-thumbnail, .ctp-basic-carousel.product-shop .title-party-pack-6 img.variant-thumbnail {
    padding: 10px !important; }

.ctp-basic-carousel.dynamic-banner {
  position: relative;
  max-width: 1920px;
  width: 80%;
  /*z-index:0;*/
  margin: 0 auto;
  /*  .title-the-revolumtion-has-begun{
       background-image: url( 'images/Splashlight-Spraying-Close.jpg');
    }*/ }
  .ctp-basic-carousel.dynamic-banner .mask {
    height: 100%;
    /*float:left;*/
    position: relative;
    margin: 0 auto;
    /*width:50%;*/
    /*height:266px;*/
    /*@include aspect-ratio( 1000,500 );*/
    overflow: hidden; }
    @media only screen and (min-width: 64em) {
      .ctp-basic-carousel.dynamic-banner .mask:before {
        content: '';
        float: left;
        padding-bottom: 20.8333333333%; }
      .ctp-basic-carousel.dynamic-banner .mask:after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .ctp-basic-carousel.dynamic-banner .mask:before {
        content: '';
        float: left;
        padding-bottom: 31.25%; }
      .ctp-basic-carousel.dynamic-banner .mask:after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (max-width: 39.999em) {
      .ctp-basic-carousel.dynamic-banner .mask:before {
        content: '';
        float: left;
        padding-bottom: 41.6666666667%; }
      .ctp-basic-carousel.dynamic-banner .mask:after {
        content: '';
        display: table;
        clear: both; } }
  .ctp-basic-carousel.dynamic-banner ul {
    height: 100%;
    list-style: none;
    bottom: 0; }
    .ctp-basic-carousel.dynamic-banner ul.elements {
      margin: 0;
      /*      top:0px;
            left:0px;*/ }
      .ctp-basic-carousel.dynamic-banner ul.elements li {
        /*width:80%;*/
        height: 100%;
        max-width: 1920px;
        left: 0;
        top: 0;
        /*        width:100%;
                height:100%;*/
        float: none;
        /*        top:0px;
                left:0px; */
        display: inline-block; }
        @media only screen and (min-width: 64em) {
          .ctp-basic-carousel.dynamic-banner ul.elements li:before {
            content: '';
            float: left;
            padding-bottom: 20.8333333333%; }
          .ctp-basic-carousel.dynamic-banner ul.elements li:after {
            content: '';
            display: table;
            clear: both; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements li:before {
            content: '';
            float: left;
            padding-bottom: 31.25%; }
          .ctp-basic-carousel.dynamic-banner ul.elements li:after {
            content: '';
            display: table;
            clear: both; } }
        @media only screen and (max-width: 39.999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements li:before {
            content: '';
            float: left;
            padding-bottom: 41.6666666667%; }
          .ctp-basic-carousel.dynamic-banner ul.elements li:after {
            content: '';
            display: table;
            clear: both; } }
        .ctp-basic-carousel.dynamic-banner ul.elements li .corner {
          position: absolute;
          bottom: 0;
          right: 0; }
        .ctp-basic-carousel.dynamic-banner ul.elements li img.variant-thumbnail {
          padding-right: 20%;
          width: 100%;
          /*width:auto;*/
          position: absolute; }
          @media only screen and (max-width: 63.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements li img.variant-thumbnail {
              padding-right: 40px; } }
      .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap {
        /*        padding-left:100px;
                padding-right:100px;*/
        padding: 10px 100px;
        width: 80%;
        margin: 0 auto;
        background-color: rgba(0, 0, 24, 0.5); }
        .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 {
          /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
            $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
            $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
            $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
            $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
          text-align: left; }
          @media only screen and (min-width: 120em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 {
              font-size: 1.5em; } }
          @media only screen and (min-width: 90em) and (max-width: 119.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 {
              font-size: 1.5em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 {
              font-size: 1.4em; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 {
              font-size: 1.2em; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 {
              font-size: 0.9em; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 {
              font-size: 0.8em; } }
          @media only screen and (max-width: 29.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 {
              font-size: 0.7em; } }
          @media only screen and (max-width: 39.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 {
              margin: 0px; }
              .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap h2 .alignleft {
                margin: 0 0 5px 5px; } }
        @media only screen and (max-width: 63.999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements .slide-wrap {
            /*                padding-left:30px;
                    padding-right:30px;*/
            width: 95%;
            padding: 5px 30px; } }
      .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0;
        font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
        color: #41c4fa;
        font-weight: 100;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
        @media only screen and (min-width: 120em) {
          .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup {
            font-size: 1.2em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup {
            font-size: 1.2em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup {
            font-size: 1.115em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup {
            font-size: 0.945em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup {
            font-size: 0.69em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup {
            font-size: 0.605em; } }
        @media only screen and (max-width: 29.999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup {
            font-size: 0.52em; } }
        .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup a {
          font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
          font-weight: normal;
          color: #bbe6fb; }
          .ctp-basic-carousel.dynamic-banner ul.elements .short-writeup a:hover {
            color: #fff; }
      .ctp-basic-carousel.dynamic-banner ul.elements .title-about-us-banner {
        background-image: url("images/Finding-Bioluminescence--BG.jpg");
        background-color: #000018;
        background-size: cover;
        background-position: bottom center; }
      .ctp-basic-carousel.dynamic-banner ul.elements .title-loading-splashlight-banner {
        background-image: url("images/Loading-bg.jpg");
        background-color: #000018;
        background-size: cover;
        background-position: top center; }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-loading-splashlight-banner h2 {
          /*          @include  site_fontsize_tier( 1.5em, 0);
                    text-align:left;*/ }
      .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner {
        background-image: url("images/Bioluminescence-Header.jpg");
        background-color: #000018;
        background-size: cover;
        background-position: top center; }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner h2 {
          /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
            $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
            $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
            $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
            $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
          text-align: left; }
          @media only screen and (min-width: 120em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner h2 {
              font-size: 1.2em; } }
          @media only screen and (min-width: 90em) and (max-width: 119.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner h2 {
              font-size: 1.2em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner h2 {
              font-size: 1.14em; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner h2 {
              font-size: 1.02em; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner h2 {
              font-size: 0.84em; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner h2 {
              font-size: 0.78em; } }
          @media only screen and (max-width: 29.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner h2 {
              font-size: 0.72em; } }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .short-writeup {
          /*          text-align:left;
                    padding-left:100px;
                    padding-right:10px;
                    margin:0;
                    font-family:$paragraph-font;
                         @include  site_fontsize_tier( 1.2em, -.5);*/ }
      .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner {
        /*background-image: url( 'images/Splashlight-Spray-Close-Blasts-Glowing-Water-narrow-holidays.jpg');*/
        /*background-image: url( 'images/Splashlight-Spray-Close-Blasts-Glowing-Water-narrow-christmas.jpg');*/
        /*background-image: url( 'images/Splashlight-Spray-Close-Blasts-Glowing-Water-narrow-thanksgiving.jpg');*/
        /*background-image: url( 'images/Splashlight-Spray-Close-Blasts-Glowing-Water-narrow.jpg');*/
        /*background-image: url( 'images/Splashlight-Spray-BioToy.jpg');*/
        /*background-image: url( 'images/Splashlight-Spray-Close-NowAvailable-narrow.jpg');*/
        /*background-position: center 50%;*/
        /*background-image: url( 'images/July-4th-SplashLight-Banner.jpg');*/
        /*background-image: url( 'images/Splashlight-Spray-Now-Available-@-Amazon.jpg');*/
        background-position: center 65%;
        /*background-image: url( 'images/Splashlight-Spray-Close-narrow.jpg');*/
        /*background-image: url( 'images/Splashlight-Spray-Close-narrow-Halloween.jpg');*/
        /*background-image: url( 'images/Happy-HallGloween---banner.jpg');*/
        background-image: url("images/Splashlight-Spray-Halloween-blue.jpg");
        background-size: cover;
        /*background-position: center 65%;*/
        background-repeat: no-repeat;
        background-color: #000018; }
        @media only screen and (max-width: 63.999em) {
          .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner {
            background-position: center 65%;
            /*background-position: center 50%;*/ } }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-logo {
          min-width: 50px;
          max-width: 200px;
          width: 10%; }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
          position: absolute;
          top: 0;
          right: 20%;
          padding: 5px;
          width: 30%;
          max-width: 250px;
          white-space: normal;
          /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
            $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
            $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
            $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
            $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
          @media only screen and (min-width: 120em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              font-size: 0.8em; } }
          @media only screen and (min-width: 90em) and (max-width: 119.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              font-size: 0.8em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              font-size: 0.785em; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              font-size: 0.755em; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              font-size: 0.71em; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              font-size: 0.695em; } }
          @media only screen and (max-width: 29.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              font-size: 0.68em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              right: 5%; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em), only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              right: 5%; } }
          @media only screen and (max-width: 39.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .sub-title, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .sub-title {
              background: rgba(0, 0, 24, 0.5);
              right: 5%; } }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .product-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .product-logo {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          top: 10%;
          /*margin-top:10px;*/
          min-width: 100px;
          max-width: 380px;
          width: 40%;
          z-index: 1; }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .product-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .product-logo {
              width: 30%; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .product-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .product-logo {
              width: 30%; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .product-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .product-logo {
              width: 40%; } }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .luy-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .luy-logo {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          top: 0;
          /*top:10%;*/
          /*margin-top:10px;*/
          min-width: 100px;
          /*max-width:380px;*/
          width: 30%;
          z-index: 1; }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .luy-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .luy-logo {
              width: 30%; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .luy-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .luy-logo {
              width: 30%; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .luy-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .luy-logo {
              width: 40%; } }
          @media only screen and (max-width: 39.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .luy-logo, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .luy-logo {
              width: 50%; } }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .promocode, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .promocode {
          /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
            $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
            $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
            $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
            $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
          text-align: left;
          margin: -.5em 0 0 4em;
          /*          position:absolute;
                    @include h-center();
                    top:50%;
                    z-index:100;*/ }
          @media only screen and (min-width: 120em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .promocode, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .promocode {
              font-size: 0.9em; } }
          @media only screen and (min-width: 90em) and (max-width: 119.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .promocode, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .promocode {
              font-size: 0.9em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .promocode, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .promocode {
              font-size: 0.855em; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .promocode, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .promocode {
              font-size: 0.765em; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .promocode, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .promocode {
              font-size: 0.63em; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .promocode, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .promocode {
              font-size: 0.585em; } }
          @media only screen and (max-width: 29.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .promocode, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .promocode {
              font-size: 0.54em; } }
          @media only screen and (max-width: 39.999em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .promocode, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .promocode {
              position: absolute;
              /*@include h-center();*/
              text-align: center;
              bottom: 0;
              width: 100%;
              z-index: 100;
              margin: 0; } }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .ctp-video-wrapper.video-bg, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .ctp-video-wrapper.video-bg {
          position: absolute;
          width: 100%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .ctp-video-wrapper.video-bg:before, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .ctp-video-wrapper.video-bg:before {
            content: '';
            float: left;
            padding-bottom: 41.6666666667%; }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .ctp-video-wrapper.video-bg:after, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .ctp-video-wrapper.video-bg:after {
            content: '';
            display: table;
            clear: both; }
          @media only screen and (min-width: 64em) {
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .ctp-video-wrapper.video-bg, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .ctp-video-wrapper.video-bg {
              top: 25%; } }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .ctp-video-wrapper.video-bg .video-js:before, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .ctp-video-wrapper.video-bg .video-js:before {
            content: '';
            float: left;
            padding-bottom: 41.6666666667%; }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .ctp-video-wrapper.video-bg .video-js:after, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .ctp-video-wrapper.video-bg .video-js:after {
            content: '';
            display: table;
            clear: both; }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video {
          /*@include homepage_carousel_aspect();*/ }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video:before, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video:before {
            content: '';
            float: left;
            padding-bottom: 56.338028169%; }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video:after, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video:after {
            content: '';
            display: table;
            clear: both; }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .play-button-thumbnail-wrapper, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .play-button-thumbnail-wrapper {
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 10px;
            border-radius: 10px;
            /*background-color:rgba( #000, .7);*/
            padding: 0px 5px; }
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button {
              color: #41c4fa;
              -webkit-transition-property: color;
              -moz-transition-property: color;
              -ms-transition-property: color;
              -o-transition-property: color;
              transition-property: color;
              -webkit-transition-duration: 0.2s;
              -moz-transition-duration: 0.2s;
              -ms-transition-duration: 0.2s;
              -o-transition-duration: 0.2s;
              transition-duration: 0.2s; }
              .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button img, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button img {
                width: 50px;
                padding: 3px;
                -webkit-transition-property: transform;
                -moz-transition-property: transform;
                -ms-transition-property: transform;
                -o-transition-property: transform;
                transition-property: transform;
                -webkit-transition-duration: 0.2s;
                -moz-transition-duration: 0.2s;
                -ms-transition-duration: 0.2s;
                -o-transition-duration: 0.2s;
                transition-duration: 0.2s; }
                @media only screen and (max-width: 29.999em) {
                  .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button img, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button img {
                    width: 30px; } }
              .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button:hover, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button:hover {
                color: #bbe6fb; }
                .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button:hover img, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .play-button-thumbnail-wrapper a.play-button:hover img {
                  -moz-transform: scale(1.2);
                  -o-transform: scale(1.2);
                  -ms-transform: scale(1.2);
                  -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .ctp-video-player-pkg.full-size, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .ctp-video-player-pkg.full-size {
            position: absolute;
            z-index: 1000;
            top: 0;
            height: 100%;
            /*@include homepage_carousel_aspect();*/
            max-height: 400px;
            /*height:100%;*/
            /*@include homepage_carousel_aspect();*/ }
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .ctp-video-player-pkg.full-size:before, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .ctp-video-player-pkg.full-size:before {
              content: '';
              float: left;
              padding-bottom: 56.338028169%; }
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .ctp-video-player-pkg.full-size:after, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .ctp-video-player-pkg.full-size:after {
              content: '';
              display: table;
              clear: both; }
            .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .ctp-video-player-pkg.full-size .video-js, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .ctp-video-player-pkg.full-size .video-js {
              /*@include homepage_carousel_aspect();*/ }
              .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .ctp-video-player-pkg.full-size .video-js:before, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .ctp-video-player-pkg.full-size .video-js:before {
                content: '';
                float: left;
                padding-bottom: 56.338028169%; }
              .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .ctp-video-player-pkg.full-size .video-js:after, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .ctp-video-player-pkg.full-size .video-js:after {
                content: '';
                display: table;
                clear: both; }
              .ctp-basic-carousel.dynamic-banner ul.elements .title-the-revolumtion-has-begun .banner-video.popup-video .ctp-video-player-pkg.full-size .video-js video, .ctp-basic-carousel.dynamic-banner ul.elements .title-introducing-deep-sea-speckles-banner .banner-video.popup-video .ctp-video-player-pkg.full-size .video-js video {
                /*@include homepage_carousel_aspect();*/ }
  .ctp-basic-carousel.dynamic-banner.christmas .title-the-revolumtion-has-begun {
    background-image: url("images/Splashlight-Spray-Close-Blasts-Glowing-Water-narrow-holidays.jpg") !important; }
  .ctp-basic-carousel.dynamic-banner .control {
    /*display:none; // because I have disabled the carousel for now.*/
    position: absolute;
    /*top: 380px;*/
    color: #fff;
    cursor: pointer;
    z-index: 3;
    height: 100%;
    /*width:50px;*/
    /*background-color:rgba( $secondary_lighter, .2);*/
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -ms-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    @media only screen and (min-width: 120em) {
      .ctp-basic-carousel.dynamic-banner .control {
        width: 50px; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .ctp-basic-carousel.dynamic-banner .control {
        width: 50px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .ctp-basic-carousel.dynamic-banner .control {
        width: 50px; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .ctp-basic-carousel.dynamic-banner .control {
        width: 50px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .ctp-basic-carousel.dynamic-banner .control {
        width: 50px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .ctp-basic-carousel.dynamic-banner .control {
        width: 30px; } }
    @media only screen and (max-width: 29.999em) {
      .ctp-basic-carousel.dynamic-banner .control {
        width: 30px; } }
    .ctp-basic-carousel.dynamic-banner .control img {
      display: none;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: .5;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -ms-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }
    .ctp-basic-carousel.dynamic-banner .control.prev {
      left: 0px;
      background-image: url("images/dark-gradient-left.png");
      background-repeat: repeat-y;
      background-size: contain; }
    .ctp-basic-carousel.dynamic-banner .control.next {
      right: 0px;
      background-image: url("images/dark-gradient-right.png");
      background-repeat: repeat-y;
      background-size: contain; }
    .ctp-basic-carousel.dynamic-banner .control.prev, .ctp-basic-carousel.dynamic-banner .control.next {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .ctp-basic-carousel.dynamic-banner .control:hover {
      /*      background-color:rgba( $secondary_lighter, 1);
            img{
              opacity:1;
            }*/ }
  .ctp-basic-carousel.dynamic-banner .mask {
    background-color: #000018; }
  .ctp-basic-carousel.dynamic-banner .triggers-wrap {
    display: none;
    vertical-align: bottom;
    position: absolute;
    /*right:0px;*/
    bottom: 0;
    text-align: center;
    /*width:10%;*/
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /*padding:10px;*/
    width: 100%;
    z-index: 3; }
    .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers {
      padding: 0;
      position: static;
      text-align: center;
      /*      width:50px;*/
      margin: 0 auto;
      /*height:30px;*/
      height: 30px;
      /*width:80%;*/
      vertical-align: bottom;
      text-align: center;
      margin: 0 auto;
      display: inline-block;
      /*      &.item-count-2{
              max-width:420px;
              text-align:center;
              vertical-align:bottom;
              li{
                width:48%;
      
              }
      
            }*/ }
      .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li {
        /*position:absolute;*/
        /*bottom:0px;*/
        /*max-width:250px;*/
        vertical-align: bottom;
        cursor: pointer;
        /*opacity:.5;*/
        /*@include aspect-ratio( 1, 1 );*/
        /*min-width:200px;*/
        display: block;
        float: left;
        margin-left: 1px;
        margin-right: 1px;
        height: 100%;
        position: relative;
        /*width:;*/
        /*padding:10px;*/
        /*border: rgba( #fff, 0 ) 4px solid;*/ }
        .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li .button {
          height: initial;
          text-align: center;
          -webkit-transition-property: background-color color padding;
          -moz-transition-property: background-color color padding;
          -ms-transition-property: background-color color padding;
          -o-transition-property: background-color color padding;
          transition-property: background-color color padding;
          -webkit-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          -ms-transition-duration: 0.4s;
          -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
          position: absolute;
          /*width:100%;*/
          bottom: 0;
          border-top-right-radius: 10px;
          border-top-left-radius: 10px;
          /*background-color:$secondary_lighter;*/
          /*@include std_button( $padding, $popup_button_color, $popup_button_color_hover,  $popup_button_bg_color , $popup_button_bg_color_hover );*/
          color: #f0d6fc;
          background-color: #ae89c0;
          /*padding-bottom:30px;*/
          padding-bottom: 0px;
          /*@include attribute_tiered( padding-bottom, 30px, 30px, 30px, 20px, 15px, 15px, 0px);*/ }
          .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li .button p {
            line-height: 1em;
            /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
              $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
              $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
              $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
              $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
            margin: 0;
            padding: 7px;
            white-space: nowrap; }
            @media only screen and (min-width: 120em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li .button p {
                font-size: 0.8em; } }
            @media only screen and (min-width: 90em) and (max-width: 119.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li .button p {
                font-size: 0.8em; } }
            @media only screen and (min-width: 80em) and (max-width: 89.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li .button p {
                font-size: 0.775em; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li .button p {
                font-size: 0.725em; } }
            @media only screen and (min-width: 40em) and (max-width: 63.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li .button p {
                font-size: 0.65em; } }
            @media only screen and (min-width: 30em) and (max-width: 39.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li .button p {
                font-size: 0.625em; } }
            @media only screen and (max-width: 29.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li .button p {
                font-size: 0.6em; } }
        @media only screen and (max-width: 39.999em) {
          .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li {
            /*border: rgba( #fff, 0 ) 1px solid;*/ } }
        .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li div {
          /*width:100%;*/
          height: 100%; }
        .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li:hover {
          opacity: 1; }
          .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li:hover .button {
            /*padding-bottom:40px;*/
            /*background-color:$ecommerce_button_color;*/
            /*@include std_button( $padding, $popup_button_color, $popup_button_color_hover,  $popup_button_bg_color , $popup_button_bg_color_hover );*/
            color: #fff;
            background-color: #bf9ad1; }
            @media only screen and (min-width: 120em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li:hover .button {
                padding-bottom: 10px; } }
            @media only screen and (min-width: 90em) and (max-width: 119.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li:hover .button {
                padding-bottom: 10px; } }
            @media only screen and (min-width: 80em) and (max-width: 89.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li:hover .button {
                padding-bottom: 10px; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li:hover .button {
                padding-bottom: 10px; } }
            @media only screen and (min-width: 40em) and (max-width: 63.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li:hover .button {
                padding-bottom: 5px; } }
            @media only screen and (min-width: 30em) and (max-width: 39.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li:hover .button {
                padding-bottom: 3px; } }
            @media only screen and (max-width: 29.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li:hover .button {
                padding-bottom: 2px; } }
        .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active {
          /*@include attribute_tiered( padding-bottom, 20px, 20px, 20px, 15px, 10px, 7px, 5px);*/
          /*padding-bottom:20px;*/
          /*border: rgba( #fff, 1 ) 4px solid ;*/
          opacity: 1; }
          @media only screen and (max-width: 39.999em) {
            .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active {
              /*border: rgba( #fff, 1 ) 1px solid;*/ } }
          .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active .button {
            padding-bottom: 50px;
            color: #0e062c;
            background-color: #fff; }
            @media only screen and (min-width: 120em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active .button {
                padding-bottom: 15px; } }
            @media only screen and (min-width: 90em) and (max-width: 119.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active .button {
                padding-bottom: 15px; } }
            @media only screen and (min-width: 80em) and (max-width: 89.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active .button {
                padding-bottom: 15px; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active .button {
                padding-bottom: 15px; } }
            @media only screen and (min-width: 40em) and (max-width: 63.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active .button {
                padding-bottom: 10px; } }
            @media only screen and (min-width: 30em) and (max-width: 39.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active .button {
                padding-bottom: 8px; } }
            @media only screen and (max-width: 29.999em) {
              .ctp-basic-carousel.dynamic-banner .triggers-wrap .triggers li.active .button {
                padding-bottom: 5px; } }
  .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*@include aspect-ratio( 710, 400 );*/
    /*  @media only screen and (min-width:80em){
        @include aspect-ratio( $homepage_carousel_ar_width, $homepage_carousel_ar_height_large );
      }
      @media only screen and (min-width:64em) and (max-width:79.9999em), only screen and (min-width:40em) and (max-width:63.999em){
        @include aspect-ratio( $homepage_carousel_ar_width, $homepage_carousel_ar_height_medium );
      }
      @media only screen and (max-width: 39.999em){
        @include aspect-ratio( $homepage_carousel_ar_width, $homepage_carousel_ar_height_small );
      }*/ }
    @media only screen and (min-width: 64em) {
      .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video:before {
        content: '';
        float: left;
        padding-bottom: 20.8333333333%; }
      .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video:after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video:before {
        content: '';
        float: left;
        padding-bottom: 31.25%; }
      .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video:after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (max-width: 39.999em) {
      .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video:before {
        content: '';
        float: left;
        padding-bottom: 41.6666666667%; }
      .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video:after {
        content: '';
        display: table;
        clear: both; } }
    .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video .video-js {
      /*  @media only screen and (min-width:80em){
          @include aspect-ratio( $homepage_carousel_ar_width, $homepage_carousel_ar_height_large );
        }
        @media only screen and (min-width:64em) and (max-width:79.9999em), only screen and (min-width:40em) and (max-width:63.999em){
          @include aspect-ratio( $homepage_carousel_ar_width, $homepage_carousel_ar_height_medium );
        }
        @media only screen and (max-width: 39.999em){
          @include aspect-ratio( $homepage_carousel_ar_width, $homepage_carousel_ar_height_small );
        }*/
      /*@include aspect-ratio( 710, 400 );*/
      /*          max-height:400px;*/ }
      @media only screen and (min-width: 64em) {
        .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video .video-js:before {
          content: '';
          float: left;
          padding-bottom: 20.8333333333%; }
        .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video .video-js:after {
          content: '';
          display: table;
          clear: both; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video .video-js:before {
          content: '';
          float: left;
          padding-bottom: 31.25%; }
        .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video .video-js:after {
          content: '';
          display: table;
          clear: both; } }
      @media only screen and (max-width: 39.999em) {
        .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video .video-js:before {
          content: '';
          float: left;
          padding-bottom: 41.6666666667%; }
        .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video .video-js:after {
          content: '';
          display: table;
          clear: both; } }
      .ctp-basic-carousel.dynamic-banner ul.elements .full-banner-video .video-js .vjs-control-bar {
        display: none; }
  .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner {
    /*.full-banner-video{*/
    /*z-index:2;*/
    /*position:absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*width:100%;*/
    /*height:100%;*/
    /*@include aspect-ratio( 710, 400 );*/ }
    .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap {
      width: 25%;
      /*margin-left:20px;*/
      /*@include aspect-ratio( 1, 1);*/ }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap {
          width: 30%; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap {
          width: 40%; } }
      @media only screen and (max-width: 29.999em) {
        .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap {
          width: 32%; } }
      .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap:before {
        content: '';
        float: left;
        padding-bottom: 100%; }
      .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap:after {
        content: '';
        display: table;
        clear: both; }
      .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap .ctp-video-wrapper {
        width: 100%;
        height: 100%;
        /*min-width:100px;*/
        /*max-width:400px;*/
        /*margin-right:100px;*/
        /*max-height:400px;*/ }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap .ctp-video-wrapper:before {
          content: '';
          float: left;
          padding-bottom: 100%; }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap .ctp-video-wrapper:after {
          content: '';
          display: table;
          clear: both; }
        .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap .ctp-video-wrapper .video-js {
          /*@include aspect-ratio( 710, 400 );*/
          /*          max-height:400px;*/ }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap .ctp-video-wrapper .video-js:before {
            content: '';
            float: left;
            padding-bottom: 100%; }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap .ctp-video-wrapper .video-js:after {
            content: '';
            display: table;
            clear: both; }
          .ctp-basic-carousel.dynamic-banner ul.elements .title-what-is-bioluminescence-banner .video-wrap .ctp-video-wrapper .video-js .vjs-control-bar {
            display: none; }

ul.elements .title-loading-splashlight-banner .video-wrap {
  border: 1px rgba(187, 230, 251, 0.2) solid;
  width: 40%;
  max-height: 100%;
  margin-right: 20px;
  /*@include homepage_carousel_aspect();*/ }
  ul.elements .title-loading-splashlight-banner .video-wrap:before {
    content: '';
    float: left;
    padding-bottom: 56.338028169%; }
  ul.elements .title-loading-splashlight-banner .video-wrap:after {
    content: '';
    display: table;
    clear: both; }
  ul.elements .title-loading-splashlight-banner .video-wrap .ctp-video-wrapper {
    width: 100%;
    height: 100%;
    /*min-width:100px;*/
    /*max-width:400px;*/
    /*@include homepage_carousel_aspect();*/
    /*margin-right:100px;*/
    /*max-height:400px;*/ }
    ul.elements .title-loading-splashlight-banner .video-wrap .ctp-video-wrapper:before {
      content: '';
      float: left;
      padding-bottom: 56.338028169%; }
    ul.elements .title-loading-splashlight-banner .video-wrap .ctp-video-wrapper:after {
      content: '';
      display: table;
      clear: both; }
    ul.elements .title-loading-splashlight-banner .video-wrap .ctp-video-wrapper .video-js {
      width: 100%;
      height: 100%;
      /*@include homepage_carousel_aspect();*/ }
      ul.elements .title-loading-splashlight-banner .video-wrap .ctp-video-wrapper .video-js:before {
        content: '';
        float: left;
        padding-bottom: 56.338028169%; }
      ul.elements .title-loading-splashlight-banner .video-wrap .ctp-video-wrapper .video-js:after {
        content: '';
        display: table;
        clear: both; }
      ul.elements .title-loading-splashlight-banner .video-wrap .ctp-video-wrapper .video-js .vjs-control-bar {
        /*display:none;*/ }

/*  .title-the-revolumtion-has-begun{
     background-image: url( 'images/Splashlight-Spraying-Close.jpg');
  }*/
.full-container {
  min-height: 100%;
  /*  @include transition-property(  background-image );
    @include transition-duration( 1s );*/ }
  .full-container .pagebg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden; }
    .full-container .pagebg .bg-slide {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: top center;
      z-index: -1; }
      .full-container .pagebg .bg-slide.au-bg {
        background-image: url("images/About-Us---footprints-in-the-sand.jpg"); }
      .full-container .pagebg .bg-slide.lts-bg {
        background-image: url("images/Splashlight-Glowing-in-the-Dark.jpg"); }
      .full-container .pagebg .bg-slide.wib-bg {
        background-image: url("images/Bioluminescent-Plankton-at-the-shore.jpg"); }
      .full-container .pagebg .bg-slide.trhb-bg {
        /*background-image: url( 'images/Enjoying-the-Splashlight---3-girls.jpg');*/
        background-image: url("images/pan-of-speckles.jpg");
        height: auto;
        opacity: 1;
        background-repeat: no-repeat;
        margin-top: -8%;
        /*        @media only screen and (min-width:120em){
                  margin-top:-10%;
                }*/ }
        .full-container .pagebg .bg-slide.trhb-bg:before {
          content: '';
          float: left;
          padding-bottom: 100%; }
        .full-container .pagebg .bg-slide.trhb-bg:after {
          content: '';
          display: table;
          clear: both; }
        @media only screen and (min-width: 80em) {
          .full-container .pagebg .bg-slide.trhb-bg {
            /*margin-top:-170px;*/ } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .full-container .pagebg .bg-slide.trhb-bg {
            /*margin-top:100px;*/ } }
        @media only screen and (max-width: 63.999em) {
          .full-container .pagebg .bg-slide.trhb-bg {
            /*margin-top:50px;*/
            background-size: contain; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .full-container .pagebg .bg-slide.trhb-bg {
            margin-top: 50px; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .full-container .pagebg .bg-slide.trhb-bg {
            margin-top: 80px; } }
        @media only screen and (max-width: 29.999em) {
          .full-container .pagebg .bg-slide.trhb-bg {
            margin-top: 110px; } }

div.slide-wrap {
  /*        padding-left:100px;
          padding-right:100px;*/
  /*padding: 10px 100px;*/
  /*width:80%;*/
  margin: 0 auto;
  /*background-color:rgba( $primary_darkest, .5 );*/ }
  div.slide-wrap h2 {
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
    text-align: left; }
    @media only screen and (min-width: 120em) {
      div.slide-wrap h2 {
        font-size: 1.5em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      div.slide-wrap h2 {
        font-size: 1.5em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      div.slide-wrap h2 {
        font-size: 1.4em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      div.slide-wrap h2 {
        font-size: 1.2em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      div.slide-wrap h2 {
        font-size: 0.9em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      div.slide-wrap h2 {
        font-size: 0.8em; } }
    @media only screen and (max-width: 29.999em) {
      div.slide-wrap h2 {
        font-size: 0.7em; } }
    @media only screen and (max-width: 39.999em) {
      div.slide-wrap h2 {
        margin: 0px; }
        div.slide-wrap h2 .alignleft {
          margin: 0 0 5px 5px; } }
  @media only screen and (max-width: 63.999em) {
    div.slide-wrap {
      /*                padding-left:30px;
              padding-right:30px;*/
      width: 95%;
      padding: 5px 30px; } }
  div.slide-wrap p.short-writeup {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
    color: #41c4fa;
    font-weight: 100;
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      div.slide-wrap p.short-writeup {
        font-size: 1em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      div.slide-wrap p.short-writeup {
        font-size: 1em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      div.slide-wrap p.short-writeup {
        font-size: 0.95em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      div.slide-wrap p.short-writeup {
        font-size: 0.85em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      div.slide-wrap p.short-writeup {
        font-size: 0.7em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      div.slide-wrap p.short-writeup {
        font-size: 0.65em; } }
    @media only screen and (max-width: 29.999em) {
      div.slide-wrap p.short-writeup {
        font-size: 0.6em; } }
    div.slide-wrap p.short-writeup a {
      font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
      font-weight: normal;
      color: #bbe6fb; }
      div.slide-wrap p.short-writeup a:hover {
        color: #fff; }
  div.slide-wrap div.alignright {
    margin-left: 20px;
    margin-bottom: 10px; }

.intro-featurette {
  float: left;
  margin-left: 3em;
  width: 17%;
  height: auto;
  max-width: 250px;
  min-width: 75px; }

.intro-featurette-header-center {
  /*@include menu_bar_height_application_woheaderpad( height );*/
  height: auto;
  width: 25%;
  min-width: 150px;
  max-width: 360px;
  /*vertical-align: top;*/
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  /*left:2em;*/
  top: calc( 100% + 1em);
  padding: .5em;
  background-color: rgba(0, 0, 24, 0.9); }

.intro-featurette-header-left {
  /*@include menu_bar_height_application_woheaderpad( height );*/
  height: auto;
  width: 20%;
  min-width: 100px;
  max-width: 360px;
  /*vertical-align: top;*/
  position: absolute;
  left: 2em;
  top: calc( 100% + 1em); }

.ctp-basic-carousel.additional-product-images {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  padding: 20px;
  /*padding:50px;*/
  position: static;
  /*background-color:rgba(#fff, .8);*/ }
  .ctp-basic-carousel.additional-product-images .mask {
    /*float:left;*/
    position: relative;
    margin: 0 auto;
    /*width:50%;*/
    /*height:266px;*/
    /*@include aspect-ratio( 1000,500 );*/
    overflow: hidden; }
    .ctp-basic-carousel.additional-product-images .mask:before {
      content: '';
      float: left;
      padding-bottom: 66.6666666667%; }
    .ctp-basic-carousel.additional-product-images .mask:after {
      content: '';
      display: table;
      clear: both; }
  .ctp-basic-carousel.additional-product-images ul {
    list-style: none; }
    .ctp-basic-carousel.additional-product-images ul.elements {
      margin: 0;
      /*      top:0px;
            left:0px;*/ }
      .ctp-basic-carousel.additional-product-images ul.elements:before {
        content: '';
        float: left;
        padding-bottom: 66.6666666667%; }
      .ctp-basic-carousel.additional-product-images ul.elements:after {
        content: '';
        display: table;
        clear: both; }
      .ctp-basic-carousel.additional-product-images ul.elements li {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        float: none;
        /*        top:0px;
                left:0px; */
        display: inline-block; }
        .ctp-basic-carousel.additional-product-images ul.elements li img {
          width: 100%; }
        .ctp-basic-carousel.additional-product-images ul.elements li .corner {
          position: absolute;
          bottom: 0;
          right: 0; }
        .ctp-basic-carousel.additional-product-images ul.elements li img.variant-thumbnail {
          padding-left: 10%;
          height: 100%;
          width: auto;
          position: absolute; }
  .ctp-basic-carousel.additional-product-images .control {
    position: absolute;
    /*top: 380px;*/
    color: #fff;
    cursor: pointer;
    /*    &.prev { 
          left:0px; 
        }
        &.next { 
          right:0px; 
    
        }*/ }
    .ctp-basic-carousel.additional-product-images .control.prev, .ctp-basic-carousel.additional-product-images .control.next {
      /*@include v-center();*/ }
  .ctp-basic-carousel.additional-product-images .mask {
    background-color: rgba(255, 255, 255, 0.4); }
  .ctp-basic-carousel.additional-product-images .corner {
    width: 40%;
    padding: 10px; }
    @media only screen and (max-width: 39.999em) {
      .ctp-basic-carousel.additional-product-images .corner {
        width: 60%; } }
    .ctp-basic-carousel.additional-product-images .corner .details {
      position: relative; }
      .ctp-basic-carousel.additional-product-images .corner .details .variant-info {
        display: block;
        /*             width:48%;*/
        /*float:left;*/
        text-align: right;
        padding: 5px; }
        @media only screen and (min-width: 120em) {
          .ctp-basic-carousel.additional-product-images .corner .details .variant-info {
            font-size: 1.2em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .variant-info {
            font-size: 1.2em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .variant-info {
            font-size: 1.2em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .variant-info {
            font-size: 1.2em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .variant-info {
            font-size: 1.2em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .variant-info {
            font-size: 0.9em; } }
        @media only screen and (max-width: 29.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .variant-info {
            font-size: 0.9em; } }
        @media only screen and (max-width: 39.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .variant-info {
            padding: 2px; } }
      .ctp-basic-carousel.additional-product-images .corner .details .price {
        position: absolute;
        left: 0;
        bottom: 100%;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
        @media only screen and (min-width: 120em) {
          .ctp-basic-carousel.additional-product-images .corner .details .price {
            font-size: 2em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .price {
            font-size: 2em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .price {
            font-size: 1.925em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .price {
            font-size: 1.775em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .price {
            font-size: 1.55em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .price {
            font-size: 1.475em; } }
        @media only screen and (max-width: 29.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .price {
            font-size: 1.4em; } }
        @media only screen and (max-width: 39.999em) {
          .ctp-basic-carousel.additional-product-images .corner .details .price {
            left: 0;
            top: 0; } }
      .ctp-basic-carousel.additional-product-images .corner .details .quantity {
        display: block;
        float: right;
        margin-left: 5px;
        max-width: 50%;
        position: relative;
        /*width:50px;*/ }
        .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
          text-align: center; }
          @media only screen and (min-width: 120em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              font-size: 1.2em; } }
          @media only screen and (min-width: 90em) and (max-width: 119.999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              font-size: 1.2em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              font-size: 1em; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              font-size: 1em; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              font-size: 1.2em; } }
          @media only screen and (min-width: 30em) and (max-width: 39.999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              font-size: 0.9em; } }
          @media only screen and (max-width: 29.999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              font-size: 0.9em; } }
          @media only screen and (min-width: 80em) and (max-width: 89.999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              height: auto;
              padding: 4px;
              margin-bottom: 5px; } }
          @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              height: auto;
              padding: 4px;
              margin-bottom: 5px; } }
          @media only screen and (min-width: 40em) and (max-width: 63.999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              height: auto;
              padding: 4px;
              margin-bottom: 5px; } }
          @media only screen and (max-width: 39.999em) {
            .ctp-basic-carousel.additional-product-images .corner .details .quantity input {
              margin-bottom: 5px;
              padding: 0px;
              height: auto; } }
        .ctp-basic-carousel.additional-product-images .corner .details .quantity:after {
          content: "qty";
          font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
          bottom: 100%;
          right: 0px;
          position: absolute;
          font-style: italic;
          font-size: .5em;
          opacity: 0.5; }
    .ctp-basic-carousel.additional-product-images .corner .add-to-cart-button {
      display: block;
      /*padding:10px;*/
      /*text-align:center;*/
      /*color:$secondary_darker;*/
      /*      background-color:$secondary_lighter;*/
      /*border-radius:0;*/
      /*font-family:$header_font;*/
      padding: 5px; }
      @media only screen and (min-width: 120em) {
        .ctp-basic-carousel.additional-product-images .corner .add-to-cart-button {
          font-size: 1.5em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .ctp-basic-carousel.additional-product-images .corner .add-to-cart-button {
          font-size: 1.5em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .ctp-basic-carousel.additional-product-images .corner .add-to-cart-button {
          font-size: 1.1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .ctp-basic-carousel.additional-product-images .corner .add-to-cart-button {
          font-size: 1.1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .ctp-basic-carousel.additional-product-images .corner .add-to-cart-button {
          font-size: 1.1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .ctp-basic-carousel.additional-product-images .corner .add-to-cart-button {
          font-size: 0.9em; } }
      @media only screen and (max-width: 29.999em) {
        .ctp-basic-carousel.additional-product-images .corner .add-to-cart-button {
          font-size: 0.9em; } }
  .ctp-basic-carousel.additional-product-images .triggers-wrap {
    position: absolute;
    right: 10%;
    top: 20px;
    width: 10%;
    max-width: 150px;
    /*padding:10px;*/ }
    @media only screen and (max-width: 119.999em) {
      .ctp-basic-carousel.additional-product-images .triggers-wrap {
        right: 20px; } }
    .ctp-basic-carousel.additional-product-images .triggers-wrap .select-color {
      font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
      color: #0e062c;
      margin: 0;
      text-align: center;
      line-height: 1em; }
      @media only screen and (min-width: 120em) {
        .ctp-basic-carousel.additional-product-images .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .ctp-basic-carousel.additional-product-images .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .ctp-basic-carousel.additional-product-images .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .ctp-basic-carousel.additional-product-images .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .ctp-basic-carousel.additional-product-images .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .ctp-basic-carousel.additional-product-images .triggers-wrap .select-color {
          font-size: 1em; } }
      @media only screen and (max-width: 29.999em) {
        .ctp-basic-carousel.additional-product-images .triggers-wrap .select-color {
          font-size: 1em; } }
    .ctp-basic-carousel.additional-product-images .triggers-wrap .triggers {
      padding: 0;
      position: static;
      width: 100%;
      margin: 0; }
      .ctp-basic-carousel.additional-product-images .triggers-wrap .triggers li {
        cursor: pointer;
        opacity: .8;
        display: block;
        float: none;
        margin-left: 1px;
        margin-right: 1px;
        width: 100%;
        border: rgba(255, 255, 255, 0) 4px solid;
        background-color: rgba(0, 0, 0, 0.5); }
        .ctp-basic-carousel.additional-product-images .triggers-wrap .triggers li:before {
          content: '';
          float: left;
          padding-bottom: 100%; }
        .ctp-basic-carousel.additional-product-images .triggers-wrap .triggers li:after {
          content: '';
          display: table;
          clear: both; }
        @media only screen and (max-width: 39.999em) {
          .ctp-basic-carousel.additional-product-images .triggers-wrap .triggers li {
            border: rgba(255, 255, 255, 0) 1px solid; } }
        .ctp-basic-carousel.additional-product-images .triggers-wrap .triggers li div {
          width: 100%;
          height: 100%; }
        .ctp-basic-carousel.additional-product-images .triggers-wrap .triggers li:hover {
          opacity: 1; }
        .ctp-basic-carousel.additional-product-images .triggers-wrap .triggers li.active {
          border: white 4px solid;
          opacity: 1; }
          @media only screen and (max-width: 39.999em) {
            .ctp-basic-carousel.additional-product-images .triggers-wrap .triggers li.active {
              border: white 1px solid; } }
  .ctp-basic-carousel.additional-product-images .control {
    /*position:absolute;*/
    /*top: 380px;*/
    color: #fff;
    cursor: pointer; }
    .ctp-basic-carousel.additional-product-images .control.prev, .ctp-basic-carousel.additional-product-images .control.next {
      /*@include v-center;*/
      top: auto;
      padding: 50px 20px;
      bottom: 0px;
      background-color: rgba(65, 196, 250, 0.4); }
      .ctp-basic-carousel.additional-product-images .control.prev:hover, .ctp-basic-carousel.additional-product-images .control.next:hover {
        background-color: rgba(65, 196, 250, 0.8); }
    .ctp-basic-carousel.additional-product-images .control.prev {
      left: 0;
      /*border-bottom-left-radius: 50%;*/ }
    .ctp-basic-carousel.additional-product-images .control.next {
      right: 0;
      border-bottom-right-radius: 40px; }

.lower-left.live-popup-button.link, .lower-left.ajax_popup_info.link {
  position: absolute;
  z-index: 2000;
  left: 0;
  bottom: 0; }

.additional-img-array {
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid #fff;
  padding: 1em;
  margin: 10px 0;
  position: relative; }
  .additional-img-array:hover {
    background-color: #eeeeff; }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .additional-img-array {
      /*padding:1.5em;*/ } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    .additional-img-array {
      /*padding:1.5em;*/ } }
  @media only screen and (max-width: 63.999em) {
    .additional-img-array {
      /*padding:5px;*/
      margin: 0px; } }
  .additional-img-array p.sub-title {
    position: absolute;
    top: 0;
    left: 15px;
    margin: 0;
    text-align: left;
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
    font-style: italic;
    color: #616eaa;
    white-space: nowrap; }
    @media only screen and (min-width: 120em) {
      .additional-img-array p.sub-title {
        font-size: 0.7rem; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .additional-img-array p.sub-title {
        font-size: 0.7rem; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .additional-img-array p.sub-title {
        font-size: 0.68rem; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .additional-img-array p.sub-title {
        font-size: 0.64rem; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .additional-img-array p.sub-title {
        font-size: 0.58rem; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .additional-img-array p.sub-title {
        font-size: 0.56rem; } }
    @media only screen and (max-width: 29.999em) {
      .additional-img-array p.sub-title {
        font-size: 0.54rem; } }
    @media only screen and (max-width: 63.999em) {
      .additional-img-array p.sub-title {
        position: static; } }
  .additional-img-array img {
    width: 5em;
    /*    margin-left:1px;
        margin-right:1px;*/
    margin-right: .2em; }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .additional-img-array img {
        width: 5em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .additional-img-array img {
        width: 5em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .additional-img-array img {
        width: 4em; } }
    @media only screen and (max-width: 63.999em) {
      .additional-img-array img {
        width: 3.5em;
        /*display:none;*/ } }

.shop-packages-display > .displays-container > div:not(.active) {
  pointer-events: none; }

.product-selector > .ctp-basic-carousel.product-shop > .mask > .preview {
  position: absolute;
  width: 100%;
  background-color: #000;
  left: 0;
  top: 0; }
  .product-selector > .ctp-basic-carousel.product-shop > .mask > .preview > img {
    width: 100%;
    height: auto; }

.additional-img-array img {
  /*margin-right:0.5em;*/
  border: 2px solid rgba(0, 0, 0, 0); }
  .additional-img-array img.active {
    border: 2px solid #41c4fa; }

/**
 * Custom variables
 * ----------------------------------------------------------------------------
 */
/*$all_dark_bg_body_body_classes*/
/*$all_dark_bg_article_body_classes =*/
body:not(.non-latin) {
  font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*      .light-bg{
          p{
            color:$secondary_light;
            font-family: $paragraph-font;
          }       
        }
        .dark-bg{
          p{
            color:$primary_light;
            font-family: $paragraph-font;
          }        
        }*/ }
  body:not(.non-latin) h1, body:not(.non-latin) h1 *, body:not(.non-latin) h2, body:not(.non-latin) h2 *, body:not(.non-latin) h3, body:not(.non-latin) h3 *, body:not(.non-latin) h4, body:not(.non-latin) h4 *, body:not(.non-latin) h5, body:not(.non-latin) h5 *, body:not(.non-latin) h6, body:not(.non-latin) h6 *, body:not(.non-latin) h7, body:not(.non-latin) h7 * {
    font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif;
    /*letter-spacing: 1px;*/
    font-weight: 400; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      body:not(.non-latin) h1, body:not(.non-latin) h1 *, body:not(.non-latin) h2, body:not(.non-latin) h2 *, body:not(.non-latin) h3, body:not(.non-latin) h3 *, body:not(.non-latin) h4, body:not(.non-latin) h4 *, body:not(.non-latin) h5, body:not(.non-latin) h5 *, body:not(.non-latin) h6, body:not(.non-latin) h6 *, body:not(.non-latin) h7, body:not(.non-latin) h7 * {
        word-spacing: 4px; } }
  body:not(.non-latin) h1.entry-title, body:not(.non-latin) h2.entry-title, body:not(.non-latin) h3.entry-title, body:not(.non-latin) h4.entry-title, body:not(.non-latin) h5.entry-title, body:not(.non-latin) h6.entry-title, body:not(.non-latin) h7.entry-title {
    /*padding-top:10px;*/ }
  body:not(.non-latin) h1 {
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      body:not(.non-latin) h1 {
        font-size: 2rem; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      body:not(.non-latin) h1 {
        font-size: 2rem; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      body:not(.non-latin) h1 {
        font-size: 1.925rem; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      body:not(.non-latin) h1 {
        font-size: 1.775rem; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      body:not(.non-latin) h1 {
        font-size: 1.55rem; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      body:not(.non-latin) h1 {
        font-size: 1.475rem; } }
    @media only screen and (max-width: 29.999em) {
      body:not(.non-latin) h1 {
        font-size: 1.4rem; } }
  body:not(.non-latin) h2 {
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      body:not(.non-latin) h2 {
        font-size: 1.6rem; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      body:not(.non-latin) h2 {
        font-size: 1.6rem; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      body:not(.non-latin) h2 {
        font-size: 1.545rem; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      body:not(.non-latin) h2 {
        font-size: 1.435rem; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      body:not(.non-latin) h2 {
        font-size: 1.27rem; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      body:not(.non-latin) h2 {
        font-size: 1.215rem; } }
    @media only screen and (max-width: 29.999em) {
      body:not(.non-latin) h2 {
        font-size: 1.16rem; } }
  body:not(.non-latin) h3 {
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      body:not(.non-latin) h3 {
        font-size: 1.3rem; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      body:not(.non-latin) h3 {
        font-size: 1.3rem; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      body:not(.non-latin) h3 {
        font-size: 1.26rem; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      body:not(.non-latin) h3 {
        font-size: 1.18rem; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      body:not(.non-latin) h3 {
        font-size: 1.06rem; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      body:not(.non-latin) h3 {
        font-size: 1.02rem; } }
    @media only screen and (max-width: 29.999em) {
      body:not(.non-latin) h3 {
        font-size: 0.98rem; } }
  body:not(.non-latin) h4 {
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      body:not(.non-latin) h4 {
        font-size: 1.125rem; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      body:not(.non-latin) h4 {
        font-size: 1.125rem; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      body:not(.non-latin) h4 {
        font-size: 1.09375rem; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      body:not(.non-latin) h4 {
        font-size: 1.03125rem; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      body:not(.non-latin) h4 {
        font-size: 0.9375rem; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      body:not(.non-latin) h4 {
        font-size: 0.90625rem; } }
    @media only screen and (max-width: 29.999em) {
      body:not(.non-latin) h4 {
        font-size: 0.875rem; } }
  body:not(.non-latin) h5 {
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      body:not(.non-latin) h5 {
        font-size: 1.0625rem; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      body:not(.non-latin) h5 {
        font-size: 1.0625rem; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      body:not(.non-latin) h5 {
        font-size: 1.034375rem; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      body:not(.non-latin) h5 {
        font-size: 0.978125rem; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      body:not(.non-latin) h5 {
        font-size: 0.89375rem; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      body:not(.non-latin) h5 {
        font-size: 0.865625rem; } }
    @media only screen and (max-width: 29.999em) {
      body:not(.non-latin) h5 {
        font-size: 0.8375rem; } }
  body:not(.non-latin) h6, body:not(.non-latin) th {
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      body:not(.non-latin) h6, body:not(.non-latin) th {
        font-size: 1rem; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      body:not(.non-latin) h6, body:not(.non-latin) th {
        font-size: 1rem; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      body:not(.non-latin) h6, body:not(.non-latin) th {
        font-size: 0.975rem; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      body:not(.non-latin) h6, body:not(.non-latin) th {
        font-size: 0.925rem; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      body:not(.non-latin) h6, body:not(.non-latin) th {
        font-size: 0.85rem; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      body:not(.non-latin) h6, body:not(.non-latin) th {
        font-size: 0.825rem; } }
    @media only screen and (max-width: 29.999em) {
      body:not(.non-latin) h6, body:not(.non-latin) th {
        font-size: 0.8rem; } }
  body:not(.non-latin) p, body:not(.non-latin) td, body:not(.non-latin) li {
    /*color:$secondary_light;*/
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
    /*padding-left:15px;*/
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      body:not(.non-latin) p, body:not(.non-latin) td, body:not(.non-latin) li {
        font-size: 1rem; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      body:not(.non-latin) p, body:not(.non-latin) td, body:not(.non-latin) li {
        font-size: 1rem; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      body:not(.non-latin) p, body:not(.non-latin) td, body:not(.non-latin) li {
        font-size: 0.975rem; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      body:not(.non-latin) p, body:not(.non-latin) td, body:not(.non-latin) li {
        font-size: 0.925rem; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      body:not(.non-latin) p, body:not(.non-latin) td, body:not(.non-latin) li {
        font-size: 0.85rem; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      body:not(.non-latin) p, body:not(.non-latin) td, body:not(.non-latin) li {
        font-size: 0.825rem; } }
    @media only screen and (max-width: 29.999em) {
      body:not(.non-latin) p, body:not(.non-latin) td, body:not(.non-latin) li {
        font-size: 0.8rem; } }
  body:not(.non-latin) a {
    text-decoration: none; }
body.non-latin {
  font-family: "co-text", Arial, "Helvetica Neue", Helvetica, sans-serif; }
  body.non-latin h1, body.non-latin h2, body.non-latin h3, body.non-latin h4, body.non-latin h5, body.non-latin h6, body.non-latin h7 {
    font-family: "co-text", Arial, "Helvetica Neue", Helvetica, sans-serif; }
    body.non-latin h1.entry-title, body.non-latin h2.entry-title, body.non-latin h3.entry-title, body.non-latin h4.entry-title, body.non-latin h5.entry-title, body.non-latin h6.entry-title, body.non-latin h7.entry-title {
      /*padding-top:10px;*/ }

p {
  font-size: 1em; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    p {
      font-size: 0.9em; } }
  @media only screen and (max-width: 39.999em) {
    p {
      font-size: 0.8em; } }

/*    :not(.non-latin){
      font-family:  $primary_font;
      h1, h2, h3, h4, h5, h6, h7 {
        font-family:  $header_font;
        &.entry-title{
          padding-top:10px;
        }
      }
    }
    .non-latin{
      font-family:  $non_latin_body_font;
      h1, h2, h3, h4, h5, h6, h7 {
        font-family:  $non_latin_header_font;
        &.entry-title{
          padding-top:10px;
        }
      }
    }*/
.ctp-inline-list li {
  vertical-align: top;
  display: inline;
  padding: 0;
  margin: 0; }

div.page-subtitle {
  /*margin:0 auto;*/
  /*width:50%;*/
  /*  @media  only screen and (min-width:120em) {
      width:$xxlarge_width;
    }  
    @media  only screen and (min-width:90em) {
      width:$xlarge_width;
    }   
    @media  only screen and (min-width:80em) and (max-width:89.999em) {
      width:$large_width;
    }     
    @media  only screen and (min-width:40em) and (max-width:63.999em) {
      width:$medium_width;     
    }
    @media  only screen and (min-width:30em) and (max-width:39.999em) {
      width:$small_width;
    }   */
  margin: 20px auto 50px auto;
  padding: 10px 10%;
  border-top: #bbe6fb 1px inset;
  border-bottom: #bbe6fb 1px inset; }
  @media only screen and (min-width: 120em) {
    div.page-subtitle {
      width: 75%; } }
  @media only screen and (min-width: 90em) {
    div.page-subtitle {
      width: 75%; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    div.page-subtitle {
      width: 80%; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    div.page-subtitle {
      width: 80%; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    div.page-subtitle {
      width: 80%; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    div.page-subtitle {
      width: 90%; } }
  @media only screen and (max-width: 29.999em) {
    div.page-subtitle {
      width: 90%; } }
  div.page-subtitle h1, div.page-subtitle h2, div.page-subtitle h3, div.page-subtitle h4, div.page-subtitle h5, div.page-subtitle h6 {
    font-size: 0.9em;
    text-align: center; }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      div.page-subtitle h1, div.page-subtitle h2, div.page-subtitle h3, div.page-subtitle h4, div.page-subtitle h5, div.page-subtitle h6 {
        font-size: 0.81em; } }
    @media only screen and (max-width: 39.999em) {
      div.page-subtitle h1, div.page-subtitle h2, div.page-subtitle h3, div.page-subtitle h4, div.page-subtitle h5, div.page-subtitle h6 {
        font-size: 0.72em; } }

.ctp-narrow {
  /*  @media  only screen and (min-width:120em) {
      width:$xxlarge_width;
    }  
    @media  only screen and (min-width:90em) {
      width:$xlarge_width;
    }   
    @media  only screen and (min-width:80em) and (max-width:89.999em) {
      width:$large_width;
    }     
    @media  only screen and (min-width:40em) and (max-width:63.999em) {
      width:$medium_width;     
    }
    @media  only screen and (min-width:30em) and (max-width:39.999em) {
      width:$small_width;
    }   */ }
  @media only screen and (min-width: 120em) {
    .ctp-narrow {
      width: 50%; } }
  @media only screen and (min-width: 90em) {
    .ctp-narrow {
      width: 50%; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .ctp-narrow {
      width: 75%; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    .ctp-narrow {
      width: 75%; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .ctp-narrow {
      width: 75%; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    .ctp-narrow {
      width: 80%; } }
  @media only screen and (max-width: 29.999em) {
    .ctp-narrow {
      width: 80%; } }

img.prefix-header-icon {
  padding-right: 2px; }

.footer-widgets {
  display: none; }

/*MAKE ANIMATIONS*/
/* make keyframes that tell the start state and the end state of our object */
.full-container {
  position: relative;
  /*  z-index:10;*/
  width: 100%; }

#interact-icon-group {
  float: right; }

.page-prefix-header .language-selector ul.pull-down-menu {
  margin: 0;
  padding: 8px;
  /*margin:4px;*/
  list-style-type: none;
  min-width: 100px;
  background: #000036;
  border: solid 1px #41c4fa;
  z-index: 1000; }
  .page-prefix-header .language-selector ul.pull-down-menu li {
    display: block;
    white-space: nowrap; }

.default-language-select {
  display: inline-block; }
  .default-language-select a.language-selector {
    /*display:inline-block;*/
    padding-left: 10px;
    padding-right: 10px; }
    .default-language-select a.language-selector select {
      margin: 0;
      /*display:inline-block;*/ }

.language-selector {
  margin: 0;
  /*  &:not(.show-if-java){
      display:inline-block;
    }*/ }
  .language-selector:not(.show-if-java) {
    display: inline-block; }

/*img.header-cart-icon{
  width:25px;
  display:inline-block;
}*/
img.header-language-icon, img.header-cart-icon {
  width: 25px;
  margin-top: -5px;
  display: inline-block;
  margin-right: 2px; }

.header-info-group {
  padding-left: 10px;
  padding-right: 10px; }

.row {
  max-width: 100%; }

.ctp_content_wrapper {
  /*max-width:$content_max_width;*/
  margin: 0 auto;
  /*width:$wrapper_width;*/
  width: 90%;
  /*TIERED WIDTHS*/
  /*@include width_tiered();*/
  /*  @media  only screen and (min-width:120em) {
      width:$xxlarge_width;
    }  
    @media  only screen and (min-width:90em) {
      width:$xlarge_width;
    }   
    @media  only screen and (min-width:80em) and (max-width:89.999em) {
      width:$large_width;
    }     
    @media  only screen and (min-width:40em) and (max-width:63.999em) {
      width:$medium_width;     
    }
    @media  only screen and (min-width:30em) and (max-width:39.999em) {
      width:$small_width;
    }   */ }
  @media only screen and (min-width: 90em) {
    .ctp_content_wrapper {
      max-width: 1300px; } }
  @media only screen and (max-width: 89.999em) {
    .ctp_content_wrapper {
      max-width: 1300px; } }

.bt-signature {
  /*font-size:1.25em;*/
  font-size: 1.25em;
  color: #bbe6fb;
  padding-left: 40px; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .bt-signature {
      font-size: 1.125em; } }
  @media only screen and (max-width: 39.999em) {
    .bt-signature {
      font-size: 1em; } }

.learn-tech.fg-accent-background {
  margin-top: 300px;
  background-position: 0 70px;
  background-repeat: no-repeat;
  background-size: contain;
  /*  position:absolute;
    top:0;
    left:0;
    z-index:-1;*/ }
  @media only screen and (min-width: 80em) {
    .learn-tech.fg-accent-background {
      background-image: url("images/BG-jelly-chembond-cutout-768x614.png"); } }
  @media only screen and (max-width: 63.999em) {
    .learn-tech.fg-accent-background {
      background-image: url("images/BG-jelly-chembond-cutout-300x240.png"); } }

.story.fg-accent-background {
  background-position: 0 70px;
  background-repeat: no-repeat;
  background-size: contain;
  /*  position:absolute;
    top:0;
    left:0;
    z-index:-1;*/ }
  @media only screen and (min-width: 80em) {
    .story.fg-accent-background {
      background-image: url("images/SL-Insert-the-Amazing-world-of-bioluminescence-webpage-bg-600x600.png"); } }
  @media only screen and (max-width: 63.999em) {
    .story.fg-accent-background {
      background-image: url("images/SL-Insert-the-Amazing-world-of-bioluminescence-webpage-bg-300x300.png"); } }

.with-close-subtitle {
  margin-bottom: 0;
  padding-bottom: 0; }

.fg-accent-background {
  /*background-color:#000;*/
  position: absolute;
  max-width: 800px;
  max-height: 1000px;
  width: 100%;
  height: 100%;
  z-index: 0;
  /*        -webkit-transform: translate3d(0,0,0);  // was trying to get rid of a samsung image flicker on scroll
        transform: translate3d(0,0,0); 
        -webkit-backface-visibility: hidden;*/ }

.language-icon {
  vertical-align: middle;
  /*margin-top:-5px;*/
  margin: -5px 2px 0 5px; }

.sl-Red-text {
  color: #e72325; }

.sl-Blue-text {
  color: #000cfc; }

.sl-Purple-text {
  color: #5f2d8a; }

.sl-Red-bg {
  background-color: #e72325; }

.sl-Blue-bg {
  background-color: #000cfc; }

.sl-Purple-bg {
  background-color: #5f2d8a; }

.stock {
  text-align: center;
  padding: 5px; }
  .stock.error {
    color: #C1272D; }
  .stock.warning {
    color: #FBB03B; }
  .stock.good {
    color: #39B54A; }

.form-feedback.error {
  color: #C1272D; }
.form-feedback.warning {
  color: #FBB03B; }
.form-feedback.success, .form-feedback.good {
  color: #39B54A; }

.sm-link {
  margin-left: 2px;
  margin-right: 2px; }
  .sm-link img {
    border-radius: 10%; }

a.simple-button {
  -webkit-transition-property: background-color color;
  -moz-transition-property: background-color color;
  -ms-transition-property: background-color color;
  -o-transition-property: background-color color;
  transition-property: background-color color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: rgba(65, 196, 250, 0.85); }
  a.simple-button img {
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  a.simple-button:not(.current):hover {
    background-color: #bbe6fb; }
    a.simple-button:not(.current):hover img {
      /*@include transition-property( background-color );*/
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }

.form-feedback-wrap {
  position: relative; }
  .form-feedback-wrap .form-feedback {
    margin: 0 !important;
    /*line-height:1em;*/
    font-size: .7em !important;
    font-weight: 900; }
    .form-feedback-wrap .form-feedback a.ajax-info {
      padding: 0 !important; }
    @media only screen and (max-width: 39.999em) {
      .form-feedback-wrap .form-feedback {
        font-size: .5em !important; } }

/*.ajax-animation{
  display:none;
  position:absolute;
  left:5px;
  bottom:-25px;

}*/
.ajax_popup_info {
  display: inline-block; }

.ajax_popup_info .ajaxcontent {
  text-align: left;
  background-color: rgba(10, 3, 22, 0.7);
  /*z-index:1000;*/
  /*left:100%;*/
  left: 0;
  top: 0;
  position: fixed;
  z-index: 3500;
  max-height: 100%;
  color: #fff;
  /*height:100vh;*/
  width: 100vw;
  overflow-y: auto;
  min-height: 100%;
  min-width: 100%;
  display: none;
  padding: 20px 40px; }
  @media only screen and (min-width: 80em) {
    .admin-bar .ajax_popup_info .ajaxcontent {
      top: 35px; } }
  @media only screen and (max-width: 79.9999em) {
    .admin-bar .ajax_popup_info .ajaxcontent {
      top: 45px; } }
  @media only screen and (max-width: 39.999em) {
    .ajax_popup_info .ajaxcontent {
      padding: 10px 10px; } }
  .ajax_popup_info .ajaxcontent .sub-wrap {
    padding: 20px 20px;
    border: 1px rgba(65, 196, 250, 0.5) solid;
    background: rgba(0, 0, 0, 0.7);
    width: 75%;
    margin: 0 auto;
    border-radius: 0 0 40px 0;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
    position: relative;
    z-index: 2000;
    /*padding:0 10%;*/
    /*position:absolute;*/
    /*top:40px;*/
    /*overflow-y:auto;*/ }
    @media only screen and (max-width: 39.999em) {
      .ajax_popup_info .ajaxcontent .sub-wrap {
        width: 100%; } }
    .ajax_popup_info .ajaxcontent .sub-wrap p {
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
      @media only screen and (min-width: 120em) {
        .ajax_popup_info .ajaxcontent .sub-wrap p {
          font-size: 1rem; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .ajax_popup_info .ajaxcontent .sub-wrap p {
          font-size: 1rem; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .ajax_popup_info .ajaxcontent .sub-wrap p {
          font-size: 0.975rem; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .ajax_popup_info .ajaxcontent .sub-wrap p {
          font-size: 0.925rem; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .ajax_popup_info .ajaxcontent .sub-wrap p {
          font-size: 0.85rem; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .ajax_popup_info .ajaxcontent .sub-wrap p {
          font-size: 0.825rem; } }
      @media only screen and (max-width: 29.999em) {
        .ajax_popup_info .ajaxcontent .sub-wrap p {
          font-size: 0.8rem; } }
      .ajax_popup_info .ajaxcontent .sub-wrap p.header-note {
        width: 60%;
        margin: 0 auto;
        min-width: 300px; }
    .ajax_popup_info .ajaxcontent .sub-wrap img.featured {
      /*              max-height:400px;
                    height:auto;*/
      max-width: 300px; }
    @media only screen and (max-width: 39.999em) {
      .ajax_popup_info .ajaxcontent .sub-wrap {
        padding-left: 5px;
        padding-right: 5px; } }
  @media only screen and (min-width: 120em) {
    .ajax_popup_info .ajaxcontent {
      font-size: 2em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    .ajax_popup_info .ajaxcontent {
      font-size: 2em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .ajax_popup_info .ajaxcontent {
      font-size: 1.5em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    .ajax_popup_info .ajaxcontent {
      font-size: 1.2em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .ajax_popup_info .ajaxcontent {
      font-size: 0.9em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    .ajax_popup_info .ajaxcontent {
      font-size: 0.7em; } }
  @media only screen and (max-width: 29.999em) {
    .ajax_popup_info .ajaxcontent {
      font-size: 0.7em; } }

.what-is-button, .live-popup-button {
  padding: 5px;
  /*padding:10px;*/
  /*    .close{
        @include font_size_tiered( 1.3em, 1.0em, .9em, 1.2em, 1.2em, 1.2em, 1.2em );
  
        @extend .aligncenter;
        display:inline-block;
        cursor:pointer;
        color:$bg_stage1_color;
                    padding:20px;
        @include attribute_tiered( padding,20px, 20px, 20px, 20px, 15px, 15px, 10px);
        background-color:$accent_light_color;
        &:hover{
          background-color: rgba( $accent_lighter_color, 1);
          border-radius:50%;
        }
        img{
          vertical-align:-20%;
          @include attribute_tiered( height,40px, 40px, 30px, 30px, 20px, 20px, 20px);
          @include attribute_tiered( vertical-align,-20%, -20%, -20%, -20%, -20%, -20%, -20%);
          height:40px;
          width:auto;
          padding:0 10px;
        }
      }      */ }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .what-is-button, .live-popup-button {
      padding: 2.5px; } }
  @media only screen and (max-width: 39.999em) {
    .what-is-button, .live-popup-button {
      padding: 1.75px; } }
  .what-is-button > a, .live-popup-button > a {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative;
    z-index: 1; }
    .what-is-button > a:hover, .live-popup-button > a:hover {
      -moz-transform: scale(1.02);
      -o-transform: scale(1.02);
      -ms-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      transform: scale(1.02);
      z-index: 2; }
  .what-is-button img.body-inline-icon-h, .live-popup-button img.body-inline-icon-h {
    height: 20px;
    width: auto;
    margin: 0 5px;
    vertical-align: -10%; }
  .what-is-button img.body-inline-icon, .live-popup-button img.body-inline-icon {
    width: 20px;
    vertical-align: -10%; }
  .what-is-button.small .sub-wrap, .live-popup-button.small .sub-wrap {
    max-width: 700px; }
  .what-is-button.medium .sub-wrap, .live-popup-button.medium .sub-wrap {
    max-width: 800px; }
  .what-is-button .content, .live-popup-button .content {
    overflow-y: auto;
    min-height: 100%;
    min-width: 100%;
    display: none;
    padding: 20px 40px;
    text-align: left;
    background-color: rgba(10, 3, 22, 0.7);
    z-index: 4000;
    /*left:100%;*/
    left: 0;
    top: 0;
    position: fixed;
    max-height: 100%;
    /*color:#fff;*/
    height: 100vh;
    width: 100vw;
    /*@include font_size_tiered( 2em, 2em, 1.5em, 1.2em, .9em, .7em, .7em );*/ }
    @media only screen and (min-width: 80em) {
      .admin-bar .what-is-button .content, .admin-bar .live-popup-button .content {
        top: 35px; } }
    @media only screen and (max-width: 79.9999em) {
      .admin-bar .what-is-button .content, .admin-bar .live-popup-button .content {
        top: 45px; } }
    @media only screen and (max-width: 39.999em) {
      .what-is-button .content, .live-popup-button .content {
        padding: 10px 10px; } }
    .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
      background-position: bottom right;
      background-repeat: no-repeat;
      border: 1px rgba(65, 196, 250, 0.7) solid;
      background-color: #000;
      padding: 50px;
      margin: 0 auto;
      width: 60%;
      border-bottom-right-radius: 40px;
      position: relative;
      /*      padding:0 10%;*/
      /*position:absolute;*/
      /*@include v-center;*/
      /*top:0;*/
      /*width:100%;*/
      -webkit-animation-name: fadeInRight;
      -moz-animation-name: fadeInRight;
      animation-name: fadeInRight;
      -webkit-animation-timing-function: ease-out;
      -moz-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-fill-mode: both;
      /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
      -moz-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.5s;
      -moz-animation-duration: 0.5s;
      animation-duration: 0.5s;
      -webkit-animation-delay: 0.5s;
      -moz-animation-delay: 0.5s;
      animation-delay: 0.5s;
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
      @media only screen and (min-width: 40em) {
        .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
          background-image: url("images/splat5.png"); } }
      @media only screen and (max-width: 39.999em) {
        .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
          width: 100%;
          padding: 20px; } }
      .what-is-button .content div.sub-wrap h2, .live-popup-button .content div.sub-wrap h2 {
        /*        @include site_fontsize_tier( 1.5em, 1 ); */ }
      @media only screen and (min-width: 120em) {
        .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
          font-size: 1em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
          font-size: 1em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
          font-size: 0.975em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
          font-size: 0.925em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
          font-size: 0.85em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
          font-size: 0.825em; } }
      @media only screen and (max-width: 29.999em) {
        .what-is-button .content div.sub-wrap, .live-popup-button .content div.sub-wrap {
          font-size: 0.8em; } }
      .what-is-button .content div.sub-wrap p, .live-popup-button .content div.sub-wrap p {
        font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
        /*@include site_fontsize_tier( 1.2em );*/ }
      .what-is-button .content div.sub-wrap img.featured, .live-popup-button .content div.sub-wrap img.featured {
        /*              max-height:400px;
                      height:auto;*/
        max-width: 300px; }
      .what-is-button .content div.sub-wrap .badge, .live-popup-button .content div.sub-wrap .badge {
        width: 50px; }

.body-light div.live-popup-button.contact-us-button, .body-dark div.live-popup-button.contact-us-button {
  display: inline-block; }
.body-light div.large-contact-button > a, .body-light div.contact-button > a, .body-light div.contact-us-button > a, .body-dark div.large-contact-button > a, .body-dark div.contact-button > a, .body-dark div.contact-us-button > a {
  text-align: center;
  padding: 10px;
  background-color: #8bf068;
  color: #0e062c; }
  .body-light div.large-contact-button > a:hover, .body-light div.contact-button > a:hover, .body-light div.contact-us-button > a:hover, .body-dark div.large-contact-button > a:hover, .body-dark div.contact-button > a:hover, .body-dark div.contact-us-button > a:hover {
    background-color: #adff8a; }
.body-light div.contact-us-link, .body-dark div.contact-us-link {
  display: inline; }
.body-light div.contact-us-button a, .body-light div.contact-us-link a, .body-dark div.contact-us-button a, .body-dark div.contact-us-link a {
  background-color: transparent;
  color: #8c679e; }
  .body-light div.contact-us-button a:hover, .body-light div.contact-us-link a:hover, .body-dark div.contact-us-button a:hover, .body-dark div.contact-us-link a:hover {
    color: #fff;
    background-color: transparent; }
.body-light a.contact-us-button, .body-dark a.contact-us-button {
  background-color: transparent;
  color: #69ce46; }
  .body-light a.contact-us-button:hover, .body-dark a.contact-us-button:hover {
    color: #8bf068;
    background-color: transparent; }
.body-light div.large-contact-button > a, .body-light div.contact-button > a, .body-dark div.large-contact-button > a, .body-dark div.contact-button > a {
  padding: 10px;
  font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif; }
.body-light div.large-contact-button, .body-dark div.large-contact-button {
  display: block;
  text-align: center; }
  .body-light div.large-contact-button > a, .body-dark div.large-contact-button > a {
    display: inline-block;
    width: 100%; }
.body-light a.large-contact-button, .body-dark a.large-contact-button {
  display: block;
  text-align: center;
  padding: 10px;
  background-color: #8bf068;
  color: #0e062c; }
  .body-light a.large-contact-button:hover, .body-dark a.large-contact-button:hover {
    background-color: #adff8a; }

/*html body{*/
p.header-note {
  font-style: italic;
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
  color: #6c77ac;
  padding: 5px 20px 20px 20px; }
  @media only screen and (min-width: 120em) {
    p.header-note {
      font-size: 0.8em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    p.header-note {
      font-size: 0.8em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    p.header-note {
      font-size: 0.785em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    p.header-note {
      font-size: 0.755em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    p.header-note {
      font-size: 0.71em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    p.header-note {
      font-size: 0.695em; } }
  @media only screen and (max-width: 29.999em) {
    p.header-note {
      font-size: 0.68em; } }

.light-bg p.header-note {
  color: #6c77ac; }

.dark-bg p.header-note {
  color: #63e6ff; }

/*}*/
.close {
  position: absolute;
  /*left:100%;*/
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  margin-left: 5px;
  border-radius: 50%;
  /*@extend .aligncenter;*/
  /*display:inline-block;*/
  cursor: pointer;
  color: #0a0316;
  /*            padding:20px;*/
  /*@include attribute_tiered( padding,10px, 10px, 10px, 7px, 7px, 7px, 5px);*/
  background-color: #ffcccc;
  /*background-color:$accent_light_color;*/ }
  @media only screen and (min-width: 120em) {
    .close {
      font-size: 0.9em; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    .close {
      font-size: 0.9em; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .close {
      font-size: 0.9em; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    .close {
      font-size: 0.9em; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .close {
      font-size: 0.9em; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    .close {
      font-size: 0.9em; } }
  @media only screen and (max-width: 29.999em) {
    .close {
      font-size: 0.9em; } }
  .close:hover {
    background-color: #ffaaaa;
    /*border-radius:50%;*/ }
  .close img {
    vertical-align: top;
    /*vertical-align:-20%;*/
    /*@include attribute_tiered( height,40px, 40px, 20px, 20px, 15px, 15px, 15px);*/
    /*@include attribute_tiered( vertical-align,-20%, -20%, -20%, -20%, -20%, -20%, -20%);*/
    /*height:40px;*/
    /*width:auto;*/
    /*padding:0 10px;*/ }
    @media only screen and (max-width: 39.999em) {
      .close img {
        /*padding:0 5px 0 2px;*/ } }

div.body-p-sub {
  /*font-family:$paragraph-font;*/
  color: #4a558a;
  font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
  padding-left: 15px;
  /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
    $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
    $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
    $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
    $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
  padding-left: 0px;
  margin-bottom: 16px;
  text-align: left; }
  @media only screen and (min-width: 120em) {
    div.body-p-sub {
      font-size: 1rem; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    div.body-p-sub {
      font-size: 1rem; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    div.body-p-sub {
      font-size: 0.975rem; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    div.body-p-sub {
      font-size: 0.925rem; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    div.body-p-sub {
      font-size: 0.85rem; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    div.body-p-sub {
      font-size: 0.825rem; } }
  @media only screen and (max-width: 29.999em) {
    div.body-p-sub {
      font-size: 0.8rem; } }

a.popup-link {
  color: #69ce46 !important;
  background-color: transparent !important; }
  a.popup-link:hover {
    color: #8bf068 !important;
    background-color: transparent !important; }

@media only screen and (max-width: 39.999em) {
  .show-for-medium-up {
    display: none; } }

.half-header {
  pointer-events: none;
  position: relative;
  width: 100%; }
  .half-header:before {
    content: '';
    float: left;
    padding-bottom: 3.90625%; }
  .half-header:after {
    content: '';
    display: table;
    clear: both; }
  .half-header img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2001; }

html body.woocommerce-cart .ecommerce-button.continue-shopping {
  display: inline-block;
  margin-bottom: 10px; }
html body.woocommerce-cart .product-quantity div.qty-note {
  font-size: .7em;
  font-style: italic;
  color: #39B54A;
  clear: both; }
  @media only screen and (max-width: 63.999em) {
    html body.woocommerce-cart .product-quantity div.qty-note {
      text-align: right; } }
@media only screen and (min-width: 64em) {
  html body.woocommerce-cart div.cart_totals {
    max-width: 300px; } }
html body.woocommerce-cart div.cart_totals table tr.order-total * {
  vertical-align: top;
  font-size: 1.5rem;
  padding-top: 9px; }
html body.woocommerce-cart tr.coupon-notice td {
  border-left: #8fae1b 5px solid !important;
  font-size: .8em;
  font-style: italic; }
  html body.woocommerce-cart tr.coupon-notice td::before {
    content: ""; }
html body.woocommerce-cart .coupon {
  /*    .wc-giftwrap{
        padding-left:40px;
        background-image:url('images/BioToy-will-wrap-your-gift-2.png');
        background-position:left center;
        background-repeat:no-repeat;
        background-size:contain;
        height:40px;
      }*/ }
  html body.woocommerce-cart .coupon > label[for="coupon_code"], html body.woocommerce-cart .coupon .input-text[name="coupon_code"], html body.woocommerce-cart .coupon .button[name="apply_coupon"] {
    /*display:none;*/ }
  html body.woocommerce-cart .coupon .delayed-shipping {
    color: #C1272D;
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      html body.woocommerce-cart .coupon .delayed-shipping {
        font-size: 0.9em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.woocommerce-cart .coupon .delayed-shipping {
        font-size: 0.9em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.woocommerce-cart .coupon .delayed-shipping {
        font-size: 0.855em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.woocommerce-cart .coupon .delayed-shipping {
        font-size: 0.765em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.woocommerce-cart .coupon .delayed-shipping {
        font-size: 0.63em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.woocommerce-cart .coupon .delayed-shipping {
        font-size: 0.585em; } }
    @media only screen and (max-width: 29.999em) {
      html body.woocommerce-cart .coupon .delayed-shipping {
        font-size: 0.54em; } }
  html body.woocommerce-cart .coupon .wc-giftwrap p {
    margin-top: 0px;
    text-align: left; }
  html body.woocommerce-cart .coupon button.close {
    width: auto !important; }

html body.woocommerce-checkout {
  /*  table.woocommerce-checkout-review-order-table{
    width:49%;
       display:inline-block;
       float:right;
       padding:5px;
       vertical-align:top;
       &:before{
         content:"Order Details";
         font-family:$header_font;
         background-color:transparent;
         
       }
    }*/
  /*  .woocommerce-checkout-review-order-table{
      td{
        font-family:$paragraph-font;
      }
      
    }*/ }
  html body.woocommerce-checkout .entry-content .ship-note {
    font-size: .7em;
    font-weight: 100;
    font-style: italic; }
  html body.woocommerce-checkout .entry-content p, html body.woocommerce-checkout .entry-content td, html body.woocommerce-checkout .entry-content td *, html body.woocommerce-checkout .entry-content li, html body.woocommerce-checkout .entry-content input, html body.woocommerce-checkout .entry-content select, html body.woocommerce-checkout .entry-content textarea, html body.woocommerce-checkout .entry-content li *, html body.woocommerce-checkout .entry-content a * {
    /*font-family:$primary_font;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
    color: #4a558a;
    /*    &.product-total{
          font-weight:bold;
        }*/ }
    html body.woocommerce-checkout .entry-content p.product-name, html body.woocommerce-checkout .entry-content td.product-name, html body.woocommerce-checkout .entry-content td *.product-name, html body.woocommerce-checkout .entry-content li.product-name, html body.woocommerce-checkout .entry-content input.product-name, html body.woocommerce-checkout .entry-content select.product-name, html body.woocommerce-checkout .entry-content textarea.product-name, html body.woocommerce-checkout .entry-content li *.product-name, html body.woocommerce-checkout .entry-content a *.product-name {
      font-weight: bold; }
    html body.woocommerce-checkout .entry-content p.product-total, html body.woocommerce-checkout .entry-content p.product-total *, html body.woocommerce-checkout .entry-content td.product-total, html body.woocommerce-checkout .entry-content td.product-total *, html body.woocommerce-checkout .entry-content td *.product-total, html body.woocommerce-checkout .entry-content td *.product-total *, html body.woocommerce-checkout .entry-content li.product-total, html body.woocommerce-checkout .entry-content li.product-total *, html body.woocommerce-checkout .entry-content input.product-total, html body.woocommerce-checkout .entry-content input.product-total *, html body.woocommerce-checkout .entry-content select.product-total, html body.woocommerce-checkout .entry-content select.product-total *, html body.woocommerce-checkout .entry-content textarea.product-total, html body.woocommerce-checkout .entry-content textarea.product-total *, html body.woocommerce-checkout .entry-content li *.product-total, html body.woocommerce-checkout .entry-content li *.product-total *, html body.woocommerce-checkout .entry-content a *.product-total, html body.woocommerce-checkout .entry-content a *.product-total * {
      /*font-weight:bold;*/
      color: #007600; }
  html body.woocommerce-checkout .entry-content tr.cart-subtotal td, html body.woocommerce-checkout .entry-content tr.cart-subtotal td * {
    color: #007600; }
  html body.woocommerce-checkout .entry-content .woocommerce-Price-amount.amount, html body.woocommerce-checkout .entry-content .woocommerce-Price-amount.amount * {
    color: #007600; }
  html body.woocommerce-checkout .entry-content tr.order-total td, html body.woocommerce-checkout .entry-content tr.order-total td * {
    color: #009800; }
  html body.woocommerce-checkout .entry-content tr.order-total td {
    font-size: 1.1em; }
  html body.woocommerce-checkout .entry-content label, html body.woocommerce-checkout .entry-content label *, html body.woocommerce-checkout .entry-content th {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
    /*    font-family:$paragraph-font !important;*/
    font-weight: bolder; }
  html body.woocommerce-checkout .light-bg p, html body.woocommerce-checkout .light-bg td, html body.woocommerce-checkout .light-bg li * {
    /*font-family:$primary_font;*/
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif !important;
    color: #4a558a; }
  html body.woocommerce-checkout .light-bg label {
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif !important; }
  html body.woocommerce-checkout .light-bg h3 {
    /*@include site_fontsize_tier( 2em );*/ }
  html body.woocommerce-checkout .light-bg h1, html body.woocommerce-checkout .light-bg h2, html body.woocommerce-checkout .light-bg h3, html body.woocommerce-checkout .light-bg h4, html body.woocommerce-checkout .light-bg h5, html body.woocommerce-checkout .light-bg h6 {
    /*font-family:$header_font;*/ }
    html body.woocommerce-checkout .light-bg h1, html body.woocommerce-checkout .light-bg h1 *, html body.woocommerce-checkout .light-bg h2, html body.woocommerce-checkout .light-bg h2 *, html body.woocommerce-checkout .light-bg h3, html body.woocommerce-checkout .light-bg h3 *, html body.woocommerce-checkout .light-bg h4, html body.woocommerce-checkout .light-bg h4 *, html body.woocommerce-checkout .light-bg h5, html body.woocommerce-checkout .light-bg h5 *, html body.woocommerce-checkout .light-bg h6, html body.woocommerce-checkout .light-bg h6 * {
      font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif; }
  html body.woocommerce-checkout .wc-terms-and-conditions {
    /*			text-align: left;
    			padding: 0 1em 0 0;*/
    float: none !important; }
  html body.woocommerce-checkout #customer_details {
    background-color: rgba(255, 255, 255, 0.5);
    margin: 10px 0px;
    padding: 10px; }
  html body.woocommerce-checkout h3#order_review_heading {
    margin: 20px auto 10px auto;
    /*width:60%;*/ }
  html body.woocommerce-checkout #order_review table.shop_table {
    /*width:60%;*/
    margin: 10px auto; }
    html body.woocommerce-checkout #order_review table.shop_table ul#shipping_method input.shipping_method {
      display: inline-block !important; }
    html body.woocommerce-checkout #order_review table.shop_table ul#shipping_method li {
      margin: 0;
      padding: .3em 0px; }
    html body.woocommerce-checkout #order_review table.shop_table tr.order-total {
      background-color: #ddffdd;
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
      @media only screen and (min-width: 120em) {
        html body.woocommerce-checkout #order_review table.shop_table tr.order-total {
          font-size: 1.2em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        html body.woocommerce-checkout #order_review table.shop_table tr.order-total {
          font-size: 1.2em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        html body.woocommerce-checkout #order_review table.shop_table tr.order-total {
          font-size: 1.19em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        html body.woocommerce-checkout #order_review table.shop_table tr.order-total {
          font-size: 1.17em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        html body.woocommerce-checkout #order_review table.shop_table tr.order-total {
          font-size: 1.14em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        html body.woocommerce-checkout #order_review table.shop_table tr.order-total {
          font-size: 1.13em; } }
      @media only screen and (max-width: 29.999em) {
        html body.woocommerce-checkout #order_review table.shop_table tr.order-total {
          font-size: 1.12em; } }
      html body.woocommerce-checkout #order_review table.shop_table tr.order-total th, html body.woocommerce-checkout #order_review table.shop_table tr.order-total td {
        border-top: #4a558a 2px inset !important; }
  html body.woocommerce-checkout .order-review-wrap {
    vertical-align: top; }
    @media only screen and (min-width: 64em) {
      html body.woocommerce-checkout .order-review-wrap {
        flex-wrap: wrap-reverse;
        width: 49%;
        display: inline-block;
        padding: 10px; } }
  html body.woocommerce-checkout #payment.woocommerce-checkout-payment {
    background-color: rgba(255, 255, 255, 0.5) !important; }
    html body.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods {
      background-color: transparent; }
      html body.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods div.payment_box {
        background-color: #d6e5ff !important; }
        html body.woocommerce-checkout #payment.woocommerce-checkout-payment ul.payment_methods div.payment_box:before {
          border-bottom-color: #d6e5ff !important;
          /*opacity:.5;*/ }
    html body.woocommerce-checkout #payment.woocommerce-checkout-payment p.cc-cvv {
      display: inline-block;
      width: auto; }
  html body.woocommerce-checkout input#place_order {
    padding: 20px; }
  @media only screen and (max-width: 39.999em) {
    html body.woocommerce-checkout form {
      /*input[]*/ }
      html body.woocommerce-checkout form input {
        /*font-size:.8em;*/
        display: block; }
      html body.woocommerce-checkout form #billing_first_name_field, html body.woocommerce-checkout form #billing_last_name_field, html body.woocommerce-checkout form #billing_email_field, html body.woocommerce-checkout form #billing_phone_field {
        float: none;
        width: 100%; } }
  html body.woocommerce-checkout form .wc_payment_methods .payment_box.payment_method_paypalpro .form-row.form-row-first {
    width: 100%; }
  html body.woocommerce-checkout form .form-row {
    padding-left: 0; }
    html body.woocommerce-checkout form .form-row .note {
      font-size: .7em;
      font-weight: 100;
      font-style: italic; }
  html body.woocommerce-checkout h3#order_review_heading {
    color: #4a558a;
    text-align: center;
    margin-top: 50px;
    /*margin-bottom:50px;*/
    /*temp margin for shipping counter*/
    margin-bottom: 10px;
    /*border-top:$secondary_dark inset 1px;*/
    border-bottom: #4a558a inset 2px; }
  html body.woocommerce-checkout #order_review {
    position: relative; }
  html body.woocommerce-checkout a.shipping-refresh {
    text-align: center;
    background-color: #41c4fa;
    color: #fff;
    padding: 5px 20px;
    position: absolute;
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /*top:-30px;*/ }
    @media only screen and (min-width: 120em) {
      html body.woocommerce-checkout a.shipping-refresh {
        font-size: 0.7em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.woocommerce-checkout a.shipping-refresh {
        font-size: 0.7em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.woocommerce-checkout a.shipping-refresh {
        font-size: 0.715em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.woocommerce-checkout a.shipping-refresh {
        font-size: 0.745em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.woocommerce-checkout a.shipping-refresh {
        font-size: 0.79em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.woocommerce-checkout a.shipping-refresh {
        font-size: 0.805em; } }
    @media only screen and (max-width: 29.999em) {
      html body.woocommerce-checkout a.shipping-refresh {
        font-size: 0.82em; } }
    html body.woocommerce-checkout a.shipping-refresh:hover {
      background-color: #63e6ff; }
    @media only screen and (max-width: 63.999em) {
      html body.woocommerce-checkout a.shipping-refresh {
        position: static;
        display: block;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; } }
  html body.woocommerce-checkout .delayed-shipping {
    color: #C1272D;
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
    text-align: center; }
    @media only screen and (min-width: 120em) {
      html body.woocommerce-checkout .delayed-shipping {
        font-size: 0.9em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.woocommerce-checkout .delayed-shipping {
        font-size: 0.9em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.woocommerce-checkout .delayed-shipping {
        font-size: 0.855em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.woocommerce-checkout .delayed-shipping {
        font-size: 0.765em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.woocommerce-checkout .delayed-shipping {
        font-size: 0.63em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.woocommerce-checkout .delayed-shipping {
        font-size: 0.585em; } }
    @media only screen and (max-width: 29.999em) {
      html body.woocommerce-checkout .delayed-shipping {
        font-size: 0.54em; } }
  html body.woocommerce-checkout .shipping-delay {
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
    font-style: italic;
    font-weight: 100; }
    @media only screen and (min-width: 120em) {
      html body.woocommerce-checkout .shipping-delay {
        font-size: 0.8em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.woocommerce-checkout .shipping-delay {
        font-size: 0.8em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.woocommerce-checkout .shipping-delay {
        font-size: 0.76em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.woocommerce-checkout .shipping-delay {
        font-size: 0.68em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.woocommerce-checkout .shipping-delay {
        font-size: 0.56em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.woocommerce-checkout .shipping-delay {
        font-size: 0.52em; } }
    @media only screen and (max-width: 29.999em) {
      html body.woocommerce-checkout .shipping-delay {
        font-size: 0.48em; } }
  html body.woocommerce-checkout .show_giftwrap {
    padding-right: 30px;
    background-image: url("images/BioToy-will-wrap-your-gift-2.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    /*height:40px !important;*/ }
  html body.woocommerce-checkout .cart-discount th {
    font-size: .8em;
    padding-left: 1.5em;
    color: #66669c; }
  html body.woocommerce-checkout .required {
    text-decoration: none; }

.co-steps-wrap {
  width: 100%;
  margin: 0px auto 90px auto;
  tex-align: center; }
  @media only screen and (max-width: 39.999em) {
    .co-steps-wrap {
      margin: 0px auto 90px auto; } }

.co-steps-progress {
  counter-reset: step;
  padding: 0; }
  .co-steps-progress li {
    list-style-type: none;
    width: 33%;
    float: left;
    /*font-size: 12px;*/
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #ae89c0;
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
    /*font-family:$primary_font;*/
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
    /*    @include font_size_tiered( 1em, 1em, 1em, 1em, .8em, .6em, .6em );*/ }
    @media only screen and (min-width: 120em) {
      .co-steps-progress li {
        font-size: 12px; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .co-steps-progress li {
        font-size: 12px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .co-steps-progress li {
        font-size: 11.44px; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .co-steps-progress li {
        font-size: 10.32px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .co-steps-progress li {
        font-size: 8.64px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .co-steps-progress li {
        font-size: 8.08px; } }
    @media only screen and (max-width: 29.999em) {
      .co-steps-progress li {
        font-size: 7.52px; } }
  .co-steps-progress li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 30px;
    border: 2px solid #ae89c0;
    display: block;
    text-align: center;
    margin: 0 auto 0px auto;
    border-radius: 50%;
    background-color: white;
    position: relative;
    z-index: 1; }
  .co-steps-progress li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #ae89c0;
    top: 15px;
    left: -50%;
    z-index: 0; }
  .co-steps-progress li:first-child:after {
    content: none; }
  .co-steps-progress li.active {
    color: #77d998; }
  .co-steps-progress li.active:before {
    border-color: #77d998; }
  .co-steps-progress li.active + li:after {
    background-color: #77d998; }
  .co-steps-progress li.complete {
    color: green; }
  .co-steps-progress li.complete:before {
    border-color: #55b776;
    content: "\2713"; }
  .co-steps-progress li.complete + li:after {
    background-color: #55b776; }

/*html body*/
.ajax_popup_info h2 {
  text-align: center;
  color: #bbe6fb; }
.ajax_popup_info .wpcf7 {
  width: 60%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 10px;
  border: rgba(255, 255, 255, 0.5) 1px inset; }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    .ajax_popup_info .wpcf7 {
      width: 80%;
      max-width: none; } }
  @media only screen and (max-width: 39.999em) {
    .ajax_popup_info .wpcf7 {
      width: 100%;
      max-width: none; } }
  .ajax_popup_info .wpcf7 p {
    font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #4a558a;
    /*font-size:1em;*/ }
    .ajax_popup_info .wpcf7 p option {
      font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif; }
  @media only screen and (min-width: 80em) {
    .ajax_popup_info .wpcf7 p {
      /*font-family:$primary_font;*/
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ } }
  @media only screen and (min-width: 80em) and (min-width: 120em) {
    .ajax_popup_info .wpcf7 p {
      font-size: 1.2rem; } }
  @media only screen and (min-width: 80em) and (min-width: 90em) and (max-width: 119.999em) {
    .ajax_popup_info .wpcf7 p {
      font-size: 1.2rem; } }
  @media only screen and (min-width: 80em) and (min-width: 80em) and (max-width: 89.999em) {
    .ajax_popup_info .wpcf7 p {
      font-size: 1.19rem; } }
  @media only screen and (min-width: 80em) and (min-width: 64em) and (max-width: 79.9999em) {
    .ajax_popup_info .wpcf7 p {
      font-size: 1.17rem; } }
  @media only screen and (min-width: 80em) and (min-width: 40em) and (max-width: 63.999em) {
    .ajax_popup_info .wpcf7 p {
      font-size: 1.14rem; } }
  @media only screen and (min-width: 80em) and (min-width: 30em) and (max-width: 39.999em) {
    .ajax_popup_info .wpcf7 p {
      font-size: 1.13rem; } }
  @media only screen and (min-width: 80em) and (max-width: 29.999em) {
    .ajax_popup_info .wpcf7 p {
      font-size: 1.12rem; } }
  @media only screen and (min-width: 80em) {
      .ajax_popup_info .wpcf7 p option {
        /*font-family:$primary_font;*/ } }
  .ajax_popup_info .wpcf7 input, .ajax_popup_info .wpcf7 select, .ajax_popup_info .wpcf7 textarea {
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      .ajax_popup_info .wpcf7 input, .ajax_popup_info .wpcf7 select, .ajax_popup_info .wpcf7 textarea {
        font-size: 0.8rem; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .ajax_popup_info .wpcf7 input, .ajax_popup_info .wpcf7 select, .ajax_popup_info .wpcf7 textarea {
        font-size: 0.8rem; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .ajax_popup_info .wpcf7 input, .ajax_popup_info .wpcf7 select, .ajax_popup_info .wpcf7 textarea {
        font-size: 0.81rem; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .ajax_popup_info .wpcf7 input, .ajax_popup_info .wpcf7 select, .ajax_popup_info .wpcf7 textarea {
        font-size: 0.83rem; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .ajax_popup_info .wpcf7 input, .ajax_popup_info .wpcf7 select, .ajax_popup_info .wpcf7 textarea {
        font-size: 0.86rem; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .ajax_popup_info .wpcf7 input, .ajax_popup_info .wpcf7 select, .ajax_popup_info .wpcf7 textarea {
        font-size: 0.87rem; } }
    @media only screen and (max-width: 29.999em) {
      .ajax_popup_info .wpcf7 input, .ajax_popup_info .wpcf7 select, .ajax_popup_info .wpcf7 textarea {
        font-size: 0.88rem; } }

form input, form select, form textarea {
  padding: 10px;
  border: 1px #ccc solid;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  /*  border-right:2px #888 solid;
    border-bottom:2px #888 solid;*/
  /*@include site_fontsize_tier( 1rem , .8);*/ }
form .form-row a.select2-choice {
  padding: 6px;
  color: #283368;
  border: 1px #aaa solid;
  /*  border-right:2px #888 solid;
    border-bottom:2px #888 solid;*/
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  border-radius: 0; }
  form .form-row a.select2-choice:hover {
    color: #283368; }

.wpcf7 form.contact-form > p {
  width: 50%;
  min-width: 350px;
  margin: 10px auto;
  font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*text-align:center;*/ }
  @media only screen and (max-width: 63.999em) {
    .wpcf7 form.contact-form > p {
      width: 90%;
      min-width: 0; } }
  .wpcf7 form.contact-form > p input, .wpcf7 form.contact-form > p select, .wpcf7 form.contact-form > p textarea {
    width: 100%;
    /*min-width:400px;*/ }

.ajax_popup_info {
  /*.sub-wrap{*/
  /*}*/ }
  .ajax_popup_info .wpcf7 form.contact-form > p {
    color: #000036; }
    .ajax_popup_info .wpcf7 form.contact-form > p input, .ajax_popup_info .wpcf7 form.contact-form > p select, .ajax_popup_info .wpcf7 form.contact-form > p textarea {
      color: #4a558a; }
    .ajax_popup_info .wpcf7 form.contact-form > p input[type="submit"] {
      -webkit-transition-property: background-color color;
      -moz-transition-property: background-color color;
      -ms-transition-property: background-color color;
      -o-transition-property: background-color color;
      transition-property: background-color color;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      background-color: #41c4fa;
      color: #fff;
      padding: 20px 10px; }
      .ajax_popup_info .wpcf7 form.contact-form > p input[type="submit"]:hover {
        background-color: #52d5ff;
        color: #fff; }
      .ajax_popup_info .wpcf7 form.contact-form > p input[type="submit"]:focus {
        background-color: #41c4fa;
        color: #fff; }

html body.page-template-page-faq .half-header {
  /*   margin-top:75px;
    @media only screen and (min-width:90em){
      margin-top:80px;
    }
    @media only screen and (max-width: 39.999em){
      margin-top:0;
      height:0px;
    }*/ }
  @media only screen and (min-width: 120em) {
    html body.page-template-page-faq .half-header {
      margin-top: 80px; } }
  @media only screen and (min-width: 90em) and (max-width: 119.999em) {
    html body.page-template-page-faq .half-header {
      margin-top: 80px; } }
  @media only screen and (min-width: 80em) and (max-width: 89.999em) {
    html body.page-template-page-faq .half-header {
      margin-top: 75px; } }
  @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
    html body.page-template-page-faq .half-header {
      margin-top: 75px; } }
  @media only screen and (min-width: 40em) and (max-width: 63.999em) {
    html body.page-template-page-faq .half-header {
      margin-top: 75px; } }
  @media only screen and (min-width: 30em) and (max-width: 39.999em) {
    html body.page-template-page-faq .half-header {
      margin-top: 0px; } }
  @media only screen and (max-width: 29.999em) {
    html body.page-template-page-faq .half-header {
      margin-top: 0px; } }
html body.page-template-page-faq header {
  /*margin-bottom:50px !important;*/ }
  @media only screen and (max-width: 63.999em) {
    html body.page-template-page-faq header {
      /*margin-bottom:30px !important;*/ } }
html body.page-template-page-faq .article_content_wrapper .entry-content {
  padding: 50px 15%; }
  html body.page-template-page-faq .article_content_wrapper .entry-content:not(.dark-bg) li, html body.page-template-page-faq .article_content_wrapper .entry-content:not(.dark-bg) p, html body.page-template-page-faq .article_content_wrapper .entry-content:not(.dark-bg) div, html body.page-template-page-faq .article_content_wrapper .entry-content:not(.dark-bg) span {
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
    color: #4a558a; }
  @media only screen and (min-width: 90em) {
    html body.page-template-page-faq .article_content_wrapper .entry-content {
      padding: 3% 300px 20px 300px; } }
  @media only screen and (max-width: 39.999em) {
    html body.page-template-page-faq .article_content_wrapper .entry-content {
      padding: 20px 5%; } }
html body.page-template-page-faq div {
  font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif; }
html body.page-template-page-faq figure {
  margin: 0;
  padding: 0; }
  html body.page-template-page-faq figure img {
    border: #000018 1px solid; }

html body.page-template-page-dark {
  background-color: #000018; }
  html body.page-template-page-dark header {
    /*padding-bottom:50px !important;*/ }
    @media only screen and (max-width: 63.999em) {
      html body.page-template-page-dark header {
        /*padding-bottom:30px !important;*/ } }
  html body.page-template-page-dark .entry-title {
    display: none; }
  html body.page-template-page-dark .article_content_wrapper .entry-content {
    z-index: 1;
    position: relative;
    background-color: rgba(0, 0, 24, 0.7);
    border: 1p #33334b solid;
    max-width: 1300px;
    width: 95%;
    margin: 0 auto;
    /*:not(".light-bg"){*/
    /*}*/
    padding: 50px 15%; }
    html body.page-template-page-dark .article_content_wrapper .entry-content li, html body.page-template-page-dark .article_content_wrapper .entry-content p, html body.page-template-page-dark .article_content_wrapper .entry-content div, html body.page-template-page-dark .article_content_wrapper .entry-content span, html body.page-template-page-dark .article_content_wrapper .entry-content figure {
      font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif !important;
      /*color:$secondary_light;*/ }
    @media only screen and (min-width: 90em) {
      html body.page-template-page-dark .article_content_wrapper .entry-content {
        padding: 20px 300px; } }
    @media only screen and (max-width: 39.999em) {
      html body.page-template-page-dark .article_content_wrapper .entry-content {
        padding: 20px 5%; } }
  html body.page-template-page-dark.slug-learn header {
    /*padding-top:20px;*/
    /*      background-image: url( "images/Bioluminescence-Header.jpg");
          background-size: cover;*/ }
  html body.page-template-page-dark.slug-learn .bioluminescent-banner .vjs-big-play-button {
    display: none !important; }
  html body.page-template-page-dark.slug-learn .bioluminescent-banner .video-wrap {
    position: relative;
    z-index: 1; }
  html body.page-template-page-dark.slug-our-story header {
    /*margin-top:8%;*/
    /*padding-top:20px;*/
    /*      background-image: url( "images/Bioluminescence-Header.jpg");
          background-size: cover;*/ }
    @media only screen and (min-width: 120em) {
      html body.page-template-page-dark.slug-our-story header {
        margin-top: 80px; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      html body.page-template-page-dark.slug-our-story header {
        margin-top: 80px; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      html body.page-template-page-dark.slug-our-story header {
        margin-top: 75px; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      html body.page-template-page-dark.slug-our-story header {
        margin-top: 75px; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      html body.page-template-page-dark.slug-our-story header {
        margin-top: 75px; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      html body.page-template-page-dark.slug-our-story header {
        margin-top: 0px; } }
    @media only screen and (max-width: 29.999em) {
      html body.page-template-page-dark.slug-our-story header {
        margin-top: 0px; } }
    @media only screen and (max-width: 39.999em) {
      html body.page-template-page-dark.slug-our-story header {
        margin-top: 0; } }
  html body.page-template-page-dark .bioluminescent-banner {
    /*@include menu_bar_height_margin( margin-top );*/
    /*      margin-top:3%;
          @media only screen and (max-width: 39.999em){
            margin-top:0;
          }
          @media only screen and (min-width:90em){
            margin-top:50px;;
          }*/
    /*padding:15px 0;*/ }
    html body.page-template-page-dark .bioluminescent-banner .slide-wrap {
      /*position:relative;*/
      /*height:100%;*/
      /*width:50%;*/
      /*max-width:575px;*/
      /*min-width:320px;*/
      padding: 0; }
      html body.page-template-page-dark .bioluminescent-banner .slide-wrap .short-writeup-wrap {
        position: relative;
        /*top:-50%;*/
        vertical-align: middle;
        /*              height:100%;
              width:100%;
                      @include v-center();*/ }
      html body.page-template-page-dark .bioluminescent-banner .slide-wrap .video-wrap {
        margin-bottom: 0; }

.bioluminescent-banner .slide-wrap {
  /*margin-top:20px;*/
  width: 100%;
  max-width: 1300px;
  padding: 20px 0;
  margin: 0 auto;
  /*background-color:rgba( $primary_darkest, .8);*/ }
  .bioluminescent-banner .slide-wrap p {
    font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif !important; }
  .bioluminescent-banner .slide-wrap h2 {
    margin-top: 0; }
  .bioluminescent-banner .slide-wrap .video-wrap {
    width: 100%;
    /*    width:25%;
        @media only screen and (min-width:40em) and (max-width:63.999em){
          width:30%;
        }
        @media only screen and (min-width:30em) and (max-width:39.999em){
          width:40%;
        }
        @media only screen and (max-width: 29.999em){
          width:32%;
        }*/
    /*margin-left:20px;*/
    /*@include aspect-ratio( 1, 1);*/
    /*@include aspect-ratio( 1, 1);*/ }
    .bioluminescent-banner .slide-wrap .video-wrap:before {
      content: '';
      float: left;
      padding-bottom: 20%; }
    .bioluminescent-banner .slide-wrap .video-wrap:after {
      content: '';
      display: table;
      clear: both; }
    .bioluminescent-banner .slide-wrap .video-wrap .ctp-video-wrapper {
      width: 100%;
      height: 100%;
      /*min-width:100px;*/
      /*max-width:400px;*/
      /*margin-right:100px;*/
      /*max-height:400px;*/ }
      .bioluminescent-banner .slide-wrap .video-wrap .ctp-video-wrapper:before {
        content: '';
        float: left;
        padding-bottom: 20%; }
      .bioluminescent-banner .slide-wrap .video-wrap .ctp-video-wrapper:after {
        content: '';
        display: table;
        clear: both; }
      .bioluminescent-banner .slide-wrap .video-wrap .ctp-video-wrapper .video-js {
        /*@include aspect-ratio( 710, 400 );*/
        /*          max-height:400px;*/ }
        .bioluminescent-banner .slide-wrap .video-wrap .ctp-video-wrapper .video-js:before {
          content: '';
          float: left;
          padding-bottom: 20%; }
        .bioluminescent-banner .slide-wrap .video-wrap .ctp-video-wrapper .video-js:after {
          content: '';
          display: table;
          clear: both; }
        .bioluminescent-banner .slide-wrap .video-wrap .ctp-video-wrapper .video-js .vjs-control-bar {
          display: none !important; }
  .bioluminescent-banner .slide-wrap .short-writeup {
    width: 100%;
    padding: 1em 2em;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    color: #fff; }
    @media only screen and (min-width: 64em) {
      .bioluminescent-banner .slide-wrap .short-writeup {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: .2em 2em; } }

.slug-light-night-bioluminescence .entry-content {
  padding: 20px !important; }

.gallery .gallery-item {
  width: calc( 33.33% - 10px);
  display: inline-block;
  margin: 5px; }

.page-template-page-faq .basic-video-player-pkg.ctp_content_wrapper.home-video-container {
  top: initial; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 17, 2016, 5:29:01 PM
    Author     : Captain Ty
*/
.info-read-more .ctp-video-wrapper {
  /*width:33%;*/ }
  @media only screen and (max-width: 63.999em) {
    .info-read-more .ctp-video-wrapper {
      /*width:50%;*/ } }
  .info-read-more .ctp-video-wrapper:before {
    content: '';
    float: left;
    padding-bottom: 100%; }
  .info-read-more .ctp-video-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  .info-read-more .ctp-video-wrapper .video-container {
    width: 100%;
    height: 100%; }
    .info-read-more .ctp-video-wrapper .video-container:before {
      content: '';
      float: left;
      padding-bottom: 100%; }
    .info-read-more .ctp-video-wrapper .video-container:after {
      content: '';
      display: table;
      clear: both; }
    .info-read-more .ctp-video-wrapper .video-container div.video-js {
      width: 100%;
      height: 100%; }
      .info-read-more .ctp-video-wrapper .video-container div.video-js:before {
        content: '';
        float: left;
        padding-bottom: 100%; }
      .info-read-more .ctp-video-wrapper .video-container div.video-js:after {
        content: '';
        display: table;
        clear: both; }
      .info-read-more .ctp-video-wrapper .video-container div.video-js .vjs-control-bar {
        display: none !important; }
      .info-read-more .ctp-video-wrapper .video-container div.video-js video.vjs-tech {
        width: 100%;
        height: 100%; }
  .info-read-more .ctp-video-wrapper.alignleft {
    margin-right: 10px;
    margin-bottom: 10px; }

.ctp-video-wrapper {
  /*height:70px;*/ }
  .ctp-video-wrapper:before {
    content: '';
    float: left;
    padding-bottom: 56.338028169%; }
  .ctp-video-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  .ctp-video-wrapper div.video-js {
    width: 100%;
    height: 100%; }
    .ctp-video-wrapper div.video-js:before {
      content: '';
      float: left;
      padding-bottom: 56.338028169%; }
    .ctp-video-wrapper div.video-js:after {
      content: '';
      display: table;
      clear: both; }

.page-template-page-home {
  /*overflow:hidden;*/
  background-color: #000018; }
  .page-template-page-home h1.entry-title {
    display: none; }
  .page-template-page-home .company-logo {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 10px;
    z-index: 5;
    height: auto; }
    @media only screen and (min-width: 40em) and (max-width: 63.999em), only screen and (min-width: 30em) and (max-width: 39.999em) {
      .page-template-page-home .company-logo {
        width: 70px; } }
    @media only screen and (max-width: 29.999em) {
      .page-template-page-home .company-logo {
        width: 50px; } }
  .page-template-page-home article.page {
    border-top: #bbe6fb 2px solid;
    border-bottom: #bbe6fb 1px solid;
    background-color: rgba(0, 0, 24, 0.7); }
    .page-template-page-home article.page .entry-content {
      text-align: center;
      max-width: 1300px;
      width: 95%;
      margin: 0 auto;
      padding: 0px; }
      .page-template-page-home article.page .entry-content figure {
        margin: 0; }
      .page-template-page-home article.page .entry-content .feature-description {
        min-width: 250px;
        width: 33%;
        max-width: 500px; }
      .page-template-page-home article.page .entry-content h1, .page-template-page-home article.page .entry-content h2, .page-template-page-home article.page .entry-content h3, .page-template-page-home article.page .entry-content h4, .page-template-page-home article.page .entry-content h5, .page-template-page-home article.page .entry-content h6 {
        font-size: 1.2em;
        text-align: center;
        padding: 0;
        margin: 0; }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .page-template-page-home article.page .entry-content h1, .page-template-page-home article.page .entry-content h2, .page-template-page-home article.page .entry-content h3, .page-template-page-home article.page .entry-content h4, .page-template-page-home article.page .entry-content h5, .page-template-page-home article.page .entry-content h6 {
            font-size: 1.02em; } }
        @media only screen and (max-width: 39.999em) {
          .page-template-page-home article.page .entry-content h1, .page-template-page-home article.page .entry-content h2, .page-template-page-home article.page .entry-content h3, .page-template-page-home article.page .entry-content h4, .page-template-page-home article.page .entry-content h5, .page-template-page-home article.page .entry-content h6 {
            font-size: 0.84em; } }
      .page-template-page-home article.page .entry-content p, .page-template-page-home article.page .entry-content p * {
        margin: 0 auto;
        font-size: 0.8em;
        font-weight: 100;
        text-align: center;
        /*color:$primary_light;*/
        font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
        max-width: 520px;
        width: 80%;
        color: #99c4d9; }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .page-template-page-home article.page .entry-content p, .page-template-page-home article.page .entry-content p * {
            font-size: 0.68em; } }
        @media only screen and (max-width: 39.999em) {
          .page-template-page-home article.page .entry-content p, .page-template-page-home article.page .entry-content p * {
            font-size: 0.56em; } }
      .page-template-page-home article.page .entry-content .promocode {
        margin-top: .5em;
        margin-bottom: .25em; }
        .page-template-page-home article.page .entry-content .promocode, .page-template-page-home article.page .entry-content .promocode * {
          font-size: 16px;
          /*color:#fff;*/
          font-weight: 1000 !important; }
          @media only screen and (max-width: 63.999em) {
            .page-template-page-home article.page .entry-content .promocode, .page-template-page-home article.page .entry-content .promocode * {
              font-size: 12px; } }
          @media only screen and (max-width: 39.999em) {
            .page-template-page-home article.page .entry-content .promocode, .page-template-page-home article.page .entry-content .promocode * {
              font-size: 8px; } }
  .page-template-page-home header.banner {
    background-color: #000018; }
  .page-template-page-home .main-menu {
    padding: 80px 20px 80px 20px;
    /*width:50%;*/
    margin: 0 auto;
    text-align: center; }
    .page-template-page-home .main-menu a.button {
      font-size: 0;
      margin: 10px;
      vertical-align: top;
      background-color: rgba(0, 0, 24, 0.8);
      border: #ae89c0 1px solid;
      border-radius: 20px 20px 0 0;
      padding: 0px;
      display: inline-block;
      position: relative;
      /*@include aspect-ratio( 10, 15);*/
      -webkit-transition-property: background-color color;
      -moz-transition-property: background-color color;
      -ms-transition-property: background-color color;
      -o-transition-property: background-color color;
      transition-property: background-color color;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s; }
      .page-template-page-home .main-menu a.button.main {
        max-width: 250px;
        width: 29%; }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .page-template-page-home .main-menu a.button.main {
            max-width: 170px; } }
      .page-template-page-home .main-menu a.button .title {
        background-color: #ae89c0;
        font-family: "Xolonium-web", "Helvetica Neue", arial, verdana, sans-serif;
        color: rgba(255, 255, 255, 0.9);
        padding: 15px 5px;
        margin: 0;
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
        -webkit-transition-property: background-color color;
        -moz-transition-property: background-color color;
        -ms-transition-property: background-color color;
        -o-transition-property: background-color color;
        transition-property: background-color color;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media only screen and (min-width: 120em) {
          .page-template-page-home .main-menu a.button .title {
            font-size: 1.2rem; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .page-template-page-home .main-menu a.button .title {
            font-size: 1.2rem; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .page-template-page-home .main-menu a.button .title {
            font-size: 1.155rem; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .page-template-page-home .main-menu a.button .title {
            font-size: 1.065rem; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .page-template-page-home .main-menu a.button .title {
            font-size: 0.93rem; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .page-template-page-home .main-menu a.button .title {
            font-size: 0.885rem; } }
        @media only screen and (max-width: 29.999em) {
          .page-template-page-home .main-menu a.button .title {
            font-size: 0.84rem; } }
        .page-template-page-home .main-menu a.button .title img {
          width: 100%;
          -webkit-transition-property: transform;
          -moz-transition-property: transform;
          -ms-transition-property: transform;
          -o-transition-property: transform;
          transition-property: transform;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -ms-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s; }
      .page-template-page-home .main-menu a.button img.thumbnail {
        font-size: 0;
        /*width:100%;*/
        /*opacity: .6 ;*/
        /*@include scale(.6 );*/
        -moz-transform: scale(0.8) rotate(-10deg);
        -o-transform: scale(0.8) rotate(-10deg);
        -ms-transform: scale(0.8) rotate(-10deg);
        -webkit-transform: scale(0.8) rotate(-10deg);
        transform: scale(0.8) rotate(-10deg);
        -webkit-transition-property: transform opacity;
        -moz-transition-property: transform opacity;
        -ms-transition-property: transform opacity;
        -o-transition-property: transform opacity;
        transition-property: transform opacity;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        /*        -webkit-transition: -webkit-transform .8s ease-in-out;
                  transition:         transform .8s ease-in-out;*/ }
      .page-template-page-home .main-menu a.button.shop-button {
        position: relative; }
        .page-template-page-home .main-menu a.button.shop-button div.title {
          position: relative; }
          .page-template-page-home .main-menu a.button.shop-button div.title div.shop-badge {
            position: absolute;
            right: 0;
            bottom: 0;
            margin-right: -20px;
            margin-bottom: -20px;
            background-color: #000018;
            border-radius: 50%;
            padding: 8px;
            border: rgba(187, 230, 251, 0.6) 1px inset; }
            .page-template-page-home .main-menu a.button.shop-button div.title div.shop-badge p {
              /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
                $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
                $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
                $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
                $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
              margin: 0;
              padding: 0;
              line-height: 1em;
              font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif; }
              @media only screen and (min-width: 120em) {
                .page-template-page-home .main-menu a.button.shop-button div.title div.shop-badge p {
                  font-size: 0.8rem; } }
              @media only screen and (min-width: 90em) and (max-width: 119.999em) {
                .page-template-page-home .main-menu a.button.shop-button div.title div.shop-badge p {
                  font-size: 0.8rem; } }
              @media only screen and (min-width: 80em) and (max-width: 89.999em) {
                .page-template-page-home .main-menu a.button.shop-button div.title div.shop-badge p {
                  font-size: 0.775rem; } }
              @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
                .page-template-page-home .main-menu a.button.shop-button div.title div.shop-badge p {
                  font-size: 0.725rem; } }
              @media only screen and (min-width: 40em) and (max-width: 63.999em) {
                .page-template-page-home .main-menu a.button.shop-button div.title div.shop-badge p {
                  font-size: 0.65rem; } }
              @media only screen and (min-width: 30em) and (max-width: 39.999em) {
                .page-template-page-home .main-menu a.button.shop-button div.title div.shop-badge p {
                  font-size: 0.625rem; } }
              @media only screen and (max-width: 29.999em) {
                .page-template-page-home .main-menu a.button.shop-button div.title div.shop-badge p {
                  font-size: 0.6rem; } }
        .page-template-page-home .main-menu a.button.shop-button img.deal {
          position: absolute;
          left: 0;
          margin-left: -15%;
          bottom: 96%;
          width: 60%;
          min-width: 120px;
          /*opacity:1;*/ }
      .page-template-page-home .main-menu a.button.secondary {
        max-width: 240px;
        width: 26%; }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .page-template-page-home .main-menu a.button.secondary {
            max-width: 150px; } }
        .page-template-page-home .main-menu a.button.secondary img.thumbnail {
          /*width:100%;*/
          opacity: 1;
          /*@include scale(.6 );*/
          -moz-transform: scale(0.4) rotate(10deg);
          -o-transform: scale(0.4) rotate(10deg);
          -ms-transform: scale(0.4) rotate(10deg);
          -webkit-transform: scale(0.4) rotate(10deg);
          transform: scale(0.4) rotate(10deg);
          -webkit-transition-property: transform opacity;
          -moz-transition-property: transform opacity;
          -ms-transition-property: transform opacity;
          -o-transition-property: transform opacity;
          transition-property: transform opacity;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -ms-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          /*        -webkit-transition: -webkit-transform .8s ease-in-out;
                    transition:         transform .8s ease-in-out;*/ }
        .page-template-page-home .main-menu a.button.secondary .title {
          color: rgba(255, 255, 255, 0.9);
          padding: 10px 5px;
          line-height: 1em;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -ms-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s; }
        .page-template-page-home .main-menu a.button.secondary:hover .title {
          /*            background-color:$secondary_lighter + #222;
          
                      color: rgba(#fff, 1);*/ }
        .page-template-page-home .main-menu a.button.secondary:hover img.thumbnail {
          /*          @include scale( .8 );
                    @include rotateY( 360 );*/
          opacity: 1;
          -moz-transform: scale(0.6) rotate(0deg);
          -o-transform: scale(0.6) rotate(0deg);
          -ms-transform: scale(0.6) rotate(0deg);
          -webkit-transform: scale(0.6) rotate(0deg);
          transform: scale(0.6) rotate(0deg);
          /*          transform: rotate( 360deg );*/ }
      .page-template-page-home .main-menu a.button:hover {
        background-color: #000018; }
        .page-template-page-home .main-menu a.button:hover .title {
          background-color: #d0abe2;
          color: white; }
          .page-template-page-home .main-menu a.button:hover .title img {
            -moz-transform: scale(1.05);
            -o-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -webkit-transform: scale(1.05);
            transform: scale(1.05); }
        .page-template-page-home .main-menu a.button:hover img.thumbnail {
          /*          @include scale( .8 );
                    @include rotateY( 360 );*/
          /*opacity: 1;*/
          -moz-transform: scale(1) rotate(0deg);
          -o-transform: scale(1) rotate(0deg);
          -ms-transform: scale(1) rotate(0deg);
          -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
          /*          transform: rotate( 360deg );*/ }
      .page-template-page-home .main-menu a.button img.shipping-ad {
        position: absolute;
        left: 0;
        right: 0;
        width: 150px;
        /*margin-left:-75px;*/
        margin-top: -75px;
        /*@include rotate( -30 );*/ }
    @media only screen and (max-width: 79.9999em) {
      .page-template-page-home .main-menu {
        padding: 50px 0px; } }
  .page-template-page-home div.post {
    max-width: 900px;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: rgba(0, 0, 24, 0.8); }
    .page-template-page-home div.post h3 {
      margin: 0;
      border-bottom: #bbe6fb 1px solid;
      font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif; }
    .page-template-page-home div.post p {
      font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif; }
      .page-template-page-home div.post p.date, .page-template-page-home div.post p.author {
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
        padding: 0;
        margin: 0; }
        @media only screen and (min-width: 120em) {
          .page-template-page-home div.post p.date, .page-template-page-home div.post p.author {
            font-size: 0.7em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .page-template-page-home div.post p.date, .page-template-page-home div.post p.author {
            font-size: 0.7em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .page-template-page-home div.post p.date, .page-template-page-home div.post p.author {
            font-size: 0.68em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .page-template-page-home div.post p.date, .page-template-page-home div.post p.author {
            font-size: 0.64em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .page-template-page-home div.post p.date, .page-template-page-home div.post p.author {
            font-size: 0.58em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .page-template-page-home div.post p.date, .page-template-page-home div.post p.author {
            font-size: 0.56em; } }
        @media only screen and (max-width: 29.999em) {
          .page-template-page-home div.post p.date, .page-template-page-home div.post p.author {
            font-size: 0.54em; } }
    .page-template-page-home div.post .body p {
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
      @media only screen and (min-width: 120em) {
        .page-template-page-home div.post .body p {
          font-size: 0.8em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .page-template-page-home div.post .body p {
          font-size: 0.8em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .page-template-page-home div.post .body p {
          font-size: 0.8em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .page-template-page-home div.post .body p {
          font-size: 0.8em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .page-template-page-home div.post .body p {
          font-size: 0.8em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .page-template-page-home div.post .body p {
          font-size: 0.8em; } }
      @media only screen and (max-width: 29.999em) {
        .page-template-page-home div.post .body p {
          font-size: 0.8em; } }
  .page-template-page-home .live-popup-button.post-popup {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 2000; }
    .page-template-page-home .live-popup-button.post-popup > a {
      background: none;
      display: inline-block;
      position: relative;
      -webkit-animation-timing-function: ease-out;
      -moz-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-fill-mode: both;
      /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
      -moz-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.5s;
      -moz-animation-duration: 0.5s;
      animation-duration: 0.5s;
      -webkit-animation-delay: 2s;
      -moz-animation-delay: 2s;
      animation-delay: 2s;
      padding: 0;
      /*@include fade_in_move( fadeInUp , 0, 100%);*/
      /*@include assign_animation_name( fadeInDown );*/
      -webkit-animation-name: fadeInUp;
      -moz-animation-name: fadeInUp;
      animation-name: fadeInUp;
      /*@extend .fadeInDown;*/ }
      .page-template-page-home .live-popup-button.post-popup > a img {
        border: 2px #ff9123 solid;
        -webkit-transition-property: transform;
        -moz-transition-property: transform;
        -ms-transition-property: transform;
        -o-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        moz-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        width: 175px; }
        @media only screen and (min-width: 120em) and (max-width: 99999999em) {
          .page-template-page-home .live-popup-button.post-popup > a img {
            width: 300px; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .page-template-page-home .live-popup-button.post-popup > a img {
            width: 250px; } }
        @media only screen and (max-width: 29.999em) {
          .page-template-page-home .live-popup-button.post-popup > a img {
            width: 100px; } }
      .page-template-page-home .live-popup-button.post-popup > a:hover {
        background: none; }
        .page-template-page-home .live-popup-button.post-popup > a:hover img {
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          -webkit-transform: scale(1);
          transform: scale(1); }
      .page-template-page-home .live-popup-button.post-popup > a:visited, .page-template-page-home .live-popup-button.post-popup > a:active, .page-template-page-home .live-popup-button.post-popup > a:focus {
        background: none; }
      .page-template-page-home .live-popup-button.post-popup > a::after {
        content: "";
        border: inset 10px;
        border-color: #ff9123 transparent transparent transparent;
        border-style: solid;
        /*top:50%;*/
        /*margin-top:- $size / 2;*/
        width: 0;
        height: 0;
        /*margin-right:20px;*/
        /*margin-left:-10px;*/
        position: absolute;
        top: 100%;
        margin-top: 0px;
        left: 0; }
    .page-template-page-home .live-popup-button.post-popup .content {
      /*background-image:url('images/Girl-Enjoying-Splashlight---stage1bg-x1920.jpg');*/
      background-image: url("images/Halloween-Waterworks.jpg");
      background-size: cover;
      background-position: bottom center;
      text-align: center; }
      .page-template-page-home .live-popup-button.post-popup .content img.float-bg {
        position: absolute;
        width: 100%;
        opacity: .5;
        left: 0;
        bottom: 0;
        z-index: -1; }
      .page-template-page-home .live-popup-button.post-popup .content .bottom-center {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: -1; }
    .page-template-page-home .live-popup-button.post-popup .sub-wrap {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      /*position:absolute;*/
      position: static;
      /*@include full-center();*/
      background-color: rgba(0, 0, 0, 0.8);
      border-color: rgba(65, 196, 250, 0.1);
      /*@include v-center();*/
      /*width:inherit;*/
      max-width: 650px;
      margin: 15% auto; }
      .page-template-page-home .live-popup-button.post-popup .sub-wrap h2 {
        padding-bottom: 20px; }
        @media only screen and (min-width: 120em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap h2 {
            font-size: 2em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap h2 {
            font-size: 2em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap h2 {
            font-size: 2em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap h2 {
            font-size: 1.75em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap h2 {
            font-size: 1.5em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap h2 {
            font-size: 1.25em; } }
        @media only screen and (max-width: 29.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap h2 {
            font-size: 1.25em; } }
        .page-template-page-home .live-popup-button.post-popup .sub-wrap h2 strong {
          font-weight: 800;
          color: #fff;
          font-style: italic; }
      .page-template-page-home .live-popup-button.post-popup .sub-wrap p {
        /*&, & span, & strong{*/
        /*}*/ }
        @media only screen and (min-width: 120em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap p {
            font-size: 1.2em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap p {
            font-size: 1.2em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap p {
            font-size: 1.2em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap p {
            font-size: 1em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap p {
            font-size: 1em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap p {
            font-size: 1em; } }
        @media only screen and (max-width: 29.999em) {
          .page-template-page-home .live-popup-button.post-popup .sub-wrap p {
            font-size: 1em; } }
        .page-template-page-home .live-popup-button.post-popup .sub-wrap p span, .page-template-page-home .live-popup-button.post-popup .sub-wrap p strong, .page-template-page-home .live-popup-button.post-popup .sub-wrap p a {
          font-size: 1em; }
        .page-template-page-home .live-popup-button.post-popup .sub-wrap p, .page-template-page-home .live-popup-button.post-popup .sub-wrap p * {
          color: #41c4fa;
          text-align: left; }
        .page-template-page-home .live-popup-button.post-popup .sub-wrap p a {
          color: #bbe6fb; }
          .page-template-page-home .live-popup-button.post-popup .sub-wrap p a:hover {
            color: #fff; }
        .page-template-page-home .live-popup-button.post-popup .sub-wrap p strong {
          font-weight: 800;
          color: #fff; }
      .page-template-page-home .live-popup-button.post-popup .sub-wrap img.w33 {
        width: 33%; }
  .page-template-page-home .content-footer {
    background-color: transparent;
    border: none;
    /*padding-bottom:125px;*/ }
    @media only screen and (min-width: 120em) and (max-width: 99999999em) {
      .page-template-page-home .content-footer {
        /*padding-bottom:200px;*/ } }
    @media only screen and (max-width: 29.999em) {
      .page-template-page-home .content-footer {
        /*padding-bottom:100px;*/ } }

.content-footer {
  padding: 20px 5px; }
  .content-footer .row .columns {
    /*      @media only screen and (max-width: 39.999em){
            &.col-left{
            text-align:center;
          }
          &.col-center{
            text-align:center;
          }
          &.col-right{
            text-align:center;
          }
                
          }*/ }
    .content-footer .row .columns.col-left {
      text-align: left; }
    .content-footer .row .columns.col-center {
      text-align: center; }
    .content-footer .row .columns.col-right {
      text-align: right; }
    .content-footer .row .columns a {
      display: block;
      font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
      color: #41c4fa;
      /*@include site_fontsize_tier( 1em , 0);*/
      /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
        $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
        $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
        $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
        $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
      @media only screen and (min-width: 120em) {
        .content-footer .row .columns a {
          font-size: 0.8em; } }
      @media only screen and (min-width: 90em) and (max-width: 119.999em) {
        .content-footer .row .columns a {
          font-size: 0.8em; } }
      @media only screen and (min-width: 80em) and (max-width: 89.999em) {
        .content-footer .row .columns a {
          font-size: 0.77em; } }
      @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
        .content-footer .row .columns a {
          font-size: 0.71em; } }
      @media only screen and (min-width: 40em) and (max-width: 63.999em) {
        .content-footer .row .columns a {
          font-size: 0.62em; } }
      @media only screen and (min-width: 30em) and (max-width: 39.999em) {
        .content-footer .row .columns a {
          font-size: 0.59em; } }
      @media only screen and (max-width: 29.999em) {
        .content-footer .row .columns a {
          font-size: 0.56em; } }
      .content-footer .row .columns a:hover {
        color: #bbe6fb; }
  .content-footer .dark-bg p {
    border-top: rgba(187, 230, 251, 0.1) 1px solid;
    color: #bbe6fb !important;
    font-family: Fry-Pro, "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-right: 20%;
    margin-left: 20%;
    padding-top: 10px;
    /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
      $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
      $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
      $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
      $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
    @media only screen and (min-width: 120em) {
      .content-footer .dark-bg p {
        font-size: 1em; } }
    @media only screen and (min-width: 90em) and (max-width: 119.999em) {
      .content-footer .dark-bg p {
        font-size: 1em; } }
    @media only screen and (min-width: 80em) and (max-width: 89.999em) {
      .content-footer .dark-bg p {
        font-size: 0.94em; } }
    @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
      .content-footer .dark-bg p {
        font-size: 0.82em; } }
    @media only screen and (min-width: 40em) and (max-width: 63.999em) {
      .content-footer .dark-bg p {
        font-size: 0.64em; } }
    @media only screen and (min-width: 30em) and (max-width: 39.999em) {
      .content-footer .dark-bg p {
        font-size: 0.58em; } }
    @media only screen and (max-width: 29.999em) {
      .content-footer .dark-bg p {
        font-size: 0.52em; } }

/*.post-footer{*/
/*}*/
body.error404 .article_content_wrapper {
  padding: 100px; }

.prefix-header {
  /*background-color:$primary_darkest;*/
  /*position:relative;*/
  width: 100%;
  /*text-align:center;*/
  position: absolute;
  top: 0; }
  .prefix-header .inner-wrap {
    /*width:100%;*/
    /*  z-index:-1;*/ }
  .prefix-header .sm-link {
    display: table; }
  .prefix-header .sm-link img {
    /*img{*/
    width: 40px;
    /*}*/ }
    @media only screen and (max-width: 39.999em) {
      .prefix-header .sm-link img {
        width: 30px; } }
  .prefix-header img.company-logo {
    width: 75px;
    position: absolute;
    left: 10px;
    top: 10px; }
    @media only screen and (max-width: 39.999em) {
      .prefix-header img.company-logo {
        width: 36px; } }
  .prefix-header .social-media {
    position: absolute;
    right: 0;
    top: 10px;
    /*left:0;*/
    padding: 2px;
    display: table; }
    @media only screen and (min-width: 64em) {
      .prefix-header .social-media.corner-info {
        top: 72px; } }
    @media only screen and (max-width: 63.999em) {
      .prefix-header .social-media {
        background-color: rgba(0, 0, 24, 0.5);
        border-radius: 5px; } }
  .prefix-header .company-name {
    color: #bbe6fb;
    margin: 0; }

.social-media {
  z-index: 2001; }
  .social-media .share-button {
    position: absolute;
    right: 100%;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -ms-transition-property: border;
    -o-transition-property: border;
    transition-property: border;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border: 1px rgba(65, 196, 250, 0.4) solid;
    border-right: 1px rgba(65, 196, 250, 0) solid;
    /*border-right:1px rgba($primary_light, 0) solid;*/
    background-color: rgba(0, 0, 24, 0.5); }
    @media only screen and (max-width: 29.999em) {
      .social-media .share-button {
        width: 40px;
        height: 40px; } }
    .social-media .share-button:hover {
      /*background-color:rgba($primary_light, .5 );*/
      border-left: 1px #41c4fa solid;
      border-top: 1px #41c4fa solid;
      border-bottom: 1px #41c4fa solid; }
  .social-media .sm-link {
    position: relative;
    display: table;
    width: auto; }
    .social-media .sm-link .sm-hover-menu {
      /*display:none;*/
      z-index: -1;
      display: inline-block;
      width: 0;
      position: absolute;
      right: 100%;
      top: 0;
      background-color: rgba(34, 34, 58, 0.9);
      border-radius: 5px 0 0 5px;
      /*border-top:1px rgba($primary_light, .2 ) solid;*/
      border-left: 1px rgba(65, 196, 250, 0.2) solid;
      border-bottom: 1px rgba(65, 196, 250, 0.2) solid;
      overflow: hidden;
      opacity: 0;
      /*max-height:0;*/
      /*width:0;*/
      -webkit-transition-property: opacity width;
      -moz-transition-property: opacity width;
      -ms-transition-property: opacity width;
      -o-transition-property: opacity width;
      transition-property: opacity width;
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
      -ms-transition-duration: 1s;
      -o-transition-duration: 1s;
      transition-duration: 1s; }
      .social-media .sm-link .sm-hover-menu .sm-inner-wrap {
        margin: 0  2px;
        padding: 45px 5px 0px 5px;
        width: 175px; }
      .social-media .sm-link .sm-hover-menu p {
        padding-top: 0;
        margin: 0; }
      .social-media .sm-link .sm-hover-menu h2 {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 10px 0px;
        color: white;
        /*background-color: rgba( $primary_darkest, .9 );*/
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
        border-bottom: rgba(255, 255, 255, 0.5) solid 2px;
        height: 40px; }
        @media only screen and (min-width: 120em) {
          .social-media .sm-link .sm-hover-menu h2 {
            font-size: 0.7em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .social-media .sm-link .sm-hover-menu h2 {
            font-size: 0.7em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .social-media .sm-link .sm-hover-menu h2 {
            font-size: 0.69em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .social-media .sm-link .sm-hover-menu h2 {
            font-size: 0.67em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .social-media .sm-link .sm-hover-menu h2 {
            font-size: 0.64em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .social-media .sm-link .sm-hover-menu h2 {
            font-size: 0.63em; } }
        @media only screen and (max-width: 29.999em) {
          .social-media .sm-link .sm-hover-menu h2 {
            font-size: 0.62em; } }
      .social-media .sm-link .sm-hover-menu h3 {
        text-align: left;
        margin: 0;
        padding: 0 10px 2px 10px;
        /*text-decoration: underline;*/
        font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
        font-weight: lightest;
        /*font-family:$primary_font;*/
        color: rgba(187, 230, 251, 0.6);
        /*background-color: rgba( $primary_lightest, .1 );*/
        /*border-bottom:1px rgba($primary_light, .5 ) solid;*/
        /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
          $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
          $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
          $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
          $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/ }
        @media only screen and (min-width: 120em) {
          .social-media .sm-link .sm-hover-menu h3 {
            font-size: 0.6em; } }
        @media only screen and (min-width: 90em) and (max-width: 119.999em) {
          .social-media .sm-link .sm-hover-menu h3 {
            font-size: 0.6em; } }
        @media only screen and (min-width: 80em) and (max-width: 89.999em) {
          .social-media .sm-link .sm-hover-menu h3 {
            font-size: 0.595em; } }
        @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
          .social-media .sm-link .sm-hover-menu h3 {
            font-size: 0.585em; } }
        @media only screen and (min-width: 40em) and (max-width: 63.999em) {
          .social-media .sm-link .sm-hover-menu h3 {
            font-size: 0.57em; } }
        @media only screen and (min-width: 30em) and (max-width: 39.999em) {
          .social-media .sm-link .sm-hover-menu h3 {
            font-size: 0.565em; } }
        @media only screen and (max-width: 29.999em) {
          .social-media .sm-link .sm-hover-menu h3 {
            font-size: 0.56em; } }
      .social-media .sm-link .sm-hover-menu .sm-action-wrap {
        /*background-color: rgba( $primary_lightest, .2 );*/
        /*border-top:1px rgba($primary_light, .2 ) solid;*/
        padding: 1px 0px;
        margin-top: 0px;
        margin-bottom: 2px;
        /*border-bottom:1px rgba($primary_light, .2 ) solid;*/ }
        .social-media .sm-link .sm-hover-menu .sm-action-wrap div.sm-action {
          padding: 0 10px;
          text-align: left; }
          .social-media .sm-link .sm-hover-menu .sm-action-wrap div.sm-action .visit {
            line-height: 1em;
            color: #fff;
            font-family: "co-text", verdana, "Helvetica Neue", arial, sans-serif;
            /*  $l_s:   $fontsize * .8 + ( ( 1 - 0.95) * $attenuator );
              $xm_s:  $fontsize * .75  + ( ( 1 - 0.85) * $attenuator );
              $m_s:   $fontsize * .7  + ( ( 1 - 0.7) * $attenuator );
              $s_s:   $fontsize * .65  + ( ( 1 - 0.65) * $attenuator );
              $xs_s:  $fontsize * .6  + ( ( 1 - 0.6) * $attenuator );*/
            padding: 3px  10px 3px 30px;
            background-image: url("images/goto_x50.png");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: left center; }
            @media only screen and (min-width: 120em) {
              .social-media .sm-link .sm-hover-menu .sm-action-wrap div.sm-action .visit {
                font-size: 0.8em; } }
            @media only screen and (min-width: 90em) and (max-width: 119.999em) {
              .social-media .sm-link .sm-hover-menu .sm-action-wrap div.sm-action .visit {
                font-size: 0.8em; } }
            @media only screen and (min-width: 80em) and (max-width: 89.999em) {
              .social-media .sm-link .sm-hover-menu .sm-action-wrap div.sm-action .visit {
                font-size: 0.76em; } }
            @media only screen and (min-width: 64em) and (max-width: 79.9999em) {
              .social-media .sm-link .sm-hover-menu .sm-action-wrap div.sm-action .visit {
                font-size: 0.68em; } }
            @media only screen and (min-width: 40em) and (max-width: 63.999em) {
              .social-media .sm-link .sm-hover-menu .sm-action-wrap div.sm-action .visit {
                font-size: 0.56em; } }
            @media only screen and (min-width: 30em) and (max-width: 39.999em) {
              .social-media .sm-link .sm-hover-menu .sm-action-wrap div.sm-action .visit {
                font-size: 0.52em; } }
            @media only screen and (max-width: 29.999em) {
              .social-media .sm-link .sm-hover-menu .sm-action-wrap div.sm-action .visit {
                font-size: 0.48em; } }
    .social-media .sm-link:hover .sm-hover-menu {
      width: 175px;
      z-index: 3001;
      /*width:auto;*/
      display: inline-block;
      opacity: 1;
      /*max-height:350px;*/
      -webkit-transition-property: opacity width;
      -moz-transition-property: opacity width;
      -ms-transition-property: opacity width;
      -o-transition-property: opacity width;
      transition-property: opacity width;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s; }
    .social-media .sm-link.twitter .sm-hover-menu h2 {
      background-color: #1da1f2; }
    .social-media .sm-link.twitter .sm-hover-menu .visit {
      background-color: #1da1f2;
      border-radius: 4px; }
      .social-media .sm-link.twitter .sm-hover-menu .visit:hover {
        background-color: #3fc3ff; }
    .social-media .sm-link.twitter:hover {
      background-color: #1da1f2; }
    .social-media .sm-link.facebook .sm-hover-menu h2 {
      background-color: #3b5a9d; }
    .social-media .sm-link.facebook .sm-hover-menu .visit {
      background-color: #4267b2;
      border-radius: 4px; }
      .social-media .sm-link.facebook .sm-hover-menu .visit:hover {
        background-color: #6489d4; }
    .social-media .sm-link.facebook:hover {
      background-color: #3b5a9d; }
    .social-media .sm-link.pinterest .sm-hover-menu h2 {
      background-color: #bd081c; }
    .social-media .sm-link.pinterest .sm-hover-menu .visit {
      background-color: #bd081c;
      border-radius: 4px; }
      .social-media .sm-link.pinterest .sm-hover-menu .visit:hover {
        background-color: #df2a3e; }
    .social-media .sm-link.pinterest:hover {
      background-color: #bd081c; }
    .social-media .sm-link.instagram .sm-hover-menu h2 {
      background-color: #e66c42; }
    .social-media .sm-link.instagram .sm-hover-menu .visit {
      background-color: #e66c42;
      border-radius: 4px; }
      .social-media .sm-link.instagram .sm-hover-menu .visit:hover {
        background-color: #ff8e64; }
    .social-media .sm-link.instagram:hover {
      background-color: #e66c42; }
    .social-media .sm-link.youtube .sm-hover-menu h2 {
      background-color: #b31217; }
    .social-media .sm-link.youtube .sm-hover-menu .visit {
      background-color: #b31217;
      border-radius: 2px; }
      .social-media .sm-link.youtube .sm-hover-menu .visit:hover {
        background-color: #d53439; }
    .social-media .sm-link.youtube:hover {
      background-color: #b31217; }

/*@import "foundation/components/magellan";*/

/*# sourceMappingURL=ctp-app.css.map */
