/* COLORS                           | **REQUIRED**
================================================== */
/* GRID SETTINGS                    | **REQUIRED**
================================================== */
/* STYLE OPTIONS & TOGGLES        
================================================== */
/* FONTS                            | **REQUIRED**
================================================== */
/* SASS Libraries */
/* _mixins.scss */
/* _xbc.scss */
/* BOX-SHADOW
================================================== */
/* IE BACKGROUND SIZE
================================================== */
/* IE BG GRADIENTS
================================================== */
/* RGBA with IE support
================================================== */
/* OPACITY
================================================== */
/* TRANSPARENT BG
/* USAGE:       @include trans-bg(.15,#000000,0,0,0);
================================================== */
/* ================================================================ */
/*                                                                  */
/*                        CUSTOM FUNCTIONS                          */
/*                                                                  */
/* ================================================================ */
/**
 * em()
 * -------------
 * Calculate em value from pixels factoring in base font size (16px)
 */
/**
 * strip-unit()
 * Strip a value that has units to be just the integer.
 */
/**
 * calculate-rem()
 * Calcualte the rem value using base 16px font sizing.
 */
/* ================================================================ */
/*                                                                  */
/*                          CUSTOM MIXINS                           */
/*                                                                  */
/* ================================================================ */
/* VERTICAL ALIGN
================================================== */
/* BORDER RADIUS
================================================== */
/* TRANSPARENT BACKGROUND
================================================== */
/* UL-BLANK
================================================== */
/* INLINE-BLOCK
================================================== */
/* HEIGHTS / WIDTHS
================================================== */
/* SLIDER HEIGHTS
================================================== */
/* BACKFACE VISIBILITY FIX
/* apply to elements with flicker bug on transform
================================================== */
/* BG-SHORTHAND
================================================== */
/* BG DEFAULTS (similar to above)
================================================== */
/* UL BASE64 LI
================================================== */
/* SUSY: ALPHA
================================================== */
/* GRID DYNAMIC
================================================== */
/* MP0
================================================== */
/* HIDE TEXT
================================================== */
/* PSEUDO-ICON-FONT
================================================== */
/* FLEXBOX (fauxflex)
================================================== */
/* TABLE / TABLE CELL
================================================== */
.table {
  display: table;
  text-align: center;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

/* EMPTY-BUTTON
================================================== */
/* COVER IMAGE
================================================== */
/* ================================================================ */
/*                                                                  */
/*                             ANIMATION                            */
/*                                                                  */
/* ================================================================ */
/* KEYFRAMES
================================================== */
/* ANIMATION EX:-webkit-animation: name 1s infinite;
================================================== */
/* Reset & Vendor Libs */
/* _reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

html, body {
  height: 100%;
}

a img {
  border: none;
}

blockquote {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

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

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

/* BASICS */
.prettify {
  height: auto !important;
}

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: auto;
}

.CodeMirror-scroll {
  /* Set scrolling behaviour here */
  overflow: auto;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}

.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
}

/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
  z-index: 3;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
  z-index: 1;
}

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
}

/* DEFAULT THEME */
.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable {
  color: black;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3 {
  color: #085;
}

.cm-s-default .cm-property {
  color: black;
}

.cm-s-default .cm-operator {
  color: black;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  line-height: 1;
  position: relative;
  overflow: hidden;
  background: white;
  color: black;
}

.CodeMirror-scroll {
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  padding-right: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-sizer {
  position: relative;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  padding-bottom: 30px;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-bottom: 30px;
  margin-bottom: -32px;
  display: inline-block;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-lines {
  cursor: text;
}

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-code pre {
  border-right: 30px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.CodeMirror-wrap .CodeMirror-code pre {
  border-right: none;
  width: auto;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-measure pre {
  position: static;
}

.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  visibility: hidden;
  border-right: none;
  width: 0;
}

.CodeMirror-focused div.CodeMirror-cursor {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursor {
    visibility: hidden;
  }
}
/* THEME - MONOKAI
================================================== */
/* Based on Sublime Text's Monokai theme */
.cm-s-monokai.CodeMirror {
  background: #272822;
  color: #f8f8f2;
}

.cm-s-monokai div.CodeMirror-selected {
  background: #49483E !important;
}

.cm-s-monokai .CodeMirror-gutters {
  background: #272822;
  border-right: 0px;
}

.cm-s-monokai .CodeMirror-linenumber {
  color: #d0d0d0;
}

.cm-s-monokai .CodeMirror-cursor {
  border-left: 1px solid #f8f8f0 !important;
}

.cm-s-monokai span.cm-comment {
  color: #75715e;
}

.cm-s-monokai span.cm-atom {
  color: #ae81ff;
}

.cm-s-monokai span.cm-number {
  color: #ae81ff;
}

.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute {
  color: #a6e22e;
}

.cm-s-monokai span.cm-keyword {
  color: #f92672;
}

.cm-s-monokai span.cm-string {
  color: #e6db74;
}

.cm-s-monokai span.cm-variable {
  color: #a6e22e;
}

.cm-s-monokai span.cm-variable-2 {
  color: #9effff;
}

.cm-s-monokai span.cm-def {
  color: #fd971f;
}

.cm-s-monokai span.cm-bracket {
  color: #f8f8f2;
}

.cm-s-monokai span.cm-tag {
  color: #f92672;
}

.cm-s-monokai span.cm-link {
  color: #ae81ff;
}

.cm-s-monokai span.cm-error {
  background: #f92672;
  color: #f8f8f0;
}

.cm-s-monokai .CodeMirror-activeline-background {
  background: #373831 !important;
}

.cm-s-monokai .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

/* _addthis.scss */
.ffw_addthis_custom_styles {
  margin-top: 15px;
}
.ffw_addthis_custom_styles span.addthis_label {
  display: block;
  float: left;
  padding-right: 15px;
  line-height: 34px;
  font-weight: bold;
  color: #fff;
}
.ffw_addthis_custom_styles .addthis_button_twitter,
.ffw_addthis_custom_styles .addthis_button_facebook,
.ffw_addthis_custom_styles .addthis_button_email {
  padding: 0;
  margin-right: 10px;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.05);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0DFFFFFF,endColorstr=#0DFFFFFF);
  zoom: 1;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /* TRANSITION */
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  color: #fff;
}
.ffw_addthis_custom_styles .addthis_button_twitter:last-child,
.ffw_addthis_custom_styles .addthis_button_facebook:last-child,
.ffw_addthis_custom_styles .addthis_button_email:last-child {
  margin-right: 0;
}
.ffw_addthis_custom_styles .addthis_button_twitter:hover,
.ffw_addthis_custom_styles .addthis_button_facebook:hover,
.ffw_addthis_custom_styles .addthis_button_email:hover {
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#59FFFFFF,endColorstr=#59FFFFFF);
  zoom: 1;
}
.ffw_addthis_custom_styles .addthis_button_twitter:hover > span:before,
.ffw_addthis_custom_styles .addthis_button_facebook:hover > span:before,
.ffw_addthis_custom_styles .addthis_button_email:hover > span:before {
  color: #2f7499;
}
.ffw_addthis_custom_styles .addthis_button_twitter > span,
.ffw_addthis_custom_styles .addthis_button_facebook > span,
.ffw_addthis_custom_styles .addthis_button_email > span {
  background: none;
  position: relative;
}
.ffw_addthis_custom_styles .addthis_button_twitter > span:before,
.ffw_addthis_custom_styles .addthis_button_facebook > span:before,
.ffw_addthis_custom_styles .addthis_button_email > span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "socialico";
  font-size: 1.375em;
  color: #fff;
  line-height: 37px;
}
.ffw_addthis_custom_styles .addthis_button_twitter > span span,
.ffw_addthis_custom_styles .addthis_button_facebook > span span,
.ffw_addthis_custom_styles .addthis_button_email > span span {
  display: none;
}
.ffw_addthis_custom_styles .addthis_button_twitter > span:before {
  content: 'L';
}
.ffw_addthis_custom_styles .addthis_button_facebook > span:before {
  content: 'F';
}
.ffw_addthis_custom_styles .addthis_button_email > span:before {
  line-height: 34px;
  font-size: 1.125em;
  font-family: "pictos";
  content: 'M';
}

/* Base & Vars */
/* _grid.scss */
/* Grid Mixins/Classes/Media Queries
================================================== */
/* MEDIA
================================================== */
/* CONTAINER
================================================== */
.container {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 960px;
}
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* OMEGA
================================================== */
/* PREFIX/SUFFIX PADDING (left/right)
================================================== */
/* SPAN PADDING CLASSES
================================================== */
.pad-sides-small {
  padding: 0 10px;
}

.pad-sides-medium {
  padding: 0 15px;
}

.pad-sides-large {
  padding: 0 30px;
}

/* SPANS (1-12)
================================================== */
.span1 {
  width: 8.333333333333332%;
  float: left;
}

.span2 {
  width: 16.666666666666664%;
  float: left;
}

.span3, .container-full .box-fourth, .container .box-fourth, .footer-widgets.fourths .footer-widget, #main .sidebar, .one-fourth {
  width: 25%;
  float: left;
}

.span4, .container-full .box-third, .container .box-third, .footer-widgets.thirds .footer-widget, .one-third {
  width: 33.33333333333333%;
  float: left;
}

.span5 {
  width: 41.66666666666667%;
  float: left;
}

.span6, .container-full .box-half, .container .box-half, .footer-widgets.halves .footer-widget, .one-half {
  width: 50%;
  float: left;
}

.span7 {
  width: 58.333333333333336%;
  float: left;
}

.span8, .two-thirds {
  width: 66.66666666666666%;
  float: left;
}

.span9, #content, .three-fourths {
  width: 75%;
  float: left;
}

.span10 {
  width: 83.33333333333334%;
  float: left;
}

.span11 {
  width: 91.66666666666666%;
  float: left;
}

.span12 {
  width: 100%;
  float: left;
}

.span-center {
  float: none !important;
  margin: 0 auto;
}

/* ROW
================================================== */
.row {
  width: 100%;
  float: left;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 20px;
}
.row.centered {
  text-align: center;
}

/* SPAN-INNER
================================================== */
.span-inner {
  padding-left: 10px;
  padding-right: 10px;
}

