<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
  <title>{if isset($title)}{$title} | {/if}{$domain}</title>
  <meta name="keywords" content="{if isset($meta_keywords)}{$meta_keywords}{else}{$lang.page_keywords}{/if}" />
  <meta name="description" content="{if isset($meta_description)}{$meta_description}{else}{$lang.page_title}{/if}" />
  <link rel="Shortcut icon" href="{$data_server}favicon.ico" />
  {literal}
  <style>
    .bg-cover,.single-photo__image {
      background-size: cover;
      background-position: center center
    }
    
    .full-width,.single-photo,.single-photo__image {
      height: 100%;
      width: 100%
    }
    
    .center-block {
      display: block;
      margin-left: auto;
      margin-right: auto;
      float: none !important
    }
    
    .clearfix:before,.clearfix:after,.tabs:before,.tabs:after,.event:before,.event:after {
      content: " ";
      display: table
    }
    
    .clearfix:after,.tabs:after,.event:after {
      clear: both
    }
    
    .pull-right {
      float: right !important
    }
    
    .pull-left {
      float: left !important
    }
    
    .hide {
      display: none !important
    }
    
    .show {
      display: block !important
    }
    
    .invisible {
      visibility: hidden
    }
    
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0
    }
    
    .hidden {
      display: none !important;
      visibility: hidden !important
    }
    
    .inline-block {
      display: inline-block
    }
    
    .inline {
      display: inline
    }
    
    .block {
      display: block
    }
    
    .visible-xs,.visible-xs--inline,.visible-xs--inline-block,tr.visible-xs,th.visible-xs,td.visible-xs {
      display: none !important
    }
    
    @media (max-width: 767px) {
      .visible-xs {
        display: block !important
      }
      
      .visible-xs--inline {
        display: inline-block !important
      }
      
      .visible-xs--inline-block {
        display: inline-block !important
      }
      
      tr.visible-xs {
        display: table-row !important
      }
      
      th.visible-xs,td.visible-xs {
        display: table-cell !important
      }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
      .visible-xs.visible-sm {
        display: block !important
      }
      
      .visible-xs.visible-sm--inline {
        display: inline-block !important
      }
      
      .visible-xs.visible-sm--inline-block {
        display: inline-block !important
      }
      
      tr.visible-xs.visible-sm {
        display: table-row !important
      }
      
      th.visible-xs.visible-sm,td.visible-xs.visible-sm {
        display: table-cell !important
      }
    }
    
    @media (min-width: 992px) {
      .visible-xs.visible-md {
        display: block !important
      }
      
      .visible-xs.visible-md--inline {
        display: inline-block !important
      }
      
      .visible-xs.visible-md--inline-block {
        display: inline-block !important
      }
      
      tr.visible-xs.visible-md {
        display: table-row !important
      }
      
      th.visible-xs.visible-md,td.visible-xs.visible-md {
        display: table-cell !important
      }
    }
    
    .visible-sm,.visible-sm--inline,.visible-sm--inline-block,tr.visible-sm,th.visible-sm,td.visible-sm {
      display: none !important
    }
    
    @media (max-width: 767px) {
      .visible-sm.visible-xs {
        display: block !important
      }
      
      .visible-sm.visible-xs--inline {
        display: inline-block !important
      }
      
      .visible-sm.visible-xs--inline-block {
        display: inline-block !important
      }
      
      tr.visible-sm.visible-xs {
        display: table-row !important
      }
      
      th.visible-sm.visible-xs,td.visible-sm.visible-xs {
        display: table-cell !important
      }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
      .visible-sm {
        display: block !important
      }
      
      .visible-sm--inline {
        display: inline-block !important
      }
      
      .visible-sm--inline-block {
        display: inline-block !important
      }
      
      tr.visible-sm {
        display: table-row !important
      }
      
      th.visible-sm,td.visible-sm {
        display: table-cell !important
      }
    }
    
    @media (min-width: 992px) {
      .visible-sm.visible-md {
        display: block !important
      }
      
      .visible-sm.visible-md--inline {
        display: inline-block !important
      }
      
      .visible-sm.visible-md--inline-block {
        display: inline-block !important
      }
      
      tr.visible-sm.visible-md {
        display: table-row !important
      }
      
      th.visible-sm.visible-md,td.visible-sm.visible-md {
        display: table-cell !important
      }
    }
    
    .visible-md,.visible-md--inline,.visible-md--inline-block,tr.visible-md,th.visible-md,td.visible-md {
      display: none !important
    }
    
    @media (max-width: 767px) {
      .visible-md.visible-xs {
        display: block !important
      }
      
      .visible-md.visible-xs--inline {
        display: inline-block !important
      }
      
      .visible-md.visible-xs--inline-block {
        display: inline-block !important
      }
      
      tr.visible-md.visible-xs {
        display: table-row !important
      }
      
      th.visible-md.visible-xs,td.visible-md.visible-xs {
        display: table-cell !important
      }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
      .visible-md.visible-sm {
        display: block !important
      }
      
      .visible-md.visible-sm--inline {
        display: inline-block !important
      }
      
      .visible-md.visible-sm--inline-block {
        display: inline-block !important
      }
      
      tr.visible-md.visible-sm {
        display: table-row !important
      }
      
      th.visible-md.visible-sm,td.visible-md.visible-sm {
        display: table-cell !important
      }
    }
    
    @media (min-width: 992px) {
      .visible-md {
        display: block !important
      }
      
      .visible-md--inline {
        display: inline-block !important
      }
      
      .visible-md--inline-block {
        display: inline-block !important
      }
      
      tr.visible-md {
        display: table-row !important
      }
      
      th.visible-md,td.visible-md {
        display: table-cell !important
      }
    }
    
    .hidden-xs {
      display: block !important
    }
    
    .hidden-xs--inline {
      display: inline-block !important
    }
    
    .hidden-xs--inline-block {
      display: inline-block !important
    }
    
    tr.hidden-xs {
      display: table-row !important
    }
    
    th.hidden-xs,td.hidden-xs {
      display: table-cell !important
    }
    
    @media (max-width: 767px) {
      .hidden-xs,.hidden-xs--inline,.hidden-xs--inline-block,tr.hidden-xs,th.hidden-xs,td.hidden-xs {
        display: none !important
      }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
      .hidden-xs.hidden-sm,.hidden-xs.hidden-sm--inline,.hidden-xs.hidden-sm--inline-block,tr.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm {
        display: none !important
      }
    }
    
    @media (min-width: 992px) {
      .hidden-xs.hidden-md,.hidden-xs.hidden-md--inline,.hidden-xs.hidden-md--inline-block,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md {
        display: none !important
      }
    }
    
    .hidden-sm {
      display: block !important
    }
    
    .hidden-sm--inline {
      display: inline-block !important
    }
    
    .hidden-sm--inline-block {
      display: inline-block !important
    }
    
    tr.hidden-sm {
      display: table-row !important
    }
    
    th.hidden-sm,td.hidden-sm {
      display: table-cell !important
    }
    
    @media (max-width: 767px) {
      .hidden-sm.hidden-xs,.hidden-sm.hidden-xs--inline,.hidden-sm.hidden-xs--inline-block,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs {
        display: none !important
      }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
      .hidden-sm,.hidden-sm--inline,.hidden-sm--inline-block,tr.hidden-sm,th.hidden-sm,td.hidden-sm {
        display: none !important
      }
    }
    
    @media (min-width: 992px) {
      .hidden-sm.hidden-md,.hidden-sm.hidden-md--inline,.hidden-sm.hidden-md--inline-block,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md {
        display: none !important
      }
    }
    
    .hidden-md {
      display: block !important
    }
    
    .hidden-md--inline {
      display: inline-block !important
    }
    
    .hidden-md--inline-block {
      display: inline-block !important
    }
    
    tr.hidden-md {
      display: table-row !important
    }
    
    th.hidden-md,td.hidden-md {
      display: table-cell !important
    }
    
    @media (max-width: 767px) {
      .hidden-md.hidden-xs,.hidden-md.hidden-xs--inline,.hidden-md.hidden-xs--inline-block,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs {
        display: none !important
      }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
      .hidden-md.hidden-sm,.hidden-md.hidden-sm--inline,.hidden-md.hidden-sm--inline-block,tr.hidden-md.hidden-sm,th.hidden-md.hidden-sm,td.hidden-md.hidden-sm {
        display: none !important
      }
    }
    
    @media (min-width: 992px) {
      .hidden-md,.hidden-md--inline,.hidden-md--inline-block,tr.hidden-md,th.hidden-md,td.hidden-md {
        display: none !important
      }
    }/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
                                                                   display: block
                                                                 }
    
    audio,canvas,video {
      display: inline-block
    }
    
    audio:not([controls]) {
      display: none;
      height: 0
    }[hidden] {
       display: none
     }
    
    html {
      font-family: sans-serif;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%
    }
    
    body {
      margin: 0
    }
    
    a:focus {
      outline: thin dotted
    }
    
    a:active,a:hover {
      outline: 0
    }
    
    h1 {
      font-size: 2em;
      margin: 0.67em 0
    }
    
    abbr[title] {
      border-bottom: 1px dotted
    }
    
    b,strong {
      font-weight: bold
    }
    
    dfn {
      font-style: italic
    }
    
    hr {
      box-sizing: content-box;
      height: 0
    }
    
    mark {
      background: #ff0;
      color: #000
    }
    
    code,kbd,pre,samp {
      font-family: monospace, serif;
      font-size: 1em
    }
    
    pre {
      white-space: pre-wrap
    }
    
    q {
      quotes: "\201C" "\201D" "\2018" "\2019"
    }
    
    small {
      font-size: 80%
    }
    
    sub,sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
    }
    
    sup {
      top: -0.5em
    }
    
    sub {
      bottom: -0.25em
    }
    
    img {
      border: 0
    }
    
    svg:not(:root) {
      overflow: hidden
    }
    
    figure {
      margin: 0
    }
    
    fieldset {
      border: 1px solid #c0c0c0;
      margin: 0 2px;
      padding: 0.35em 0.625em 0.75em
    }
    
    legend {
      border: 0;
      padding: 0
    }
    
    button,input,select,textarea {
      font-family: inherit;
      font-size: 100%;
      margin: 0;
      padding: 0
    }
    
    button,input {
      line-height: normal
    }
    
    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
    }
    
    input[type="checkbox"],input[type="radio"] {
      box-sizing: border-box;
      padding: 0
    }
    
    input[type="search"] {
      -webkit-appearance: textfield;
      box-sizing: content-box
    }
    
    input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none
    }
    
    button::-moz-focus-inner,input::-moz-focus-inner {
      border: 0;
      padding: 0
    }
    
    textarea {
      overflow: auto;
      vertical-align: top
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0
    }
    
    .container {
      margin-right: auto;
      margin-left: auto;
      padding-left: 12px;
      padding-right: 12px;
      max-width: 1200px
    }
    
    .container:before,.container:after {
      content: " ";
      display: table
    }
    
    .container:after {
      clear: both
    }
    
    .container:before,.container:after {
      content: " ";
      display: table
    }
    
    .container:after {
      clear: both
    }
    
    .container-fluid,.flash__container {
      margin-right: auto;
      margin-left: auto;
      padding-left: 12px;
      padding-right: 12px
    }
    
    .container-fluid:before,.container-fluid:after,.flash__container:before,.flash__container:after {
      content: " ";
      display: table
    }
    
    .container-fluid:after,.flash__container:after {
      clear: both
    }
    
    .container-fluid:before,.container-fluid:after,.flash__container:before,.flash__container:after {
      content: " ";
      display: table
    }
    
    .container-fluid:after,.flash__container:after {
      clear: both
    }
    
    .row {
      margin-left: -12px;
      margin-right: -12px
    }
    
    .row:before,.row:after {
      content: " ";
      display: table
    }
    
    .row:after {
      clear: both
    }
    
    .row:before,.row:after {
      content: " ";
      display: table
    }
    
    .row:after {
      clear: both
    }
    
    .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
      position: relative;
      min-height: 1px;
      padding-left: 12px;
      padding-right: 12px
    }
    
    .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11 {
      float: left
    }
    
    .col-xs-12 {
      width: 100%
    }
    
    .col-xs-11 {
      width: 91.66666667%
    }
    
    .col-xs-10 {
      width: 83.33333333%
    }
    
    .col-xs-9 {
      width: 75%
    }
    
    .col-xs-8 {
      width: 66.66666667%
    }
    
    .col-xs-7 {
      width: 58.33333333%
    }
    
    .col-xs-6 {
      width: 50%
    }
    
    .col-xs-5 {
      width: 41.66666667%
    }
    
    .col-xs-4 {
      width: 33.33333333%
    }
    
    .col-xs-3 {
      width: 25%
    }
    
    .col-xs-2 {
      width: 16.66666667%
    }
    
    .col-xs-1 {
      width: 8.33333333%
    }
    
    .col-xs-pull-12 {
      right: 100%
    }
    
    .col-xs-pull-11 {
      right: 91.66666667%
    }
    
    .col-xs-pull-10 {
      right: 83.33333333%
    }
    
    .col-xs-pull-9 {
      right: 75%
    }
    
    .col-xs-pull-8 {
      right: 66.66666667%
    }
    
    .col-xs-pull-7 {
      right: 58.33333333%
    }
    
    .col-xs-pull-6 {
      right: 50%
    }
    
    .col-xs-pull-5 {
      right: 41.66666667%
    }
    
    .col-xs-pull-4 {
      right: 33.33333333%
    }
    
    .col-xs-pull-3 {
      right: 25%
    }
    
    .col-xs-pull-2 {
      right: 16.66666667%
    }
    
    .col-xs-pull-1 {
      right: 8.33333333%
    }
    
    .col-xs-pull-0 {
      right: 0%
    }
    
    .col-xs-push-12 {
      left: 100%
    }
    
    .col-xs-push-11 {
      left: 91.66666667%
    }
    
    .col-xs-push-10 {
      left: 83.33333333%
    }
    
    .col-xs-push-9 {
      left: 75%
    }
    
    .col-xs-push-8 {
      left: 66.66666667%
    }
    
    .col-xs-push-7 {
      left: 58.33333333%
    }
    
    .col-xs-push-6 {
      left: 50%
    }
    
    .col-xs-push-5 {
      left: 41.66666667%
    }
    
    .col-xs-push-4 {
      left: 33.33333333%
    }
    
    .col-xs-push-3 {
      left: 25%
    }
    
    .col-xs-push-2 {
      left: 16.66666667%
    }
    
    .col-xs-push-1 {
      left: 8.33333333%
    }
    
    .col-xs-push-0 {
      left: 0%
    }
    
    .col-xs-offset-12 {
      margin-left: 100%
    }
    
    .col-xs-offset-11 {
      margin-left: 91.66666667%
    }
    
    .col-xs-offset-10 {
      margin-left: 83.33333333%
    }
    
    .col-xs-offset-9 {
      margin-left: 75%
    }
    
    .col-xs-offset-8 {
      margin-left: 66.66666667%
    }
    
    .col-xs-offset-7 {
      margin-left: 58.33333333%
    }
    
    .col-xs-offset-6 {
      margin-left: 50%
    }
    
    .col-xs-offset-5 {
      margin-left: 41.66666667%
    }
    
    .col-xs-offset-4 {
      margin-left: 33.33333333%
    }
    
    .col-xs-offset-3 {
      margin-left: 25%
    }
    
    .col-xs-offset-2 {
      margin-left: 16.66666667%
    }
    
    .col-xs-offset-1 {
      margin-left: 8.33333333%
    }
    
    .col-xs-offset-0 {
      margin-left: 0%
    }
    
    @media (min-width: 768px) {
      .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11 {
        float: left
      }
      
      .col-sm-12 {
        width: 100%
      }
      
      .col-sm-11 {
        width: 91.66666667%
      }
      
      .col-sm-10 {
        width: 83.33333333%
      }
      
      .col-sm-9 {
        width: 75%
      }
      
      .col-sm-8 {
        width: 66.66666667%
      }
      
      .col-sm-7 {
        width: 58.33333333%
      }
      
      .col-sm-6 {
        width: 50%
      }
      
      .col-sm-5 {
        width: 41.66666667%
      }
      
      .col-sm-4 {
        width: 33.33333333%
      }
      
      .col-sm-3 {
        width: 25%
      }
      
      .col-sm-2 {
        width: 16.66666667%
      }
      
      .col-sm-1 {
        width: 8.33333333%
      }
      
      .col-sm-pull-12 {
        right: 100%
      }
      
      .col-sm-pull-11 {
        right: 91.66666667%
      }
      
      .col-sm-pull-10 {
        right: 83.33333333%
      }
      
      .col-sm-pull-9 {
        right: 75%
      }
      
      .col-sm-pull-8 {
        right: 66.66666667%
      }
      
      .col-sm-pull-7 {
        right: 58.33333333%
      }
      
      .col-sm-pull-6 {
        right: 50%
      }
      
      .col-sm-pull-5 {
        right: 41.66666667%
      }
      
      .col-sm-pull-4 {
        right: 33.33333333%
      }
      
      .col-sm-pull-3 {
        right: 25%
      }
      
      .col-sm-pull-2 {
        right: 16.66666667%
      }
      
      .col-sm-pull-1 {
        right: 8.33333333%
      }
      
      .col-sm-pull-0 {
        right: 0%
      }
      
      .col-sm-push-12 {
        left: 100%
      }
      
      .col-sm-push-11 {
        left: 91.66666667%
      }
      
      .col-sm-push-10 {
        left: 83.33333333%
      }
      
      .col-sm-push-9 {
        left: 75%
      }
      
      .col-sm-push-8 {
        left: 66.66666667%
      }
      
      .col-sm-push-7 {
        left: 58.33333333%
      }
      
      .col-sm-push-6 {
        left: 50%
      }
      
      .col-sm-push-5 {
        left: 41.66666667%
      }
      
      .col-sm-push-4 {
        left: 33.33333333%
      }
      
      .col-sm-push-3 {
        left: 25%
      }
      
      .col-sm-push-2 {
        left: 16.66666667%
      }
      
      .col-sm-push-1 {
        left: 8.33333333%
      }
      
      .col-sm-push-0 {
        left: 0%
      }
      
      .col-sm-offset-12 {
        margin-left: 100%
      }
      
      .col-sm-offset-11 {
        margin-left: 91.66666667%
      }
      
      .col-sm-offset-10 {
        margin-left: 83.33333333%
      }
      
      .col-sm-offset-9 {
        margin-left: 75%
      }
      
      .col-sm-offset-8 {
        margin-left: 66.66666667%
      }
      
      .col-sm-offset-7 {
        margin-left: 58.33333333%
      }
      
      .col-sm-offset-6 {
        margin-left: 50%
      }
      
      .col-sm-offset-5 {
        margin-left: 41.66666667%
      }
      
      .col-sm-offset-4 {
        margin-left: 33.33333333%
      }
      
      .col-sm-offset-3 {
        margin-left: 25%
      }
      
      .col-sm-offset-2 {
        margin-left: 16.66666667%
      }
      
      .col-sm-offset-1 {
        margin-left: 8.33333333%
      }
      
      .col-sm-offset-0 {
        margin-left: 0%
      }
    }
    
    @media (min-width: 992px) {
      .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11 {
        float: left
      }
      
      .col-md-12 {
        width: 100%
      }
      
      .col-md-11 {
        width: 91.66666667%
      }
      
      .col-md-10 {
        width: 83.33333333%
      }
      
      .col-md-9 {
        width: 75%
      }
      
      .col-md-8 {
        width: 66.66666667%
      }
      
      .col-md-7 {
        width: 58.33333333%
      }
      
      .col-md-6 {
        width: 50%
      }
      
      .col-md-5 {
        width: 41.66666667%
      }
      
      .col-md-4 {
        width: 33.33333333%
      }
      
      .col-md-3 {
        width: 25%
      }
      
      .col-md-2 {
        width: 16.66666667%
      }
      
      .col-md-1 {
        width: 8.33333333%
      }
      
      .col-md-pull-12 {
        right: 100%
      }
      
      .col-md-pull-11 {
        right: 91.66666667%
      }
      
      .col-md-pull-10 {
        right: 83.33333333%
      }
      
      .col-md-pull-9 {
        right: 75%
      }
      
      .col-md-pull-8 {
        right: 66.66666667%
      }
      
      .col-md-pull-7 {
        right: 58.33333333%
      }
      
      .col-md-pull-6 {
        right: 50%
      }
      
      .col-md-pull-5 {
        right: 41.66666667%
      }
      
      .col-md-pull-4 {
        right: 33.33333333%
      }
      
      .col-md-pull-3 {
        right: 25%
      }
      
      .col-md-pull-2 {
        right: 16.66666667%
      }
      
      .col-md-pull-1 {
        right: 8.33333333%
      }
      
      .col-md-pull-0 {
        right: 0%
      }
      
      .col-md-push-12 {
        left: 100%
      }
      
      .col-md-push-11 {
        left: 91.66666667%
      }
      
      .col-md-push-10 {
        left: 83.33333333%
      }
      
      .col-md-push-9 {
        left: 75%
      }
      
      .col-md-push-8 {
        left: 66.66666667%
      }
      
      .col-md-push-7 {
        left: 58.33333333%
      }
      
      .col-md-push-6 {
        left: 50%
      }
      
      .col-md-push-5 {
        left: 41.66666667%
      }
      
      .col-md-push-4 {
        left: 33.33333333%
      }
      
      .col-md-push-3 {
        left: 25%
      }
      
      .col-md-push-2 {
        left: 16.66666667%
      }
      
      .col-md-push-1 {
        left: 8.33333333%
      }
      
      .col-md-push-0 {
        left: 0%
      }
      
      .col-md-offset-12 {
        margin-left: 100%
      }
      
      .col-md-offset-11 {
        margin-left: 91.66666667%
      }
      
      .col-md-offset-10 {
        margin-left: 83.33333333%
      }
      
      .col-md-offset-9 {
        margin-left: 75%
      }
      
      .col-md-offset-8 {
        margin-left: 66.66666667%
      }
      
      .col-md-offset-7 {
        margin-left: 58.33333333%
      }
      
      .col-md-offset-6 {
        margin-left: 50%
      }
      
      .col-md-offset-5 {
        margin-left: 41.66666667%
      }
      
      .col-md-offset-4 {
        margin-left: 33.33333333%
      }
      
      .col-md-offset-3 {
        margin-left: 25%
      }
      
      .col-md-offset-2 {
        margin-left: 16.66666667%
      }
      
      .col-md-offset-1 {
        margin-left: 8.33333333%
      }
      
      .col-md-offset-0 {
        margin-left: 0%
      }
    }
    
    @media (min-width: 1200px) {
      .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11 {
        float: left
      }
      
      .col-lg-12 {
        width: 100%
      }
      
      .col-lg-11 {
        width: 91.66666667%
      }
      
      .col-lg-10 {
        width: 83.33333333%
      }
      
      .col-lg-9 {
        width: 75%
      }
      
      .col-lg-8 {
        width: 66.66666667%
      }
      
      .col-lg-7 {
        width: 58.33333333%
      }
      
      .col-lg-6 {
        width: 50%
      }
      
      .col-lg-5 {
        width: 41.66666667%
      }
      
      .col-lg-4 {
        width: 33.33333333%
      }
      
      .col-lg-3 {
        width: 25%
      }
      
      .col-lg-2 {
        width: 16.66666667%
      }
      
      .col-lg-1 {
        width: 8.33333333%
      }
      
      .col-lg-pull-12 {
        right: 100%
      }
      
      .col-lg-pull-11 {
        right: 91.66666667%
      }
      
      .col-lg-pull-10 {
        right: 83.33333333%
      }
      
      .col-lg-pull-9 {
        right: 75%
      }
      
      .col-lg-pull-8 {
        right: 66.66666667%
      }
      
      .col-lg-pull-7 {
        right: 58.33333333%
      }
      
      .col-lg-pull-6 {
        right: 50%
      }
      
      .col-lg-pull-5 {
        right: 41.66666667%
      }
      
      .col-lg-pull-4 {
        right: 33.33333333%
      }
      
      .col-lg-pull-3 {
        right: 25%
      }
      
      .col-lg-pull-2 {
        right: 16.66666667%
      }
      
      .col-lg-pull-1 {
        right: 8.33333333%
      }
      
      .col-lg-pull-0 {
        right: 0%
      }
      
      .col-lg-push-12 {
        left: 100%
      }
      
      .col-lg-push-11 {
        left: 91.66666667%
      }
      
      .col-lg-push-10 {
        left: 83.33333333%
      }
      
      .col-lg-push-9 {
        left: 75%
      }
      
      .col-lg-push-8 {
        left: 66.66666667%
      }
      
      .col-lg-push-7 {
        left: 58.33333333%
      }
      
      .col-lg-push-6 {
        left: 50%
      }
      
      .col-lg-push-5 {
        left: 41.66666667%
      }
      
      .col-lg-push-4 {
        left: 33.33333333%
      }
      
      .col-lg-push-3 {
        left: 25%
      }
      
      .col-lg-push-2 {
        left: 16.66666667%
      }
      
      .col-lg-push-1 {
        left: 8.33333333%
      }
      
      .col-lg-push-0 {
        left: 0%
      }
      
      .col-lg-offset-12 {
        margin-left: 100%
      }
      
      .col-lg-offset-11 {
        margin-left: 91.66666667%
      }
      
      .col-lg-offset-10 {
        margin-left: 83.33333333%
      }
      
      .col-lg-offset-9 {
        margin-left: 75%
      }
      
      .col-lg-offset-8 {
        margin-left: 66.66666667%
      }
      
      .col-lg-offset-7 {
        margin-left: 58.33333333%
      }
      
      .col-lg-offset-6 {
        margin-left: 50%
      }
      
      .col-lg-offset-5 {
        margin-left: 41.66666667%
      }
      
      .col-lg-offset-4 {
        margin-left: 33.33333333%
      }
      
      .col-lg-offset-3 {
        margin-left: 25%
      }
      
      .col-lg-offset-2 {
        margin-left: 16.66666667%
      }
      
      .col-lg-offset-1 {
        margin-left: 8.33333333%
      }
      
      .col-lg-offset-0 {
        margin-left: 0%
      }
    }
    
    *,*:before,*:after {
      box-sizing: border-box
    }
    
    html {
      height: 100%;
      font-size: 62.5%;
      -webkit-tap-highlight-color: transparent
    }
    
    body {
      height: 100%;
      font-family: "微软雅黑", "microsoft yahei", "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif;
      font-size: 15px;
      font-weight: 400;
      line-height: 1.6;
      color: #111111;
      background-color: #ffffff
    }
    
    body.theme-inverse {
      color: #e6e6e6;
      background-color: #111111
    }
    
    input,button,select,textarea {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit
    }
    
    a {
      color: #999999;
      text-decoration: underline;
      -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
      transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out
    }
    
    a:hover,a:focus {
      color: #111111
    }
    
    a:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px
    }
    
    .theme-inverse a {
      color: #999999
    }
    
    .theme-inverse a:hover,.theme-inverse a:focus {
      color: #ffffff
    }
    
    img {
      vertical-align: middle
    }
    
    .img-responsive,.upload-circular__image {
      display: block;
      width: 100%;
      height: auto
    }
    
    .img-circle {
      border-radius: 50%
    }
    
    hr {
      margin-top: 7px;
      margin-bottom: 7px;
      border: 0;
      border-top: 1px solid #e6e6e6
    }
    
    .not-yet-animated {
      opacity: 0
    }
    
    .animated {
      -webkit-animation-duration: .7s;
      animation-duration: .7s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both
    }
    
    .animated-slow {
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both
    }
    
    .animated-fast {
      -webkit-animation-duration: .5s;
      animation-duration: .5s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both
    }
    
    .bounce {
      -webkit-animation: bounce 2s infinite;
      animation: bounce 2s infinite
    }
    
    @-webkit-keyframes bounce {
      0%,
      20%,
      50%,
      80%,
      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
      
      40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
      }
      
      60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
      }
    }
    
    @keyframes bounce {
      0%,
      20%,
      50%,
      80%,
      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
      
      40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
      }
      
      60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
      }
    }
    
    @-webkit-keyframes fade-in-up {
      0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
      }
      
      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
    }
    
    @keyframes fade-in-up {
      0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
      }
      
      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
    }
    
    .fade-in-up {
      -webkit-animation-name: fade-in-up;
      animation-name: fade-in-up
    }
    
    @-webkit-keyframes fade-out-up {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
      
      100% {
        opacity: 0;
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px)
      }
    }
    
    @keyframes fade-out-up {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
      
      100% {
        opacity: 0;
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px)
      }
    }
    
    .fade-out-up {
      -webkit-animation-name: fade-out-up;
      animation-name: fade-out-up
    }
    
    @-webkit-keyframes fade-out-down {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
      
      100% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
      }
    }
    
    @keyframes fade-out-down {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
      
      100% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
      }
    }
    
    .fade-out-down {
      -webkit-animation-name: fade-out-down;
      animation-name: fade-out-down
    }
    
    .ui-helper-hidden {
      display: none
    }
    
    .ui-helper-hidden-accessible {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px
    }
    
    .ui-helper-reset {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      line-height: 1.3;
      text-decoration: none;
      font-size: 100%;
      list-style: none
    }
    
    .ui-helper-clearfix:before,.ui-helper-clearfix:after {
      content: "";
      display: table;
      border-collapse: collapse
    }
    
    .ui-helper-clearfix:after {
      clear: both
    }
    
    .ui-helper-clearfix {
      min-height: 0
    }
    
    .ui-helper-zfix {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      opacity: 0;
      filter: alpha(opacity=0)
    }
    
    .ui-front {
      z-index: 100
    }
    
    .ui-state-disabled {
      cursor: default !important
    }
    
    .ui-icon {
      display: block;
      text-indent: -99999px;
      overflow: hidden;
      background-repeat: no-repeat
    }
    
    .ui-widget-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }
    
    .ui-autocomplete {
      position: absolute;
      top: 0;
      left: 0;
      cursor: default
    }
    
    .ui-menu {
      list-style: none;
      padding: 0;
      margin: 0;
      display: block;
      outline: none
    }
    
    .ui-menu .ui-menu {
      position: absolute
    }
    
    .ui-menu .ui-menu-item {
      position: relative;
      margin: 0;
      padding: 3px 1em 3px .4em;
      cursor: pointer;
      min-height: 0;
      list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
    }
    
    .ui-menu .ui-menu-divider {
      margin: 5px 0;
      height: 0;
      font-size: 0;
      line-height: 0;
      border-width: 1px 0 0 0
    }
    
    .ui-menu .ui-state-focus,.ui-menu .ui-state-active {
      margin: -1px
    }
    
    .ui-menu-icons {
      position: relative
    }
    
    .ui-menu-icons .ui-menu-item {
      padding-left: 2em
    }
    
    .ui-menu .ui-icon {
      position: absolute;
      top: 0;
      bottom: 0;
      left: .2em;
      margin: auto 0
    }
    
    .ui-menu .ui-menu-icon {
      left: auto;
      right: 0
    }
    
    .arch:before,.arch:after {
      content: " ";
      display: table
    }
    
    .arch:after {
      clear: both
    }
    
    .arch:before,.arch:after {
      content: " ";
      display: table
    }
    
    .arch:after {
      clear: both
    }
    
    .arch .arch-left {
      float: none;
      text-align: left
    }
    
    .arch .arch-right {
      float: none;
      text-align: left
    }
    
    @media (min-width: 768px) {
      .arch .arch-left {
        float: left !important
      }
      
      .arch .arch-right {
        float: right !important;
        text-align: right
      }
    }
    
    .flag {
      display: table
    }
    
    .flag__image,.flag__body {
      display: table-cell;
      vertical-align: middle
    }
    
    .flag--top .flag__image,.flag--top .flag__body {
      vertical-align: top
    }
    
    .flag--bottom .flag__image,.flag--bottom .flag__body {
      vertical-align: bottom
    }
    
    .flag__image {
      padding-right: 10px
    }
    
    .flag__image>img {
      display: block;
      max-width: none
    }
    
    .flag--rev .flag__image {
      padding-right: 0;
      padding-left: 10px
    }
    
    .flag__body {
      width: 100%
    }
    
    .media:before,.media:after {
      content: " ";
      display: table
    }
    
    .media:after {
      clear: both
    }
    
    .media:before,.media:after {
      content: " ";
      display: table
    }
    
    .media:after {
      clear: both
    }
    
    .media,.media__body {
      overflow: hidden;
      zoom: 1
    }
    
    .media .media__img {
      float: left;
      margin-right: 10px
    }
    
    .media .media__img img {
      display: block
    }
    
    table {
      background-color: #ffffff
    }
    
    th {
      text-align: left
    }
    
    .table,.documentation-block table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 6px
    }
    
    .table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td,.documentation-block table>thead>tr>th,.documentation-block table>tbody>tr>th,.documentation-block table>tfoot>tr>th,.documentation-block table>thead>tr>td,.documentation-block table>tbody>tr>td,.documentation-block table>tfoot>tr>td {
      padding: 6px;
      line-height: 1.6;
      vertical-align: top;
      border-top: 1px solid #e6e6e6
    }
    
    .table>thead>tr>th,.documentation-block table>thead>tr>th {
      vertical-align: bottom;
      border-bottom: 2px solid #e6e6e6
    }
    
    .table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td,.documentation-block table>caption+thead>tr:first-child>th,.documentation-block table>colgroup+thead>tr:first-child>th,.documentation-block table>thead:first-child>tr:first-child>th,.documentation-block table>caption+thead>tr:first-child>td,.documentation-block table>colgroup+thead>tr:first-child>td,.documentation-block table>thead:first-child>tr:first-child>td {
      border-top: 0
    }
    
    .table>tbody+tbody,.documentation-block table>tbody+tbody {
      border-top: 2px solid #e6e6e6
    }
    
    .table .table,.documentation-block table .documentation-block table {
      background-color: #ffffff
    }
    
    .table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
      padding: 3px
    }
    
    .table-bordered,.documentation-block table {
      border: 1px solid #e6e6e6
    }
    
    .table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td,.documentation-block table>thead>tr>th,.documentation-block table>tbody>tr>th,.documentation-block table>tfoot>tr>th,.documentation-block table>thead>tr>td,.documentation-block table>tbody>tr>td,.documentation-block table>tfoot>tr>td {
      border: 1px solid #e6e6e6
    }
    
    .table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.documentation-block table>thead>tr>th,.documentation-block table>thead>tr>td {
      border-bottom-width: 2px
    }
    
    .table-striped>tbody>tr:nth-child(odd) {
      background-color: #fafafa
    }
    
    .table-hover>tbody>tr:hover {
      background-color: #ffffc4
    }
    
    table col[class*="col-"] {
      position: static;
      float: none;
      display: table-column
    }
    
    table td[class*="col-"],table th[class*="col-"] {
      position: static;
      float: none;
      display: table-cell
    }
    
    .table-responsive {
      overflow-x: auto
    }
    
    @media screen and (max-width: 767px) {
      .table-responsive {
        width: 100%;
        margin-bottom: 0.75;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #e6e6e6
      }
      
      .table-responsive>.table,.table-responsive>.documentation-block table {
        margin-bottom: 0
      }
      
      .table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td,.table-responsive>.documentation-block table>thead>tr>th,.table-responsive>.documentation-block table>tbody>tr>th,.table-responsive>.documentation-block table>tfoot>tr>th,.table-responsive>.documentation-block table>thead>tr>td,.table-responsive>.documentation-block table>tbody>tr>td,.table-responsive>.documentation-block table>tfoot>tr>td {
        white-space: nowrap
      }
      
      .table-responsive>.table-bordered,.table-responsive>.documentation-block table {
        border: 0
      }
      
      .table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.documentation-block table>thead>tr>th:first-child,.table-responsive>.documentation-block table>tbody>tr>th:first-child,.table-responsive>.documentation-block table>tfoot>tr>th:first-child,.table-responsive>.documentation-block table>thead>tr>td:first-child,.table-responsive>.documentation-block table>tbody>tr>td:first-child,.table-responsive>.documentation-block table>tfoot>tr>td:first-child {
        border-left: 0
      }
      
      .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.documentation-block table>thead>tr>th:last-child,.table-responsive>.documentation-block table>tbody>tr>th:last-child,.table-responsive>.documentation-block table>tfoot>tr>th:last-child,.table-responsive>.documentation-block table>thead>tr>td:last-child,.table-responsive>.documentation-block table>tbody>tr>td:last-child,.table-responsive>.documentation-block table>tfoot>tr>td:last-child {
        border-right: 0
      }
      
      .table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.documentation-block table>tbody>tr:last-child>th,.table-responsive>.documentation-block table>tfoot>tr:last-child>th,.table-responsive>.documentation-block table>tbody>tr:last-child>td,.table-responsive>.documentation-block table>tfoot>tr:last-child>td {
        border-bottom: 0
      }
    }
    
    .nav,.uploader__navigation,.user-profile-header__nav,.documentation-list ul {
      list-style: none;
      margin-left: 0;
      padding-left: 0
    }
    
    .nav:before,.nav:after,.uploader__navigation:before,.uploader__navigation:after,.user-profile-header__nav:before,.user-profile-header__nav:after {
      content: " ";
      display: table
    }
    
    .nav:after,.uploader__navigation:after,.user-profile-header__nav:after {
      clear: both
    }
    
    .nav:before,.nav:after,.uploader__navigation:before,.uploader__navigation:after,.user-profile-header__nav:before,.user-profile-header__nav:after {
      content: " ";
      display: table
    }
    
    .nav:after,.uploader__navigation:after,.user-profile-header__nav:after {
      clear: both
    }
    
    .nav>li.active a,.nav>li.active a:hover,.uploader__navigation>li.active a,.uploader__navigation>li.active a:hover,.user-profile-header__nav>li.active a,.user-profile-header__nav>li.active a:hover {
      color: #111111;
      text-decoration: none;
      pointer-events: none
    }
    
    .theme-inverse .nav>li.active a,.theme-inverse .nav>li.active a:hover,.theme-inverse .uploader__navigation>li.active a,.theme-inverse .uploader__navigation>li.active a:hover,.theme-inverse .user-profile-header__nav>li.active a,.theme-inverse .user-profile-header__nav>li.active a:hover {
      color: #ffffff
    }
    
    .nav>li,.nav>li>a,.uploader__navigation>li,.uploader__navigation>li>a,.user-profile-header__nav>li,.user-profile-header__nav>li>a {
      display: inline-block;
      *display: inline;
      zoom: 1
    }
    
    .nav--stacked>li {
      display: list-item;
      display: block
    }
    
    .nav--stacked>li,.nav--stacked>li>a {
      display: block
    }
    
    .nav--stacked>li .btn__text,.nav--stacked>li>a .btn__text {
      display: inline
    }
    
    .nav--stacked>li {
      padding: 8px 0
    }
    
    .nav--stacked>li:first-of-type {
      padding-top: 0
    }
    
    .nav--stacked>li:last-of-type {
      padding-bottom: 0
    }
    
    .nav--banner {
      text-align: center
    }
    
    .nav--spaced>li,.uploader__navigation>li,.user-profile-header__nav>li {
      padding: 0 8px
    }
    
    .nav--spaced>li:first-of-type,.uploader__navigation>li:first-of-type,.user-profile-header__nav>li:first-of-type {
      padding-left: 0
    }
    
    .nav--spaced>li:last-of-type,.uploader__navigation>li:last-of-type,.user-profile-header__nav>li:last-of-type {
      padding-right: 0
    }
    
    .nav--header {
      padding: 0 20px
    }
    
    .nav--justified {
      width: 100%
    }
    
    .nav--justified>li {
      float: none;
      text-align: center
    }
    
    .nav--justified>li>a {
      margin-bottom: 5px
    }
    
    .nav--justified>.dropdown .dropdown-menu {
      top: auto;
      left: auto
    }
    
    @media (min-width: 768px) {
      .nav--justified>li {
        display: table-cell;
        width: 1%
      }
      
      .nav--justified>li>a {
        margin-bottom: 0
      }
    }
    
    .nav__vertical-spacer {
      border: 0;
      padding: 16px 0
    }
    
    .vertical-wrapper {
      display: table;
      width: 100%;
      height: 100%
    }
    
    .vertical-cell {
      display: table-cell;
      vertical-align: middle
    }
    
    fieldset {
      padding: 0;
      margin: 0;
      border: 0;
      min-width: 0
    }
    
    button {
      background-color: transparent;
      outline: 0;
      border: 0;
      -webkit-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out
    }
    
    label {
      display: inline-block;
      max-width: 100%;
      margin-bottom: 5px
    }
    
    input[type="search"] {
      box-sizing: border-box
    }
    
    input[type="radio"],input[type="checkbox"] {
      margin: 5px 0 0;
      margin-top: 1px \9;
      line-height: normal
    }
    
    input[type="file"] {
      display: block
    }
    
    input[type="range"] {
      display: block;
      width: 100%
    }
    
    select[multiple],select[size] {
      height: auto
    }
    
    input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px
    }
    
    .form-control {
      display: block;
      width: 100%;
      height: 40px;
      padding: 6px 12px;
      font-size: 15px;
      line-height: 1.6;
      color: #111111;
      background-color: transparent;
      background-image: none;
      border: 1px solid #999999;
      border-radius: 3px;
      -webkit-transition: border-color ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s
    }
    
    .form-control:focus {
      border-color: #111111;
      outline: 0
    }
    
    .form-control::-moz-placeholder {
      color: #999999;
      opacity: 1
    }
    
    .form-control:-ms-input-placeholder {
      color: #999999
    }
    
    .form-control::-webkit-input-placeholder {
      color: #999999
    }
    
    .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
      cursor: not-allowed;
      background-color: #e6e6e6;
      opacity: 1
    }
    
    textarea.form-control {
      height: auto
    }
    
    .theme-inverse .form-control {
      color: #ffffff;
      border-color: #999999
    }
    
    .theme-inverse .form-control::-moz-placeholder {
      color: #5e5e5e;
      opacity: 1
    }
    
    .theme-inverse .form-control:-ms-input-placeholder {
      color: #5e5e5e
    }
    
    .theme-inverse .form-control::-webkit-input-placeholder {
      color: #5e5e5e
    }
    
    .theme-inverse .form-control:focus {
      border-color: #ffffff;
      outline: 0
    }
    
    input[type="search"] {
      -webkit-appearance: none
    }
    
    .form-group {
      margin-bottom: 24px
    }
    
    .form-group--large {
      margin: 48px 0
    }
    
    .form-group .input-group {
      display: inline-table;
      width: 100%
    }
    
    .form-group .input-group .input-group-addon,.form-group .input-group .form-control {
      display: table-cell
    }
    
    .form-group .input-group .input-group-addon {
      text-align: center;
      border: 1px solid #999999;
      border-right: 0;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
    }
    
    .form-group .input-group .input-group-addon+input {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }
    
    .radio,.checkbox {
      position: relative;
      display: block;
      margin-bottom: 10px
    }
    
    .radio label,.checkbox label {
      min-height: 18px;
      margin-bottom: 0;
      font-weight: normal;
      cursor: pointer
    }
    
    .checkbox--align-top label {
      vertical-align: top
    }
    
    .radio+.radio,.checkbox+.checkbox {
      margin-top: -5px
    }
    
    .radio-inline,.checkbox-inline {
      display: inline-block;
      padding-left: 24px;
      margin-bottom: 0;
      vertical-align: middle;
      font-weight: normal;
      cursor: pointer
    }
    
    .radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
      margin-top: 0;
      margin-left: 10px
    }
    
    input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {
      cursor: not-allowed
    }
    
    .radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline {
      cursor: not-allowed
    }
    
    .radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label {
      cursor: not-allowed
    }
    
    .help-block {
      display: block;
      margin-top: -6px;
      margin-bottom: 10px;
      color: #515151
    }
    
    @media (min-width: 768px) {
      .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
      }
      
      .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
      }
      
      .form-inline .form-control-static {
        display: inline-block
      }
      
      .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
      }
      
      .form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control {
        width: auto
      }
      
      .form-inline .input-group>.form-control {
        width: 100%
      }
      
      .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
      }
      
      .form-inline .radio,.form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
      }
      
      .form-inline .radio label,.form-inline .checkbox label {
        padding-left: 0
      }
      
      .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
      }
      
      .form-inline .has-feedback .form-control-feedback {
        top: 0
      }
    }
    
    .form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 7px
    }
    
    .form-horizontal .radio,.form-horizontal .checkbox {
      min-height: 25px
    }
    
    .form-horizontal .form-group {
      margin-left: -12px;
      margin-right: -12px
    }
    
    .form-horizontal .form-group:before,.form-horizontal .form-group:after {
      content: " ";
      display: table
    }
    
    .form-horizontal .form-group:after {
      clear: both
    }
    
    .form-horizontal .form-group:before,.form-horizontal .form-group:after {
      content: " ";
      display: table
    }
    
    .form-horizontal .form-group:after {
      clear: both
    }
    
    @media (min-width: 768px) {
      .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 19px
      }
    }
    
    .form-horizontal .has-feedback .form-control-feedback {
      right: 12px
    }
    
    .form-separator {
      height: 1px;
      margin: 36px 0
    }
    
    .form-separator p {
      display: block;
      color: #111111;
      margin: -11px auto;
      font-size: 12px;
      text-transform: uppercase;
      text-align: center;
      width: 30px
    }
    
    h1,h2,h3,h4,h5,h6 {
      font-size: 22px;
      font-weight: 400;
      margin: 0 0 18px;
      padding: 0
    }
    
    .heading-zeroed {
      margin: 0;
      padding: 0
    }
    
    .alpha {
      font-size: 36px;
      line-height: 42px
    }
    
    .beta {
      font-size: 30px;
      line-height: 42px
    }
    
    .gamma {
      font-size: 24px;
      line-height: 30px
    }
    
    .delta {
      font-size: 18px;
      line-height: 24px
    }
    
    .epsilon {
      font-size: 15px;
      line-height: 24px
    }
    
    .zeta {
      font-size: 12px;
      line-height: 15px
    }
    
    .eta {
      font-size: 11px;
      line-height: 15px
    }
    
    .text-heading {
      text-transform: uppercase;
      letter-spacing: 0.1em
    }
    
    .heading-secondary,.date,.event__title {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.04em
    }
    
    p,.paragraph {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.6;
      margin: 18px 0
    }
    
    .paragraph--small {
      font-size: 12px;
      line-height: 1.67
    }
    
    .text-left {
      text-align: left !important
    }
    
    .text-center {
      text-align: center !important
    }
    
    .text-right {
      text-align: right !important
    }
    
    .text-overflow {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }
    
    .text-weight--bold {
      font-weight: bold
    }
    
    .text-weight--regular {
      font-weight: normal
    }
    
    .list-unstyled {
      padding-left: 0;
      list-style: none
    }
    
    .highlight {
      display: inline;
      background-color: #ffffc4;
      padding: 2px 3px
    }
    
    .text-shadow {
      text-shadow: 0 1px 2px rgba(0,0,0,0.4)
    }
    
    .text-black {
      color: #111111 !important
    }
    
    a.text-black:hover {
      color: #999999
    }
    
    .text-danger {
      color: #e25c3d !important
    }
    
    a.text-danger:hover {
      color: #c95136 !important
    }
    
    .text-warning {
      color: #e0af53 !important
    }
    
    a.text-warning:hover {
      color: #c79b4a !important
    }
    
    .text-success {
      color: #75a147 !important
    }
    
    a.text-success:hover {
      color: #63873b !important
    }
    
    .text-mono {
      font-family: Courier, monospace
    }
    
    .text-sans {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
    }
    
    .link--no-underline a,a.link--no-underline {
      text-decoration: none !important
    }
    
    .link--no-underline a:hover,a.link--no-underline:hover {
      text-decoration: none !important
    }
    
    code,kbd,pre,samp {
      font-family: Courier, monospace
    }
    
    code {
      padding: 2px 4px;
      font-size: 90%;
      color: #111111;
      background-color: #e6e6e6;
      border-radius: 5px
    }
    
    kbd {
      padding: 2px 4px;
      font-size: 90%;
      color: #ffffff;
      background-color: #111111;
      border-radius: 3px;
      box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25)
    }
    
    kbd kbd {
      padding: 0;
      font-size: 100%;
      font-weight: bold;
      box-shadow: none
    }
    
    pre {
      display: block;
      padding: 12px 18px;
      margin: 18px 0 18px;
      font-size: 14px;
      line-height: 1.6;
      word-break: break-all;
      word-wrap: break-word;
      color: #111111;
      background-color: #e6e6e6;
      border: 1px solid #e6e6e6;
      border-radius: 5px
    }
    
    pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      white-space: pre-wrap;
      background-color: transparent;
      border-radius: 0
    }
    
    .pre-scrollable {
      max-height: 340px;
      overflow-y: scroll
    }
    
    .sheet,.theme-inverse .sheet--inverse {
      display: block;
      background-color: transparent
    }
    
    .sheet--padding,.uploader__navigation {
      padding-top: 30px;
      padding-bottom: 30px
    }
    
    @media (min-width: 768px) {
      .sheet--padding,.uploader__navigation {
        padding-top: 45px;
        padding-bottom: 45px
      }
    }
    
    @media (min-width: 992px) {
      .sheet--padding,.uploader__navigation {
        padding-top: 80px;
        padding-bottom: 80px
      }
    }
    
    .sheet--padding-small {
      padding-top: 15px;
      padding-bottom: 15px
    }
    
    @media (min-width: 768px) {
      .sheet--padding-small {
        padding-top: 22.5px;
        padding-bottom: 22.5px
      }
    }
    
    @media (min-width: 992px) {
      .sheet--padding-small {
        padding-top: 40px;
        padding-bottom: 40px
      }
    }
    
    .sheet--margin {
      margin-top: 30px;
      margin-bottom: 30px
    }
    
    @media (min-width: 768px) {
      .sheet--margin {
        margin-top: 45px;
        margin-bottom: 45px
      }
    }
    
    @media (min-width: 992px) {
      .sheet--margin {
        margin-top: 80px;
        margin-bottom: 80px
      }
    }
    
    .text-primary {
      color: #111111
    }
    
    .text-secondary {
      color: #999999
    }
    
    .sheet--alt {
      background-color: #e6e6e6
    }
    
    .sheet--inverse,.theme-inverse .sheet {
      background-color: #111111;
      color: #ffffff
    }
    
    .sheet--inverse .text-primary,.theme-inverse .sheet .text-primary {
      color: #ffffff
    }
    
    .sheet--inverse .text-secondary,.theme-inverse .sheet .text-secondary {
      color: #999999
    }
    
    .sheet--inverse a,.theme-inverse .sheet a {
      color: #e6e6e6
    }
    
    .sheet--inverse a:hover,.theme-inverse .sheet a:hover {
      color: #ffffff
    }
    
    .sheet--overlay {
      background-color: transparent;
      color: #ffffff;
      text-shadow: 0px 1px 1px rgba(0,0,0,0.5)
    }
    
    .sheet--overlay .text-primary {
      color: #ffffff
    }
    
    .sheet--overlay .text-secondary {
      color: #e6e6e6;
      opacity: 0.8
    }
    
    .sheet--overlay a {
      color: #ffffff;
      opacity: 0.6
    }
    
    .sheet--overlay a:hover {
      color: #ffffff;
      opacity: 1
    }
    
    .btn {
      display: inline-block;
      margin-bottom: 0;
      font-weight: 500;
      text-align: center;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      text-decoration: none;
      padding: 9px 18px;
      font-size: 15px;
      line-height: 1.6;
      border-radius: 6px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out
    }
    
    .btn .icon {
      font-size: 21px
    }
    
    .btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px
    }
    
    .btn:hover,.btn:focus,.btn.focus {
      color: #ffffff;
      text-decoration: none
    }
    
    .btn:active,.btn.active {
      outline: 0;
      background-image: none
    }
    
    .btn.disabled,.btn[disabled],fieldset[disabled] .btn {
      cursor: not-allowed;
      pointer-events: none;
      opacity: 0.40
    }
    
    .btn__text {
      display: inline
    }
    
    .btn__text--hide-on-xs {
      display: none !important
    }
    
    .btn__text--show-on-xs {
      display: inline !important
    }
    
    @media (min-width: 768px) {
      .btn__text--hide-on-xs {
        display: inline !important
      }
      
      .btn__text--show-on-xs {
        display: none !important
      }
    }
    
    .btn-default,.theme-inverse .btn-inverse {
      color: #ffffff;
      background-color: #111111
    }
    
    .btn-default:hover,.theme-inverse .btn-inverse:hover,.btn-default:active,.theme-inverse .btn-inverse:active {
      background-color: #000000
    }
    
    .btn-inverse,.theme-inverse .btn-default {
      color: #111111;
      background-color: #ffffff
    }
    
    .btn-warning {
      color: #ffffff;
      background-color: #e0af53
    }
    
    .btn-warning:hover,.btn-warning:active {
      background-color: #c79b4a
    }
    
    .btn-danger {
      color: #ffffff;
      background-color: #e25c3d
    }
    
    .btn-danger:hover,.btn-danger:active {
      background-color: #c95136
    }
    
    .btn-link-danger {
      color: #e25c3d;
      font-weight: normal;
      border-radius: 0;
      padding: 0;
      text-decoration: underline
    }
    
    .btn-link-danger,.btn-link-danger:active,.btn-link-danger.active,.btn-link-danger[disabled],fieldset[disabled] .btn-link-danger {
      background-color: transparent
    }
    
    .btn-link-danger,.btn-link-danger:hover,.btn-link-danger:focus,.btn-link-danger:active {
      border-color: transparent
    }
    
    .btn-link-danger:hover,.btn-link-danger:focus {
      color: #c95136;
      text-decoration: underline;
      background-color: transparent
    }
    
    .btn-link-danger[disabled]:hover,fieldset[disabled] .btn-link-danger:hover,.btn-link-danger[disabled]:focus,fieldset[disabled] .btn-link-danger:focus {
      color: #c95136;
      text-decoration: none
    }
    
    .btn-link-danger--no-underline {
      text-decoration: none
    }
    
    .btn-link-danger--no-underline:hover,.btn-link-danger--no-underline:focus {
      text-decoration: none
    }
    
    .btn-success {
      color: #ffffff;
      background-color: #75a147
    }
    
    .btn-success:hover,.btn-success:active {
      background-color: #63873b
    }
    
    .btn-facebook {
      color: #ffffff;
      background-color: #4c66a4
    }
    
    .btn-facebook:hover,.btn-facebook:active {
      background-color: #3c5081
    }
    
    .btn-twitter {
      color: #ffffff;
      background-color: #00ADE9
    }
    
    .btn-twitter:hover,.btn-twitter:active {
      background-color: #0087b6
    }
    
    .btn-outline {
      backgorund-color: transparent;
      color: #777777;
      border: 1px solid #dddddd;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out
    }
    
    .btn-outline:hover,.btn-outline:focus {
      color: #111111;
      border-color: #999999
    }
    
    .sheet--overlay .btn-outline {
      color: #ffffff;
      border: 1px solid #ffffff
    }
    
    .sheet--overlay .btn-outline:hover,.sheet--overlay .btn-outline:focus {
      color: #ffffff;
      border-color: #ffffff
    }
    
    .btn-block-level {
      width: 100%
    }
    
    .btn-transparent {
      background-color: transparent;
      color: #111111;
      opacity: 1 !important
    }
    
    .btn-transparent--success {
      color: #75a147
    }
    
    .btn-transparent--warning {
      color: #e0af53
    }
    
    .btn-transparent--danger {
      color: #e25c3d
    }
    
    .btn-transparent--inverse {
      color: #ffffff
    }
    
    .btn-link {
      color: #999999;
      font-weight: normal;
      border-radius: 0;
      padding: 0;
      text-decoration: underline
    }
    
    .btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link {
      background-color: transparent
    }
    
    .btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
      border-color: transparent
    }
    
    .btn-link:hover,.btn-link:focus {
      color: #111111;
      text-decoration: underline;
      background-color: transparent
    }
    
    .btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
      color: #e6e6e6;
      text-decoration: none
    }
    
    .btn-link--no-underline {
      text-decoration: none
    }
    
    .btn-link--no-underline:hover,.btn-link--no-underline:focus {
      text-decoration: none
    }
    
    .btn-icon .icon {
      vertical-align: baseline
    }
    
    .btn-icon .btn__text {
      margin-left: 1px
    }
    
    .btn--small {
      padding: 0 11px;
      line-height: 32px;
      height: 32px;
      font-size: 12px;
    }
    
    .btn--small.btn-icon {
      padding-left: 10px;
      padding-right: 10px
    }
    
    .btn--small.btn-icon .icon {
      font-size: 15px
    }
    
    .btn-like {
      text-transform: none
    }
    
    .btn-like .icon {
      width: 15px;
      color: #f15151;
      vertical-align: -1px
    }
    
    .btn-like:hover .icon,.btn-like:active .icon,.btn-like:focus .icon {
      color: #f15151
    }
    
    .btn-like--is-liked {
      background-color: #f15151;
      border-color: #f15151 !important;
      color: #ffffff
    }
    
    .btn-like--is-liked .icon {
      color: #ffffff
    }
    
    .btn-like--is-liked:hover,.btn-like--is-liked:active,.btn-like--is-liked:focus {
      color: #ffffff;
      border-color: #f15151 !important
    }
    
    .btn-like--is-liked:hover .icon,.btn-like--is-liked:active .icon,.btn-like--is-liked:focus .icon {
      color: #ffffff
    }
    
    .sheet--overlay .btn-like {
      opacity: 0.6
    }
    
    .sheet--overlay .btn-like:hover {
      opacity: 1
    }
    
    .btn-mini {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-weight: bold;
      padding: 3px 5px;
      font-size: 11px;
      line-height: 1;
      border-radius: 3px;
      background-color: #ffffff;
      color: #111111 !important;
      text-shadow: none
    }
    
    .btn-large {
      padding: 17px 24px;
      font-size: 15px;
      line-height: 1.6;
      border-radius: 6px
    }
    
    .square-thumbnail {
      background-size: cover;
      background-position: center center;
      width: 100%;
      padding-bottom: 100%;
      margin: 12px 0
    }
    
    .form-error-header,.form-error-inline {
      background-color: #f9ded8
    }
    
    .form-error-header a,.form-error-inline a,.form-error-header a:hover,.form-error-inline a:hover {
      color: #e25c3d
    }
    
    .theme-inverse .form-error-header,.theme-inverse .form-error-inline {
      background-color: #111111
    }
    
    .form-error-header {
      padding: 20px
    }
    
    .form-error-inline {
      margin-top: 6px;
      padding: 3px 6px
    }
    
    .theme-inverse .form-error-inline {
      color: #e25c3d
    }
    
    .tabs {
      position: relative;
      display: block;
      margin-bottom: 0;
      padding-left: 0;
      border-bottom: 1px solid #e6e6e6;
      list-style: none
    }
    
    .tabs>li {
      float: left;
      margin-bottom: -1px
    }
    
    .tabs>li>a {
      position: relative;
      display: block;
      padding: 10px 15px;
      margin-right: 2px;
      line-height: 1.6;
      text-decoration: none;
      border: 1px solid transparent;
      border-radius: 6px 6px 0 0
    }
    
    .tabs>li>a:hover,.tabs>li>a:focus {
      text-decoration: none
    }
    
    .tabs>li.active>a,.tabs>li.active>a:hover,.tabs>li.active>a:focus {
      color: #111111;
      border: 1px solid #e6e6e6;
      border-bottom-color: #ffffff;
      cursor: default
    }
    
    .tabs>li.disabled>a {
      color: #999999
    }
    
    .tabs>li.disabled>a:hover,.tabs>li.disabled>a:focus {
      color: #999999;
      text-decoration: none;
      cursor: not-allowed
    }
    
    .tab-content>.tab-pane {
      display: none
    }
    
    .tab-content>.active {
      display: block
    }
    
    .tab-content--padded {
      padding: 20px 0
    }
    
    .modal-open {
      overflow: hidden
    }
    
    .modal {
      display: none;
      overflow: hidden;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1000;
      -webkit-overflow-scrolling: touch;
      outline: 0
    }
    
    .modal.in .modal-content {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
    }
    
    .modal-open .modal {
      overflow-x: hidden;
      overflow-y: scroll
    }
    
    .modal-backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 900;
      background-color: #ffffff;
      background-color: rgba(255,255,255,0.9);
      -webkit-transition: opacity 300ms ease-in-out;
      transition: opacity 300ms ease-in-out
    }
    
    .modal-backdrop.in {
      opacity: 1
    }
    
    .modal-content {
      position: relative;
      outline: 0;
      -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
      transform: translateY(40px);
      opacity: 0;
      -webkit-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out
    }
    
    .modal-close {
      position: absolute;
      top: 15px;
      left: 18px;
      font-size: 21px
    }
    
    .modal-scrollbar-measure {
      position: absolute;
      top: -9999px;
      width: 50px;
      height: 50px;
      overflow: scroll
    }
    
    .tooltip {
      position: absolute;
      z-index: 200;
      display: block;
      font-family: Courier, monospace;
      font-style: normal;
      font-weight: normal;
      letter-spacing: normal;
      line-break: auto;
      line-height: 1.6;
      text-align: left;
      text-align: start;
      text-decoration: none;
      text-shadow: none;
      text-transform: none;
      white-space: normal;
      word-break: normal;
      word-spacing: normal;
      word-wrap: normal;
      font-size: 12px;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out
    }
    
    .tooltip.in {
      opacity: 0.7
    }
    
    .tooltip-inner {
      max-width: 240px;
      padding: 3px 8px;
      color: #ffffff;
      text-align: center;
      background-color: #000000;
      border-radius: 3px
    }
    
    .tooltip-arrow {
      display: none
    }
    
    .logo-header {
      width: 70px;
      padding-bottom: 12px
    }
    
    .logo-footer {
      width: 40px
    }
    
    .offset-fixed-navbar {
      width: 100%;
      margin-bottom: 64px
    }
    
    .push-fixed-navbar {
      width: 100%;
      height: 20px
    }
    
    .navbar {
      position: relative;
      z-index: 100;
      width: 100%;
      background-color: #ffffff;
      background-color: rgba(255,255,255,0.95);
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 15px 9px
    }
    
    .navbar a,.navbar a:hover {
      text-decoration: none
    }
    
    .navbar--fixed {
      position: fixed;
      top: 0
    }
    
    .navbar--fixed-bottom {
      position: fixed;
      bottom: 0
    }
    
    .navbar__links-container {
      position: relative;
      z-index: 100;
      list-style: none;
      margin: 0;
      padding: 0;
      min-height: 32px;
      line-height: 32px;
      display: inline-block
    }
    
    .navbar__links-container,.navbar__links-container--left {
      float: left
    }
    
    .navbar__links-container--right {
      float: right
    }
    
    .navbar__links-container--center {
      position: absolute;
      z-index: 99;
      left: 0;
      right: 0;
      text-align: center
    }
    
    .navbar__element {
      display: inline-block;
      *display: inline;
      zoom: 1;
      margin-left: 10px;
      margin-right: 10px;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: 0.04em
    }
    
    .navbar__element .btn {
      vertical-align: -1px;
      padding-top: 0;
      padding-bottom: 0
    }
    
    .navbar__element .btn-icon {
      vertical-align: -3px
    }
    
    .navbar__element .avatar {
      vertical-align: top
    }
    
    .navbar__element.active a,.navbar__element.active a:hover {
      color: #111111;
      pointer-events: none
    }
    
    .navbar__element--half-spacing {
      margin-left: 5px;
      margin-right: 5px
    }
    
    @media (max-width: 767px) {
      .navbar__element--hide-on-xs {
        display: none !important
      }
    }
    
    @media (max-width: 991px) {
      .navbar__element--hide-on-sm {
        display: none !important
      }
    }
    
    .navbar__links-container .navbar__element:first-child,.navbar__links-container--left .navbar__element:first-child,.navbar__links-container--center .navbar__element:first-child {
      margin-left: 0
    }
    
    .navbar__links-container--center .navbar__element:last-child,.navbar__links-container--right .navbar__element:last-child {
      margin-right: 0
    }
    
    .navbar__element--heading {
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: 0.04em
    }
    
    .navbar__element--heading a {
      padding-top: 12px;
      padding-bottom: 12px
    }
    
    .navbar__element--heading.active a,.navbar__element--heading.active a:hover {
      color: #111111;
      pointer-events: none
    }
    
    .navbar__loading-spinner {
      display: none
    }
    
    .is-loading .navbar__loading-spinner {
      display: block
    }
    
    .navbar__rotator {
      display: block
    }
    
    .is-loading .navbar__rotator {
      display: none
    }
    
    .navbar .dropdown-menu {
      margin-top: 20px
    }
    
    .navbar .dropup .dropdown-menu {
      margin-bottom: 10px
    }
    
    .theme-inverse .navbar,.navbar--inverse {
      background-color: #111111;
      background-color: rgba(17,17,17,0.85)
    }
    
    .theme-inverse .navbar a,.navbar--inverse a {
      color: #999999
    }
    
    .theme-inverse .navbar a:hover,.navbar--inverse a:hover {
      color: #ffffff
    }
    
    .theme-inverse .navbar .navbar__element.active a,.navbar--inverse .navbar__element.active a,.theme-inverse .navbar .navbar__element.active a:hover,.navbar--inverse .navbar__element.active a:hover {
      color: #ffffff
    }
    
    .navbar--mini {
      padding: 3px 9px
    }
    
    .navbar--mini .navbar__element--heading a {
      padding: 3px 0
    }
    
    .spinner-container {
      padding: 24px 0
    }
    
    .spinner-container--padded {
      padding: 24px 0 800px
    }
    
    .spinner {
      position: relative
    }
    
    .spinner:before {
      content: "";
      z-index: 1;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #999999;
      opacity: 0.6
    }
    
    .spinner:after {
      z-index: 2;
      content: "";
      height: 30px;
      width: 30px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -15px 0 0 -15px;
      -webkit-transition: all .75s ease 0s;
      transition: all .75s ease 0s;
      border-radius: 100%;
      border-right: 4px solid #111111;
      border-top: 4px solid #e6e6e6;
      border-left: 4px solid #e6e6e6;
      border-bottom: 4px solid #e6e6e6;
      -webkit-animation: standard .45s infinite linear;
      animation: standard .45s infinite linear;
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      opacity: 1
    }
    
    @-webkit-keyframes standard {
      from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
      }
      
      to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
      }
    }
    
    @keyframes standard {
      from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
      }
      
      to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
      }
    }
    
    .loading-spinner {
      width: 32px
    }
    
    .caret {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 5px;
      vertical-align: middle;
      border-top: 4px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent
    }
    
    .dropdown {
      position: relative
    }
    
    .dropdown-toggle:focus {
      outline: 0
    }
    
    .dropdown-menu {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      position: absolute;
      top: 100%;
      z-index: 200;
      display: block;
      float: left;
      min-width: 160px;
      padding: 6px 18px;
      margin: 6px 0 0;
      list-style: none;
      font-size: 13px;
      letter-spacing: 0;
      text-transform: none;
      text-align: left;
      background-color: #111111;
      border-radius: 3px;
      background-clip: padding-box;
      -webkit-transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56),opacity 100ms ease-in-out;
      transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56),opacity 100ms ease-in-out;
      opacity: 0;
      -webkit-transform: scale(0.8) translate(-10%, -10%);
      -ms-transform: scale(0.8) translate(-10%, -10%);
      transform: scale(0.8) translate(-10%, -10%);
      pointer-events: none
    }
    
    .dropdown-menu::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      bottom: 100%;
      border: 5px solid transparent;
      border-top-width: 0;
      border-bottom-color: #111111
    }
    
    .dropdown-menu-left::before {
      right: 100%;
      margin-right: -20px
    }
    
    .dropdown-menu-right::before {
      left: 100%;
      margin-left: -20px
    }
    
    .dropdown-menu.pull-right {
      right: 0;
      left: auto
    }
    
    .dropdown-menu>li>a {
      display: block;
      padding: 6px 0;
      font-weight: normal;
      line-height: 1.6;
      color: #ffffff;
      white-space: nowrap
    }
    
    .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
      color: #999999
    }
    
    .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
      color: #ffffff;
      outline: 0
    }
    
    .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
      color: #777777
    }
    
    .dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
      text-decoration: none;
      background-color: transparent;
      cursor: not-allowed
    }
    
    .open>.dropdown-menu {
      opacity: 1;
      -webkit-transform: scale(1) translate(0) !important;
      -ms-transform: scale(1) translate(0) !important;
      transform: scale(1) translate(0) !important;
      pointer-events: auto
    }
    
    .open>a {
      outline: 0
    }
    
    .dropdown-menu-right {
      left: auto;
      right: -11px;
      -webkit-transform: scale(0.8) translate(10%, -10%);
      -ms-transform: scale(0.8) translate(10%, -10%);
      transform: scale(0.8) translate(10%, -10%);
      text-align: right
    }
    
    .dropdown-menu-left {
      left: 0;
      right: auto
    }
    
    .dropdown-backdrop {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 190
    }
    
    .pull-right>.dropdown-menu {
      right: 0;
      left: auto
    }
    
    .dropup .caret,.navbar-fixed-bottom .dropdown .caret {
      border-top: 0;
      border-bottom: 4px dashed;
      content: ""
    }
    
    .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
      top: auto;
      bottom: 100%;
      margin-bottom: 2px;
      -webkit-transform: scale(0.8) translate(-10%, 10%);
      -ms-transform: scale(0.8) translate(-10%, 10%);
      transform: scale(0.8) translate(-10%, 10%)
    }
    
    .dropup .dropdown-menu::before,.navbar-fixed-bottom .dropdown .dropdown-menu::before {
      top: 100%;
      border: 5px solid transparent;
      border-bottom-width: 0;
      border-top-color: #111111
    }
    
    .flash {
      position: fixed;
      z-index: 1020;
      top: 0;
      left: 0;
      right: 0;
      padding: 20px 0;
      background-color: #999999;
      background-color: rgba(153,153,153,0.95)
    }
    
    .flash__container {
      font-size: 12px;
      line-height: 15px
    }
    
    .flash__message {
      text-align: center;
      color: #ffffff
    }
    
    .flash__help-link-container {
      padding-top: 3px
    }
    
    .flash__help-link {
      display: none;
      color: #ffffff
    }
    
    .flash__close {
      text-align: right;
      color: #ffffff;
      opacity: 0.8
    }
    
    .flash__close:hover,.flash__close:focus {
      color: #ffffff;
      text-decoration: none;
      cursor: pointer;
      opacity: 1
    }
    
    .flash a {
      color: #ffffff;
      opacity: 0.8
    }
    
    .flash a:hover,.flash a:active {
      color: #ffffff;
      opacity: 1
    }
    
    .flash--notice {
      background-color: #999999;
      background-color: rgba(153,153,153,0.95)
    }
    
    .flash--alert {
      background-color: #e25c3d;
      background-color: rgba(226,92,61,0.95)
    }
    
    @media (min-width: 768px) {
      .flash__message {
        font-size: 15px;
        line-height: 24px
      }
      
      .flash__help-link {
        display: inline
      }
    }
    
    .checkbox-btn {
      color: #999999;
      overflow: auto;
      cursor: pointer;
      display: block
    }
    
    .checkbox-btn:hover {
      color: #111111
    }
    
    .checkbox-btn label {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      cursor: pointer;
      display: block;
      position: relative;
      overflow: hidden
    }
    
    .checkbox-btn label span {
      text-align: center;
      padding: 2px 6px 3px;
      text-transform: uppercase;
      font-size: 10px;
      display: block
    }
    
    .checkbox-btn label input {
      position: absolute;
      left: -20px
    }
    
    .checkbox-btn input+span {
      background-color: transparent;
      border-radius: 4px;
      border: 1px solid #e6e6e6;
      -webkit-transition: border 0.3s ease-in-out;
      transition: border 0.3s ease-in-out
    }
    
    .checkbox-btn input:checked+span {
      background-color: transparent;
      color: #111111;
      border-color: #111111
    }
    
    .pac-container {
      background-color: #111111;
      background-color: rgba(0,0,0,0.9);
      font-family: Courier, monospace;
      box-shadow: none
    }
    
    .pac-item {
      padding: 10px 8px;
      border: 1px solid transparent;
      font-size: 13px
    }
    
    .pac-item:hover {
      background-color: #111111;
      background-color: rgba(0,0,0,0.9);
      color: #ffffff;
      border: 1px solid #ffffff
    }
    
    .pac-item-selected {
      background-color: #111111;
      background-color: rgba(0,0,0,0.9);
      color: #ffffff;
      border: 1px solid #ffffff
    }
    
    .pac-item-query {
      color: #e6e6e6;
      padding-right: 10px
    }
    
    .pac-matched {
      color: #ffffff
    }
    
    .back-to-top {
      position: fixed;
      z-index: 100;
      bottom: 10px;
      right: 18px;
      padding: 5px 15px;
      background-color: #ffffff;
      border-radius: 3px;
      font-size: 18px;
      -webkit-transform: translate(0, 80px);
      -ms-transform: translate(0, 80px);
      transform: translate(0, 80px);
      opacity: 0;
      -webkit-transition: -webkit-transform 500ms cubic-bezier(0.24, 0.22, 0.015, 1.06),opacity 400ms ease-in-out;
      transition: transform 500ms cubic-bezier(0.24, 0.22, 0.015, 1.06),opacity 400ms ease-in-out
    }
    
    .back-to-top.is-active {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      opacity: 1
    }
    
    .back-to-top:hover {
      -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
      transform: translateY(-3px)
    }
    
    .documentation-block h1 {
      font-size: 30px;
      line-height: 42px
    }
    
    .documentation-block h2 {
      font-size: 24px;
      line-height: 30px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      padding-top: 72px;
      margin: 72px 0 18px;
      border-top: 1px solid #e6e6e6
    }
    
    .documentation-block h2:first-of-type {
      border-top: none;
      padding-top: 0;
      margin-top: 0
    }
    
    .documentation-block h3 {
      font-size: 18px;
      line-height: 24px;
      margin: 30px 0 3px
    }
    
    .documentation-block h4,.documentation-block h5,.documentation-block h6 {
      font-size: 15px;
      line-height: 24px;
      line-height: 1;
      font-weight: 800;
      margin: 24px 0 0
    }
    
    .documentation-block p {
      margin: 9px 0
    }
    
    .documentation-block p+p {
      margin: 18px 0
    }
    
    .documentation-block table {
      margin: 18px 0
    }
    
    .legalese-block h1 {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      text-align: center !important;
      font-size: 15px;
      line-height: 24px
    }
    
    .legalese-block h2 {
      font-size: 18px;
      line-height: 24px
    }
    
    .faq-block {
      margin-bottom: 60px
    }
    
    .faq-block h1 {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      text-align: center !important;
      font-size: 15px;
      line-height: 24px
    }
    
    .faq-block h2 {
      font-size: 15px;
      line-height: 24px;
      line-height: 1;
      font-weight: 800;
      margin: 60px 0 0
    }
    
    .faq-block p {
      margin: 9px 0
    }
    
    .faq-block p+p {
      margin: 18px 0
    }
    
    .icon {
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      font-weight: normal;
      font-style: normal;
      speak: none;
      text-decoration: inherit;
      text-transform: none;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }
    
    a .icon,a.icon {
      text-decoration: none !important
    }
    
    .ellipsis-expander {
      display: inline-block;
      position: relative;
      top: -2px;
      height: 13px;
      padding: 0 4px;
      font-size: 14px;
      font-weight: bold;
      line-height: 5px;
      color: #777777;
      text-decoration: none;
      vertical-align: middle;
      background: #dddddd;
      border-radius: 7px;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out
    }
    
    a:hover .ellipsis-expander {
      text-decoration: none;
      background-color: #ccc;
      color: #111111
    }
    
    a:active .ellipsis-expander {
      color: #fff;
      background-color: #111111
    }
    
    .search-box {
      position: relative
    }
    
    .search-box input {
      height: 32px;
      width: 200px;
      background: transparent;
      border: 1px solid #dddddd;
      padding: 0 12px;
      border-radius: 16px;
      font-family: Courier, monospace;
      font-size: 12px;
      -webkit-transition: border-color ease-in-out 0.3s;
      transition: border-color ease-in-out 0.3s
    }
    
    .search-box input:hover {
      border-color: #999999
    }
    
    .search-box input:focus {
      border-color: #111111;
      outline: 0
    }
    
    .search-box .search-box__submit {
      position: absolute;
      padding: 7px;
      right: 5px;
      top: -8px;
      color: #999999
    }
    
    .search-box .search-box__submit:hover {
      color: #111111
    }
    
    .search-box__submit-icon {
      font-size: 15px
    }
    
    .search-header {
      padding: 82px 0 18px;
      margin-top: -64px;
      margin-bottom: 30px
    }
    
    .search-header__title {
      font-size: 24px;
      margin: 0
    }
    
    .grid-selector {
      padding: 12px 0;
      margin: 0;
      text-align: center
    }
    
    .navbar .grid-selector {
      padding-top: 0;
      padding-bottom: 0
    }
    
    .grid-selector__action {
      font-size: 18px;
      color: #999999;
      margin-left: 3px;
      margin-right: 3px
    }
    
    .navbar .grid-selector__action {
      margin-left: 5px;
      margin-right: 5px
    }
    
    .grid-selector__action:hover,.grid-selector .active .grid-selector__action {
      color: #111111
    }
    
    .rotator {
      position: relative;
      min-width: 100px;
      height: 32px
    }
    
    .rotator__element {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      display: block;
      opacity: 0;
      z-index: 1;
      -webkit-transition: all ease-out 0.2s;
      transition: all ease-out 0.2s
    }
    
    .rotator__element a {
      pointer-events: none
    }
    
    .rotator__element.active {
      opacity: 1;
      z-index: 100;
      -webkit-transform: rotateX(0deg) translateZ(0) translateY(0);
      transform: rotateX(0deg) translateZ(0) translateY(0)
    }
    
    .rotator__element.active a {
      pointer-events: auto
    }
    
    .rotator__element.active+.rotator__element {
      -webkit-transform: rotateX(20deg) translateY(10px);
      transform: rotateX(20deg) translateY(10px)
    }
    
    .photo {
      position: relative;
      box-shadow: inset 0 0 0 5px white
    }
    
    .photo img {
      margin-left: auto;
      margin-right: auto;
      color: #ffffff
    }
    
    .photo-overlay-background {
      position: absolute;
      display: block;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: #000;
      background-color: rgba(0,0,0,0.5);
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      opacity: 0
    }
    
    .photo-grid--multi .photo:hover .photo-overlay-background {
      opacity: 1
    }
    
    .photo-overlay {
      font-size: 15px;
      line-height: 24px;
      position: absolute;
      width: 100%;
      bottom: 0;
      text-align: left;
      color: #ffffff;
      line-height: 32px;
      opacity: 0;
      -webkit-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out
    }
    
    .photo-overlay .photo-overlay__author {
      width: 70%;
      float: left;
      text-align: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #999999;
      padding: 20px
    }
    
    .photo-overlay .photo-overlay__actions {
      width: 30%;
      float: right;
      text-align: right;
      padding: 20px
    }
    
    .photo-overlay a,.photo-overlay a:hover {
      color: #ffffff;
      text-decoration: none
    }
    
    .photo-overlay .btn-like {
      color: #ffffff
    }
    
    .photo-overlay .btn-like:hover {
      color: #ffffff;
      border-color: #ffffff
    }
    
    .photo-overlay .btn-like--is-liked:hover {
      border-color: #f15151
    }
    
    .photo-grid--multi .photo:hover .photo-overlay {
      opacity: 1
    }
    
    .photo-grid--multi .photo:hover .photo-overlay a,.photo-grid--multi .photo:hover .photo-overlay .btn-like {
      opacity: 0.6
    }
    
    .photo-grid--multi .photo:hover .photo-overlay .btn-like:hover,.photo-grid--multi .photo:hover .photo-overlay a:hover {
      opacity: 1
    }
    
    .photo-description {
      line-height: 32px
    }
    
    .photo-description__info {
      text-align: left;
      padding-left: 0;
      float: left;
      width: 80%
    }
    
    .photo-description__actions {
      display: inline-block;
      vertical-align: top;
      margin-right: 0
    }
    
    .photo-description__author {
      display: inline-block;
      max-width: 80%;
      white-space: nowrap
    }
    
    .photo-description__author img {
      display: inline-block
    }
    
    .photo-description__author h2 {
      display: inline-block;
      line-height: 32px;
      font-size: 15px
    }
    
    .photo-description__author h2 a {
      display: inline-block;
      max-width: 130px;
      vertical-align: middle;
      overflow-x: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }
    
    .photo-description__download {
      display: inline-block;
      width: 20%;
      text-align: right;
      float: right
    }
    
    @media (min-width: 768px) {
      .photo-description__info {
        padding-left: 20%;
        text-align: center
      }
      
      .photo-description__author h2 a {
        max-width: none
      }
      
      .photo-description__actions {
        margin-right: 10px
      }
    }
    
    .is-flagged img,.is-approved img,.is-rejected img,.is-suggested img {
      opacity: 0.5
    }
    
    .photo-container .photo {
      -webkit-transition: opacity 300ms ease-in-out;
      transition: opacity 300ms ease-in-out
    }
    
    .photo-container.is-flagged .photo {
      background-color: #e25c3d !important
    }
    
    .photo-container.is-rejected .photo {
      background-color: #e25c3d !important
    }
    
    .photo-container.is-approved .photo {
      background-color: #75a147 !important
    }
    
    .photo-container.is-suggested .photo {
      background-color: #75a147 !important
    }
    
    .single-photo {
      overflow: hidden;
      position: relative;
      min-height: 460px
    }
    
    .single-photo--portrait {
      overflow-y: scroll
    }
    
    .single-photo__fake-image {
      position: absolute;
      top: 0;
      z-index: 10;
      opacity: 0;
      height: 100%;
      width: 100%
    }
    
    .single-photo__gradient-overlay {
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 8;
      background: transparent;
      background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%);
      background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%)
    }
    
    .single-photo__overlay {
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      background: rgba(0,0,0,0.5);
      z-index: 8;
      opacity: 0
    }
    
    .single-photo__left-column,.single-photo__right-column,.single-photo__footer,.single-photo__overlay,.single-photo__close-button-container,.single-stats,.single-info {
      -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, visibility 0.5s linear;
      transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, visibility 0.5s linear
    }
    
    .single-photo--show-stats .single-photo__close-button-container,.single-photo--show-info .single-photo__close-button-container {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      visibility: visible
    }
    
    .single-photo--show-stats .single-photo__overlay {
      opacity: 1;
      visibility: visible
    }
    
    .single-photo--show-stats .single-photo__left-column,.single-photo--show-stats .single-photo__right-column {
      -webkit-transform: translateY(-80px);
      -ms-transform: translateY(-80px);
      transform: translateY(-80px);
      opacity: 0;
      visibility: hidden
    }
    
    .single-photo--show-stats .single-photo__footer {
      -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
      transform: translateY(80px);
      opacity: 0;
      visibility: hidden
    }
    
    .single-photo--show-stats .single-stats {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      visibility: visible
    }
    
    .single-photo--show-info .single-photo__overlay {
      opacity: 1;
      visibility: visible
    }
    
    .single-photo--show-info .single-photo__left-column,.single-photo--show-info .single-photo__right-column {
      -webkit-transform: translateY(-80px);
      -ms-transform: translateY(-80px);
      transform: translateY(-80px);
      opacity: 0;
      visibility: hidden
    }
    
    .single-photo--show-info .single-photo__footer {
      -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
      transform: translateY(80px);
      opacity: 0;
      visibility: hidden
    }
    
    .single-photo--show-info .single-info {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      visibility: visible
    }
    
    .single-photo__left-column {
      width: 40%;
      float: left;
      text-align: left
    }
    
    .single-photo__center-column {
      width: 20%;
      float: left;
      text-align: center
    }
    
    .single-photo__right-column {
      width: 40%;
      float: left;
      text-align: right
    }
    
    .single-photo__header {
      position: fixed;
      width: 100%;
      top: 18px;
      padding: 0 18px;
      z-index: 20
    }
    
    .single-photo__footer {
      position: fixed;
      width: 100%;
      bottom: 0;
      padding: 0 18px;
      z-index: 20
    }
    
    .single-photo__footer a {
      margin-top: -6px;
      padding: 6px 9px
    }
    
    .single-photo__footer-left {
      float: left;
      text-align: left;
      width: 70%
    }
    
    .single-photo__footer-right {
      float: right;
      text-align: right;
      width: 30%
    }
    
    .single-photo__location {
      margin: 18px 0;
      font-size: 14px
    }
    
    .single-photo__vertical-divider {
      height: 32px;
      width: 2px;
      padding: 0 !important;
      opacity: 0.2;
      background-color: #ffffff;
      margin-bottom: -12px
    }
    
    a .single-photo__user {
      opacity: 0.6;
      -webkit-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out
    }
    
    a:hover .single-photo__user {
      opacity: 1
    }
    
    .single-photo__avatar {
      height: 35px;
      width: 35px;
      border-radius: 16px;
      background-color: #999999
    }
    
    .single-photo__user-heading {
      display: block;
      font-size: 15px;
      margin: 0;
      margin-top: 5px;
      line-height: 1;
      letter-spacing: 0
    }
    
    .single-photo__user-subheading {
      display: block;
      font-size: 11px;
      line-height: 1;
      margin: 1px 0 3px;
      letter-spacing: 0
    }
    
    .single-stats,.single-info {
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      z-index: 15;
      -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
      transform: translateY(100px);
      opacity: 0;
      visibility: hidden
    }
    
    .single-stats__container {
      position: relative;
      z-index: 20
    }
    
    .single-stats__stat {
      text-align: center;
      padding: 6px 12px
    }
    
    @media (min-width: 768px) {
      .single-stats__stat {
        padding: 48px 15px
      }
    }
    
    .single-info__exif-container {
      margin-top: 36px
    }
    
    .single-info__entry {
      margin-top: 15px
    }
    
    .single-info__entry-content {
      margin-top: 3px
    }
    
    .single-photo__close-button-container {
      position: fixed;
      width: 100%;
      bottom: 0;
      z-index: 20;
      text-align: center;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      opacity: 0;
      visibility: hidden
    }
    
    .single-photo__close-button {
      padding: 18px 0;
      width: 100%;
      display: block
    }
    
    .header__logo {
      margin-bottom: 36px;
      text-align: center
    }
    
    .header__text-group {
      margin-bottom: 36px
    }
    
    .header__heading {
      font-size: 24px;
      margin: 0 0 6px
    }
    
    .header__subheading {
      font-size: 15px;
      margin: 0
    }
    
    .header__subheadings h1 {
      margin-bottom: 12px
    }
    
    .header__subheadings h2 {
      margin-bottom: 0
    }
    
    .header__subheadings p {
      margin-top: 12px
    }
    
    .header__social-links {
      margin-bottom: 36px
    }
    
    .header__social-links ul>li {
      padding: 0
    }
    
    .header__space {
      margin-top: 18px;
      margin-bottom: 18px
    }
    
    .photo-grid {
      margin-left: -12px;
      margin-right: -12px;
      min-height: 150px
    }
    
    .photo-grid:before,.photo-grid:after {
      content: " ";
      display: table
    }
    
    .photo-grid:after {
      clear: both
    }
    
    .photo-grid:before,.photo-grid:after {
      content: " ";
      display: table
    }
    
    .photo-grid:after {
      clear: both
    }
    
    .photo-grid--single .photo-container {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 12px;
      padding-right: 12px;
      margin-bottom: 24px;
      -webkit-transition: opacity 300ms ease-in-out;
      transition: opacity 300ms ease-in-out
    }
    
    .photo-grid--single .photo-container.is-archived {
      opacity: 0.3
    }
    
    @media (min-width: 992px) {
      .photo-grid--single .photo-container {
        margin-bottom: 48px
      }
    }
    
    .photo-grid--single .photo {
      margin-bottom: 12px
    }
    
    @media (min-width: 992px) {
      .photo-grid--single .photo {
        margin-bottom: 18px
      }
    }
    
    .photo-grid--single .photo-overlay {
      display: none
    }
    
    .photo-grid--multi .photo-container {
      float: left;
      width: 50%;
      position: relative;
      min-height: 1px;
      padding-left: 12px;
      padding-right: 12px;
      margin-bottom: 30px
    }
    
    @media (min-width: 992px) {
      .photo-grid--multi .photo-container {
        float: left;
        width: 33.33333333%
      }
    }
    
    .photo-grid--multi .photo-description {
      display: none
    }
    
    .photo-grid--multi .photo-overlay {
      display: block
    }
    
    .batch-photo-preview {
      background-size: cover;
      background-position: center center;
      background-color: #e6e6e6;
      width: 100px;
      height: 100px
    }
    
    @media (min-width: 992px) {
      .batch-photo-preview {
        width: 150px;
        height: 150px
      }
    }
    
    .batch-photos-sidebar {
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 300px;
      overflow-y: scroll;
      z-index: 50;
      background-color: #ffffff;
      padding: 30px
    }
    
    .batch-photos-sidebar::-webkit-scrollbar {
      width: 0 !important
    }
    
    .batch-photos-content {
      margin-left: 300px;
      width: calc(-200%);
      height: 100%
    }
    
    .batch-photo-container {
      padding-bottom: 20px
    }
    
    .batch-photo {
      margin-bottom: 18px
    }
    
    .uploader {
      position: relative;
      background-size: cover;
      background-position: center center;
      height: 100%;
      width: 100%
    }
    
    .uploader__background {
      position: absolute;
      z-index: 0;
      width: 100%;
      height: 100%;
      background-color: #111111;
      background-color: rgba(0,0,0,0.8);
      background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, #111 100%);
      background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, #111 100%);
      opacity: 0;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out
    }
    
    .uploader__content {
      position: relative;
      z-index: 1
    }
    
    .uploader__progress-bar-container {
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      height: 4px;
      z-index: 110;
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out
    }
    
    .uploader__progress-bar-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #ffffff;
      opacity: 0.2
    }
    
    .uploader__progress-bar {
      position: absolute;
      width: 0%;
      height: 100%;
      background-color: #75a147;
      -webkit-transition: width 0.3s ease-in-out;
      transition: width 0.3s ease-in-out
    }
    
    .uploader__step-container {
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out 0.3s, -webkit-transform 0.3s ease-out 0.2s;
      transition: opacity 0.3s ease-in-out 0.3s, transform 0.3s ease-out 0.2s
    }
    
    .uploader__add-photo-container {
      display: block
    }
    
    .uploader__cancel {
      width: 100%;
      text-align: center;
      margin-top: 40px;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      opacity: 0;
      -webkit-transition: -webkit-transform 500ms cubic-bezier(0.24, 0.22, 0.015, 1.26) 0.6,opacity 500ms ease-in-out 0.7s;
      transition: transform 500ms cubic-bezier(0.24, 0.22, 0.015, 1.26) 0.6,opacity 500ms ease-in-out 0.7s
    }
    
    @media (min-width: 768px) {
      .uploader__cancel {
        position: fixed;
        left: 0;
        bottom: 30px;
        margin-top: 0
      }
    }
    
    .is-uploading .uploader__progress-bar-container {
      opacity: 1
    }
    
    .is-in-progress body {
      -webkit-transition: background-color 0.3s ease-out;
      transition: background-color 0.3s ease-out
    }
    
    .is-in-progress .uploader__navigation {
      display: block
    }
    
    .is-in-progress .uploader__navigation>li {
      opacity: 0.6;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
    }
    
    .is-in-progress .uploader__background {
      opacity: 1
    }
    
    .is-in-progress .uploader__add-photo-container {
      display: none
    }
    
    .is-in-progress .uploader__step-container {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      display: block
    }
    
    .is-in-progress .uploader__cancel {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
    }
    
    .uploader__navigation {
      text-align: center;
      display: none;
      margin-left: -18px
    }
    
    .uploader__navigation .icon {
      position: absolute;
      -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.4s ease-out;
      transition: opacity 0.3s ease-in-out, transform 0.4s ease-out
    }
    
    .uploader__navigation .icon--show-when-complete {
      color: #75a147;
      opacity: 0;
      -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
      transform: translateY(15px);
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s
    }
    
    .uploader__navigation .icon--hide-when-complete {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
    }
    
    .uploader__navigation>li {
      font-size: 30px;
      line-height: 42px;
      position: relative;
      padding: 0 18px;
      opacity: 0;
      -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
      transform: translateY(15px);
      -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.4s ease-out 0.2s;
      transition: opacity 0.3s ease-in-out, transform 0.4s ease-out 0.2s
    }
    
    .uploader__navigation>li.is-active {
      opacity: 1
    }
    
    .uploader__navigation>li.is-complete .icon--show-when-complete {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
    }
    
    .uploader__navigation>li.is-complete .icon--hide-when-complete {
      opacity: 0;
      -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px)
    }
    
    .user-profile-header {
      max-width: 520px;
      margin: 45px auto;
      text-align: center
    }
    
    .user-profile-header__name {
      font-weight: bold;
      font-size: 18px;
      margin: 12px 0 0;
      letter-spacing: 0.02em
    }
    
    .user-profile-header__link {
      margin: 0;
      font-size: 12px
    }
    
    .user-profile-header__bio {
      margin: 36px 0 0
    }
    
    .user-profile-header__nav {
      margin-top: 36px
    }
    
    .user-profile-header__nav>li {
      padding: 0 18px
    }
    
    .user-profile-header__nav-number {
      display: block;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 36px;
      font-weight: bold;
      margin: 0;
      line-height: 1;
      letter-spacing: 0.05em
    }
    
    .user-profile-header__nav-text {
      display: block;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: bold;
      margin: 0;
      margin-top: 6px;
      line-height: 1;
      letter-spacing: 0.05em
    }
    
    .category-chooser {
      margin-left: 0;
      width: 100%;
      margin-top: -18px;
      padding: 15px 0;
      background-color: #111111
    }
    
    .category-chooser>li {
      float: none;
      text-align: center
    }
    
    .category-chooser>li>a {
      margin-bottom: 5px
    }
    
    .category-chooser>.dropdown .dropdown-menu {
      top: auto;
      left: auto
    }
    
    @media (min-width: 768px) {
      .category-chooser>li {
        display: table-cell;
        width: 1%
      }
      
      .category-chooser>li>a {
        margin-bottom: 0
      }
    }
    
    .category-chooser>li>a {
      color: #ffffff;
      text-decoration: none
    }
    
    .category-chooser>li>a {
      opacity: 0.4
    }
    
    .category-chooser>li>a:hover {
      opacity: 0.6
    }
    
    .category-chooser>li.active>a {
      opacity: 1
    }
    
    .category-chooser>li.active>a:hover {
      opacity: 0.8
    }
    
    .stats-bg {
      background-size: cover;
      background-position: center center;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      opacity: 0;
      -webkit-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out
    }
    
    .stats-bg.active {
      opacity: 1
    }
    
    .stats-bg-cover {
      position: absolute;
      height: 100%;
      width: 100%;
      background: transparent;
      background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, transparent 20%, transparent 80%, rgba(0,0,0,0.6) 100%);
      background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 20%, transparent 80%, rgba(0,0,0,0.6) 100%)
    }
    
    .stats-content {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%
    }
    
    .stats-logo {
      position: fixed;
      top: 30px;
      left: 40px
    }
    
    .stats-logo a {
      opacity: 0.6
    }
    
    .stats-logo a:hover {
      opacity: 1
    }
    
    .stats-logo img {
      margin-top: 4px;
      width: 45px
    }
    
    .stat {
      line-height: 1;
      margin: 0
    }
    
    .total-downloads {
      position: fixed;
      top: 30px;
      right: 40px;
      text-align: right;
      -webkit-transition: -webkit-transform 800ms cubic-bezier(0.24, 0.22, 0.015, 1.56),opacity 600ms ease-in-out;
      transition: transform 800ms cubic-bezier(0.24, 0.22, 0.015, 1.56),opacity 600ms ease-in-out;
      -webkit-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
      transform: translate(0, -100px);
      opacity: 0
    }
    
    .total-downloads.active {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      opacity: 1
    }
    
    .stats-container {
      list-style: none;
      margin-left: 0;
      padding-left: 0;
      position: fixed;
      bottom: 30px;
      width: 100%;
      text-align: center;
      margin: 0
    }
    
    .stats-container:before,.stats-container:after {
      content: " ";
      display: table
    }
    
    .stats-container:after {
      clear: both
    }
    
    .stats-container:before,.stats-container:after {
      content: " ";
      display: table
    }
    
    .stats-container:after {
      clear: both
    }
    
    .stats-container>li.active a,.stats-container>li.active a:hover {
      color: #111111;
      text-decoration: none;
      pointer-events: none
    }
    
    .theme-inverse .stats-container>li.active a,.theme-inverse .stats-container>li.active a:hover {
      color: #ffffff
    }
    
    .stats-container>li,.stats-container>li>a {
      display: inline-block;
      *display: inline;
      zoom: 1
    }
    
    .stats-container>.stat-container {
      margin: 0 15px
    }
    
    .stats-container>.stat-container:before,.stats-container>.stat-container:after {
      content: " ";
      display: table
    }
    
    .stats-container>.stat-container:after {
      clear: both
    }
    
    .stats-container>.stat-container:before,.stats-container>.stat-container:after {
      content: " ";
      display: table
    }
    
    .stats-container>.stat-container:after {
      clear: both
    }
    
    .stats-container .stat-icon {
      float: left;
      opacity: 0.6;
      margin-top: 5px;
      margin-right: 10px
    }
    
    .stats-container .stat {
      float: left;
      text-align: left
    }
    
    .stats-container .stat-container {
      -webkit-transition: -webkit-transform 800ms cubic-bezier(0.24, 0.22, 0.015, 1.56),opacity 600ms ease-in-out;
      transition: transform 800ms cubic-bezier(0.24, 0.22, 0.015, 1.56),opacity 600ms ease-in-out;
      -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
      transform: translate(0, 100px);
      opacity: 0
    }
    
    .stats-container.active .stat-container {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      opacity: 1
    }
    
    .stats-container .stat-container:nth-of-type(1) {
      -webkit-transition-delay: 1s;
      transition-delay: 1s
    }
    
    .stats-container .stat-container:nth-of-type(2) {
      -webkit-transition-delay: 1.2s;
      transition-delay: 1.2s
    }
    
    .stats-container .stat-container:nth-of-type(3) {
      -webkit-transition-delay: 1.4s;
      transition-delay: 1.4s
    }
    
    .tagsinput {
      overflow-y: auto;
      padding-bottom: 4px;
      border-bottom: 1px solid #e6e6e6
    }
    
    .tagsinput:hover {
      cursor: text
    }
    
    .theme-inverse .tagsinput {
      color: #ffffff;
      border-bottom-color: #e6e6e6;
      border-bottom-color: rgba(255,255,255,0.4)
    }
    
    .tag {
      display: block;
      float: left;
      padding: 2px 5px;
      margin-right: 5px;
      margin-bottom: 5px;
      font-size: 12px;
      border: 1px solid #e6e6e6;
      border-radius: 2px;
      text-decoration: none;
      color: #111111;
      background-color: transparent
    }
    
    .theme-inverse .tag {
      color: #ffffff;
      border: 1px solid #999999
    }
    
    .tag--clickable:hover {
      border-color: #111111
    }
    
    .tag--clickable.tag--secondary {
      border-color: #e0af53;
      color: #e0af53
    }
    
    .tag--clickable.tag--secondary:hover {
      border-color: #c79b4a;
      color: #c79b4a
    }
    
    .tag--clickable.tag--primary {
      border-color: #75a147;
      color: #75a147
    }
    
    .tag--clickable.tag--primary:hover {
      border-color: #63873b;
      color: #63873b
    }
    
    .tag a {
      font-weight: bold;
      color: #999999;
      text-decoration: none;
      font-size: 12px;
      padding: 2px 5px
    }
    
    .tag a:hover {
      color: #111111
    }
    
    .theme-inverse .tag a:hover {
      color: #ffffff
    }
    
    .tagsinput input {
      width: 80px;
      margin: 0px;
      font-size: 13px;
      border: 1px solid transparent;
      background: transparent;
      color: #111111;
      outline: 0px;
      margin-right: 5px
    }
    
    .theme-inverse .tagsinput input {
      color: #ffffff
    }
    
    .tagsinput div {
      display: block;
      float: left
    }
    
    .tags_clear {
      clear: both;
      width: 100%;
      height: 0px
    }
    
    .not_valid {
      background: #e25c3d !important;
      color: #111111 !important
    }
    
    .ui-autocomplete {
      background-color: #111111;
      background-color: rgba(0,0,0,0.9);
      color: #999999;
      font-size: 13px;
      border: 1px solid #111111
    }
    
    .ui-autocomplete .ui-menu-item.ui-state-focus {
      border: 1px solid #ffffff;
      background-color: #111111;
      color: #ffffff
    }
    
    .filter-nav ul {
      margin: 0
    }
    
    .filter-nav__scope {
      width: 40%;
      float: right;
      text-align: right;
      padding-top: 3px
    }
    
    @media (min-width: 768px) {
      .filter-nav__scope {
        width: 40%
      }
    }
    
    .filter-nav__view {
      font-size: 18px;
      line-height: 24px;
      width: 0%;
      float: left;
      text-align: center;
      display: none
    }
    
    @media (min-width: 768px) {
      .filter-nav__view {
        width: 20%;
        display: block
      }
    }
    
    .filter-nav__search {
      font-size: 18px;
      line-height: 24px;
      position: relative;
      float: left;
      width: 60%
    }
    
    @media (min-width: 768px) {
      .filter-nav__search {
        width: 40%
      }
    }
    
    .filter-nav__search input {
      position: relative;
      border: 0;
      outline: 0;
      padding: 0 27px;
      height: 27px;
      width: 100%;
      font-size: 12px;
      border-bottom: 1px solid transparent;
      border-radius: 0;
      -webkit-transition: border 300ms ease-in-out;
      transition: border 300ms ease-in-out
    }
    
    .filter-nav__search input.active {
      border-bottom-color: #e6e6e6
    }
    
    .filter-nav__search input:focus {
      border-bottom-color: #111111
    }
    
    .filter-nav__search-icon {
      padding: 6px 8px 6px 0;
      position: absolute;
      left: 0;
      top: -1px;
      z-index: 10;
      color: #999999;
      background-color: #ffffff
    }
    
    .filter-nav__search-icon:hover {
      cursor: pointer
    }
    
    .filter-nav__search-clear-icon {
      padding: 6px 0;
      position: absolute;
      left: 100%;
      top: 0;
      margin-left: -18px
    }
    
    .load-more {
      margin-top: 6px;
      text-align: center
    }
    
    .load-more--is-initializing .load-more__end-element,.load-more--is-initializing .load-more__button {
      visibility: hidden
    }
    
    .load-more__end-element {
      visibility: hidden
    }
    
    .load-more__button {
      visibility: visible;
      margin-top: -42px
    }
    
    .documentation-list ul>li {
      margin-top: 15px
    }
    
    .documentation-list ul>li>ul>li {
      font-size: 12px;
      line-height: 15px;
      margin: 9px 0 9px 15px
    }
    
    .avatar-container {
      display: inline-block
    }
    
    .avatar {
      border-radius: 50%
    }
    
    .avatar--small {
      width: 32px;
      height: 32px
    }
    
    .avatar--large {
      width: 128px;
      height: 128px
    }
    
    .avatar--outlined {
      border: 1px solid #ffffff
    }
    
    .upload-circular-container {
      display: inline-block
    }
    
    .upload-circular {
      position: relative;
      border-radius: 50%;
      width: 128px;
      height: 128px;
      margin: auto;
      overflow: hidden
    }
    
    .upload-circular__image--large {
      width: 128px;
      height: 128px
    }
    
    .upload-circular__progress {
      position: absolute;
      height: 128px;
      top: 0;
      width: 0;
      background-color: #75a147;
      opacity: 0.3;
      -webkit-transition: width 0.3s ease-in-out;
      transition: width 0.3s ease-in-out
    }
    
    
    .date {
      background-color: #e6e6e6;
      border-radius: 6px;
      padding: 6px 15px 9px;
      text-align: center
    }
    
    .date__day {
      font-size: 18px;
      margin: 0
    }
    
    .date__month {
      font-size: 11px;
      color: #777777;
      margin: -4px 0 0
    }
    
    .event-list {
      margin: 64px 0
    }
    
    .event-list:last-child {
      margin-bottom: 0
    }
    
    .event {
      padding: 21px 0;
      border-bottom: 1px solid #e6e6e6
    }
    
    .event:last-child {
      border-bottom: none
    }
    
    .event--past {
      opacity: 0.4
    }
    
    .event__date {
      float: left;
      margin-right: 18px
    }
    
    .event__titles-container {
      float: left
    }
    
    .event__title {
      display: inline-block;
      font-size: 18px;
      margin: 3px 0 0;
      color: #111111
    }
    
    .event__subtitle {
      display: inline-block;
      font-size: 15px;
      color: #777777;
      margin: 0
    }
    
    .event__avatar {
      float: right;
      margin-top: 12px
    }
    
    .announcement-container {
      position: fixed;
      bottom: 50px;
      width: 340px;
      height: 90px;
      left: 50%;
      margin-left: -170px
    }
    
    .announcement-container--preview {
      position: relative
    }
    
    .announcements-sort {
      list-style-type: none;
      padding-left: 0
    }
    
    .announcements-sort li {
      display: inline-block
    }
    
    .announcements-sort li .active {
      color: black
    }
    
    .announcement {
      width: 100%;
      height: 100%;
      background-color: #111111;
      background-color: rgba(17,17,17,0.85);
      border-radius: 45px;
      color: #ffffff;
      box-shadow: 0px 0px 5px 0px rgba(17,17,17,0.35);
      display: none
    }
    
    @media (min-width: 768px) {
      .announcement {
        display: block
      }
    }
    
    .announcement__image-container {
      float: left;
      width: 64px;
      margin-top: 13px;
      margin-left: 15px
    }
    
    .announcement__image {
      width: 64px;
      height: 64px;
      border-radius: 50%
    }
    
    .announcement__info {
      float: left;
      margin-top: 10px;
      margin-left: 15px;
      width: 210px
    }
    
    .announcement__title {
      color: #ffffff;
      font-size: 12px;
      margin: 0;
      padding: 0
    }
    
    .announcement__message {
      color: #999999;
      font-size: 12px;
      line-height: 1.1;
      margin: 0;
      margin-top: 3px;
      padding: 0
    }
    
    .announcement__actions {
      position: absolute;
      bottom: 10px;
      font-size: 12px
    }
    
    .announcement__actions a {
      color: #ffffff
    }
    
    .announcement__actions a:hover {
      color: #999999
    }
    
    .footer-global {
      padding-top: 50px;
      padding-bottom: 20px
    }
    
    @media (min-width: 768px) {
      .footer-global {
        padding-top: 100px;
        padding-bottom: 50px
      }
    }
    
    .footer-main__paragraph,.footer-main__nav {
      margin: 0 0 14px
    }
    
    .footer-main__paragraph,.footer-main__nav-item {
      font-size: 13px;
      color: #999999
    }
    
    .footer-main__nav-item {
      margin-bottom: 6px
    }
    
    .footer-main__header {
      margin-bottom: 10px
    }
    
    .footer-sub {
      padding-top: 26px;
      font-size: 13px;
      color: #999999;
      border-top: 1px solid #e6e6e6
    }
    
    @media (min-width: 768px) {
      .footer-sub {
        margin-top: 48px
      }
    }
    
    .footer-sub__logo {
      width: 24px;
      margin-top: -5px;
      margin-right: 4px
    }
    
    @media (min-width: 768px) {
      .wrapper {
        height: auto !important;
        height: 100%;
        min-height: 100%;
        margin: 0 auto -443px
      }
    }
    
    @media (min-width: 768px) {
      .push-footer,.footer-global {
        height: 443px
      }
    }
  </style>
  {/literal}
