@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Montserrat:300,400,500,600,800,900");
/*animations */
/******************
 ** Bounce in right *
 ******************* */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.slower {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.slowest {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* Added by Andy Meetan */
.delay-250 {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s; }

.delay-500 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.delay-750 {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s; }

.delay-1000 {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s; }

.delay-1250 {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s; }

.delay-1500 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.delay-1750 {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s; }

.delay-2000 {
  -webkit-animation-delay: 2.0s;
  animation-delay: 2.0s; }

.delay-2500 {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s; }

.delay-2000 {
  -webkit-animation-delay: 2.0s;
  animation-delay: 2.0s; }

.delay-2500 {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s; }

.delay-3000 {
  -webkit-animation-delay: 3.0s;
  animation-delay: 3.0s; }

.delay-3500 {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s; }

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown, .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
  opacity: 0;
  transform: translateX(400px); }

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn {
  opacity: 0; }

.lightSpeedInRight, .lightSpeedInLeft {
  opacity: 0;
  transform: translateX(400px); }

/***********
 ** bounceIn *
 ************ */
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

.bounceIn.go {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

/****************
 ** bounceInRight *
 **************** */
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px); }
  60% {
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(400px); }
  60% {
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.bounceInRight.go {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

/******************
 ** Bounce in left *
 ******************* */
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-400px); }
  60% {
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-400px); }
  60% {
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.bounceInLeft.go {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

/******************
 ** Bounce in up *
 ******************* */
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(400px); }
  60% {
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(400px); }
  60% {
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.bounceInUp.go {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

/******************
 ** Bounce in down *
 ******************* */
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px); }
  60% {
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-400px); }
  60% {
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.bounceInDown.go {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

/**********
 ** Fade In *
 ********** */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    display: block; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    display: block; } }

.fadeIn {
  opacity: 0; }
  .fadeIn.go {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }

/**********
 ** Grow in *
 *********** */
@-webkit-keyframes growIn {
  0% {
    -webkit-transform: scale(0.2);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

@keyframes growIn {
  0% {
    transform: scale(0.2);
    opacity: 0; }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1);
    opacity: 1; } }

.growIn {
  transform: scale(0.2);
  opacity: 0; }
  .growIn.go {
    -webkit-animation-name: growIn;
    animation-name: growIn; }

/********
 ** Shake *
 ******** */
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }

.shake.go {
  -webkit-animation-name: shake;
  animation-name: shake; }

/********
 ** ShakeUp *
 ******** */
@-webkit-keyframes shakeUp {
  0%, 100% {
    -webkit-transform: translateY(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(10px); } }

@keyframes shakeUp {
  0%, 100% {
    transform: translateY(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateY(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateY(10px); } }

.shakeUp.go {
  -webkit-animation-name: shakeUp;
  animation-name: shakeUp; }

/*************
 ** FadeInLeft *
 ************* */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-400px); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-400px); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeft {
  opacity: 0;
  transform: translateX(-400px); }
  .fadeInLeft.go {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }

/*************
 ** FadeInRight *
 ************* */
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(400px); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRight {
  opacity: 0;
  transform: translateX(400px); }
  .fadeInRight.go {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }

/*************
 ** FadeInUp *
 ************* */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(400px); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(400px); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInUp {
  opacity: 0;
  transform: translateY(400px); }
  .fadeInUp.go {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }

/*************
 ** FadeInDown *
 ************* */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-400px); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDown {
  opacity: 0;
  transform: translateY(-400px); }
  .fadeInDown.go {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }

/*****************
 ** rotateIn *
 ***************** */
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }

.rotateIn.go {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

/*****************
 ** rotateInUpLeft *
 ***************** */
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft.go {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

/*******************
 ** rotateInDownLeft *
 ******************* */
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft.go {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

/******************
 ** rotateInUpRight *
 ******************* */
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight.go {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

/********************
 ** rotateInDownRight *
 ******************** */
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight.go {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

/*********
 ** rollIn *
 ********** */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }

.rollIn.go {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/*********
 ** wiggle *
 ********** */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg); } }

@keyframes wiggle {
  0% {
    transform: skewX(9deg); }
  10% {
    transform: skewX(-8deg); }
  20% {
    transform: skewX(7deg); }
  30% {
    transform: skewX(-6deg); }
  40% {
    transform: skewX(5deg); }
  50% {
    transform: skewX(-4deg); }
  60% {
    transform: skewX(3deg); }
  70% {
    transform: skewX(-2deg); }
  80% {
    transform: skewX(1deg); }
  90% {
    transform: skewX(0deg); }
  100% {
    transform: skewX(0deg); } }

.wiggle.go {
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

/********
 ** swing *
 ********* */
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }

.swing.go {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

/*******
 ** tada *
 ******** */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    transform: scale(1); }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0); } }

.tada.go {
  -webkit-animation-name: tada;
  animation-name: tada; }

/*********
 ** wobble *
 ********** */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%); } }

@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%); } }