/* BOX (default)
================================================== */
.box {
  position: relative;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  overflow: hidden;
}
.box .box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.box.has_footer .box-inner {
  height: 75%;
}
.box .box-image {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
}
.box .box-image img {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.box .box-hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-color: rgba(47, 116, 153, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E62F7499,endColorstr=#E62F7499);
  zoom: 1;
  /* TRANSITION */
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}
.box .box-hover-overlay:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 88px;
  height: 86px;
  margin: -43px 0 0 -44px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABWCAYAAABLn1FEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENkFBNDc3OTI3QkUxMUUzOUU4Q0MzODdCMDgwNDI1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENkFBNDc3QTI3QkUxMUUzOUU4Q0MzODdCMDgwNDI1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2QUE0Nzc3MjdCRTExRTM5RThDQzM4N0IwODA0MjUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2QUE0Nzc4MjdCRTExRTM5RThDQzM4N0IwODA0MjUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R/zvuAAAA+JJREFUeNrsnVlu2zAQhina8ZY0S/3QnqFHKNBTFOhp+tjTFOgpAvQIPUNRoPGSxLHkRRWBkUsrWkiZpCj5/4GB/CDI8ZfRcIZrEMcx80j9xC7oKqyXGCcLyGLJ9nTdJbYl29DVCwUNAxYQR4kNyLih5wrwEdm6SeBNABZeOUlsTIBdSAB+Idt2FbDw1MvEhg2/tWFiz+TZnQAsPPWNQ2/V8epH8upWAhaeeuMh2DzQC/LsVgDuEdgRa5fWBHrnM+AJwQ1YOxUT5JVvgEV6ddtCry3z5jmle40DFjH2bQtira5EqHigwqUxwEOCG7BuKibIYROAxxQWugpXhjyvm87VBTwhuOekBRUo2o0T4Krphn67VcCjM4WbSjtT0gEsuhHvGCQYDEwD5h3PFrTaLYLMTQK+pRIY+t8dcGcK8GWHKjSTEjXA1amARXV2DZaFquyG5QqhAXG3PB7f1AU81mktzzxUjHUBBwgNWrouetN5ScOGrEEvq5ioAg5UWkfola7yvJgX9DVw8DLjxbwgPED1dJmX58oaMH9HJsKCFtwn9YlhVAR44rmH/JU+Tz39G8cyYJ5p3FASmwEc5AE2OfnunMXl0CUDhfeare5eAR6Ciz3AnHVvXkPT2QSXAaNTx7wGMuAL8DCuCxkwwoOdMHEAjJ4zy4DhwebVy2YRkPmC47AGDbIEmTMMatpU4Dr2ht9//qq9BuLLxw+Hz/Sc1QnP6jmoXgMxfVV80TtXgNlxl2OTmjoA/Afx165iATgGB3uARQzeu/zGbz/ua8+3+Pr509LEc+hZLn7uPl1C8L4F6Vo2fruIoSfBTex3CnWLt9m4dnIFtwMP49rKgOHBlgFvwMO4NjLgCDyMK5IB7xEmjIeHPcukZiG4GE0pWRbwGlzsAo5cV3VdLY+LAMfwYiNaM6l/J1ser8DnZB0x5DmpBbKJ07KHsAyw0DM41dYrdrzAxdHY6St3CKtf0Ao+MT/XyU09BvzEcgYv+iWu7ttauWHbvLcoRKRevMRbr6wlKxh6KxvFeGHoBFKt2gp3pKoaJpozDIpWVW2LshuqAG8RKkr1WFU3qAx0OtvMuIWh4anqJtWR5DnDuF02a5ip3KgKWBQeD4jHh7g7Uy3GdOZCbFT/ax3XTCe70p1sku6re66a67ZHdWbzrKpSk46q1s7Y2N5WLeY6395W7h/ABs0WAQulm4Zii3FLgNNYjk3yLQJO1YVjHpbM4KgODio59lrvDyrJNoA4ageHRbX3sKiscNyZI/XIq8fM3T4VW6rCXpjjXsEuHzkpPDWi61kdOVkFvOrQ1DSdSg9N3TOPD039J8AAtNEmk0yXo4AAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: 50% 50%;
}
.box.has_footer .box-hover-overlay {
  height: 75%;
}
.box footer {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  width: 100%;
  height: 25%;
  text-align: center;
  padding: 25px 20px;
}
.box footer h1, .box footer h2, .box footer h3, .box footer h4, .box footer h5, .box footer h6 {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: bold;
  color: #433f3e;
}
.box footer span, .box footer em {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  font-family: Georgia, serif;
  color: #b3b3b3;
  font-style: italic;
}
.box.has_hover_overlay:hover .box-hover-overlay {
  /* TRANSITION */
  visibility: visible;
  z-index: 10;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.box.has_hover_overlay:hover .box-image img {
  -webkit-filter: contrast(0.7) grayscale(1);
  -moz-filter: contrast(0.7) grayscale(1);
  filter: contrast(0.7) grayscale(1);
}
.box.has_hover_overlay:hover footer {
  background-color: transparent;
  background-color: rgba(47, 116, 153, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E62F7499,endColorstr=#E62F7499);
  zoom: 1;
}
.box.has_hover_overlay:hover footer h1, .box.has_hover_overlay:hover footer h2, .box.has_hover_overlay:hover footer h3, .box.has_hover_overlay:hover footer h4, .box.has_hover_overlay:hover footer h5, .box.has_hover_overlay:hover footer h6 {
  color: #fff;
}
.box.has_hover_overlay:hover footer span, .box.has_hover_overlay:hover footer em {
  color: #b2c7d4;
}

/* CONTAINER TYPES -> BOX SIZES
================================================== */
.container-full {
  overflow: hidden;
  *zoom: 1;
}
.container-full .box-half {
  height: 430px;
}
.container-full .box-half:nth-of-type(2n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container-full .box-third {
  height: 390px;
}
.container-full .box-third:nth-of-type(3n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container-full .box-fourth {
  height: 300px;
}
.container-full .box-fourth:nth-of-type(4n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container-full .box-inner {
  position: relative;
}

.container .box-half {
  height: 430px;
}
.container .box-half:nth-of-type(2n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container .box-third {
  height: 390px;
}
.container .box-third:nth-of-type(3n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container .box-fourth {
  height: 300px;
}
.container .box-fourth:nth-of-type(4n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container .box-inner {
  position: relative;
}

/* BOXES
================================================== */
.bg-cover {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* HELPERS (float ends, etc)
================================================== */
.omega, #main .sidebar {
  float: right;
  margin-right: 0;
}

.alpha {
  float: left;
  margin-right: 0;
}

/* DEVELOPMENT */
/* _base.scss */
/* _typography.scss */
/**
 * Headers <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
 */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

/**
 * Anchor styles and defaults
 */
a {
  font-weight: inherit;
  font-size: inherit;
  text-decoration: none;
}

a:hover {
  cursor: pointer;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

/**
 * Bold, Italics, and other html5 fields
 */
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 800;
}

i {
  font-style: normal;
}

dfn {
  font-style: italic;
}

ins {
  background: #ffffe0;
  text-decoration: none;
}

mark {
  background: #ffffe0;
  font-style: italic;
  font-weight: bold;
}

address {
  display: block;
}

q {
  quotes: none;
}

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

small {
  font-size: 50%;
}

/**
 * <pre> and <code> block better styling
 */
pre, code, kbd, samp {
  font-family: monospace;
}

code {
  background: #eeeeee;
  color: #2daebf;
  padding: 3px 5px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  font-size: 14px;
}

pre {
  display: block;
  overflow: hidden;
  background: #fefefe;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  font: 13px monospace;
}

/**
 * Super and sub text
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/**
 * Paragraph
 */
p {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 1rem;
}

p small {
  font-size: 0.8em;
}

/**
 * List style tweaks and defaults
 */
ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0;
}

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

ul.list {
  list-style: disc;
  list-style-type: disc;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
}

ul li {
  color: inherit;
  line-height: 1.4;
}

ul li a {
  line-height: 1;
}

ol {
  list-style: decimal;
}

ol.roman {
  list-style: upper-roman;
}

dl dd {
  margin-left: 9px;
}

/**
 * <nav> specific list styling
 */
nav ul,
nav ol,
#nav ul,
#nav ol,
#navigation ul,
#navigation ol,
.nav {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/**
 * Blockquotes
 */
blockquote p {
  font-style: italic;
  padding-left: 2rem;
  border-left: 0.5rem solid;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e3e3e3;
  margin: 1.35em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

/* 
* Flexible Media 
*/
img, video, canvas {
  height: auto;
  max-width: 100%;
}

/*
* Flexible Video iFrame Embed - sample from att theme
*/
figure {
  display: block;
  position: relative;
}

/**
 * Iframe
 */
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/**
 * Typography helper classes
 */
.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

/**
 * Misc & browser specific
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* _fonts.scss */
/* FONTS
================================================== */
@font-face {
  font-family: opensans;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/opensans/OpenSans-Regular.eot");
  src: url("../fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Regular.woff") format("woff"), url("../fonts/opensans/OpenSans-Regular.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Regular.svg#opensans") format("svg");
}

@font-face {
  font-family: opensans;
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/opensans/OpenSans-Bold.eot");
  src: url("../fonts/opensans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Bold.woff") format("woff"), url("../fonts/opensans/OpenSans-Bold.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Bold.svg#opensans") format("svg");
}

@font-face {
  font-family: opensans;
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/opensans/OpenSans-ExtraBold.eot");
  src: url("../fonts/opensans/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-ExtraBold.woff") format("woff"), url("../fonts/opensans/OpenSans-ExtraBold.ttf") format("truetype"), url("../fonts/opensans/OpenSans-ExtraBold.svg#opensans") format("svg");
}

@font-face {
  font-family: opensans;
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/opensans/OpenSans-Light.eot");
  src: url("../fonts/opensans/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Light.woff") format("woff"), url("../fonts/opensans/OpenSans-Light.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Light.svg#opensans") format("svg");
}

@font-face {
  font-family: opensans-condensed;
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/opensans-condensed/OpenSans-CondLight.eot");
  src: url("../fonts/opensans-condensed/OpenSans-CondLight.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-condensed/OpenSans-CondLight.woff") format("woff"), url("../fonts/opensans-condensed/OpenSans-CondLight.ttf") format("truetype"), url("../fonts/opensans-condensed/OpenSans-CondLight.svg#opensans-condensed") format("svg");
}

@font-face {
  font-family: pictos;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/pictos/pictos.eot");
  src: url("../fonts/pictos/pictos.eot?#iefix") format("embedded-opentype"), url("../fonts/pictos/pictos.woff") format("woff"), url("../fonts/pictos/pictos.ttf") format("truetype"), url("../fonts/pictos/pictos.svg#pictos") format("svg");
}

@font-face {
  font-family: fontawesome;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/fontawesome/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg#fontawesome") format("svg");
}

@font-face {
  font-family: arrrows;
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/arrrows/arrrows.eot");
  src: url("../fonts/arrrows/arrrows.eot?#iefix") format("embedded-opentype"), url("../fonts/arrrows/arrrows.woff") format("woff"), url("../fonts/arrrows/arrrows.ttf") format("truetype"), url("../fonts/arrrows/arrrows.svg#arrrows") format("svg");
}

@font-face {
  font-family: arrrows;
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/arrrows/arrrows-bold.eot");
  src: url("../fonts/arrrows/arrrows-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/arrrows/arrrows-bold.woff") format("woff"), url("../fonts/arrrows/arrrows-bold.ttf") format("truetype"), url("../fonts/arrrows/arrrows-bold.svg#arrrows") format("svg");
}

@font-face {
  font-family: socialico;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/socialico/socialico.eot");
  src: url("../fonts/socialico/socialico.eot?#iefix") format("embedded-opentype"), url("../fonts/socialico/socialico.woff") format("woff"), url("../fonts/socialico/socialico.ttf") format("truetype"), url("../fonts/socialico/socialico.svg#socialico") format("svg");
}

/* Chrome v33 "invisible text" fix
================================================== */
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }

  to {
    opacity: 1;
  }
}

/* _body.scss */
html {
  font-size: 100%;
  /* ~10px */
}

body {
  font-family: "opensans", Helvetica, Arial, sans-serif, "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  /* ~10px */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #433f3e;
}

a {
  color: #2f7499;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  /* ie8 only */
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

h1 {
  font-size: 4.25em;
  line-height: 1.15;
  font-weight: 900;
}

h2 {
  font-size: 2.25em;
  line-height: 1.25;
  font-weight: 900;
}

h3 {
  font-size: 1.5em;
  line-height: 1.25;
  font-weight: 900;
}

h4 {
  font-size: 1.5em;
  line-height: 1.15;
  font-weight: normal;
  margin-top: 0;
}

h5 {
  font-size: 1.125em;
  line-height: 1.25;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: normal;
  color: #7c7c7c;
  margin-top: 0;
}

h6 {
  font-size: 0.875em;
  line-height: 1.15;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 0;
}

.menu-menu-1-container {
  float: right;
}

.menu-menu-1-container ul {
  display: inline;
}

.menu-menu-1-container ul li {
  display: inline;
  margin-left: 30px;
}

.post {
  padding-bottom: 10px;
  border-bottom: 1px solid #d3d3d3;
}

/* Librarires */
/* _extenders.scss */
/* FONT 
================================================== */
/* MODIFIERS */
.menu-social li a, .widget.author-info .standard-pi-author-name, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-title p, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-title p, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-title p, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-title p, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-title p, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-title p, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-title p, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-title p, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-title p, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-title p, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-title p, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-title p, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-title p, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-title p, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-title p, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-title p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.widget .widget-title, .widget.author-info .standard-pi-author-name {
  font-weight: bold;
  text-transform: uppercase;
}

.comment-wrap .comment-comment .comment-header .comment-author, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-title, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-title, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-title, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-title, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-title, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-title, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-title, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-title, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-title, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-title, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-title, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-title, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-title, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-title, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-title, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-title {
  font-weight: 900;
}

/* FAMILIES */
.flexslider ul.slides > li .slide-content p {
  font-family: Georgia, serif, Georgia, serif;
}

.widget ul, .widget.author-info .standard-pi-bio, #respond form#commentform input[type="text"], #respond form#commentform textarea, .comment-wrap .comment-comment .comment-header .comment-time, .comment-wrap .comment-comment .comment-header .comment-reply-link, .comment-wrap .comment-comment .comment-content, .post ul.post-meta li {
  font-family: Georgia, serif, Georgia, serif;
  font-style: italic;
}

.post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-icon, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-icon {
  font-family: "fontawesome";
}

/* PARAGRAPHS */
/* BG COLORS
================================================== */
/* ANCHORS
================================================== */
/* PSUEDO CLASSES
================================================== */
/* BACKGROUND IMAGES
================================================== */
/* UL
================================================== */
/* HALVES
================================================== */
.halves {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}

.half {
  width: 50%;
  float: left;
}

/* THIRDS
================================================== */
.thirds {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}

.third {
  width: 33.33333333333333%;
  float: left;
}

/* INLINE BLOCK
================================================== */
/* SECTIONS / COLUMNS
================================================== */
/* BASELINE
================================================== */
/* CLEAR INPUTS
================================================== */
/* TRANSITIONS
================================================== */
.widget.footer-widget ul a {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.hide {
  display: none;
}

/* Z-INDEXES
================================================== */
/* VISIBILITY
================================================== */
.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* _helpers.scss */
/* WORDPRESS CLASSES
================================================== */
.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

/* LAZYLOAD IMG
================================================== */
.lazyload-img {
  -webkit-transition: opacity 150ms ease-in;
  -moz-transition: opacity 150ms ease-in;
  -o-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
  opacity: 0;
  visibility: hidden;
}
.lazyload-img.show {
  opacity: 1;
  visibility: visible;
}

/* DEBUG-BOX
================================================== */
#debug_box {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 999999;
  border: #1c1c1c;
  width: 420px;
  height: auto;
  border-radius: 3px;
  color: #f8f8f2;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(39, 40, 34, 0.95)), color-stop(70%, rgba(39, 40, 34, 0.95)));
  background-image: -webkit-linear-gradient(rgba(39, 40, 34, 0.95) 0%, rgba(39, 40, 34, 0.95) 70%);
  background-image: -moz-linear-gradient(rgba(39, 40, 34, 0.95) 0%, rgba(39, 40, 34, 0.95) 70%);
  background-image: -o-linear-gradient(rgba(39, 40, 34, 0.95) 0%, rgba(39, 40, 34, 0.95) 70%);
  background-image: linear-gradient(rgba(39, 40, 34, 0.95) 0%, rgba(39, 40, 34, 0.95) 70%);
  font-family: "Consolas", "Inconsolata", monospace;
}
#debug_box.closed .debug_box-inner {
  height: 0;
}
#debug_box.closed header #debug_box-close:before {
  content: 'U';
}
#debug_box header {
  position: relative;
  width: 100%;
  height: auto;
  line-height: 1;
  padding: 8px 8px;
  color: #a6e22d;
  font-family: inherit;
  font-weight: bold;
  background: #1c1c1c;
  border-bottom: 1px solid #242424;
  border-radius: 3px 3px 0 0;
}
#debug_box header #debug_box-close {
  width: 20px;
  height: 20px;
  margin-top: -8px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 8px;
  line-height: 1px;
  color: #fafafa;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  background-color: transparent;
}
#debug_box header #debug_box-close:before {
  font-size: 18px;
  font-family: "arrrows";
  line-height: 20px;
  width: 100%;
  height: 100%;
  content: 'u';
}
#debug_box header #debug_box-close:hover:before {
  color: #a6e22d;
}
#debug_box nav {
  width: 100%;
  height: auto;
  overflow: hidden;
  *zoom: 1;
  padding: 5px 5px 0 5px;
}
#debug_box nav a {
  width: 49%;
  height: 28px;
  margin-right: 2%;
  margin-bottom: 2%;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  outline: 0;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #5d5d5d;
  -webkit-box-shadow: 0 1px 1px rgba(1, 1, 1, 0.1), inset 0 0 2px rgba(167, 167, 167, 0.75);
  -moz-box-shadow: 0 1px 1px rgba(1, 1, 1, 0.1), inset 0 0 2px rgba(167, 167, 167, 0.75);
  box-shadow: 0 1px 1px rgba(1, 1, 1, 0.1), inset 0 0 2px rgba(167, 167, 167, 0.75);
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #434343), color-stop(100%, #555555));
  background-image: -webkit-linear-gradient(bottom, #434343 0%, #555555 100%);
  background-image: -moz-linear-gradient(bottom, #434343 0%, #555555 100%);
  background-image: -o-linear-gradient(bottom, #434343 0%, #555555 100%);
  background-image: linear-gradient(bottom, #434343 0%, #555555 100%);
  line-height: 28px;
  color: #fafafa;
  text-align: center;
  font-family: "Consolas", Monospace;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(1, 1, 1, 0.75);
}
#debug_box nav a:nth-child(2n) {
  margin-right: 0;
}
#debug_box nav a:active, #debug_box nav a.active {
  -webkit-box-shadow: 0 1px 1px rgba(1, 1, 1, 0.1), inset 0 0 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 1px 1px rgba(1, 1, 1, 0.1), inset 0 0 2px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 1px rgba(1, 1, 1, 0.1), inset 0 0 2px rgba(0, 0, 0, 0.75);
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2f2f2f), color-stop(100%, #1f1f1f));
  background-image: -webkit-linear-gradient(bottom, #2f2f2f 0%, #1f1f1f 100%);
  background-image: -moz-linear-gradient(bottom, #2f2f2f 0%, #1f1f1f 100%);
  background-image: -o-linear-gradient(bottom, #2f2f2f 0%, #1f1f1f 100%);
  background-image: linear-gradient(bottom, #2f2f2f 0%, #1f1f1f 100%);
  color: #F92772;
}
#debug_box .debug_box-inner {
  padding: 0 5px;
  width: 100%;
  height: auto;
  overflow: scroll;
}
#debug_box .vardump {
  width: 100%;
  height: auto;
}
#debug_box .vardump.hide {
  display: none;
}
#debug_box .vardump.show {
  display: block;
}
#debug_box span {
  display: block;
  width: 95%;
  margin: 0 auto;
  padding: 10px 10px 5px 0;
  font-family: inherit;
  font-weight: bold;
  text-transform: uppercase;
  color: #f92772;
}
#debug_box pre {
  display: block;
  width: 95%;
  max-height: 150px;
  margin: 0 auto 15px 0;
  padding: 7px;
  font-family: inherit;
  padding: 10px;
  color: #f8f8f2 !important;
  font-weight: bold;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #3c3c3c;
  overflow: scroll;
}