</head>
<body class="">


<div class="js-flash-container"></div>
<a href="#" class="back-to-top js-back-to-top-trigger">
  <span class="sr-only">Back to top</span>
  <span class="icon icon-back-to-top"></span>
</a>





<div class="sheet sheet--overlay single-photo js-single-photo__container" style="background-color: rgba(127, 129, 129, 0.85);">
  
  <img src="{foreach from=$previewFiles item=file name=foo}{$file}{if !$smarty.foreach.foo.last}|{/if}{/foreach}" class="single-photo__fake-image js-fluid-image">
  <div class="single-photo__gradient-overlay"></div>
  <div class="single-photo__overlay"></div>
  
  <div data-src="{foreach from=$previewFiles item=file name=foo}{$file}{if !$smarty.foreach.foo.last}|{/if}{/foreach}" style="background-image: url({foreach from=$previewFiles item=file name=foo}{$file}{if !$smarty.foreach.foo.last}|{/if}{/foreach});" class="single-photo__image js-fluid-bg-image js-single-photo__image" alt="{$item.name}" data-width="3888" data-height="2592"></div>
  
  <div class="single-photo__header">
    <div class="single-photo__left-column">
      <a href="/{$languageURL}user/{$item.user.username}/" class="link--no-underline" target="_blank" title="{$item.user.nickname}的主页">
        <div class="single-photo__user media">
          <div class="media__img avatar-container">
            {if $item.user.avatar != ''}
            <img alt="{$item.user.username}" class="media-object single-photo__avatar avatar avatar--outlined hidden-xs js-fluid-image" src="{$data_server}uploads/users/{$item.user.user_id}/A_{$item.user.avatar}" />
            {else}
            <img alt="{$item.user.username}" class="media-object single-photo__avatar avatar avatar--outlined hidden-xs js-fluid-image" src="{$template_data}img/default-user.jpg" />
            {/if}
          </div>
          
          <div class="media__body">
            <h1 class="heading-zeroed">
              <span class="single-photo__user-subheading">Photo by</span>
              <span class="single-photo__user-heading text-overflow">{$item.user.nickname}</span>
            </h1>
          </div>
        </div>
      </a>



    </div>
    
    <div class="single-photo__center-column">
      <a href="/index.php/piclist/3" title="返回图片列表页">
        <img src="/mbthemes/images/logo/logo_w.png" class="navbar__logo" alt="">
      </a>
    </div>
    
    <div class="single-photo__right-column">
      
      <button class="btn btn--small btn-outline btn-icon btn-like js-like-photo" data-liked="false" data-photo-id="HN-euj1EL_k" data-href="/photos/HN-euj1EL_k/like" data-likes-count="8">
        <span class="btn__text epsilon icon icon-heart"></span>
        <span class="btn__text btn__text--hide-on-xs js-like-photo-text" aria-live="assertive">8</span>
      </button>


      {if check_login_bool()}
      <button class="btn btn--small btn-outline btn-icon btn-like js-like-photo" type="submit" data-toggle="modal" data-target="#cbook">
        <span class="btn__text btn__text--hide-on-xs js-like-photo-text">加入收藏</span>
      </button>
      {else}
      <button class="btn btn--small btn-outline btn-icon btn-like js-like-photo" type="submit" data-toggle="modal" data-target="#myModal">
        <span class="btn__text btn__text--hide-on-xs js-like-photo-text">加入收藏</span>
      </button>
      {/if}



      
      <a class="btn btn--small btn-icon btn-outline" target="_blank" href="{foreach from=$previewFiles item=file name=foo}{$file}{if !$smarty.foreach.foo.last}|{/if}{/foreach}">
        <span class="btn__text btn__text--show-on-xs icon icon-download"></span>
        <span class="btn__text btn__text--hide-on-xs">下载图片<span>
      </a>
    </div>
  </div>
  <div class="single-photo__footer">
    <div class="single-photo__footer-left">
      <h3 class="single-photo__location text-overflow">
        {$item.name}
      </h3>
    </div>
    
    <div class="single-photo__footer-right">
      <ul class="nav">
        <li>
          <a href="#" class="js-single-photo__show-stats" data-toggle="tooltip" title="Stats">
            <span class="delta icon icon-stats"></span>
            <span class="sr-only">Stats</span>
          </a>
        </li>
      
      </ul>
    </div>
  </div>



