.bgrid-fourth .bgrid:nth-child(4n+1), .bgrid-half .bgrid:nth-child(2n+1), .bgrid-sixth .bgrid:nth-child(6n+1), .bgrid-third .bgrid:nth-child(3n+1), .row:after {
      clear: both
  }

  .flex-container a:focus, .flex-container a:hover, .flex-slider a:focus, .flex-slider a:hover, a:active, a:focus, a:hover {
      outline: 0
  }

  .flexslider .slides>li, .mfp-wrap {
      -webkit-backface-visibility: hidden
  }

  .mfp-title, pre {
      word-wrap: break-word
  }

  #hero #more a, .mfp-close, a, ul#nav li a {
      text-decoration: none
  }

  html {
      font-family: sans-serif;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%
  }

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

  audio, canvas, progress, video {
      display: inline-block;
      vertical-align: baseline
  }

  audio:not([controls]) {
      display: none;
      height: 0
  }

  [hidden], template {
      display: none
  }

  .group:after, .group:before, .row:after, .row:before {
      content: "";
      display: table
  }

  abbr[title] {
      border-bottom: 1px dotted
  }

  dfn {
      font-style: italic
  }

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

  sup {
      top: -.5em
  }

  sub {
      bottom: -.25em
  }

  img {
      border: 0;
      -ms-interpolation-mode: bicubic
  }

  svg:not(:root) {
      overflow: hidden
  }

  figure {
      margin: 1em 40px
  }

  hr {
      -moz-box-sizing: content-box;
      box-sizing: content-box
  }

  pre, textarea {
      overflow: auto
  }

  code, kbd, pre, samp {
      font-family: monospace, monospace;
      font-size: 1em
  }

  button, input, optgroup, select, textarea {
      color: inherit;
      font: inherit;
      margin: 0
  }

  a, b, em, i, p a, p a:visited, strong {
      line-height: inherit
  }

  .antialiased, html {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
  }

  button {
      overflow: visible
  }

  button, select {
      text-transform: none
  }

  button, html input[type=button], input[type=reset], input[type=submit] {
      -webkit-appearance: button;
      cursor: pointer
  }

  button[disabled], html input[disabled] {
      cursor: default
  }

  button::-moz-focus-inner, input::-moz-focus-inner {
      border: 0;
      padding: 0
  }

  input {
      line-height: normal
  }

  input[type=checkbox], input[type=radio] {
      box-sizing: border-box;
      padding: 0
  }

  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
      height: auto
  }

  input[type=search] {
      -webkit-appearance: textfield;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box
  }

  .mfp-container, html {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box
  }

  input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
      -webkit-appearance: none
  }

  legend {
      border: 0;
      padding: 0
  }

  .no-border, a img {
      border: none
  }

  optgroup {
      font-weight: 700
  }

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

  html {
      font-size: 62.5%;
      box-sizing: border-box
  }

  *, :after, :before {
      box-sizing: inherit
  }

  body {
      margin: 0;
      line-height: 1;
      text-rendering: optimizeLegibility
  }

  blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
      margin: 0;
      padding: 0
  }

  em, i {
      font-style: italic
  }

  ol {
      list-style: decimal
  }

  ol, ul.circle, ul.disc, ul.square {
      margin-left: 17px
  }

  ul.square {
      list-style: square
  }

  ul.circle {
      list-style: circle
  }

  ul, ul.disc {
      list-style: disc
  }

  ul li {
      padding-left: 4px
  }

  ol ol, ol ul, ul ol, ul ul {
      margin: 3px 0 3px 17px
  }

  a {
      background: 0 0
  }

  embed, img, object, video {
      max-width: 100%;
      height: auto
  }

  embed, object {
      height: 100%
  }

  .row {
      width: 94%;
      max-width: 1140px;
      margin: 0 auto
  }

  .row .row {
      width: auto;
      max-width: none;
      margin-left: -20px;
      margin-right: -20px
  }

  .bgrid, .column, .columns {
      position: relative;
      min-height: 1px;
      float: left
  }

  .mfp-bg, .mfp-wrap {
      position: fixed;
      left: 0;
      top: 0
  }

  .column, .columns {
      padding: 0 20px
  }

  .column.centered, .columns.centered {
      float: none;
      margin: 0 auto
  }

  .column.collapsed, .columns.collapsed, .row.collapsed>.column, .row.collapsed>.columns {
      padding: 0
  }

  [class*=column]+[class*=column].end, [class*=column]+[class*=column]:last-child {
      float: right
  }

  .one, .row .one {
      width: 8.33333%
  }

  .row .two, .two {
      width: 16.66667%
  }

  .row .three, .three {
      width: 25%
  }

  .four, .row .four {
      width: 33.33333%
  }

  .five, .row .five {
      width: 41.66667%
  }

  .row .six, .six {
      width: 50%
  }

  .row .seven, .seven {
      width: 58.33333%
  }

  .eight, .row .eight {
      width: 66.66667%
  }

  .nine, .row .nine {
      width: 75%
  }

  .ten .row .ten {
      width: 83.33333%
  }

  .eleven, .row .eleven {
      width: 91.66667%
  }

  .row .twelve, .twelve {
      width: 100%
  }

  @media screen and (max-width:1024px) {
      .row .row {
          margin-left: -18px;
          margin-right: -18px
      }
      .column, .columns {
          padding: 0 18px
      }
  }

  @media screen and (max-width:768px) {
      .row {
          width: auto;
          padding-left: 30px;
          padding-right: 30px
      }
      .row .row {
          padding-left: 0;
          padding-right: 0;
          margin-left: -15px;
          margin-right: -15px
      }
      .column, .columns {
          padding: 0 15px
      }
      .row .tab-fourth, .tab-fourth {
          width: 25%
      }
      .row .tab-third, .tab-third {
          width: 33.33333%
      }
      .row .tab-half, .tab-half {
          width: 50%
      }
      .row .tab-2thirds, .tab-2thirds {
          width: 66.66667%
      }
      .row .tab-3fourths, .tab-3fourths {
          width: 75%
      }
      .row .tab-whole, .tab-whole {
          width: 100%
      }
  }

  @media screen and (max-width:600px) {
      .row {
          padding-left: 25px;
          padding-right: 25px
      }
      .row .row {
          margin-left: -10px;
          margin-right: -10px
      }
      .column, .columns {
          padding: 0 10px
      }
      .mob-fourth, .row .mob-fourth {
          width: 25%
      }
      .mob-half, .row .mob-half {
          width: 50%
      }
      .mob-3fourths, .row .mob-3fourths {
          width: 75%
      }
      .mob-whole, .row .mob-whole {
          width: 100%
      }
  }

  @media screen and (max-width:400px) {
      .column, .columns, .row .row {
          margin-left: 0;
          margin-right: 0
      }
      .row {
          padding-left: 30px;
          padding-right: 30px
      }
      .row .row {
          padding-left: 0;
          padding-right: 0
      }
      .column, .columns {
          width: auto!important;
          float: none!important;
          clear: both;
          padding: 0
      }
      [class*=column]+[class*=column]:last-child {
          float: none
      }
  }

  .bgrid-sixth .bgrid {
      width: 16.66667%
  }

  .bgrid-fourth .bgrid {
      width: 25%
  }

  .bgrid-third .bgrid {
      width: 33.33333%
  }

  .bgrid-half .bgrid {
      width: 50%
  }

  @media screen and (max-width:1024px) {
      .s-bgrid-sixth .bgrid {
          width: 16.66667%
      }
      .s-bgrid-fourth .bgrid {
          width: 25%
      }
      .s-bgrid-third .bgrid {
          width: 33.33333%
      }
      .s-bgrid-half .bgrid {
          width: 50%
      }
      .s-bgrid-whole .bgrid {
          width: 100%;
          clear: both
      }
      [class*=bgrid-] .bgrid:nth-child(n) {
          clear: none
      }
      .s-bgrid-fourth .bgrid:nth-child(4n+1), .s-bgrid-half .bgrid:nth-child(2n+1), .s-bgrid-sixth .bgrid:nth-child(6n+1), .s-bgrid-third .bgrid:nth-child(3n+1) {
          clear: both
      }
  }

  @media screen and (max-width:768px) {
      .tab-bgrid-sixth .bgrid {
          width: 16.66667%
      }
      .tab-bgrid-fourth .bgrid {
          width: 25%
      }
      .tab-bgrid-third .bgrid {
          width: 33.33333%
      }
      .tab-bgrid-half .bgrid {
          width: 50%
      }
      .tab-bgrid-whole .bgrid {
          width: 100%;
          clear: both
      }
      [class*=tab-bgrid-] .bgrid:nth-child(n) {
          clear: none
      }
      .tab-bgrid-fourth .bgrid:nth-child(4n+1), .tab-bgrid-half .bgrid:nth-child(2n+1), .tab-bgrid-sixth .bgrid:nth-child(6n+1), .tab-bgrid-third .bgrid:nth-child(3n+1) {
          clear: both
      }
  }

  @media screen and (max-width:600px) {
      .mob-bgrid-sixth .bgrid {
          width: 16.66667%
      }
      .mob-bgrid-fourth .bgrid {
          width: 25%
      }
      .mob-bgrid-third .bgrid {
          width: 33.33333%
      }
      .mob-bgrid-half .bgrid {
          width: 50%
      }
      .mob-bgrid-whole .bgrid {
          width: 100%;
          clear: both
      }
      [class*=mob-bgrid-] .bgrid:nth-child(n) {
          clear: none
      }
      .mob-bgrid-fourth .bgrid:nth-child(4n+1), .mob-bgrid-half .bgrid:nth-child(2n+1), .mob-bgrid-sixth .bgrid:nth-child(6n+1), .mob-bgrid-third .bgrid:nth-child(3n+1) {
          clear: both
      }
  }

  #contact form div:after, #portfolio-wrapper:after, .group:after, footer .copyright, footer .info, hr {
      clear: both
  }

  @media screen and (max-width:400px) {
      .stack .bgrid {
          width: auto!important;
          float: none!important;
          margin-left: 0;
          margin-right: 0;
          clear: both
      }
  }

  .hide {
      display: none
  }

  .invisible {
      visibility: hidden
  }

  .remove-bottom {
      margin-bottom: 0
  }

  .half-bottom {
      margin-bottom: 15px!important
  }

  .add-bottom {
      margin-bottom: 30px!important
  }

  .text-center {
      text-align: center
  }

  .text-left {
      text-align: left
  }

  .text-right {
      text-align: right
  }

  .align-center {
      margin-left: auto;
      margin-right: auto;
      text-align: center
  }

  .flex-control-nav, .flex-direction-nav, .slides, .slides>li {
      margin: 0;
      padding: 0;
      list-style: none
  }

  .flex-pauseplay span {
      text-transform: capitalize
  }

  h5, h6 {
      text-transform: uppercase;
      letter-spacing: 1px
  }

  .flexslider {
      margin: 0;
      padding: 0
  }

  .flexslider .slides>li {
      display: none
  }

  .flexslider .slides img {
      width: 100%;
      display: block
  }

  .flexslider .slides:after {
      content: "\0020";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0
  }

  .mfp-container:before, .mfp-figure:after {
      content: ''
  }

  html[xmlns] .flexslider .slides {
      display: block
  }

  * html .flexslider .slides {
      height: 1%
  }

  .no-js .flexslider .slides>li:first-child {
      display: block
  }

  .mfp-bg {
      width: 100%;
      height: 100%;
      z-index: 1042;
      overflow: hidden;
      background: #0b0b0b;
      opacity: .8;
      filter: alpha(opacity=80)
  }

  .mfp-wrap {
      width: 100%;
      height: 100%;
      z-index: 1043;
      outline: 0!important
  }

  .mfp-container {
      text-align: center;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      padding: 0 8px;
      box-sizing: border-box
  }

  .mfp-container:before {
      display: inline-block;
      height: 100%;
      vertical-align: middle
  }

  .mfp-align-top .mfp-container:before {
      display: none
  }

  .mfp-content {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin: 0 auto;
      text-align: left;
      z-index: 1045
  }

  .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
      width: 100%;
      cursor: auto
  }

  .mfp-ajax-cur {
      cursor: progress
  }

  .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
      cursor: -moz-zoom-out;
      cursor: -webkit-zoom-out;
      cursor: zoom-out
  }

  .mfp-zoom {
      cursor: pointer;
      cursor: -webkit-zoom-in;
      cursor: -moz-zoom-in;
      cursor: zoom-in
  }

  .mfp-auto-cursor .mfp-content {
      cursor: auto
  }

  .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none
  }

  .mfp-loading.mfp-figure {
      display: none
  }

  .mfp-hide {
      display: none!important
  }

  .mfp-preloader {
      color: #CCC;
      position: absolute;
      top: 50%;
      width: auto;
      text-align: center;
      margin-top: -.8em;
      left: 8px;
      right: 8px;
      z-index: 1044
  }

  .mfp-preloader a {
      color: #CCC
  }

  .mfp-close, .mfp-preloader a:hover {
      color: #FFF
  }

  .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
      display: none
  }

  button.mfp-arrow, button.mfp-close {
      overflow: visible;
      cursor: pointer;
      background: 0 0;
      border: 0;
      -webkit-appearance: none;
      display: block;
      outline: 0;
      padding: 0;
      z-index: 1046;
      -webkit-box-shadow: none;
      box-shadow: none
  }

  .mfp-figure:after, .mfp-iframe-scaler iframe {
      box-shadow: 0 0 8px rgba(0, 0, 0, .6);
      display: block;
      position: absolute;
      left: 0
  }

  button::-moz-focus-inner {
      padding: 0;
      border: 0
  }

  .mfp-close {
      width: 44px;
      height: 44px;
      line-height: 44px;
      position: absolute;
      right: 0;
      top: 0;
      text-align: center;
      opacity: .65;
      filter: alpha(opacity=65);
      padding: 0 0 18px 10px;
      font-style: normal;
      font-size: 28px;
      font-family: Arial, Baskerville, monospace
  }

  .mfp-close:focus, .mfp-close:hover {
      opacity: 1;
      filter: alpha(opacity=100)
  }

  .mfp-close:active {
      top: 1px
  }

  .mfp-close-btn-in .mfp-close {
      color: #333
  }

  .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
      color: #FFF;
      right: -6px;
      text-align: right;
      padding-right: 6px;
      width: 100%
  }

  .mfp-counter {
      position: absolute;
      top: 0;
      right: 0;
      color: #CCC;
      font-size: 12px;
      line-height: 18px;
      white-space: nowrap
  }

  .mfp-figure, img.mfp-img {
      line-height: 0
  }

  .mfp-arrow {
      position: absolute;
      opacity: .65;
      filter: alpha(opacity=65);
      margin: -55px 0 0;
      top: 50%;
      padding: 0;
      width: 90px;
      height: 110px;
      -webkit-tap-highlight-color: transparent
  }

  .mfp-arrow:active {
      margin-top: -54px
  }

  .mfp-arrow:focus, .mfp-arrow:hover {
      opacity: 1;
      filter: alpha(opacity=100)
  }

  .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: inset transparent
  }

  .mfp-arrow .mfp-a, .mfp-arrow:after {
      border-top-width: 13px;
      border-bottom-width: 13px;
      top: 8px
  }

  .mfp-arrow .mfp-b, .mfp-arrow:before {
      border-top-width: 21px;
      border-bottom-width: 21px;
      opacity: .7
  }

  .mfp-arrow-left {
      left: 0
  }

  .mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
      border-right: 17px solid #FFF;
      margin-left: 31px
  }

  .mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
      margin-left: 25px;
      border-right: 27px solid #3F3F3F
  }

  .mfp-arrow-right {
      right: 0
  }

  .mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
      border-left: 17px solid #FFF;
      margin-left: 39px
  }

  .mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
      border-left: 27px solid #3F3F3F
  }

  .mfp-iframe-holder {
      padding-top: 40px;
      padding-bottom: 40px
  }

  .mfp-iframe-holder .mfp-content {
      line-height: 0;
      width: 100%;
      max-width: 900px
  }

  .mfp-image-holder .mfp-content, img.mfp-img {
      max-width: 100%
  }

  .mfp-iframe-holder .mfp-close {
      top: -40px
  }

  .mfp-iframe-scaler {
      width: 100%;
      height: 0;
      overflow: hidden;
      padding-top: 56.25%
  }

  .mfp-iframe-scaler iframe {
      top: 0;
      width: 100%;
      height: 100%;
      background: #000
  }

  img.mfp-img {
      width: auto;
      height: auto;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 40px 0;
      margin: 0 auto
  }

  .mfp-figure:after {
      top: 40px;
      bottom: 40px;
      right: 0;
      width: auto;
      height: auto;
      z-index: -1;
      background: #444
  }

  .mfp-figure small {
      color: #BDBDBD;
      display: block;
      font-size: 12px;
      line-height: 14px
  }

  .mfp-figure figure {
      margin: 0
  }

  .mfp-bottom-bar {
      margin-top: -36px;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      cursor: auto
  }

  .mfp-title {
      text-align: left;
      line-height: 18px;
      color: #F3F3F3;
      padding-right: 36px
  }

  .mfp-gallery .mfp-image-holder .mfp-figure {
      cursor: pointer
  }

  @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
      .mfp-img-mobile .mfp-image-holder {
          padding-left: 0;
          padding-right: 0
      }
      .mfp-img-mobile img.mfp-img {
          padding: 0
      }
      .mfp-img-mobile .mfp-figure:after {
          top: 0;
          bottom: 0
      }
      .mfp-img-mobile .mfp-figure small {
          display: inline;
          margin-left: 5px
      }
      .mfp-img-mobile .mfp-bottom-bar {
          background: rgba(0, 0, 0, .6);
          bottom: 0;
          margin: 0;
          top: auto;
          padding: 3px 5px;
          position: fixed;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box
      }
      .mfp-img-mobile .mfp-bottom-bar:empty {
          padding: 0
      }
      .mfp-img-mobile .mfp-counter {
          right: 5px;
          top: 3px
      }
      .mfp-img-mobile .mfp-close {
          top: 0;
          right: 0;
          width: 35px;
          height: 35px;
          line-height: 35px;
          background: rgba(0, 0, 0, .6);
          position: fixed;
          text-align: center;
          padding: 0
      }
  }

  .fa, .fa-stack {
      display: inline-block
  }

  @media all and (max-width:900px) {
      .mfp-arrow {
          -webkit-transform: scale(.75);
          transform: scale(.75)
      }
      .mfp-arrow-left {
          -webkit-transform-origin: 0;
          transform-origin: 0
      }
      .mfp-arrow-right {
          -webkit-transform-origin: 100%;
          transform-origin: 100%
      }
      .mfp-container {
          padding-left: 6px;
          padding-right: 6px
      }
  }

  .mfp-ie7 .mfp-img {
      padding: 0
  }

  .mfp-ie7 .mfp-bottom-bar {
      width: 600px;
      left: 50%;
      margin-left: -300px;
      margin-top: 5px;
      padding-bottom: 5px
  }

  h5, h6, ol, ul {
      margin-top: 15px
  }

  .mfp-ie7 .mfp-container {
      padding: 0
  }

  .mfp-ie7 .mfp-content {
      padding-top: 44px
  }

  .mfp-ie7 .mfp-close {
      top: 0;
      right: 0;
      padding-top: 0
  }

  .animated {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both
  }

  .animated.infinite {
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite
  }

  .animated.hinge {
      -webkit-animation-duration: 2s;
      animation-duration: 2s
  }

  .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
      -webkit-animation-duration: .75s;
      animation-duration: .75s
  }

  @-webkit-keyframes bounce {
      20%, 53%, 80%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      40%, 43% {
          -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
          animation-timing-function: cubic-bezier(.755, .05, .855, .06);
          -webkit-transform: translate3d(0, -30px, 0);
          transform: translate3d(0, -30px, 0)
      }
      70% {
          -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
          animation-timing-function: cubic-bezier(.755, .05, .855, .06);
          -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0)
      }
      90% {
          -webkit-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0)
      }
  }

  @keyframes bounce {
      20%, 53%, 80%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      40%, 43% {
          -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
          animation-timing-function: cubic-bezier(.755, .05, .855, .06);
          -webkit-transform: translate3d(0, -30px, 0);
          transform: translate3d(0, -30px, 0)
      }
      70% {
          -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
          animation-timing-function: cubic-bezier(.755, .05, .855, .06);
          -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0)
      }
      90% {
          -webkit-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0)
      }
  }

  .bounce {
      -webkit-animation-name: bounce;
      animation-name: bounce;
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom
  }

  @-webkit-keyframes flash {
      50%, from, to {
          opacity: 1
      }
      25%, 75% {
          opacity: 0
      }
  }

  @keyframes flash {
      50%, from, to {
          opacity: 1
      }
      25%, 75% {
          opacity: 0
      }
  }

  .flash {
      -webkit-animation-name: flash;
      animation-name: flash
  }

  @-webkit-keyframes pulse {
      from, to {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
      }
      50% {
          -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05)
      }
  }

  @keyframes pulse {
      from, to {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
      }
      50% {
          -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05)
      }
  }

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

  @-webkit-keyframes rubberBand {
      from, to {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
      }
      30% {
          -webkit-transform: scale3d(1.25, .75, 1);
          transform: scale3d(1.25, .75, 1)
      }
      40% {
          -webkit-transform: scale3d(.75, 1.25, 1);
          transform: scale3d(.75, 1.25, 1)
      }
      50% {
          -webkit-transform: scale3d(1.15, .85, 1);
          transform: scale3d(1.15, .85, 1)
      }
      65% {
          -webkit-transform: scale3d(.95, 1.05, 1);
          transform: scale3d(.95, 1.05, 1)
      }
      75% {
          -webkit-transform: scale3d(1.05, .95, 1);
          transform: scale3d(1.05, .95, 1)
      }
  }

  @keyframes rubberBand {
      from, to {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
      }
      30% {
          -webkit-transform: scale3d(1.25, .75, 1);
          transform: scale3d(1.25, .75, 1)
      }
      40% {
          -webkit-transform: scale3d(.75, 1.25, 1);
          transform: scale3d(.75, 1.25, 1)
      }
      50% {
          -webkit-transform: scale3d(1.15, .85, 1);
          transform: scale3d(1.15, .85, 1)
      }
      65% {
          -webkit-transform: scale3d(.95, 1.05, 1);
          transform: scale3d(.95, 1.05, 1)
      }
      75% {
          -webkit-transform: scale3d(1.05, .95, 1);
          transform: scale3d(1.05, .95, 1)
      }
  }

  .rubberBand {
      -webkit-animation-name: rubberBand;
      animation-name: rubberBand
  }

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

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

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

  @-webkit-keyframes swing {
      20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg)
      }
      40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg)
      }
      60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg)
      }
      80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg)
      }
      to {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg)
      }
  }

  @keyframes swing {
      20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg)
      }
      40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg)
      }
      60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg)
      }
      80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg)
      }
      to {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg)
      }
  }

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

  @-webkit-keyframes tada {
      from, to {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
      }
      10%, 20% {
          -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
      }
      30%, 50%, 70%, 90% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
      }
      40%, 60%, 80% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
      }
  }

  @keyframes tada {
      from, to {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
      }
      10%, 20% {
          -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
      }
      30%, 50%, 70%, 90% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
      }
      40%, 60%, 80% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
      }
  }

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

  @-webkit-keyframes wobble {
      from, to {
          -webkit-transform: none;
          transform: none
      }
      15% {
          -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
          transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
      }
      30% {
          -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
          transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
      }
      45% {
          -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
          transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
      }
      60% {
          -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
          transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
      }
      75% {
          -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
          transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
      }
  }

  @keyframes wobble {
      from, to {
          -webkit-transform: none;
          transform: none
      }
      15% {
          -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
          transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
      }
      30% {
          -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
          transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
      }
      45% {
          -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
          transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
      }
      60% {
          -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
          transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
      }
      75% {
          -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
          transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
      }
  }

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

  @-webkit-keyframes jello {
      11.1%, from, to {
          -webkit-transform: none;
          transform: none
      }
      22.2% {
          -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
          transform: skewX(-12.5deg) skewY(-12.5deg)
      }
      33.3% {
          -webkit-transform: skewX(6.25deg) skewY(6.25deg);
          transform: skewX(6.25deg) skewY(6.25deg)
      }
      44.4% {
          -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
          transform: skewX(-3.125deg) skewY(-3.125deg)
      }
      55.5% {
          -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
          transform: skewX(1.5625deg) skewY(1.5625deg)
      }
      66.6% {
          -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
          transform: skewX(-.78125deg) skewY(-.78125deg)
      }
      77.7% {
          -webkit-transform: skewX(.39063deg) skewY(.39063deg);
          transform: skewX(.39063deg) skewY(.39063deg)
      }
      88.8% {
          -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
          transform: skewX(-.19531deg) skewY(-.19531deg)
      }
  }

  @keyframes jello {
      11.1%, from, to {
          -webkit-transform: none;
          transform: none
      }
      22.2% {
          -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
          transform: skewX(-12.5deg) skewY(-12.5deg)
      }
      33.3% {
          -webkit-transform: skewX(6.25deg) skewY(6.25deg);
          transform: skewX(6.25deg) skewY(6.25deg)
      }
      44.4% {
          -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
          transform: skewX(-3.125deg) skewY(-3.125deg)
      }
      55.5% {
          -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
          transform: skewX(1.5625deg) skewY(1.5625deg)
      }
      66.6% {
          -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
          transform: skewX(-.78125deg) skewY(-.78125deg)
      }
      77.7% {
          -webkit-transform: skewX(.39063deg) skewY(.39063deg);
          transform: skewX(.39063deg) skewY(.39063deg)
      }
      88.8% {
          -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
          transform: skewX(-.19531deg) skewY(-.19531deg)
      }
  }

  .jello {
      -webkit-animation-name: jello;
      animation-name: jello;
      -webkit-transform-origin: center;
      transform-origin: center
  }

  @-webkit-keyframes bounceIn {
      20%, 40%, 60%, 80%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
      }
      20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
      }
      40% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03)
      }
      80% {
          -webkit-transform: scale3d(.97, .97, .97);
          transform: scale3d(.97, .97, .97)
      }
      to {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
      }
  }

  @keyframes bounceIn {
      20%, 40%, 60%, 80%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
      }
      20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
      }
      40% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03)
      }
      80% {
          -webkit-transform: scale3d(.97, .97, .97);
          transform: scale3d(.97, .97, .97)
      }
      to {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
      }
  }

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

  @-webkit-keyframes bounceInDown {
      60%, 75%, 90%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -3000px, 0);
          transform: translate3d(0, -3000px, 0)
      }
      60% {
          opacity: 1;
          -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0)
      }
      75% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0)
      }
      90% {
          -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0)
      }
      to {
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes bounceInDown {
      60%, 75%, 90%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -3000px, 0);
          transform: translate3d(0, -3000px, 0)
      }
      60% {
          opacity: 1;
          -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0)
      }
      75% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0)
      }
      90% {
          -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0)
      }
      to {
          -webkit-transform: none;
          transform: none
      }
  }

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

  @-webkit-keyframes bounceInLeft {
      60%, 75%, 90%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0)
      }
      60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0)
      }
      75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0)
      }
      90% {
          -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0)
      }
      to {
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes bounceInLeft {
      60%, 75%, 90%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0)
      }
      60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0)
      }
      75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0)
      }
      90% {
          -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0)
      }
      to {
          -webkit-transform: none;
          transform: none
      }
  }

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

  @-webkit-keyframes bounceInRight {
      60%, 75%, 90%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      from {
          opacity: 0;
          -webkit-transform: translate3d(3000px, 0, 0);
          transform: translate3d(3000px, 0, 0)
      }
      60% {
          opacity: 1;
          -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0)
      }
      75% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0)
      }
      90% {
          -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0)
      }
      to {
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes bounceInRight {
      60%, 75%, 90%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      from {
          opacity: 0;
          -webkit-transform: translate3d(3000px, 0, 0);
          transform: translate3d(3000px, 0, 0)
      }
      60% {
          opacity: 1;
          -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0)
      }
      75% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0)
      }
      90% {
          -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0)
      }
      to {
          -webkit-transform: none;
          transform: none
      }
  }

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

  @-webkit-keyframes bounceInUp {
      60%, 75%, 90%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, 3000px, 0);
          transform: translate3d(0, 3000px, 0)
      }
      60% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
      }
      75% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0)
      }
      90% {
          -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0)
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

  @keyframes bounceInUp {
      60%, 75%, 90%, from, to {
          -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
          animation-timing-function: cubic-bezier(.215, .61, .355, 1)
      }
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, 3000px, 0);
          transform: translate3d(0, 3000px, 0)
      }
      60% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
      }
      75% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0)
      }
      90% {
          -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0)
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

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

  @-webkit-keyframes bounceOut {
      20% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
      }
      50%, 55% {
          opacity: 1;
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
      }
      to {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
      }
  }

  @keyframes bounceOut {
      20% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
      }
      50%, 55% {
          opacity: 1;
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
      }
      to {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
      }
  }

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

  @-webkit-keyframes bounceOutDown {
      20% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0)
      }
      40%, 45% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
      }
  }

  @keyframes bounceOutDown {
      20% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0)
      }
      40%, 45% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
      }
  }

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

  @-webkit-keyframes bounceOutLeft {
      20% {
          opacity: 1;
          -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
      }
  }

  @keyframes bounceOutLeft {
      20% {
          opacity: 1;
          -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
      }
  }

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

  @-webkit-keyframes bounceOutRight {
      20% {
          opacity: 1;
          -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
      }
  }

  @keyframes bounceOutRight {
      20% {
          opacity: 1;
          -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
      }
  }

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

  @-webkit-keyframes bounceOutUp {
      20% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0)
      }
      40%, 45% {
          opacity: 1;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
      }
  }

  @keyframes bounceOutUp {
      20% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0)
      }
      40%, 45% {
          opacity: 1;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
      }
  }

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

  @-webkit-keyframes fadeIn {
      from {
          opacity: 0
      }
      to {
          opacity: 1
      }
  }

  @keyframes fadeIn {
      from {
          opacity: 0
      }
      to {
          opacity: 1
      }
  }

  .fadeIn {
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn
  }

  @-webkit-keyframes fadeInDown {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes fadeInDown {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  .fadeInDown {
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown
  }

  @-webkit-keyframes fadeInDownBig {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes fadeInDownBig {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  .fadeInDownBig {
      -webkit-animation-name: fadeInDownBig;
      animation-name: fadeInDownBig
  }

  @-webkit-keyframes fadeInLeft {
      from {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes fadeInLeft {
      from {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  .fadeInLeft {
      -webkit-animation-name: fadeInLeft;
      animation-name: fadeInLeft
  }

  @-webkit-keyframes fadeInLeftBig {
      from {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes fadeInLeftBig {
      from {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  .fadeInLeftBig {
      -webkit-animation-name: fadeInLeftBig;
      animation-name: fadeInLeftBig
  }

  @-webkit-keyframes fadeInRight {
      from {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes fadeInRight {
      from {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  .fadeInRight {
      -webkit-animation-name: fadeInRight;
      animation-name: fadeInRight
  }

  @-webkit-keyframes fadeInRightBig {
      from {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes fadeInRightBig {
      from {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  .fadeInRightBig {
      -webkit-animation-name: fadeInRightBig;
      animation-name: fadeInRightBig
  }

  @-webkit-keyframes fadeInUp {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes fadeInUp {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  .fadeInUp {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp
  }

  @-webkit-keyframes fadeInUpBig {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes fadeInUpBig {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  .fadeInUpBig {
      -webkit-animation-name: fadeInUpBig;
      animation-name: fadeInUpBig
  }

  @-webkit-keyframes fadeOut {
      from {
          opacity: 1
      }
      to {
          opacity: 0
      }
  }

  @keyframes fadeOut {
      from {
          opacity: 1
      }
      to {
          opacity: 0
      }
  }

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

  @-webkit-keyframes fadeOutDown {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0)
      }
  }

  @keyframes fadeOutDown {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0)
      }
  }

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

  @-webkit-keyframes fadeOutDownBig {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
      }
  }

  @keyframes fadeOutDownBig {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
      }
  }

  .fadeOutDownBig {
      -webkit-animation-name: fadeOutDownBig;
      animation-name: fadeOutDownBig
  }

  @-webkit-keyframes fadeOutLeft {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0)
      }
  }

  @keyframes fadeOutLeft {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0)
      }
  }

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

  @-webkit-keyframes fadeOutLeftBig {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
      }
  }

  @keyframes fadeOutLeftBig {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
      }
  }

  .fadeOutLeftBig {
      -webkit-animation-name: fadeOutLeftBig;
      animation-name: fadeOutLeftBig
  }

  @-webkit-keyframes fadeOutRight {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
      }
  }

  @keyframes fadeOutRight {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
      }
  }

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

  @-webkit-keyframes fadeOutRightBig {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
      }
  }

  @keyframes fadeOutRightBig {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
      }
  }

  .fadeOutRightBig {
      -webkit-animation-name: fadeOutRightBig;
      animation-name: fadeOutRightBig
  }

  @-webkit-keyframes fadeOutUp {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0)
      }
  }

  @keyframes fadeOutUp {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0)
      }
  }

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

  @-webkit-keyframes fadeOutUpBig {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
      }
  }

  @keyframes fadeOutUpBig {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
      }
  }

  .fadeOutUpBig {
      -webkit-animation-name: fadeOutUpBig;
      animation-name: fadeOutUpBig
  }

  @-webkit-keyframes flip {
      from {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
      }
      40% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
      }
      50% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
      80% {
          -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
          transform: perspective(400px) scale3d(.95, .95, .95);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
      to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
  }

  @keyframes flip {
      from {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
      }
      40% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
      }
      50% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
      80% {
          -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
          transform: perspective(400px) scale3d(.95, .95, .95);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
      to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
  }

  .animated.flip {
      -webkit-backface-visibility: visible;
      backface-visibility: visible;
      -webkit-animation-name: flip;
      animation-name: flip
  }

  @-webkit-keyframes flipInX {
      from {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0
      }
      40% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
      60% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          opacity: 1
      }
      80% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
      }
      to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
      }
  }

  @keyframes flipInX {
      from {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0
      }
      40% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
      60% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          opacity: 1
      }
      80% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
      }
      to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
      }
  }

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

  .flipInY, .flipOutX {
      -webkit-backface-visibility: visible!important
  }

  @-webkit-keyframes flipInY {
      from {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0
      }
      40% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
      60% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          opacity: 1
      }
      80% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
      }
      to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
      }
  }

  @keyframes flipInY {
      from {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0
      }
      40% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }
      60% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          opacity: 1
      }
      80% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
      }
      to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
      }
  }

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

  @-webkit-keyframes flipOutX {
      from {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
      }
      30% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          opacity: 1
      }
      to {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          opacity: 0
      }
  }

  @keyframes flipOutX {
      from {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
      }
      30% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          opacity: 1
      }
      to {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          opacity: 0
      }
  }

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

  @-webkit-keyframes flipOutY {
      from {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
      }
      30% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          opacity: 1
      }
      to {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          opacity: 0
      }
  }

  @keyframes flipOutY {
      from {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
      }
      30% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          opacity: 1
      }
      to {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          opacity: 0
      }
  }

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

  @-webkit-keyframes lightSpeedIn {
      from {
          -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
          transform: translate3d(100%, 0, 0) skewX(-30deg);
          opacity: 0
      }
      60% {
          -webkit-transform: skewX(20deg);
          transform: skewX(20deg);
          opacity: 1
      }
      80% {
          -webkit-transform: skewX(-5deg);
          transform: skewX(-5deg);
          opacity: 1
      }
      to {
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

  @keyframes lightSpeedIn {
      from {
          -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
          transform: translate3d(100%, 0, 0) skewX(-30deg);
          opacity: 0
      }
      60% {
          -webkit-transform: skewX(20deg);
          transform: skewX(20deg);
          opacity: 1
      }
      80% {
          -webkit-transform: skewX(-5deg);
          transform: skewX(-5deg);
          opacity: 1
      }
      to {
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

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

  @-webkit-keyframes lightSpeedOut {
      from {
          opacity: 1
      }
      to {
          -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
          transform: translate3d(100%, 0, 0) skewX(30deg);
          opacity: 0
      }
  }

  @keyframes lightSpeedOut {
      from {
          opacity: 1
      }
      to {
          -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
          transform: translate3d(100%, 0, 0) skewX(30deg);
          opacity: 0
      }
  }

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

  @-webkit-keyframes rotateIn {
      from {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, -200deg);
          transform: rotate3d(0, 0, 1, -200deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

  @keyframes rotateIn {
      from {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, -200deg);
          transform: rotate3d(0, 0, 1, -200deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

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

  @-webkit-keyframes rotateInDownLeft {
      from {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

  @keyframes rotateInDownLeft {
      from {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

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

  @-webkit-keyframes rotateInDownRight {
      from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

  @keyframes rotateInDownRight {
      from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

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

  @-webkit-keyframes rotateInUpLeft {
      from {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

  @keyframes rotateInUpLeft {
      from {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

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

  @-webkit-keyframes rotateInUpRight {
      from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -90deg);
          transform: rotate3d(0, 0, 1, -90deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

  @keyframes rotateInUpRight {
      from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -90deg);
          transform: rotate3d(0, 0, 1, -90deg);
          opacity: 0
      }
      to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
      }
  }

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

  @-webkit-keyframes rotateOut {
      from {
          -webkit-transform-origin: center;
          transform-origin: center;
          opacity: 1
      }
      to {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, 200deg);
          transform: rotate3d(0, 0, 1, 200deg);
          opacity: 0
      }
  }

  @keyframes rotateOut {
      from {
          -webkit-transform-origin: center;
          transform-origin: center;
          opacity: 1
      }
      to {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, 200deg);
          transform: rotate3d(0, 0, 1, 200deg);
          opacity: 0
      }
  }

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

  @-webkit-keyframes rotateOutDownLeft {
      from {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1
      }
      to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
      }
  }

  @keyframes rotateOutDownLeft {
      from {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1
      }
      to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
      }
  }

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

  @-webkit-keyframes rotateOutDownRight {
      from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1
      }
      to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
      }
  }

  @keyframes rotateOutDownRight {
      from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1
      }
      to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
      }
  }

  .rotateOutDownRight {
      -webkit-animation-name: rotateOutDownRight;
      animation-name: rotateOutDownRight
  }

  @-webkit-keyframes rotateOutUpLeft {
      from {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1
      }
      to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
      }
  }

  @keyframes rotateOutUpLeft {
      from {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1
      }
      to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
      }
  }

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

  @-webkit-keyframes rotateOutUpRight {
      from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1
      }
      to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 90deg);
          transform: rotate3d(0, 0, 1, 90deg);
          opacity: 0
      }
  }

  @keyframes rotateOutUpRight {
      from {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1
      }
      to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 90deg);
          transform: rotate3d(0, 0, 1, 90deg);
          opacity: 0
      }
  }

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

  @-webkit-keyframes hinge {
      0% {
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
      }
      20%, 60% {
          -webkit-transform: rotate3d(0, 0, 1, 80deg);
          transform: rotate3d(0, 0, 1, 80deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
      }
      40%, 80% {
          -webkit-transform: rotate3d(0, 0, 1, 60deg);
          transform: rotate3d(0, 0, 1, 60deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          opacity: 1
      }
      to {
          -webkit-transform: translate3d(0, 700px, 0);
          transform: translate3d(0, 700px, 0);
          opacity: 0
      }
  }

  @keyframes hinge {
      0% {
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
      }
      20%, 60% {
          -webkit-transform: rotate3d(0, 0, 1, 80deg);
          transform: rotate3d(0, 0, 1, 80deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
      }
      40%, 80% {
          -webkit-transform: rotate3d(0, 0, 1, 60deg);
          transform: rotate3d(0, 0, 1, 60deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          opacity: 1
      }
      to {
          -webkit-transform: translate3d(0, 700px, 0);
          transform: translate3d(0, 700px, 0);
          opacity: 0
      }
  }

  .hinge {
      -webkit-animation-name: hinge;
      animation-name: hinge
  }

  @-webkit-keyframes rollIn {
      from {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
          transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

  @keyframes rollIn {
      from {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
          transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
      }
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none
      }
  }

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

  @-webkit-keyframes rollOut {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
          transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
      }
  }

  @keyframes rollOut {
      from {
          opacity: 1
      }
      to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
          transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
      }
  }

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

  @-webkit-keyframes zoomIn {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
      }
      50% {
          opacity: 1
      }
  }

  @keyframes zoomIn {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
      }
      50% {
          opacity: 1
      }
  }

  .zoomIn {
      -webkit-animation-name: zoomIn;
      animation-name: zoomIn
  }

  @-webkit-keyframes zoomInDown {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  @keyframes zoomInDown {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  .zoomInDown {
      -webkit-animation-name: zoomInDown;
      animation-name: zoomInDown
  }

  @-webkit-keyframes zoomInLeft {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  @keyframes zoomInLeft {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  .zoomInLeft {
      -webkit-animation-name: zoomInLeft;
      animation-name: zoomInLeft
  }

  @-webkit-keyframes zoomInRight {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  @keyframes zoomInRight {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  .zoomInRight {
      -webkit-animation-name: zoomInRight;
      animation-name: zoomInRight
  }

  @-webkit-keyframes zoomInUp {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  @keyframes zoomInUp {
      from {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  .zoomInUp {
      -webkit-animation-name: zoomInUp;
      animation-name: zoomInUp
  }

  @-webkit-keyframes zoomOut {
      from {
          opacity: 1
      }
      50% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
      }
      to {
          opacity: 0
      }
  }

  @keyframes zoomOut {
      from {
          opacity: 1
      }
      50% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
      }
      to {
          opacity: 0
      }
  }

  .zoomOut {
      -webkit-animation-name: zoomOut;
      animation-name: zoomOut
  }

  @-webkit-keyframes zoomOutDown {
      40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      to {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  @keyframes zoomOutDown {
      40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      to {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  .zoomOutDown {
      -webkit-animation-name: zoomOutDown;
      animation-name: zoomOutDown
  }

  @-webkit-keyframes zoomOutLeft {
      40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
          transform: scale(.1) translate3d(-2000px, 0, 0);
          -webkit-transform-origin: left center;
          transform-origin: left center
      }
  }

  @keyframes zoomOutLeft {
      40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
          transform: scale(.1) translate3d(-2000px, 0, 0);
          -webkit-transform-origin: left center;
          transform-origin: left center
      }
  }

  .zoomOutLeft {
      -webkit-animation-name: zoomOutLeft;
      animation-name: zoomOutLeft
  }

  @-webkit-keyframes zoomOutRight {
      40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
          transform: scale(.1) translate3d(2000px, 0, 0);
          -webkit-transform-origin: right center;
          transform-origin: right center
      }
  }

  @keyframes zoomOutRight {
      40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
      }
      to {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
          transform: scale(.1) translate3d(2000px, 0, 0);
          -webkit-transform-origin: right center;
          transform-origin: right center
      }
  }

  .zoomOutRight {
      -webkit-animation-name: zoomOutRight;
      animation-name: zoomOutRight
  }

  @-webkit-keyframes zoomOutUp {
      40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      to {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  @keyframes zoomOutUp {
      40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(.55, .055, .675, .19)
      }
      to {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(.175, .885, .32, 1)
      }
  }

  .zoomOutUp {
      -webkit-animation-name: zoomOutUp;
      animation-name: zoomOutUp
  }

  @-webkit-keyframes slideInDown {
      from {
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
          visibility: visible
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

  @keyframes slideInDown {
      from {
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
          visibility: visible
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

  .slideInDown {
      -webkit-animation-name: slideInDown;
      animation-name: slideInDown
  }

  @-webkit-keyframes slideInLeft {
      from {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          visibility: visible
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

  @keyframes slideInLeft {
      from {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          visibility: visible
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

  .slideInLeft {
      -webkit-animation-name: slideInLeft;
      animation-name: slideInLeft
  }

  @-webkit-keyframes slideInRight {
      from {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          visibility: visible
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

  @keyframes slideInRight {
      from {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          visibility: visible
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

  .slideInRight {
      -webkit-animation-name: slideInRight;
      animation-name: slideInRight
  }

  @-webkit-keyframes slideInUp {
      from {
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
          visibility: visible
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

  @keyframes slideInUp {
      from {
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
          visibility: visible
      }
      to {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
  }

  .slideInUp {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp
  }

  @-webkit-keyframes slideOutDown {
      from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      to {
          visibility: hidden;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0)
      }
  }

  @keyframes slideOutDown {
      from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      to {
          visibility: hidden;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0)
      }
  }

  .slideOutDown {
      -webkit-animation-name: slideOutDown;
      animation-name: slideOutDown
  }

  @-webkit-keyframes slideOutLeft {
      from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      to {
          visibility: hidden;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0)
      }
  }

  @keyframes slideOutLeft {
      from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      to {
          visibility: hidden;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0)
      }
  }

  .slideOutLeft {
      -webkit-animation-name: slideOutLeft;
      animation-name: slideOutLeft
  }

  @-webkit-keyframes slideOutRight {
      from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      to {
          visibility: hidden;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
      }
  }

  @keyframes slideOutRight {
      from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      to {
          visibility: hidden;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
      }
  }

  .slideOutRight {
      -webkit-animation-name: slideOutRight;
      animation-name: slideOutRight
  }

  @-webkit-keyframes slideOutUp {
      from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      to {
          visibility: hidden;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0)
      }
  }

  @keyframes slideOutUp {
      from {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
      }
      to {
          visibility: hidden;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0)
      }
  }

  .slideOutUp {
      -webkit-animation-name: slideOutUp;
      animation-name: slideOutUp
  }

  @font-face {
      font-family: gooddog;
      src: url(../fonts/gooddog/GoodDog-webfont.eot);
      src: url(../fonts/gooddog/GoodDog-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/gooddog/GoodDog-webfont.woff) format('woff'), url(../fonts/gooddog/GoodDog-webfont.ttf) format('truetype'), url(../fonts/gooddog/GoodDog-webfont.svg#gooddogregular) format('svg');
      font-weight: 400;
      font-style: normal
  }
  /*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

  @font-face {
      font-family: FontAwesome;
      src: url(font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0);
      src: url(font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'), url(font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'), url(font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'), url(font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');
      font-weight: 400;
      font-style: normal
  }

  .fa {
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
  }

  .fa-lg {
      font-size: 1.33333333em;
      line-height: .75em;
      vertical-align: -15%
  }

  .fa-2x {
      font-size: 2em
  }

  .fa-3x {
      font-size: 3em
  }

  .fa-4x {
      font-size: 4em
  }

  .fa-5x {
      font-size: 5em
  }

  .fa-fw {
      width: 1.28571429em;
      text-align: center
  }

  .fa-ul {
      padding-left: 0;
      margin-left: 2.14285714em;
      list-style-type: none
  }

  .fa-ul>li {
      position: relative
  }

  .fa-li {
      position: absolute;
      left: -2.14285714em;
      width: 2.14285714em;
      top: .14285714em;
      text-align: center
  }

  .fa-li.fa-lg {
      left: -1.85714286em
  }

  .fa-border {
      padding: .2em .25em .15em;
      border: .08em solid #eee;
      border-radius: .1em
  }

  .pull-right {
      float: right
  }

  .pull-left {
      float: left
  }

  .fa.pull-left {
      margin-right: .3em
  }

  .fa.pull-right {
      margin-left: .3em
  }

  dt, p img {
      margin: 0
  }

  .fa-spin {
      -webkit-animation: fa-spin 2s infinite linear;
      animation: fa-spin 2s infinite linear
  }

  @-webkit-keyframes fa-spin {
      0% {
          -webkit-transform: rotate(0);
          transform: rotate(0)
      }
      100% {
          -webkit-transform: rotate(359deg);
          transform: rotate(359deg)
      }
  }

  @keyframes fa-spin {
      0% {
          -webkit-transform: rotate(0);
          transform: rotate(0)
      }
      100% {
          -webkit-transform: rotate(359deg);
          transform: rotate(359deg)
      }
  }

  .fa-rotate-90 {
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg)
  }

  .fa-rotate-180 {
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
  }

  .fa-rotate-270 {
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg)
  }

  .fa-flip-horizontal {
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
      -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      transform: scale(-1, 1)
  }

  .fa-flip-vertical {
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
      -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
      transform: scale(1, -1)
  }

   :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
      filter: none
  }

  .fa-stack {
      position: relative;
      width: 2em;
      height: 2em;
      line-height: 2em;
      vertical-align: middle
  }

  #preloader, body, html {
      height: 100%
  }

  .fa-stack-1x, .fa-stack-2x {
      position: absolute;
      left: 0;
      width: 100%;
      text-align: center
  }

  blockquote, header .header-social, header .logo, ul#nav li, ul#nav li a {
      position: relative
  }

  .fa-stack-1x {
      line-height: inherit
  }

  .fa-stack-2x {
      font-size: 2em
  }

  .fa-inverse {
      color: #fff
  }

  abbr, code, p.lead {
      color: #707273
  }

  .fa-glass:before {
      content: "\f000"
  }

  .fa-music:before {
      content: "\f001"
  }

  .fa-search:before {
      content: "\f002"
  }

  .fa-envelope-o:before {
      content: "\f003"
  }

  .fa-heart:before {
      content: "\f004"
  }

  .fa-star:before {
      content: "\f005"
  }

  .fa-star-o:before {
      content: "\f006"
  }

  .fa-user:before {
      content: "\f007"
  }

  .fa-film:before {
      content: "\f008"
  }

  .fa-th-large:before {
      content: "\f009"
  }

  .fa-th:before {
      content: "\f00a"
  }

  .fa-th-list:before {
      content: "\f00b"
  }

  .fa-check:before {
      content: "\f00c"
  }

  .fa-close:before, .fa-remove:before, .fa-times:before {
      content: "\f00d"
  }

  .fa-search-plus:before {
      content: "\f00e"
  }

  .fa-search-minus:before {
      content: "\f010"
  }

  .fa-power-off:before {
      content: "\f011"
  }

  .fa-signal:before {
      content: "\f012"
  }

  .fa-cog:before, .fa-gear:before {
      content: "\f013"
  }

  .fa-trash-o:before {
      content: "\f014"
  }

  .fa-home:before {
      content: "\f015"
  }

  .fa-file-o:before {
      content: "\f016"
  }

  .fa-clock-o:before {
      content: "\f017"
  }

  .fa-road:before {
      content: "\f018"
  }

  .fa-download:before {
      content: "\f019"
  }

  .fa-arrow-circle-o-down:before {
      content: "\f01a"
  }

  .fa-arrow-circle-o-up:before {
      content: "\f01b"
  }

  .fa-inbox:before {
      content: "\f01c"
  }

  .fa-play-circle-o:before {
      content: "\f01d"
  }

  .fa-repeat:before, .fa-rotate-right:before {
      content: "\f01e"
  }

  .fa-refresh:before {
      content: "\f021"
  }

  .fa-list-alt:before {
      content: "\f022"
  }

  .fa-lock:before {
      content: "\f023"
  }

  .fa-flag:before {
      content: "\f024"
  }

  .fa-headphones:before {
      content: "\f025"
  }

  .fa-volume-off:before {
      content: "\f026"
  }

  .fa-volume-down:before {
      content: "\f027"
  }

  .fa-volume-up:before {
      content: "\f028"
  }

  .fa-qrcode:before {
      content: "\f029"
  }

  .fa-barcode:before {
      content: "\f02a"
  }

  .fa-tag:before {
      content: "\f02b"
  }

  .fa-tags:before {
      content: "\f02c"
  }

  .fa-book:before {
      content: "\f02d"
  }

  .fa-bookmark:before {
      content: "\f02e"
  }

  .fa-print:before {
      content: "\f02f"
  }

  .fa-camera:before {
      content: "\f030"
  }

  .fa-font:before {
      content: "\f031"
  }

  .fa-bold:before {
      content: "\f032"
  }

  .fa-italic:before {
      content: "\f033"
  }

  .fa-text-height:before {
      content: "\f034"
  }

  .fa-text-width:before {
      content: "\f035"
  }

  .fa-align-left:before {
      content: "\f036"
  }

  .fa-align-center:before {
      content: "\f037"
  }

  .fa-align-right:before {
      content: "\f038"
  }

  .fa-align-justify:before {
      content: "\f039"
  }

  .fa-list:before {
      content: "\f03a"
  }

  .fa-dedent:before, .fa-outdent:before {
      content: "\f03b"
  }

  .fa-indent:before {
      content: "\f03c"
  }

  .fa-video-camera:before {
      content: "\f03d"
  }

  .fa-image:before, .fa-photo:before, .fa-picture-o:before {
      content: "\f03e"
  }

  .fa-pencil:before {
      content: "\f040"
  }

  .fa-map-marker:before {
      content: "\f041"
  }

  .fa-adjust:before {
      content: "\f042"
  }

  .fa-tint:before {
      content: "\f043"
  }

  .fa-edit:before, .fa-pencil-square-o:before {
      content: "\f044"
  }

  .fa-share-square-o:before {
      content: "\f045"
  }

  .fa-check-square-o:before {
      content: "\f046"
  }

  .fa-arrows:before {
      content: "\f047"
  }

  .fa-step-backward:before {
      content: "\f048"
  }

  .fa-fast-backward:before {
      content: "\f049"
  }

  .fa-backward:before {
      content: "\f04a"
  }

  .fa-play:before {
      content: "\f04b"
  }

  .fa-pause:before {
      content: "\f04c"
  }

  .fa-stop:before {
      content: "\f04d"
  }

  .fa-forward:before {
      content: "\f04e"
  }

  .fa-fast-forward:before {
      content: "\f050"
  }

  .fa-step-forward:before {
      content: "\f051"
  }

  .fa-eject:before {
      content: "\f052"
  }

  .fa-chevron-left:before {
      content: "\f053"
  }

  .fa-chevron-right:before {
      content: "\f054"
  }

  .fa-plus-circle:before {
      content: "\f055"
  }

  .fa-minus-circle:before {
      content: "\f056"
  }

  .fa-times-circle:before {
      content: "\f057"
  }

  .fa-check-circle:before {
      content: "\f058"
  }

  .fa-question-circle:before {
      content: "\f059"
  }

  .fa-info-circle:before {
      content: "\f05a"
  }

  .fa-crosshairs:before {
      content: "\f05b"
  }

  .fa-times-circle-o:before {
      content: "\f05c"
  }

  .fa-check-circle-o:before {
      content: "\f05d"
  }

  .fa-ban:before {
      content: "\f05e"
  }

  .fa-arrow-left:before {
      content: "\f060"
  }

  .fa-arrow-right:before {
      content: "\f061"
  }

  .fa-arrow-up:before {
      content: "\f062"
  }

  .fa-arrow-down:before {
      content: "\f063"
  }

  .fa-mail-forward:before, .fa-share:before {
      content: "\f064"
  }

  .fa-expand:before {
      content: "\f065"
  }

  .fa-compress:before {
      content: "\f066"
  }

  .fa-plus:before {
      content: "\f067"
  }

  .fa-minus:before {
      content: "\f068"
  }

  .fa-asterisk:before {
      content: "\f069"
  }

  .fa-exclamation-circle:before {
      content: "\f06a"
  }

  .fa-gift:before {
      content: "\f06b"
  }

  .fa-leaf:before {
      content: "\f06c"
  }

  .fa-fire:before {
      content: "\f06d"
  }

  .fa-eye:before {
      content: "\f06e"
  }

  .fa-eye-slash:before {
      content: "\f070"
  }

  .fa-exclamation-triangle:before, .fa-warning:before {
      content: "\f071"
  }

  .fa-plane:before {
      content: "\f072"
  }

  .fa-calendar:before {
      content: "\f073"
  }

  .fa-random:before {
      content: "\f074"
  }

  .fa-comment:before {
      content: "\f075"
  }

  .fa-magnet:before {
      content: "\f076"
  }

  .fa-chevron-up:before {
      content: "\f077"
  }

  .fa-chevron-down:before {
      content: "\f078"
  }

  .fa-retweet:before {
      content: "\f079"
  }

  .fa-shopping-cart:before {
      content: "\f07a"
  }

  .fa-folder:before {
      content: "\f07b"
  }

  .fa-folder-open:before {
      content: "\f07c"
  }

  .fa-arrows-v:before {
      content: "\f07d"
  }

  .fa-arrows-h:before {
      content: "\f07e"
  }

  .fa-bar-chart-o:before, .fa-bar-chart:before {
      content: "\f080"
  }

  .fa-twitter-square:before {
      content: "\f081"
  }

  .fa-facebook-square:before {
      content: "\f082"
  }

  .fa-camera-retro:before {
      content: "\f083"
  }

  .fa-key:before {
      content: "\f084"
  }

  .fa-cogs:before, .fa-gears:before {
      content: "\f085"
  }

  .fa-comments:before {
      content: "\f086"
  }

  .fa-thumbs-o-up:before {
      content: "\f087"
  }

  .fa-thumbs-o-down:before {
      content: "\f088"
  }

  .fa-star-half:before {
      content: "\f089"
  }

  .fa-heart-o:before {
      content: "\f08a"
  }

  .fa-sign-out:before {
      content: "\f08b"
  }

  .fa-linkedin-square:before {
      content: "\f08c"
  }

  .fa-thumb-tack:before {
      content: "\f08d"
  }

  .fa-external-link:before {
      content: "\f08e"
  }

  .fa-sign-in:before {
      content: "\f090"
  }

  .fa-trophy:before {
      content: "\f091"
  }

  .fa-github-square:before {
      content: "\f092"
  }

  .fa-upload:before {
      content: "\f093"
  }

  .fa-lemon-o:before {
      content: "\f094"
  }

  .fa-phone:before {
      content: "\f095"
  }

  .fa-square-o:before {
      content: "\f096"
  }

  .fa-bookmark-o:before {
      content: "\f097"
  }

  .fa-phone-square:before {
      content: "\f098"
  }

  .fa-twitter:before {
      content: "\f099"
  }

  .fa-facebook:before {
      content: "\f09a"
  }

  .fa-github:before {
      content: "\f09b"
  }

  .fa-unlock:before {
      content: "\f09c"
  }

  .fa-credit-card:before {
      content: "\f09d"
  }

  .fa-rss:before {
      content: "\f09e"
  }

  .fa-hdd-o:before {
      content: "\f0a0"
  }

  .fa-bullhorn:before {
      content: "\f0a1"
  }

  .fa-bell:before {
      content: "\f0f3"
  }

  .fa-certificate:before {
      content: "\f0a3"
  }

  .fa-hand-o-right:before {
      content: "\f0a4"
  }

  .fa-hand-o-left:before {
      content: "\f0a5"
  }

  .fa-hand-o-up:before {
      content: "\f0a6"
  }

  .fa-hand-o-down:before {
      content: "\f0a7"
  }

  .fa-arrow-circle-left:before {
      content: "\f0a8"
  }

  .fa-arrow-circle-right:before {
      content: "\f0a9"
  }

  .fa-arrow-circle-up:before {
      content: "\f0aa"
  }

  .fa-arrow-circle-down:before {
      content: "\f0ab"
  }

  .fa-globe:before {
      content: "\f0ac"
  }

  .fa-wrench:before {
      content: "\f0ad"
  }

  .fa-tasks:before {
      content: "\f0ae"
  }

  .fa-filter:before {
      content: "\f0b0"
  }

  .fa-briefcase:before {
      content: "\f0b1"
  }

  .fa-arrows-alt:before {
      content: "\f0b2"
  }

  .fa-group:before, .fa-users:before {
      content: "\f0c0"
  }

  .fa-chain:before, .fa-link:before {
      content: "\f0c1"
  }

  .fa-cloud:before {
      content: "\f0c2"
  }

  .fa-flask:before {
      content: "\f0c3"
  }

  .fa-cut:before, .fa-scissors:before {
      content: "\f0c4"
  }

  .fa-copy:before, .fa-files-o:before {
      content: "\f0c5"
  }

  .fa-paperclip:before {
      content: "\f0c6"
  }

  .fa-floppy-o:before, .fa-save:before {
      content: "\f0c7"
  }

  .fa-square:before {
      content: "\f0c8"
  }

  .fa-bars:before, .fa-navicon:before, .fa-reorder:before {
      content: "\f0c9"
  }

  .fa-list-ul:before {
      content: "\f0ca"
  }

  .fa-list-ol:before {
      content: "\f0cb"
  }

  .fa-strikethrough:before {
      content: "\f0cc"
  }

  .fa-underline:before {
      content: "\f0cd"
  }

  .fa-table:before {
      content: "\f0ce"
  }

  .fa-magic:before {
      content: "\f0d0"
  }

  .fa-truck:before {
      content: "\f0d1"
  }

  .fa-pinterest:before {
      content: "\f0d2"
  }

  .fa-pinterest-square:before {
      content: "\f0d3"
  }

  .fa-google-plus-square:before {
      content: "\f0d4"
  }

  .fa-google-plus:before {
      content: "\f0d5"
  }

  .fa-money:before {
      content: "\f0d6"
  }

  .fa-caret-down:before {
      content: "\f0d7"
  }

  .fa-caret-up:before {
      content: "\f0d8"
  }

  .fa-caret-left:before {
      content: "\f0d9"
  }

  .fa-caret-right:before {
      content: "\f0da"
  }

  .fa-columns:before {
      content: "\f0db"
  }

  .fa-sort:before, .fa-unsorted:before {
      content: "\f0dc"
  }

  .fa-sort-desc:before, .fa-sort-down:before {
      content: "\f0dd"
  }

  .fa-sort-asc:before, .fa-sort-up:before {
      content: "\f0de"
  }

  .fa-envelope:before {
      content: "\f0e0"
  }

  .fa-linkedin:before {
      content: "\f0e1"
  }

  .fa-rotate-left:before, .fa-undo:before {
      content: "\f0e2"
  }

  .fa-gavel:before, .fa-legal:before {
      content: "\f0e3"
  }

  .fa-dashboard:before, .fa-tachometer:before {
      content: "\f0e4"
  }

  .fa-comment-o:before {
      content: "\f0e5"
  }

  .fa-comments-o:before {
      content: "\f0e6"
  }

  .fa-bolt:before, .fa-flash:before {
      content: "\f0e7"
  }

  .fa-sitemap:before {
      content: "\f0e8"
  }

  .fa-umbrella:before {
      content: "\f0e9"
  }

  .fa-clipboard:before, .fa-paste:before {
      content: "\f0ea"
  }

  .fa-lightbulb-o:before {
      content: "\f0eb"
  }

  .fa-exchange:before {
      content: "\f0ec"
  }

  .fa-cloud-download:before {
      content: "\f0ed"
  }

  .fa-cloud-upload:before {
      content: "\f0ee"
  }

  .fa-user-md:before {
      content: "\f0f0"
  }

  .fa-stethoscope:before {
      content: "\f0f1"
  }

  .fa-suitcase:before {
      content: "\f0f2"
  }

  .fa-bell-o:before {
      content: "\f0a2"
  }

  .fa-coffee:before {
      content: "\f0f4"
  }

  .fa-cutlery:before {
      content: "\f0f5"
  }

  .fa-file-text-o:before {
      content: "\f0f6"
  }

  .fa-building-o:before {
      content: "\f0f7"
  }

  .fa-hospital-o:before {
      content: "\f0f8"
  }

  .fa-ambulance:before {
      content: "\f0f9"
  }

  .fa-medkit:before {
      content: "\f0fa"
  }

  .fa-fighter-jet:before {
      content: "\f0fb"
  }

  .fa-beer:before {
      content: "\f0fc"
  }

  .fa-h-square:before {
      content: "\f0fd"
  }

  .fa-plus-square:before {
      content: "\f0fe"
  }

  .fa-angle-double-left:before {
      content: "\f100"
  }

  .fa-angle-double-right:before {
      content: "\f101"
  }

  .fa-angle-double-up:before {
      content: "\f102"
  }

  .fa-angle-double-down:before {
      content: "\f103"
  }

  .fa-angle-left:before {
      content: "\f104"
  }

  .fa-angle-right:before {
      content: "\f105"
  }

  .fa-angle-up:before {
      content: "\f106"
  }

  .fa-angle-down:before {
      content: "\f107"
  }

  .fa-desktop:before {
      content: "\f108"
  }

  .fa-laptop:before {
      content: "\f109"
  }

  .fa-tablet:before {
      content: "\f10a"
  }

  .fa-mobile-phone:before, .fa-mobile:before {
      content: "\f10b"
  }

  .fa-circle-o:before {
      content: "\f10c"
  }

  .fa-quote-left:before {
      content: "\f10d"
  }

  .fa-quote-right:before {
      content: "\f10e"
  }

  .fa-spinner:before {
      content: "\f110"
  }

  .fa-circle:before {
      content: "\f111"
  }

  .fa-mail-reply:before, .fa-reply:before {
      content: "\f112"
  }

  .fa-github-alt:before {
      content: "\f113"
  }

  .fa-folder-o:before {
      content: "\f114"
  }

  .fa-folder-open-o:before {
      content: "\f115"
  }

  .fa-smile-o:before {
      content: "\f118"
  }

  .fa-frown-o:before {
      content: "\f119"
  }

  .fa-meh-o:before {
      content: "\f11a"
  }

  .fa-gamepad:before {
      content: "\f11b"
  }

  .fa-keyboard-o:before {
      content: "\f11c"
  }

  .fa-flag-o:before {
      content: "\f11d"
  }

  .fa-flag-checkered:before {
      content: "\f11e"
  }

  .fa-terminal:before {
      content: "\f120"
  }

  .fa-code:before {
      content: "\f121"
  }

  .fa-mail-reply-all:before, .fa-reply-all:before {
      content: "\f122"
  }

  .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
      content: "\f123"
  }

  .fa-location-arrow:before {
      content: "\f124"
  }

  .fa-crop:before {
      content: "\f125"
  }

  .fa-code-fork:before {
      content: "\f126"
  }

  .fa-chain-broken:before, .fa-unlink:before {
      content: "\f127"
  }

  .fa-question:before {
      content: "\f128"
  }

  .fa-info:before {
      content: "\f129"
  }

  .fa-exclamation:before {
      content: "\f12a"
  }

  .fa-superscript:before {
      content: "\f12b"
  }

  .fa-subscript:before {
      content: "\f12c"
  }

  .fa-eraser:before {
      content: "\f12d"
  }

  .fa-puzzle-piece:before {
      content: "\f12e"
  }

  .fa-microphone:before {
      content: "\f130"
  }

  .fa-microphone-slash:before {
      content: "\f131"
  }

  .fa-shield:before {
      content: "\f132"
  }

  .fa-calendar-o:before {
      content: "\f133"
  }

  .fa-fire-extinguisher:before {
      content: "\f134"
  }

  .fa-rocket:before {
      content: "\f135"
  }

  .fa-maxcdn:before {
      content: "\f136"
  }

  .fa-chevron-circle-left:before {
      content: "\f137"
  }

  .fa-chevron-circle-right:before {
      content: "\f138"
  }

  .fa-chevron-circle-up:before {
      content: "\f139"
  }

  .fa-chevron-circle-down:before {
      content: "\f13a"
  }

  .fa-html5:before {
      content: "\f13b"
  }

  .fa-css3:before {
      content: "\f13c"
  }

  .fa-anchor:before {
      content: "\f13d"
  }

  .fa-unlock-alt:before {
      content: "\f13e"
  }

  .fa-bullseye:before {
      content: "\f140"
  }

  .fa-ellipsis-h:before {
      content: "\f141"
  }

  .fa-ellipsis-v:before {
      content: "\f142"
  }

  .fa-rss-square:before {
      content: "\f143"
  }

  .fa-play-circle:before {
      content: "\f144"
  }

  .fa-ticket:before {
      content: "\f145"
  }

  .fa-minus-square:before {
      content: "\f146"
  }

  .fa-minus-square-o:before {
      content: "\f147"
  }

  .fa-level-up:before {
      content: "\f148"
  }

  .fa-level-down:before {
      content: "\f149"
  }

  .fa-check-square:before {
      content: "\f14a"
  }

  .fa-pencil-square:before {
      content: "\f14b"
  }

  .fa-external-link-square:before {
      content: "\f14c"
  }

  .fa-share-square:before {
      content: "\f14d"
  }

  .fa-compass:before {
      content: "\f14e"
  }

  .fa-caret-square-o-down:before, .fa-toggle-down:before {
      content: "\f150"
  }

  .fa-caret-square-o-up:before, .fa-toggle-up:before {
      content: "\f151"
  }

  .fa-caret-square-o-right:before, .fa-toggle-right:before {
      content: "\f152"
  }

  .fa-eur:before, .fa-euro:before {
      content: "\f153"
  }

  .fa-gbp:before {
      content: "\f154"
  }

  .fa-dollar:before, .fa-usd:before {
      content: "\f155"
  }

  .fa-inr:before, .fa-rupee:before {
      content: "\f156"
  }

  .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
      content: "\f157"
  }

  .fa-rouble:before, .fa-rub:before, .fa-ruble:before {
      content: "\f158"
  }

  .fa-krw:before, .fa-won:before {
      content: "\f159"
  }

  .fa-bitcoin:before, .fa-btc:before {
      content: "\f15a"
  }

  .fa-file:before {
      content: "\f15b"
  }

  .fa-file-text:before {
      content: "\f15c"
  }

  .fa-sort-alpha-asc:before {
      content: "\f15d"
  }

  .fa-sort-alpha-desc:before {
      content: "\f15e"
  }

  .fa-sort-amount-asc:before {
      content: "\f160"
  }

  .fa-sort-amount-desc:before {
      content: "\f161"
  }

  .fa-sort-numeric-asc:before {
      content: "\f162"
  }

  .fa-sort-numeric-desc:before {
      content: "\f163"
  }

  .fa-thumbs-up:before {
      content: "\f164"
  }

  .fa-thumbs-down:before {
      content: "\f165"
  }

  .fa-youtube-square:before {
      content: "\f166"
  }

  .fa-youtube:before {
      content: "\f167"
  }

  .fa-xing:before {
      content: "\f168"
  }

  .fa-xing-square:before {
      content: "\f169"
  }

  .fa-youtube-play:before {
      content: "\f16a"
  }

  .fa-dropbox:before {
      content: "\f16b"
  }

  .fa-stack-overflow:before {
      content: "\f16c"
  }

  .fa-instagram:before {
      content: "\f16d"
  }

  .fa-flickr:before {
      content: "\f16e"
  }

  .fa-adn:before {
      content: "\f170"
  }

  .fa-bitbucket:before {
      content: "\f171"
  }

  .fa-bitbucket-square:before {
      content: "\f172"
  }

  .fa-tumblr:before {
      content: "\f173"
  }

  .fa-tumblr-square:before {
      content: "\f174"
  }

  .fa-long-arrow-down:before {
      content: "\f175"
  }

  .fa-long-arrow-up:before {
      content: "\f176"
  }

  .fa-long-arrow-left:before {
      content: "\f177"
  }

  .fa-long-arrow-right:before {
      content: "\f178"
  }

  .fa-apple:before {
      content: "\f179"
  }

  .fa-windows:before {
      content: "\f17a"
  }

  .fa-android:before {
      content: "\f17b"
  }

  .fa-linux:before {
      content: "\f17c"
  }

  .fa-dribbble:before {
      content: "\f17d"
  }

  .fa-skype:before {
      content: "\f17e"
  }

  .fa-foursquare:before {
      content: "\f180"
  }

  .fa-trello:before {
      content: "\f181"
  }

  .fa-female:before {
      content: "\f182"
  }

  .fa-male:before {
      content: "\f183"
  }

  .fa-gittip:before {
      content: "\f184"
  }

  .fa-sun-o:before {
      content: "\f185"
  }

  .fa-moon-o:before {
      content: "\f186"
  }

  .fa-archive:before {
      content: "\f187"
  }

  .fa-bug:before {
      content: "\f188"
  }

  .fa-vk:before {
      content: "\f189"
  }

  .fa-weibo:before {
      content: "\f18a"
  }

  .fa-renren:before {
      content: "\f18b"
  }

  .fa-pagelines:before {
      content: "\f18c"
  }

  .fa-stack-exchange:before {
      content: "\f18d"
  }

  .fa-arrow-circle-o-right:before {
      content: "\f18e"
  }

  .fa-arrow-circle-o-left:before {
      content: "\f190"
  }

  .fa-caret-square-o-left:before, .fa-toggle-left:before {
      content: "\f191"
  }

  .fa-dot-circle-o:before {
      content: "\f192"
  }

  .fa-wheelchair:before {
      content: "\f193"
  }

  .fa-vimeo-square:before {
      content: "\f194"
  }

  .fa-try:before, .fa-turkish-lira:before {
      content: "\f195"
  }

  .fa-plus-square-o:before {
      content: "\f196"
  }

  .fa-space-shuttle:before {
      content: "\f197"
  }

  .fa-slack:before {
      content: "\f198"
  }

  .fa-envelope-square:before {
      content: "\f199"
  }

  .fa-wordpress:before {
      content: "\f19a"
  }

  .fa-openid:before {
      content: "\f19b"
  }

  .fa-bank:before, .fa-institution:before, .fa-university:before {
      content: "\f19c"
  }

  .fa-graduation-cap:before, .fa-mortar-board:before {
      content: "\f19d"
  }

  .fa-yahoo:before {
      content: "\f19e"
  }

  .fa-google:before {
      content: "\f1a0"
  }

  .fa-reddit:before {
      content: "\f1a1"
  }

  .fa-reddit-square:before {
      content: "\f1a2"
  }

  .fa-stumbleupon-circle:before {
      content: "\f1a3"
  }

  .fa-stumbleupon:before {
      content: "\f1a4"
  }

  .fa-delicious:before {
      content: "\f1a5"
  }

  .fa-digg:before {
      content: "\f1a6"
  }

  .fa-pied-piper:before {
      content: "\f1a7"
  }

  .fa-pied-piper-alt:before {
      content: "\f1a8"
  }

  .fa-drupal:before {
      content: "\f1a9"
  }

  .fa-joomla:before {
      content: "\f1aa"
  }

  .fa-language:before {
      content: "\f1ab"
  }

  .fa-fax:before {
      content: "\f1ac"
  }

  .fa-building:before {
      content: "\f1ad"
  }

  .fa-child:before {
      content: "\f1ae"
  }

  .fa-paw:before {
      content: "\f1b0"
  }

  .fa-spoon:before {
      content: "\f1b1"
  }

  .fa-cube:before {
      content: "\f1b2"
  }

  .fa-cubes:before {
      content: "\f1b3"
  }

  .fa-behance:before {
      content: "\f1b4"
  }

  .fa-behance-square:before {
      content: "\f1b5"
  }

  .fa-steam:before {
      content: "\f1b6"
  }

  .fa-steam-square:before {
      content: "\f1b7"
  }

  .fa-recycle:before {
      content: "\f1b8"
  }

  .fa-automobile:before, .fa-car:before {
      content: "\f1b9"
  }

  .fa-cab:before, .fa-taxi:before {
      content: "\f1ba"
  }

  .fa-tree:before {
      content: "\f1bb"
  }

  .fa-spotify:before {
      content: "\f1bc"
  }

  .fa-deviantart:before {
      content: "\f1bd"
  }

  .fa-soundcloud:before {
      content: "\f1be"
  }

  .fa-database:before {
      content: "\f1c0"
  }

  .fa-file-pdf-o:before {
      content: "\f1c1"
  }

  .fa-file-word-o:before {
      content: "\f1c2"
  }

  .fa-file-excel-o:before {
      content: "\f1c3"
  }

  .fa-file-powerpoint-o:before {
      content: "\f1c4"
  }

  .fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
      content: "\f1c5"
  }

  .fa-file-archive-o:before, .fa-file-zip-o:before {
      content: "\f1c6"
  }

  .fa-file-audio-o:before, .fa-file-sound-o:before {
      content: "\f1c7"
  }

  .fa-file-movie-o:before, .fa-file-video-o:before {
      content: "\f1c8"
  }

  .fa-file-code-o:before {
      content: "\f1c9"
  }

  .fa-vine:before {
      content: "\f1ca"
  }

  .fa-codepen:before {
      content: "\f1cb"
  }

  .fa-jsfiddle:before {
      content: "\f1cc"
  }

  .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
      content: "\f1cd"
  }

  .fa-circle-o-notch:before {
      content: "\f1ce"
  }

  .fa-ra:before, .fa-rebel:before {
      content: "\f1d0"
  }

  .fa-empire:before, .fa-ge:before {
      content: "\f1d1"
  }

  .fa-git-square:before {
      content: "\f1d2"
  }

  .fa-git:before {
      content: "\f1d3"
  }

  .fa-hacker-news:before {
      content: "\f1d4"
  }

  .fa-tencent-weibo:before {
      content: "\f1d5"
  }

  .fa-qq:before {
      content: "\f1d6"
  }

  .fa-wechat:before, .fa-weixin:before {
      content: "\f1d7"
  }

  .fa-paper-plane:before, .fa-send:before {
      content: "\f1d8"
  }

  .fa-paper-plane-o:before, .fa-send-o:before {
      content: "\f1d9"
  }

  .fa-history:before {
      content: "\f1da"
  }

  .fa-circle-thin:before {
      content: "\f1db"
  }

  .fa-header:before {
      content: "\f1dc"
  }

  .fa-paragraph:before {
      content: "\f1dd"
  }

  .fa-sliders:before {
      content: "\f1de"
  }

  .fa-share-alt:before {
      content: "\f1e0"
  }

  .fa-share-alt-square:before {
      content: "\f1e1"
  }

  .fa-bomb:before {
      content: "\f1e2"
  }

  .fa-futbol-o:before, .fa-soccer-ball-o:before {
      content: "\f1e3"
  }

  .fa-tty:before {
      content: "\f1e4"
  }

  .fa-binoculars:before {
      content: "\f1e5"
  }

  .fa-plug:before {
      content: "\f1e6"
  }

  .fa-slideshare:before {
      content: "\f1e7"
  }

  .fa-twitch:before {
      content: "\f1e8"
  }

  .fa-yelp:before {
      content: "\f1e9"
  }

  .fa-newspaper-o:before {
      content: "\f1ea"
  }

  .fa-wifi:before {
      content: "\f1eb"
  }

  .fa-calculator:before {
      content: "\f1ec"
  }

  .fa-paypal:before {
      content: "\f1ed"
  }

  .fa-google-wallet:before {
      content: "\f1ee"
  }

  .fa-cc-visa:before {
      content: "\f1f0"
  }

  .fa-cc-mastercard:before {
      content: "\f1f1"
  }

  .fa-cc-discover:before {
      content: "\f1f2"
  }

  .fa-cc-amex:before {
      content: "\f1f3"
  }

  .fa-cc-paypal:before {
      content: "\f1f4"
  }

  .fa-cc-stripe:before {
      content: "\f1f5"
  }

  .fa-bell-slash:before {
      content: "\f1f6"
  }

  .fa-bell-slash-o:before {
      content: "\f1f7"
  }

  .fa-trash:before {
      content: "\f1f8"
  }

  .fa-copyright:before {
      content: "\f1f9"
  }

  .fa-at:before {
      content: "\f1fa"
  }

  .fa-eyedropper:before {
      content: "\f1fb"
  }

  .fa-paint-brush:before {
      content: "\f1fc"
  }

  .fa-birthday-cake:before {
      content: "\f1fd"
  }

  .fa-area-chart:before {
      content: "\f1fe"
  }

  .fa-pie-chart:before {
      content: "\f200"
  }

  .fa-line-chart:before {
      content: "\f201"
  }

  .fa-lastfm:before {
      content: "\f202"
  }

  .fa-lastfm-square:before {
      content: "\f203"
  }

  .fa-toggle-off:before {
      content: "\f204"
  }

  .fa-toggle-on:before {
      content: "\f205"
  }

  .fa-bicycle:before {
      content: "\f206"
  }

  .fa-bus:before {
      content: "\f207"
  }

  .fa-ioxhost:before {
      content: "\f208"
  }

  .fa-angellist:before {
      content: "\f209"
  }

  .fa-cc:before {
      content: "\f20a"
  }

  .fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
      content: "\f20b"
  }

  .fa-meanpath:before {
      content: "\f20c"
  }

  body {
      background: #FBEDC4;
      font: 16px/30px 'Source Sans Pro', sans-serif;
      font-weight: 400;
      color: #1B4B43
  }

  h2, h3, h4, h5, h6 {
      line-height: 30px
  }

  a, a:visited {
      outline: 0;
      color: #000;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }

  a:focus, a:hover {
      color: #fdc501
  }

  h1, h2, h3, h4, h5, h6 {
      font-family: "Source Sans Pro", sans-serif;
      font-weight: 800;
      color: #FFF;
      font-style: normal;
      text-rendering: optimizeLegibility;
      margin: 18px 0 15px
  }

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
      font-weight: inherit
  }

  h1 {
      font-size: 30px;
      line-height: 36px;
      margin-top: 0;
      letter-spacing: -1px
  }

  h2 {
      font-size: 24px
  }

  h3 {
      font-size: 20px
  }

  h4 {
      font-size: 17px
  }

  h5 {
      font-size: 14px
  }

  h6 {
      font-size: 13px
  }

  p {
      margin: 15px 0
  }

  p.lead {
      font: 20px/36px "Source Sans Pro", sans-serif
  }

  em {
      font: 16px/30px "Source Sans Pro", sans-serif;
      font-weight: 400;
      font-style: italic
  }

  b, strong {
      font: 16px/30px "Source Sans Pro", serif;
      font-weight: 700
  }

  small {
      font-size: 11px;
      line-height: inherit
  }

  blockquote {
      margin: 18px 0;
      padding-left: 40px
  }

  blockquote:before {
      content: "\201C";
      opacity: .45;
      font-size: 80px;
      line-height: 0;
      margin: 0;
      font-family: arial, sans-serif;
      position: absolute;
      top: 30px;
      left: 0
  }

  blockquote p {
      font-family: georgia, serif;
      font-style: italic;
      padding: 0;
      font-size: 18px;
      line-height: 30px
  }

  blockquote cite {
      display: block;
      font-size: 12px;
      font-style: normal;
      line-height: 18px
  }

  blockquote cite:before {
      content: "\2014 \0020"
  }

  blockquote cite a, blockquote cite a:visited {
      color: #707273;
      border: none
  }

  abbr {
      font-family: "Source Sans Pro", serif;
      font-weight: 700;
      font-variant: small-caps;
      text-transform: lowercase;
      letter-spacing: .5px
  }

  #call-to-action .action a, #hero #more a, #nav-wrap, .popup-modal .categories, .popup-modal .link-box a, .section-head h1 {
      text-transform: uppercase
  }

  code, pre {
      font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace
  }

  pre {
      white-space: pre;
      white-space: pre-wrap
  }

  code {
      padding: 3px;
      background: #ECF0F1;
      border-radius: 3px
  }

  del {
      text-decoration: line-through
  }

  abbr[title], dfn[title] {
      border-bottom: 1px dotted;
      cursor: help
  }

  mark {
      background: #FFF49B;
      color: #000
  }

  ol, ul {
      margin-bottom: 15px
  }

  ul {
      margin-left: 17px
  }

  dl {
      margin: 0 0 15px
  }

  dt {
      color: #fdc501
  }

  dd {
      margin: 0 0 0 20px
  }

  img.pull-right {
      margin: 12px 0 0 18px
  }

  img.pull-left {
      margin: 12px 18px 0 0
  }

   ::-webkit-input-placeholder {
      color: #12151B
  }

   :-moz-placeholder {
      color: #12151B
  }

   ::-moz-placeholder {
      color: #12151B
  }

   :-ms-input-placeholder {
      color: #12151B
  }

  .placeholder {
      color: #12151B!important
  }

  .bgrid {
      padding: 0 20px
  }

  @media only screen and (max-width:1024px) {
      .bgrid {
          padding: 0 18px
      }
  }

  @media only screen and (max-width:768px) {
      .bgrid {
          padding: 0 15px
      }
  }

  @media only screen and (max-width:600px) {
      .bgrid {
          padding: 0 10px
      }
  }

  @media only screen and (max-width:400px) {
      .bgrid {
          padding: 0
      }
  }

  #preloader {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #0F1215;
      z-index: 9999999;
      width: 100%
  }

  .no-js #preloader, .oldie #preloader {
      display: none
  }

  #loader {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 50px;
      height: 50px;
      margin-left: -25px;
      margin-top: -25px;
      background-color: #fdc501;
      -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
      animation: sk-rotateplane 1.2s infinite ease-in-out
  }

  @-webkit-keyframes sk-rotateplane {
      0% {
          -webkit-transform: perspective(120px)
      }
      50% {
          -webkit-transform: perspective(120px) rotateY(180deg)
      }
      100% {
          -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
      }
  }

  @keyframes sk-rotateplane {
      0% {
          -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
          transform: perspective(120px) rotateX(0) rotateY(0)
      }
      50% {
          -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
          transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
      }
      100% {
          -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
          transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
      }
  }

  form {
      margin-bottom: 30px
  }

  fieldset {
      margin: 0 0 30px;
      padding: 0;
      border: none
  }

  button, input {
      -webkit-font-smoothing: antialiased
  }

  input[type=text], input[type=password], input[type=email], select, textarea {
      display: block;
      padding: 18px 20px;
      margin: 0 0 12px;
      border: 0;
      outline: 0;
      vertical-align: middle;
      color: #a3a4a6;
      font-family: "Source Sans Pro", sans-serif;
      font-weight: 700;
      font-size: 15px;
      line-height: 24px;
      border-radius: 3px;
      max-width: 100%;
      background: rgba(255, 255, 255, .1);
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }

  #team-wrapper .member-pic img, .popup-modal img {
      vertical-align: bottom
  }

  textarea {
      min-height: 252px
  }

  input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, select:focus, textarea:focus {
      color: #000;
      background: #FFF
  }

  .button, .button:visited, button, input[type=button], input[type=reset], input[type=submit] {
      display: inline-block;
      font: 16px/30px "Source Sans Pro", sans-serif;
      font-weight: 800;
      padding: 9px 16px;
      margin: 0 3px 6px 0;
      background: #fdc501;
      color: #000;
      text-decoration: none;
      cursor: pointer;
      height: auto;
      text-align: center;
      border: none;
      -webkit-appearance: none;
      -webkit-font-smoothing: inherit;
      border-radius: 3px;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }

  .button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
      color: #FFF;
      background: #e64e04
  }

  .no-js header, header.opaque {
      background: #FFFFD6
  }

  label, legend {
      font: 15px/30px "Source Sans Pro", sans-serif;
      font-weight: 700;
      margin: 12px 0;
      color: #252525;
      display: block
  }

  label span, legend span {
      color: #575859;
      font: 16px/30px "Source Sans Pro", sans-serif;
      font-weight: 700
  }

  input[type=checkbox], input[type=radio] {
      font-size: 15px;
      color: #575859
  }

  input[type=checkbox] {
      display: inline
  }

  hr {
      border: solid #283436;
      border-width: 3px 0 0;
      width: 100px;
      margin: 11px 0 30px;
      height: 0;
      text-align: left;
      -moz-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out
  }

  .folio-item .item-wrap img, header {
      -moz-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out
  }

  .show {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      opacity: 1;
      zoom: 1
  }

  .section-head h1 {
      font: 25px/30px gooddog, sans-serif;
      letter-spacing: 2.5px;
      color: #389A8A;
      margin-bottom: 30px;
      margin-top: 18px
  }

  .section-head h1 span {
      color: #fdc501;
      position: relative;
      left: 3px
  }

  .section-head p {
      font: 20px/36px "Source Sans Pro", sans-serif;
      width: 95%
  }

  .section-head:hover h1+hr {
      border-color: #fdc501;
      width: 120px;
      text-align: left
  }

  @media only screen and (max-width:768px) {
      .section-head {
          text-align: center
      }
      .section-head p {
          font: 18px/36px "Source Sans Pro", serif;
          font-weight: lighter;
          width: auto
      }
      .section-head h1+hr {
          margin-left: auto;
          margin-right: auto
      }
  }

  #hero, ul#nav, ul#nav li a {
      text-align: left
  }

  @media only screen and (max-width:600px) {
      .section-head p {
          font: 17px/33px "Source Sans Pro", serif;
          font-weight: lighter;
          width: auto
      }
  }

  @media only screen and (max-width:400px) {
      .section-head [class*=column] {
          padding: 0
      }
  }

  header {
      height: 66px;
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 600;
      transition: all .5s ease-in-out
  }

  header.opaque {
      border-bottom: 1px solid rgba(255, 255, 255, .1)
  }

  header .logo {
      float: left;
      width: auto;
      margin-left: 15px;
      margin-right: 30px;
      z-index: 600
  }

  header .logo a {
      display: block;
      margin: 0;
      padding: 0;
      border: none;
      font: 0/0 a;
      text-shadow: none;
      color: transparent;
      width: 114px;
      height: 66px;
      background: url(../images/logo-dark2@2x.png) center no-repeat;
      background-size: 60px 39px
  }

  header .header-social {
      font-size: 20px;
      font-weight: 400;
      line-height: 66px;
      margin-top: 0;
      margin-left: 30px;
      padding-left: 36px;
      border-left: 1px solid rgba(150, 150, 150, .2);
      float: left;
      top: -1px
  }

  header .header-social li {
      display: inline-block;
      margin-right: 15px
  }

  header .header-social li a {
      color: #000
  }

  header .header-social li a:hover {
      color: #389A8A
  }

  @media only screen and (max-width:880px) {
      header .header-social {
          display: none
      }
  }

  @media only screen and (max-width:768px) {
      header {
          border-bottom: 1px solid rgba(255, 255, 255, .1);
          background: 0 0
      }
      header .row {
          width: 100%
      }
      header .logo {
          margin-left: -30px
      }
  }

  #nav-wrap, #nav-wrap a, #nav-wrap li, #nav-wrap ul {
      margin: 0;
      padding: 0
  }

  #nav-wrap {
      font: 21x gooddog, sans-serif;
      letter-spacing: 1.5px;
      float: left
  }

  #nav-wrap>a {
      display: none
  }

  ul#nav, ul#nav li {
      display: inline-block
  }

  ul#nav {
      min-height: 66px;
      width: auto
  }

  ul#nav li {
      list-style: none;
      height: 66px
  }

  ul#nav li a {
      display: block;
      padding: 14px 12px;
      line-height: 38px;
      -moz-transition: color .2s ease-in-out;
      -o-transition: color .2s ease-in-out;
      -webkit-transition: color .2s ease-in-out;
      -ms-transition: color .2s ease-in-out;
      transition: color .2s ease-in-out;
      color: #000
  }

  ul#nav li a:hover {
      color: #389A8A
  }

  ul#nav li a:active {
      background-color: transparent!important
  }

  ul#nav li.current a {
      color: #389A8A;
      font-weight: 800
  }

  ul#nav li.current a:after {
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 40px;
      height: 2px;
      margin-left: -23px;
      background-color: #fff;
      content: '\0020';
      display: block;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }

  @media only screen and (max-width:768px) {
      #nav-wrap {
          z-index: 700;
          display: block;
          width: 100%;
          float: none;
          position: absolute;
          top: 0;
          right: 0
      }
      #nav-wrap>a {
          border: none;
          color: #FFF;
          height: 40px;
          min-width: 40px;
          font-size: 12px;
          text-align: left;
          float: right;
          display: block;
          padding: 0;
          position: relative;
          top: 13px;
          right: 20px
      }
      #nav-wrap>a:hover .menu-icon {
          background: #FFF
      }
      #nav-wrap .menu-icon {
          display: inline-block;
          width: 24px;
          height: 3px;
          margin-top: -3px;
          position: absolute;
          right: 8px;
          top: 50%;
          bottom: auto;
          left: auto;
          background: #fdc501;
          -moz-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          -webkit-transition: all .3s ease-in-out;
          -ms-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
          font: 0/0 a;
          text-shadow: none;
          color: transparent
      }
      #nav-wrap .menu-icon:after, #nav-wrap .menu-icon:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          background-color: inherit;
          left: 0
      }
      #nav-wrap .menu-icon:before {
          bottom: 8px
      }
      #nav-wrap .menu-icon:after {
          top: 8px
      }
      #nav-wrap ul#nav {
          background: #1c212a;
          padding: 54px 45px 60px;
          margin: 0;
          height: auto;
          display: none;
          clear: both;
          width: 100%;
          float: none;
          position: absolute;
          top: 66px;
          right: 0
      }
      #nav-wrap ul#nav>li {
          display: block;
          float: none;
          height: auto;
          text-align: left;
          border-bottom: 1px dotted rgba(200, 200, 200, .1);
          padding: 6px 0
      }
      #nav-wrap ul#nav>li:first-child {
          border-top: 1px dotted rgba(200, 200, 200, .1)
      }
      #nav-wrap ul#nav li a {
          display: block;
          width: auto;
          color: #cacbcb;
          padding: 12px 0;
          line-height: 16px;
          border: none
      }
      #nav-wrap ul#nav li a:hover {
          color: #FFF
      }
      #nav-wrap ul#nav li.current>a {
          background: 0 0;
          color: #fdc501
      }
      #nav-wrap a.mobile-btn, #nav-wrap ul#nav li.current>a:after {
          display: none
      }
      .js #nav-wrap a#toggle-btn {
          display: block;
          border: 1px solid
      }
      .no-js #nav-wrap:not(:target)>a:first-of-type, .no-js #nav-wrap:target ul#nav, .no-js #nav-wrap:target>a:last-of-type {
          display: block
      }
  }

  @media only screen and (min-width:769px) {
      #nav-wrap ul#nav {
          display: block!important
      }
  }

  #hero {
      background: url(../images/2500/hero-bg.jpg) center no-repeat #FBEDC4;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      min-height: 630px;
      width: 100%;
      position: relative;
      border-bottom: 1px solid #15191d
  }

  .hero-content {
      position: relative;
      padding-top: 66px;
      padding-bottom: 102px
  }

  #hero-slider {
      margin: 120px 0 54px
  }

  #hero-slider .slides .flex-caption {
      margin: 0 35% 0 30px
  }

  #hero-slider .slides .flex-caption h1 {
      font: 49px/1.3 gooddog, sans-serif;
      letter-spacing: -1px;
      padding-bottom: 24px;
      color: #fff;
      text-shadow: 0 1px 20px rgba(0, 0, 0, .6);
      position: relative;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      zoom: 1
  }

  #hero-slider .slides .flex-caption h1::after {
      display: block;
      background-color: #fdc501;
      width: 100px;
      height: 3px;
      content: '\0020';
      position: absolute;
      left: 0;
      bottom: 0
  }

  #hero-slider .slides .flex-caption h3 {
      font: 18px/1.9 "Source Sans Pro", sans-serif;
      font-weight: lighter;
      color: rgba(255, 255, 255, .7);
      text-shadow: 0 1px 15px rgba(0, 0, 0, .5);
      width: 85%;
      margin-top: 24px;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      zoom: 1
  }

  #portfolio, #portfolio h1 {
      color: #fff
  }

  #hero-slider .slides .flex-caption h1 a, #hero-slider .slides .flex-caption h1 span {
      display: inline-block;
      border-bottom: 1px solid rgba(255, 255, 255, .3)
  }

  .oldie #hero-slider .slides .flex-caption h1, .oldie #hero-slider .slides .flex-caption h3 {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      opacity: 1;
      zoom: 1
  }

  @media only screen and (max-device-width :480px) {
      #hero {
          background: url(../images/960/hero-bg.jpg) center no-repeat #FBEDC4
      }
  }

  @media only screen and (max-width:1200px) {
      #hero-slider .slides .flex-caption h1 {
          font: 64px/1.3 gooddog, sans-serif
      }
  }

  @media only screen and (max-width:1024px) {
      .hero-content {
          padding-bottom: 90px
      }
      #hero-slider {
          text-align: center;
          margin: 102px 0 36px
      }
      #hero-slider .slides .flex-caption {
          margin: 0 auto;
          max-width: 550px;
          width: 90%
      }
      #hero-slider .slides .flex-caption h1 {
          font: 43px/1.3 gooddog, sans-serif
      }
      #hero-slider .slides .flex-caption h1::after {
          margin-left: -50px;
          left: 50%
      }
      #hero-slider .slides .flex-caption h3 {
          font: 16px/1.9 "Source Sans Pro", sans-serif;
          width: 80%;
          margin-left: auto;
          margin-right: auto
      }
  }

  @media only screen and (max-width:768px) {
      #hero {
          min-height: auto
      }
      .hero-content {
          padding-bottom: 72px
      }
      #hero-slider {
          margin: 84px 0 36px
      }
      #hero-slider .slides .flex-caption {
          margin: 0 40px;
          width: auto
      }
      #hero-slider .slides .flex-caption h1 {
          font: 41px/1.3 gooddog, sans-serif
      }
      #hero-slider .slides .flex-caption h3 {
          font: 16px/1.9 "Source Sans Pro", sans-serif;
          font-weight: lighter;
          width: 85%
      }
  }

  @media only screen and (max-width:600px) {
      .hero-content {
          padding-bottom: 72px
      }
      #hero-slider {
          margin: 84px 0 36px
      }
      #hero-slider .slides .flex-caption {
          margin: 0 35px;
          width: auto
      }
      #hero-slider .slides .flex-caption h1 {
          font: 39px/1.3 gooddog, sans-serif
      }
      #hero-slider .slides .flex-caption h3 {
          font: 15px/1.9 "Source Sans Pro", sans-serif;
          font-weight: lighter;
          width: 90%
      }
  }

  @media only screen and (max-width:480px) {
      .hero-content {
          padding-bottom: 72px
      }
      #hero-slider {
          margin: 78px 0 36px
      }
      #hero-slider .slides .flex-caption {
          margin: 0 20px;
          width: auto
      }
      #hero-slider .slides .flex-caption h1 {
          font: 36px/1.3 gooddog, sans-serif
      }
      #hero-slider .slides .flex-caption h3 {
          width: auto
      }
  }

  @media only screen and (max-width:400px) {
      .hero-content {
          padding-bottom: 54px
      }
      #hero-slider {
          margin: 72px 0 24px
      }
      #hero-slider .slides .flex-caption {
          margin: 0
      }
      #hero-slider .slides .flex-caption h1 {
          font: 30px/1.3 gooddog, sans-serif
      }
  }

  #hero .flex-control-nav {
      width: 100%;
      text-align: left;
      display: block;
      position: relative;
      bottom: 0;
      left: 30px;
      z-index: 500
  }

  #hero .flex-control-nav li {
      margin: 0 6px;
      display: inline-block;
      zoom: 1
  }

  #hero .flex-control-paging li a {
      width: 12px;
      height: 12px;
      display: block;
      cursor: pointer;
      text-indent: -9999px;
      border-radius: 50%;
      background: #FFF
  }

  #hero .flex-control-paging li a:hover {
      background: #c8c8c8
  }

  #hero .flex-control-paging li a.flex-active {
      background: #fdc501;
      cursor: default
  }

  @media only screen and (max-width:1024px) {
      #hero .flex-control-nav {
          text-align: center;
          left: 0
      }
  }

  #hero #more {
      position: absolute;
      left: 50%;
      bottom: -27px;
      margin-left: 250px
  }

  #hero #more a {
      font: 14px/54px "Source Sans Pro", sans-serif;
      font-weight: 800;
      text-align: center;
      letter-spacing: 2px;
      display: block;
      height: 54px;
      width: 200px;
      border-radius: 3px;
      background: #e64e04;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
      color: #FFF;
      -moz-transition: all .4s ease-on-out;
      -o-transition: all .4s ease-on-out;
      -webkit-transition: all .4s ease-on-out;
      -ms-transition: all .4s ease-on-out;
      transition: all .4s ease-on-out
  }

  #hero #more a:hover {
      background: #fdc501;
      color: #000
  }

  #hero #more a i {
      margin-left: 6px;
      position: relative;
      right: -5px
  }

  @media only screen and (max-width:1024px) {
      #hero #more {
          margin-left: -100px
      }
  }

  #portfolio {
      background: #659298;
      padding-top: 120px;
      border-bottom: 1px solid #15191d
  }

  #portfolio .row.items {
      max-width: 1260px;
      margin-top: 24px
  }

  @media only screen and (max-width:1300px) {
      #portfolio .row.items {
          width: 100%;
          padding: 0
      }
      #portfolio .row.items .columns {
          padding: 0
      }
  }

  #portfolio-wrapper {
      margin-top: 36px
  }

  #portfolio-wrapper:after, #portfolio-wrapper:before {
      content: "";
      display: table
  }

  #portfolio-wrapper .bgrid {
      padding: 0
  }

  .folio-item .item-wrap {
      background: #111417;
      overflow: hidden;
      position: relative
  }

  .folio-item .item-wrap a {
      display: block;
      cursor: pointer;
      position: relative
  }

  .folio-item .item-wrap .overlay {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .85);
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      zoom: 1;
      -moz-transition: opacity .5s ease-in-out;
      -o-transition: opacity .5s ease-in-out;
      -webkit-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
      transition: opacity .5s ease-in-out
  }

  .folio-item .item-wrap .link-icon {
      display: block;
      height: 30px;
      width: 30px;
      margin-left: -15px;
      margin-top: -15px;
      font-size: 14px;
      line-height: 30px;
      text-align: center;
      color: #FFF;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      zoom: 1;
      -moz-transition: opacity .5s ease-in-out;
      -o-transition: opacity .5s ease-in-out;
      -webkit-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
      transition: opacity .5s ease-in-out;
      position: absolute;
      top: 50%;
      left: 50%
  }

  .folio-item .item-wrap img {
      vertical-align: bottom;
      transition: all .5s ease-in-out
  }

  .folio-item .portfolio-item-meta {
      width: 100%;
      text-align: center;
      position: absolute;
      top: 20%;
      left: -100px;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      zoom: 1;
      -moz-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out
  }

  .placeholder, .popup-modal, .popup-modal .media {
      position: relative
  }

  .mfp-fade.mfp-bg, .popup-modal .link-box a {
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out
  }

  .folio-item .portfolio-item-meta h5 {
      font: 14px/21px "Source Sans Pro", sans-serif;
      font-weight: 800;
      letter-spacing: 2px;
      color: #fff;
      margin: 0
  }

  .folio-item .portfolio-item-meta p {
      font: 14px/18px "Source Sans Pro", sans-serif;
      font-weight: 600;
      color: #8A8A8A;
      margin: 0
  }

  .folio-item:hover .link-icon, .folio-item:hover .overlay, .folio-item:hover .portfolio-item-meta {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      opacity: 1;
      zoom: 1
  }

  .folio-item:hover .portfolio-item-meta {
      left: 0
  }

  .folio-item:hover .item-wrap img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1)
  }

  .no-js .b-lazy {
      display: none
  }

  #raglan-katie {
      padding: 62px 0px;
  }

  .b-lazy {
      width: 100%;
      -webkit-filter: blur(5px);
      filter: blur(5px)
  }

  .b-lazy.b-loaded {
      -webkit-filter: none;
      filter: none
  }

  @media only screen and (max-width:500px) {
      .folio-item .portfolio-item-meta {
          top: 16%
      }
      .folio-item .portfolio-item-meta h5 {
          font: 13px/21px "Source Sans Pro", sans-serif;
          font-weight: 700;
          letter-spacing: 1px
      }
      .folio-item .portfolio-item-meta p {
          font: 13px/18px "Source Sans Pro", sans-serif
      }
  }

  @media only screen and (max-width:400px) {
      .folio-item .portfolio-item-meta {
          top: 12%
      }
      .folio-item .portfolio-item-meta h5 {
          font: 11px/18px "Source Sans Pro", sans-serif;
          font-weight: 700;
          letter-spacing: 1px
      }
      .folio-item .portfolio-item-meta p {
          font: 11px/16px "Source Sans Pro", sans-serif
      }
  }

  .popup-modal {
      max-width: 550px;
      background: #FFF;
      margin: 0 auto
  }

  .popup-modal .description-box {
      padding: 6px 36px 30px
  }

  .popup-modal .description-box h4 {
      font: 15px/24px "Source Sans Pro", sans-serif;
      font-weight: 800;
      color: #000
  }

  .popup-modal .description-box p {
      font: 14px/24px "Source Sans Pro", serif;
      color: #A1A1A1;
      margin-bottom: 12px
  }

  .popup-modal .description-box a {
      color: #389A8A;
      text-decoration: underline
  }

  .popup-modal .categories {
      font: 11px/18px "Source Sans Pro", sans-serif;
      font-weight: 800;
      letter-spacing: 1px;
      display: block;
      text-align: left;
      color: rgba(0, 0, 0, .5)
  }

  .popup-modal .link-box {
      width: 100%;
      overflow: hidden;
      background: #000
  }

  .popup-modal .link-box a {
      font: 12px/60px "Source Sans Pro", sans-serif;
      font-weight: 800;
      color: #FFF;
      letter-spacing: 3px;
      cursor: pointer;
      display: block;
      text-align: center;
      float: left;
      width: 50%;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }

  #services, #team-wrapper, .team {
      display: none
  }

  .popup-modal .link-box a:only-child {
      width: 100%
  }

  .popup-modal .link-box a:first-child {
      border-right: 1px solid rgba(200, 200, 200, .1)
  }

  .popup-modal .link-box a:hover {
      background: #fdc501;
      color: #000;
      border: none
  }

  #about, #services {
      border-bottom: 1px solid #15191d
  }

  .placeholder {
      background-color: #f6f6f6;
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden
  }

  .placeholder img {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      transition: opacity 1s linear
  }

  .mfp-fade.mfp-bg, .mfp-fade.mfp-wrap .mfp-content {
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      zoom: 1
  }

  html.js .placeholder img.loaded, html.no-js .placeholder img {
      opacity: 1
  }

  .img-small {
      -webkit-filter: blur(10px);
      filter: blur(10px)
  }

  @media only screen and (max-width:600px) {
      .popup-modal {
          width: auto;
          margin: 0 20px
      }
  }

  .mfp-fade.mfp-bg {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      transition: all .3s ease-in-out
  }

  .mfp-fade.mfp-wrap .mfp-content, .service-list .bgrid {
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out
  }

  .mfp-fade.mfp-bg.mfp-ready {
      filter: alpha(opacity=80);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      opacity: .8;
      zoom: 1
  }

  .mfp-fade.mfp-bg.mfp-removing {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      zoom: 1
  }

  .mfp-fade.mfp-wrap .mfp-content {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      -moz-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      transition: all .3s ease-in-out
  }

  .process .bgrid, .service-list .bgrid {
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      border-radius: 5px
  }

  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      opacity: 1;
      zoom: 1;
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
  }

  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      zoom: 1;
      -moz-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  #services {
      background: #E9FCF9;
      padding-top: 120px;
      padding-bottom: 120px
  }

  .service-list {
      margin: 18px -2px 0
  }

  .service-list .bgrid {
      padding: 0 22px 6px;
      transition: all .3s ease-in-out
  }

  .service-list .bgrid:hover {
      background: rgba(0, 0, 0, .1)
  }

  #services .service-list h3 {
      font: 18px/36px "Source Sans Pro", sans-serif;
      font-weight: 800;
      color: #fdc501;
      padding: 0;
      text-transform: none;
      text-align: left;
      margin-bottom: 6px
  }

  #about, #about h1 {
      color: #1C464B
  }

  @media only screen and (max-width:1024px) {
      .service-list {
          margin: 18px 0 0
      }
      .service-list .bgrid {
          padding: 0 18px 6px
      }
  }

  @media only screen and (max-width:768px) {
      .service-list .bgrid {
          padding: 0 15px 6px
      }
  }

  @media only screen and (max-width:600px) {
      .service-list .bgrid:hover {
          background: inherit
      }
      .service-list .bgrid {
          padding: 0 10px 6px
      }
  }

  @media only screen and (max-width:400px) {
      .service-list .bgrid {
          padding: 0 0 6px
      }
  }

  #about {
      background: #fff;
      padding: 60px 0
  }

  #about h3 {
      font: 18px/36px "Source Sans Pro", sans-serif;
      font-weight: 700;
      color: #fdc501;
      text-transform: none;
      letter-spacing: 0;
      padding: 0;
      margin-bottom: 6px
  }

  #about a, #about a:visited {
      color: #389A8A;
      text-decoration: underline
  }

  .process {
      margin-top: 12px
  }

  .process .bgrid {
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }

  .process .bgrid:hover {
      background: rgba(0, 0, 0, .1)
  }

  @media only screen and (max-width:600px) {
      .process .bgrid:hover {
          background: inherit
      }
  }

  #about .team {
      margin-top: 30px
  }

  #team-wrapper {
      margin: 0 auto
  }

  #team-wrapper .member {
      margin-bottom: 24px;
      margin-top: 12px
  }

  #team-wrapper .member h3 {
      line-height: 24px;
      margin-bottom: 0
  }

  #team-wrapper .member span {
      position: relative;
      font-size: 13px;
      line-height: 15px;
      color: #FFF
  }

  #team-wrapper .member-pic {
      position: relative;
      line-height: 1;
      overflow: hidden;
      background: #FFF
  }

  #team-wrapper .mask {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: rgba(253, 197, 1, .5);
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      zoom: 1;
      -moz-transition: opacity .5s ease-in-out;
      -o-transition: opacity .5s ease-in-out;
      -webkit-transition: opacity .5s ease-in-out;
      -ms-transition: opacity .5s ease-in-out;
      transition: opacity .5s ease-in-out
  }

  #team-wrapper .member:hover .mask {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      opacity: 1;
      zoom: 1
  }

  #team-wrapper .member-social {
      font-size: 16px;
      font-weight: 400;
      line-height: 18px;
      color: #969696;
      margin: 0;
      padding: 0
  }

  #call-to-action h2, #call-to-action h2 a, #call-to-action span, #team-wrapper .member-social li a {
      color: #FFF
  }

  #team-wrapper .member-social li {
      display: inline-block;
      margin-right: 15px
  }

  @media only screen and (max-width:1024px) {
      #team-wrapper .member-social li {
          margin-right: 10px
      }
  }

  @media only screen and (max-width:768px) {
      #team-wrapper .member p {
          font-size: 14px;
          line-height: 27px
      }
  }

  @media only screen and (max-width:600px) {
      #team-wrapper .member-pic {
          width: 80px;
          height: 80px;
          float: left;
          margin-right: 30px;
          position: relative;
          top: 6px
      }
      #team-wrapper .member-pic .mask {
          display: none
      }
      #team-wrapper .member-name+p {
          clear: both;
          margin-top: 30px
      }
      #team-wrapper .member p {
          font-size: 16px;
          line-height: 30px
      }
  }

  #call-to-action {
      margin-top: 30px;
      padding-top: 36px;
      text-align: center
  }

  #call-to-action h2, #call-to-action p {
      margin-left: auto;
      margin-right: auto;
      width: 80%
  }

  #call-to-action p {
      font: 20px/36px "Souce ", serif;
      color: #707273;
      width: 75%
  }

  #call-to-action .section-ads {
      padding-top: 36px;
      border-top: 1px dotted rgba(150, 150, 150, .1)
  }

  #call-to-action h2 {
      font: 30px/36px "Source Sans Pro", sans-serif;
      font-weight: 700;
      letter-spacing: -.5px;
      margin-bottom: 24px
  }

  #call-to-action h2 span {
      color: #ffd900
  }

  #call-to-action .action a {
      font: 15px/60px "Source Sans Pro", sans-serif;
      font-weight: 700;
      color: #FFF;
      letter-spacing: 2px;
      height: 60px;
      display: block;
      padding: 0 30px;
      max-width: 400px;
      width: 100%;
      background: #e64e04;
      border-radius: 3px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
      margin: 24px auto 0;
      -moz-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out
  }

  #call-to-action .action a:hover {
      background: #fdc501;
      color: #000
  }

  @media only screen and (max-width:600px) {
      #call-to-action h2, #call-to-action p {
          width: 85%
      }
      #call-to-action h2 {
          font: 28px/36px "Source Sans Pro", sans-serif;
          font-weight: 700
      }
      #call-to-action p {
          font: 18px/33px "Source Sans Pro", serif;
          font-weight: lighter;
          width: 80%
      }
  }

  @media only screen and (max-width:400px) {
      #call-to-action h2, #call-to-action p {
          width: auto
      }
      #call-to-action h2 {
          font: 26px/36px "Soure Sans Pro", sans-serif;
          font-weight: 700
      }
      #call-to-action p {
          font: 16px/30px "Source Sans Pro", serif;
          font-weight: lighter
      }
  }

  #testimonials {
      padding-top: 90px;
      padding-bottom: 112px;
      position: relative;
      min-height: 198px;
      width: 100%;
      overflow: hidden;
      text-align: center;
      background: #32484B
  }

  #testimonials .flex-container {
      width: 80%;
      max-width: 850px;
      margin: 0 auto
  }

  #testimonial-slider {
      margin: 0 0 30px;
      padding-left: 0;
      position: relative
  }

  #testimonial-slider p {
      font: 27px/1.9 gooddog, sans-serif;
      color: #FFF;
      padding: 0;
      text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
  }

  #testimonial-slider .testimonial-author {
      display: block;
      font: 16px/24px "Source Sans Pro", sans-serif;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-top: 24px;
      color: #FFF
  }

  #testimonial-slider .testimonial-author img {
      width: 72px;
      height: 72px;
      margin-right: 10px;
      display: inline-block;
      border-radius: 50%;
      border: 6px solid #fff;
      vertical-align: middle
  }

  #testimonial-slider .testimonial-author .author-info {
      display: inline-block;
      vertical-align: middle;
      text-align: left
  }

  #go-top a, #submit-loader, .s-loader, footer .copyright, footer .info, footer .social-links {
      text-align: center
  }

  #testimonial-slider .testimonial-author .author-info span {
      display: block;
      font: 14px/18px "Source Sans Pro", sans-serif;
      font-weight: 800;
      letter-spacing: 0;
      text-transform: none;
      color: rgba(0, 0, 0, .6)
  }

  #contact h3, #message-success {
      color: #fdc501
  }

  #testimonials .flex-control-nav {
      width: 100%;
      text-align: center;
      display: block;
      position: absolute;
      bottom: -72px
  }

  #contact .right, #contact form div, #go-top a i, #submit-loader, footer {
      position: relative
  }

  #testimonials .flex-control-nav li {
      margin: 0 6px;
      display: inline-block;
      zoom: 1
  }

  #testimonials .flex-control-paging li a {
      width: 12px;
      height: 12px;
      display: block;
      background: #fff;
      cursor: pointer;
      text-indent: -9999px;
      border-radius: 20px
  }

  #testimonials .flex-control-paging li a:hover {
      background: #CCC;
      background: rgba(0, 0, 0, .5)
  }

  #testimonials .flex-control-paging li a.flex-active {
      background: #000;
      cursor: default
  }

  @media only screen and (max-width:1024px) {
      #testimonials .flex-container {
          max-width: 700px
      }
      #testimonial-slider p {
          font: 25px/1.9 gooddog, sans-serif
      }
  }

  @media only screen and (max-width:768px) {
      #testimonials .flex-container {
          width: 90%
      }
      #testimonial-slider p {
          font: 22px/1.9 gooddog, sans-serif
      }
  }

  @media only screen and (max-width:600px) {
      #testimonials .flex-container {
          width: 95%
      }
      #testimonial-slider p {
          font: 20px/1.9 "Source San Pro", sans-serif
      }
      #testimonial-slider .testimonial-author {
          font: 14px/24px "Source Sans Pro" sans-serif;
          font-weight: 700
      }
      #testimonial-slider .testimonial-author img {
          width: 60px;
          height: 60px;
          border: 6px solid #fff
      }
      #testimonial-slider .testimonial-author .author-info span {
          font: 12px/18px "Source Sans Pro", sans-serif;
          font-weight: 700
      }
  }

  @media only screen and (max-width:400px) {
      #testimonials .flex-container {
          width: auto
      }
      #testimonial-slider p {
          font: 18px/1.9 "Source Sans Pro", sans-serif
      }
  }

  #contact {
      background: #fff;
      padding-top: 120px;
      padding-bottom: 138px;
      overflow: hidden;
      border-bottom: 1px solid #15191d
  }

  #contact h3 {
      font: 18px/36px "Source Sans Pro", sans-serif;
      font-weight: 800;
      padding: 0;
      margin-bottom: 6px
  }

  #contact li, #contact p {
      color: #707273
  }

  #contact .left {
      padding-right: 35px
  }

  #contact .right {
      padding-left: 35px;
      top: -6px
  }

  @media only screen and (max-width:1024px) {
      #contact .left {
          padding-right: 30px
      }
      #contact .right {
          padding-left: 30px
      }
  }

  @media only screen and (max-width:768px) {
      #contact .left, #contact .right {
          width: 100%;
          padding: 0 15px
      }
      #contact .right p.lead {
          font: 18px/36px "Source Sans Pro", serif;
          font-weight: lighter
      }
  }

  @media only screen and (max-width:600px) {
      #contact .left, #contact .right {
          padding: 0 10px
      }
      #contact .right p.lead {
          font: 17px/33px "Source Sans Pro", serif;
          font-weight: lighter
      }
  }

  @media only screen and (max-width:400px) {
      #contact .left, #contact .right {
          padding: 0
      }
  }

  #contact form {
      margin-top: 12px;
      margin-bottom: 30px
  }

  #contact form div:after, #contact form div:before {
      content: "";
      display: table
  }

  #contact form div label {
      font: 11px/24px "Source Sans Pro", sans-serif;
      font-weight: 700;
      position: absolute;
      bottom: 3px;
      right: 6px;
      border-radius: 3px;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 0 20px;
      color: #e64e04
  }

  #contact select, #contact textarea, input[type=text], input[type=password], input[type=email] {
      margin-bottom: 45px;
      width: 100%
  }

  #contact button.submitform {
      font: 17px/30px "Source Sans Pro", sans-serif;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2px;
      height: 60px;
      display: inline-block;
      padding: 15px 30px;
      width: 100%;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2)
  }

  #message-success, #message-warning {
      display: none;
      background: #0F1215;
      border-radius: 3px;
      padding: 24px;
      margin-bottom: 36px;
      width: 100%
  }

  #message-warning {
      color: #e64e04
  }

  #message-success i, #message-warning i {
      margin-right: 10px
  }

  #submit-loader {
      display: none;
      left: 0;
      top: 18px;
      width: 100%
  }

  #submit-loader .text-loader {
      display: none;
      font: 14px/30px "Source Sans Pro", sans-serif;
      font-weight: 700;
      color: #FFF;
      letter-spacing: 3px;
      text-transform: uppercase
  }

  .oldie #submit-loader .s-loader {
      display: none
  }

  .oldie #submit-loader .text-loader {
      display: block
  }

  .s-loader {
      margin: 12px auto 30px;
      width: 70px;
      -moz-transform: translateX(2.5px);
      -o-transform: translateX(2.5px);
      -webkit-transform: translateX(2.5px);
      -ms-transform: translateX(2.5px);
      transform: translateX(2.5px)
  }

  .s-loader>div {
      width: 12px;
      height: 12px;
      background-color: #FFF;
      border-radius: 100%;
      display: inline-block;
      margin-right: 5px;
      -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both
  }

  .s-loader .bounce1 {
      -webkit-animation-delay: -.32s;
      animation-delay: -.32s
  }

  .s-loader .bounce2 {
      -webkit-animation-delay: -.16s;
      animation-delay: -.16s
  }

  @-webkit-keyframes sk-bouncedelay {
      0%, 100%, 80% {
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0)
      }
      40% {
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1)
      }
  }

  @keyframes sk-bouncedelay {
      0%, 100%, 80% {
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0)
      }
      40% {
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1)
      }
  }

  footer {
      padding-top: 60px;
      padding-bottom: 24px;
      color: rgba(255, 255, 255, .45);
      background: #000
  }

  footer .content {
      margin-bottom: 12px
  }

  footer a, footer a:visited {
      color: #a3a4a6
  }

  footer a:focus, footer a:hover {
      color: #fdc501
  }

  footer hr {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
      max-width: 400px;
      width: 80%;
      border-top: 1px solid rgba(150, 150, 150, .1)
  }

  footer .info {
      width: 90%;
      max-width: 600px;
      margin: 42px auto 36px
  }

  footer .footer-logo {
      width: 80px;
      height: 70px;
      background: url(../images/logo-light@2x.png) center no-repeat;
      background-size: 61px 40px;
      margin: 0 auto 21px;
      display: block;
      filter: alpha(opacity=50);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      opacity: .5;
      zoom: 1
  }

  footer .copyright {
      margin: 15px 0;
      padding: 24px 18px 6px;
      font: 14px/24px "Source Sans Pro", sans-serif;
      font-weight: lighter;
      letter-spacing: .5px
  }

  footer .copyright li {
      display: inline-block;
      padding: 0 5px
  }

  footer .social-links {
      margin: 30px auto 42px;
      padding: 0;
      font-size: 38px
  }

  footer .social-links li {
      display: inline-block;
      margin: 0 0 0 32px;
      padding: 0
  }

  footer .social-links li a {
      color: rgba(255, 255, 255, .5)
  }

  footer .social-links li a:hover {
      color: #fff
  }

  footer .social-links li:first-child {
      margin-left: 0
  }

  @media only screen and (max-width:600px) {
      footer .social-links {
          font-size: 32px
      }
      footer .social-links li {
          margin-left: 18px
      }
  }

  @media only screen and (max-width:450px) {
      footer .social-links {
          font-size: 28px
      }
      footer .social-links li {
          margin-left: 14px
      }
  }

  @media only screen and (max-width:400px) {
      footer .social-links {
          font-size: 25px
      }
      footer .social-links li {
          margin-left: 12px
      }
  }

  @media only screen and (max-width:350px) {
      footer .social-links {
          font-size: 22px
      }
      footer .social-links li {
          margin-left: 10px
      }
  }

  #go-top {
      position: absolute;
      top: -21px;
      left: 50%;
      z-index: 600
  }

  #go-top a {
      text-decoration: none;
      border: 0;
      display: block;
      height: 54px;
      width: 200px;
      margin-left: -100px;
      background: #e64e04;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
      color: #FFF;
      border-radius: 3px;
      font: 14px/54px "Source Sans Pro", sans-serif;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2px;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }

  #go-top a:hover {
      background: #fdc501;
      color: #000
  }

  #go-top a i {
      margin-left: 6px;
      right: -5px
  }