/* #debug_box */
/* VIEWPORT HELPERS
================================================== */
.mobile-only {
  display: none;
}

.tablet-only {
  display: none;
}

/* RELATIVE WRAP
================================================== */
.rel-wrap {
  position: relative;
  height: 1px;
}

/* DEBUGGING
================================================== */
.row.row-debug header h2 {
  color: #2f7499;
}
.row.row-debug pre {
  background-color: #f7f7f7;
}

#debug_fa .inner {
  font-size: 1.875em;
}

/* _forms.scss */
/*!
Pure v0.3.0
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
input[type="submit"] {
  /* Structure */
  min-height: 44px;
  display: inline-block;
  *display: inline;
  /*IE 6/7*/
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Firefox: Get rid of the inner focus border */
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/*csslint unqualified-attributes:false, outline-none:false*/
input[type="submit"] {
  font-size: 100%;
  *font-size: 90%;
  /*IE 6/7 - To reduce IE's oversized button text*/
  *overflow: visible;
  /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
  padding: 0.5em 1.5em 0.5em;
  color: #444;
  /* rgba not supported (IE 8) */
  color: rgba(0, 0, 0, 0.8);
  /* rgba supported */
  *color: #444;
  /* IE 6 & 7 */
  border: 1px solid #999;
  /*IE 6/7/8*/
  border: none rgba(0, 0, 0, 0);
  /*IE9 + everything else*/
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px;
  /* Transitions */
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
  background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
}

input[type="submit"]:focus {
  outline: 0;
}

input[type="submit"]:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
}

input[type="submit"][disabled] {
  border: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=40);
  -khtml-opacity: 0.40;
  -moz-opacity: 0.40;
  opacity: 0.40;
  cursor: not-allowed;
  box-shadow: none;
}

form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="week"],
form input[type="number"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
form select,
form textarea {
  min-height: 44px;
  padding: 0.6em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 0.8em;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-transition: 0.3s linear border;
  -moz-transition: 0.3s linear border;
  -ms-transition: 0.3s linear border;
  -o-transition: 0.3s linear border;
  transition: 0.3s linear border;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="date"]:focus,
form input[type="month"]:focus,
form input[type="time"]:focus,
form input[type="datetime"]:focus,
form input[type="datetime-local"]:focus,
form input[type="week"]:focus,
form input[type="number"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="color"]:focus,
form select:focus,
form textarea:focus {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  border-color: #129FEA;
}

form input[type="file"]:focus,
form input[type="radio"]:focus,
form input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 1px auto #129FEA;
}

form .pure-checkbox,
form .pure-radio {
  margin: 0.5em 0;
  display: block;
}

form input[type="text"][disabled],
form input[type="password"][disabled],
form input[type="email"][disabled],
form input[type="url"][disabled],
form input[type="date"][disabled],
form input[type="month"][disabled],
form input[type="time"][disabled],
form input[type="datetime"][disabled],
form input[type="datetime-local"][disabled],
form input[type="week"][disabled],
form input[type="number"][disabled],
form input[type="search"][disabled],
form input[type="tel"][disabled],
form input[type="color"][disabled],
form select[disabled],
form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}

form input[readonly],
form select[readonly],
form textarea[readonly] {
  background: #eee;
  /* menu hover bg color */
  color: #777;
  /* menu text color */
  border-color: #ccc;
}

form input:focus:invalid,
form textarea:focus:invalid,
form select:focus:invalid {
  color: #b94a48;
  border: 1px solid #ee5f5b;
}

form input:focus:invalid:focus,
form textarea:focus:invalid:focus,
form select:focus:invalid:focus {
  border-color: #e9322d;
}

form input[type="file"]:focus:invalid:focus,
form input[type="radio"]:focus:invalid:focus,
form input[type="checkbox"]:focus:invalid:focus {
  outline-color: #e9322d;
}

form select {
  border: 1px solid #ccc;
  background-color: white;
}

form select[multiple] {
  height: auto;
}

form label {
  margin: 0.5em 0 0.2em;
  font-size: 90%;
}

form fieldset {
  margin: 0;
  padding: 0.35em 0 0.75em;
  border: 0;
}

form legend {
  display: block;
  width: 100%;
  padding: 0.3em 0;
  margin-bottom: 0.3em;
  font-size: 125%;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
  display: block;
  margin: 0.25em 0;
}

.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

/* Aligned Forms */
.pure-form-aligned .pure-control-group {
  margin-bottom: 0.5em;
}

.pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0;
}

.pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 10em;
}

/* Rounded Inputs */
form input.pure-input-rounded,
form .pure-input-rounded {
  border-radius: 2em;
  padding: 0.5em 1em;
}

/* Grouped Inputs */
form .pure-group fieldset {
  margin-bottom: 10px;
}

form .pure-group input {
  display: block;
  padding: 10px;
  margin: 0;
  border-radius: 0;
  position: relative;
  top: -1px;
}

form .pure-group input:focus {
  z-index: 2;
}

form .pure-group input:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
}

form .pure-group input:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
}

form .pure-group button {
  margin: 0.35em 0;
}

form .pure-input-1 {
  width: 100%;
}

form .pure-input-2-3 {
  width: 66%;
}

form .pure-input-1-2 {
  width: 50%;
}

form .pure-input-1-3 {
  width: 33%;
}

form .pure-input-1-4 {
  width: 25%;
}

/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
form .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  padding-left: 0.3em;
  color: #666;
  vertical-align: middle;
  font-size: 90%;
}

/* Block help for forms */
.pure-form-message {
  display: block;
  color: #666;
  font-size: 90%;
}

@media only screen and (max-width: 480px) {
  form button[type="submit"] {
    margin: 0.7em 0 0;
  }

  form input[type="text"],
  form input[type="password"],
  form input[type="email"],
  form input[type="url"],
  form input[type="date"],
  form input[type="month"],
  form input[type="time"],
  form input[type="datetime"],
  form input[type="datetime-local"],
  form input[type="week"],
  form input[type="number"],
  form input[type="search"],
  form input[type="tel"],
  form input[type="color"],
  form label {
    margin-bottom: 0.3em;
    display: block;
  }

  .pure-group input[type="text"],
  .pure-group input[type="password"],
  .pure-group input[type="email"],
  .pure-group input[type="url"],
  .pure-group input[type="date"],
  .pure-group input[type="month"],
  .pure-group input[type="time"],
  .pure-group input[type="datetime"],
  .pure-group input[type="datetime-local"],
  .pure-group input[type="week"],
  .pure-group input[type="number"],
  .pure-group input[type="search"],
  .pure-group input[type="tel"],
  .pure-group input[type="color"] {
    margin-bottom: 0;
  }

  .pure-form-aligned .pure-control-group label {
    margin-bottom: 0.3em;
    text-align: left;
    display: block;
    width: 100%;
  }

  .pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 0;
  }

  /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
  form .pure-help-inline,
  .pure-form-message-inline,
  .pure-form-message {
    display: block;
    font-size: 80%;
    /* Increased bottom padding to make it group with its related input element. */
    padding: 0.2em 0 0.8em;
  }
}
/* INLINE-FIELDS
================================================== */
.inline-fields {
  width: 100%;
  height: auto;
  overflow: hidden;
  *zoom: 1;
}
.inline-fields .inline-input {
  display: block;
  float: left;
  width: 75%;
  margin-right: 1%;
}
.inline-fields .inline-submit {
  display: block;
  float: left;
  width: 24%;
  font-family: "pictos";
  text-align: center;
  padding: 0;
}