</div>

{if check_login_bool()}

<!-- Modal -->
<div class="modal fade" id="cbook" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">

    <form id="bookmark_form" method="post" action="#bookmark" enctype="multipart/form-data">
      <div class="modal-content">



        <div class="modal-header">
          <div class="clearfix form-group">
            <select class="form-control" id="collection_id" name="collection_id">
              {if $bookCollections}
              {foreach from=$bookCollections item=c}
              <option value="{$c.id}">{$c.name}</option>
              {/foreach}
              {else}
              <option value="none">请先新建书签集</option>
              {/if}
            </select>
          </div>
          <h4 class="modal-title" id="collection_create_link"><a list-show="0" href="#">新建书签集</a></h4>
        </div>
        <div class="modal-body" style="display:none;" id="collection_create_form">



          <div class="form-group">
            <label for="name">书签名称</label>
            <input id="name" class="form-control" name="name" type="text" value="" />
          </div>

          <div class="form-group">
            <label for="description">书签描述</label>
            <textarea id="description" class="form-control" name="description" rows="6"></textarea>
          </div>


          <div class="form-group">
            <label for="file_upload">书签封面</label>
            <input id="file_upload" name="file_upload" class="form-control" type="file">
            <span class="help-block m-b-none">(260 x 140px)</span>
          </div>

          <div class="checkbox i-checks">
            <label for="publically_visible">
              <input id="publically_visible" name="publically_visible" type="checkbox" checked="" value="1"><i></i> 分类是否公开?
            </label>
          </div>
        </div>
        <div class="modal-footer" href="javascript: void(0);">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <input type="hidden" name="add_collection" value="yes" />
          <button type="submit" class="btn btn-info">添加至书签集！</button>
        </div>
      </div>
    </form>
    <script>
      {literal}
      seajs.use(["jq", "modules/collection"], function($, coll){
        coll.btninit("#collection_create_link a", "#collection_create_form");
      });
      {/literal}
    </script>
  </div>
</div>

{/if}

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    {include file="$template_path/items/purchase_panel.html"}
  </div>
</div>

<script src="/mbthemes/js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="/mbthemes/js/bootstrap.js"></script>

</body>
</html>
