a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%; }

html,
body {
  height: 100%; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block; }

b,
strong {
  font-weight: bold; }

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

ul,
ol {
  list-style: none; }

li {
  display: list-item; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left; }

q {
  quotes: none; }

q:before,
q:after {
  content: "";
  content: none; }

sub,
sup,
small {
  font-size: 75%; }

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

svg {
  overflow: hidden; }

.shake, .shake-little, .shake-slow, .shake-hard, .shake-horizontal, .shake-vertical, .shake-rotate, .shake-opacity, .shake-crazy, .shake-chunk {
  display: inline-block;
  transform-origin: center center; }

.shake-freeze, .shake-constant.shake-constant--hover:hover, .shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover, .shake-trigger:hover .shake-freeze, .shake:hover, .shake-trigger:hover .shake, .shake-little:hover, .shake-trigger:hover .shake-little, .shake-slow:hover, .shake-trigger:hover .shake-slow, .shake-hard:hover, .shake-trigger:hover .shake-hard, .shake-horizontal:hover, .shake-trigger:hover .shake-horizontal, .shake-vertical:hover, .shake-trigger:hover .shake-vertical, .shake-rotate:hover, .shake-trigger:hover .shake-rotate, .shake-opacity:hover, .shake-trigger:hover .shake-opacity, .shake-crazy:hover, .shake-trigger:hover .shake-crazy, .shake-chunk:hover, .shake-trigger:hover .shake-chunk {
  animation-play-state: running; }