/* INLINE SEARCH (default)
================================================== */
.inline-search {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  min-width: 130px;
  height: 54px;
  position: relative;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.inline-search:after {
  position: absolute;
  top: 50%;
  right: 15px;
  height: 16px;
  margin-top: -7px;
  z-index: 10;
  font-family: "fontawesome";
  color: #2f7499;
  font-size: 0.875em;
  line-height: 1;
  cursor: pointer;
}
.inline-search form {
  width: 100%;
  height: inherit;
}
.inline-search .inline-fields {
  margin: 0;
  padding: 0;
  width: 100%;
  height: inherit;
}
.inline-search .inline-fields .inline-input {
  width: 85%;
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 54px;
  /* FONT */
  font-family: Georgia, serif;
  font-style: italic;
  padding-left: 15px;
  color: #464646;
}

/* INLINE-dropdown (default) 
================================================== */
.inline-dropdown {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  min-width: 130px;
  height: 54px;
  position: relative;
}
.inline-dropdown:after {
  position: absolute;
  top: 50%;
  right: 20px;
  height: 16px;
  margin-top: -7px;
  z-index: 10;
  content: 'z';
  font-family: "arrrows";
  color: #2f7499;
  font-size: 1.125em;
  line-height: 1;
  cursor: pointer;
}
.inline-dropdown form {
  width: 100%;
  height: inherit;
}
.inline-dropdown .inline-fields {
  margin: 0;
  padding: 0;
  width: 100%;
  height: inherit;
}
.inline-dropdown .inline-fields .inline-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  width: 100%;
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 54px;
  /* FONT */
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 0.875em;
  padding-left: 15px;
  color: #464646;
}
.inline-dropdown .inline-fields .inline-select option {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

/* NEWSLETTER WRAPPER
================================================== */
.ffw_newsletter_wrapper.gform_wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  *zoom: 1;
  max-width: 100%;
}
.ffw_newsletter_wrapper.gform_wrapper .validation_error {
  display: none !important;
}
.ffw_newsletter_wrapper.gform_wrapper .validation_message {
  display: none !important;
}
.ffw_newsletter_wrapper.gform_wrapper form ul.gform_fields li.gfield.gfield_error {
  padding: 0 10px 0 0 !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0) !important;
  border: none !important;
}
.ffw_newsletter_wrapper.gform_wrapper form ul.gform_fields li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 5px !important;
}
.ffw_newsletter_wrapper.gform_wrapper form ul.gform_fields li.gfield.gfield_error label.gfield_label {
  margin-top: 5px !important;
}
.ffw_newsletter_wrapper.gform_wrapper form ul.gform_fields li.gfield.gfield_error .ginput_container {
  max-width: 100% !important;
}
.ffw_newsletter_wrapper.gform_wrapper form ul.gform_fields li.gfield.gfield_error .ginput_complex .ginput_left input[type="text"] {
  max-width: 100% !important;
}
.ffw_newsletter_wrapper.gform_wrapper form ul.gform_fields li.gfield.gfield_error .ginput_complex .ginput_right input[type="text"] {
  max-width: 100% !important;
}
.ffw_newsletter_wrapper.gform_wrapper form {
  width: 100%;
  height: auto;
  overflow: hidden;
  *zoom: 1;
}
.ffw_newsletter_wrapper.gform_wrapper form .gform_body {
  float: left;
  width: 87%;
}
.ffw_newsletter_wrapper.gform_wrapper form .gform_body ul.gform_fields li.gfield {
  width: 50% !important;
  float: left;
  clear: none;
  margin: 0 !important;
  padding-right: 10px !important;
}
.ffw_newsletter_wrapper.gform_wrapper form .gform_body ul.gform_fields li.gfield input {
  width: 100% !important;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
}
.ffw_newsletter_wrapper.gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_complex {
  max-width: 100% !important;
}
.ffw_newsletter_wrapper.gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_complex span.ginput_left {
  padding-right: 6px !important;
}
.ffw_newsletter_wrapper.gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_complex span.ginput_left input, .ffw_newsletter_wrapper.gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_complex span.ginput_right input {
  width: 100% !important;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
}
.ffw_newsletter_wrapper.gform_wrapper form .gform_footer {
  float: left;
  width: 13%;
  clear: none;
  margin: 0 !important;
  padding: 0;
  padding-top: 32px;
}
.ffw_newsletter_wrapper.gform_wrapper form .gform_footer button {
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  line-height: 44px;
  padding: 0 20px;
  outline: 1px solid rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
}

/* ------------------------------------------------ */
/* FFW_NEWSLETTER_WRAPPER -> MOBILE
/* ------------------------------------------------ */
/* _social.scss */
.menu-social {
  font-size: initial;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu-social li {
  margin: 0;
  padding: 0;
}
.menu-social li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 3.125em;
  line-height: 1;
}

.social-link.circle {
  width: 86px;
  height: 86px;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  border-radius: 43px;
  background-color: #fff;
  text-align: center;
  color: #363636;
  font-size: 2em;
}
.social-link.circle.small {
  width: 32px;
  height: 32px;
  font-size: 1.375em;
}
.social-link.circle.small a:before {
  line-height: 34px;
}
.social-link.circle:before {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: 90px;
  text-align: center;
}