.wobble.go {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

/********
 ** pulse *
 ********* */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.pulse.go {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

/***************
 ** lightSpeedInRight *
 **************** */
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedInRight {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedInRight.go {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

/***************
 ** lightSpeedInLeft *
 **************** */
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translateX(-100%) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(20%) skewX(-30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedInLeft {
  0% {
    transform: translateX(-100%) skewX(30deg);
    opacity: 0; }
  60% {
    transform: translateX(20%) skewX(-30deg);
    opacity: 1; }
  80% {
    transform: translateX(0%) skewX(15deg);
    opacity: 1; }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedInLeft.go {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

/*******
 ** Flip *
 ******* */
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

.flip.go {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip; }

/**********
 ** flipInX *
 ********** */
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    transform: perspective(400px) rotateX(10deg); }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX.go {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX; }

/**********
 ** flipInY *
 ********** */
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    transform: perspective(400px) rotateY(10deg); }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY.go {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY; }

/*****************
 ** Out animations *
 ***************** */
/************
 ** bounceOut *
 ************* */
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(0.3); } }

.bounceOut.goAway {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

/************
 ** bounceOutUp *
 ************* */
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.bounceOutUp.goAway {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

/************
 ** bounceOutDown *
 ************* */
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.bounceOutDown.goAway {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

/************
 ** bounceOutLeft *
 ************* */
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.bounceOutLeft.goAway {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

/************
 ** bounceOutRight *
 ************* */
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.bounceOutRight.goAway {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

/************
 ** fadeOut *
 ************* */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut.goAway {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

/************
 ** fadeOutUp *
 ************* */
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.fadeOutUp.goAway {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

/************
 ** fadeOutDown *
 ************* */
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.fadeOutDown.goAway {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

/************
 ** fadeOutLeft *
 ************* */
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.fadeOutLeft.goAway {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

/************
 ** fadeOutRight *
 ************* */
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.fadeOutRight.goAway {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

/************
 ** flipOutX *
 ************* */
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX.goAway {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important; }

/************
 ** flipOutY *
 ************* */
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

/************
 ** lightSpeedOutRight *
 ************* */
@-webkit-keyframes lightSpeedOutRight {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOutRight {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOutRight.goAway {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

/************
 ** lightSpeedOutLeft *
 ************* */
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-100%) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOutLeft {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    transform: translateX(-100%) skewX(30deg);
    opacity: 0; } }

.lightSpeedOutLeft.goAway {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

/************
 ** rotateOut *
 ************* */
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut.goAway {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

/************
 ** rotateOutUpLeft *
 ************* */
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft.goAway {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

/************
 ** rotateOutDownLeft *
 ************* */
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft.goAway {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

/************
 ** rotateOutUpRight *
 ************* */
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight.goAway {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

/************
 ** rollOut *
 ************* */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }

.rollOut.goAway {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

/*****************
 ** Short Animations
 ******************* */
/*********************
 ** fadeInUpShort
 ********************* */
@-webkit-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInUpShort {
  opacity: 0;
  transform: translateY(20px); }
  .fadeInUpShort.go {
    -webkit-animation-name: fadeInUpShort;
    animation-name: fadeInUpShort; }

/*********************
 ** fadeInDownShort
 ********************* */
@-webkit-keyframes fadeInDownShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDownShort {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDownShort {
  opacity: 0;
  transform: translateY(-20px); }
  .fadeInDownShort.go {
    -webkit-animation-name: fadeInDownShort;
    animation-name: fadeInDownShort; }

/*********************
 ** fadeInRightShort
 ********************* */
@-webkit-keyframes fadeInRightShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRightShort {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRightShort {
  opacity: 0;
  transform: translateX(20px); }
  .fadeInRightShort.go {
    -webkit-animation-name: fadeInRightShort;
    animation-name: fadeInRightShort; }

/*********************
 ** fadeInLeftShort
 ********************* */
@-webkit-keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeftShort {
  opacity: 0;
  transform: translateX(-20px); }
  .fadeInLeftShort.go {
    -webkit-animation-name: fadeInLeftShort;
    animation-name: fadeInLeftShort; }

html {
  overflow-x: hidden; }

body {
  background: #f8f8f8;
  color: #404350;
  font-family: "Montserrat", sans-serif;
  font-size: 20px; }

.page {
  position: relative;
  max-width: 1440px;
  margin: 0px auto; }

.container {
  max-width: 960px; }

.col-split {
  padding-left: 0px;
  padding-right: 0px; }

.blue {
  color: #4b8bf9; }

.green {
  color: #29db71; }

.red {
  color: #fe565b; }

.dark-red {
  color: #c23323; }

.purple {
  color: #8349e2; }

.orange {
  color: #fa9d45; }

h1 {
  font-family: "Comfortaa", cursive;
  font-weight: 700; }

h2 {
  font-family: "Comfortaa", cursive;
  font-size: 30px;
  color: #4b8bf9; }

h3 {
  font-family: "Comfortaa", cursive;
  font-size: 24px; }

h5 {
  font-size: 18px;
  font-weight: 600; }

a {
  position: relative;
  transition: all 0.3s;
  transition-timing-function: ease-out; }
  a:hover {
    color: #4b8bf9;
    text-decoration: none; }
  a.green:hover {
    color: #29db71; }
  a.red:hover {
    color: #fe565b; }
  a.purple:hover {
    color: #8349e2; }
  a.orange:hover {
    color: #fa9d45; }

a, button, input {
  outline: none !important; }
  a:focus, button:focus, input:focus {
    outline-color: transparent !important;
    outline-style: none !important;
    box-shadow: none !important; }

.margin-auto {
  margin: 0px auto; }

.btn {
  text-align: center;
  background: #4b8bf9;
  color: #fff;
  padding: 20px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0px 27px 30px -28px rgba(0, 0, 0, 0.75); }
  .btn.btn-sm {
    padding: 5px 20px; }
  .btn.btn-round {
    background: #fff;
    width: 66px;
    height: 66px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: "Montserrat", sans-serif;
    color: #4b8bf9;
    padding: 0px;
    border: 3px solid #E2E3E7;
    border-radius: 50%;
    overflow: hidden; }
    .btn.btn-round:hover, .btn.btn-round.active {
      border: 3px solid #4b8bf9; }
    .btn.btn-round.red {
      background: #fff;
      color: #fe565b; }
      .btn.btn-round.red:hover, .btn.btn-round.red.active {
        border: 3px solid #fe565b; }
  .btn.btn-var {
    background: #fff;
    width: 66px;
    height: 66px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: "Montserrat", sans-serif;
    color: #4b8bf9;
    padding: 0px;
    border: 3px solid #E2E3E7;
    border-radius: 50%;
    overflow: hidden; }
    .btn.btn-var.custom {
      color: #404350;
      letter-spacing: 0px;
      font-size: 11px; }
    .btn.btn-var:hover, .btn.btn-var.active {
      border: 3px solid #4b8bf9; }
  .btn.blue {
    background: #4b8bf9;
    color: #fff; }
  .btn.green {
    background: #29db71;
    color: #fff; }
  .btn.red {
    background: #fe565b;
    color: #fff; }
  .btn.purple {
    background: #8349e2;
    color: #fff; }
  .btn.grey {
    background: #404350;
    color: #fff; }
  .btn.white {
    background: #fff;
    color: #adacb1;
    border: 3px solid #E2E3E7; }
  .btn.qty-toggle {
    background: none;
    padding: 5px 5px 0px 5px; }

input.input-round {
  text-align: center;
  width: 66px;
  height: 66px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  font-family: "Montserrat", sans-serif;
  color: #4b8bf9;
  padding: 0px;
  border: 3px solid #E2E3E7;
  border-radius: 50%; }

ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }

.divider-squig {
  position: relative;
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/divider-horz-squig.svg?v=5403198530028123960') center center repeat-x;
  width: 100%;
  height: 11px; }

.divider-horz {
  border-bottom: 1px solid #adacb1;
  width: 10%;
  margin: 10px auto; }
  .divider-horz.fat {
    border-bottom: 10px solid; }
  .divider-horz.full {
    width: 100%; }

.help-content .divider-horz {
  margin: 30px auto; }

.help-content .help-btn {
  margin: 20px auto 30px auto; }

.text-sm {
  font-size: 14px; }

.breadcrumbs {
  font-family: "Comfortaa", cursive;
  position: relative;
  top: 30px;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 10px; }
  .breadcrumbs li {
    display: inline-block;
    color: #adacb1;
    opacity: .6; }
    .breadcrumbs li a {
      color: #adacb1; }
    .breadcrumbs li:after {
      content: '/';
      padding-left: 5px; }
    .breadcrumbs li:last-child:after {
      content: '';
      padding-left: 0px; }

.quote {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  padding-left: 40px;
  padding-top: 10px; }
  .quote:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    height: 50px;
    width: 20px;
    background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/left-squig.svg?v=13043409942920455816'); }

header {
  position: fixed;
  width: 100%;
  overflow: visible;
  background: white;
  padding-bottom: 20px;
  z-index: 998;
  transition: all 0.3s;
  transition-timing-function: ease-out; }
  header.subnav-active {
    padding-bottom: 130px; }
  header:hover, header.active {
    background: #fff; }
  @media (max-width: 479px) {
    header {
      position: relative;
      background: #fff;
      padding-bottom: 10px; }
      header .header-top {
        padding: 5px 0px 0px 0px;
        top: 0px; }
      header .header-bottom {
        margin-top: 10px;
        padding-top: 15px; } }
.header-top {
  position: relative;
  padding: 10px 0px 0px 0px;
  font-size: 10px;
  font-weight: 700;
  font-family: "Comfortaa", cursive;
  transition: all 0.3s;
  transition-timing-function: ease-out; }
  .header-top .icon-usa-flag {
    max-width: 25px;
    margin-right: 10px; }
  .header-top ul li {
    display: inline-block;
    margin-left: 10px; }
    .header-top ul li a {
      position: relative;
      color: #404350;
      font-size: 14px;
      font-family: "Montserrat", sans-serif; }
      .header-top ul li a .squig {
        position: absolute;
        width: 30px;
        height: 10px;
        margin: 0px auto;
        left: 0;
        right: 0;
        bottom: -10px;
        opacity: 0;
        transition: all 0.3s;
        transition-timing-function: ease-out; }
        .header-top ul li a .squig .st0 {
          fill: #4b8bf9; }

.header-bottom {
  margin-top: 15px;
  padding-top: 25px;
  border-top: 4px solid #404350; }

nav {
  text-align: center;
  margin: 0px auto; }
  nav ul {
    margin: 0px;
    padding: 0px; }
    nav ul li {
      display: inline-block; }
      nav ul li.has-subnav:hover {
        padding-bottom: 30px; }
      nav ul li .subnav-menu {
        display: none;
        position: absolute;
        top: 55px;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0px;
        transition: all 0.3s;
        transition-timing-function: ease-out; }
        nav ul li .subnav-menu li a {
          margin: 0px 5px;
          text-align: center;
          font-size: 15px;
          font-weight: 600;
          text-transform: none; }
          nav ul li .subnav-menu li a img {
            display: block;
            margin: 5px auto;
            width: 66px;
            height: 66px;
            border-radius: 50%; }
      nav ul li a {
        position: relative;
        display: block;
        padding: 2px 10px 5px 10px;
        text-align: center;
        font-size: 20px;
        line-height: 18px;
        font-weight: 900;
        color: #404350;
        text-transform: uppercase; }
        nav ul li a span {
          position: relative;
          left: 2px;
          text-align: center;
          margin: 0px auto;
          font-size: 10px;
          line-height: 10px;
          font-weight: 700;
          letter-spacing: 8px;
          display: block;
          text-transform: uppercase; }
        nav ul li a .squig {
          position: absolute;
          width: 40px;
          height: 15px;
          margin: 0px auto;
          left: 0;
          right: 0;
          bottom: -15px;
          opacity: 0;
          transition: all 0.3s;
          transition-timing-function: ease-out; }
        nav ul li a:hover {
          color: #404350; }
          nav ul li a:hover .squig {
            opacity: 1; }
        nav ul li a.red .squig .st0 {
          fill: #fe565b; }
        nav ul li a.purple .squig .st0 {
          fill: #8349e2; }
        nav ul li a.green .squig .st0 {
          fill: #29db71; }
        nav ul li a.orange .squig .st0 {
          fill: #fa9d45; }
        nav ul li a.d-md-block {
          display: inline-block !important; }

.writeyboard-page nav a.red.navmain .squig {
  opacity: 1; }

.writeypaint-page nav a.purple.navmain .squig {
  opacity: 1; }

.writeydesk-page nav a.green.navmain .squig {
  opacity: 1; }

.writeyaccessories-page nav a.orange.navmain .squig {
  opacity: 1; }

.about-page .header-top a.about-link .squig {
  opacity: 1; }

.help-page .header-top a.help-link .squig {
  opacity: 1; }

.icon-login {
  max-width: 20px; }
  .icon-login .st0 {
    transition: all 0.3s;
    transition-timing-function: ease-out; }
  .icon-login:hover .st0 {
    fill: #4b8bf9; }

.cart-link {
  position: relative;
  margin-left: 35px; }
  .cart-link .items {
    display: inline-block;
    position: absolute;
    text-align: center;
    top: -16px;
    left: -8px;
    right: 0;
    margin: 0px auto;
    font-size: 12px;
    font-weight: 900; }
  .cart-link:hover .icon-cart .st0 {
    fill: #4b8bf9; }

.icon-cart {
  max-width: 45px; }
  .icon-cart .st0 {
    transition: all 0.3s;
    transition-timing-function: ease-out; }

.mobile-nav-toggle {
  background: none;
  border: 0px;
  width: 100%;
  padding: 5px 5px 0px 0px;
  transition: all 0.3s;
  transition-timing-function: ease-out; }
  .mobile-nav-toggle:hover {
    cursor: pointer; }
    .mobile-nav-toggle:hover .bar {
      background: #404350; }
  .mobile-nav-toggle .bar {
    position: relative;
    display: block;
    background: #404350;
    border-radius: 1px;
    width: 40px;
    height: 4px;
    margin: 8px auto;
    transition: all 0.4s;
    transition-timing-function: ease-out; }
    .mobile-nav-toggle .bar.bar-middle {
      opacity: 1; }
  .mobile-nav-toggle.open .bar.bar-top {
    top: -4px;
    transform: rotate(42deg);
    transform-origin: bottom left; }
  .mobile-nav-toggle.open .bar.bar-middle {
    opacity: 0; }
  .mobile-nav-toggle.open .bar.bar-bottom {
    transform: rotate(-42deg);
    transform-origin: top left; }

.mobile-nav-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 10px 0px;
  border-top: 4px solid #404350;
  z-index: 997; }
  @media (max-width: 479px) {
    .mobile-nav-container .col-2:first-child {
      padding-right: 0px; }
    .mobile-nav-container .col-2:last-child {
      padding-left: 0px; }
    .mobile-nav-container .col-8 {
      padding: 0px; } }
  .mobile-nav-container nav {
    text-align: center;
    margin: 0px auto; }
    .mobile-nav-container nav a {
      position: relative;
      padding: 10px;
      display: inline-block;
      text-align: center;
      font-size: 18px;
      line-height: 18px;
      font-weight: 900;
      color: #404350;
      text-transform: uppercase; }
      @media (max-width: 479px) {
        .mobile-nav-container nav a {
          font-size: 14px;
          padding: 10px 5px; } }
      .mobile-nav-container nav a span {
        position: relative;
        left: 2px;
        text-align: center;
        margin: 0px auto;
        font-size: 10px;
        line-height: 10px;
        font-weight: 700;
        letter-spacing: 8px;
        display: block;
        text-transform: uppercase; }
      .mobile-nav-container nav a .squig {
        position: absolute;
        width: 40px;
        height: 15px;
        margin: 0px auto;
        left: 0;
        right: 0;
        bottom: -10px;
        opacity: 1;
        transition: all 0.3s;
        transition-timing-function: ease-out; }
  .mobile-nav-container .mobile-main-logo {
    display: none;
    margin: 10px auto; }
  .mobile-nav-container .cart-link {
    padding: 0px 0px 0px 5px;
    top: 8px;
    margin-left: 0px; }
  .mobile-nav-container.active {
    top: 0px;
    min-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: all 0.3s;
    transition-timing-function: ease-out; }

.sub-nav-container {
  display: none; }
  .sub-nav-container .sub-nav-search {
    padding: 20px 10px;
    font-size: 14px;
    font-weight: 600;
    background: #D8D8D8;
    color: #404350; }
  .sub-nav-container .sub-nav .sub-nav-title {
    background: #4b8bf9;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    padding: 20px 10px; }
    .sub-nav-container .sub-nav .sub-nav-title.red {
      background: #fe565b;
      color: #fff; }
    .sub-nav-container .sub-nav .sub-nav-title.purple {
      background: #8349e2;
      color: #fff; }
    .sub-nav-container .sub-nav .sub-nav-title.green {
      background: #29db71;
      color: #fff; }
    .sub-nav-container .sub-nav .sub-nav-title.orange {
      background: #fa9d45;
      color: #fff; }
  .sub-nav-container .sub-nav .sub-nav-item {
    background: #fff;
    border-bottom: 1px solid #EFF0F5;
    border-left: 1px solid #EFF0F5; }
    .sub-nav-container .sub-nav .sub-nav-item a {
      display: block;
      padding: 20px 10px;
      color: #404350; }
      .sub-nav-container .sub-nav .sub-nav-item a.blue {
        color: #4b8bf9; }
      .sub-nav-container .sub-nav .sub-nav-item a.green {
        color: #29db71; }
      .sub-nav-container .sub-nav .sub-nav-item a.red {
        color: #fe565b; }
      .sub-nav-container .sub-nav .sub-nav-item a.purple {
        color: #8349e2; }
      .sub-nav-container .sub-nav .sub-nav-item a.orange {
        color: #fa9d45; }
  .sub-nav-container .sub-nav .col-6 {
    padding: 0px; }
  .sub-nav-container .sub-nav .divider-horz-solid {
    border-top: 4px solid #404350; }

.sub-nav-footer {
  padding: 20px 0px;
  background: #fff;
  font-size: 10px; }
  .sub-nav-footer .icon-usa-flag {
    max-width: 25px;
    margin-right: 10px; }
  .sub-nav-footer .divider-squig {
    margin: 20px auto; }
  .sub-nav-footer a {
    color: #868692;
    transition: all 0.3s;
    transition-timing-function: ease-out; }
    .sub-nav-footer a:hover {
      color: #4b8bf9; }

.content {
  min-height: 800px;
  padding-top: 135px; }
  @media (max-width: 479px) {
    .content {
      padding-bottom: 75px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .content {
      padding-bottom: 75px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .content {
      padding-bottom: 75px; } }
.section {
  position: relative;
  padding: 100px 0;
  overflow: hidden; }
  .section.red {
    background-color: #fe565b;
    color: #fff; }
  .section.white {
    background-color: #fff;
    color: #404350; }
  .section.blue {
    background-color: #4b8bf9;
    color: #fff; }
  .section.purple {
    background-color: #8349e2;
    color: #fff; }

.details-section {
  position: relative;
  background-color: #fff; }
  @media (max-width: 479px) {
    .details-section {
      padding-bottom: 500px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .details-section {
      padding-bottom: 500px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .details-section {
      padding-bottom: 500px; } }
  .details-section .details-section-img {
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 479px) {
      .details-section .details-section-img {
        top: auto;
        bottom: 0;
        left: -300px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .details-section .details-section-img {
        top: auto;
        bottom: 0;
        left: -200px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .details-section .details-section-img {
        top: auto;
        bottom: 0;
        left: auto; } }
.callout-section {
  position: relative;
  background: linear-gradient(-20deg, #f9f9fb, #f0f1f6) !important;
  padding: 0px; }

.callout-block-container {
  position: relative;
  margin: 80px 0; }
  @media (max-width: 479px) {
    .callout-block-container {
      margin: 0px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .callout-block-container {
      margin: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .callout-block-container {
      margin: 0px; } }
  .callout-block-container.right .product-callout-img {
    top: -70px;
    left: -350px; }
  .callout-block-container.right .callout-block {
    margin-top: 200px;
    padding-left: 200px; }
    .callout-block-container.right .callout-block.red {
      box-shadow: 400px 0px 0px 0px #fe565b, -100px 0px 0px 0px #fe565b; }
    .callout-block-container.right .callout-block.purple {
      box-shadow: 400px 0px 0px 0px #8349e2, -100px 0px 0px 0px #8349e2; }
    .callout-block-container.right .callout-block.green {
      box-shadow: 400px 0px 0px 0px #29db71, -100px 0px 0px 0px #29db71; }
    .callout-block-container.right .callout-block.orange {
      box-shadow: 400px 0px 0px 0px #fa9d45, -100px 0px 0px 0px #fa9d45; }
  .callout-block-container.left .product-callout-img {
    top: -70px;
    right: -350px; }
  .callout-block-container.left .callout-block {
    margin-bottom: 200px;
    padding-right: 200px; }
    .callout-block-container.left .callout-block.red {
      box-shadow: -400px 0px 0px 0px #fe565b, 100px 0px 0px 0px #fe565b; }
    .callout-block-container.left .callout-block.purple {
      box-shadow: -400px 0px 0px 0px #8349e2, 100px 0px 0px 0px #8349e2; }
    .callout-block-container.left .callout-block.green {
      box-shadow: -400px 0px 0px 0px #29db71, 100px 0px 0px 0px #29db71; }
    .callout-block-container.left .callout-block.orange {
      box-shadow: -400px 0px 0px 0px #fa9d45, 100px 0px 0px 0px #fa9d45; }
  .callout-block-container .product-callout-img {
    position: absolute;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    overflow: hidden; }
    @media (max-width: 479px) {
      .callout-block-container .product-callout-img {
        position: relative;
        top: -100px !important;
        right: 0 !important;
        left: -75px !important;
        margin: 0px auto; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .callout-block-container .product-callout-img {
        position: relative;
        top: -100px !important;
        right: 0 !important;
        left: 0 !important;
        margin: 0px auto; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .callout-block-container .product-callout-img {
        position: relative;
        top: -100px !important;
        right: 0 !important;
        left: 0 !important;
        margin: 0px auto; } }
  .callout-block-container .callout-block {
    margin-top: 60px;
    padding: 100px 200px; }
    @media (max-width: 479px) {
      .callout-block-container .callout-block {
        margin: 0px !important;
        padding: 50px 0px 150px 0px !important; }
        .callout-block-container .callout-block.red {
          box-shadow: 50px 0px 0px 0px #fe565b, -50px 0px 0px 0px #fe565b !important; }
        .callout-block-container .callout-block.purple {
          box-shadow: 50px 0px 0px 0px #8349e2, -50px 0px 0px 0px #8349e2 !important; }
        .callout-block-container .callout-block.green {
          box-shadow: 50px 0px 0px 0px #29db71, -50px 0px 0px 0px #29db71 !important; }
        .callout-block-container .callout-block.orange {
          box-shadow: 50px 0px 0px 0px #fa9d45, -50px 0px 0px 0px #fa9d45 !important; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .callout-block-container .callout-block {
        margin: 0px !important;
        padding: 50px 0px 150px 0px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .callout-block-container .callout-block {
        margin: 0px !important;
        padding: 50px 0px 150px 0px !important; } }
    @media (min-width: 992px) and (max-width: 1374px) {
      .callout-block-container .callout-block {
        padding: 70px; } }
  .callout-block-container .callout-block.red {
    background: #fe565b;
    color: #fff; }
  .callout-block-container .callout-block.blue {
    background: #4b8bf9;
    color: #fff; }
  .callout-block-container .callout-block.green {
    background: #29db71;
    color: #fff; }
  .callout-block-container .callout-block.orange {
    background: #fa9d45;
    color: #fff; }
  .callout-block-container .callout-block.purple {
    background: #8349e2;
    color: #fff; }

@media (max-width: 479px) {
  .help-videos-container {
    padding: 10px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .help-videos-container {
    padding: 10px; } }

.video-section, .video-block {
  position: relative;
  padding: 0px; }
  .video-section .btn-play, .video-block .btn-play {
    position: absolute;
    top: calc(50% - 50px);
    left: 0;
    right: 0;
    margin: 0px auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 0px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    box-shadow: 0px 26px 65px 0px #929faf; }
    .video-section .btn-play svg, .video-block .btn-play svg {
      position: relative;
      top: 5px;
      left: 2px;
      right: 0;
      margin: 0px auto;
      height: 25px;
      width: 25px; }
      .video-section .btn-play svg .st0, .video-block .btn-play svg .st0 {
        fill: #fff; }
  .video-section .video-title, .video-block .video-title {
    font-weight: 600;
    position: absolute;
    bottom: 30px;
    right: 30px; }
    @media (max-width: 479px) {
      .video-section .video-title, .video-block .video-title {
        font-size: 14px;
        font-weight: 400;
        bottom: 10px;
        right: 20px; } }
.video-block {
  margin-bottom: 20px; }

@media (max-width: 479px) {
  .scrolling-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin-bottom: 30px; }
    .scrolling-wrapper::-webkit-scrollbar {
      min-height: 1px;
      min-width: 1px; }
    .scrolling-wrapper::-webkit-scrollbar-track {
      background-color: #e3e3e3;
      border: 1px solid #f8f8f8;
      border-radius: 10px; }
    .scrolling-wrapper::-webkit-scrollbar-thumb {
      background-color: #4b8bf9;
      border: 1px solid #e3e3e3;
      border-radius: 10px; }
    .scrolling-wrapper .video-block {
      flex: 0 0 auto;
      margin-right: 10px;
      width: 95%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .scrolling-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin-bottom: 30px; }
    .scrolling-wrapper::-webkit-scrollbar {
      min-height: 1px;
      min-width: 1px; }
    .scrolling-wrapper::-webkit-scrollbar-track {
      background-color: #e3e3e3;
      border: 1px solid #f8f8f8;
      border-radius: 10px; }
    .scrolling-wrapper::-webkit-scrollbar-thumb {
      background-color: #4b8bf9;
      border: 1px solid #e3e3e3;
      border-radius: 10px; }
    .scrolling-wrapper .video-block {
      flex: 0 0 auto;
      margin-right: 10px;
      width: 95%; } }

@media (max-width: 479px) {
  .no-scrolling-wrapper {
    display: block; } }

@media (min-width: 768px) and (max-width: 991px) {
  .no-scrolling-wrapper .video-block {
    flex: 0 0 auto;
    margin-right: 10px;
    width: 100%; } }

.social-cta-section {
  padding: 0px;
  position: relative;
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/writeymain1-2x.jpg?v=11212464367919645934') center center no-repeat;
  background-size: cover;
  color: white;
  overflow: hidden; }
  .social-cta-section:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(59, 60, 68, 0.6); }
  .social-cta-section .cta-ccontent {
    padding: 150px 0; }
    .social-cta-section .cta-ccontent .icon {
      width: 43px;
      height: 70px; }
      .social-cta-section .cta-ccontent .icon .st0 {
        fill: #fff; }
    .social-cta-section .cta-ccontent .btn {
      color: #484B5A;
      text-transform: none;
      margin-bottom: 10px; }

.index-section1 {
  position: relative;
  background-size: cover;
  color: white;
  overflow: hidden;
  min-height: 100vh;
  z-index: 1; }
  .index-section1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(128, 128, 128, 0.2); }
  .index-section1 h1 {
    margin-top: 37%;
    font-size: 2.7rem;
    letter-spacing: 0.04em; }
    @media (max-width: 479px) {
      .index-section1 h1 {
        margin-top: 75%; } }
  .index-section1 p {
    font-size: 25px; }

.index-section2 {
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/bg-patten-grey.svg?v=6184536559084874811') center center #fff;
  background-size: contain; }
  .index-section2 h2 {
    margin: 0px;
    font-size: 2.7rem;
    color: #000; }
  .index-section2 p {
    margin: 30px auto;
    width: 75%; }
    @media (max-width: 479px) {
      .index-section2 p {
        width: 85%;
        font-size: 23px; } }
.index-section3 {
  background-size: cover;
  padding: 200px 0;
  color: #fff; }
  @media (max-width: 479px) {
    .index-section3 {
      background-position: 0% 50%; } }
.index-section4 {
  background-size: cover;
  padding: 200px 0;
  color: #fff; }
  @media (max-width: 479px) {
    .index-section4 {
      background-position: 64%; } }
.index-section5 {
  position: relative;
  background-size: cover;
  padding: 200px 0;
  color: #fff; }

.index-section6 {
  position: relative;
  padding: 0px; }
  .index-section6 .split-content {
    position: relative;
    padding: 200px 150px;
    z-index: 2; }
    @media (max-width: 479px) {
      .index-section6 .split-content {
        padding: 130px 50px 50px 50px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .index-section6 .split-content {
        padding: 130px 50px 50px 50px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .index-section6 .split-content {
        padding: 130px 50px 50px 50px; } }
  .index-section6 .left {
    position: relative;
    background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/markers-bg-left-2x.jpg?v=15681677449526719163') bottom left no-repeat;
    background-size: cover;
    color: #404350;
    min-height: 800px;
    text-align: right;
    overflow: hidden; }
    @media (max-width: 479px) {
      .index-section6 .left {
        min-height: 500px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .index-section6 .left {
        min-height: 500px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .index-section6 .left {
        min-height: 500px; } }
    .index-section6 .left .stroke {
      position: absolute;
      top: 65px;
      right: -50%;
      z-index: 2; }
      .index-section6 .left .stroke .st0 {
        fill: #8349e2; }
  .index-section6 .right {
    position: relative;
    background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/markers-bg-right-2x.jpg?v=2669560145642205617') bottom right no-repeat;
    background-size: cover;
    color: #404350;
    z-index: 1;
    min-height: 800px;
    overflow: hidden; }
    @media (max-width: 479px) {
      .index-section6 .right {
        min-height: 500px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .index-section6 .right {
        min-height: 500px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .index-section6 .right {
        min-height: 500px; } }
    .index-section6 .right .stroke {
      position: absolute;
      top: 65px;
      left: -50%;
      z-index: 2; }
      .index-section6 .right .stroke .st0 {
        fill: #29db71; }

.index-section7 {
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/index-section7-bg-2x.jpg?v=11992592324762794436') center center no-repeat;
  background-size: cover;
  padding: 200px 0; }

.index-section8 h2 {
  font-size: 40px;
  margin-bottom: 0; }

.index-section8 .featured-squiggle {
  position: relative;
  top: -5px;
  right: -30px;
  margin-bottom: 40px; }

.client-logo {
  padding: 20px 10px;
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
  .client-logo img {
    max-height: 60px; }

.index-section11 {
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/index-section11-bg.jpg?v=15242358598741414826') center center no-repeat;
  background-size: cover;
  padding: 200px 0; }

.owl-carousel {
  position: relative;
  z-index: 1; }

.owl-nav {
  position: absolute;
  top: calc(50% - 50px);
  height: 50px;
  width: 100%;
  z-index: 2; }
  .owl-nav .owl-prev {
    position: absolute;
    left: 20px; }
  .owl-nav .owl-next {
    position: absolute;
    right: 20px; }

.owl-dots {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0px auto;
  bottom: 30px;
  z-index: 2; }
  .owl-dots .owl-dot {
    background: #fff !important;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 5px;
    padding: 0px;
    border: 3px solid #fff !important;
    display: inline-block; }
    .owl-dots .owl-dot.active {
      background: 0 0 !important;
      border: 3px solid #fff !important; }

.product-section1 {
  position: relative;
  min-height: 600px;
  background: #fff;
  padding: 0; }
  .product-section1:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(-20deg, #f9f9fb, #f0f1f6); }

.product-img {
  position: absolute;
  top: 0;
  left: 0; }
  .product-img img {
    width: 100%; }
  @media (max-width: 479px) {
    .product-img {
      top: 280px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .product-img {
      top: 280px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-img {
      top: 280px; } }
.product-title-container {
  font-family: "Comfortaa", cursive;
  margin-top: 50px; }
  .product-title-container h1.product-title {
    font-weight: 700; }

.product-price-container .product-price {
  font-size: 36px;
  font-weight: 700;
  font-family: "Comfortaa", cursive; }

.product-var-container {
  margin: 20px auto; }
  @media (max-width: 479px) {
    .product-var-container {
      margin-top: 400px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .product-var-container {
      margin-top: 400px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-var-container {
      margin-top: 400px; } }
.variant-list {
  margin: 10px auto; }
  .variant-list li {
    display: inline-block;
    margin: 5px; }
  .variant-list li:nth-child(5n) {
    display: block; }

.product-actions-container {
  margin-bottom: 50px; }

.qty-container {
  margin-bottom: 20px; }

.product-carousel {
  width: 100%; }

@media (max-width: 479px) {
  .preview-section {
    padding-bottom: 300px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .preview-section {
    padding-bottom: 300px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .preview-section {
    padding-bottom: 300px; } }

.preview-section.red {
  background: #fe565b;
  color: #fff; }

.preview-section.blue {
  background: #4b8bf9;
  color: #fff; }

.preview-section.green {
  background: #29db71;
  color: #fff; }

.preview-section.orange {
  background: #fa9d45;
  color: #fff; }

.preview-section.purple {
  background: #8349e2;
  color: #fff; }

.product-preview-img {
  position: absolute;
  bottom: -200px;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  overflow: hidden; }
  @media (max-width: 479px) {
    .product-preview-img {
      bottom: -450px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .product-preview-img {
      bottom: -450px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .product-preview-img {
      bottom: -450px; } }
  .product-preview-img img {
    min-width: 100%;
    min-height: 100%; }

.product-desc {
  margin: 20px auto; }

.reviews-highlight {
  margin: 20px auto; }

.review-amount {
  font-size: 14px;
  color: #8F93A1; }

.review-stars svg {
  margin-right: 10px; }
  .review-stars svg.full #review-heart {
    fill: #fe565b; }

.review-block {
  margin: 20px auto;
  background: #EFF0F5;
  padding: 20px; }
  .review-block .review-name {
    position: relative;
    font-size: 14px;
    font-weight: 600; }
    .review-block .review-name:after {
      position: absolute;
      content: '';
      background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/dots.svg?v=12124340940483495169') no-repeat;
      height: 5px;
      width: 38px;
      left: 0;
      bottom: -10px; }
  .review-block .review-date {
    font-size: 14px;
    font-style: italic;
    font-weight: 600; }
  .review-block .review-title {
    margin-top: 30px; }
  .review-block .review-copy {
    font-size: 14px;
    font-weight: 300; }

.sub-section1 {
  position: relative;
  background: #4b8bf9;
  color: #fff;
  padding: 0px; }
  .sub-section1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/bg-patten.svg?v=1771534188004503007'); }
  .sub-section1 .page-title {
    padding: 150px 0; }
  .sub-section1.blue {
    background: #4b8bf9; }
  .sub-section1.solid:before {
    background: none; }

.block-title h5 {
  color: #4b8bf9; }

.block-title p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px; }

.big-thanks-section {
  position: relative;
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/big-thanks-bg.jpg?v=5484011141875517638');
  overflow: visible;
  padding: 30px 0px 120px 0px; }
  @media (max-width: 479px) {
    .big-thanks-section {
      padding: 120px 0px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .big-thanks-section {
      padding: 140px 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .big-thanks-section {
      padding: 160px 0px; } }
  .big-thanks-section .cuban {
    position: absolute;
    bottom: calc(0px - 120px);
    z-index: 3;
    width: 461px;
    height: 554px; }
    @media (max-width: 479px) {
      .big-thanks-section .cuban {
        left: -130px;
        bottom: -120px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .big-thanks-section .cuban {
        left: -130px;
        bottom: -140px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .big-thanks-section .cuban {
        left: -130px;
        bottom: -160px; } }
  .big-thanks-section h2 {
    font-size: 42px;
    font-weight: 600; }
  .big-thanks-section .squiggle {
    position: relative;
    top: -20px;
    right: -80px;
    margin-bottom: 20px; }
  .big-thanks-section p {
    text-align: left; }
    @media (max-width: 479px) {
      .big-thanks-section p {
        text-align: right;
        font-size: 1rem;
        position: relative;
        bottom: 80px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .big-thanks-section p {
        text-align: right;
        font-size: 1rem;
        position: relative;
        bottom: 80px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .big-thanks-section p {
        text-align: right; } }
.countries-section h2 {
  color: #fff; }

.countries-section .country-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0px auto;
  text-align: center; }
  @media (max-width: 479px) {
    .countries-section .country-container {
      display: block; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .countries-section .country-container {
      display: block; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .countries-section .country-container {
      display: block; } }
  .countries-section .country-container .country-block {
    position: relative;
    padding: 30px;
    text-align: center;
    width: 25%; }
    @media (max-width: 479px) {
      .countries-section .country-container .country-block {
        width: 100%;
        height: 250px;
        margin: 0px auto; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .countries-section .country-container .country-block {
        width: 100%;
        height: 250px;
        margin: 0px auto; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .countries-section .country-container .country-block {
        width: 100%;
        height: 250px;
        margin: 0px auto; } }
    .countries-section .country-container .country-block h4 {
      position: absolute;
      bottom: 100px;
      left: 0;
      right: 0;
      margin: 0px auto;
      font-size: 30px;
      font-weight: 300; }

.in-closing-section {
  position: relative;
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/benji-bg.png?v=3535770300271906435') center left no-repeat;
  background-size: cover;
  overflow: visible;
  padding: 120px 0px; }
  .in-closing-section h2 {
    font-size: 42px;
    font-weight: 600; }
  .in-closing-section .benji-sig {
    position: absolute;
    top: -70px;
    left: -200px; }
  .in-closing-section .sig-end {
    position: relative;
    top: 20px;
    right: -250px; }
  .in-closing-section .astro-dog {
    position: absolute;
    bottom: calc(0px - 120px);
    right: 0;
    z-index: 2;
    height: 600px; }
    @media (max-width: 479px) {
      .in-closing-section .astro-dog {
        height: 200px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .in-closing-section .astro-dog {
        height: 200px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .in-closing-section .astro-dog {
        height: 400px; } }
.tree-plant-section {
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/tree-plant-bg2-1x.png?v=8866379319227712111') top right no-repeat;
  background-size: contain; }
  @media (max-width: 479px) {
    .tree-plant-section {
      background-image: none; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .tree-plant-section {
      background-image: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .tree-plant-section {
      background-image: none; } }
  .tree-plant-section h2 {
    font-size: 42px;
    font-weight: 600;
    color: #404350; }
  .tree-plant-section .trees-planted {
    color: #879D14;
    font-family: "Comfortaa", cursive;
    font-weight: 400px; }
    .tree-plant-section .trees-planted span {
      display: block;
      font-size: 86px;
      font-weight: 300; }
      @media (max-width: 479px) {
        .tree-plant-section .trees-planted span {
          font-size: 50px; } }
      @media (min-width: 480px) and (max-width: 767px) {
        .tree-plant-section .trees-planted span {
          font-size: 60px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .tree-plant-section .trees-planted span {
          font-size: 70px; } }
@media (max-width: 479px) {
  .help-section-lg {
    padding: 0px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .help-section-lg {
    padding: 0px; } }

.help-tab-nav {
  text-align: right; }
  .help-tab-nav ul.nav-tabs {
    border: none;
    display: block; }
    .help-tab-nav ul.nav-tabs li {
      margin-bottom: 40px; }
      .help-tab-nav ul.nav-tabs li a {
        text-align: right;
        padding: 0px;
        background-color: transparent;
        border: none;
        font-size: 22px;
        line-height: 18px;
        font-weight: 700;
        color: #404350;
        text-transform: uppercase; }
        .help-tab-nav ul.nav-tabs li a span {
          position: relative;
          right: -6px;
          display: block;
          font-size: 12px;
          font-weight: 500;
          letter-spacing: 6px;
          color: #ccc;
          text-transform: uppercase; }
        .help-tab-nav ul.nav-tabs li a:hover, .help-tab-nav ul.nav-tabs li a.active {
          color: #4b8bf9;
          background-color: transparent; }
          .help-tab-nav ul.nav-tabs li a:hover .squig, .help-tab-nav ul.nav-tabs li a.active .squig {
            opacity: 1; }
        .help-tab-nav ul.nav-tabs li a .squig {
          position: absolute;
          width: 40px;
          height: 15px;
          right: 0;
          bottom: -18px;
          opacity: 0;
          transition: all 0.3s;
          transition-timing-function: ease-out; }
          .help-tab-nav ul.nav-tabs li a .squig .st0 {
            fill: #4b8bf9; }
  @media (max-width: 479px) {
    .help-tab-nav {
      text-align: center; }
      .help-tab-nav ul.nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; }
        .help-tab-nav ul.nav-tabs::-webkit-scrollbar {
          display: none; }
        .help-tab-nav ul.nav-tabs li {
          flex: 0 0 auto;
          padding: 40px 20px 20px; }
          .help-tab-nav ul.nav-tabs li a {
            text-align: center; }
            .help-tab-nav ul.nav-tabs li a .squig {
              left: 0;
              right: 0;
              margin: 0px auto; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .help-tab-nav {
      text-align: center; }
      .help-tab-nav ul.nav-tabs li a {
        text-align: center; }
        .help-tab-nav ul.nav-tabs li a .squig {
          left: 0;
          right: 0;
          margin: 0px auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .help-tab-nav {
      text-align: center; }
      .help-tab-nav ul.nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; }
        .help-tab-nav ul.nav-tabs::-webkit-scrollbar {
          display: none; }
        .help-tab-nav ul.nav-tabs li {
          flex: 0 0 auto;
          padding: 30px 20px 20px; }
          .help-tab-nav ul.nav-tabs li a {
            text-align: center; }
            .help-tab-nav ul.nav-tabs li a .squig {
              left: 0;
              right: 0;
              margin: 0px auto; } }
.faq-block {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EFF0F5; }
  .faq-block h5 {
    color: #4b8bf9;
    margin-bottom: 10px; }
    .faq-block h5:hover {
      cursor: pointer; }
  .faq-block p {
    font-size: 14px;
    line-height: 27px;
    margin: 0px; }

.cart-section {
  background: #fff;
  padding-top: 5%;
  font-family: "Comfortaa", cursive; }

.cart-actions-section {
  padding-top: 2.5%;
  background: #fff;
  padding-bottom: 5%; }
  @media (max-width: 479px) {
    .cart-actions-section {
      padding-top: 7%; } }
  .cart-actions-section h3 {
    color: #4b8bf9;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px; }

.cart-item {
  border-top: 1px solid #adacb1;
  padding: 10px 0px; }
  .cart-item:last-child {
    border-bottom: 1px solid #adacb1; }
  .cart-item .product-details {
    text-align: left; }
    @media (max-width: 479px) {
      .cart-item .product-details {
        text-align: center; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .cart-item .product-details {
        text-align: center; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .cart-item .product-details {
        text-align: center; } }
    .cart-item .product-details h2 {
      font-size: 30px;
      line-height: 34px;
      font-weight: 600;
      color: #404350;
      margin-top: 15px;
      margin-bottom: 0px; }
    .cart-item .product-details p {
      font-size: 18px;
      line-height: 21px;
      font-family: "Montserrat", sans-serif; }
  .cart-item .qty-container {
    margin-top: 10px; }
  .cart-item .cart-price {
    font-size: 30px;
    font-weight: 600;
    margin-top: 30px; }
    @media (max-width: 479px) {
      .cart-item .cart-price {
        margin-top: 10px; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .cart-item .cart-price {
        margin-top: 10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .cart-item .cart-price {
        margin-top: 10px; } }
  .cart-item .cart-remove-btn {
    margin-top: 10px;
    font-size: 20px;
    box-shadow: none; }
  .cart-item .cart-remove-btn-sm {
    background: none;
    border: none;
    padding: 20px 10px;
    font-size: 12px;
    color: #adacb1;
    box-shadow: none; }

.cart-actions {
  text-align: center;
  font-size: 18px; }
  .cart-actions .cart-subtotal {
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    color: #404350; }
    .cart-actions .cart-subtotal span {
      display: block;
      font-size: 18px;
      line-height: 18px;
      font-family: "Montserrat", sans-serif; }
  .cart-actions .btn {
    display: block;
    margin: 10px auto; }
    .cart-actions .btn.btn-checkout {
      box-shadow: 0px 27px 30px -28px rgba(0, 0, 0, 0.75); }
    .cart-actions .btn.btn-paypal {
      padding: 0px;
      box-shadow: none; }
      .cart-actions .btn.btn-paypal img {
        max-width: 120px; }
    .cart-actions .btn.btn-amazon {
      box-shadow: none;
      padding: 0px; }
      .cart-actions .btn.btn-amazon img {
        max-width: 140px; }
  .cart-actions p {
    margin-bottom: 5px;
    font-family: "Montserrat", sans-serif; }

.btn-cont-shop {
  padding: 10px 20px !important;
  box-shadow: 0px 27px 30px -28px rgba(0, 0, 0, 0.75); }
  .btn-cont-shop .btn-arrow {
    position: relative;
    top: 4px;
    margin-right: 5px; }

.contact-your-info {
  background: #fff;
  padding: 5%;
  min-height: 600px; }

.contact-our-info {
  background: linear-gradient(-20deg, #f9f9fb, #f0f1f6);
  padding: 5%;
  min-height: 600px;
  font-size: 14px; }
  .contact-our-info p {
    font-family: "Montserrat", sans-serif;
    margin: 40px 0px; }

.form-container {
  margin-bottom: 30px; }

form {
  position: relative; }
  form .form-group {
    position: relative; }
    form .form-group label {
      font-size: 18px;
      font-weight: 500;
      color: #E2E3E7; }
    form .form-group input, form .form-group textarea {
      border: none;
      border-bottom: 1px solid #adacb1;
      border-radius: 0px; }
      form .form-group input:focus, form .form-group textarea:focus {
        outline: 0 !important;
        border: none;
        border-bottom: 1px solid #4b8bf9;
        box-shadow: none;
        background: transparent; }
    form .form-group textarea {
      padding-bottom: 60px; }
    form .form-group select {
      color: #4b8bf9;
      position: relative;
      background: transparent;
      border: none;
      border-radius: 40px;
      -webkit-appearance: none;
      -moz-appearance: none;
      text-indent: 1px;
      text-overflow: '';
      font-size: 20px;
      line-height: 40px;
      padding: 10px 20px;
      height: 65px !important;
      z-index: 2; }
      form .form-group select:focus {
        outline: 0 !important;
        border: none;
        box-shadow: none;
        background: transparent; }
    form .form-group .select-container {
      position: relative;
      margin: 30px auto; }
      form .form-group .select-container:before {
        content: '';
        position: absolute;
        right: 0px;
        top: 20px;
        width: 29px;
        height: 22px;
        background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/arrow-down.svg?v=16479051580536870598') center center no-repeat; }
      form .form-group .select-container:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        border: 3px solid #E2E3E7;
        text-align: center;
        border-radius: 40px;
        font-size: 20px;
        line-height: 40px;
        padding: 10px 20px;
        height: 65px !important;
        width: 90%;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        z-index: 1; }
  form .btn-contact-submit {
    padding: 20px 50px;
    position: absolute;
    bottom: -30px;
    right: 0;
    z-index: 2; }

footer {
  background: #fff;
  padding-top: 50px; }
  footer .footer-top {
    position: relative;
    margin-bottom: 20px; }
    footer .footer-top .footer-logo {
      max-width: 100px; }
    footer .footer-top ul li.list-title {
      font-size: 18px;
      line-height: 28px;
      font-family: "Comfortaa", cursive;
      color: #404350;
      margin-bottom: 10px;
      font-weight: 600; }
    footer .footer-top ul li a {
      font-size: 12px;
      color: #adacb1;
      transition: all 0.3s;
      transition-timing-function: ease-out; }
      footer .footer-top ul li a:hover {
        color: #4b8bf9; }
  footer .footer-bottom {
    margin-top: 20px;
    font-size: 10px;
    font-family: "Comfortaa", cursive;
    color: #868692;
    padding: 5px 0px 50px 0px; }
    footer .footer-bottom ul li {
      display: inline-block;
      margin-right: 10px; }
      footer .footer-bottom ul li a {
        font-size: 10px;
        color: #868692;
        transition: all 0.3s;
        transition-timing-function: ease-out; }
        footer .footer-bottom ul li a:hover {
          color: #4b8bf9; }

body {
  background-color: #fff; }

.home-page header, .page {
  max-width: none; }

/*
// Home Page Resets
.home-page
  header
    position: fixed
    max-width: 1440px
    background: none
    .header-top
      top: -100px
    &:hover, &.active
      .header-top
        padding: 10px 0px 0px 0px
        top: 0px
  .content
    padding-top: 0px
*/
#writeyheader .header-top {
  padding: 10px 0; }

#writeyheader .header-bottom {
  padding-top: 25px;
  margin-top: 0; }

.search-page .header-top a.search-link .squig {
  opacity: 1; }

.custom-page .header-top a.custom-link .squig {
  opacity: 1; }

.install-page .header-top a.install-link .squig {
  opacity: 1; }

.navwrap {
  padding-left: 0;
  padding-right: 0; }
  .navwrap .navmain {
    letter-spacing: 0; }

.jdgm-rev-widg__title {
  display: none; }

.big-thanks-section {
  clear: both;
  margin-top: 80px; }

.form-container .errors {
  color: #fe565b;
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px; }

.searchform .buttonwrap {
  margin-top: 15px; }

.help-tab-nav.padright {
  padding-right: 30px; }

.faq-block div.answer {
  font-size: 14px;
  line-height: 27px; }
  .faq-block div.answer p {
    margin-bottom: 14px; }
    .faq-block div.answer p:last-child {
      margin-bottom: 0; }

.icon-usa-flag {
  height: 17px;
  vertical-align: text-bottom; }

.headerblurb {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  padding-right: 0; }

.headernav {
  padding-left: 0; }
  .headernav ul li:first-of-type {
    margin-left: 0; }

.main-logo, .mobile-main-logo {
  height: 31px; }

.icon-login {
  height: 32px; }

.icon-cart {
  height: 34px; }

@media (max-width: 1330px) {
  .tree-plant-section {
    background-position: top right -170px; } }

.big-thanks-section {
  background: #5095F9;
  color: #fff; }
  .big-thanks-section h2 {
    color: #fff; }

@media (max-width: 479px) {
  .big-thanks-section h2 {
    font-size: 1.9rem;
    font-weight: 600px;
    text-align: right;
    position: relative;
    bottom: 80px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .big-thanks-section h2 {
    font-size: 1.9rem;
    font-weight: 600px;
    text-align: right;
    position: relative;
    bottom: 80px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .big-thanks-section h2 {
    font-size: 1.9rem;
    font-weight: 600px;
    text-align: right; } }

@media (max-width: 479px) {
  .big-thanks-section .squiggle {
    position: relative;
    top: -90px;
    left: -80px;
    margin-bottom: 20px;
    text-align: right; } }

@media (min-width: 480px) and (max-width: 767px) {
  .big-thanks-section .squiggle {
    position: relative;
    top: -90px;
    left: -80px;
    margin-bottom: 20px;
    text-align: right; } }

@media (min-width: 768px) and (max-width: 991px) {
  .big-thanks-section .squiggle {
    position: relative;
    top: -90px;
    left: -80px;
    margin-bottom: 20px;
    text-align: right; } }

.in-closing-section {
  background-position: -100px; }

@media (max-width: 479px) {
  .in-closing-section {
    background-position: -360px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .in-closing-section {
    background-position: -340px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .in-closing-section {
    background-position: -300px; } }

@media (max-width: 1240px) {
  .in-closing-section .sig-end {
    top: 110px;
    right: 0; }
  .in-closing-section .benji-sig {
    top: -150px;
    left: -30px; } }

.socialtransition, footer .footer-bottom ul li.social:hover {
  transition: all 0.3s ease-out; }

footer .footer-bottom ul li.social {
  width: 0;
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/footer-socials-small.png?v=9792901772680906622') no-repeat;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  margin-right: 15px; }
  footer .footer-bottom ul li.social:hover {
    opacity: 0.7;
    transform: scale3d(1.2, 1.2, 1); }
  footer .footer-bottom ul li.social.yt {
    width: 24px;
    background-position: 0 0; }
  footer .footer-bottom ul li.social.ig {
    width: 23px;
    background-position: -24px 0; }
  footer .footer-bottom ul li.social.fb {
    width: 11px;
    background-position: -47px 0; }
  footer .footer-bottom ul li.social.tw {
    width: 27px;
    background-position: -58px 0; }
  footer .footer-bottom ul li.social a {
    width: 100%;
    height: 100%;
    display: block; }

.cart-item .flexcol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 10px; }
  @media (min-width: 992px) {
    .cart-item .flexcol {
      margin-top: 0; } }
.cart-item .product-details h2 {
  margin-top: 0; }

.cart-item .product-details p {
  margin-bottom: 0; }

.cart-item .qty-container {
  margin-top: 0; }

.cart-item .cart-price {
  line-height: 1;
  margin: 0; }
  .cart-item .cart-price span {
    font-size: 24px;
    font-weight: 400;
    color: #a2a2a2;
    text-decoration: line-through; }

.cart-item .cart-remove-btn {
  margin-top: 0; }

.cart-actions-section {
  padding-top: 15px; }

.cart-actions .btn-update {
  padding: 5px;
  width: 150px;
  color: #3b8bf9;
  border: 2px solid #4b8bf9;
  background: #fff;
  font-size: 12px; }

.cart-actions .btn-checkout {
  max-width: 220px;
  font-size: 20px;
  padding: 15px 0;
  margin: 0 auto 15px; }

#admin-bar-iframe {
  display: none; }

.add-pay-methods {
  width: 113px;
  margin: 0 auto; }

.mobile-nav-container nav a {
  font-weight: 600;
  text-transform: none; }

.sub-nav-container .sub-nav .sub-nav-item {
  line-height: 1.1; }

.subnavrow {
  margin: 0; }

.nowrap {
  white-space: nowrap; }

.heightfull {
  height: 100%; }

.flex {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .flex.flexrow {
    flex-direction: row; }
  .flex.flexrowreverse {
    flex-direction: row-reverse; }
  .flex.flexspace {
    justify-content: space-between; }
  .flex.flexaround {
    justify-content: space-around; }
  .flex.flexleft {
    justify-content: flex-start; }
  .flex.flexeven {
    justify-content: space-evenly; }
  .flex.flexalign {
    align-items: center; }
  .flex.flexalignstart {
    align-content: flex-start; }
  .flex.flexalignend {
    justify-content: flex-end; }
  .flex.flexwrap {
    flex-wrap: wrap; }

.bgcover {
  background-size: cover;
  background-position: center; }

.bgcontain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.page.textnav .content {
  padding-top: 104px; }
  .page.textnav .content.bannerpad {
    transform: none; }

.page.textnav.bannerpad .content {
  padding-top: 144px; }

@media only screen and (max-width: 766px) {
  .page.textnav .content {
    padding-top: 65px; }
  .page.textnav.bannerpad .content {
    padding-top: 105px; } }

.home-page .page.textnav .content {
  padding-top: 0; }

.textnavheader {
  position: fixed;
  z-index: 998;
  width: 100%;
  overflow: visible;
  padding: 0;
  transition: all 0.3s;
  transition-timing-function: ease-out;
  font-family: "Montserrat", sans-serif;
  background-color: #fff;
  line-height: 1; }
  .textnavheader .freebanner {
    height: 40px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background-color: #4b8bf9;
    overflow: hidden; }
    .textnavheader .freebanner .bannerbutton {
      display: none; }
    .textnavheader .freebanner.filling {
      background-color: #29db71; }
    .textnavheader .freebanner.filled {
      background-color: #fe565b; }
      .textnavheader .freebanner.filled .bannerbutton {
        display: inline-block; }
      .textnavheader .freebanner.filled .bannerlink {
        display: none; }
      .textnavheader .freebanner.filled.cartpage .bannerbutton {
        display: none; }
    .textnavheader .freebanner.green {
      background-color: #29db71; }
    .textnavheader .freebanner.red {
      background-color: #29db71; }
    .textnavheader .freebanner .bannertext a {
      color: #fff;
      text-decoration: underline; }
      .textnavheader .freebanner .bannertext a:hover {
        color: #000; }
    .textnavheader .freebanner .bannerlink {
      font-size: 14px;
      color: #fff;
      text-transform: none;
      white-space: nowrap; }
      .textnavheader .freebanner .bannerlink:hover {
        color: #000; }
    .textnavheader .freebanner .btn-freebanner {
      line-height: 1;
      padding: 5px 15px;
      margin-left: 10px; }
    @media only screen and (max-width: 766px) {
      .textnavheader .freebanner {
        font-size: 15px; }
        .textnavheader .freebanner .bannerlink {
          font-size: 12px; }
        .textnavheader .freebanner .btn-freebanner {
          font-size: 12px;
          line-height: 1;
          padding: 4px 10px;
          margin-left: 6px; } }
    @media only screen and (max-width: 320px) {
      .textnavheader .freebanner {
        font-size: 14px; } }
  .textnavheader .promobanner {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background-color: #FB595F; }
    .textnavheader .promobanner .textgroup {
      margin: 0 20px; }
    @media only screen and (max-width: 766px) {
      .textnavheader .promobanner {
        height: 30px;
        font-size: 14px;
        line-height: 1; }
        .textnavheader .promobanner .textgroup {
          display: block; } }
  .textnavheader .navtop {
    border-bottom: 4px solid #404350; }
  .textnavheader .topwrap {
    height: 50px; }
    .textnavheader .topwrap .leftcol, .textnavheader .topwrap .rightcol {
      width: 180px; }
    .textnavheader .topwrap .headerlogo:hover {
      transform: scale(1.05); }
    .textnavheader .topwrap .headerlogo img {
      width: 167px; }
    .textnavheader .topwrap .centercol {
      font-weight: 600;
      font-size: 18px; }
      .textnavheader .topwrap .centercol a {
        color: #484B5A;
        margin: 0 10px; }
        .textnavheader .topwrap .centercol a:hover {
          color: #5095F9; }
    @media only screen and (max-width: 766px) {
      .textnavheader .topwrap {
        display: none; }
        .textnavheader .topwrap .leftcol {
          margin: 0 auto; }
        .textnavheader .topwrap .centercol, .textnavheader .topwrap .rightcol {
          display: none; } }
  .textnavheader .productnav {
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 766px) {
      .textnavheader .productnav {
        display: none; } }
  .textnavheader ul.navmenu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
    .textnavheader ul.navmenu .navitem {
      display: inline-block;
      margin: 0; }
      .textnavheader ul.navmenu .navitem .navlabel {
        height: 50px;
        font-weight: 800;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 0.91px;
        padding: 0 25px; }
        .textnavheader ul.navmenu .navitem .navlabel:hover {
          color: #fff; }
      .textnavheader ul.navmenu .navitem.green .navlabel {
        color: #5BC095; }
      .textnavheader ul.navmenu .navitem.green .subwrap {
        background-color: #5BC095; }
      .textnavheader ul.navmenu .navitem.orange .navlabel {
        color: #E4802B; }
      .textnavheader ul.navmenu .navitem.orange .subwrap {
        background-color: #E4802B; }
      .textnavheader ul.navmenu .navitem.purple .navlabel {
        color: #8456FD; }
      .textnavheader ul.navmenu .navitem.purple .subwrap {
        background-color: #8456FD; }
      .textnavheader ul.navmenu .navitem.red .navlabel {
        color: #FF6060; }
      .textnavheader ul.navmenu .navitem.red .subwrap {
        background-color: #FF6060; }
      .textnavheader ul.navmenu .navitem:hover .navlabel {
        color: #fff; }
      .textnavheader ul.navmenu .navitem.green:hover .navlabel {
        background-color: #5BC095; }
      .textnavheader ul.navmenu .navitem.orange:hover .navlabel {
        background-color: #E4802B; }
      .textnavheader ul.navmenu .navitem.purple:hover .navlabel {
        background-color: #8456FD; }
      .textnavheader ul.navmenu .navitem.red:hover .navlabel {
        background-color: #FF6060; }
    .textnavheader ul.navmenu .subwrap {
      position: absolute;
      z-index: 0;
      top: 50px;
      left: 0;
      right: 0;
      opacity: 0;
      padding: 15px 0;
      transition: opacity 0.5s, transform 0.5s;
      pointer-events: none;
      font-weight: 600;
      font-size: 15px;
      color: #fff; }
      .textnavheader ul.navmenu .subwrap .subitem {
        display: block;
        margin: 0 25px;
        color: #fff;
        transition: transform 0.2s; }
        .textnavheader ul.navmenu .subwrap .subitem:hover {
          transform: scale(1.05); }
        .textnavheader ul.navmenu .subwrap .subitem .subimage {
          width: 66px;
          height: 66px;
          margin: 0 auto 5px;
          border-radius: 50%; }
    .textnavheader ul.navmenu .navitem:hover > .subwrap,
    .textnavheader ul.navmenu .navitem .subwrap:hover,
    .textnavheader ul.navmenu .navitem.active .subwrap {
      opacity: 1;
      pointer-events: auto; }
    @media only screen and (max-width: 992px) {
      .textnavheader ul.navmenu .navitem .navlabel {
        font-size: 18px;
        padding: 0 20px; } }
  .textnavheader .navicon {
    display: inline-block;
    position: relative;
    height: 24px; }
    .textnavheader .navicon.account {
      width: 22px; }
    .textnavheader .navicon.cart {
      width: 33px;
      margin-left: 20px; }
    .textnavheader .navicon.search {
      display: block;
      width: 28px; }
    .textnavheader .navicon svg {
      width: 100%;
      height: 100%;
      transition: stroke 0.2s; }
    .textnavheader .navicon:hover svg .svgstroke {
      stroke: #5095F9; }
    .textnavheader .navicon .cartitems {
      position: absolute;
      text-align: center;
      top: -4px;
      left: 0;
      right: 4px;
      font-size: 12px;
      font-weight: 900; }

@media only screen and (max-width: 766px) {
  #writeyfooter {
    display: none; } }

#mobilenav {
  display: none; }
  @media only screen and (max-width: 766px) {
    #mobilenav {
      display: block; } }
.textnavheader .mobilenavtop {
  display: none;
  height: 60px;
  padding: 20px; }
  .textnavheader .mobilenavtop .hamburger {
    width: 40px;
    height: 30px;
    cursor: pointer; }
    .textnavheader .mobilenavtop .hamburger .line {
      height: 4px;
      background-color: #474B59;
      transition: all 0.3s; }
    .textnavheader .mobilenavtop .hamburger #triggerline1, .textnavheader .mobilenavtop .hamburger #triggerline3 {
      transform-origin: left center; }
  .textnavheader .mobilenavtop .mobilenavlogo {
    display: block;
    width: 41px;
    height: 31px;
    color: transparent;
    overflow: hidden;
    background-image: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/mobilenavlogo-2x.png?v=8186227956008699797'); }
  .textnavheader .mobilenavtop .mobilenavcart {
    display: block;
    width: 44px;
    height: 33px;
    padding-right: 7px;
    background-image: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/mobilecarticon-2x.png?v=11383877274338778747'); }
  .textnavheader .mobilenavtop .cartcount {
    font-weight: 800;
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1;
    text-align: center;
    color: #29db71;
    transform: translateY(-2px); }

.textnavheader .mobilenavline {
  display: none;
  height: 4px;
  background-color: #474B59; }

@media only screen and (max-width: 766px) {
  .textnavheader .mobilenavtop {
    display: flex; }
  .textnavheader .mobilenavline {
    display: block; } }

.mobilenav {
  display: none;
  position: absolute;
  z-index: 997;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
  transition: transform 0.5s;
  transform: translateX(-100vw); }
  .mobilenav .mobilenavspacer {
    flex-shrink: 0;
    height: 105px;
    pointer-events: none; }
  .mobilenav .mobilenavlive {
    flex-grow: 1;
    background-color: #fff;
    padding-bottom: 80px;
    overflow-y: scroll; }
  .mobilenav .mobilenavheader {
    height: 60px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 1.22px;
    text-transform: uppercase;
    color: #fff; }
    .mobilenav .mobilenavheader.navgreen {
      background-color: #29DB71; }
    .mobilenav .mobilenavheader.navorange {
      background-color: #FFA539; }
    .mobilenav .mobilenavheader.navpurple {
      background-color: #954DF1; }
    .mobilenav .mobilenavheader.navred {
      background-color: #FE565B; }
  .mobilenav .mobilenavitems {
    padding: 4px 25px 10px; }
    .mobilenav .mobilenavitems.general {
      padding: 15px 25px 0;
      border-top: 5px solid #474B59; }
  .mobilenav .mobilenavitem {
    height: 45px;
    padding: 0 15px;
    border-bottom: 1px solid #E9E9E9;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.74px; }
    .mobilenav .mobilenavitem:last-of-type {
      border: none; }
    .mobilenav .mobilenavitem a {
      color: #474B59; }
      .mobilenav .mobilenavitem a:hover {
        color: #4B8BF9; }
  .mobilenav .mobilenavitems.general .mobilenavitem {
    font-weight: 600; }
  .mobilenav .mobilenavfooter {
    height: 50px;
    padding: 0 40px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -0.49px; }
    .mobilenav .mobilenavfooter .mobilenavfooteritem {
      flex-basis: 50%; }
      .mobilenav .mobilenavfooter .mobilenavfooteritem:last-of-type {
        text-align: right; }
    .mobilenav .mobilenavfooter a {
      color: #474B59; }
      .mobilenav .mobilenavfooter a:hover {
        color: #4B8BF9; }
  @media only screen and (max-width: 766px) {
    .mobilenav {
      display: flex;
      flex-direction: column;
      justify-content: center; } }
@media only screen and (max-width: 766px) {
  .writeybody.navopen {
    height: 100vh;
    position: fixed;
    overflow: hidden; }
    .writeybody.navopen #triggerline1 {
      transform: rotate(41deg); }
    .writeybody.navopen #triggerline2 {
      opacity: 0; }
    .writeybody.navopen #triggerline3 {
      transform: rotate(-41deg); }
    .writeybody.navopen .mobilenav {
      pointer-events: auto;
      transform: translateX(0); } }

.account-section {
  background-color: #fff;
  border-bottom: 10px solid #F3F4F7; }
  .account-section .account-left, .account-section .account-right, .account-section .account-center {
    padding: 40px 0; }
  .account-section .account-left {
    padding-right: 30px;
    border-right: 1px solid #F3F4F7; }
  .account-section .account-right {
    padding-left: 30px;
    border-left: 1px solid #F3F4F7; }
  .account-section .infoblock {
    margin-bottom: 35px; }
    .account-section .infoblock:last-of-type {
      margin-bottom: 0; }
    .account-section .infoblock.withmargin:last-of-type {
      margin-bottom: 35px; }
  .account-section h2 {
    padding: 0;
    margin: 0 0 40px 0; }
    .account-section h2.compact {
      margin-bottom: 20px; }
  .account-section p {
    font-size: 14px;
    line-height: 1.5;
    color: #484B5A;
    margin: 0 0 6px 0; }
    .account-section p.checkbox {
      margin: 30px 0; }
    .account-section p.last {
      margin-bottom: 0; }
  .account-section .actions {
    color: #ccc;
    font-size: 21px;
    letter-spacing: -0.77px; }
  .account-section .buttonwrap {
    margin-top: 20px; }
  .account-section .btn-account {
    padding: 20px 50px; }
  .account-section .form-group.checkbox {
    padding: 10px 0; }
    .account-section .form-group.checkbox label {
      color: #484B5A;
      display: inline; }
  .account-section .detailtable {
    width: 100%;
    font-size: 14px; }
    .account-section .detailtable th, .account-section .detailtable td {
      font-weight: normal;
      text-align: left;
      line-height: 1.2; }
    .account-section .detailtable th {
      text-transform: lowercase;
      padding-bottom: 24px; }
      .account-section .detailtable th.caps {
        text-transform: uppercase; }
    .account-section .detailtable td {
      padding: 4px 2px; }
      .account-section .detailtable td:first-of-type {
        padding-left: 0; }
      .account-section .detailtable td:last-of-type {
        padding-right: 0; }
    .account-section .detailtable .entry {
      border-bottom: 1px solid #ccc; }
      .account-section .detailtable .entry.cancelled {
        background-color: #E2E3E7; }
    .account-section .detailtable .amount {
      white-space: nowrap; }

.textpage {
  font-size: 14px;
  line-height: 1.9;
  background-color: #fff; }
  .textpage h2, .textpage h3 {
    padding-top: 1rem;
    margin-bottom: 1.5rem; }
  .textpage p {
    margin-bottom: 1em; }
    .textpage p:last-child {
      margin-bottom: 0; }

.product-section1 {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .product-section1:before {
    background: #EFF0F5; }

.product-title-container {
  color: #484B5A;
  margin: 30px 0 15px; }
  .product-title-container h1.product-title {
    font-family: "Comfortaa", cursive;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: -1px; }
  .product-title-container .product-small-desc {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.35;
    letter-spacing: -0.45px;
    margin: 0; }

.product-price-container .product-price span {
  color: #a2a2a2;
  text-decoration: line-through; }

.product-price-container.varpaint .price-desc {
  margin: 5px 0 0; }

.product-price-container.varpaint .product-price {
  line-height: 1;
  margin: 12px 0 15px; }

.product-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 45%;
  bottom: 0;
  overflow: hidden;
  text-align: right; }
  .product-img img {
    width: auto;
    height: 100%;
    float: right; }
  .product-img.maxheight img {
    width: auto;
    height: 100%;
    float: right; }
  .product-img.imgpaint img {
    max-height: 750px; }
  @media (min-width: 1200px) {
    .product-img.imgcloth img {
      float: left; } }
  @media (min-width: 1300px) {
    .product-img.imgleft img {
      float: left; } }
  @media (min-width: 1400px) {
    .product-img.imgdesk img {
      float: left; } }
  @media (min-width: 1600px) {
    .product-img.maxheight img {
      max-height: none; } }
.product-img-mobile {
  display: none;
  margin-right: -15px;
  margin-left: -15px; }
  .product-img-mobile img {
    width: 100%;
    height: auto; }

.formwrapper-mobile {
  padding-bottom: 20px; }

.product-actions-container {
  margin-bottom: 0; }
  .product-actions-container.varpaint {
    margin: 15px 0 10px; }
  .product-actions-container .var-subtitle {
    font-size: 18px; }
  .product-actions-container .qty-container {
    margin: 0; }

.product-stocknotice-container {
  margin-top: 10px; }
  .product-stocknotice-container .nobreak {
    white-space: nowrap; }

@media (max-width: 992px) {
  .product-actions-container .qty-container {
    margin-bottom: 20px; } }

@media (max-width: 767px) {
  .product-img {
    display: none; }
  .product-img-mobile {
    display: block; }
  .formwrapper-mobile {
    background-color: #fff;
    padding: 20px 15px 20px;
    margin-right: -15px;
    margin-left: -15px; }
  .product-actions-container {
    margin-bottom: 0; } }

.product-var-container {
  margin: 20px auto; }
  .product-var-container .var-title {
    margin-bottom: 20px; }
  .product-var-container.titletop {
    margin-top: 0; }
    .product-var-container.titletop .var-title {
      line-height: 1;
      margin-bottom: 5px; }
      .product-var-container.titletop .var-title.stacked {
        margin-top: 10px; }
    .product-var-container.titletop .variant-list {
      margin: 0 auto; }
      .product-var-container.titletop .variant-list li {
        vertical-align: bottom; }
        .product-var-container.titletop .variant-list li.sep {
          margin: 0; }
      .product-var-container.titletop .variant-list .optionlabel {
        margin: 0; }
        .product-var-container.titletop .variant-list .optionlabel .btn-var {
          margin: 3px auto 0; }
  .product-var-container.varpaint {
    margin-bottom: 0; }
    .product-var-container.varpaint .var-title {
      margin-bottom: 0; }
    .product-var-container.varpaint .variant-list .optionlabel .btn-var {
      margin: 3px auto 0; }
    .product-var-container.varpaint .selector-wrapper {
      margin-bottom: 10px; }
  @media (max-width: 479px) {
    .product-var-container {
      margin-top: initial; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .product-var-container {
      margin-top: initial; } }
.optionradio ~ label .btn-var {
  background-color: #fff; }

.optionradio.disabled ~ label .btn-var {
  background: #E2E3E7;
  border: 3px solid #E2E3E7;
  color: transparent;
  pointer-events: none; }

.variant-list {
  margin: 10px auto 0; }
  .variant-list input {
    display: none; }
  .variant-list input:checked + label button {
    border: 3px solid #4b8bf9; }
  .variant-list li {
    vertical-align: top; }
  .variant-list .optionlabel {
    width: 66px;
    font-size: 14px;
    line-height: 1.2; }
    .variant-list .optionlabel .btn-var {
      margin: 0 auto 3px; }
    .variant-list .optionlabel.size .btn-var {
      margin: 0 auto; }

.qty-container.tight {
  margin-bottom: 5px; }

.input-round {
  display: inline-flex;
  background: #fff;
  text-align: center;
  width: 66px;
  height: 66px;
  border: 3px solid #E2E3E7;
  padding: 0px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  vertical-align: middle; }
  .input-round input {
    -webkit-appearance: none;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: "Montserrat", sans-serif;
    color: #4b8bf9;
    padding: 0px;
    margin: 10px auto;
    border: 0px; }

.btn.btn-var {
  box-shadow: none; }

.btn.disabled, .btn:disabled {
  pointer-events: none; }

.details-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 40%;
  bottom: 0;
  overflow: hidden;
  text-align: right; }
  .details-img img {
    width: auto;
    height: 100%;
    float: right; }

.details-img-mobile {
  display: none; }
  .details-img-mobile img {
    width: 100%;
    height: auto; }

@media (min-width: 1600px) {
  .details-img {
    right: 45%; }
    .details-img.imgleft img {
      float: left; } }

@media (max-width: 991px) {
  .details-img {
    display: none; }
  .details-img-mobile {
    display: block; }
  .details-section {
    padding-bottom: 0; } }

@media (min-width: 992px) and (max-width: 1224px) {
  .details-section .details-section-img {
    top: 0;
    left: -180px; } }

@media (min-width: 1225px) and (max-width: 1350px) {
  .details-section .details-section-img {
    top: 0;
    left: -120px; } }

.product-desc ul,
.callout-section ul {
  list-style-type: disc;
  margin-left: 1em; }
  .product-desc ul li,
  .callout-section ul li {
    margin-bottom: .3em; }

.product-preview-img img,
.product-callout-img img {
  width: 100%;
  height: 100%; }

.callout-section {
  padding: 120px 0;
  background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/bg-patten.svg?v=1771534188004503007'), linear-gradient(-20deg, #f9f9fb, #f0f1f6) !important; }
  @media (max-width: 479px) {
    .callout-section {
      padding: 0; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .callout-section {
      padding: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .callout-section {
      padding: 0; } }
  .callout-section.red {
    background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/bg-patten-red.svg?v=2885782705975055952'), linear-gradient(-20deg, #f9f9fb, #f0f1f6) !important; }
  .callout-section.blue {
    background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/bg-patten-blue.svg?v=7447127185567799248'), linear-gradient(-20deg, #f9f9fb, #f0f1f6) !important; }
  .callout-section.green {
    background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/bg-patten-green.svg?v=5205489932201971998'), linear-gradient(-20deg, #f9f9fb, #f0f1f6) !important; }
  .callout-section.purple {
    background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/bg-patten-purple.svg?v=1473839103286411541'), linear-gradient(-20deg, #f9f9fb, #f0f1f6) !important; }
  .callout-section.orange {
    background: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/bg-patten-orange.svg?v=9141484765000238'), linear-gradient(-20deg, #f9f9fb, #f0f1f6) !important; }

.callout-block-container {
  position: relative;
  height: 470px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .callout-block-container.right .product-callout-img {
    top: 0; }
  .callout-block-container.right .callout-block {
    margin-top: 0; }
  .callout-block-container.left .product-callout-img {
    top: 0; }
  .callout-block-container.left .callout-block {
    margin-bottom: 0; }
  .callout-block-container .callout-block {
    margin-top: 0; }
  @media (max-width: 479px) {
    .callout-block-container {
      display: block;
      height: auto; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .callout-block-container {
      display: block;
      height: auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .callout-block-container {
      display: block;
      height: auto; } }
video-thumb img {
  width: 100%; }

.video-section .videowrap {
  position: relative;
  height: 65vh;
  max-height: 600px; }

.video-section video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%; }

@media only screen and (max-width: 770px) {
  .video-section .videowrap {
    height: auto; } }

.review-section .container {
  max-width: 100vw; }

.review-carousel {
  padding: 0; }
  .review-carousel .container {
    max-width: 100vw; }

.product-dropdown select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  width: 100%;
  height: 66px;
  background-color: #fff;
  border: 3px solid #E2E3E7;
  border-radius: 33px;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 24px;
  text-transform: lowercase;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  padding: 0 40px;
  background-image: url('//cdn.shopify.com/s/files/1/0993/1322/t/14/assets/arrow-down.svg?v=16479051580536870598');
  background-size: 21px 16px;
  background-position: right 30px center;
  background-repeat: no-repeat; }
  .product-dropdown select:hover {
    cursor: pointer; }

.product-dropdown select::-ms-expand {
  display: none; }

.product-dropdown option {
  font-size: 18px; }

@media (min-width: 768px) and (max-width: 991px) {
  .product-dropdown select {
    font-size: 20px;
    padding: 0 30px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .product-dropdown select {
    font-size: 20px;
    padding: 0 30px; } }

@media (max-width: 479px) {
  .product-dropdown select {
    font-size: 20px;
    padding: 0 30px; } }

.product-custom-board {
  max-width: 400px;
  margin: 20px auto 0; }

.product-customsize {
  margin-bottom: 20px; }
  .product-customsize .sizetext {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 15px; }
  .product-customsize .sizeselect {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .product-customsize .sizeselect .sepcell {
      font-weight: 300;
      font-size: 48px;
      margin: 0 15px; }
  .product-customsize .btn-board {
    margin: 0 5px; }
    .product-customsize .btn-board.active, .product-customsize .btn-board.disabled {
      pointer-events: none; }
    .product-customsize .btn-board.disabled {
      color: transparent;
      background-color: #E2E3E7;
      border: 3px solid #E2E3E7; }

.product-fineprint {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.3; }

.product-customprice {
  border-top: 6px solid #E2E3E7;
  padding-top: 20px;
  margin-top: 30px; }
  .product-customprice .details {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center; }
  .product-customprice .boardescription {
    font-weight: 600;
    font-size: 18px;
    line-height: 1; }
  .product-customprice .boardname {
    text-transform: lowercase; }
  .product-customprice .boardprice {
    font-size: 40px;
    margin-left: 50px; }
    .product-customprice .boardprice .compareprice {
      font-size: 24px;
      color: #a2a2a2;
      text-decoration: line-through; }
  @media only screen and (max-width: 992px) {
    .product-customprice .boardescription {
      line-height: 1.2; }
    .product-customprice .boardprice {
      margin-left: 40px; } }
  @media only screen and (max-width: 766px) {
    .product-customprice .details {
      justify-content: center; }
    .product-customprice .boardescription {
      line-height: 1.2; }
    .product-customprice .boardprice {
      margin-left: 20px; } }
  @media only screen and (max-width: 320px) {
    .product-customprice .details {
      justify-content: center; }
    .product-customprice .boardescription {
      line-height: 1.2; }
    .product-customprice .boardprice {
      margin-left: 20px; } }
.product-img-board {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: none;
  height: 100%;
  width: 50%; }

@media (max-width: 479px) {
  .product-img-board {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .product-img-board {
    width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .product-img-board {
    width: 60%; } }

@media (min-width: 992px) {
  .product-img-board {
    width: 50%; } }

@media (min-width: 1920px) {
  .product-img-board {
    width: 50%; } }

.product-img-board img {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: auto; }

@media (max-width: 479px) {
  .product-img-board img {
    top: 40%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .product-img-board img {
    top: 40%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .product-img-board img {
    top: 25%;
    left: 40%; } }

@media (min-width: 992px) {
  .product-img-board img {
    top: 35%;
    left: 40%; } }

@media (min-width: 1920px) {
  .product-img-board img {
    left: 50%; } }

.product-img-paint {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: none;
  height: 100%;
  width: 50%; }

@media (max-width: 479px) {
  .product-img-paint {
    width: 90%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .product-img-paint {
    width: 90%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .product-img-paint {
    width: 80%; } }

@media (min-width: 992px) {
  .product-img-paint {
    width: 40%; } }

@media (min-width: 1920px) {
  .product-img-paint {
    width: 40%; } }

.product-img-paint img {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: auto; }

@media (max-width: 479px) {
  .product-img-paint img {
    top: 40%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .product-img-paint img {
    top: 40%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .product-img-paint img {
    top: 56%;
    left: 10%; } }

@media (min-width: 992px) {
  .product-img-paint img {
    left: 50%; } }

@media (min-width: 1920px) {
  .product-img-paint img {
    left: 50%; } }

.product-img-desk {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: none;
  height: 100%;
  width: 50%; }

@media (max-width: 479px) {
  .product-img-desk {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .product-img-desk {
    width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .product-img-desk {
    width: 100%; } }

@media (min-width: 992px) {
  .product-img-desk {
    width: 77%; } }

@media (min-width: 1920px) {
  .product-img-desk {
    width: 50%; } }

.product-img-desk img {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: auto; }

@media (max-width: 479px) {
  .product-img-desk img {
    top: 40%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .product-img-desk img {
    top: 40%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .product-img-desk img {
    top: 56%;
    left: 10%; } }

@media (min-width: 992px) {
  .product-img-desk img {
    top: 56%;
    left: 30%; } }

@media (min-width: 1920px) {
  .product-img-desk img {
    left: 50%; } }

.product-img-accessories {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: none;
  height: 100%;
  width: 50%; }

@media (max-width: 479px) {
  .product-img-accessories {
    width: 100%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .product-img-accessories {
    width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .product-img-accessories {
    width: 80%; } }

@media (min-width: 992px) {
  .product-img-accessories {
    width: 60%; } }

@media (min-width: 1920px) {
  .product-img-accessories {
    width: 50%; } }

.product-img-accessories img {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: auto; }

@media (max-width: 479px) {
  .product-img-accessories img {
    top: 45%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .product-img-accessories img {
    top: 45%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .product-img-accessories img {
    top: 56%;
    left: 20%; } }

@media (min-width: 992px) {
  .product-img-accessories img {
    left: 40%; } }

@media (min-width: 1920px) {
  .product-img-accessories img {
    left: 50%; } }

.cartentry {
  position: relative;
  align-items: center;
  line-height: 1;
  padding: 10px 20px 10px 10px;
  border-top: 1px solid #adacb1; }
  .cartentry:last-of-type {
    border-bottom: 1px solid #adacb1; }
  .cartentry .producticon {
    flex-shrink: 0;
    padding: 0 10px; }
  .cartentry .productimage {
    width: 103px;
    height: 103px; }
  .cartentry .productdetails {
    flex-grow: 1; }
  .cartentry .productname {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.15;
    color: #404350; }
  .cartentry .productinfo {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.15; }
  .cartentry .productquantity {
    flex-basis: 20%;
    min-width: 160px;
    text-align: center; }
    .cartentry .productquantity.info {
      font-weight: 600;
      font-size: 30px;
      text-align: center; }
    .cartentry .productquantity .mobilewrap {
      display: none; }
      .cartentry .productquantity .mobilewrap span {
        font-weight: 400;
        font-size: 14px;
        color: #a2a2a2;
        text-decoration: line-through; }
  .cartentry .productprice {
    flex-basis: 12%;
    font-weight: 600;
    font-size: 30px;
    text-align: center; }
    .cartentry .productprice span {
      font-weight: 400;
      font-size: 24px;
      color: #a2a2a2;
      text-decoration: line-through; }
  .cartentry .productdelete {
    flex-shrink: 0;
    padding: 0 10px; }
  @media only screen and (max-width: 992px) {
    .cartentry .productname {
      font-size: 26px; } }
  @media only screen and (max-width: 766px) {
    .cartentry {
      align-items: flex-start;
      padding: 15px 5px; }
      .cartentry .productdetails, .cartentry .productprice {
        display: none; }
      .cartentry .productimage {
        width: 90px;
        height: 90px; }
      .cartentry .productname {
        font-size: 20px; }
      .cartentry .productinfo {
        font-size: 16px;
        line-height: 1.2; }
      .cartentry .productquantity {
        flex-grow: 1;
        text-align: left;
        padding-right: 45px; }
        .cartentry .productquantity .info {
          font-weight: 400;
          font-size: 16px;
          line-height: 1.2; }
        .cartentry .productquantity .mobilewrap {
          display: block; }
      .cartentry .selectwrap {
        margin-top: 5px; }
      .cartentry .input-round {
        width: 40px;
        height: 40px; }
        .cartentry .input-round input {
          width: 30px;
          height: 30px;
          font-size: 16px;
          margin: 3px auto; }
      .cartentry .productdelete {
        position: absolute;
        z-index: 2;
        top: 10px;
        right: 15px;
        width: 30px;
        height: 30px;
        padding: 0; }
        .cartentry .productdelete .btn.btn-round {
          width: 30px;
          height: 30px; }
        .cartentry .productdelete .svg-inline--fa {
          display: block;
          margin: 0 auto; } }
.blogpage a {
  transition: color 0.3s; }
  .blogpage a:hover {
    color: #404350; }

.blogpage .blog-recent {
  margin-bottom: 2rem; }
  .blogpage .blog-recent h5 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: .8em; }

.blogpage .blogentry {
  margin-bottom: 18px; }

.blogpage .posthero {
  position: relative;
  margin: 0 0 12px;
  overflow: hidden; }
  .blogpage .posthero:before {
    content: "";
    display: block;
    padding-top: 42%; }
  .blogpage .posthero a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: none;
    outline: none;
    transition: transform 0.3s;
    transform-origin: center; }
    .blogpage .posthero a img {
      width: 100%; }
    .blogpage .posthero a:hover {
      transform: scale(1.1); }

.blogpage .postgrid {
  float: left;
  width: 48%;
  margin-right: 4%;
  border-bottom: none; }
  .blogpage .postgrid:nth-child(2n+1) {
    margin-right: 0; }
  .blogpage .postgrid:nth-child(2n) {
    clear: both; }
  .blogpage .postgrid .date {
    font-size: 12px; }
  .blogpage .postgrid .hometitle {
    font-size: 16px; }
  @media only screen and (max-width: 991px) {
    .blogpage .postgrid {
      float: none;
      width: 100%;
      margin-right: 0;
      border-bottom: 1px solid #dadada; } }
.blogpage .blog-pagination .page, .blogpage .blog-pagination .next {
  margin: 0 10px; }

.blogpage .blogpost h5.date {
  font-weight: normal;
  color: #adacb1;
  margin: 0 0 .5rem;
  line-height: 1; }

.blogpage .blogpost h2.title {
  padding: 0;
  margin: 0 0 1rem; }

.customhero {
  text-transform: lowercase; }

.customtop {
  padding: 40px 0;
  border-bottom: 1px solid #F3F4F7; }

.customcolumn h2 {
  text-transform: lowercase; }

.custommiddle {
  border-right: 1px solid #F3F4F7;
  border-left: 1px solid #F3F4F7; }

.customleft {
  border-right: 1px solid #F3F4F7; }

@media (max-width: 798px) {
  .customcolumn .btn.blue {
    font-size: 12px;
    padding:  16px; } }

@media (max-width: 450px) {
  .customcolumn {
    border-bottom: 1px solid #F3F4F7;
    padding-bottom: 30px;
    margin-bottom: 10px; }
  .custommiddle {
    border-right: none;
    border-left: none; }
  .customleft {
    border-right: none; } }

#mc_embed_signup {
  margin-top: 30px; }
  #mc_embed_signup h2 {
    font-size: 24px;
    text-transform: lowercase;
    margin-bottom: .5rem; }
  #mc_embed_signup .asterisk, #mc_embed_signup .indicates-required {
    color: #fe565b; }
  #mc_embed_signup .indicates-required {
    margin-bottom: 20px; }
  #mc_embed_signup div.mce_inline_error {
    background-color: #fe565b !important; }
  #mc_embed_signup #mce-success-response {
    color: #4b8bf9; }
  #mc_embed_signup .mc-field-group {
    margin-bottom: 1rem; }
  #mc_embed_signup label {
    font-size: 18px;
    font-weight: 500;
    color: #E2E3E7;
    display: inline-block;
    text-transform: lowercase;
    margin-bottom: .5rem; }
  #mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"] {
    border: none;
    border-bottom: 1px solid #adacb1;
    border-radius: 0px;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    outline: none !important; }
    #mc_embed_signup input.mce_inline_error[type="text"], #mc_embed_signup input.mce_inline_error[type="email"] {
      background-color: #ffe9ea; }
  #mc_embed_signup .button, #mc_embed_signup input[type="submit"] {
    display: block;
    outline: none !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    line-height: 1.5;
    border: 1px solid transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
    vertical-align: middle;
    box-shadow: 0px 27px 30px -28px rgba(0, 0, 0, 0.75);
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 20px 50px;
    background: #4b8bf9;
    color: #fff;
    cursor: pointer;
    margin-top: 30px; }

.modal {
  line-height: 1; }
  .modal .modal-header {
    border-bottom: none;
    padding-bottom: 0; }
    .modal .modal-header button {
      font-size: 12px;
      padding: 8px 15px;
      margin-left: auto; }
    @media (max-width: 766px) {
      .modal .modal-header {
        padding: .5rem; } }
  .modal .modal-body {
    padding: 0 0 30px; }
  .modal .row {
    padding: 30px 20px; }
    .modal .row.nopad {
      padding: 0 20px; }
  .modal .mheader {
    text-align: center;
    text-transform: lowercase;
    padding-bottom: 30px; }
  .modal h2 {
    padding: 0;
    margin-bottom: 20px; }
  .modal .msubtitle {
    font-size: 18px; }
  .modal .mblurb {
    font-size: 14px;
    margin-top: 6px; }
  .modal .msection {
    padding: 15px 0;
    text-align: center;
    color: #fff;
    background-color: #494d5b;
    font-size: 18px;
    text-transform: lowercase; }
  @media (max-width: 766px) {
    .modal .btn-cartadd.blue {
      margin-bottom: 15px; } }
.cartaddpop .btn-cartadd {
  padding: 8px 0; }

.cartaddpop .relatedwrap .msection {
  margin-top: 30px; }

.cartaddpop .mrelated .item, .cartaddpop .madditional .item {
  padding: 9px 20px;
  border-bottom: 1px solid #eff0f5;
  font-size: 24px;
  line-height: 80px;
  margin: 0; }

.cartaddpop .mrelated .slot, .cartaddpop .madditional .slot {
  padding: 0; }
  .cartaddpop .mrelated .slot:nth-of-type(2), .cartaddpop .madditional .slot:nth-of-type(2) {
    padding-left: 20px; }

.cartaddpop .mrelated a, .cartaddpop .madditional a {
  color: #404350; }

.cartaddpop .mrelated img, .cartaddpop .madditional img {
  max-width: 80px;
  max-height: 80px; }

.cartaddpop .madditional .row {
  align-items: center; }

.cartaddpop .madditional .item {
  line-height: 1; }
  .cartaddpop .madditional .item span {
    display: block;
    font-size: 18px;
    margin-top: 6px; }

@media (max-width: 766px) {
  .cartaddpop .mrelated .item, .cartaddpop .madditional .item {
    padding: 9px 10px;
    font-size: 18px;
    line-height: 60px; }
  .cartaddpop .mrelated img, .cartaddpop .madditional img {
    max-width: 60px;
    max-height: 60px; }
  .cartaddpop .madditional .item {
    line-height: 1; }
    .cartaddpop .madditional .item span {
      font-size: 14px; }
  .cartaddpop .madditional .btn {
    font-size: 12px;
    margin-bottom: 0; } }

.paint-calc .modal-dialog {
  max-width: 450px; }

.paint-calc .mheader {
  padding-bottom: 20px; }

.paint-calc .msection {
  padding: 10px 0; }

.paint-calc .row {
  padding: 15px 20px; }

.paint-calc .qty-container {
  margin-bottom: 10px; }

.paint-calc .qtylabel {
  text-transform: uppercase;
  font-size: 12px; }

@media (max-width: 320px) {
  .paint-calc .col-6 {
    padding: 0; } }

.promopopup .modal-content {
  max-height: 90vh; }

.promopopup .modal-header {
  padding: 10px;
  background-color: #000; }

.promopopup .modal-body {
  padding: 0;
  overflow: hidden; }
  .promopopup .modal-body img {
    width: 100%; }
  .promopopup .modal-body button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 8px 15px; }

.paintcalcwrap {
  width: 300px;
  margin: 0 auto; }
  .paintcalcwrap .calcintro {
    font-size: 16px;
    margin-bottom: 20px; }
  .paintcalcwrap .calcheader {
    margin-bottom: 5px; }
  .paintcalcwrap .calcrow, .paintcalcwrap .calcadd {
    padding-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #404350; }
  .paintcalcwrap .calcflex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .paintcalcwrap .calcflex .maincell {
      flex-basis: 30%; }
    .paintcalcwrap .calcflex .subcell {
      flex-basis: 30%; }
  .paintcalcwrap .collabel {
    font-size: 18px; }
  .paintcalcwrap .collabelsmall {
    font-size: 14px; }
  .paintcalcwrap .btn.btn-round {
    display: block;
    margin: 0 auto; }
    .paintcalcwrap .btn.btn-round.btn-delete {
      width: 36px;
      height: 36px;
      background: #fff;
      color: #fe565b; }
      .paintcalcwrap .btn.btn-round.btn-delete:hover, .paintcalcwrap .btn.btn-round.btn-delete.active {
        border-color: #fe565b; }
    .paintcalcwrap .btn.btn-round.btn-add {
      width: 48px;
      height: 48px;
      background: #fff;
      color: #4b8bf9; }
  .paintcalcwrap .calcfooter {
    font-size: 18px; }