@keyframes shake {
  2% {
    transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  4% {
    transform: translate(2.5px, 0.5px) rotate(-0.5deg); }
  6% {
    transform: translate(-0.5px, 1.5px) rotate(1.5deg); }
  8% {
    transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  10% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  12% {
    transform: translate(0.5px, -0.5px) rotate(1.5deg); }
  14% {
    transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
  16% {
    transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
  18% {
    transform: translate(2.5px, 0.5px) rotate(0.5deg); }
  20% {
    transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
  22% {
    transform: translate(2.5px, 2.5px) rotate(-0.5deg); }
  24% {
    transform: translate(2.5px, 1.5px) rotate(1.5deg); }
  26% {
    transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
  28% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  30% {
    transform: translate(-1.5px, 2.5px) rotate(1.5deg); }
  32% {
    transform: translate(0.5px, 0.5px) rotate(0.5deg); }
  34% {
    transform: translate(0.5px, 1.5px) rotate(1.5deg); }
  36% {
    transform: translate(2.5px, -0.5px) rotate(1.5deg); }
  38% {
    transform: translate(0.5px, 1.5px) rotate(1.5deg); }
  40% {
    transform: translate(2.5px, 1.5px) rotate(1.5deg); }
  42% {
    transform: translate(2.5px, -1.5px) rotate(0.5deg); }
  44% {
    transform: translate(0.5px, -0.5px) rotate(0.5deg); }
  46% {
    transform: translate(1.5px, -1.5px) rotate(0.5deg); }
  48% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  50% {
    transform: translate(2.5px, -1.5px) rotate(1.5deg); }
  52% {
    transform: translate(0.5px, 1.5px) rotate(0.5deg); }
  54% {
    transform: translate(2.5px, -0.5px) rotate(0.5deg); }
  56% {
    transform: translate(2.5px, 2.5px) rotate(0.5deg); }
  58% {
    transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
  60% {
    transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  62% {
    transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  64% {
    transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
  66% {
    transform: translate(-1.5px, 0.5px) rotate(1.5deg); }
  68% {
    transform: translate(1.5px, -1.5px) rotate(0.5deg); }
  70% {
    transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  72% {
    transform: translate(-0.5px, 1.5px) rotate(1.5deg); }
  74% {
    transform: translate(-1.5px, 1.5px) rotate(1.5deg); }
  76% {
    transform: translate(2.5px, -0.5px) rotate(0.5deg); }
  78% {
    transform: translate(2.5px, 2.5px) rotate(0.5deg); }
  80% {
    transform: translate(-1.5px, 2.5px) rotate(0.5deg); }
  82% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  84% {
    transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
  86% {
    transform: translate(-0.5px, 2.5px) rotate(0.5deg); }
  88% {
    transform: translate(2.5px, 2.5px) rotate(1.5deg); }
  90% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  92% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  94% {
    transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
  96% {
    transform: translate(1.5px, 0.5px) rotate(1.5deg); }
  98% {
    transform: translate(0.5px, -0.5px) rotate(1.5deg); }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake:hover, .shake-trigger:hover .shake, .shake.shake-freeze, .shake.shake-constant {
  animation-name: shake;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-little {
  2% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  4% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  6% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  8% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  10% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  12% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  14% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  16% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  18% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  20% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  22% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  24% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  26% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  28% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  30% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  32% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  34% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  36% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  38% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  40% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  42% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  44% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  46% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  48% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  50% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  52% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  54% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  56% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  58% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  60% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  62% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  64% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  66% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  68% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  70% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  72% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  74% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  76% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  78% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  80% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  82% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  84% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  86% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  88% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  90% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  92% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  94% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  96% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  98% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-little:hover, .shake-trigger:hover .shake-little, .shake-little.shake-freeze, .shake-little.shake-constant {
  animation-name: shake-little;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-slow {
  2% {
    transform: translate(3px, 7px) rotate(3.5deg); }
  4% {
    transform: translate(-6px, 10px) rotate(-1.5deg); }
  6% {
    transform: translate(4px, 0px) rotate(2.5deg); }
  8% {
    transform: translate(0px, 9px) rotate(0.5deg); }
  10% {
    transform: translate(4px, 3px) rotate(0.5deg); }
  12% {
    transform: translate(8px, 1px) rotate(3.5deg); }
  14% {
    transform: translate(6px, -2px) rotate(3.5deg); }
  16% {
    transform: translate(-6px, -4px) rotate(-1.5deg); }
  18% {
    transform: translate(4px, 9px) rotate(-2.5deg); }
  20% {
    transform: translate(-2px, 7px) rotate(3.5deg); }
  22% {
    transform: translate(10px, 5px) rotate(-0.5deg); }
  24% {
    transform: translate(-9px, -7px) rotate(1.5deg); }
  26% {
    transform: translate(-3px, -5px) rotate(3.5deg); }
  28% {
    transform: translate(9px, -3px) rotate(-2.5deg); }
  30% {
    transform: translate(4px, -3px) rotate(2.5deg); }
  32% {
    transform: translate(-7px, -3px) rotate(-2.5deg); }
  34% {
    transform: translate(-8px, 10px) rotate(3.5deg); }
  36% {
    transform: translate(-2px, -3px) rotate(1.5deg); }
  38% {
    transform: translate(-6px, -9px) rotate(-1.5deg); }
  40% {
    transform: translate(-6px, -6px) rotate(-1.5deg); }
  42% {
    transform: translate(8px, -9px) rotate(2.5deg); }
  44% {
    transform: translate(5px, 9px) rotate(-1.5deg); }
  46% {
    transform: translate(-1px, 1px) rotate(-0.5deg); }
  48% {
    transform: translate(9px, -6px) rotate(-0.5deg); }
  50% {
    transform: translate(-6px, -4px) rotate(-1.5deg); }
  52% {
    transform: translate(0px, 10px) rotate(-0.5deg); }
  54% {
    transform: translate(8px, 9px) rotate(0.5deg); }
  56% {
    transform: translate(5px, 2px) rotate(-1.5deg); }
  58% {
    transform: translate(9px, -9px) rotate(2.5deg); }
  60% {
    transform: translate(1px, -1px) rotate(3.5deg); }
  62% {
    transform: translate(-2px, 4px) rotate(2.5deg); }
  64% {
    transform: translate(-7px, 5px) rotate(0.5deg); }
  66% {
    transform: translate(-8px, -6px) rotate(-1.5deg); }
  68% {
    transform: translate(-9px, 6px) rotate(0.5deg); }
  70% {
    transform: translate(-7px, -5px) rotate(0.5deg); }
  72% {
    transform: translate(3px, -8px) rotate(-2.5deg); }
  74% {
    transform: translate(-7px, 0px) rotate(-2.5deg); }
  76% {
    transform: translate(7px, -8px) rotate(-2.5deg); }
  78% {
    transform: translate(6px, 3px) rotate(2.5deg); }
  80% {
    transform: translate(3px, 4px) rotate(2.5deg); }
  82% {
    transform: translate(-9px, 1px) rotate(-0.5deg); }
  84% {
    transform: translate(-6px, 7px) rotate(1.5deg); }
  86% {
    transform: translate(7px, 9px) rotate(2.5deg); }
  88% {
    transform: translate(1px, -4px) rotate(0.5deg); }
  90% {
    transform: translate(9px, -9px) rotate(-2.5deg); }
  92% {
    transform: translate(-4px, -5px) rotate(-0.5deg); }
  94% {
    transform: translate(-2px, -9px) rotate(2.5deg); }
  96% {
    transform: translate(-6px, -6px) rotate(-1.5deg); }
  98% {
    transform: translate(-2px, -6px) rotate(-1.5deg); }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-slow:hover, .shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-hard {
  2% {
    transform: translate(-4px, 2px) rotate(1.5deg); }
  4% {
    transform: translate(-8px, 10px) rotate(-1.5deg); }
  6% {
    transform: translate(2px, -6px) rotate(-0.5deg); }
  8% {
    transform: translate(10px, 10px) rotate(-1.5deg); }
  10% {
    transform: translate(8px, 4px) rotate(0.5deg); }
  12% {
    transform: translate(2px, 6px) rotate(-0.5deg); }
  14% {
    transform: translate(10px, -8px) rotate(0.5deg); }
  16% {
    transform: translate(-9px, -5px) rotate(3.5deg); }
  18% {
    transform: translate(9px, -9px) rotate(-1.5deg); }
  20% {
    transform: translate(2px, 1px) rotate(1.5deg); }
  22% {
    transform: translate(-4px, 1px) rotate(2.5deg); }
  24% {
    transform: translate(-7px, 4px) rotate(-1.5deg); }
  26% {
    transform: translate(-6px, -1px) rotate(-2.5deg); }
  28% {
    transform: translate(6px, 0px) rotate(-1.5deg); }
  30% {
    transform: translate(-6px, 6px) rotate(3.5deg); }
  32% {
    transform: translate(5px, 7px) rotate(3.5deg); }
  34% {
    transform: translate(-5px, 5px) rotate(3.5deg); }
  36% {
    transform: translate(-8px, -3px) rotate(-2.5deg); }
  38% {
    transform: translate(-3px, 5px) rotate(-2.5deg); }
  40% {
    transform: translate(8px, -4px) rotate(1.5deg); }
  42% {
    transform: translate(2px, -8px) rotate(2.5deg); }
  44% {
    transform: translate(5px, -7px) rotate(-1.5deg); }
  46% {
    transform: translate(8px, -4px) rotate(1.5deg); }
  48% {
    transform: translate(1px, -4px) rotate(0.5deg); }
  50% {
    transform: translate(-7px, 7px) rotate(3.5deg); }
  52% {
    transform: translate(7px, -5px) rotate(3.5deg); }
  54% {
    transform: translate(10px, -5px) rotate(1.5deg); }
  56% {
    transform: translate(-1px, -8px) rotate(1.5deg); }
  58% {
    transform: translate(2px, -2px) rotate(-1.5deg); }
  60% {
    transform: translate(-8px, 0px) rotate(2.5deg); }
  62% {
    transform: translate(9px, -5px) rotate(-2.5deg); }
  64% {
    transform: translate(8px, -9px) rotate(0.5deg); }
  66% {
    transform: translate(-6px, -7px) rotate(-2.5deg); }
  68% {
    transform: translate(-1px, -4px) rotate(-1.5deg); }
  70% {
    transform: translate(10px, -8px) rotate(-1.5deg); }
  72% {
    transform: translate(3px, 6px) rotate(-2.5deg); }
  74% {
    transform: translate(-1px, 8px) rotate(-0.5deg); }
  76% {
    transform: translate(-3px, 7px) rotate(1.5deg); }
  78% {
    transform: translate(9px, 0px) rotate(2.5deg); }
  80% {
    transform: translate(9px, -5px) rotate(3.5deg); }
  82% {
    transform: translate(9px, 8px) rotate(-0.5deg); }
  84% {
    transform: translate(-3px, -3px) rotate(-2.5deg); }
  86% {
    transform: translate(-8px, -1px) rotate(3.5deg); }
  88% {
    transform: translate(5px, 2px) rotate(3.5deg); }
  90% {
    transform: translate(5px, 9px) rotate(-0.5deg); }
  92% {
    transform: translate(7px, 5px) rotate(1.5deg); }
  94% {
    transform: translate(8px, 8px) rotate(-0.5deg); }
  96% {
    transform: translate(2px, 10px) rotate(-2.5deg); }
  98% {
    transform: translate(-5px, 10px) rotate(-2.5deg); }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-hard:hover, .shake-trigger:hover .shake-hard, .shake-hard.shake-freeze, .shake-hard.shake-constant {
  animation-name: shake-hard;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-horizontal {
  2% {
    transform: translate(4px, 0) rotate(0); }
  4% {
    transform: translate(8px, 0) rotate(0); }
  6% {
    transform: translate(7px, 0) rotate(0); }
  8% {
    transform: translate(2px, 0) rotate(0); }
  10% {
    transform: translate(0px, 0) rotate(0); }
  12% {
    transform: translate(7px, 0) rotate(0); }
  14% {
    transform: translate(-6px, 0) rotate(0); }
  16% {
    transform: translate(-5px, 0) rotate(0); }
  18% {
    transform: translate(-8px, 0) rotate(0); }
  20% {
    transform: translate(-9px, 0) rotate(0); }
  22% {
    transform: translate(9px, 0) rotate(0); }
  24% {
    transform: translate(-8px, 0) rotate(0); }
  26% {
    transform: translate(-8px, 0) rotate(0); }
  28% {
    transform: translate(2px, 0) rotate(0); }
  30% {
    transform: translate(10px, 0) rotate(0); }
  32% {
    transform: translate(6px, 0) rotate(0); }
  34% {
    transform: translate(-6px, 0) rotate(0); }
  36% {
    transform: translate(7px, 0) rotate(0); }
  38% {
    transform: translate(-9px, 0) rotate(0); }
  40% {
    transform: translate(-4px, 0) rotate(0); }
  42% {
    transform: translate(-4px, 0) rotate(0); }
  44% {
    transform: translate(1px, 0) rotate(0); }
  46% {
    transform: translate(-2px, 0) rotate(0); }
  48% {
    transform: translate(-4px, 0) rotate(0); }
  50% {
    transform: translate(-2px, 0) rotate(0); }
  52% {
    transform: translate(10px, 0) rotate(0); }
  54% {
    transform: translate(-9px, 0) rotate(0); }
  56% {
    transform: translate(0px, 0) rotate(0); }
  58% {
    transform: translate(-8px, 0) rotate(0); }
  60% {
    transform: translate(-4px, 0) rotate(0); }
  62% {
    transform: translate(7px, 0) rotate(0); }
  64% {
    transform: translate(-1px, 0) rotate(0); }
  66% {
    transform: translate(-7px, 0) rotate(0); }
  68% {
    transform: translate(1px, 0) rotate(0); }
  70% {
    transform: translate(-5px, 0) rotate(0); }
  72% {
    transform: translate(0px, 0) rotate(0); }
  74% {
    transform: translate(-4px, 0) rotate(0); }
  76% {
    transform: translate(5px, 0) rotate(0); }
  78% {
    transform: translate(2px, 0) rotate(0); }
  80% {
    transform: translate(2px, 0) rotate(0); }
  82% {
    transform: translate(-1px, 0) rotate(0); }
  84% {
    transform: translate(9px, 0) rotate(0); }
  86% {
    transform: translate(-6px, 0) rotate(0); }
  88% {
    transform: translate(8px, 0) rotate(0); }
  90% {
    transform: translate(3px, 0) rotate(0); }
  92% {
    transform: translate(10px, 0) rotate(0); }
  94% {
    transform: translate(-4px, 0) rotate(0); }
  96% {
    transform: translate(-6px, 0) rotate(0); }
  98% {
    transform: translate(7px, 0) rotate(0); }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-horizontal:hover, .shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-vertical {
  2% {
    transform: translate(0, -2px) rotate(0); }
  4% {
    transform: translate(0, -2px) rotate(0); }
  6% {
    transform: translate(0, 2px) rotate(0); }
  8% {
    transform: translate(0, 9px) rotate(0); }
  10% {
    transform: translate(0, 3px) rotate(0); }
  12% {
    transform: translate(0, 4px) rotate(0); }
  14% {
    transform: translate(0, -8px) rotate(0); }
  16% {
    transform: translate(0, -8px) rotate(0); }
  18% {
    transform: translate(0, -6px) rotate(0); }
  20% {
    transform: translate(0, 5px) rotate(0); }
  22% {
    transform: translate(0, 5px) rotate(0); }
  24% {
    transform: translate(0, -8px) rotate(0); }
  26% {
    transform: translate(0, -4px) rotate(0); }
  28% {
    transform: translate(0, 2px) rotate(0); }
  30% {
    transform: translate(0, -1px) rotate(0); }
  32% {
    transform: translate(0, 1px) rotate(0); }
  34% {
    transform: translate(0, -7px) rotate(0); }
  36% {
    transform: translate(0, -7px) rotate(0); }
  38% {
    transform: translate(0, 2px) rotate(0); }
  40% {
    transform: translate(0, -1px) rotate(0); }
  42% {
    transform: translate(0, 8px) rotate(0); }
  44% {
    transform: translate(0, -5px) rotate(0); }
  46% {
    transform: translate(0, -8px) rotate(0); }
  48% {
    transform: translate(0, -1px) rotate(0); }
  50% {
    transform: translate(0, 1px) rotate(0); }
  52% {
    transform: translate(0, 1px) rotate(0); }
  54% {
    transform: translate(0, -4px) rotate(0); }
  56% {
    transform: translate(0, 4px) rotate(0); }
  58% {
    transform: translate(0, 3px) rotate(0); }
  60% {
    transform: translate(0, -7px) rotate(0); }
  62% {
    transform: translate(0, 4px) rotate(0); }
  64% {
    transform: translate(0, 0px) rotate(0); }
  66% {
    transform: translate(0, -5px) rotate(0); }
  68% {
    transform: translate(0, -2px) rotate(0); }
  70% {
    transform: translate(0, -4px) rotate(0); }
  72% {
    transform: translate(0, 9px) rotate(0); }
  74% {
    transform: translate(0, -3px) rotate(0); }
  76% {
    transform: translate(0, -4px) rotate(0); }
  78% {
    transform: translate(0, -9px) rotate(0); }
  80% {
    transform: translate(0, -8px) rotate(0); }
  82% {
    transform: translate(0, -6px) rotate(0); }
  84% {
    transform: translate(0, 9px) rotate(0); }
  86% {
    transform: translate(0, -4px) rotate(0); }
  88% {
    transform: translate(0, -9px) rotate(0); }
  90% {
    transform: translate(0, -2px) rotate(0); }
  92% {
    transform: translate(0, 7px) rotate(0); }
  94% {
    transform: translate(0, -1px) rotate(0); }
  96% {
    transform: translate(0, 7px) rotate(0); }
  98% {
    transform: translate(0, -1px) rotate(0); }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-vertical:hover, .shake-trigger:hover .shake-vertical, .shake-vertical.shake-freeze, .shake-vertical.shake-constant {
  animation-name: shake-vertical;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-rotate {
  2% {
    transform: translate(0, 0) rotate(3.5deg); }
  4% {
    transform: translate(0, 0) rotate(-0.5deg); }
  6% {
    transform: translate(0, 0) rotate(-1.5deg); }
  8% {
    transform: translate(0, 0) rotate(4.5deg); }
  10% {
    transform: translate(0, 0) rotate(6.5deg); }
  12% {
    transform: translate(0, 0) rotate(0.5deg); }
  14% {
    transform: translate(0, 0) rotate(-4.5deg); }
  16% {
    transform: translate(0, 0) rotate(5.5deg); }
  18% {
    transform: translate(0, 0) rotate(-6.5deg); }
  20% {
    transform: translate(0, 0) rotate(1.5deg); }
  22% {
    transform: translate(0, 0) rotate(-5.5deg); }
  24% {
    transform: translate(0, 0) rotate(-4.5deg); }
  26% {
    transform: translate(0, 0) rotate(-0.5deg); }
  28% {
    transform: translate(0, 0) rotate(7.5deg); }
  30% {
    transform: translate(0, 0) rotate(-1.5deg); }
  32% {
    transform: translate(0, 0) rotate(4.5deg); }
  34% {
    transform: translate(0, 0) rotate(5.5deg); }
  36% {
    transform: translate(0, 0) rotate(1.5deg); }
  38% {
    transform: translate(0, 0) rotate(-2.5deg); }
  40% {
    transform: translate(0, 0) rotate(6.5deg); }
  42% {
    transform: translate(0, 0) rotate(4.5deg); }
  44% {
    transform: translate(0, 0) rotate(2.5deg); }
  46% {
    transform: translate(0, 0) rotate(4.5deg); }
  48% {
    transform: translate(0, 0) rotate(-5.5deg); }
  50% {
    transform: translate(0, 0) rotate(-6.5deg); }
  52% {
    transform: translate(0, 0) rotate(-4.5deg); }
  54% {
    transform: translate(0, 0) rotate(2.5deg); }
  56% {
    transform: translate(0, 0) rotate(-5.5deg); }
  58% {
    transform: translate(0, 0) rotate(-5.5deg); }
  60% {
    transform: translate(0, 0) rotate(-6.5deg); }
  62% {
    transform: translate(0, 0) rotate(6.5deg); }
  64% {
    transform: translate(0, 0) rotate(-1.5deg); }
  66% {
    transform: translate(0, 0) rotate(-5.5deg); }
  68% {
    transform: translate(0, 0) rotate(-2.5deg); }
  70% {
    transform: translate(0, 0) rotate(6.5deg); }
  72% {
    transform: translate(0, 0) rotate(3.5deg); }
  74% {
    transform: translate(0, 0) rotate(3.5deg); }
  76% {
    transform: translate(0, 0) rotate(-2.5deg); }
  78% {
    transform: translate(0, 0) rotate(-6.5deg); }
  80% {
    transform: translate(0, 0) rotate(1.5deg); }
  82% {
    transform: translate(0, 0) rotate(4.5deg); }
  84% {
    transform: translate(0, 0) rotate(0.5deg); }
  86% {
    transform: translate(0, 0) rotate(3.5deg); }
  88% {
    transform: translate(0, 0) rotate(5.5deg); }
  90% {
    transform: translate(0, 0) rotate(7.5deg); }
  92% {
    transform: translate(0, 0) rotate(-5.5deg); }
  94% {
    transform: translate(0, 0) rotate(7.5deg); }
  96% {
    transform: translate(0, 0) rotate(-2.5deg); }
  98% {
    transform: translate(0, 0) rotate(6.5deg); }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-rotate:hover, .shake-trigger:hover .shake-rotate, .shake-rotate.shake-freeze, .shake-rotate.shake-constant {
  animation-name: shake-rotate;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-opacity {
  10% {
    transform: translate(5px, 4px) rotate(-0.5deg);
    opacity: .32; }
  20% {
    transform: translate(-1px, 2px) rotate(0.5deg);
    opacity: .63; }
  30% {
    transform: translate(1px, 1px) rotate(1.5deg);
    opacity: .49; }
  40% {
    transform: translate(3px, -1px) rotate(1.5deg);
    opacity: .81; }
  50% {
    transform: translate(1px, -2px) rotate(-0.5deg);
    opacity: .97; }
  60% {
    transform: translate(-2px, -4px) rotate(2.5deg);
    opacity: .7; }
  70% {
    transform: translate(-3px, -2px) rotate(1.5deg);
    opacity: .99; }
  80% {
    transform: translate(3px, -1px) rotate(0.5deg);
    opacity: .92; }
  90% {
    transform: translate(-4px, -4px) rotate(-0.5deg);
    opacity: .01; }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-opacity:hover, .shake-trigger:hover .shake-opacity, .shake-opacity.shake-freeze, .shake-opacity.shake-constant {
  animation-name: shake-opacity;
  animation-duration: .5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-crazy {
  10% {
    transform: translate(18px, -17px) rotate(7deg);
    opacity: .88; }
  20% {
    transform: translate(-16px, -1px) rotate(6deg);
    opacity: .78; }
  30% {
    transform: translate(-15px, -16px) rotate(7deg);
    opacity: .79; }
  40% {
    transform: translate(-13px, 9px) rotate(-1deg);
    opacity: .12; }
  50% {
    transform: translate(0px, -2px) rotate(-1deg);
    opacity: .34; }
  60% {
    transform: translate(16px, -15px) rotate(-7deg);
    opacity: .06; }
  70% {
    transform: translate(-7px, -4px) rotate(9deg);
    opacity: .12; }
  80% {
    transform: translate(-11px, 1px) rotate(-2deg);
    opacity: .41; }
  90% {
    transform: translate(-16px, -16px) rotate(-2deg);
    opacity: .8; }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-crazy:hover, .shake-trigger:hover .shake-crazy, .shake-crazy.shake-freeze, .shake-crazy.shake-constant {
  animation-name: shake-crazy;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-chunk {
  2% {
    transform: translate(-10px, 8px) rotate(5deg); }
  4% {
    transform: translate(-6px, 14px) rotate(0deg); }
  6% {
    transform: translate(-4px, -6px) rotate(-13deg); }
  8% {
    transform: translate(-1px, -12px) rotate(4deg); }
  10% {
    transform: translate(-2px, 10px) rotate(-14deg); }
  12% {
    transform: translate(3px, -6px) rotate(12deg); }
  14% {
    transform: translate(15px, 9px) rotate(-4deg); }
  16% {
    transform: translate(3px, 9px) rotate(-2deg); }
  18% {
    transform: translate(-11px, -6px) rotate(11deg); }
  20% {
    transform: translate(2px, 11px) rotate(6deg); }
  22% {
    transform: translate(-2px, -11px) rotate(2deg); }
  24% {
    transform: translate(-5px, -2px) rotate(-13deg); }
  26% {
    transform: translate(13px, -13px) rotate(11deg); }
  28% {
    transform: translate(-10px, -12px) rotate(-1deg); }
  30% {
    transform: translate(5px, 3px) rotate(-14deg); }
  32% {
    transform: translate(-4px, 1px) rotate(-13deg); }
  34% {
    transform: translate(-14px, -8px) rotate(2deg); }
  36% {
    transform: translate(8px, -12px) rotate(13deg); }
  38% {
    transform: translate(13px, -14px) rotate(-10deg); }
  0%,40%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-chunk:hover, .shake-trigger:hover .shake-chunk, .shake-chunk.shake-freeze, .shake-chunk.shake-constant {
  animation-name: shake-chunk;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

.shake-slow {
  display: inline-block;
  transform-origin: center center; }

.shake-freeze, .shake-constant.shake-constant--hover:hover, .shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover, .shake-trigger:hover .shake-freeze, .shake-slow:hover, .shake-trigger:hover .shake-slow {
  animation-play-state: running; }

@keyframes shake-slow {
  2% {
    transform: translate(-3px, 10px) rotate(3.5deg); }
  4% {
    transform: translate(0px, -9px) rotate(-0.5deg); }
  6% {
    transform: translate(5px, 8px) rotate(3.5deg); }
  8% {
    transform: translate(8px, -2px) rotate(1.5deg); }
  10% {
    transform: translate(5px, -5px) rotate(1.5deg); }
  12% {
    transform: translate(8px, 2px) rotate(0.5deg); }
  14% {
    transform: translate(1px, 4px) rotate(1.5deg); }
  16% {
    transform: translate(5px, 7px) rotate(-2.5deg); }
  18% {
    transform: translate(10px, -7px) rotate(2.5deg); }
  20% {
    transform: translate(2px, -5px) rotate(1.5deg); }
  22% {
    transform: translate(5px, -4px) rotate(-2.5deg); }
  24% {
    transform: translate(-7px, -6px) rotate(-2.5deg); }
  26% {
    transform: translate(-8px, 0px) rotate(2.5deg); }
  28% {
    transform: translate(-4px, -7px) rotate(-0.5deg); }
  30% {
    transform: translate(-8px, 10px) rotate(1.5deg); }
  32% {
    transform: translate(-6px, 10px) rotate(-2.5deg); }
  34% {
    transform: translate(10px, -8px) rotate(-1.5deg); }
  36% {
    transform: translate(-7px, -4px) rotate(-2.5deg); }
  38% {
    transform: translate(9px, -2px) rotate(3.5deg); }
  40% {
    transform: translate(8px, 8px) rotate(0.5deg); }
  42% {
    transform: translate(0px, -4px) rotate(1.5deg); }
  44% {
    transform: translate(7px, -7px) rotate(3.5deg); }
  46% {
    transform: translate(-4px, -3px) rotate(-1.5deg); }
  48% {
    transform: translate(9px, -4px) rotate(0.5deg); }
  50% {
    transform: translate(2px, -2px) rotate(-1.5deg); }
  52% {
    transform: translate(-9px, 7px) rotate(1.5deg); }
  54% {
    transform: translate(-7px, -2px) rotate(1.5deg); }
  56% {
    transform: translate(3px, -4px) rotate(-0.5deg); }
  58% {
    transform: translate(4px, 6px) rotate(2.5deg); }
  60% {
    transform: translate(-3px, 2px) rotate(0.5deg); }
  62% {
    transform: translate(5px, -1px) rotate(1.5deg); }
  64% {
    transform: translate(-2px, -6px) rotate(-0.5deg); }
  66% {
    transform: translate(-3px, 7px) rotate(-2.5deg); }
  68% {
    transform: translate(1px, 0px) rotate(2.5deg); }
  70% {
    transform: translate(-1px, -7px) rotate(-1.5deg); }
  72% {
    transform: translate(-7px, 5px) rotate(1.5deg); }
  74% {
    transform: translate(2px, 3px) rotate(1.5deg); }
  76% {
    transform: translate(-2px, 5px) rotate(-0.5deg); }
  78% {
    transform: translate(10px, -4px) rotate(-2.5deg); }
  80% {
    transform: translate(6px, -6px) rotate(1.5deg); }
  82% {
    transform: translate(3px, 0px) rotate(2.5deg); }
  84% {
    transform: translate(-3px, -2px) rotate(-2.5deg); }
  86% {
    transform: translate(10px, -4px) rotate(0.5deg); }
  88% {
    transform: translate(7px, 3px) rotate(2.5deg); }
  90% {
    transform: translate(-5px, -3px) rotate(-1.5deg); }
  92% {
    transform: translate(-4px, 3px) rotate(0.5deg); }
  94% {
    transform: translate(-2px, 1px) rotate(-1.5deg); }
  96% {
    transform: translate(4px, 3px) rotate(0.5deg); }
  98% {
    transform: translate(-4px, 1px) rotate(2.5deg); }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-slow:hover, .shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

.shake-horizontal {
  display: inline-block;
  transform-origin: center center; }

.shake-freeze, .shake-constant.shake-constant--hover:hover, .shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover, .shake-trigger:hover .shake-freeze, .shake-horizontal:hover, .shake-trigger:hover .shake-horizontal {
  animation-play-state: running; }

@keyframes shake-horizontal {
  2% {
    transform: translate(-9px, 0) rotate(0); }
  4% {
    transform: translate(-6px, 0) rotate(0); }
  6% {
    transform: translate(-7px, 0) rotate(0); }
  8% {
    transform: translate(-8px, 0) rotate(0); }
  10% {
    transform: translate(4px, 0) rotate(0); }
  12% {
    transform: translate(10px, 0) rotate(0); }
  14% {
    transform: translate(10px, 0) rotate(0); }
  16% {
    transform: translate(6px, 0) rotate(0); }
  18% {
    transform: translate(-3px, 0) rotate(0); }
  20% {
    transform: translate(-4px, 0) rotate(0); }
  22% {
    transform: translate(4px, 0) rotate(0); }
  24% {
    transform: translate(-6px, 0) rotate(0); }
  26% {
    transform: translate(2px, 0) rotate(0); }
  28% {
    transform: translate(-6px, 0) rotate(0); }
  30% {
    transform: translate(0px, 0) rotate(0); }
  32% {
    transform: translate(8px, 0) rotate(0); }
  34% {
    transform: translate(-3px, 0) rotate(0); }
  36% {
    transform: translate(-3px, 0) rotate(0); }
  38% {
    transform: translate(-9px, 0) rotate(0); }
  40% {
    transform: translate(1px, 0) rotate(0); }
  42% {
    transform: translate(-5px, 0) rotate(0); }
  44% {
    transform: translate(-3px, 0) rotate(0); }
  46% {
    transform: translate(-4px, 0) rotate(0); }
  48% {
    transform: translate(-8px, 0) rotate(0); }
  50% {
    transform: translate(-5px, 0) rotate(0); }
  52% {
    transform: translate(10px, 0) rotate(0); }
  54% {
    transform: translate(-8px, 0) rotate(0); }
  56% {
    transform: translate(-2px, 0) rotate(0); }
  58% {
    transform: translate(4px, 0) rotate(0); }
  60% {
    transform: translate(5px, 0) rotate(0); }
  62% {
    transform: translate(4px, 0) rotate(0); }
  64% {
    transform: translate(0px, 0) rotate(0); }
  66% {
    transform: translate(-2px, 0) rotate(0); }
  68% {
    transform: translate(7px, 0) rotate(0); }
  70% {
    transform: translate(3px, 0) rotate(0); }
  72% {
    transform: translate(-2px, 0) rotate(0); }
  74% {
    transform: translate(-3px, 0) rotate(0); }
  76% {
    transform: translate(7px, 0) rotate(0); }
  78% {
    transform: translate(8px, 0) rotate(0); }
  80% {
    transform: translate(-5px, 0) rotate(0); }
  82% {
    transform: translate(1px, 0) rotate(0); }
  84% {
    transform: translate(2px, 0) rotate(0); }
  86% {
    transform: translate(0px, 0) rotate(0); }
  88% {
    transform: translate(3px, 0) rotate(0); }
  90% {
    transform: translate(-3px, 0) rotate(0); }
  92% {
    transform: translate(-3px, 0) rotate(0); }
  94% {
    transform: translate(-8px, 0) rotate(0); }
  96% {
    transform: translate(-3px, 0) rotate(0); }
  98% {
    transform: translate(-9px, 0) rotate(0); }
  0%,100% {
    transform: translate(0, 0) rotate(0); } }
.shake-horizontal:hover, .shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

body {
  background: #CDBC80 url(../_imgs/background-texture.svg) no-repeat center center fixed;
  background-size: cover;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 13px;
  line-height: 1.5; }
  @media (max-width: 768px) {
    body {
      padding-bottom: 120px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    body {
      padding-bottom: 40px; } }

h1,
h2,
h3,
h4,
p,
ol,
ul {
  font-weight: normal;
  margin: 10px; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  p a,
  ol a,
  ul a {
    text-decoration: none; }

.content-wrapper h1 {
  color: #108988;
  font-size: 18px; }

h2 {
  font-size: 18px; }

.enlarged p {
  font-size: 1.15em;
  line-height: 1.5;
  margin: 1.5em 40px; }

img {
  max-width: 100%; }

.wrapper {
  background: url(../_imgs/background-banding.png) repeat-x left 92px;
  padding-top: 40px;
  width: 100%; }
  @media (max-width: 767px) {
    .wrapper {
      background-position: left 76px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .wrapper {
      background-position: left 89px; } }

.branding-and-navigation,
.content-wrapper,
.tv-set,
.site-information {
  margin: 0 auto;
  width: 1024px; }
  @media (max-width: 767px) {
    .branding-and-navigation,
    .content-wrapper,
    .tv-set,
    .site-information {
      width: 100%; } }

.branding-and-navigation {
  text-align: center; }
  @media (max-width: 767px) {
    .branding-and-navigation {
      padding-top: 80px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .branding-and-navigation {
      background: url(../_imgs/background-banding-uls.png) repeat-x left 92px;
      margin: 0 auto;
      text-align: center;
      width: 100%; } }
  .branding-and-navigation .navigation {
    box-sizing: border-box;
    float: left;
    margin: 20px 0; }
    @media (max-width: 767px) {
      .branding-and-navigation .navigation {
        margin: 10px 0 0;
        width: 50%; } }
    @media (min-width: 400px) and (max-width: 768px) {
      .branding-and-navigation .navigation {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .branding-and-navigation .navigation {
        margin-top: 90px;
        padding-right: 5px;
        text-align: right;
        width: 50%; } }
    .branding-and-navigation .navigation ul {
      margin: -5px 0 0; }
      @media (max-width: 767px) {
        .branding-and-navigation .navigation ul {
          background: url(../_imgs/background-banding-uls.png) repeat left 7px;
          width: 100%; } }
    .branding-and-navigation .navigation li {
      display: inline-block;
      height: 85px;
      margin: 0;
      width: 130px; }
      @media (max-width: 767px) {
        .branding-and-navigation .navigation li {
          clear: both;
          margin-bottom: 0; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .branding-and-navigation .navigation li {
          width: 120px; } }
      .branding-and-navigation .navigation li a {
        background-position: -5px 17px;
        background-repeat: no-repeat;
        background-size: 140px 171px;
        display: block;
        height: 100%;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 100%; }
        .branding-and-navigation .navigation li a.artwork {
          background-image: url(../_imgs/nav-artwork.png); }
        .branding-and-navigation .navigation li a.products {
          background-image: url(../_imgs/nav-products.png); }
        .branding-and-navigation .navigation li a.news {
          background-image: url(../_imgs/nav-news.png); }
        .branding-and-navigation .navigation li a.about {
          background-image: url(../_imgs/nav-about.png); }
        .branding-and-navigation .navigation li a.contact {
          background-image: url(../_imgs/nav-contact.png); }
        .branding-and-navigation .navigation li a.shows {
          background-image: url(../_imgs/nav-shows.png); }
      .branding-and-navigation .navigation li:hover a, .branding-and-navigation .navigation li.active a {
        background-position: -5px -78px; }
    .branding-and-navigation .navigation.right {
      float: right; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .branding-and-navigation .navigation.right {
          padding-left: 5px;
          padding-right: 0;
          text-align: left; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .branding-and-navigation .navigation.right ul {
          margin-left: 0; } }
  .branding-and-navigation .branding {
    float: left;
    height: 126px;
    left: 50%;
    margin: -5px 0 0 -95px;
    position: absolute;
    width: 197px; }
    @media (max-width: 767px) {
      .branding-and-navigation .branding {
        left: 0;
        margin: 20px 0 0;
        position: absolute;
        top: 0;
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .branding-and-navigation .branding {
        left: 50%;
        position: absolute;
        top: 20px; } }
    .branding-and-navigation .branding h1 {
      height: 100%;
      margin: 0;
      width: 100%; }
      .branding-and-navigation .branding h1 a {
        background: url(../_imgs/caleb-gray-studio-logo.png) no-repeat left 9px;
        background-size: 100%;
        display: block;
        height: 100%;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 100%; }
        @media (max-width: 767px) {
          .branding-and-navigation .branding h1 a {
            background-position: center 10px;
            background-size: 197px 292px; } }
        @media (min-width: 768px) and (max-width: 1024px) {
          .branding-and-navigation .branding h1 a {
            background-position: left 25px; } }
        .branding-and-navigation .branding h1 a:hover {
          background-position: left -151px; }
          @media (max-width: 767px) {
            .branding-and-navigation .branding h1 a:hover {
              background-position: center -166px; } }
          @media (min-width: 768px) and (max-width: 1024px) {
            .branding-and-navigation .branding h1 a:hover {
              background-position: left -136px; } }

.content-wrapper {
  margin-top: 10px; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .content-wrapper {
      width: 780px; } }
  .content-wrapper .content-top,
  .content-wrapper .content-bottom {
    height: 190px;
    width: 930px; }
    @media (max-width: 767px) {
      .content-wrapper .content-top,
      .content-wrapper .content-bottom {
        height: 110px;
        width: 323px; } }
    @media (min-width: 476px) and (max-width: 604px) {
      .content-wrapper .content-top,
      .content-wrapper .content-bottom {
        width: 482px; } }
    @media (min-width: 604px) and (max-width: 660px) {
      .content-wrapper .content-top,
      .content-wrapper .content-bottom {
        width: 582px; } }
    @media (min-width: 660px) and (max-width: 768px) {
      .content-wrapper .content-top,
      .content-wrapper .content-bottom {
        width: 648px; } }
    @media (min-width: 768px) and (max-width: 820px) {
      .content-wrapper .content-top,
      .content-wrapper .content-bottom {
        width: 764px; } }
    @media (min-width: 820px) and (max-width: 860px) {
      .content-wrapper .content-top,
      .content-wrapper .content-bottom {
        width: 780px; } }
    @media (min-width: 860px) and (max-width: 1024px) {
      .content-wrapper .content-top,
      .content-wrapper .content-bottom {
        width: 780px; } }
  .content-wrapper .content-top,
  .content-wrapper .content,
  .content-wrapper .content-bottom {
    margin: 0 auto; }
  .content-wrapper .content-top {
    background: url(../_imgs/squircle-top.svg) no-repeat left top;
    background-size: 100%; }
    @media (max-width: 386px) {
      .content-wrapper .content-top {
        background-position: left bottom; } }
  .content-wrapper .content {
    background-color: #fff;
    min-height: 20px;
    margin: 0 auto;
    padding: 10px 0;
    width: 924px; }
    @media (max-width: 767px) {
      .content-wrapper .content {
        margin-bottom: -3px;
        margin-top: -3px;
        width: 322px; } }
    @media (min-width: 476px) and (max-width: 604px) {
      .content-wrapper .content {
        width: 480px; } }
    @media (min-width: 604px) and (max-width: 660px) {
      .content-wrapper .content {
        width: 575px; } }
    @media (min-width: 660px) and (max-width: 768px) {
      .content-wrapper .content {
        width: 640px; } }
    @media (min-width: 768px) and (max-width: 820px) {
      .content-wrapper .content {
        width: 760px; } }
    @media (min-width: 820px) and (max-width: 860px) {
      .content-wrapper .content {
        width: 777px; } }
    @media (min-width: 860px) and (max-width: 1024px) {
      .content-wrapper .content {
        margin-left: 2px;
        width: 777px; } }
    .content-wrapper .content .inner-content {
      margin: -120px 60px; }
      @media (max-width: 767px) {
        .content-wrapper .content .inner-content {
          margin: -100px 40px; } }
      .content-wrapper .content .inner-content a {
        color: #198B8B; }
      .content-wrapper .content .inner-content .product {
        float: left;
        margin-bottom: 20px;
        text-align: center;
        width: 25%; }
        @media (max-width: 768px) {
          .content-wrapper .content .inner-content .product {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 1024px) {
          .content-wrapper .content .inner-content .product {
            width: 50%; } }
        .content-wrapper .content .inner-content .product h2 {
          text-transform: uppercase; }
          .content-wrapper .content .inner-content .product h2 a {
            color: #C4A855;
            display: block; }
            .content-wrapper .content .inner-content .product h2 a span {
              display: inline-block;
              margin-top: 10px;
              width: 100%; }
  .content-wrapper .content-bottom {
    background: url(../_imgs/squircle-bottom.svg) no-repeat left bottom;
    background-size: 100%; }
    @media (max-width: 386px) {
      .content-wrapper .content-bottom {
        background-position: left top !important; } }

.tv-set {
  margin-top: 30px;
  width: 930px; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .tv-set {
      margin-top: 0;
      width: 100%; } }
  @media (max-width: 767px) {
    .tv-set {
      width: 100%; } }
  .tv-set .knobs {
    float: left;
    height: 460px;
    width: 167px; }
    @media (max-width: 767px) {
      .tv-set .knobs {
        display: none; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .tv-set .knobs {
        background-size: 138px 385px !important;
        height: 385px;
        width: 15%; } }
    .tv-set .knobs.left {
      background: none; }
      @media (max-width: 767px) {
        .tv-set .knobs.left {
          left: 25%;
          margin-left: -35px; } }
      @media (min-width: 768px) and (max-width: 820px) {
        .tv-set .knobs.left {
          margin-left: 1%; } }
      @media (min-width: 820px) and (max-width: 1024px) {
        .tv-set .knobs.left {
          margin-left: 4%; } }
    .tv-set .knobs.right {
      margin-left: 594px; }
      @media (min-width: 768px) and (max-width: 820px) {
        .tv-set .knobs.right {
          margin-left: 67%; } }
      @media (min-width: 820px) and (max-width: 1024px) {
        .tv-set .knobs.right {
          margin-left: 62%; } }
      @media (max-width: 767px) {
        .tv-set .knobs.right {
          background-size: 80px;
          right: 0; } }
    .tv-set .knobs .four-knobs {
      background-image: url(../_imgs/knobs-right.png);
      background-position: center -120px;
      background-repeat: no-repeat;
      height: 60px;
      width: 100%; }
    .tv-set .knobs .speaker {
      background-image: url(../_imgs/knobs-right.png);
      background-position: center -180px;
      background-repeat: no-repeat;
      height: 260px;
      width: 100%; }
  .tv-set .knob.large {
    background-image: url(../_imgs/knobs-large.png);
    background-position: 7px -120px;
    background-repeat: no-repeat;
    height: 127px;
    margin: 10px auto;
    width: 127px; }
    .tv-set .knob.large .dial {
      background-image: url(../_imgs/knobs-large.png);
      background-position: 7px 7px;
      background-repeat: no-repeat;
      height: 127px;
      width: 127px; }
      .tv-set .knob.large .dial.twist-0 {
        background-position: 7px 7px; }
      .tv-set .knob.large .dial.twist-1 {
        background-position: -147px 7px; }
      .tv-set .knob.large .dial.twist-2 {
        background-position: -302px 7px; }
      .tv-set .knob.large .dial.twist-3 {
        background-position: -457px 3px; }
  .tv-set .knob.small {
    background-image: url(../_imgs/knobs-small.png);
    background-position: 7px -120px;
    background-repeat: no-repeat;
    height: 83px;
    margin: 10px auto;
    width: 91px; }
    .tv-set .knob.small .dial {
      background-image: url(../_imgs/knobs-small.png);
      background-position: 7px 7px;
      background-repeat: no-repeat;
      height: 83px;
      width: 91px; }
      .tv-set .knob.small .dial.twist-0 {
        background-position: 10px 7px; }
      .tv-set .knob.small .dial.twist-1 {
        background-position: -87px 7px; }
      .tv-set .knob.small .dial.twist-2 {
        background-position: -184px 7px; }
      .tv-set .knob.small .dial.twist-3 {
        background-position: -282px 5px; }
  .tv-set .frame,
  .tv-set .fuzz,
  .tv-set .screen {
    background-position: left top;
    background-size: 100%;
    left: 50%;
    height: 460px;
    margin-left: -292px;
    overflow: hidden;
    position: absolute;
    width: 584px; }
    @media (max-width: 767px) {
      .tv-set .frame,
      .tv-set .fuzz,
      .tv-set .screen {
        height: 250px;
        left: 50%;
        margin-bottom: 20px;
        margin-left: -160px;
        overflow: visible;
        position: absolute;
        width: 320px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .tv-set .frame,
      .tv-set .fuzz,
      .tv-set .screen {
        height: 399px;
        margin-left: -243px;
        overflow: hidden;
        width: 486px; } }
    .tv-set .frame img,
    .tv-set .fuzz img,
    .tv-set .screen img {
      height: 460px;
      width: 584px; }
      @media (max-width: 767px) {
        .tv-set .frame img,
        .tv-set .fuzz img,
        .tv-set .screen img {
          height: 250px;
          width: 320px; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .tv-set .frame img,
        .tv-set .fuzz img,
        .tv-set .screen img {
          height: 399px;
          width: 486px; } }
    .tv-set .frame .mobile-knob-left,
    .tv-set .frame .mobile-knob-right,
    .tv-set .fuzz .mobile-knob-left,
    .tv-set .fuzz .mobile-knob-right,
    .tv-set .screen .mobile-knob-left,
    .tv-set .screen .mobile-knob-right {
      display: none; }
      @media (max-width: 767px) {
        .tv-set .frame .mobile-knob-left,
        .tv-set .frame .mobile-knob-right,
        .tv-set .fuzz .mobile-knob-left,
        .tv-set .fuzz .mobile-knob-right,
        .tv-set .screen .mobile-knob-left,
        .tv-set .screen .mobile-knob-right {
          display: block;
          margin-left: -12px;
          position: absolute;
          z-index: 300; } }
    .tv-set .frame .mobile-knob-right,
    .tv-set .fuzz .mobile-knob-right,
    .tv-set .screen .mobile-knob-right {
      margin-left: 240px; }
  .tv-set .frame {
    background: url(../_imgs/tv-frame.svg) no-repeat left top;
    z-index: 300; }
    @media (max-width: 767px) {
      .tv-set .frame {
        z-index: 300; } }
  .tv-set .fuzz {
    opacity: 0;
    overflow: hidden;
    z-index: 200; }
    @media (max-width: 767px) {
      .tv-set .fuzz {
        margin-left: -158px;
        width: 310px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .tv-set .fuzz {
        height: 371px;
        margin-left: -235px;
        margin-top: 10px;
        width: 475px; } }
    .tv-set .fuzz.active {
      opacity: 1; }
    .tv-set .fuzz .fuzz-inner {
      transition: all .25s ease;
      background: url(../_imgs/static.png) no-repeat left top;
      background-size: cover;
      height: 460px;
      width: 584px; }
  .tv-set .screen {
    height: 454px;
    width: 580px;
    z-index: 100; }
    @media (max-width: 767px) {
      .tv-set .screen {
        height: 250px;
        overflow: visible;
        width: 316px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .tv-set .screen {
        height: 382px;
        width: 484px; } }
    .tv-set .screen .photostack-wrapper {
      margin-top: 8px; }
      @media (max-width: 767px) {
        .tv-set .screen .photostack-wrapper {
          height: 242px;
          overflow: hidden; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .tv-set .screen .photostack-wrapper {
          height: 377px;
          overflow: hidden; } }

@media (max-width: 767px) {
  .tv-set + .site-information {
    margin-top: 400px; } }
@media (max-width: 767px) {
  .tv-set + .site-information .social {
    margin-top: -80px; } }

.site-information {
  color: #6A562F;
  margin-top: 50px; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .site-information {
      margin-top: 20px;
      width: 100%; } }
  .site-information a {
    color: #6A562F; }
  .site-information .info {
    background-color: #CBB470;
    border: 5px solid #B7A05A;
    float: left;
    margin-left: 317px;
    padding: 5px 0;
    text-align: center;
    width: 370px; }
    @media (max-width: 767px) {
      .site-information .info {
        border-left: none;
        border-right: none;
        margin-bottom: 20px;
        margin-left: 0;
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .site-information .info {
        left: 50%;
        margin-bottom: 20px;
        margin-left: -185px;
        margin-top: 80px;
        position: absolute; } }
    .site-information .info p {
      margin-bottom: 0;
      margin-top: 0; }
    .site-information .info ul {
      margin-bottom: 0;
      margin-top: 0; }
      .site-information .info ul li {
        display: inline-block;
        border-left: 1px solid #6A562F;
        margin: 0 0 0 -2px;
        text-align: center; }
        .site-information .info ul li a {
          display: block;
          padding: 1px 3px;
          text-align: center; }
        .site-information .info ul li:first-child {
          border-left: none; }
  .site-information .social {
    float: left;
    margin-left: 20px;
    margin-top: -2px; }
    @media (max-width: 767px) {
      .site-information .social {
        left: 50%;
        margin-left: -85px;
        margin-top: -40px;
        position: absolute;
        width: 180px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .site-information .social {
        left: 50%;
        margin-left: -120px;
        position: absolute; } }
    .site-information .social li {
      display: inline-block;
      margin: 0 5px 0 0;
      text-align: center; }
      .site-information .social li a {
        background: url(../_imgs/social-media-buttons.png) no-repeat;
        background-position: -2px -1px;
        display: block;
        height: 55px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 55px; }
        @media (max-width: 767px) {
          .site-information .social li a {
            background-position: 0 -1px; } }
        .site-information .social li a:hover {
          background-position: -2px -75px; }
          @media (max-width: 767px) {
            .site-information .social li a:hover {
              background-position: -2px -46px; } }
        .site-information .social li a.twitter {
          background-position: -62px -1px; }
          .site-information .social li a.twitter:hover {
            background-position: -62px -75px; }
            @media (max-width: 767px) {
              .site-information .social li a.twitter:hover {
                background-position: -37px -46px; } }
          @media (max-width: 767px) {
            .site-information .social li a.twitter {
              background-position: -37px top; } }
        .site-information .social li a.instagram {
          background-position: -122px -1px; }
          .site-information .social li a.instagram:hover {
            background-position: -122px -75px; }
            @media (max-width: 767px) {
              .site-information .social li a.instagram:hover {
                background-position: -75px -46px; } }
          @media (max-width: 767px) {
            .site-information .social li a.instagram {
              background-position: -75px top; } }
        .site-information .social li a.pinterest {
          background-position: -182px -1px; }
          .site-information .social li a.pinterest:hover {
            background-position: -182px -75px; }
            @media (max-width: 767px) {
              .site-information .social li a.pinterest:hover {
                background-position: -112px -46px; } }
          @media (max-width: 767px) {
            .site-information .social li a.pinterest {
              background-position: -112px top; } }
        @media (max-width: 767px) {
          .site-information .social li a {
            background-size: 420%;
            height: 35px;
            width: 35px; } }

.contact-image,
.contact-space {
  float: left; }

.contact-image {
  width: 33%; }
  @media (max-width: 767px) {
    .contact-image {
      text-align: center;
      width: 100%; } }

.contact-space {
  width: 66%; }
  @media (max-width: 767px) {
    .contact-space {
      clear: both;
      width: 100%; } }

#member-nav {
  width: 200px;
  text-align: center;
  background-color: #e4d6a4;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 6px 10px;
  color: #eb1c32;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-left-radius: 20px; }

#member-nav a {
  color: #108988; }

.imagelisting {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 20px 30px; }

.subcat_desc p, .subcat_desc {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 15px;
  font-style: italic;
  color: #9bc7bf;
  padding-left: 5px; }

.imagelisting li {
  float: left;
  padding: 0px;
  margin: 0px;
  padding-right: 25px;
  padding-bottom: 25px; }

.imagelisting li a {
  border: none; }

.subcat_title {
  font-family: 'Lato';
  font-size: 18px;
  color: #108988;
  margin: 0px 40px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #bde4dd; }

.hfeed {
  list-style: none;
  margin: 0 auto;
  padding: 0px;
  width: 620px; }
  @media (max-width: 767px) {
    .hfeed {
      width: 100%; } }

.paging {
  text-align: center; }

.post_info {
  padding-left: 30px;
  float: left;
  width: 450px;
  max-width: 100%; }
  @media (max-width: 767px) {
    .post_info {
      width: auto; } }

.hfeed li {
  padding-bottom: 30px; }

.blog_image {
  width: 100px;
  height: 100px;
  padding-left: 30px;
  float: left; }

.post_title {
  font-weight: normal;
  font-family: 'Lato',sans-serif;
  font-size: 19px;
  color: #CCCCCC;
  padding: 0px;
  margin: 0px; }

.post_title a {
  text-decoration: none;
  color: #108988; }

.post_date {
  display: block;
  color: #AAAAAA;
  font-size: 13px;
  font-weight: normal;
  padding-bottom: 4px; }

.post_excerpt {
  padding: 0px;
  margin: 0px; }

.post_excerpt p {
  margin-left: 0; }

.post_morelink {
  color: #108988;
  text-decoration: none; }

.paging {
  color: #999999; }

.hentry h2 {
  color: #108988;
  padding: 0px;
  margin: 0px; }

.post_image_full {
  float: right;
  padding-left: 15px;
  padding-bottom: 15px; }

div.hentry {
  width: 600px;
  margin-left: auto;
  margin-right: auto; }

#contactinfo {
  text-align: center; }

#contactinfo h2 a {
  text-decoration: None;
  color: #108988; }

#contactinfo h2 a:hover {
  color: #eb1c32; }

label {
  width: 120px;
  display: block;
  float: left;
  text-align: right;
  padding-right: 6px;
  font-weight: bold;
  padding-top: 5px; }

.formline {
  padding-bottom: 10px; }

#contactform input[type=text] {
  width: 250px;
  padding: 5px;
  border: 3px solid #cccccc; }

#contactform .textarea {
  width: 250px;
  border: 3px solid #cccccc;
  padding: 5px; }

#contactform #contact_submit {
  float: right;
  margin-right: 38px;
  background-color: #a2d8d0;
  border: none;
  padding: 3px 10px; }

#error_list {
  color: #eb1c32; }

.clear {
  clear: both; }

.align-center {
  text-align: center; }

.grid-33 {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 33%; }
  @media (max-width: 767px) {
    .grid-33 {
      float: none;
      width: 100%; } }

.grid-95 {
  padding: 0 10px;
  width: 95%; }

.grid-100 {
  padding: 0 10px;
  width: 100%; }

.margin-top {
  margin-top: 10px; }

.margin-top-half {
  margin-top: 5px; }

.padding-bottom {
  padding-bottom: 10px; }

.padding-bottom-half {
  padding-bottom: 5px; }

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

.padding-right {
  padding-right: 20px; }

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

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