/* _icons.scss */
/* ICON (pictos)
================================================== */
i.icon, .icon {
  font-style: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
i.icon:before, .icon:before {
  font-family: "fontawesome", "fontawesome";
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-transform: none;
}
i.icon.transparent, .icon.transparent {
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1AFFFFFF,endColorstr=#1AFFFFFF);
  zoom: 1;
  color: #fff;
}

.icon-upload:before {
  content: '\f093';
}

.icon-lightning:before {
  content: '\f0e7';
}

.icon-group:before {
  content: '\f0c0';
}

.icon-info:before {
  content: '\f05a';
}

.icon-chain:before {
  content: '\f0c1';
}

.icon-heart:before {
  content: '\f004';
}

.icon-notepad:before {
  content: '\f0f6';
}

.icon-file:before {
  content: '\f016';
}

.icon-pencil:before {
  content: '\f040';
}

.icon-message:before {
  content: '\f086';
}

.icon-loop:before {
  content: '\f079';
}

.icon-retweet:before {
  content: '\f079';
}

.icon-search:before, .inline-search:after, .circle-icon-paper, .circle-icon-list, .circle-icon-pencil {
  content: '\f002';
}

.icon-time:before {
  content: '\f017';
}

.icon-camera:before, .media-image.photo {
  content: '\f030';
}

.icon-chat:before {
  content: '\f075';
}

.icon-settings:before {
  content: '\f0ad';
}

.icon-cog:before {
  content: '\f013';
}

.icon-tag:before {
  content: '\f02b';
}

.icon-link:before {
  content: '\f0c1';
}

.icon-cloud:before {
  content: '\f0c2';
}

.icon-close:before {
  content: '\f057';
}

.icon-eye:before {
  content: '\f06e';
}

.icon-globe:before {
  content: '\f0ac';
}

.icon-home:before {
  content: '\f015';
}

.icon-key:before {
  content: '\f084';
}

.icon-email:before {
  content: '\f0e0';
}

.icon-news:before {
  content: '\f022';
}

.icon-picture:before, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-icon:before, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-icon:before, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-icon:before, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-icon:before, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-icon:before, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-icon:before, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-icon:before, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-icon:before {
  content: '\f03e';
}

.icon-power:before {
  content: '\f011';
}

.icon-send:before {
  content: '\f08e';
}

.icon-star:before {
  content: '\f005';
}

.icon-plane:before {
  content: '\f072';
}

.icon-person:before {
  content: '\f007';
}

.icon-video:before {
  content: '\f03d';
}

.icon-play:before, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-icon:before, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-icon:before, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-icon:before, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-icon:before, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-icon:before, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-icon:before, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-icon:before, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-icon:before, .media-image.video {
  content: '\f04b';
}

.icon-write:before {
  content: '\f044';
}

.icon-pulse:before {
  content: '\f0ae';
}

.icon-piechart:before {
  content: '\f080';
}

.icon-expand:before {
  content: '\f0b2';
}

.icon-refresh:before {
  content: '\f021';
}

.icon-checkmark:before {
  content: '\f00c';
}

.icon-calendar:before {
  content: '\f073';
}

.icon-meter:before {
  content: '\f0e4';
}

.icon-marker:before {
  content: '\f041';
}

.icon-trash:before {
  content: '\f014';
}

.icon-cart:before {
  content: '\f07a';
}

.icon-flag:before {
  content: '\f11d';
}

.icon-plus:before {
  content: '\f067';
}

.icon-x:before {
  content: '\f00d';
}

.icon-lock:before {
  content: '\f023';
}

.icon-unlock:before {
  content: '\f09c';
}

.icon-question:before {
  content: '\f128';
}

.icon-terminal:before {
  content: '\f120';
}

.icon-folder:before {
  content: '\f07b';
}

.icon-folder-open:before {
  content: '\f07c';
}

.icon-zoom-in:before {
  content: '\f00e';
}

.icon-zoom-out:before {
  content: '\f010';
}

.icon-settings-alt:before {
  content: '\f085';
}

.icon-phone:before {
  content: '\f095';
}

.icon-mail:before {
  content: '\f003';
}

.icon-angle-up:before {
  content: '\f104';
}

.icon-angle-right:before {
  content: '\f105';
}

.icon-angle-left:before {
  content: '\f106';
}

.icon-angle-down:before {
  content: '\f107';
}

/* ICON-BAR
================================================== */
.icon-bar {
  margin-top: 4px;
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
  background-color: #2f7499;
}

/* ARRROWS
================================================== */
i.arr, .arr {
  font-style: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-image: none !important;
}

.arr:before {
  font-family: "arrrows", "arrrows";
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-transform: none;
}

.arr-down:before {
  content: 'z';
}

/* SOCIALICO
================================================== */
i.socialico, .socialico {
  font-style: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-image: none !important;
}
i.socialico.circle:before, .socialico.circle:before {
  text-transform: lowercase;
}

.socialico:before {
  font-family: "fontawesome", "fontawesome";
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
}

.socialico-dribbble:before {
  content: '\f17d';
}
.socialico-dribbble:hover {
  color: #d4386b !important;
}

.socialico-facebook:before {
  content: '\f09a';
}
.socialico-facebook:hover {
  color: #3c599d !important;
}

.socialico-flickr:before {
  content: '\f16e';
}
.socialico-flickr:hover {
  color: #694db4 !important;
}

.socialico-googleplus:before {
  content: '\f0d5';
}
.socialico-googleplus:hover {
  color: #bc3426 !important;
}

.socialico-linkedin:before {
  content: '\f0e1';
}
.socialico-linkedin:hover {
  color: #0085ae !important;
}

.socialico-tumblr:before {
  content: '\f173';
}
.socialico-tumblr:hover {
  color: #2c4661 !important;
}

.socialico-twitter:before {
  content: '\f099';
}
.socialico-twitter:hover {
  color: #4bc4e6 !important;
}

.socialico-vimeo:before {
  content: '\f194';
}
.socialico-vimeo:hover {
  color: #0fbab2 !important;
}

.socialico-youtube:before {
  content: '\f166';
}
.socialico-youtube:hover {
  color: #911d1e !important;
}

.socialico-instagram:before {
  content: '\f16d';
}
.socialico-instagram:hover {
  color: #911d1e !important;
}

.socialico-git:before {
  content: '\f113';
}
.socialico-git:hover {
  color: #911d1e !important;
}

.socialico-windows:before {
  content: '\f17a';
}
.socialico-windows:hover {
  color: #911d1e !important;
}

[data-icon]:before {
  font-family: "pictos", "pictos";
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  content: attr(data-icon);
  speak: none;
  /* Not to be trusted, but hey. */
}

/* BASE64 GLYPH
================================================== */
/* CIRCLE ICONS
================================================== */
.circle-icon-paper {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 56px;
  height: 56px;
  line-height: 56px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #fb5247;
  color: #fff;
  font-size: 27px;
}
.circle-icon-paper:before {
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-transform: none;
  content: "F";
}

.circle-icon-list {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 56px;
  height: 56px;
  line-height: 56px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #fb5247;
  color: #fff;
  font-size: 27px;
  line-height: 60px;
}
.circle-icon-list:before {
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-transform: none;
  content: "l";
}

.circle-icon-pencil {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 56px;
  height: 56px;
  line-height: 56px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #fb5247;
  color: #fff;
  font-size: 27px;
}
.circle-icon-pencil:before {
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-transform: none;
  content: "p";
}

/* _buttons-advanced.scss */
/* ======================================================================== */
/*                                                                          */
/*                                  BUTTON                                  */
/*                                                                          */
/* ======================================================================== */
/* BTN 
 * ---
 * @include btn(20px, bold, #2a2a2a, #fbfbfb, transparent, none, 52, 15px);
 *
=========================================================================== */
/* BTN HOVER METHOD
 * ----------------
 * @include btn-hover-method();
 *
=========================================================================== */
/* ======================================================================== */
/*                                                                          */
/*                                BUTTON BEFORE                             */
/*                                                                          */
/* ======================================================================== */
/* BTN BEFORE BASICS
 * -----------------
 * @include btn-before(absolute, 1.5, #000);
 *
=========================================================================== */
/* BTN BEFORE FONT
 * ---------------
 * @include btn-before-font(1.4em, bold, #fff, "socialico");
 *
=========================================================================== */
/* BTN BEFORE ICON NAME
 * --------------------
 * @include btn-before-icon-name();
 *
=========================================================================== */
/* BTN BEFORE ICON
 * ---------------
 * @include btn-before-icon();
 *
=========================================================================== */
/* BTN BEFORE HOVER METHOD
 * -----------------------
 * @include btn-before-hover-method();
 *
=========================================================================== */
/* ======================================================================== */
/*                                                                          */
/*                               BUTTON CLASSES                             */
/*                                                                          */
/* ======================================================================== */
/* 
  BUTTON EXAMPLE HTML
  --------------------
  <div style="background-color:#ccc;width:100%;height:auto;padding:50px;margin-top:20px;margin-bottom:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;">
    <a href="#" class="btn btn-tab icon-group">.btn .btn-tab</a>
    <a href="#" class="btn btn-tab transparent icon-pulse">.btn .btn-tab .transparent</a>
    <a href="#" class="btn btn-tab secondary icon-meter">.btn .btn-tab .secondary</a>
    <a href="#" class="btn btn-tab secondary-transparent icon-piechart">.btn .btn-tab .secondary-transparent</a>
  </div>
 */
/* MIXIN: _BTN
================================================== */
.btn, .btn-tab {
  line-height: 1.2;
  padding: 15px 20px 13px 20px;
  color: #fff;
  margin-bottom: 5px;
  text-transform: uppercase;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 1.2;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}

.btn {
  /* BUTTON TABBED
  ================================================== */
}
.btn.large {
  font-size: 1.25em;
  padding: 10px 22px;
  max-height: 72px;
}
.btn.primary {
  background-color: #2a2a2a;
  border: 1px solid #2a2a2a;
}
.btn.primary:hover {
  background-color: #191818;
}
.btn.primary.transparent {
  background-color: transparent;
  border: 1px solid #2a2a2a;
  color: #2a2a2a;
}
.btn.primary.transparent:hover {
  border-color: #444444;
  color: #fff;
  background-color: #3c3c3c;
}
.btn.secondary {
  background-color: #2f7499;
  border: 1px solid #2f7499;
}
.btn.secondary:hover {
  background-color: #25607f;
}
.btn.secondary.transparent {
  background-color: transparent;
  border: 1px solid #2f7499;
  color: #2f7499;
}
.btn.secondary.transparent:hover {
  border-color: #4e8aad;
  color: #fff;
  background-color: #3789b4;
}
.btn.tertiary {
  background-color: #dddddd;
  border: 1px solid #dddddd;
}
.btn.tertiary:hover {
  background-color: #cccaca;
}
.btn.tertiary.transparent {
  background-color: transparent;
  border: 1px solid #dddddd;
  color: #dddddd;
}
.btn.tertiary.transparent:hover {
  border-color: #f7f7f7;
  color: #fff;
  background-color: #efefef;
}
.btn.quaternary {
  background-color: #2f7499;
  border: 1px solid #2f7499;
}
.btn.quaternary:hover {
  background-color: #25607f;
}
.btn.quaternary.transparent {
  background-color: transparent;
  border: 1px solid #2f7499;
  color: #2f7499;
}
.btn.quaternary.transparent:hover {
  border-color: #4e8aad;
  color: #fff;
  background-color: #3789b4;
}
.btn.black {
  background-color: #1c1c1c;
  border: 1px solid #1c1c1c;
}
.btn.black:hover {
  background-color: #0a0a0a;
}
.btn.black.transparent {
  background-color: transparent;
  border: 1px solid #1c1c1c;
  color: #1c1c1c;
}
.btn.black.transparent:hover {
  border-color: #363636;
  color: #fff;
  background-color: #2e2e2e;
}
.btn.white {
  background-color: white;
  border: 1px solid white;
  color: #eae9e9;
}
.btn.white:hover {
  background-color: #eeeded;
}
.btn.white.transparent {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.btn.white.transparent:hover {
  border-color: white;
  color: #fff;
  background-color: white;
}
.btn.white.transparent:hover {
  color: #eae9e9;
}
.btn.icon:before {
  padding: 0 0.625em 0 0;
  font-size: 1.25em;
}

button {
  position: relative;
  font-size: initial;
  text-transform: none;
}
button.no-appearance, button.empty {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: 0;
  background-color: transparent;
}
button.open {
  text-align: center;
  font-size: 1.5em;
  color: #2f7499;
  width: 34px;
  line-height: 1;
}
button.open .icon-bar {
  display: none;
}
button.open:before {
  font-family: "pictos";
  content: '*';
}

/* _shapes.scss */
/* CIRCLE-DATE
================================================== */
.circle-date {
  width: 130px;
  height: 130px;
  display: table;
  text-align: center;
  -webkit-border-radius: 65px/65px 65px 65px 65px;
  -moz-border-radius: 65px/65px 65px 65px 65px;
  border-radius: 65px/65px 65px 65px 65px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A000000,endColorstr=#1A000000);
  zoom: 1;
}
.circle-date .circle-date-inner {
  display: table-cell;
  vertical-align: middle;
}
.circle-date i, .circle-date span, .circle-date b {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  color: #353535;
  line-height: 1;
}
.circle-date i {
  font-size: 1.3125em;
  margin-bottom: .15em;
}
.circle-date span {
  font-size: 0.9375em;
  font-weight: bold;
  text-transform: uppercase;
}
.circle-date b {
  font-size: 1.5em;
  font-weight: bold;
}

/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body, .animated, * {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  backface-visibility: visible;
  -o-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.animated {
  animation-fill-mode: both;
  transform: translate3d(0, 0, 0);
  perspective: 1000;
  -o-animation-fill-mode: both;
  -o-transform: translate3d(0, 0, 0);
  -o-perspective: 1000;
  -moz-animation-fill-mode: both;
  -moz-transform: translate3d(0, 0, 0);
  -moz-perspective: 1000;
  -webkit-animation-fill-mode: both;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.animated.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}

@-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);
  }
}

@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px);
  }
}

@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -o-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);
  }
}

.animated.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
  }
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
  }
}

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
  }

  40% {
    -o-transform: translateY(-30px);
  }

  60% {
    -o-transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.animated.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

@-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);
  }
}

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }

  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -moz-transform: scale(1) rotate(0);
  }
}

@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }

  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -o-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);
  }
}

.animated.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

@-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);
  }
}

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }

  40% {
    -moz-transform: rotate(-10deg);
  }

  60% {
    -moz-transform: rotate(5deg);
  }

  80% {
    -moz-transform: rotate(-5deg);
  }

  100% {
    -moz-transform: rotate(0deg);
  }
}

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }

  40% {
    -o-transform: rotate(-10deg);
  }

  60% {
    -o-transform: rotate(5deg);
  }

  80% {
    -o-transform: rotate(-5deg);
  }

  100% {
    -o-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);
  }
}

.animated.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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%);
  }
}

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }

  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }

  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }

  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -moz-transform: translateX(0%);
  }
}

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }

  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }

  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }

  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -o-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%);
  }
}

.animated.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.1);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }

  50% {
    -o-transform: scale(1.1);
  }

  100% {
    -o-transform: scale(1);
  }
}

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

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.animated.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

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

@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }

  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }

  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }

  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }

  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}

@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }

  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }

  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }

  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }

  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }

  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}

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

@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -o-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;
  }
}

.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

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

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

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

  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

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

  100% {
    -o-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;
  }
}

.animated.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

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

@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -o-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;
  }
}

.animated.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

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

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

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

  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

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

  100% {
    -o-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;
  }
}

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.animated.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.animated.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animated.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animated.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.animated.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.animated.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

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

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

.animated.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}

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

  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}

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

  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.animated.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}

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

  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

.animated.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}

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

  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}

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

  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}

.animated.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}

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

  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}

.animated.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.animated.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

.animated.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.animated.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.animated.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-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);
  }
}

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }

  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }

  70% {
    -moz-transform: scale(0.9);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }

  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }

  70% {
    -o-transform: scale(0.9);
  }

  100% {
    -o-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);
  }
}

.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }

  80% {
    -moz-transform: translateY(10px);
  }

  100% {
    -moz-transform: translateY(0);
  }
}

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }

  80% {
    -o-transform: translateY(10px);
  }

  100% {
    -o-transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    transform: translateY(-30px);
  }

  80% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

.animated.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }

  80% {
    -moz-transform: translateY(-10px);
  }

  100% {
    -moz-transform: translateY(0);
  }
}

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }

  80% {
    -o-transform: translateY(-10px);
  }

  100% {
    -o-transform: translateY(0);
  }
}

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

  60% {
    opacity: 1;
    transform: translateY(30px);
  }

  80% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

.animated.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }

  80% {
    -moz-transform: translateX(-10px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }

  80% {
    -o-transform: translateX(-10px);
  }

  100% {
    -o-transform: translateX(0);
  }
}

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

  60% {
    opacity: 1;
    transform: translateX(30px);
  }

  80% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

.animated.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }

  80% {
    -moz-transform: translateX(10px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }

  80% {
    -o-transform: translateX(10px);
  }

  100% {
    -o-transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    transform: translateX(-30px);
  }

  80% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.animated.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-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);
  }
}

@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }

  25% {
    -moz-transform: scale(0.95);
  }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}

@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }

  25% {
    -o-transform: scale(0.95);
  }

  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -o-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);
  }
}

.animated.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.animated.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

.animated.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.animated.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.animated.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

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

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

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -o-transform-origin: center center;
    -o-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;
  }
}

.animated.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}

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

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

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -o-transform-origin: left bottom;
    -o-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;
  }
}

.animated.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

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

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

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -o-transform-origin: left bottom;
    -o-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;
  }
}

.animated.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

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

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

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -o-transform-origin: right bottom;
    -o-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;
  }
}

.animated.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

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

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

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -o-transform-origin: right bottom;
    -o-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;
  }
}

.animated.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

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

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

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}

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

  100% {
    -o-transform-origin: center center;
    -o-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;
  }
}

.animated.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}

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

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

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}

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

  100% {
    -o-transform-origin: left bottom;
    -o-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;
  }
}

.animated.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

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

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

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

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

  100% {
    -o-transform-origin: left bottom;
    -o-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;
  }
}

.animated.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

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

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

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

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

  100% {
    -o-transform-origin: right bottom;
    -o-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;
  }
}

.animated.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }

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

.animated.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}

@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }

  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }

  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }

  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}

@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }

  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }

  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }

  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}

.animated.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}

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

  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}

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

  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}

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

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

.animated.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}

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

  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}

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

  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}

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

  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}

.animated.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  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;
  }
}

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

  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

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

  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  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;
  }
}

.animated.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

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

.animated.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-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);
  }
}

@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }

  10% {
    -moz-transform: skewX(-8deg);
  }

  20% {
    -moz-transform: skewX(7deg);
  }

  30% {
    -moz-transform: skewX(-6deg);
  }

  40% {
    -moz-transform: skewX(5deg);
  }

  50% {
    -moz-transform: skewX(-4deg);
  }

  60% {
    -moz-transform: skewX(3deg);
  }

  70% {
    -moz-transform: skewX(-2deg);
  }

  80% {
    -moz-transform: skewX(1deg);
  }

  90% {
    -moz-transform: skewX(0deg);
  }

  100% {
    -moz-transform: skewX(0deg);
  }
}

