@charset "UTF-8";
/**
 *  Colors
 */
/**
 *  Fonts
 */
/**
 *  Global elements
 */
/**
 *  Grids generator.
 *
 *  @author   Luke Kortunov
 *  @version  1.0
 */
.container {
  margin: 0 auto;
  box-sizing: border-box;
  width: 1200px;
  padding: 0 0;
  max-width: 100%; }
  @media all and (max-width: 1200px) {
    .container {
      width: 1200px;
      padding: 0 10px; } }
  @media all and (max-width: 980px) {
    .container {
      width: calc( 100% - 20px);
      padding: 0 10px; } }
  .container .row {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    width: 1200px;
    max-width: 100%; }
    @media all and (max-width: 1200px) {
      .container .row {
        width: 1180px; } }
    @media all and (max-width: 767px) {
      .container .row {
        flex-direction: column;
        width: 100%; } }
    .container .row .col {
      width: 100px;
      padding: 0 15px;
      box-sizing: border-box; }
      @media all and (max-width: 1200px) {
        .container .row .col {
          width: 98.33333px;
          padding: 0 10px; } }
      @media all and (max-width: 980px) {
        .container .row .col {
          width: 100%;
          padding: 0 10px; } }
      .container .row .col.col-1 {
        width: 100px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-1 {
            width: 98.33333px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-1 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-2 {
        width: 200px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-2 {
            width: 196.66667px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-2 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-3 {
        width: 300px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-3 {
            width: 295px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-3 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-4 {
        width: 400px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-4 {
            width: 393.33333px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-4 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-5 {
        width: 500px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-5 {
            width: 491.66667px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-5 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-6 {
        width: 600px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-6 {
            width: 590px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-6 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-7 {
        width: 700px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-7 {
            width: 688.33333px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-7 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-8 {
        width: 800px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-8 {
            width: 786.66667px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-8 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-9 {
        width: 900px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-9 {
            width: 885px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-9 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-10 {
        width: 1000px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-10 {
            width: 983.33333px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-10 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-11 {
        width: 1100px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-11 {
            width: 1081.66667px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-11 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-12 {
        width: 1200px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-12 {
            width: 1180px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-12 {
            width: 100%;
            padding: 0 10px; } }

/**
 *  Clearfix
 *
 *  Usage: append to container, that contains floated elements - @include clearfix;
 */
/**
 *  «Respond to» mixin
 *
 *  Mixin to manage responsive breakpoints
 *  @param {String} $breakpoint - Breakpoint name
 *  @author Hugo Giraudel
 *
 *  @require $breakpoints
 */
/**
 *  Placeholder
 *
 *  Usage: append to input fields
 */
#overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.75); }
  #overlay .modal {
    flex-grow: 1;
    display: none;
    max-width: 50%;
    max-height: 70%;
    min-width: 320px;
    flex-basis: auto;
    min-height: 320px;
    background-color: #ffffff; }

/**
 *  Reset defaults
 */
html, body {
  margin: 0;
  padding: 0; }

/*# sourceMappingURL=app.min.css.map*/