* {
  box-sizing: border-box; }

html {
  height: 100%; }
  html body {
    height: 100%; }
    html body iframe {
      border: none; }
    html body.scroll-disabled {
      overflow: hidden; }
    html body .hidden {
      display: none; }
    @media (max-width: 850px) {
      html body .mobile-hidden {
        display: none !important; } }
    @media (min-width: 1200px) {
      html body .desktop-hidden {
        display: none !important; } }
    html body img {
      max-width: 100%; }
      html body img max-width {
        width: 100%; }
    html body .ico {
      font-family: 'FontAwesome'; }
      html body .ico.icoExport:before {
        content: '\f15b'; }
      html body .ico.icoRemove:before {
        content: '\f146'; }
      html body .ico.icoDel:before {
        content: '\f1f8'; }
      html body .ico.icoEdit:before {
        content: '\f040'; }
      html body .ico.icoList:before {
        content: '\f03a'; }
      html body .ico.icoFavorite:before {
        content: '\f005'; }
      html body .ico.icoNew:before {
        content: '\f067'; }
      html body .ico.icoDel:before {
        content: '\f1f8'; }
      html body .ico.icoPreview:before {
        content: '\f002'; }
      html body .ico.icoSave:before {
        content: '\f00c'; }
      html body .ico.icoCancel:before {
        content: '\f00d'; }
      html body .ico.icoAdd:before {
        content: '\f067'; }
      html body .ico.icoMoney:before {
        content: '\f0d6'; }
      html body .ico.icoLoading {
        animation-name: spin;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear; }
        html body .ico.icoLoading:before {
          content: '\f110'; }
    html body .columns {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -20px;
      padding: 0px;
      list-style-type: none;
      width: calc(100% + 40px); }
      html body .columns.p-0 {
        margin-right: 0px;
        margin-left: 0px;
        width: 100%; }
        html body .columns.p-0 > * {
          padding-left: 0px;
          padding-right: 0px; }
      html body .columns.p-10 {
        margin-right: -10px;
        margin-left: -10px;
        width: calc(100% + 20px); }
        html body .columns.p-10 > * {
          padding-left: 10px;
          padding-right: 10px; }
      html body .columns.p-15 {
        margin-right: -15px;
        margin-left: -15px;
        width: calc(100% + 30px); }
        html body .columns.p-15 > * {
          padding-left: 15px;
          padding-right: 15px; }
      @media (min-width: 850px) {
        html body .columns.p-30 {
          margin-right: -30px;
          margin-left: -30px;
          width: calc(100% + 60px); }
          html body .columns.p-30 > * {
            padding-left: 30px;
            padding-right: 30px; } }
      @media (min-width: 850px) {
        html body .columns.p-40 {
          margin-right: -40px;
          margin-left: -40px;
          width: calc(100% + 80px); }
          html body .columns.p-40 > * {
            padding-left: 40px;
            padding-right: 40px; } }
      html body .columns.column-num-6 > * {
        flex: 0 0 16.66666666%; }
      html body .columns.column-width-20 > *, html body .columns.column-num-5 > * {
        flex: 0 0 20%; }
      html body .columns.column-width-25 > *, html body .columns.column-num-4 > * {
        flex: 0 0 25%; }
      html body .columns.column-width-33 > *, html body .columns.column-num-3 > * {
        flex: 0 0 33.33333333%; }
      html body .columns.column-width-50 > *, html body .columns.column-num-2 > * {
        flex: 0 0 50%; }
      @media (max-width: 850px) {
        html body .columns.m-column-width-50 > * {
          flex: 0 0 50% !important; } }
      html body .columns > * {
        flex: 0 0 100%;
        padding: 0px 20px 13px 20px; }
        html body .columns > *.width-10 {
          flex: 0 0 10%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-10 {
            flex: 0 0 10% !important; } }
        html body .columns > *.width-20 {
          flex: 0 0 20%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-20 {
            flex: 0 0 20% !important; } }
        html body .columns > *.width-25 {
          flex: 0 0 25%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-25 {
            flex: 0 0 25% !important; } }
        html body .columns > *.width-30 {
          flex: 0 0 30%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-30 {
            flex: 0 0 30% !important; } }
        html body .columns > *.width-40 {
          flex: 0 0 40%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-40 {
            flex: 0 0 40% !important; } }
        html body .columns > *.width-50 {
          flex: 0 0 50%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-50 {
            flex: 0 0 50% !important; } }
        html body .columns > *.width-60 {
          flex: 0 0 60%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-60 {
            flex: 0 0 60% !important; } }
        html body .columns > *.width-70 {
          flex: 0 0 70%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-70 {
            flex: 0 0 70% !important; } }
        html body .columns > *.width-75 {
          flex: 0 0 75%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-75 {
            flex: 0 0 75% !important; } }
        html body .columns > *.width-80 {
          flex: 0 0 80%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-80 {
            flex: 0 0 80% !important; } }
        html body .columns > *.width-90 {
          flex: 0 0 90%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-90 {
            flex: 0 0 90% !important; } }
        html body .columns > *.width-33 {
          flex: 0 0 33.33333333%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-33 {
            flex: 0 0 33.33333333% !important; } }
        html body .columns > *.width-66 {
          flex: 0 0 66.66666666%; }
        @media (max-width: 850px) {
          html body .columns > *.m-width-66 {
            flex: 0 0 66.66666666% !important; } }
        @media (max-width: 850px) {
          html body .columns > * {
            flex: 0 0 100% !important; } }
    html body .ratio-container {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding-top: 56.25%;
      /* 16:9 */ }
      html body .ratio-container > * {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

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