@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }

  10% {
    -o-transform: skewX(-8deg);
  }

  20% {
    -o-transform: skewX(7deg);
  }

  30% {
    -o-transform: skewX(-6deg);
  }

  40% {
    -o-transform: skewX(5deg);
  }

  50% {
    -o-transform: skewX(-4deg);
  }

  60% {
    -o-transform: skewX(3deg);
  }

  70% {
    -o-transform: skewX(-2deg);
  }

  80% {
    -o-transform: skewX(1deg);
  }

  90% {
    -o-transform: skewX(0deg);
  }

  100% {
    -o-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);
  }
}

.animated.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

/*

A couple of additions for the animo.js library

Daniel Raftery <@ThirvingKings>

*/
.animated.fade {
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade;
}

@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes fade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.animated.appear {
  -webkit-animation-name: appear;
  -moz-animation-name: appear;
  -o-animation-name: appear;
  animation-name: appear;
}

@-webkit-keyframes appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animated.spinner {
  -webkit-animation-name: spinner;
  -moz-animation-name: spinner;
  -o-animation-name: spinner;
  animation-name: spinner;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.animated.twirlIn {
  -webkit-animation-name: twirlIn;
  -moz-animation-name: twirlIn;
  -o-animation-name: twirlIn;
  animation-name: twirlIn;
}

@-webkit-keyframes twirlIn {
  0% {
    -webkit-transform: rotate3d(80, -70, 10, 180deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
  }
}

@-moz-keyframes twirlIn {
  0% {
    -moz-transform: rotate3d(80, 70, 10, 180deg);
  }

  100% {
    -moz-transform: rotate3d(0, 0, 0, 0deg);
  }
}

@-o-keyframes twirlIn {
  0% {
    -o-transform: rotate3d(80, 70, 10, 180deg);
  }

  100% {
    -o-transform: rotate3d(0, 0, 0, 0deg);
  }
}

@keyframes twirlIn {
  0% {
    transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    transform: rotate3d(80, 70, 10, 180deg);
  }
}

.animated.twirlOut {
  -webkit-animation-name: twirlOut;
  -moz-animation-name: twirlOut;
  -o-animation-name: twirlOut;
  animation-name: twirlOut;
}

@-webkit-keyframes twirlOut {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(80, -70, 10, 180deg);
  }
}

@-moz-keyframes twirlOut {
  0% {
    -moz-transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    -moz-transform: rotate3d(80, 70, 10, 180deg);
  }
}

@-o-keyframes twirlOut {
  0% {
    -o-transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    -o-transform: rotate3d(80, 70, 10, 180deg);
  }
}

@keyframes twirlOut {
  0% {
    transform: rotate3d(0, 0, 0, 0deg);
  }

  100% {
    transform: rotate3d(80, 70, 10, 180deg);
  }
}

/* _code.scss */
pre.prettify {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 5px;
  font: 14px monospace;
}

/* _modals.scss */
/* MODAL SETTINGS
================================================== */
/* MODAL-OVERLAY
================================================== */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: transparent;
  background-color: rgba(49, 49, 49, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF313131,endColorstr=#BF313131);
  zoom: 1;
  /* TRANSITION */
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  z-index: 0;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.modal-overlay.show {
  z-index: 1000;
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* MODAL
================================================== */
.modal {
  position: fixed;
  left: 50%;
  top: 50%;
  height: auto;
  background-color: white;
  color: #313131;
  /* DEFAULT - same as .medium */
  width: 500px;
  margin-left: -250px;
  font-size: initial;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* BOX SHADOW */
  -webkit-box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.15);
  /* TRANSITION */
  -webkit-transition: -webkit-transform;
  -moz-transition: -moz-transform;
  -o-transition: -o-transform;
  transition: transform;
  -webkit-transition-duration: 250ms;
  -moz-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  z-index: 0;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.modal.show {
  -webkit-transition: -webkit-transform;
  -moz-transition: -moz-transform;
  -o-transition: -o-transform;
  transition: transform;
  -webkit-transition-duration: 250ms;
  -moz-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 1100;
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.modal.small {
  width: 300px;
  margin-left: -150px;
}
.modal.medium {
  width: 500px;
  margin-left: -250px;
}
.modal.large {
  width: 750px;
  margin-left: -375px;
}
.modal br {
  display: none;
}
.modal button {
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 1100;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: 0;
  background-color: transparent;
  font-size: initial;
}
.modal button:before {
  font-family: "pictos";
  font-size: 1.25em;
  content: '*';
}
.modal button:hover {
  color: #2f7499;
}
.modal header, .modal main, .modal footer {
  width: 100%;
  height: auto;
}
.modal header {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding: 17px 20px 13px 20px;
  background-color: #fafafa;
  border-bottom: 1px solid #f2f2f2;
  line-height: 1;
  font-size: 1.0625em;
  text-transform: uppercase;
  font-weight: bold;
}
.modal .modal-body {
  font-size: 1em;
  font-family: Georgia, serif;
  background-color: transparent;
  padding: 15px 20px;
}
.modal footer {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  background-color: #fafafa;
  border-top: 1px solid #f2f2f2;
  padding: 0px 20px 20px 20px;
}

/* Modules & Components */
/* _header.scss */
/* HEADER.default
================================================== */
header.default {
  width: 100%;
  background-color: #ffffff;
  /* LOGO (span4)
  ================================================== */
  /* NAV .header_menu (span8 omega)
  ================================================== */
  /* nav */
}
header.default .logo {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: 88px;
}
header.default .logo h1, header.default .logo h2, header.default .logo h3, header.default .logo p, header.default .logo span {
  margin: 0;
}
header.default .logo img {
  max-height: 100%;
  width: auto;
}
header.default nav {
  text-align: right;
  line-height: 88px;
}
header.default nav ul {
  background-color: #ffffff;
}
header.default nav > ul {
  height: 88px;
  float: right;
}
header.default nav > ul > li {
  height: 88px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
header.default nav > ul > li:last-child a {
  padding-right: 0;
}
header.default nav > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 88px;
  padding-right: 1.25em;
  padding-left: 0.25em;
}

/* ------------------------------------------------ */
/* HEADER.DEFAULT -> DESKTOP
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* HEADER.DEFAULT -> TABLET
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* HEADER.DEFAULT -> MOBILE
/* ------------------------------------------------ */
/* _navigation.scss */
/**
 * Dropdown <UL>
 * -------------------
 * Basic styling for unordered lists with child <ul> ("dropdowns"). 
 * <ul> must be a child of a <nav> in order to qualify as a dropdown.
 */
nav.menu {
  /* nav.menu ul */
}
nav.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: auto;
}
nav.menu ul li {
  margin: 0;
  padding: 0;
}
nav.menu ul li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
nav.menu ul > li {
  position: relative;
  display: block;
  float: left;
}
nav.menu ul > li:hover > a {
  color: #2f7499;
}
nav.menu ul > li:hover > ul {
  /* TRANISTION */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}
nav.menu ul > li.menu-item-has-children > a:after {
  text-transform: none;
  position: relative;
  line-height: inherit;
  color: inherit;
  content: "u";
  font-family: "arrrows";
  padding: 0 0 0 8px;
  margin: 0;
}
nav.menu ul > li a {
  color: #433f3e;
}
nav.menu ul > li a:hover {
  color: #2f7499;
}
nav.menu ul > li:last-child ul {
  left: auto;
  right: 0;
}
nav.menu ul ul {
  position: absolute;
  z-index: 9999;
  min-width: 210px;
  text-align: left;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  /* TRANSITION */
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  left: 0;
  visibility: hidden;
  margin-top: 20px;
}
nav.menu ul ul li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #fafafa;
  border-top: 1px solid #f5f5f5;
}
nav.menu ul ul li:first-child {
  border-top: none;
}
nav.menu ul ul li:last-child {
  border-bottom: none;
}
nav.menu ul ul li a {
  padding: 15px 10px;
}
nav.menu ul ul li a:hover {
  background-color: #2f7499;
  color: #fff;
}

/* nav.menu */
/**
* Pagination
* -------------------
* Small enhancement over the default wordpress pagination function
*/
nav.pagination {
  margin-top: 3.4375em;
  width: 100%;
  text-align: center;
}
nav.pagination.left {
  text-align: left;
}
nav.pagination.center {
  text-align: center;
}
nav.pagination.right {
  text-align: right;
}
nav.pagination .loop-pagination {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
nav.pagination .page-numbers {
  font-size: 100%;
  padding: .5em 1em;
  border: 1px solid #e1e1e1;
  background-color: #E6E6E6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
nav.pagination .page-numbers.current {
  background-color: #f0f0f0;
  border: 1px solid #eaeaea;
}
nav.pagination .page-numbers:hover, nav.pagination .page-numbers:active {
  background-color: #d7d7d7;
}
nav.pagination .pagination-nav {
  font-family: "arrrows";
  font-size: 1.25em;
  line-height: 1;
}

/* _hero.scss */
/* HERO
================================================== */
#hero {
  width: 100%;
  height: 450px;
  background-color: #363636;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#hero.hero-youtube {
  background-position: -20%;
}
#hero .container {
  position: relative;
  display: table;
  text-align: center;
  height: 450px;
}
#hero .hero-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: auto;
}
#hero h1 {
  color: #ffffff;
}

/* _footer.scss */
footer.default {
  width: 100%;
  height: auto;
  min-height: 120px;
  background-color: #363636;
  color: #fafafa;
  /* --------------------------------------------------- */
  /* MORE STYLES IN _WIDGET.SCSS (.footer-widget)
  /* --------------------------------------------------- */
}
footer.default ul, footer.default h1, footer.default h2, footer.default h3, footer.default h4, footer.default p, footer.default span, footer.default a, footer.default li, footer.default .widget-title {
  color: inherit;
}
footer.default .footer-inner {
  width: 100%;
  height: auto;
  padding: 50px 0;
}

footer.fifty {
  width: 100%;
  height: auto;
  min-height: 30px;
  background-color: #2F2F2F;
  color: #737373;
  padding: 15px 0;
  font-size: .70em;
  font-style: oblique;
  text-align: right;
}
footer.fifty a {
  color: #737373;
}
footer.fifty a:hover {
  opacity: .8;
}

/* _slider.scss */
.flexslider {
  position: relative;
  background-color: #363636;
  /* SLIDER FULL
  ================================================== */
  /* FLEX SLIDES
  ================================================== */
  /* slides */
  /* FLEX-CONTROL-NAV
  ================================================== */
  /* flex-control-nav */
  /* FLEX-CONTROL-THUMBS
  ================================================== */
  /* flex-control-thumbs */
  /* FLEX-DIRECTION-NAV
  ================================================== */
  /* flex-direction-nav */
  /* HOVER INTERACTIONS
  ================================================== */
}
.flexslider .flex-viewport {
  width: 100%;
  height: 600px;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.flexslider .flex-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 144px rgba(82, 82, 82, 0.45);
  -moz-box-shadow: inset 0 0 144px rgba(82, 82, 82, 0.45);
  box-shadow: inset 0 0 144px rgba(82, 82, 82, 0.45);
}
.flexslider ul.slides {
  min-width: 100%;
  overflow-y: hidden;
  background-color: #3a3a3a;
  height: 600px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  /* TRANSITION */
  /* TYPOGRAPHY */
}
.flexslider ul.slides li {
  margin: 0;
  padding: 0;
}
.flexslider ul.slides h6 {
  margin-bottom: .5em;
}
.flexslider ul.slides p {
  margin-top: 0px;
}
.flexslider ul.slides > li {
  display: none;
  /* hidden */
  position: relative;
  text-align: left;
  width: 100%;
  float: left;
  height: 600px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* SLIDE CONTENT
  ================================================== */
  /* .slide-content */
  /* SLIDE-META
  ================================================== */
}
.flexslider ul.slides > li .container {
  height: 600px;
  display: table;
}
.flexslider ul.slides > li .slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  background-color: #b7b7b7;
  background-size: 100% 100% !important;
  background-image: url("data:image/png;base64,__BASE64STRING__");
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.flexslider ul.slides > li .slide-content {
  position: relative;
  width: 70%;
  z-index: 100;
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  width: 100%;
}
.flexslider ul.slides > li .slide-content .slide-content-right {
  padding: 0 0 0 1.875em;
}
.flexslider ul.slides > li .slide-content .slide-content-right h1, .flexslider ul.slides > li .slide-content .slide-content-right h2, .flexslider ul.slides > li .slide-content .slide-content-right h3 {
  margin-top: 5px;
  margin-bottom: 3px;
}
.flexslider ul.slides > li .slide-content .slide-content-right p {
  font-family: "opensans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 1em;
  margin-top: 0.9375em;
}
.flexslider ul.slides > li .slide-content.clearafter {
  overflow: hidden;
  *zoom: 1;
}
.flexslider ul.slides > li .slide-content.left {
  text-align: left;
}
.flexslider ul.slides > li .slide-content.left .seperator {
  margin: 15px 0 15px 0;
}
.flexslider ul.slides > li .slide-content.center {
  text-align: center;
}
.flexslider ul.slides > li .slide-content.center .seperator {
  margin: 15px auto 15px auto;
}
.flexslider ul.slides > li .slide-content.right {
  text-align: right;
}
.flexslider ul.slides > li .slide-content.right .seperator {
  margin: 15px 0 15px 0;
}
.flexslider ul.slides > li .slide-content .seperator {
  display: block;
  width: 200px;
  height: 2px;
  background-color: #fff;
}
.flexslider ul.slides > li .slide-content h1 {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 80%;
}
.flexslider ul.slides > li .slide-content h1:first-of-type {
  margin: 0;
}
.flexslider ul.slides > li .slide-content p {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: 1.43em;
  font-size: 1.1em;
  font-style: italic;
}
.flexslider ul.slides > li .slide-meta {
  margin: 0;
  padding: 0;
}
.flexslider ul.slides > li .slide-meta span.author-pre-text {
  display: none;
}
.flexslider ul.slides > li .slide-meta span {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #adadad;
  font-family: Georgia, serif;
  font-size: 0.875em;
  margin-right: 7px;
}
.flexslider ul.slides > li .slide-meta span:last-child {
  margin-right: 0;
}
.flexslider ul.slides > li .slide-meta span a {
  color: inherit;
}
.flexslider .flex-control-nav-wrap {
  width: 100%;
  height: 40px;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  text-align: center;
}
.flexslider ol.flex-control-paging {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 40px;
  overflow: hidden;
  *zoom: 1;
}
.flexslider ol.flex-control-paging li {
  margin: 0;
  padding: 0;
}
.flexslider ol.flex-control-paging li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  line-height: 40px;
  margin-right: 10px;
}
.flexslider ol.flex-control-paging li:last-child {
  margin-right: 0;
}
.flexslider ol.flex-control-paging li a {
  display: block;
  text-indent: -9999px;
  position: relative;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 7px/7px 7px 6px 6px;
  -moz-border-radius: 7px/7px 7px 6px 6px;
  border-radius: 7px/7px 7px 6px 6px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /* TRANSITION */
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background-color: #eae9e9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
}
.flexslider ol.flex-control-paging li a.flex-active {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.flexslider ol.flex-control-paging li a.flex-active:after {
  border-top-color: #96be73;
}
.flexslider ol.flex-control-thumbs {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  height: 130px;
  display: table;
  background: #ffffff;
  border-collapse: collapse;
}
.flexslider ol.flex-control-thumbs li {
  margin: 0;
  padding: 0;
}
.flexslider ol.flex-control-thumbs li {
  position: relative;
  display: table-cell;
  height: 130px;
  width: auto;
  overflow: hidden;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  border-right: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
}
.flexslider ol.flex-control-thumbs li:first-child {
  border-left: 5px solid #ffffff;
}
.flexslider ol.flex-control-thumbs li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.flexslider ol.flex-control-thumbs li .flex-thumb-wrap {
  width: 100%;
  height: 130px;
  position: relative;
}
.flexslider ol.flex-control-thumbs li .flex-thumb-wrap > div {
  height: 130px;
  width: 100%;
  overflow: hidden;
}
.flexslider ol.flex-control-thumbs li .flex-thumb-wrap > div > div {
  height: 100%;
  width: 100%;
}
.flexslider ol.flex-control-thumbs li .flex-thumb-wrap img {
  position: relative;
  height: 100%;
  width: 100%;
}
.flexslider ol.flex-control-thumbs .flex-active-parent {
  border-top: 5px solid #96be73;
}
.flexslider .flex-direction-nav {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  height: 57px;
  width: 100%;
  overflow-x: hidden;
}
.flexslider .flex-direction-nav li {
  height: 57px;
  width: 60px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  font-size: initial;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.flexslider .flex-direction-nav li a {
  display: block;
  height: 57px;
  width: 60px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "arrrows";
  color: #eae9e9;
  text-align: center;
  font-size: 1.5625em;
  line-height: 57px;
  text-indent: 0;
  text-transform: none;
  /* TRANSITION */
  background-color: transparent;
  background-color: rgba(218, 218, 218, 0.08);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#14DADADA,endColorstr=#14DADADA);
  zoom: 1;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.flexslider .flex-direction-nav li a:hover {
  background-color: transparent;
  background-color: rgba(218, 218, 218, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40DADADA,endColorstr=#40DADADA);
  zoom: 1;
}
.flexslider .flex-direction-nav li a.flex-prev {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.flexslider .flex-direction-nav li a.flex-next {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.flexslider .flex-direction-nav li:first-child {
  left: -60px;
}
.flexslider .flex-direction-nav li:last-child {
  right: -60px;
}
.flexslider:hover .flex-direction-nav li:first-child {
  left: 0;
}
.flexslider:hover .flex-direction-nav li:first-child {
  left: 0px;
}
.flexslider:hover .flex-direction-nav li:last-child {
  right: 0px;
}

/* ------------------------------------------------ */
/* FLEXSLIDER -> MOBILE
/* ------------------------------------------------ */
/* _widgets.scss */
.widget-area {
  font-size: initial;
}

.widget {
  font-size: .9em;
  margin-bottom: 2em;
}
.widget .separator {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 50%;
  margin-top: 2em;
  border-bottom: 1px solid #ddd;
}
.widget .widget-title {
  color: #363636;
  font-size: inherit;
}

/* AUTHOR INFO WIDGET
================================================== */
.widget.author-info {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.widget.author-info .standard-pi-pic {
  text-align: inherit;
}
.widget.author-info .standard-pi-pic a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #f3f1f1;
}
.widget.author-info .standard-pi-pic img, .widget.author-info .standard-pi-pic a {
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  width: 120px;
  height: 120px;
}
.widget.author-info .standard-pi-top-text {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 1.5em 0 0 0;
  font-size: 0.875em;
  font-style: italic;
}
.widget.author-info .standard-pi-author-name {
  margin: .3em 0 0 0;
  color: #363636;
  font-size: inherit;
}
.widget.author-info .standard-pi-separator {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 50%;
  margin: .8em 0 .6em 0;
  border-bottom: 2px solid #353535;
}
.widget.author-info .standard-pi-bio {
  margin: 0;
  padding: 0;
}
.widget.author-info .separator {
  display: none;
}

/* FOOTER-WIDGETS
================================================== */
.footer-widgets.halves {
  overflow: hidden;
  *zoom: 1;
}
.footer-widgets.thirds {
  overflow: hidden;
  *zoom: 1;
}
.footer-widgets.fourths {
  overflow: hidden;
  *zoom: 1;
}

/* FOOTER WIDGET
================================================== */
.widget.footer-widget {
  margin-bottom: 0;
  /* FOOTER-WIDGET > MENU-SOCIAL
   * Needs overrides to reset styles from footer-widget
  ===================================================== */
}
.widget.footer-widget .widget-title {
  margin-top: .5em;
  font-size: 1.25em;
}
.widget.footer-widget ul li {
  width: 75%;
  border-bottom: 1px solid #5a5a5a;
}
.widget.footer-widget ul li a {
  padding: .8em .2em;
  display: block;
}
.widget.footer-widget ul a:hover {
  color: #2f7499;
}
.widget.footer-widget ul.menu-social li {
  line-height: 1;
  width: auto;
  border-bottom: 0;
  margin: 0 5px 0 0;
}
.widget.footer-widget ul.menu-social li a {
  padding: 0;
}

/* _comments.scss */
/* RESPOND
================================================== */
#respond {
  width: 100%;
  height: auto;
  overflow: hidden;
  *zoom: 1;
  margin-top: 40px;
  border-top: 1px solid #ddd;
  padding-top: 40px;
}
#respond #reply-title {
  display: none;
}
#respond form#commentform label {
  display: block;
}
#respond form#commentform textarea {
  height: 100px;
}
#respond form#commentform p {
  margin: 0 0 .7em 0;
  padding: 0;
}
#respond form#commentform .comment-notes {
  display: none;
}
#respond form#commentform .comment-form-comment {
  width: 100%;
}
#respond form#commentform .comment-form-comment textarea {
  width: 100%;
}
#respond form#commentform .fields-halves {
  width: 100%;
  height: auto;
  overflow: hidden;
  *zoom: 1;
}
#respond form#commentform .fields-halves .field-half {
  width: 50%;
  float: left;
}
#respond form#commentform .fields-halves .field-half:first-of-type {
  padding-right: 15px;
}
#respond form#commentform .fields-halves .field-half input {
  width: 100%;
}
#respond form#commentform .form-submit {
  margin-bottom: 0;
}

/* COMMENTS / COMMENTLIST
================================================== */
#comments {
  width: 100%;
  height: auto;
  margin-top: 40px;
  border-top: 1px solid #ddd;
  padding-top: 30px;
  overflow: hidden;
  *zoom: 1;
}
#comments ol.commentlist {
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#comments ol.commentlist li {
  margin: 0;
  padding: 0;
}
#comments ol.commentlist li.comment {
  margin-top: 30px;
  font-style: normal;
  font-size: 100%;
  font-size: initial;
}
#comments ol.commentlist li.comment p {
  font-size: inherit;
  font-style: inherit;
}
#comments ol.commentlist > li.comment {
  margin-top: 0;
}
#comments ol.commentlist li.comment.depth-1 {
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

/* ARTICLE .comment
================================================== */
.comment-wrap {
  /* AVATAR */
  /* COMMENT  */
}
.comment-wrap .comment-inner {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-box-align: stretch;
  box-align: stretch;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -ms-box-direction: normal;
  box-direction: normal;
  overflow: hidden;
  *zoom: 1;
}
.comment-wrap .avatar-wrap .avatar, .comment-wrap .avatar-wrap .avatar img {
  width: 64px;
  height: 64px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.comment-wrap .avatar-wrap img {
  border: 1px solid #dadada;
}
.comment-wrap .comment-comment {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-box-flex: 4;
  box-flex: 4;
  padding-left: 20px;
}
.comment-wrap .comment-comment .comment-header {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  margin-bottom: .5em;
}
.comment-wrap .comment-comment .comment-header .comment-meta-header {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: 1;
}
.comment-wrap .comment-comment .comment-header .comment-author {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: inherit;
  font-style: normal;
  text-transform: uppercase;
  color: #363636;
}
.comment-wrap .comment-comment .comment-header .comment-author cite {
  font-style: normal;
}
.comment-wrap .comment-comment .comment-header .comment-author a {
  color: inherit;
}
.comment-wrap .comment-comment .comment-header .comment-time {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding-left: 10px;
  font-size: 0.875em;
  line-height: inherit;
}
.comment-wrap .comment-comment .comment-header .comment-reply-link {
  float: right;
}
.comment-wrap .comment-comment .comment-header .comment-reply-link:hover {
  text-decoration: underline;
}
.comment-wrap .comment-comment .comment-content {
  color: #433f3e;
}
.comment-wrap .comment-comment .comment-content p {
  font-size: 0.875em;
}
.comment-wrap .comment-comment .comment-content p:first-of-type {
  margin-top: 0;
}

/* comment */
/* CHILDREN (child comments)
================================================== */
ol.children {
  display: block;
  list-style: none;
  list-style-type: none;
  padding-left: 86px;
}

/* _content-shared.scss */
/* #MAIN
================================================== */
#main.page {
  margin-top: 3.4375em;
}
#main.single {
  margin-top: 3.4375em;
}

/* #content
================================================== */
#content.push-left {
  float: left;
}
#content.push-left .content-inner {
  margin-bottom: 3.5em;
  padding-left: 2em;
}
#content.push-right {
  float: right;
}
#content.push-right .content-inner {
  margin-bottom: 3.5em;
  padding-right: 2em;
}
#content.push-none {
  width: 100%;
  float: none;
}
#content.push-none .content-inner {
  margin-bottom: 3.5em;
  padding-right: 0;
}
#content.full-width, #content.full {
  width: 100%;
}

/* ARTICLE
================================================== */
/* SIDEBAR
================================================== */
#main .sidebar a:hover {
  text-decoration: underline;
}
#main .sidebar.push-left {
  float: left;
}
#main .sidebar.push-left .sidebar-inner {
  padding-right: 2em;
  text-align: right;
}
#main .sidebar.push-right {
  float: right;
}
#main .sidebar.push-right .sidebar-inner {
  padding-left: 2em;
}

/* SECTIONS
================================================== */
.section-header {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
}

.section-title {
  position: relative;
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
  margin-bottom: 30px;
  margin-top: 50px;
}
.section-title:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin: -1px 0 0 -60px;
  width: 120px;
  height: 2px;
  background-color: #353535;
}
.section-title.white {
  color: #fff;
}
.section-title.white:after {
  background-color: #fff;
}
.section-title.baseline {
  margin-top: 0;
}
.section-title.slider-title {
  background-color: #3A3A3A;
  margin: 0;
  padding-top: 50px;
  padding-bottom: 40px;
}

.section-subtitle {
  font-family: Georgia, serif;
  font-size: 1.125em;
  font-style: italic;
  color: #433f3e;
  text-align: center;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}

.section-full-thirds {
  height: 390px;
}

.component {
  margin-bottom: 6.25em;
  overflow: hidden;
  *zoom: 1;
}
.component .component-title {
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #cacaca;
}
.component .component-subtitle {
  font-size: 1.3em;
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #cacaca;
}

.component-nav {
  width: 200px;
}
.component-nav li {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.component-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  border-left: 2px solid #3a3a3a;
  padding: 7px 14px;
}
.component-nav li a:hover {
  background: #2f7499;
  color: #fff;
  text-decoration: none !important;
}

/* UL.FIXED-LIST
================================================== */
/* UL.BOXES
================================================== */
ul.boxes {
  margin: 0;
  padding: 0;
  overflow: hidden;
  *zoom: 1;
}
ul.boxes li {
  width: 16.666666667%;
  float: left;
  font-size: 0.8125em;
  line-height: 1.4;
  height: 110px;
  text-align: center;
  border: 1px solid #fff;
  background-color: #f9f9f9;
  padding: 10px;
  cursor: pointer;
}
ul.boxes li:hover {
  color: #fff;
  background-color: #2f7499;
}
ul.boxes li .icon {
  font-size: 1.875em;
  display: block;
  margin: 0 0 5px 0;
  height: 40px;
}

/* _content-posts.scss */
/* ARTICLE.post
================================================== */
.post {
  width: 100%;
  height: auto;
  padding-bottom: 60px;
  margin-bottom: 30px;
  overflow: hidden;
  *zoom: 1;
  /* POST FORMAT: IMAGE & VIDEO
  ================================================== */
  /* post-format-image */
  /* POST THUMBS
  ================================================== */
}
.post.archive h1, .post.archive h2 {
  margin-top: 0;
}
.post:first-child .post-title {
  margin-top: 0;
}
.post:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.post p:last-of-type {
  margin-bottom: 0;
}
.post .post-title {
  line-height: 1.15;
  font-weight: 900;
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.post .post-title:hover {
  color: #2f7499;
}
.post footer {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
}
.post ul.post-meta {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: initial;
}
.post ul.post-meta li {
  margin: 0;
  padding: 0;
}
.post ul.post-meta a {
  color: inherit;
}
.post ul.post-meta a:hover {
  text-decoration: underline;
}
.post ul.post-meta li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 7px;
  font-size: 0.875em;
  color: #7c7c7c;
}
.post.post-format-image, .post.post-format-video {
  /* post-format-image-image */
}
.post.post-format-image .post-format-image-image, .post.post-format-image .post-format-video-image, .post.post-format-video .post-format-image-image, .post.post-format-video .post-format-video-image {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #363636;
  /* POST-FORMAT-IMAGE-IMAGE > HOVER EFFECTS
  ================================================== */
}
.post.post-format-image .post-format-image-image img, .post.post-format-image .post-format-video-image img, .post.post-format-video .post-format-image-image img, .post.post-format-video .post-format-video-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.post.post-format-image .post-format-image-image .post-format-image-overlay, .post.post-format-image .post-format-image-image .post-format-video-overlay, .post.post-format-image .post-format-video-image .post-format-image-overlay, .post.post-format-image .post-format-video-image .post-format-video-overlay, .post.post-format-video .post-format-image-image .post-format-image-overlay, .post.post-format-video .post-format-image-image .post-format-video-overlay, .post.post-format-video .post-format-video-image .post-format-image-overlay, .post.post-format-video .post-format-video-image .post-format-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-color: rgba(54, 54, 54, 0.45);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#73363636,endColorstr=#73363636);
  zoom: 1;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* TRANSITION */
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}
.post.post-format-image .post-format-image-image .post-format-image-content-wrap, .post.post-format-image .post-format-image-image .post-format-video-content-wrap, .post.post-format-image .post-format-video-image .post-format-image-content-wrap, .post.post-format-image .post-format-video-image .post-format-video-content-wrap, .post.post-format-video .post-format-image-image .post-format-image-content-wrap, .post.post-format-video .post-format-image-image .post-format-video-content-wrap, .post.post-format-video .post-format-video-image .post-format-image-content-wrap, .post.post-format-video .post-format-video-image .post-format-video-content-wrap {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
}
.post.post-format-image .post-format-image-image .post-format-image-content, .post.post-format-image .post-format-image-image .post-format-video-content, .post.post-format-image .post-format-video-image .post-format-image-content, .post.post-format-image .post-format-video-image .post-format-video-content, .post.post-format-video .post-format-image-image .post-format-image-content, .post.post-format-video .post-format-image-image .post-format-video-content, .post.post-format-video .post-format-video-image .post-format-image-content, .post.post-format-video .post-format-video-image .post-format-video-content {
  display: table-cell;
  vertical-align: middle;
}
.post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-icon {
  display: block;
  margin: 0 auto;
  width: 86px;
  height: 86px;
  font-size: 2.125em;
  text-align: center;
  line-height: 92px;
  color: #2f7499;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  border-radius: 43px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  /* TRANSITION */
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}
.post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-icon, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-icon {
  display: block;
  margin: 0 auto;
  width: 86px;
  height: 86px;
  font-size: 2.125em;
  text-align: center;
  line-height: 92px;
  color: #2f7499;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  border-radius: 43px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  /* TRANSITION */
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}
.post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-icon:before, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-icon:before, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-icon:before, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-icon:before, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-icon:before, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-icon:before, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-icon:before, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-icon:before {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding-top: 2px;
  padding-left: 4px;
}
.post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-title, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-title, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-title, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-title, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-title, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-title, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-title, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-title, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-title, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-title, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-title, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-title, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-title, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-title, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-title, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-title {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #fff;
  margin: .5em 0;
  width: 70%;
  font-size: 1.5em;
}
.post.post-format-image .post-format-image-image:hover .post-format-image-overlay, .post.post-format-image .post-format-image-image:hover .post-format-video-overlay, .post.post-format-image .post-format-video-image:hover .post-format-image-overlay, .post.post-format-image .post-format-video-image:hover .post-format-video-overlay, .post.post-format-video .post-format-image-image:hover .post-format-image-overlay, .post.post-format-video .post-format-image-image:hover .post-format-video-overlay, .post.post-format-video .post-format-video-image:hover .post-format-image-overlay, .post.post-format-video .post-format-video-image:hover .post-format-video-overlay {
  background-color: transparent;
  background-color: rgba(54, 54, 54, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40363636,endColorstr=#40363636);
  zoom: 1;
}
.post.post-format-image .post-format-image-image:hover .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-image-image:hover .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-image-image:hover .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-image-image:hover .post-format-video-content .post-format-video-icon, .post.post-format-image .post-format-video-image:hover .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-video-image:hover .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-video-image:hover .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-video-image:hover .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-image-image:hover .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-image-image:hover .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-image-image:hover .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-image-image:hover .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-video-image:hover .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-video-image:hover .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-video-image:hover .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-video-image:hover .post-format-video-content .post-format-video-icon {
  -webkit-transition: -webkit-transform;
  -moz-transition: -moz-transform;
  -o-transition: -o-transform;
  transition: transform;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.post .post-thumb {
  width: 25%;
  float: left;
}
.post .post-content {
  width: 75%;
  float: left;
}

/* Optional Post-Type Styles */
/* _staff.scss */
/* SECTION#STAFF
================================================== */
.staff-photo {
  position: relative;
  padding-right: 1%;
  padding-bottom: 1%;
  overflow: hidden;
}
.staff-photo:hover .staff-photo-overlay {
  visibility: visible;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.55);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C000000,endColorstr=#8C000000);
  zoom: 1;
}
.staff-photo .staff-photo-overlay {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  /* TRANSITION */
  visibility: hidden;
  background-color: transparent;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  z-index: 100;
}
.staff-photo .staff-photo-overlay .staff-photo-overlay-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.staff-photo .staff-photo-thumb {
  position: relative;
  width: 100%;
  height: 100%;
}

/* _portfolio.scss */
/* SECTION#STAFF
================================================== */
.port-photo {
  position: relative;
  padding-right: 1%;
  padding-bottom: 1%;
  overflow: hidden;
}
.port-photo:hover .port-photo-overlay {
  visibility: visible;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.55);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C000000,endColorstr=#8C000000);
  zoom: 1;
}
.port-photo .port-photo-overlay {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  /* TRANSITION */
  visibility: hidden;
  background-color: transparent;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  z-index: 100;
}
.port-photo .port-photo-overlay .port-photo-overlay-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.port-photo .port-photo-thumb {
  position: relative;
  width: 100%;
  height: 100%;
}

/* _media.scss */
/* MEDIA BAR
================================================== */
#media_bar {
  position: relative;
  width: 100%;
  height: auto;
  line-height: 54px;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
  *zoom: 1;
  /* MEDIA BAR SEARCH
  ================================================== */
  /* MEDIA SELECT (dropdown)
  ================================================== */
}
#media_bar .left, #media_bar .right {
  height: 54px;
}
#media_bar .left {
  text-align: left;
}
#media_bar .right {
  text-align: right;
}
#media_bar .menu-media_bar {
  margin: 0;
  padding: 0;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  display: table;
}
#media_bar .menu-media_bar li {
  display: table-cell;
  text-align: center;
  border-right: 1px solid #dedede;
}
#media_bar .menu-media_bar li.active a {
  background-color: #f1f1f1;
  font-weight: bold;
  color: #464646;
}
#media_bar .menu-media_bar li:hover a {
  background-color: #f1f1f1;
}
#media_bar .menu-media_bar li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 54px;
  line-height: 54px;
  padding: 0 1.5625em;
  font-size: 0.875em;
  text-transform: uppercase;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}
#media_bar .media-search {
  width: 40%;
}
#media_bar .media-select {
  width: 40%;
}

/* MEDIA SLIDER
================================================== */
#slider_ffw_media {
  background: transparent;
}
#slider_ffw_media .flex-viewport,
#slider_ffw_media ul.slides,
#slider_ffw_media ul.slides li,
#slider_ffw_media ul.slides li .container,
#slider_ffw_media ul.slides li .slide-overlay {
  height: auto;
}
#slider_ffw_media ul.slides {
  padding: 50px 0 65px 0;
}
#slider_ffw_media ul.slides li .container {
  margin-top: -40px;
}

/* MEDIA IMAGE (.box [thumbnail])
================================================== */
.media-image {
  display: block;
  position: relative;
  width: 100%;
  height: 380px;
  background-color: #2a2a2a;
}
.media-image:hover .media-image-overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.media-image iframe {
  position: absolute;
  z-index: 100;
}

.media-image-icon {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -43px 0 0 -43px;
  width: 86px;
  height: 86px;
}
.media-image-icon:before {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  border-radius: 43px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  /* FONT */
  text-align: center;
  line-height: 90px;
  font-size: 2.3125em;
  color: #2f7499;
}

.media-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #424242;
  /* TRANSITION */
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  -o-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* BOX-MEDIA
================================================== */
.box.box-media {
  /* .box-media-fallback */
}
.box.box-media.box-media-fallback a {
  display: block;
  width: 100%;
  height: 100%;
}
.box.box-media.box-media-fallback a .box-inner {
  position: relative;
  background-color: #3a3a3a;
}
.box.box-media.box-media-fallback a .box-inner:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  content: 'P';
  /* FONT */
  text-align: center;
  line-height: 1;
  font-family: "pictos";
  font-size: 4em;
  color: #fafafa;
  /* TRANSITION */
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}
.box.box-media.box-media-fallback:hover a .box-inner:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* QUICKFIXES
================================================== */
#mobile-menu-toggle {
  display: none !important;
}

body {
  min-width: 980px !important;
}

.container {
  min-width: 960px !important;
}

/* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
body, .animated, * {
  backface-visibility: visible;
  -o-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}