@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Lora:400,700|PT+Serif:400i);@import url(https://fonts.googleapis.com/css?family=Economica&display=swap);.container {
  width: 100%;
  padding-right: 35px;
  padding-left: 35px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 480px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 1140px; } }
  @media (min-width: 1366px) {
    .container {
      max-width: 1350px; } }
  @media (min-width: 1920px) {
    .container {
      max-width: 1680px; } }
  @media (min-width: 2560px) {
    .container {
      max-width: 1920px; } }

.container-fluid {
  width: 100%;
  padding-right: 35px;
  padding-left: 35px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -35px;
  margin-left: -35px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .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, .col-sm-12, .col-sm,
.col-sm-auto, .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, .col-md-12, .col-md,
.col-md-auto, .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, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto, .col-fhd-1, .col-fhd-2, .col-fhd-3, .col-fhd-4, .col-fhd-5, .col-fhd-6, .col-fhd-7, .col-fhd-8, .col-fhd-9, .col-fhd-10, .col-fhd-11, .col-fhd-12, .col-fhd,
.col-fhd-auto, .col-2k-1, .col-2k-2, .col-2k-3, .col-2k-4, .col-2k-5, .col-2k-6, .col-2k-7, .col-2k-8, .col-2k-9, .col-2k-10, .col-2k-11, .col-2k-12, .col-2k,
.col-2k-auto {
  position: relative;
  width: 100%;
  padding-right: 35px;
  padding-left: 35px; }

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13; }

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6; }

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 480px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1024px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1280px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1366px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1920px) {
  .col-fhd {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-fhd-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-fhd-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-fhd-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-fhd-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-fhd-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-fhd-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-fhd-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-fhd-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-fhd-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-fhd-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-fhd-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-fhd-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-fhd-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-fhd-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-fhd-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-fhd-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-fhd-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-fhd-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-fhd-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-fhd-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-fhd-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-fhd-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-fhd-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-fhd-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-fhd-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-fhd-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-fhd-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-fhd-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-fhd-0 {
    margin-left: 0; }
  .offset-fhd-1 {
    margin-left: 8.33333%; }
  .offset-fhd-2 {
    margin-left: 16.66667%; }
  .offset-fhd-3 {
    margin-left: 25%; }
  .offset-fhd-4 {
    margin-left: 33.33333%; }
  .offset-fhd-5 {
    margin-left: 41.66667%; }
  .offset-fhd-6 {
    margin-left: 50%; }
  .offset-fhd-7 {
    margin-left: 58.33333%; }
  .offset-fhd-8 {
    margin-left: 66.66667%; }
  .offset-fhd-9 {
    margin-left: 75%; }
  .offset-fhd-10 {
    margin-left: 83.33333%; }
  .offset-fhd-11 {
    margin-left: 91.66667%; } }

@media (min-width: 2560px) {
  .col-2k {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-2k-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-2k-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-2k-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-2k-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-2k-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-2k-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-2k-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-2k-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-2k-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-2k-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-2k-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-2k-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-2k-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-2k-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-2k-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-2k-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-2k-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-2k-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-2k-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-2k-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-2k-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-2k-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-2k-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-2k-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-2k-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-2k-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-2k-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-2k-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .offset-2k-0 {
    margin-left: 0; }
  .offset-2k-1 {
    margin-left: 8.33333%; }
  .offset-2k-2 {
    margin-left: 16.66667%; }
  .offset-2k-3 {
    margin-left: 25%; }
  .offset-2k-4 {
    margin-left: 33.33333%; }
  .offset-2k-5 {
    margin-left: 41.66667%; }
  .offset-2k-6 {
    margin-left: 50%; }
  .offset-2k-7 {
    margin-left: 58.33333%; }
  .offset-2k-8 {
    margin-left: 66.66667%; }
  .offset-2k-9 {
    margin-left: 75%; }
  .offset-2k-10 {
    margin-left: 83.33333%; }
  .offset-2k-11 {
    margin-left: 91.66667%; } }

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(27, 27, 27, 0); }

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

body {
  margin: 0;
  font-family: "Lato";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2e2e2e;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible; }

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

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 400; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: 600; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #6cbd45;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #4c8630;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #1b1b1b;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 1rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

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

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #2e2e2e;
  text-align: left;
  list-style: none;
  background-color: white;
  background-clip: padding-box;
  border: 10rem solid rgba(27, 27, 27, 0.15);
  border-radius: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

@media (min-width: 480px) {
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-right {
    right: 0;
    left: auto; } }

@media (min-width: 1024px) {
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1280px) {
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

@media (min-width: 1366px) {
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto; } }

@media (min-width: 1920px) {
  .dropdown-menu-fhd-right {
    right: 0;
    left: auto; } }

@media (min-width: 2560px) {
  .dropdown-menu-2k-right {
    right: 0;
    left: auto; } }

.dropdown-menu-left {
  right: auto;
  left: 0; }

@media (min-width: 480px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; } }

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0; } }

@media (min-width: 1024px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; } }

@media (min-width: 1280px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; } }

@media (min-width: 1366px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0; } }

@media (min-width: 1920px) {
  .dropdown-menu-fhd-left {
    right: auto;
    left: 0; } }

@media (min-width: 2560px) {
  .dropdown-menu-2k-left {
    right: auto;
    left: 0; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: 0 0;
  overflow: hidden;
  border-top: 1px solid #c8c8c8; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #c8c8c8;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .dropdown-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #c8c8c8;
    text-decoration: none;
    background-color: #c8c8c8; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2e2e2e; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #c8c8c8;
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #c8c8c8;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #c8c8c8; }

body {
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "icons";
  src: url(/blog/contents/themes/djangostars/dist/3c26e60f4368af483ef3ff3bff136bbf.eot);
  src: url(/blog/contents/themes/djangostars/dist/3c26e60f4368af483ef3ff3bff136bbf.eot?#iefix) format("embedded-opentype"), url(/blog/contents/themes/djangostars/dist/e36f2fe111659565ad87f7642da2ec21.woff2) format("woff2"), url(/blog/contents/themes/djangostars/dist/93c4df8aee6f38dbf30e46ff32278a0c.woff) format("woff"), url(/blog/contents/themes/djangostars/dist/e10061b91268a2fa4d128f53c2e42095.ttf) format("ttf"), url(/blog/contents/themes/djangostars/dist/a5113d5b6a103397c598189f8a15cd46.svg#icons) format("svg");
  font-style: normal;
  font-weight: 400; }

.container {
  margin-right: auto;
  margin-left: auto;
  overflow: hidden; }
  @media (min-width: 480px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 1140px; } }
  @media (min-width: 1366px) {
    .container {
      max-width: 1350px; } }
  @media (min-width: 1920px) {
    .container {
      max-width: 1680px; } }
  @media (min-width: 2560px) {
    .container {
      max-width: 1920px; } }
  @media (max-width: 1023.98px) {
    .container {
      padding-left: 16px;
      padding-right: 16px; } }

.absolute-fill, .l-nav .l-nav__logo-color-black {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.bg_fill {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  z-index: -1; }

.blured {
  background-blend-mode: color,normal;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.4)));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.4));
  width: 100%;
  height: 100%; }

.l-nav .l-nav__container {
  margin-right: auto;
  margin-left: auto;
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (min-width: 480px) {
    .l-nav .l-nav__container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .l-nav .l-nav__container {
      max-width: 720px; } }
  @media (min-width: 1024px) {
    .l-nav .l-nav__container {
      max-width: 960px; } }
  @media (min-width: 1280px) {
    .l-nav .l-nav__container {
      max-width: 1140px; } }
  @media (min-width: 1366px) {
    .l-nav .l-nav__container {
      max-width: 1350px; } }
  @media (min-width: 1920px) {
    .l-nav .l-nav__container {
      max-width: 1680px; } }
  @media (min-width: 2560px) {
    .l-nav .l-nav__container {
      max-width: 1920px; } }
  @media (max-width: 1023.98px) {
    .l-nav .l-nav__container {
      padding-left: 24px;
      padding-right: 24px; } }

#ds-wrapper {
  height: 100%; }
  #ds-wrapper.ds-wrapper-fixed {
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: hidden; }

code br {
  display: none; }

.absolute, .contact-us.absolute, .aside-form.absolute {
  position: absolute;
  -webkit-transform: translateY(0);
          transform: translateY(0); }
  .absolute.bottom {
    top: unset;
    bottom: 50vh; }
  .absolute.top {
    top: 50vh;
    bottom: unset; }

* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  min-width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative; }
  body.logged-in .l-nav {
    top: 32px; }

a,
a:hover,
a:focus,
a:active,
a:visited {
  cursor: pointer;
  text-decoration: none;
  color: #6cbd45; }

ol, ul {
  list-style: none;
  margin: 0; }

blockquote, q {
  quotes: none; }

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

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

img {
  max-width: 100%;
  height: auto;
  display: block; }

button {
  cursor: pointer;
  border: 0;
  padding: 0;
  background: transparent; }
  button:focus {
    outline: 0; }

address {
  font-style: normal; }

[hidden] {
  display: none !important; }

body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #1b1b1b; }
  @media (max-width: 575px) {
    body {
      font-size: 14px; } }

strong, b {
  font-family: "Lato", sans-serif;
  font-weight: 700; }

* {
  margin: 0;
  padding: 0; }

code {
  white-space: normal; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote {
  margin-bottom: 0; }

html.is-active, body.is-active {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  overflow: hidden;
  height: 100%; }
  html.is-active #drift-widget-container, body.is-active #drift-widget-container {
    z-index: 0 !important; }

.icon {
  width: 26px;
  height: 26px;
  display: block;
  margin: 0 auto; }

.icon-bt-next {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='12' viewBox='0 0 26 12' fill='%23ffffff'%3E %3Cpath d='M25.801 5.51L20.606.203a.66.66 0 0 0-.951 0 .697.697 0 0 0 0 .973L23.7 5.314H.676A.684.684 0 0 0 0 6.006c0 .382.302.691.676.691h23.025l-4.046 4.128a.697.697 0 0 0 0 .973.662.662 0 0 0 .478.202.662.662 0 0 0 .478-.202l5.196-5.314a.702.702 0 0 0-.006-.973z'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-bt-next:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='12' viewBox='0 0 26 12' fill='%23ffffff'%3E %3Cpath d='M25.801 5.51L20.606.203a.66.66 0 0 0-.951 0 .697.697 0 0 0 0 .973L23.7 5.314H.676A.684.684 0 0 0 0 6.006c0 .382.302.691.676.691h23.025l-4.046 4.128a.697.697 0 0 0 0 .973.662.662 0 0 0 .478.202.662.662 0 0 0 .478-.202l5.196-5.314a.702.702 0 0 0-.006-.973z'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-close {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='%23ffffff'%3E %3Cpolygon points='20 18.182 11.818 10 10 11.818 18.182 20 10 28.182 11.818 30 20 21.818 28.182 30 30 28.182 21.818 20 30 11.818 28.182 10'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-close:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='%23ffffff'%3E %3Cpolygon points='20 18.182 11.818 10 10 11.818 18.182 20 10 28.182 11.818 30 20 21.818 28.182 30 30 28.182 21.818 20 30 11.818 28.182 10'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-clutch {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23ffffff'%3E %3Cpath d='M14.665,15.536 L14.664,15.536 L15.414,14.857 L18.786,18.225 L17.984,18.985 C15.982237,20.833278 13.3483372,21.8442517 10.624,21.81 C4.576,21.81 0,17.166 0,10.972 C0,4.78 4.469,0.272 10.624,0.272 C13.322012,0.236423999 15.9329172,1.22645924 17.929,3.042 L18.759,3.83 L15.441,7.198 L14.692,6.546 C13.56,5.562 12.114,5.032 10.624,5.052 C7.118,5.052 4.684,7.496 4.684,11 C4.684,14.504 7.199,17.056 10.624,17.056 C12.1141423,17.0751036 13.556848,16.5324377 14.665,15.536 Z M10.463,14.639 C8.49741858,14.639 6.904,13.0218525 6.904,11.027 C6.904,9.03214748 8.49741858,7.415 10.463,7.415 C12.4285814,7.415 14.022,9.03214748 14.022,11.027 C14.022,13.0218525 12.4285814,14.639 10.463,14.639 Z' transform='translate(4 2)'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-clutch:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%236cbd45'%3E %3Cpath d='M14.665,15.536 L14.664,15.536 L15.414,14.857 L18.786,18.225 L17.984,18.985 C15.982237,20.833278 13.3483372,21.8442517 10.624,21.81 C4.576,21.81 0,17.166 0,10.972 C0,4.78 4.469,0.272 10.624,0.272 C13.322012,0.236423999 15.9329172,1.22645924 17.929,3.042 L18.759,3.83 L15.441,7.198 L14.692,6.546 C13.56,5.562 12.114,5.032 10.624,5.052 C7.118,5.052 4.684,7.496 4.684,11 C4.684,14.504 7.199,17.056 10.624,17.056 C12.1141423,17.0751036 13.556848,16.5324377 14.665,15.536 Z M10.463,14.639 C8.49741858,14.639 6.904,13.0218525 6.904,11.027 C6.904,9.03214748 8.49741858,7.415 10.463,7.415 C12.4285814,7.415 14.022,9.03214748 14.022,11.027 C14.022,13.0218525 12.4285814,14.639 10.463,14.639 Z' transform='translate(4 2)'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-goodfirms {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23ffffff'%3E %3Cpath d='M11.222 10.033s-1.11-.11-1.11.88v4.395h7.333v1.319s.022.659-.667.659h-6.667V23h8s4.844-.748 4.889-5.714v-7.253H11.222zM22.777 3H8.333C3.11 4.23 3 8.516 3 8.516V23h5.556V9.813c0-1.12 1.11-1.318 1.11-1.318h13.112V3z'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-goodfirms:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%236cbd45'%3E %3Cpath d='M11.222 10.033s-1.11-.11-1.11.88v4.395h7.333v1.319s.022.659-.667.659h-6.667V23h8s4.844-.748 4.889-5.714v-7.253H11.222zM22.777 3H8.333C3.11 4.23 3 8.516 3 8.516V23h5.556V9.813c0-1.12 1.11-1.318 1.11-1.318h13.112V3z'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-medium {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23ffffff'%3E %3Cpath d='M7.996,3.734 L7.996,19.208 C8.00187373,19.4082122 7.9429514,19.6049707 7.828,19.769 C7.717,19.923 7.554,20 7.339,20 C7.18543967,19.9994247 7.0341184,19.963135 6.897,19.894 L0.67,16.821 C0.471560953,16.7233313 0.306080206,16.5696706 0.194,16.379 C0.0721841637,16.1969829 0.00487873073,15.9839647 0,15.765 L0,0.725 C0,0.55 0.045,0.4 0.134,0.277 C0.223617206,0.15355591 0.36967024,0.0839172209 0.522,0.092 C0.647,0.092 0.844,0.158 1.112,0.29 L7.955,3.668 C7.982,3.694 7.995,3.716 7.995,3.734 L7.996,3.734 Z M8.853,5.066 L16.004,16.491 L8.853,12.981 L8.853,5.067 L8.853,5.066 Z M24,5.303 L24,19.208 C24.0087032,19.4039094 23.9413427,19.5956002 23.812,19.743 C23.6804866,19.8817809 23.4949707,19.9562794 23.304,19.947 C23.0827503,19.9454076 22.8656914,19.8864916 22.674,19.776 L16.768,16.873 L24,5.303 Z M23.96,3.72 C23.96,3.747 22.815,5.591 20.525,9.255 C18.235,12.918 16.893,15.062 16.5,15.686 L11.277,7.322 L15.617,0.369 C15.767,0.123 16,0 16.312,0 C16.437,0 16.554,0.026 16.661,0.08 L23.906,3.641 C23.942,3.659 23.96,3.685 23.96,3.721 L23.96,3.72 Z' transform='translate(1 3)'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-medium:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%236cbd45'%3E %3Cpath d='M7.996,3.734 L7.996,19.208 C8.00187373,19.4082122 7.9429514,19.6049707 7.828,19.769 C7.717,19.923 7.554,20 7.339,20 C7.18543967,19.9994247 7.0341184,19.963135 6.897,19.894 L0.67,16.821 C0.471560953,16.7233313 0.306080206,16.5696706 0.194,16.379 C0.0721841637,16.1969829 0.00487873073,15.9839647 0,15.765 L0,0.725 C0,0.55 0.045,0.4 0.134,0.277 C0.223617206,0.15355591 0.36967024,0.0839172209 0.522,0.092 C0.647,0.092 0.844,0.158 1.112,0.29 L7.955,3.668 C7.982,3.694 7.995,3.716 7.995,3.734 L7.996,3.734 Z M8.853,5.066 L16.004,16.491 L8.853,12.981 L8.853,5.067 L8.853,5.066 Z M24,5.303 L24,19.208 C24.0087032,19.4039094 23.9413427,19.5956002 23.812,19.743 C23.6804866,19.8817809 23.4949707,19.9562794 23.304,19.947 C23.0827503,19.9454076 22.8656914,19.8864916 22.674,19.776 L16.768,16.873 L24,5.303 Z M23.96,3.72 C23.96,3.747 22.815,5.591 20.525,9.255 C18.235,12.918 16.893,15.062 16.5,15.686 L11.277,7.322 L15.617,0.369 C15.767,0.123 16,0 16.312,0 C16.437,0 16.554,0.026 16.661,0.08 L23.906,3.641 C23.942,3.659 23.96,3.685 23.96,3.721 L23.96,3.72 Z' transform='translate(1 3)'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-github {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23ffffff'%3E %3Cpath d='M15.854,8.38 C15.928,7.91 15.974,7.396 15.986,6.82 C15.982,4.345 14.8,3.47 14.572,3.06 C14.907,1.185 14.517,0.333 14.335,0.041 C13.665,-0.197 12.005,0.656 11.099,1.256 C9.62,0.822 6.495,0.865 5.323,1.368 C3.161,-0.183 2.017,0.053 2.017,0.053 C2.017,0.053 1.277,1.382 1.822,3.326 C1.11,4.234 0.58,4.876 0.58,6.58 C0.58,6.988 0.605,7.374 0.648,7.745 C1.261,10.973 3.813,12.365 6.321,12.606 C5.944,12.893 5.491,13.437 5.428,14.067 C4.954,14.374 4,14.476 3.258,14.242 C2.219,13.913 1.822,11.852 0.265,12.145 C-0.071,12.208 -0.005,12.431 0.287,12.621 C0.761,12.929 1.207,13.311 1.552,14.131 C1.816,14.761 2.372,15.884 4.13,15.884 C4.828,15.884 5.317,15.802 5.317,15.802 C5.317,15.802 5.33,17.405 5.33,18.031 C5.33,18.751 4.36,18.953 4.36,19.298 C4.36,19.435 4.681,19.448 4.94,19.448 C5.449,19.448 6.509,19.023 6.509,18.275 C6.509,17.681 6.519,15.683 6.519,15.333 C6.519,14.569 6.927,14.325 6.927,14.325 C6.927,14.325 6.977,18.405 6.829,18.953 C6.655,19.596 6.339,19.505 6.339,19.791 C6.339,20.218 7.614,19.895 8.037,18.961 C8.364,18.23 8.217,14.228 8.217,14.228 L8.558,14.221 C8.558,14.221 8.562,16.053 8.55,16.891 C8.538,17.758 8.449,18.854 8.963,19.371 C9.3,19.711 10.333,20.309 10.333,19.763 C10.333,19.447 9.61,19.186 9.61,18.329 L9.61,14.382 C10.05,14.382 10.14,15.679 10.14,15.679 L10.3,18.089 C10.3,18.089 10.194,18.969 11.247,19.336 C11.619,19.466 12.415,19.502 12.452,19.283 C12.489,19.063 11.494,18.739 11.485,18.058 C11.479,17.644 11.503,17.401 11.503,15.598 C11.503,13.795 11.262,13.128 10.419,12.597 C12.861,12.346 15.397,11.253 15.854,8.38 L15.854,8.38 Z' transform='translate(5 4)'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-github:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%236cbd45'%3E %3Cpath d='M15.854,8.38 C15.928,7.91 15.974,7.396 15.986,6.82 C15.982,4.345 14.8,3.47 14.572,3.06 C14.907,1.185 14.517,0.333 14.335,0.041 C13.665,-0.197 12.005,0.656 11.099,1.256 C9.62,0.822 6.495,0.865 5.323,1.368 C3.161,-0.183 2.017,0.053 2.017,0.053 C2.017,0.053 1.277,1.382 1.822,3.326 C1.11,4.234 0.58,4.876 0.58,6.58 C0.58,6.988 0.605,7.374 0.648,7.745 C1.261,10.973 3.813,12.365 6.321,12.606 C5.944,12.893 5.491,13.437 5.428,14.067 C4.954,14.374 4,14.476 3.258,14.242 C2.219,13.913 1.822,11.852 0.265,12.145 C-0.071,12.208 -0.005,12.431 0.287,12.621 C0.761,12.929 1.207,13.311 1.552,14.131 C1.816,14.761 2.372,15.884 4.13,15.884 C4.828,15.884 5.317,15.802 5.317,15.802 C5.317,15.802 5.33,17.405 5.33,18.031 C5.33,18.751 4.36,18.953 4.36,19.298 C4.36,19.435 4.681,19.448 4.94,19.448 C5.449,19.448 6.509,19.023 6.509,18.275 C6.509,17.681 6.519,15.683 6.519,15.333 C6.519,14.569 6.927,14.325 6.927,14.325 C6.927,14.325 6.977,18.405 6.829,18.953 C6.655,19.596 6.339,19.505 6.339,19.791 C6.339,20.218 7.614,19.895 8.037,18.961 C8.364,18.23 8.217,14.228 8.217,14.228 L8.558,14.221 C8.558,14.221 8.562,16.053 8.55,16.891 C8.538,17.758 8.449,18.854 8.963,19.371 C9.3,19.711 10.333,20.309 10.333,19.763 C10.333,19.447 9.61,19.186 9.61,18.329 L9.61,14.382 C10.05,14.382 10.14,15.679 10.14,15.679 L10.3,18.089 C10.3,18.089 10.194,18.969 11.247,19.336 C11.619,19.466 12.415,19.502 12.452,19.283 C12.489,19.063 11.494,18.739 11.485,18.058 C11.479,17.644 11.503,17.401 11.503,15.598 C11.503,13.795 11.262,13.128 10.419,12.597 C12.861,12.346 15.397,11.253 15.854,8.38 L15.854,8.38 Z' transform='translate(5 4)'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-youtube {
  background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30px' height='30px' fill='%23ffffff'%3E %3Cpath d='M 15 4 C 10.814 4 5.3808594 5.0488281 5.3808594 5.0488281 L 5.3671875 5.0644531 C 3.4606632 5.3693645 2 7.0076245 2 9 L 2 15 L 2 15.001953 L 2 21 L 2 21.001953 A 4 4 0 0 0 5.3769531 24.945312 L 5.3808594 24.951172 C 5.3808594 24.951172 10.814 26.001953 15 26.001953 C 19.186 26.001953 24.619141 24.951172 24.619141 24.951172 L 24.621094 24.949219 A 4 4 0 0 0 28 21.001953 L 28 21 L 28 15.001953 L 28 15 L 28 9 A 4 4 0 0 0 24.623047 5.0546875 L 24.619141 5.0488281 C 24.619141 5.0488281 19.186 4 15 4 z M 12 10.398438 L 20 15 L 12 19.601562 L 12 10.398438 z'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-youtube:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30px' height='30px' fill='%236cbd45'%3E %3Cpath d='M 15 4 C 10.814 4 5.3808594 5.0488281 5.3808594 5.0488281 L 5.3671875 5.0644531 C 3.4606632 5.3693645 2 7.0076245 2 9 L 2 15 L 2 15.001953 L 2 21 L 2 21.001953 A 4 4 0 0 0 5.3769531 24.945312 L 5.3808594 24.951172 C 5.3808594 24.951172 10.814 26.001953 15 26.001953 C 19.186 26.001953 24.619141 24.951172 24.619141 24.951172 L 24.621094 24.949219 A 4 4 0 0 0 28 21.001953 L 28 21 L 28 15.001953 L 28 15 L 28 9 A 4 4 0 0 0 24.623047 5.0546875 L 24.619141 5.0488281 C 24.619141 5.0488281 19.186 4 15 4 z M 12 10.398438 L 20 15 L 12 19.601562 L 12 10.398438 z'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-dribbble {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23ffffff'%3E %3Cpath d='M9.995,1.77635684e-15 C4.484,1.77635684e-15 0,4.478 0,9.982 C0,15.486 4.484,19.964 9.995,19.964 C15.507,19.964 19.99,15.486 19.991,9.982 C19.991,4.478 15.507,0.001 9.995,1.77635684e-15 Z M16.572,4.712 C17.7508095,6.16904344 18.407425,7.97904886 18.437,9.853 C17.1496394,9.60556561 15.8419195,9.47934686 14.531,9.476 C13.911,9.476 13.259,9.507 12.606,9.588 C12.3873293,9.0514596 12.1505265,8.52248895 11.896,8.002 C14.85,6.784 16.276,5.094 16.572,4.712 L16.572,4.712 Z M9.995,1.562 C12.125,1.562 14.072,2.354 15.559,3.658 C15.323,3.979 14.047,5.574 11.197,6.651 C10.2658094,4.96354911 9.22838799,3.33694185 8.091,1.781 C8.71525695,1.63573692 9.35406472,1.5622606 9.995,1.562 L9.995,1.562 Z M6.368,2.382 C6.659,2.782 8.105,4.799 9.458,7.192 C5.827,8.146 2.603,8.208 1.825,8.208 L1.743,8.208 C2.30310023,5.65637995 4.00994728,3.50630624 6.368,2.382 L6.368,2.382 Z M1.551,9.995 C1.551,9.926 1.553,9.856 1.555,9.787 L1.776,9.789 C2.824,9.789 6.461,9.701 10.209,8.589 C10.437,9.034 10.654,9.486 10.854,9.937 C10.7602566,9.96396455 10.6669133,9.99230092 10.574,10.022 C6.354,11.385 4.034,14.993 3.677,15.582 C2.3064157,14.0438542 1.54967769,12.0551923 1.551,9.995 L1.551,9.995 Z M9.995,18.428 C8.1312952,18.4297952 6.31978644,17.8124752 4.845,16.673 C5.086,16.2 6.836,13.047 11.462,11.437 C11.465371,11.4361303 11.4687069,11.4351295 11.472,11.434 C12.631,14.454 13.122,16.988 13.257,17.773 C12.2242143,18.2066414 11.1151292,18.4293424 9.995,18.428 L9.995,18.428 Z M14.778,16.941 C14.664,16.291 14.209,13.917 13.159,11.02 C13.749,10.929 14.322,10.893 14.859,10.893 C16.624,10.893 18.004,11.279 18.325,11.376 C17.9462808,13.6352617 16.666098,15.6437808 14.778,16.941 Z' transform='translate(3 3)'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-dribbble:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%236cbd45'%3E %3Cpath d='M9.995,1.77635684e-15 C4.484,1.77635684e-15 0,4.478 0,9.982 C0,15.486 4.484,19.964 9.995,19.964 C15.507,19.964 19.99,15.486 19.991,9.982 C19.991,4.478 15.507,0.001 9.995,1.77635684e-15 Z M16.572,4.712 C17.7508095,6.16904344 18.407425,7.97904886 18.437,9.853 C17.1496394,9.60556561 15.8419195,9.47934686 14.531,9.476 C13.911,9.476 13.259,9.507 12.606,9.588 C12.3873293,9.0514596 12.1505265,8.52248895 11.896,8.002 C14.85,6.784 16.276,5.094 16.572,4.712 L16.572,4.712 Z M9.995,1.562 C12.125,1.562 14.072,2.354 15.559,3.658 C15.323,3.979 14.047,5.574 11.197,6.651 C10.2658094,4.96354911 9.22838799,3.33694185 8.091,1.781 C8.71525695,1.63573692 9.35406472,1.5622606 9.995,1.562 L9.995,1.562 Z M6.368,2.382 C6.659,2.782 8.105,4.799 9.458,7.192 C5.827,8.146 2.603,8.208 1.825,8.208 L1.743,8.208 C2.30310023,5.65637995 4.00994728,3.50630624 6.368,2.382 L6.368,2.382 Z M1.551,9.995 C1.551,9.926 1.553,9.856 1.555,9.787 L1.776,9.789 C2.824,9.789 6.461,9.701 10.209,8.589 C10.437,9.034 10.654,9.486 10.854,9.937 C10.7602566,9.96396455 10.6669133,9.99230092 10.574,10.022 C6.354,11.385 4.034,14.993 3.677,15.582 C2.3064157,14.0438542 1.54967769,12.0551923 1.551,9.995 L1.551,9.995 Z M9.995,18.428 C8.1312952,18.4297952 6.31978644,17.8124752 4.845,16.673 C5.086,16.2 6.836,13.047 11.462,11.437 C11.465371,11.4361303 11.4687069,11.4351295 11.472,11.434 C12.631,14.454 13.122,16.988 13.257,17.773 C12.2242143,18.2066414 11.1151292,18.4293424 9.995,18.428 L9.995,18.428 Z M14.778,16.941 C14.664,16.291 14.209,13.917 13.159,11.02 C13.749,10.929 14.322,10.893 14.859,10.893 C16.624,10.893 18.004,11.279 18.325,11.376 C17.9462808,13.6352617 16.666098,15.6437808 14.778,16.941 Z' transform='translate(3 3)'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-linkedin {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23ffffff'%3E %3Cpath d='M4.655,6.412 L0.64,6.412 C0.462002675,6.41255108 0.317999147,6.55700182 0.318,6.735 L0.318,19.633 C0.318,19.812 0.462,19.956 0.64,19.956 L4.655,19.956 C4.83338797,19.956 4.978,19.811388 4.978,19.633 L4.978,6.735 C4.978,6.64933507 4.94396974,6.56717876 4.88339549,6.50660451 C4.82282124,6.44603026 4.74066493,6.412 4.655,6.412 L4.655,6.412 Z M2.65,0 C1.18784422,0.000549884535 0.00220609182,1.18484578 0,2.647 C0.00220609182,4.10915422 1.18784422,5.29345012 2.65,5.294 C4.11043206,5.29179723 5.29379723,4.10843206 5.296,2.648 C5.29434577,1.18639763 4.10960289,0.00210216071 2.648,0.001 L2.65,0 Z M14.868,6.092 C13.255,6.092 12.063,6.785 11.34,7.572 L11.34,6.735 C11.3400009,6.55700182 11.1959973,6.41255108 11.018,6.412 L7.173,6.412 C7.08733507,6.412 7.00517876,6.44603026 6.94460451,6.50660451 C6.88403026,6.56717876 6.85,6.64933507 6.85,6.735 L6.85,19.633 C6.85,19.812 6.994,19.956 7.173,19.956 L11.179,19.956 C11.3569973,19.9554489 11.5010009,19.8109982 11.501,19.633 L11.501,13.252 C11.501,11.101 12.086,10.263 13.585,10.263 C15.217,10.263 15.347,11.606 15.347,13.363 L15.347,19.633 C15.347,19.812 15.491,19.956 15.67,19.956 L19.677,19.956 C19.855388,19.956 20,19.811388 20,19.633 L20,12.558 C20,9.361 19.39,6.092 14.868,6.092 L14.868,6.092 Z' transform='translate(3 3)'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-linkedin:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%236cbd45'%3E %3Cpath d='M4.655,6.412 L0.64,6.412 C0.462002675,6.41255108 0.317999147,6.55700182 0.318,6.735 L0.318,19.633 C0.318,19.812 0.462,19.956 0.64,19.956 L4.655,19.956 C4.83338797,19.956 4.978,19.811388 4.978,19.633 L4.978,6.735 C4.978,6.64933507 4.94396974,6.56717876 4.88339549,6.50660451 C4.82282124,6.44603026 4.74066493,6.412 4.655,6.412 L4.655,6.412 Z M2.65,0 C1.18784422,0.000549884535 0.00220609182,1.18484578 0,2.647 C0.00220609182,4.10915422 1.18784422,5.29345012 2.65,5.294 C4.11043206,5.29179723 5.29379723,4.10843206 5.296,2.648 C5.29434577,1.18639763 4.10960289,0.00210216071 2.648,0.001 L2.65,0 Z M14.868,6.092 C13.255,6.092 12.063,6.785 11.34,7.572 L11.34,6.735 C11.3400009,6.55700182 11.1959973,6.41255108 11.018,6.412 L7.173,6.412 C7.08733507,6.412 7.00517876,6.44603026 6.94460451,6.50660451 C6.88403026,6.56717876 6.85,6.64933507 6.85,6.735 L6.85,19.633 C6.85,19.812 6.994,19.956 7.173,19.956 L11.179,19.956 C11.3569973,19.9554489 11.5010009,19.8109982 11.501,19.633 L11.501,13.252 C11.501,11.101 12.086,10.263 13.585,10.263 C15.217,10.263 15.347,11.606 15.347,13.363 L15.347,19.633 C15.347,19.812 15.491,19.956 15.67,19.956 L19.677,19.956 C19.855388,19.956 20,19.811388 20,19.633 L20,12.558 C20,9.361 19.39,6.092 14.868,6.092 L14.868,6.092 Z' transform='translate(3 3)'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-facebook {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23ffffff'%3E %3Cpath d='M6.632,6.546 L6.632,4.825 C6.632,4.567 6.645,4.366 6.671,4.225 C6.696,4.083 6.755,3.945 6.846,3.807 C6.936,3.669 7.084,3.574 7.287,3.522 C7.491,3.469 7.761,3.442 8.099,3.442 L9.941,3.442 L9.941,0 L6.995,0 C5.291,0 4.067,0.378 3.323,1.133 C2.579,1.889 2.207,3.003 2.207,4.473 L2.207,6.546 L0,6.546 L0,9.99 L2.206,9.99 L2.206,19.98 L6.632,19.98 L6.632,9.99 L9.578,9.99 L9.967,6.546 L6.632,6.546 Z' transform='translate(8 3)'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-facebook:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%236cbd45'%3E %3Cpath d='M6.632,6.546 L6.632,4.825 C6.632,4.567 6.645,4.366 6.671,4.225 C6.696,4.083 6.755,3.945 6.846,3.807 C6.936,3.669 7.084,3.574 7.287,3.522 C7.491,3.469 7.761,3.442 8.099,3.442 L9.941,3.442 L9.941,0 L6.995,0 C5.291,0 4.067,0.378 3.323,1.133 C2.579,1.889 2.207,3.003 2.207,4.473 L2.207,6.546 L0,6.546 L0,9.99 L2.206,9.99 L2.206,19.98 L6.632,19.98 L6.632,9.99 L9.578,9.99 L9.967,6.546 L6.632,6.546 Z' transform='translate(8 3)'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-twitter {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23ffffff'%3E %3Cpath d='M24,2.24785721 C23.1168,2.62852256 22.16928,2.88832665 21.1728,3.00347792 C22.1953897,2.40915082 22.9646102,1.46595502 23.33664,0.350240467 C22.38336,0.90030189 21.33024,1.29904884 20.20896,1.51507642 C19.2713096,0.543170669 17.9722897,-0.00453993321 16.61568,2.83496519e-05 C13.896,2.83496519e-05 11.69088,2.14793256 11.69088,4.7964117 C11.69088,5.17231872 11.73504,5.53870912 11.81952,5.89082456 C7.87702632,5.70556345 4.19468772,3.88590848 1.67232,0.876510306 C1.2347268,1.60599542 1.00450408,2.43930707 1.00608,3.28802527 C1.00608,4.95343615 1.87584,6.42185272 3.19584,7.28120473 C2.41523304,7.25655279 1.65137198,7.05053992 0.96576,6.67975349 L0.96576,6.73970828 C0.96576,9.06367021 2.664,11.0031601 4.91424,11.4437803 C4.50144,11.5522699 4.06752,11.6122247 3.61824,11.6122247 C3.29952,11.6122247 2.99232,11.5817715 2.69088,11.5227683 C3.31776,13.4308534 5.13504,14.8174269 7.28928,14.8554934 C5.53615542,16.1914325 3.38531104,16.9127541 1.17408,16.906328 C0.77664,16.906328 0.38592,16.8825364 0,16.8397115 C2.2581123,18.2543415 4.87533355,19.0035464 7.54656,18.9999874 C16.6032,18.9999874 21.55392,11.6883578 21.55392,5.34742478 L21.5376,4.72694027 C22.5030236,4.05516581 23.3373598,3.21517689 24,2.24785721 Z' transform='translate(1 4)'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-twitter:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%236cbd45'%3E %3Cpath d='M24,2.24785721 C23.1168,2.62852256 22.16928,2.88832665 21.1728,3.00347792 C22.1953897,2.40915082 22.9646102,1.46595502 23.33664,0.350240467 C22.38336,0.90030189 21.33024,1.29904884 20.20896,1.51507642 C19.2713096,0.543170669 17.9722897,-0.00453993321 16.61568,2.83496519e-05 C13.896,2.83496519e-05 11.69088,2.14793256 11.69088,4.7964117 C11.69088,5.17231872 11.73504,5.53870912 11.81952,5.89082456 C7.87702632,5.70556345 4.19468772,3.88590848 1.67232,0.876510306 C1.2347268,1.60599542 1.00450408,2.43930707 1.00608,3.28802527 C1.00608,4.95343615 1.87584,6.42185272 3.19584,7.28120473 C2.41523304,7.25655279 1.65137198,7.05053992 0.96576,6.67975349 L0.96576,6.73970828 C0.96576,9.06367021 2.664,11.0031601 4.91424,11.4437803 C4.50144,11.5522699 4.06752,11.6122247 3.61824,11.6122247 C3.29952,11.6122247 2.99232,11.5817715 2.69088,11.5227683 C3.31776,13.4308534 5.13504,14.8174269 7.28928,14.8554934 C5.53615542,16.1914325 3.38531104,16.9127541 1.17408,16.906328 C0.77664,16.906328 0.38592,16.8825364 0,16.8397115 C2.2581123,18.2543415 4.87533355,19.0035464 7.54656,18.9999874 C16.6032,18.9999874 21.55392,11.6883578 21.55392,5.34742478 L21.5376,4.72694027 C22.5030236,4.05516581 23.3373598,3.21517689 24,2.24785721 Z' transform='translate(1 4)'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.icon-instagram {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23ffffff'%3E %3Cpath d='M14.4,0 L5.49,0 C2.45948927,0.00275571254 0.00330776836,2.45848982 0,5.489 L0,14.4 C0.00330679111,17.4301202 2.45887978,19.8856932 5.489,19.889 L14.4,19.889 C17.4305102,19.8856922 19.8862443,17.4295107 19.889,14.399 L19.889,5.49 C19.8862443,2.45948927 17.4305102,0.00330776836 14.4,0 Z M18.125,14.4 C18.1233465,16.4561851 16.4571845,18.1227945 14.401,18.125 L5.489,18.125 C3.43281547,18.1227945 1.76665347,16.4561851 1.765,14.4 L1.765,5.489 C1.76720461,3.43320546 3.43320546,1.76720461 5.489,1.765 L14.4,1.765 C16.4557945,1.76720461 18.1217954,3.43320546 18.124,5.489 L18.124,14.4 L18.125,14.4 Z M9.945,4.82 C7.11568313,4.82275628 4.82275628,7.11568313 4.82,9.945 C4.82275628,12.7743169 7.11568313,15.0672437 9.945,15.07 C12.7743169,15.0672437 15.0672437,12.7743169 15.07,9.945 C15.0672437,7.11568313 12.7743169,4.82275628 9.945,4.82 Z M9.945,13.305 C8.09023698,13.3027959 6.58720412,11.799763 6.585,9.945 C6.58720412,8.09023698 8.09023698,6.58720412 9.945,6.585 C11.799763,6.58720412 13.3027959,8.09023698 13.305,9.945 C13.3027959,11.799763 11.799763,13.3027959 9.945,13.305 L9.945,13.305 Z M15.285,3.324 C14.5717085,3.32728459 13.9942846,3.90470848 13.991,4.618 C13.991,4.958 14.13,5.292 14.371,5.533 C14.611,5.773 14.945,5.912 15.285,5.912 C15.626,5.912 15.959,5.773 16.2,5.533 C16.441,5.292 16.579,4.958 16.579,4.618 C16.5786103,4.27459322 16.4423595,3.94529043 16.2,3.702 C15.9567925,3.46025096 15.6279174,3.3243878 15.285,3.324 L15.285,3.324 Z' transform='translate(3 3)'/%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .icon-instagram:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%236cbd45'%3E %3Cpath d='M14.4,0 L5.49,0 C2.45948927,0.00275571254 0.00330776836,2.45848982 0,5.489 L0,14.4 C0.00330679111,17.4301202 2.45887978,19.8856932 5.489,19.889 L14.4,19.889 C17.4305102,19.8856922 19.8862443,17.4295107 19.889,14.399 L19.889,5.49 C19.8862443,2.45948927 17.4305102,0.00330776836 14.4,0 Z M18.125,14.4 C18.1233465,16.4561851 16.4571845,18.1227945 14.401,18.125 L5.489,18.125 C3.43281547,18.1227945 1.76665347,16.4561851 1.765,14.4 L1.765,5.489 C1.76720461,3.43320546 3.43320546,1.76720461 5.489,1.765 L14.4,1.765 C16.4557945,1.76720461 18.1217954,3.43320546 18.124,5.489 L18.124,14.4 L18.125,14.4 Z M9.945,4.82 C7.11568313,4.82275628 4.82275628,7.11568313 4.82,9.945 C4.82275628,12.7743169 7.11568313,15.0672437 9.945,15.07 C12.7743169,15.0672437 15.0672437,12.7743169 15.07,9.945 C15.0672437,7.11568313 12.7743169,4.82275628 9.945,4.82 Z M9.945,13.305 C8.09023698,13.3027959 6.58720412,11.799763 6.585,9.945 C6.58720412,8.09023698 8.09023698,6.58720412 9.945,6.585 C11.799763,6.58720412 13.3027959,8.09023698 13.305,9.945 C13.3027959,11.799763 11.799763,13.3027959 9.945,13.305 L9.945,13.305 Z M15.285,3.324 C14.5717085,3.32728459 13.9942846,3.90470848 13.991,4.618 C13.991,4.958 14.13,5.292 14.371,5.533 C14.611,5.773 14.945,5.912 15.285,5.912 C15.626,5.912 15.959,5.773 16.2,5.533 C16.441,5.292 16.579,4.958 16.579,4.618 C16.5786103,4.27459322 16.4423595,3.94529043 16.2,3.702 C15.9567925,3.46025096 15.6279174,3.3243878 15.285,3.324 L15.285,3.324 Z' transform='translate(3 3)'/%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.menu-btn__expand {
  background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='10px' height='6px' viewBox='0 0 10 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%236cbd45'%3E %3C!-- Generator: Sketch 52.1 (67048) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Eexpand-button%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='Head-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='ds_mob_main_navigation_v2' transform='translate(-286.000000, -78.000000)' fill='%236CBD45'%3E %3Cg id='Menu'%3E %3Cg id='0' transform='translate(0.000000, 57.000000)'%3E %3Cg id='expand-button' transform='translate(286.000000, 21.000000)'%3E %3Cpolygon id='Path' points='8.83333333 0.0205263158 5 3.72473684 1.16666667 0.0205263158 0 1.14789474 5 5.97947368 10 1.14789474'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") center center no-repeat;
  background-size: contain; }
  .menu-btn__expand:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='10px' height='6px' viewBox='0 0 10 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%236cbd45'%3E %3C!-- Generator: Sketch 52.1 (67048) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Eexpand-button%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='Head-menu' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='ds_mob_main_navigation_v2' transform='translate(-286.000000, -78.000000)' fill='%236CBD45'%3E %3Cg id='Menu'%3E %3Cg id='0' transform='translate(0.000000, 57.000000)'%3E %3Cg id='expand-button' transform='translate(286.000000, 21.000000)'%3E %3Cpolygon id='Path' points='8.83333333 0.0205263158 5 3.72473684 1.16666667 0.0205263158 0 1.14789474 5 5.97947368 10 1.14789474'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") center center no-repeat;
    background-size: contain; }

.btn {
  border-radius: 0;
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: .6px;
  padding: 16px 32px;
  text-transform: uppercase; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }
  .btn.btn--sm {
    font-size: 10px;
    padding: 4px 8px;
    line-height: 1.6; }
  .btn.btn--social-icon {
    display: block;
    font-size: 18px;
    padding: 4px; }

.btn.btn-primary {
  display: inline-block;
  color: #ffffff;
  background-color: #6cbd45;
  border: 1px solid #6cbd45;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease; }
  .btn.btn-primary:hover {
    background-color: #3e9912;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease; }
  .btn.btn-primary.focus, .btn.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 189, 69, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(108, 189, 69, 0.5); }

.btn.btn-secondary {
  display: inline-block;
  color: #6cbd45;
  background-color: #ffffff;
  border: 1px solid #6cbd45;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease; }
  .btn.btn-secondary:hover {
    color: #000000; }
  .btn.btn-secondary.focus, .btn.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 189, 69, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(108, 189, 69, 0.5); }

.btn.btn-dark {
  color: #ffffff;
  background-color: #2e2e2e;
  border-color: #2e2e2e; }
  .btn.btn-dark:hover {
    background-color: #202020; }

.btn.btn-close {
  width: 48px;
  height: 48px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  padding: 0;
  line-height: 1.6;
  font-size: 32px; }
  @media (max-width: 1023.98px) {
    .btn.btn-close {
      font-size: 16px; } }

.btns-multiple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .btns-multiple .btns-multiple__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -8px; }
  .btns-multiple .btns-multiple__list-item {
    margin-bottom: 8px; }
    .btns-multiple .btns-multiple__list-item:not(:last-of-type) {
      margin-right: 8px; }
  .btns-multiple .btns-multiple__list-link {
    display: block; }
  .btns-multiple .btns-multiple__title {
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 13px;
    margin-right: 16px;
    line-height: 24px;
    height: 24px; }

.btns-multiple.btns-multiple--social .btns-multiple__list-item {
  margin-bottom: 0; }
  .btns-multiple.btns-multiple--social .btns-multiple__list-item .btn--social-icon {
    width: 24px;
    height: 24px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    line-height: 24px; }
    .btns-multiple.btns-multiple--social .btns-multiple__list-item .btn--social-icon .icon-twitter {
      font-size: 18px; }

.c-input {
  width: 100%;
  text-transform: uppercase;
  padding: 12px;
  border: 0; }

.c-textarea {
  text-transform: uppercase;
  padding: 12px;
  width: 100%;
  border: 0;
  min-height: 124px;
  resize: none; }

.heading {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #2e2e2e; }
  .heading.heading--underline {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1.8px;
    color: #2e2e2e;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .heading.heading--underline::after {
      content: '';
      color: white;
      position: absolute;
      height: 6px;
      left: 0;
      right: 0;
      bottom: 0;
      background: #6cbd45;
      z-index: -1; }

.case-studies-link {
  padding: 24px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-bottom: 32px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (max-width: 1365.98px) {
    .case-studies-link {
      height: auto;
      background-size: cover;
      background-position: bottom right; } }
  @media (max-width: 767.98px) {
    .case-studies-link {
      height: auto;
      background-size: cover; } }
  .case-studies-link p {
    display: none; }
  .case-studies-link .case-studies-link__logo {
    margin: 0 0 8px;
    display: inline-block;
    max-width: 170px;
    max-height: 51px;
    width: auto; }
  .case-studies-link .link-to-case {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    border-bottom: none; }
    .case-studies-link .link-to-case:after {
      display: none; }
  .case-studies-link .case-studies-link_description {
    display: block;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0;
    font-family: 'Lato'; }
    @media (max-width: 479.98px) {
      .case-studies-link .case-studies-link_description {
        text-shadow: 0 1px 1px #000000; } }
    @media (max-width: 767.98px) {
      .case-studies-link .case-studies-link_description > br {
        display: none; } }
    .case-studies-link .case-studies-link_description--small {
      font-size: 16px;
      font-weight: normal; }
    .case-studies-link .case-studies-link_description--large {
      font-size: 24px; }

.post-linkage {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #898989;
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px; }
  @media (max-width: 767.98px) {
    .post-linkage {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .post-linkage > a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    border-bottom: none; }
    .post-linkage > a:after {
      display: none; }
  .post-linkage p {
    display: none; }
  .post-linkage .post-linkage-image-wrapper img {
    width: auto;
    max-width: 250px;
    margin-bottom: 0; }
  .post-linkage .post-linkage-content {
    width: calc( 100% - 250px);
    padding: 32px 0 32px 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 767.98px) {
      .post-linkage .post-linkage-content {
        width: 100%;
        padding: 24px; } }
    .post-linkage .post-linkage-content .post-linkage-description {
      display: block;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 14px;
      font-family: "Lato", sans-serif;
      color: #898989;
      line-height: 1.64;
      height: 44px;
      overflow: hidden; }
    .post-linkage .post-linkage-content .post-linkage-title {
      display: block;
      margin-top: 0;
      margin-bottom: 8px;
      font-family: "Lato", sans-serif;
      color: #1b1b1b;
      font-size: 18px;
      font-weight: bold; }

.popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  width: 540px;
  height: 300px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: Lato;
  position: fixed;
  bottom: 15px;
  margin-left: -1000px;
  z-index: 9999;
  -webkit-transition: margin-left .3s ease-in-out;
  transition: margin-left .3s ease-in-out; }
  .popup img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 265px;
    min-width: 185px;
    width: 185px; }
  .popup .close {
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 5px;
    font-weight: bold; }
  .popup-input, .modal .modal-dialog .modal-body .input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #13523d;
    background: transparent; }
    .popup-input::-webkit-input-placeholder, .modal .modal-dialog .modal-body .input::-webkit-input-placeholder {
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px;
      color: inherit; }
    .popup-input:-ms-input-placeholder, .modal .modal-dialog .modal-body .input:-ms-input-placeholder {
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px;
      color: inherit; }
    .popup-input::-ms-input-placeholder, .modal .modal-dialog .modal-body .input::-ms-input-placeholder {
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px;
      color: inherit; }
    .popup-input::placeholder, .modal .modal-dialog .modal-body .input::placeholder {
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px;
      color: inherit; }
    .popup-input.error, .modal .modal-dialog .modal-body .error.input {
      color: #e80000;
      border: 1px solid #e80000 !important; }
  .popup-btn, .modal .modal-dialog .modal-body .btn.btn-primary {
    padding: 0;
    margin-bottom: 15px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold; }
  .popup-details, .modal .modal-dialog .modal-footer {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: inherit; }
    .popup-details-link, .modal .modal-dialog .modal-footer a {
      color: inherit;
      border-bottom: 1px solid;
      -webkit-transition: border-bottom-color .2s ease-in-out;
      transition: border-bottom-color .2s ease-in-out; }
      .popup-details-link:hover, .modal .modal-dialog .modal-footer a:hover {
        border-color: transparent; }
  .popup-content {
    padding: 0 25px; }
    .popup-content-title, .modal .modal-dialog .modal-title {
      font-style: normal;
      font-weight: 900;
      font-size: 22px;
      line-height: 32px;
      text-transform: capitalize;
      margin-bottom: 10px; }
    .popup-content-subtitle, .modal .modal-dialog .modal-subtitle {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 28px;
      color: inherit; }
    .popup-content .input-wrapper {
      margin: 15px 0; }
  .popup.show {
    position: fixed;
    bottom: 15px;
    margin-left: 15px;
    z-index: 9999;
    -webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out; }
  .popup.hide {
    display: none; }

.popup_turquoise {
  background: url(/blog/contents/themes/djangostars/dist/2f7c7c255300fa4fed8960744696f652.svg) no-repeat;
  color: #13523d; }
  .popup_turquoise .popup-btn, .popup_turquoise .modal .modal-dialog .modal-body .btn.btn-primary, .modal .modal-dialog .modal-body .popup_turquoise .btn.btn-primary {
    background: white;
    color: #13523d; }
  .popup_turquoise .close {
    color: #13523d; }
  .popup_turquoise .popup-details-link, .popup_turquoise .modal .modal-dialog .modal-footer a, .modal .modal-dialog .modal-footer .popup_turquoise a {
    border-color: #13523d; }

.popup_brightGreen {
  background: url(/blog/contents/themes/djangostars/dist/d87cd60d7cf21ee64bdfa5d17787c464.svg) no-repeat;
  color: #13523d; }
  .popup_brightGreen .close {
    color: #13523d; }
  .popup_brightGreen .popup-btn, .popup_brightGreen .modal .modal-dialog .modal-body .btn.btn-primary, .modal .modal-dialog .modal-body .popup_brightGreen .btn.btn-primary {
    background: white;
    color: #13523d; }
  .popup_brightGreen .popup-details-link, .popup_brightGreen .modal .modal-dialog .modal-footer a, .modal .modal-dialog .modal-footer .popup_brightGreen a {
    border-color: #13523d; }

.popup_darkGreen {
  background: url(/blog/contents/themes/djangostars/dist/366612e3dd5de29e7ecc41e87c9790b4.svg) no-repeat;
  color: #f2c94c; }
  .popup_darkGreen .popup-input, .popup_darkGreen .modal .modal-dialog .modal-body .input, .modal .modal-dialog .modal-body .popup_darkGreen .input {
    color: white;
    border: 1px solid white; }
  .popup_darkGreen .popup-btn, .popup_darkGreen .modal .modal-dialog .modal-body .btn.btn-primary, .modal .modal-dialog .modal-body .popup_darkGreen .btn.btn-primary {
    background: white;
    color: #f2c94c; }
  .popup_darkGreen .popup-details-link, .popup_darkGreen .modal .modal-dialog .modal-footer a, .modal .modal-dialog .modal-footer .popup_darkGreen a,
  .popup_darkGreen .close {
    color: #f2c94c; }

.popup_yellow {
  background: url(/blog/contents/themes/djangostars/dist/4054f368aba5550ec827244a9b23d650.svg) no-repeat;
  color: #13523d; }
  .popup_yellow .popup-input, .popup_yellow .modal .modal-dialog .modal-body .input, .modal .modal-dialog .modal-body .popup_yellow .input {
    border: 1px solid white; }
  .popup_yellow .popup-btn, .popup_yellow .modal .modal-dialog .modal-body .btn.btn-primary, .modal .modal-dialog .modal-body .popup_yellow .btn.btn-primary {
    background: white;
    color: #13523d; }
  .popup_yellow .popup-details-link, .popup_yellow .modal .modal-dialog .modal-footer a, .modal .modal-dialog .modal-footer .popup_yellow a,
  .popup_yellow .close {
    color: #13523d; }

.popup_lightGreen {
  background: url(/blog/contents/themes/djangostars/dist/88149a70d0fb0dc1463d71dae0dd7364.svg) no-repeat;
  color: #13523d; }
  .popup_lightGreen .popup-input, .popup_lightGreen .modal .modal-dialog .modal-body .input, .modal .modal-dialog .modal-body .popup_lightGreen .input {
    border: 1px solid #13523d; }
  .popup_lightGreen .popup-btn, .popup_lightGreen .modal .modal-dialog .modal-body .btn.btn-primary, .modal .modal-dialog .modal-body .popup_lightGreen .btn.btn-primary {
    background: #13523d;
    color: #dfefd2; }
  .popup_lightGreen .popup-details-link, .popup_lightGreen .modal .modal-dialog .modal-footer a, .modal .modal-dialog .modal-footer .popup_lightGreen a,
  .popup_lightGreen .close {
    color: #13523d; }

.popup_darkRose {
  background: url(/blog/contents/themes/djangostars/dist/8f3b3a8ecb417f4c75ec4cf4fc0088fc.svg) no-repeat;
  color: #dfefd2; }
  .popup_darkRose .popup-input, .popup_darkRose .modal .modal-dialog .modal-body .input, .modal .modal-dialog .modal-body .popup_darkRose .input {
    border: 1px solid #dfefd2;
    color: #dfefd2; }
  .popup_darkRose .popup-btn, .popup_darkRose .modal .modal-dialog .modal-body .btn.btn-primary, .modal .modal-dialog .modal-body .popup_darkRose .btn.btn-primary {
    background: white;
    color: #8a2d6b; }
  .popup_darkRose .popup-details-link, .popup_darkRose .modal .modal-dialog .modal-footer a, .modal .modal-dialog .modal-footer .popup_darkRose a,
  .popup_darkRose .close {
    color: #dfefd2; }

.popup_lightRose {
  background: url(/blog/contents/themes/djangostars/dist/aa5923019c59e0ce37b70d762f7ac16c.svg) no-repeat;
  color: #13523d; }
  .popup_lightRose .popup-input, .popup_lightRose .modal .modal-dialog .modal-body .input, .modal .modal-dialog .modal-body .popup_lightRose .input {
    border: 1px solid white;
    color: #13523d; }
  .popup_lightRose .popup-btn, .popup_lightRose .modal .modal-dialog .modal-body .btn.btn-primary, .modal .modal-dialog .modal-body .popup_lightRose .btn.btn-primary {
    background: white;
    color: #13523d; }
  .popup_lightRose .popup-details-link, .popup_lightRose .modal .modal-dialog .modal-footer a, .modal .modal-dialog .modal-footer .popup_lightRose a,
  .popup_lightRose .close {
    color: #13523d; }

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  .modal .overlay {
    width: 100%;
    height: 100%;
    position: absolute; }
  .modal .modal-dialog {
    padding: 50px 50px 70px !important;
    width: 50%;
    max-width: 540px;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #13523d; }
    .modal .modal-dialog .close {
      position: absolute;
      right: 15px;
      top: 15px;
      font-weight: 600;
      font-size: 18px;
      color: #13523d; }
    .modal .modal-dialog .modal-title {
      text-align: center; }
    .modal .modal-dialog .modal-subtitle {
      margin: 15px 0 25px;
      text-align: center; }
    .modal .modal-dialog .modal-body {
      width: 300px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .modal .modal-dialog .modal-body .btn.btn-primary {
        margin: 15px 0;
        border: none; }
  .modal.modal_brightGreen .overlay {
    background-color: #77bc43; }
  .modal.modal_brightGreen .modal-dialog {
    background: url(/blog/contents/themes/djangostars/dist/04e2c664015ce047593ab5fc5d33e5a4.svg) no-repeat; }
    .modal.modal_brightGreen .modal-dialog .btn.btn-primary {
      background: white;
      color: #13523d; }
  .modal.modal_lightRose .overlay {
    background-color: #d891c0; }
  .modal.modal_lightRose .modal-dialog {
    background: url(/blog/contents/themes/djangostars/dist/e5d0f6e2fe3d3dc49aec37618c1a9825.svg) no-repeat; }
    .modal.modal_lightRose .modal-dialog .btn.btn-primary {
      background: white;
      color: #13523d; }
  .modal.modal_darkGreen .overlay {
    background-color: #13523d; }
  .modal.modal_darkGreen .modal-dialog {
    color: #f2c94c;
    background: url(/blog/contents/themes/djangostars/dist/2f8f38e5c89a1be10ea987c9f16d6b37.svg) no-repeat; }
    .modal.modal_darkGreen .modal-dialog .input::-webkit-input-placeholder {
      color: white; }
    .modal.modal_darkGreen .modal-dialog .input:-ms-input-placeholder {
      color: white; }
    .modal.modal_darkGreen .modal-dialog .input::-ms-input-placeholder {
      color: white; }
    .modal.modal_darkGreen .modal-dialog .input::placeholder {
      color: white; }
    .modal.modal_darkGreen .modal-dialog .btn.btn-primary {
      background: white;
      color: #13523d; }
    .modal.modal_darkGreen .modal-dialog .close {
      color: #f2c94c; }
  .modal.modal_darkRose .overlay {
    background-color: #8a2d6b; }
  .modal.modal_darkRose .modal-dialog {
    color: #dfefd2;
    background: url(/blog/contents/themes/djangostars/dist/828cfcf7bfb080fab19772efe507b34d.svg) no-repeat; }
    .modal.modal_darkRose .modal-dialog .input {
      color: #dfefd2; }
    .modal.modal_darkRose .modal-dialog .btn.btn-primary {
      background: white;
      color: #8a2d6b; }
    .modal.modal_darkRose .modal-dialog .close {
      color: #dfefd2; }
  .modal.modal_lightGreen .overlay {
    background-color: #dfefd2; }
  .modal.modal_lightGreen .modal-dialog {
    background: url(/blog/contents/themes/djangostars/dist/f6e195216a81454648fc3a1d0a765429.svg) no-repeat; }
    .modal.modal_lightGreen .modal-dialog .input {
      border-color: #13523d; }
    .modal.modal_lightGreen .modal-dialog .btn.btn-primary {
      background: #13523d;
      color: #dfefd2; }
  .modal.modal_turquoise .overlay {
    background-color: #5dc7a5; }
  .modal.modal_turquoise .modal-dialog {
    background: url(/blog/contents/themes/djangostars/dist/9482543254a9f397fbe7ce464a99c8fd.svg) no-repeat; }
    .modal.modal_turquoise .modal-dialog .btn.btn-primary {
      background: white;
      color: #13523d; }
  .modal.modal_yellow .overlay {
    background-color: #f2c94c;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out; }
  .modal.modal_yellow .modal-dialog {
    background: url(/blog/contents/themes/djangostars/dist/b84dbb0a5750314c41d92d37355cedd4.svg) no-repeat; }
    .modal.modal_yellow .modal-dialog .btn.btn-primary {
      background: white;
      color: #13523d; }
  .modal.show {
    display: block;
    z-index: 99999; }
    .modal.show .overlay {
      opacity: .7;
      -webkit-transition: all .35s ease-in-out;
      transition: all .35s ease-in-out; }
  .modal.hide {
    display: none !important; }

.modal.modal-shadow .modal-dialog {
  -webkit-box-shadow: 0 4px 48px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 48px rgba(0, 0, 0, 0.2); }
  .modal.modal-shadow .modal-dialog .modal-body {
    width: 380px; }

.modal.modal-shadow .modal-title {
  font-weight: 900;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center; }

.modal.modal-shadow .modal-subtitle {
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
  margin: 20px 0 25px;
  text-align: center; }

.modal.modal-shadow .modal-body-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .modal.modal-shadow .modal-body-wrapper .btn.btn-primary {
    width: calc(50% - 8px) !important; }

.modal.modal-shadow.modal-shadow_green-left-figure .modal-dialog {
  background: url(/blog/contents/themes/djangostars/dist/1b4bbb14268bcfd4249cc9dc0e283e4e.svg) no-repeat; }
  .modal.modal-shadow.modal-shadow_green-left-figure .modal-dialog .btn.btn-primary {
    background: white;
    color: #13523d; }

.modal.modal-shadow.modal-shadow_green-right-figure .modal-dialog {
  background: url(/blog/contents/themes/djangostars/dist/1f22c65fbbb0867d7fa0711e45e1e924.svg) no-repeat; }
  .modal.modal-shadow.modal-shadow_green-right-figure .modal-dialog .btn.btn-primary {
    background: white;
    color: #13523d; }

.modal.modal-shadow.modal-shadow_green-left-yellow .modal-dialog {
  background: url(/blog/contents/themes/djangostars/dist/a2bd06e4c4cdcc027f8e7f04e6965411.svg) no-repeat; }
  .modal.modal-shadow.modal-shadow_green-left-yellow .modal-dialog .btn.btn-primary {
    background: white;
    color: #13523d; }

.modal.modal-shadow.modal-shadow_black-yellow-title .modal-title {
  color: #f2c94c; }

.modal.modal-shadow.modal-shadow_black-yellow-title .close {
  color: #f2c94c; }

.modal.modal-shadow.modal-shadow_black-yellow-title .modal-subtitle {
  color: #dfefd2; }

.modal.modal-shadow.modal-shadow_black-yellow-title .input {
  color: #dfefd2;
  border-color: #f2c94c; }

.modal.modal-shadow.modal-shadow_black-yellow-title .modal-dialog {
  background: url(/blog/contents/themes/djangostars/dist/fd64d4fa22a737403ac312b7500ba227.svg) no-repeat; }

.modal.modal-shadow.modal-shadow_black-yellow-title .btn.btn-primary {
  background: #f2c94c;
  color: #010102; }

.modal.modal-shadow.modal-shadow_black-yellow-title .details {
  color: #dfefd2; }

.modal.modal-shadow.modal-shadow_black-light-buttons .modal-title,
.modal.modal-shadow.modal-shadow_black-light-buttons .modal-subtitle,
.modal.modal-shadow.modal-shadow_black-light-buttons .input {
  color: #dfefd2;
  border-color: #f2c94c; }

.modal.modal-shadow.modal-shadow_black-light-buttons .modal-dialog {
  background: url(/blog/contents/themes/djangostars/dist/f4761ea295871e63dff5f626a73d11cc.svg) no-repeat; }

.modal.modal-shadow.modal-shadow_black-light-buttons .close {
  color: #dfefd2; }

.modal.modal-shadow.modal-shadow_black-light-buttons .btn.btn-primary {
  background: #dfefd2;
  color: #010102; }

.modal.modal-shadow.modal-shadow_black-light-buttons .details {
  color: #dfefd2; }

.modal.modal-shadow.modal-shadow_black-yellow-buttons-with-rose .modal-title,
.modal.modal-shadow.modal-shadow_black-yellow-buttons-with-rose .modal-subtitle, .modal.modal-shadow.modal-shadow_black-yellow-buttons .modal-title,
.modal.modal-shadow.modal-shadow_black-yellow-buttons .modal-subtitle {
  color: #dfefd2; }

.modal.modal-shadow.modal-shadow_black-yellow-buttons-with-rose .close, .modal.modal-shadow.modal-shadow_black-yellow-buttons .close {
  color: #dfefd2; }

.modal.modal-shadow.modal-shadow_black-yellow-buttons-with-rose .input, .modal.modal-shadow.modal-shadow_black-yellow-buttons .input {
  color: #dfefd2;
  border-color: #f2c94c; }

.modal.modal-shadow.modal-shadow_black-yellow-buttons-with-rose .modal-dialog, .modal.modal-shadow.modal-shadow_black-yellow-buttons .modal-dialog {
  background: url(/blog/contents/themes/djangostars/dist/1cc73889e08e4fbf674dc109ce4e5b20.svg) no-repeat; }

.modal.modal-shadow.modal-shadow_black-yellow-buttons-with-rose .btn.btn-primary, .modal.modal-shadow.modal-shadow_black-yellow-buttons .btn.btn-primary {
  background: #f2c94c;
  color: #010102; }

.modal.modal-shadow.modal-shadow_black-yellow-buttons-with-rose .details, .modal.modal-shadow.modal-shadow_black-yellow-buttons .details {
  color: #dfefd2; }

.modal.modal-shadow.modal-shadow_black-yellow-buttons .modal-dialog {
  background: url(/blog/contents/themes/djangostars/dist/43cf7a56709b09d28df57b381abefb08.svg) no-repeat; }

.l-nav {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  background: transparent; }
  @media (max-width: 929px) {
    .l-nav {
      position: fixed;
      top: 0;
      left: 0;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      padding: 16px 0;
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
      background-color: #ffffff; } }
  @media (max-width: 929.9px) {
    .l-nav.is-active {
      height: calc(var(--vh, 1vh) * 100);
      overflow: scroll;
      position: static;
      padding: 0;
      padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .l-nav.is-active .l-nav__container {
        height: calc(var(--vh, 1vh) * 100); } }
  .l-nav .l-nav__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: transparent;
    padding: 0;
    -webkit-overflow-scrolling: auto; }
    @media (min-width: 930px) and (max-width: 980px) {
      .l-nav .l-nav__container {
        padding: 0;
        height: auto;
        max-width: calc(100% - 48px); } }
    @media (max-width: 929px) {
      .l-nav .l-nav__container {
        margin: 0 auto;
        max-width: calc( 100% - 32px);
        width: calc( 100% - 32px); } }
  .l-nav .l-nav__logo {
    position: relative;
    display: block; }
    @media (min-width: 1024px) and (max-width: 1279.98px) {
      .l-nav .l-nav__logo {
        min-width: 200px; } }
    @media (max-width: 1024px) {
      .l-nav .l-nav__logo {
        width: 170px; } }
    .l-nav .l-nav__logo.is-active {
      padding: 16px 24px;
      width: 100%;
      border-bottom: 1px solid #dedede; }
    @media (max-width: 929.9px) {
      .l-nav .l-nav__logo img {
        height: 30px;
        width: auto; }
      .l-nav .l-nav__logo .l-nav__logo-color-white {
        opacity: 0;
        display: none; }
      .l-nav .l-nav__logo .l-nav__logo-color-black {
        opacity: 1; } }
    .l-nav .l-nav__logo.landing-logo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: 450px; }
      .l-nav .l-nav__logo.landing-logo > i {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='12' viewBox='0 0 26 12' fill='%236cbd45'%3E %3Cpath d='M25.801 5.51L20.606.203a.66.66 0 0 0-.951 0 .697.697 0 0 0 0 .973L23.7 5.314H.676A.684.684 0 0 0 0 6.006c0 .382.302.691.676.691h23.025l-4.046 4.128a.697.697 0 0 0 0 .973.662.662 0 0 0 .478.202.662.662 0 0 0 .478-.202l5.196-5.314a.702.702 0 0 0-.006-.973z'/%3E %3C/svg%3E") center center no-repeat;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        margin: 0 8px; }
      .l-nav .l-nav__logo.landing-logo > span {
        color: #ffffff;
        font-size: 24px; }
      @media (max-width: 929.9px) {
        .l-nav .l-nav__logo.landing-logo .l-nav__logo-color-black {
          opacity: 1; } }
      @media (max-width: 479.98px) {
        .l-nav .l-nav__logo.landing-logo {
          width: 150px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .l-nav .l-nav__logo.landing-logo .l-nav__logo-color-white,
          .l-nav .l-nav__logo.landing-logo .l-nav__logo-color-black {
            width: 100%;
            margin-bottom: 16px; }
          .l-nav .l-nav__logo.landing-logo > span {
            font-size: 16px; }
          .l-nav .l-nav__logo.landing-logo > i {
            margin-right: 10px; } }
  .l-nav .l-nav__logo-color-white,
  .l-nav .l-nav__logo-color-black {
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    opacity: 1; }
  .l-nav .l-nav__logo-color-black {
    opacity: 0; }
    @media (max-width: 929px) {
      .l-nav .l-nav__logo-color-black {
        position: static; } }
  .l-nav .l-nav__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 929.9px) {
      .l-nav .l-nav__menu-list {
        visibility: hidden;
        display: none;
        -webkit-transition: -webkit-transform 300ms ease-in-out;
        transition: -webkit-transform 300ms ease-in-out;
        transition: transform 300ms ease-in-out;
        transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
        padding-top: 48px;
        padding-bottom: 48px;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
        position: static;
        left: 0;
        right: 0;
        top: 0;
        background: #ffffff;
        z-index: 31;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        min-height: calc(calc(var(--vh, 1vh) * 100) - 62px);
        -webkit-overflow-scrolling: touch;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 0 24px; }
        .l-nav .l-nav__menu-list.is-active {
          visibility: visible;
          -webkit-transform: translateY(0%);
                  transform: translateY(0%);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%; }
          .l-nav .l-nav__menu-list.is-active.landing-menu-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
          .l-nav .l-nav__menu-list.is-active > .l-nav__menu-item > .landing-logo {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: static;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            opacity: 1;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start; }
            .l-nav .l-nav__menu-list.is-active > .l-nav__menu-item > .landing-logo .l-nav__logo-color-white {
              display: none; }
            .l-nav .l-nav__menu-list.is-active > .l-nav__menu-item > .landing-logo .l-nav__logo-color-black {
              width: 100%;
              opacity: 1;
              display: block;
              position: static;
              max-width: 150px; }
            .l-nav .l-nav__menu-list.is-active > .l-nav__menu-item > .landing-logo > span {
              font-size: 16px;
              color: #000000; }
            .l-nav .l-nav__menu-list.is-active > .l-nav__menu-item > .landing-logo > i {
              margin-right: 10px; }
          .l-nav .l-nav__menu-list.is-active.landing-menu-list .l-nav__menu-item {
            border-bottom: none; } }
  .l-nav .l-nav__menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0; }
    .l-nav .l-nav__menu-item .menu-btn__expand {
      display: block;
      width: 10px;
      height: 6px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      @media (min-width: 930px) {
        .l-nav .l-nav__menu-item .menu-btn__expand {
          display: none; } }
    .l-nav .l-nav__menu-item.active-item .menu-btn__expand {
      -webkit-transform: scale(-1);
              transform: scale(-1); }
    @media (min-width: 968px) {
      .l-nav .l-nav__menu-item:last-of-type {
        margin-left: 16px; } }
    .l-nav .l-nav__menu-item.landing-menu-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .l-nav .l-nav__menu-item > .sub-menu-container {
      display: none; }
    @media (min-width: 930px) {
      .l-nav .l-nav__menu-item .sub-menu-container {
        position: absolute;
        width: 100vw;
        background-color: #ffffff;
        left: 0;
        top: 71px;
        padding: 32px calc(50% - 500px) 24px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.32);
                box-shadow: 0 10px 10px rgba(0, 0, 0, 0.32);
        color: transparent; } }
  @media (min-width: 930px) and (max-width: 1023px) and (min-width: 930px) {
    .l-nav .l-nav__menu-item .sub-menu-container {
      top: 58px; } }
  @media (min-width: 930px) and (min-width: 1024px) and (max-width: 1280px) {
    .l-nav .l-nav__menu-item .sub-menu-container {
      top: 54px; } }
    @media (min-width: 930px) {
        .l-nav .l-nav__menu-item .sub-menu-container.active {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          opacity: 1; } }
    @media (min-width: 930px) and (max-width: 980px) {
      .l-nav .l-nav__menu-item .sub-menu-container {
        padding: 48px 24px 24px; } }
    @media (min-width: 1140px) {
      .l-nav .l-nav__menu-item .sub-menu-container {
        width: 115vw;
        left: -7.5vw; } }
    @media (min-width: 1300px) {
      .l-nav .l-nav__menu-item .sub-menu-container {
        width: 123vw;
        left: -11.5vw; } }
    .l-nav .l-nav__menu-item .sub-menu-container .l-nav__menu-item-sub-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      min-width: 380px; }
      @media (max-width: 980px) {
        .l-nav .l-nav__menu-item .sub-menu-container .l-nav__menu-item-sub-menu {
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          max-width: 100%;
          width: 100%;
          min-width: 316px; } }
      @media (max-width: 930px) {
        .l-nav .l-nav__menu-item .sub-menu-container .l-nav__menu-item-sub-menu {
          min-width: 304px; } }
    .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item {
      width: 280px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item__link {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.4px;
        color: #2e2e2e;
        margin-bottom: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transition-property: color;
        transition-property: color;
        padding: 24px;
        width: 100%; }
        .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item__link:hover {
          background-color: #f9f9f9; }
        .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item__link > p:first-child {
          margin-bottom: 0; }
        @media (max-width: 929px) {
          .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item__link {
            padding: 0; } }
      .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item__desc {
        margin-bottom: 0;
        margin-top: 10px;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.57;
        letter-spacing: normal;
        color: #848484;
        text-transform: none; }
      .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item.sub-menu-item-3 {
        width: 25%; }
        .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item.sub-menu-item-3 a {
          max-width: 290px; }
      .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item.sub-menu-item-4 {
        width: 25%; }
      .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item.sub-menu-item-5 {
        width: 20%; }
        .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item.sub-menu-item-5 .sub-menu-item__link {
          padding: 24px 20px; }
      .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item.sub-menu-item-6 {
        width: 30%; }
        .l-nav .l-nav__menu-item .sub-menu-container .sub-menu-item.sub-menu-item-6 a {
          max-width: 310px; }
    .l-nav .l-nav__menu-item .l-nav__menu-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 16px 20px;
      font-size: 13px;
      color: transparent;
      font-weight: 300;
      text-transform: uppercase;
      text-decoration: none;
      position: relative;
      color: transparent;
      font-weight: 300;
      white-space: nowrap; }
      @media (min-width: 1024px) and (max-width: 1279.98px) {
        .l-nav .l-nav__menu-item .l-nav__menu-link {
          padding: 8px 10px; } }
      @media (max-width: 1024px) {
        .l-nav .l-nav__menu-item .l-nav__menu-link {
          padding: 10px 12px; } }
      .l-nav .l-nav__menu-item .l-nav__menu-link > span {
        -webkit-transition: color 300ms ease, letter-spacing 300ms ease;
        transition: color 300ms ease, letter-spacing 300ms ease;
        color: #ffffff;
        font-weight: bold;
        position: absolute; }
        @media (max-width: 929.9px) {
          .l-nav .l-nav__menu-item .l-nav__menu-link > span {
            color: #2e2e2e;
            position: static;
            font-weight: bold; } }
      @media (max-width: 929.9px) {
        .l-nav .l-nav__menu-item .l-nav__menu-link {
          padding: 0; } }
      .l-nav .l-nav__menu-item .l-nav__menu-link:hover > span,
      .l-nav .l-nav__menu-item .l-nav__menu-link.is-link-active > span {
        letter-spacing: 1px;
        color: #6cbd45; }
    @media (max-width: 929.9px) {
      .l-nav .l-nav__menu-item {
        padding: 12px 0;
        width: 100%;
        border-bottom: 1px solid #dedede;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .l-nav .l-nav__menu-item.active-item {
          padding-bottom: 0; }
          .l-nav .l-nav__menu-item.active-item .sub-menu-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            position: static;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 12px 10px 0; }
            .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu {
              width: 100%;
              min-width: 100%;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; }
              .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu .sub-menu-item {
                margin: 0;
                padding: 12px 0;
                border-top: 1px solid #dedede;
                width: 100%; }
                .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu .sub-menu-item:last-of-type {
                  padding-bottom: 0; }
                .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu .sub-menu-item__desc {
                  display: none; }
            .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu-wide {
              min-width: 100%;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; }
              .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu-wide .sub-menu-item {
                width: 100%;
                margin: 0;
                padding: 12px 0;
                border-top: 1px solid #dedede; }
                .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu-wide .sub-menu-item__desc {
                  display: none; }
                .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu-wide .sub-menu-item__list {
                  width: 100%;
                  margin: 0; }
                  .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu-wide .sub-menu-item__list-item {
                    margin: 0;
                    padding: 12px 0 12px 12px;
                    position: relative; }
                    .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu-wide .sub-menu-item__list-item:before {
                      content: '';
                      display: block;
                      position: absolute;
                      top: 50%;
                      left: 0;
                      -webkit-transform: translateY(-50%);
                              transform: translateY(-50%);
                      width: 4px;
                      height: 4px;
                      background: #6cbd45; }
                    .l-nav .l-nav__menu-item.active-item .sub-menu-container .l-nav__menu-item-sub-menu-wide .sub-menu-item__list-item p {
                      display: none; } }
  .l-nav .l-nav__hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    width: 24px;
    height: 24px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    border: none;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }
    .l-nav .l-nav__hamburger:focus {
      outline: none; }
    .l-nav .l-nav__hamburger span {
      display: block;
      position: absolute;
      left: 4px;
      right: 4px;
      top: calc(24px / 2 - 1px);
      height: 2px;
      background: #6cbd45; }
      .l-nav .l-nav__hamburger span::before, .l-nav .l-nav__hamburger span::after {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #6cbd45;
        content: ""; }
      .l-nav .l-nav__hamburger span::before {
        top: -7px; }
      .l-nav .l-nav__hamburger span::after {
        bottom: -7px; }
    .l-nav .l-nav__hamburger.is-active span {
      background: none; }
      .l-nav .l-nav__hamburger.is-active span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .l-nav .l-nav__hamburger.is-active span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .l-nav .l-nav__hamburger {
    display: none;
    background-color: transparent;
    z-index: 35; }
    @media (max-width: 929.9px) {
      .l-nav .l-nav__hamburger {
        display: block;
        position: absolute;
        top: 19px;
        right: 16px; }
        .l-nav .l-nav__hamburger.is-active {
          background-color: transparent !important; } }
  @media (min-width: 768px) {
    .l-nav.sps--blw, .l-nav.always-blw.sps--abv, .l-nav.active {
      background-color: #ffffff;
      -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); } }
  @media (max-width: 929px) {
    .l-nav.sps--blw, .l-nav.always-blw.sps--abv, .l-nav.active {
      background-color: #ffffff;
      -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); } }
  .l-nav.sps--blw .l-nav__logo.landing-logo .l-nav__logo-color-black, .l-nav.always-blw.sps--abv .l-nav__logo.landing-logo .l-nav__logo-color-black, .l-nav.active .l-nav__logo.landing-logo .l-nav__logo-color-black {
    position: static; }
  .l-nav.sps--blw .l-nav__logo.landing-logo .l-nav__logo-color-white, .l-nav.always-blw.sps--abv .l-nav__logo.landing-logo .l-nav__logo-color-white, .l-nav.active .l-nav__logo.landing-logo .l-nav__logo-color-white {
    display: none; }
  .l-nav.sps--blw .l-nav__menu-item .landing-logo, .l-nav.always-blw.sps--abv .l-nav__menu-item .landing-logo, .l-nav.active .l-nav__menu-item .landing-logo {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .l-nav.sps--blw .l-nav__menu-link > span, .l-nav.always-blw.sps--abv .l-nav__menu-link > span, .l-nav.active .l-nav__menu-link > span {
    color: #2e2e2e; }
  .l-nav.sps--blw .l-nav__menu-link:hover > span,
  .l-nav.sps--blw .l-nav__menu-link.is-link-active > span, .l-nav.always-blw.sps--abv .l-nav__menu-link:hover > span,
  .l-nav.always-blw.sps--abv .l-nav__menu-link.is-link-active > span, .l-nav.active .l-nav__menu-link:hover > span,
  .l-nav.active .l-nav__menu-link.is-link-active > span {
    letter-spacing: 1px;
    color: #6cbd45; }
    @media (max-width: 929.9px) {
      .l-nav.sps--blw .l-nav__menu-link:hover > span,
      .l-nav.sps--blw .l-nav__menu-link.is-link-active > span, .l-nav.always-blw.sps--abv .l-nav__menu-link:hover > span,
      .l-nav.always-blw.sps--abv .l-nav__menu-link.is-link-active > span, .l-nav.active .l-nav__menu-link:hover > span,
      .l-nav.active .l-nav__menu-link.is-link-active > span {
        color: #2e2e2e; } }
  .l-nav.sps--blw .l-nav__logo .l-nav__logo-color-black, .l-nav.always-blw.sps--abv .l-nav__logo .l-nav__logo-color-black, .l-nav.active .l-nav__logo .l-nav__logo-color-black {
    opacity: 1; }
  .l-nav.sps--blw .l-nav__logo.landing-logo > span, .l-nav.always-blw.sps--abv .l-nav__logo.landing-logo > span, .l-nav.active .l-nav__logo.landing-logo > span {
    color: #000000; }
  .l-nav.is-active {
    -webkit-transform: none;
            transform: none; }
    .l-nav.is-active .l-nav__hamburger {
      top: 19px; }
    .l-nav.is-active .l-nav__container {
      width: 100%;
      max-width: 100%;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .l-nav.is-active .l-nav__container .l-nav__menu-list.is-active {
        padding: 0; }
        .l-nav.is-active .l-nav__container .l-nav__menu-list.is-active .l-nav__menu-item {
          padding: 16px 24px; }
          .l-nav.is-active .l-nav__container .l-nav__menu-list.is-active .l-nav__menu-item:last-of-type {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            -ms-flex-item-align: end;
                align-self: flex-end; }
  @media (max-width: 929px) {
    .l-nav.sps--blw {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; } }
  .l-nav .main-menu {
    width: 100%; }
    @media (min-width: 930px) {
      .l-nav .main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .l-nav .menu-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .l-nav .menu-button .l-nav__menu-item {
      border-bottom: none;
      padding: 0 !important; }
    @media (max-width: 929.9px) {
      .l-nav .menu-button {
        padding: 16px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.main-teezer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .main-teezer .main-teezer__bg-img {
    background-image: url(/blog/contents/themes/djangostars/dist/7b9de6f9679a7c10a5fbf88039dc1d8a.jpg); }
  .main-teezer .main-teezer__blured {
    min-height: 70vh;
    width: 100%;
    height: auto; }
    @media (max-width: 1023.98px) {
      .main-teezer .main-teezer__blured {
        min-height: 100vh; } }
  .main-teezer .main-teezer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: transparent;
    height: 100%;
    padding-top: 96px;
    color: #ffffff;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 1023.98px) {
      .main-teezer .main-teezer__content {
        padding-top: 0; } }
  .main-teezer .main-teezer__title {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.29;
    margin-bottom: 36px;
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden; }
    .main-teezer .main-teezer__title::after {
      content: '';
      color: white;
      position: absolute;
      height: 16px;
      left: 0;
      right: 0;
      bottom: 0;
      background: #6cbd45;
      z-index: -1; }
    @media (max-width: 1023.98px) {
      .main-teezer .main-teezer__title {
        max-width: 100%; } }
    @media (max-width: 767.98px) {
      .main-teezer .main-teezer__title {
        font-size: 36px; } }
    @media (max-width: 479.98px) {
      .main-teezer .main-teezer__title {
        font-size: 34px; } }
  .main-teezer .main-teezer__subtitle {
    font-size: 22px;
    line-height: 1.64;
    max-width: 50%; }
    .main-teezer .main-teezer__subtitle br {
      display: block;
      content: '';
      margin-bottom: 24px; }
    .main-teezer .main-teezer__subtitle p:not(:last-of-type) {
      margin-bottom: 24px; }
    @media (max-width: 1023.98px) {
      .main-teezer .main-teezer__subtitle {
        max-width: 100%; } }

.l-filter {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #2e2e2e; }
  .l-filter .container {
    padding-right: 0;
    padding-left: 0; }
  .l-filter-container {
    height: auto; }
    .l-filter-container.fixed {
      height: 42px; }
  .l-filter.is-active {
    z-index: 1000;
    top: 71px; }
  .l-filter.l-filter-fixed {
    position: fixed;
    top: 71px;
    z-index: 998;
    width: 100%; }
    @media (min-width: 930px) and (max-width: 1280px) {
      .l-filter.l-filter-fixed {
        top: 66px; } }
    @media (max-width: 929.9px) {
      .l-filter.l-filter-fixed {
        top: 0; } }
  @media (max-width: 929.9px) {
    .l-filter {
      top: 0; }
      .l-filter.l-filter-fixed-partly {
        top: 62px; }
        .l-filter.l-filter-fixed-partly.is-active {
          top: 0; } }
  .l-filter .l-filter__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1023.98px) {
      .l-filter .l-filter__list {
        display: none; } }
  .l-filter .l-filter__link {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    padding: 12px;
    display: block;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease; }
    .l-filter .l-filter__link:hover, .l-filter .l-filter__link.active {
      background: #6cbd45;
      -webkit-transition: background-color 300ms ease;
      transition: background-color 300ms ease; }
  .l-filter .l-filter__dropdown {
    display: none;
    position: relative;
    text-align: center; }
    @media (max-width: 1023.98px) {
      .l-filter .l-filter__dropdown {
        display: block; } }
  .l-filter .l-filter__dropdown-btn {
    color: #6cbd45;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 16px 0;
    width: 100%;
    text-align: left; }
  .l-filter .l-filter__dropdown-menu {
    border: 0;
    visibility: hidden;
    padding-top: 100px;
    padding-bottom: 48px;
    -webkit-transform: translateY(-100%) !important;
            transform: translateY(-100%) !important;
    -webkit-transition: transform 300ms ease, visibility 300ms ease;
    -webkit-transition: visibility 300ms ease, -webkit-transform 300ms ease;
    transition: visibility 300ms ease, -webkit-transform 300ms ease;
    transition: transform 300ms ease, visibility 300ms ease;
    transition: transform 300ms ease, visibility 300ms ease, -webkit-transform 300ms ease;
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(27, 27, 27, 0.9);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100vh;
    height: 100vh;
    overflow: scroll;
    z-index: 999;
    -webkit-overflow-scrolling: touch; }
    .l-filter .l-filter__dropdown-menu.is-active {
      visibility: visible;
      -webkit-transform: translateY(0) !important;
              transform: translateY(0) !important;
      -webkit-transition: transform 300ms ease;
      -webkit-transition: -webkit-transform 300ms ease;
      transition: -webkit-transform 300ms ease;
      transition: transform 300ms ease;
      transition: transform 300ms ease, -webkit-transform 300ms ease; }
      .l-filter .l-filter__dropdown-menu.is-active + button {
        display: block; }
  .l-filter .l-filter__dropdown-menu-item {
    width: 100%;
    text-align: center; }
  .l-filter .l-filter__dropdown-menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px 20px;
    font-size: 13px;
    color: transparent;
    font-weight: 300;
    text-transform: uppercase;
    font-weight: 300;
    white-space: nowrap;
    color: #ffffff; }
    .l-filter .l-filter__dropdown-menu-link:hover, .l-filter .l-filter__dropdown-menu-link.is-link-active {
      color: #6cbd45; }
  .l-filter .l-filter__close {
    position: fixed;
    z-index: 999;
    width: 24px;
    height: 24px;
    display: none;
    top: 16px;
    right: 16px; }
    .l-filter .l-filter__close span {
      background: none;
      position: relative;
      width: 24px;
      height: 24px;
      display: block; }
      .l-filter .l-filter__close span::before, .l-filter .l-filter__close span::after {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        content: ""; }
      .l-filter .l-filter__close span::before {
        top: 11px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .l-filter .l-filter__close span::after {
        bottom: 11px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }

.l-card {
  background: #fff;
  -webkit-box-shadow: 0 12px 24px 0 rgba(69, 69, 69, 0.04);
          box-shadow: 0 12px 24px 0 rgba(69, 69, 69, 0.04);
  width: 100%;
  position: relative;
  height: 440px; }
  .l-card .l-card__img {
    width: 100%;
    height: 214px;
    max-width: 495px;
    margin: 0 auto;
    -o-object-fit: cover;
       object-fit: cover;
    background-repeat: no-repeat; }
  .l-card .l-card__content {
    padding: 16px 24px 24px 24px;
    height: calc( 100% - 214px); }
  .l-card .l-card__extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .l-card .l-card__extra .stats-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 10px; }
    .l-card .l-card__extra .title {
      color: #898989;
      text-transform: uppercase;
      margin-bottom: 0; }
    .l-card .l-card__extra .count {
      color: #898989;
      margin-left: 4px; }
  .l-card .l-card__tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 16px; }
    .l-card .l-card__tags-list.btns-multiple {
      color: #898989;
      /*position: absolute;
      top: 16px;
      left: 24px;*/ }
  .l-card .l-card__tags-item {
    margin-right: 5px;
    font-size: 10px;
    line-height: 1.6; }
  .l-card .l-card__tags-link {
    font-size: 10px;
    line-height: 1.6;
    color: #898989;
    text-transform: uppercase; }
    .l-card .l-card__tags-link:hover {
      color: #6cbd45; }
  .l-card .l-card__title,
  .l-card .l-card__title-link {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    color: #2e2e2e;
    line-height: 25px; }
  .l-card .l-card__title {
    margin-bottom: 8px; }
    .l-card .l-card__title .l-card__title-link {
      font-weight: bold;
      display: block; }
  .l-card .l-card__title-link:hover {
    color: #6cbd45; }
  .l-card .l-card__desc {
    color: #898989;
    font-size: 14px;
    line-height: 22px; }
    .l-card .l-card__desc > a {
      color: inherit; }

.l-card.l-card--popular .l-card__link-popular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background: #6cbd45;
  text-transform: uppercase;
  padding: 15px 24px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700; }
  .l-card.l-card--popular .l-card__link-popular .icon {
    font-size: 12px; }

.l-card.l-card--popular .l-card__content {
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc( 100% - 56px);
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch; }

.l-card.l-card--popular .l-card__content-article {
  height: calc(50% - 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .l-card.l-card--popular .l-card__content-article:first-child {
    height: calc(50% + 18px); }
  .l-card.l-card--popular .l-card__content-article:first-of-type:after {
    content: '';
    background: url(/blog/contents/themes/djangostars/dist/4e68bd1fc7375a54b9b42b89aec9947b.svg) no-repeat center center;
    background-size: contain;
    height: 20px;
    margin: 8px 0;
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.card-list {
  background: #f9f9f9;
  padding-top: 56px; }
  @media (max-width: 1023.98px) {
    .card-list {
      padding-top: 16px; } }
  .card-list .card-list__item {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1023.98px) {
      .card-list .card-list__item {
        margin-bottom: 16px; } }
    .card-list .card-list__item .l-card-subscribe {
      padding-right: 35px;
      padding-left: 35px; }
      @media (max-width: 1023.98px) {
        .card-list .card-list__item .l-card-subscribe {
          padding-left: 16px;
          padding-right: 16px;
          margin: 0;
          width: 100%; } }
  .card-list .card-list__btn-wrap {
    margin-top: 10px;
    min-height: 20px;
    text-align: center; }
    @media (max-width: 1023.98px) {
      .card-list .card-list__btn-wrap {
        margin-top: 8px;
        min-height: 0; } }
  .card-list .card-list__btn-more {
    padding-left: 48px;
    padding-right: 48px;
    margin-bottom: 80px; }
    @media (max-width: 1023.98px) {
      .card-list .card-list__btn-more {
        width: 100%;
        margin-bottom: 24px; } }

.l-card-subscribe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 300px;
  background: url(/blog/contents/themes/djangostars/dist/083029fee2bc547fed8c43002220ccde.svg) no-repeat center center #6cbd45;
  background-size: 90% auto; }
  .l-card-subscribe--post {
    margin-top: 80px;
    margin-bottom: 100px; }
    @media (max-width: 1023.98px) {
      .l-card-subscribe--post {
        margin-top: 16px;
        margin-bottom: 16px; } }
  @media (max-width: 1023.98px) {
    .l-card-subscribe {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: auto;
      background-size: 150%;
      background-position: center; } }
  @media (max-width: 767.98px) {
    .l-card-subscribe {
      padding-left: 16px;
      padding-right: 16px;
      margin-left: -16px;
      margin-right: -16px;
      text-align: center; } }
  .l-card-subscribe .l-card-subscribe__content {
    width: 60%;
    margin: 0 auto; }
    @media (max-width: 1023.98px) {
      .l-card-subscribe .l-card-subscribe__content {
        width: 100%; } }
    .l-card-subscribe .l-card-subscribe__content p {
      margin-bottom: 0; }
  .l-card-subscribe .l-card-subscribe__title,
  .l-card-subscribe .l-card-subscribe__succesed-text {
    font-size: 24px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    margin: auto; }
    @media (max-width: 1023.98px) {
      .l-card-subscribe .l-card-subscribe__title,
      .l-card-subscribe .l-card-subscribe__succesed-text {
        font-size: 16px; } }
  .l-card-subscribe .l-card-subscribe__title {
    line-height: 1.42;
    margin-bottom: 16px; }
  .l-card-subscribe .l-card-subscribe__succesed-text {
    padding-right: 40px;
    line-height: 36px; }
  .l-card-subscribe .l-card-subscribe__form-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1023.98px) {
      .l-card-subscribe .l-card-subscribe__form-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .l-card-subscribe .l-card-subscribe__input {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    border: 1px solid #ffffff;
    -webkit-appearance: none;
    border-radius: 0; }
    .l-card-subscribe .l-card-subscribe__input::-webkit-input-placeholder {
      color: #2b2b2b; }
    .l-card-subscribe .l-card-subscribe__input:-ms-input-placeholder {
      color: #2b2b2b; }
    .l-card-subscribe .l-card-subscribe__input::-ms-input-placeholder {
      color: #2b2b2b; }
    .l-card-subscribe .l-card-subscribe__input::placeholder {
      color: #2b2b2b; }
    @media (max-width: 1023.98px) {
      .l-card-subscribe .l-card-subscribe__input {
        margin-bottom: 8px;
        text-align: center; } }
    .l-card-subscribe .l-card-subscribe__input.error {
      color: #e80000;
      border: 1px solid #e80000; }
  .l-card-subscribe .l-card-subscribe__button-send,
  .l-card-subscribe .l-card-subscribe__button-sent {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    margin-left: 8px;
    border: 1px solid #2e2e2e; }
    .l-card-subscribe .l-card-subscribe__button-send .icon,
    .l-card-subscribe .l-card-subscribe__button-sent .icon {
      color: #ffffff; }
    @media (max-width: 1023.98px) {
      .l-card-subscribe .l-card-subscribe__button-send,
      .l-card-subscribe .l-card-subscribe__button-sent {
        width: auto;
        margin-left: 0; } }
  .l-card-subscribe .l-card-subscribe__button-send .icon {
    font-size: 13px; }
  .l-card-subscribe:not(.success) .l-card-subscribe__succesed-text,
  .l-card-subscribe:not(.success) .l-card-subscribe__button-sent {
    display: none; }

.l-card-subscribe:not(.l-card-subscribe--dark) .l-card-subscribe__button-send,
.l-card-subscribe:not(.l-card-subscribe--dark) .l-card-subscribe__button-sent {
  background: #2e2e2e; }

.l-card-subscribe.l-card-subscribe--dark {
  min-height: 350px;
  background: url(/blog/contents/themes/djangostars/dist/0166f206c1a6cbf4352509178f435265.png) no-repeat center center #2e2e2e;
  background-size: cover; }
  .l-card-subscribe.l-card-subscribe--dark .l-card-subscribe__form-content {
    position: relative; }
  .l-card-subscribe.l-card-subscribe--dark .l-card-subscribe__title {
    padding-right: 0;
    text-align: center; }
  .l-card-subscribe.l-card-subscribe--dark .l-card-subscribe__input {
    margin-right: 8px; }
  .l-card-subscribe.l-card-subscribe--dark .response {
    position: absolute;
    color: #ffffff;
    top: 110%; }
    .l-card-subscribe.l-card-subscribe--dark .response#mce-error-response {
      color: #e80000; }
      .l-card-subscribe.l-card-subscribe--dark .response#mce-error-response a {
        display: block; }
    @media (max-width: 1023.98px) {
      .l-card-subscribe.l-card-subscribe--dark .response {
        width: 80%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        text-align: center; } }

.l-card-subscribe.success .l-card-subscribe__form-content:first-of-type {
  display: none; }

.l-card-subscribe.success .l-card-subscribe__title {
  display: none; }

.l-card-subscribe.success .l-card-subscribe__input,
.l-card-subscribe.success .l-card-subscribe__button-send {
  display: none; }

.l-card-subscribe.success .ds-form__submit {
  display: none; }

.l-card-subscribe.l-card-subscribe--new {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 80px 40px; }
  @media (max-width: 767.98px) {
    .l-card-subscribe.l-card-subscribe--new {
      padding: 24px; } }
  .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media (max-width: 767.98px) {
      .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__book {
      width: 40%; }
      @media (max-width: 767.98px) {
        .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__book {
          width: 100%;
          max-width: 200px; } }
      .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__book img {
        width: 100%;
        height: auto; }
    .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper {
      width: 55%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media (max-width: 767.98px) {
        .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper {
          width: 100%;
          max-width: 300px; } }
      .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__title {
        text-align: left;
        text-transform: none;
        margin: 0 0 40px; }
        @media (max-width: 767.98px) {
          .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__title {
            text-align: center;
            width: 100%; } }
      .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form {
        width: 100%; }
        .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form .l-card-subscribe__form-content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          width: 100%; }
          .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form .l-card-subscribe__form-content .l-card-subscribe__input {
            width: 100%;
            margin: 8px 0; }
            @media (max-width: 767.98px) {
              .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form .l-card-subscribe__form-content .l-card-subscribe__input {
                font-size: 14px; } }
          .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form .l-card-subscribe__form-content .l-card-subscribe__input-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                    align-items: stretch; }
            @media (max-width: 767.98px) {
              .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form .l-card-subscribe__form-content .l-card-subscribe__input-group {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column; } }
            .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form .l-card-subscribe__form-content .l-card-subscribe__input-group .l-card-subscribe__input {
              width: 55%;
              -webkit-box-flex: 0;
                  -ms-flex-positive: 0;
                      flex-grow: 0; }
              @media (max-width: 767.98px) {
                .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form .l-card-subscribe__form-content .l-card-subscribe__input-group .l-card-subscribe__input {
                  width: 100%; } }
            .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form .l-card-subscribe__form-content .l-card-subscribe__input-group button {
              width: 40%;
              font-size: 16px;
              padding: 12px 30px;
              margin: 8px 0; }
              @media (max-width: 767.98px) {
                .l-card-subscribe.l-card-subscribe--new .l-card-subscribe__content .l-card-subscribe__form-wrapper .l-card-subscribe__form .l-card-subscribe__form-content .l-card-subscribe__input-group button {
                  font-size: 14px;
                  width: 100%; } }
  .l-card-subscribe.l-card-subscribe--new.l-card-subscribe--light .brn.btn-primary {
    background-color: #6cbd45; }
  .l-card-subscribe.l-card-subscribe--new.l-card-subscribe--dark .btn.btn-primary {
    background-color: #2b2b2b; }

.l-subscribe-small {
  padding: 48px;
  background-color: #2b2b2b;
  background-image: url(/blog/contents/themes/djangostars/dist/457c65bded0e747d497ebc215c2974b7.png), url(/blog/contents/themes/djangostars/dist/f395060c755eeaa7db9706d962300771.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 20% auto, 20% auto;
  background-position: left 5% center, right 5% center; }
  @media (max-width: 1023.98px) {
    .l-subscribe-small {
      padding: 24px 0;
      background-image: none; } }
  .l-subscribe-small .l-subscribe-small__form-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1023.98px) {
      .l-subscribe-small .l-subscribe-small__form-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .l-subscribe-small .l-subscribe-small__input {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    border: 1px solid #ffffff;
    -webkit-appearance: none;
    border-radius: 0; }
    .l-subscribe-small .l-subscribe-small__input.error {
      color: #e80000;
      border: 1px solid #e80000; }
    @media (max-width: 1023.98px) {
      .l-subscribe-small .l-subscribe-small__input {
        text-align: center; } }
  .l-subscribe-small .l-subscribe-small__button-send,
  .l-subscribe-small .l-subscribe-small__button-sent {
    margin-left: 8px; }
    @media (max-width: 1023.98px) {
      .l-subscribe-small .l-subscribe-small__button-send,
      .l-subscribe-small .l-subscribe-small__button-sent {
        margin-top: 8px;
        margin-left: 0; } }
  .l-subscribe-small .l-subscribe-small__succesed-text {
    font-size: 24px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400; }
  .l-subscribe-small:not(.success) .l-subscribe-small__form-content:last-of-type {
    display: none; }
  .l-subscribe-small.success .l-subscribe-small__form-content:first-of-type {
    display: none; }
  .l-subscribe-small.success .l-subscribe-small__form-content:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

.l-footer {
  background: url(/blog/contents/themes/djangostars/dist/0341c50bf67642081c7ddf2740995384.svg) no-repeat center center;
  background-color: #1b1b1b;
  font-size: 14px;
  padding-top: 100px;
  padding-bottom: 24px;
  color: #ffffff; }
  @media (max-width: 1023.98px) {
    .l-footer .container {
      padding: 0 15px; } }
  @media (max-width: 1023.98px) {
    .l-footer .container .row {
      margin-left: 0;
      margin-right: 0; } }
  .l-footer.landing-footer {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    margin-top: -160px;
    padding-top: 200px; }
  @media (max-width: 1023.98px) {
    .l-footer {
      padding-top: 64px;
      padding-bottom: 64px;
      background-size: auto 58%;
      background-position: center 72px; } }
  @media (max-width: 767.98px) {
    .l-footer {
      padding: 40px 0 24px;
      background-size: 100%;
      background-position: center 100px; } }
  .l-footer .l-footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .l-footer .l-footer__about {
    width: 33.333333333333336%;
    padding-right: 15px;
    padding-left: 15px; }
    @media (max-width: 1023.98px) {
      .l-footer .l-footer__about {
        margin-bottom: 40px;
        max-width: unset;
        width: 100%;
        padding: 0; }
        .l-footer .l-footer__about > a {
          text-align: left; } }
    @media (max-width: 767.98px) {
      .l-footer .l-footer__about {
        margin-bottom: 0; } }
    .l-footer .l-footer__about .l-footer__list {
      padding-left: 28px; }
      @media (max-width: 1023.98px) {
        .l-footer .l-footer__about .l-footer__list {
          padding-left: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 24px; } }
      .l-footer .l-footer__about .l-footer__list .l-footer__list-item {
        color: #ffffff;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.79;
        letter-spacing: normal;
        position: relative; }
        @media (max-width: 1023.98px) {
          .l-footer .l-footer__about .l-footer__list .l-footer__list-item {
            padding-left: 16px;
            padding-right: 16px; } }
        .l-footer .l-footer__about .l-footer__list .l-footer__list-item .site-location {
          position: absolute;
          left: -28px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 12px;
          height: 16px;
          background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='%236cbd45'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cellipse cx='6' cy='6.038' fill='%23FFF' rx='3' ry='3.019'/%3E %3Cpath fill='%236CBD45' d='M6 16c-4-4.359-6-7.66-6-9.905C0 2.73 2.686 0 6 0s6 2.729 6 6.095C12 8.34 10 11.641 6 16zm0-7.662c1.325 0 2.4-1.081 2.4-2.415A2.408 2.408 0 0 0 6 3.508a2.408 2.408 0 0 0-2.4 2.415A2.408 2.408 0 0 0 6 8.338z'/%3E %3C/g%3E %3C/svg%3E") center center no-repeat;
          background-size: contain;
          background-size: 100% 100%;
          display: block;
          opacity: 0.2; }
          .l-footer .l-footer__about .l-footer__list .l-footer__list-item .site-location:hover {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='%236cbd45'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cellipse cx='6' cy='6.038' fill='%23FFF' rx='3' ry='3.019'/%3E %3Cpath fill='%236CBD45' d='M6 16c-4-4.359-6-7.66-6-9.905C0 2.73 2.686 0 6 0s6 2.729 6 6.095C12 8.34 10 11.641 6 16zm0-7.662c1.325 0 2.4-1.081 2.4-2.415A2.408 2.408 0 0 0 6 3.508a2.408 2.408 0 0 0-2.4 2.415A2.408 2.408 0 0 0 6 8.338z'/%3E %3C/g%3E %3C/svg%3E") center center no-repeat;
            background-size: contain; }
          @media (max-width: 1023.98px) {
            .l-footer .l-footer__about .l-footer__list .l-footer__list-item .site-location {
              left: 0; } }
          .l-footer .l-footer__about .l-footer__list .l-footer__list-item .site-location:after {
            content: "";
            position: absolute;
            z-index: 1;
            width: 5px;
            height: 5px;
            background-color: #ffffff;
            border-radius: 50%;
            top: 1px;
            left: 1px;
            -webkit-transform: translate3d(50%, 50%, 0);
                    transform: translate3d(50%, 50%, 0); }
        .l-footer .l-footer__about .l-footer__list .l-footer__list-item-active .site-location {
          opacity: 1; }
  .l-footer .l-footer__logo {
    margin-bottom: 32px; }
    @media (max-width: 1023.98px) {
      .l-footer .l-footer__logo {
        margin-bottom: 24px; }
        .l-footer .l-footer__logo .nav__logo {
          margin: 0;
          max-width: 148px; } }
  .l-footer .l-footer__supporting-text {
    line-height: 1.79;
    color: #c8c8c8;
    margin-bottom: 24px;
    padding-right: 100px; }
    .l-footer .l-footer__supporting-text .rich-text p {
      margin-bottom: 0; }
    @media (max-width: 1023.98px) {
      .l-footer .l-footer__supporting-text {
        padding: 0;
        margin-bottom: 16px;
        color: #a6a6a6; } }
    @media (max-width: 767.98px) {
      .l-footer .l-footer__supporting-text {
        padding: 0;
        text-align: left;
        margin-bottom: 40px; } }
  .l-footer .l-footer_column {
    width: 16.666666666666668%;
    padding-right: 15px;
    padding-left: 15px;
    z-index: 1; }
    @media (max-width: 1023.98px) {
      .l-footer .l-footer_column {
        width: 25%; } }
    @media (max-width: 767.98px) {
      .l-footer .l-footer_column {
        width: 100%;
        padding: 0;
        margin-bottom: 40px; } }
    .l-footer .l-footer_column .footer-divider {
      display: block;
      margin: 16px 0;
      width: 20px;
      height: 2px;
      background-color: #6cbd45; }
  .l-footer .l-footer__headline {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 24px;
    white-space: nowrap;
    letter-spacing: 2px;
    padding: 2px 3px; }
    .l-footer .l-footer__headline::after {
      content: '';
      color: white;
      position: absolute;
      height: #6cbd45;
      left: 0;
      right: 0;
      bottom: 0;
      background: #6cbd45;
      z-index: -1; }
    .l-footer .l-footer__headline:after {
      height: 20%;
      -webkit-transition: height 300ms ease;
      transition: height 300ms ease; }
    .l-footer .l-footer__headline:hover:after {
      height: 100%;
      -webkit-transition: height 300ms ease;
      transition: height 300ms ease; }
  .l-footer .l-footer__list-item span,
  .l-footer .l-footer__list-link {
    font-family: "Lato", sans-serif;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.93;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .l-footer .l-footer__list-link:hover {
    color: #6cbd45; }
  .l-footer .l-footer__list {
    margin-top: 24px;
    margin-bottom: 40px; }
    .l-footer .l-footer__list:last-of-type {
      margin-bottom: 0; }
    @media (max-width: 767.98px) {
      .l-footer .l-footer__list {
        margin-top: 12px; } }
    .l-footer .l-footer__list-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .l-footer .l-footer__list-item span {
        display: block;
        width: 20px;
        height: 20px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-left: 10px;
        background-color: #6cbd45;
        border-radius: 50%;
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        text-align: center;
        line-height: 20px; }
  .l-footer .l-footer__blog .l-footer__list-item {
    margin-bottom: 32px; }
  .l-footer .l-footer__blog-title {
    font-size: 12px;
    line-height: 1.67;
    color: #ffffff;
    margin-bottom: 0; }
    .l-footer .l-footer__blog-title:hover {
      color: #6cbd45; }
  .l-footer .l-footer__blog-author a {
    font-size: 12px;
    color: #c8c8c8; }
    .l-footer .l-footer__blog-author a:hover {
      cursor: pointer; }
  .l-footer .l-footer__social.l-footer__list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 720px;
    margin: 80px auto 60px auto; }
    @media (max-width: 1023.98px) {
      .l-footer .l-footer__social.l-footer__list {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    @media (max-width: 767.98px) {
      .l-footer .l-footer__social.l-footer__list {
        margin: 0 0 24px; } }
    .l-footer .l-footer__social.l-footer__list .l-footer__list-item {
      min-width: 58px; }
  .l-footer .l-footer__social-icon {
    color: #ffffff;
    font-size: 26px;
    margin: 0 16px;
    line-height: 1.5;
    width: 26px;
    height: 26px;
    display: block; }
    .l-footer .l-footer__social-icon::before {
      -webkit-transition: color 300ms ease-in-out;
      transition: color 300ms ease-in-out; }
    .l-footer .l-footer__social-icon:hover::before {
      color: #6cbd45; }
    @media (max-width: 767.98px) {
      .l-footer .l-footer__social-icon {
        margin: 0 20px 32px; } }
  .l-footer .l-footer__copy {
    opacity: 0.5;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0; }
  .l-footer .blog_item {
    margin-bottom: 32px; }
  .l-footer .l-footer__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .l-footer .l-footer__contacts a {
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.79;
      letter-spacing: normal;
      display: block;
      color: #ffffff; }
      .l-footer .l-footer__contacts a:hover {
        color: #6cbd45; }
    @media (max-width: 767.98px) {
      .l-footer .l-footer__contacts {
        margin-bottom: 40px; } }

.l-article-header, .l-author-header {
  background: url(/blog/contents/themes/djangostars/dist/a8b30619bc3a7b9c25916aadee19b7e1.svg);
  background-position: center; }

.l-article-header {
  margin-top: 96px;
  position: relative; }
  .l-article-header .l-article-header__content {
    position: relative; }
    @media (max-width: 1023.98px) {
      .l-article-header .l-article-header__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .l-article-header .l-article-header__col-text {
    width: 50%; }
    @media (max-width: 1023.98px) {
      .l-article-header .l-article-header__col-text {
        width: 100%; } }
  .l-article-header .l-article-header__title {
    font-family: "Lora", serif;
    font-weight: bold;
    font-size: 32px;
    padding-top: 64px;
    margin-bottom: 32px; }
  .l-article-header .l-article-header__tags-list {
    margin-bottom: 16px; }
  .l-article-header .l-article-header__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .l-article-header .l-article-header__stats-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 2.4;
    font-size: 10px; }
    .l-article-header .l-article-header__stats-item:not(:last-of-type) {
      margin-right: 24px; }
  .l-article-header .l-article-header__stats-title {
    color: #898989;
    text-transform: uppercase;
    margin-bottom: 0; }
  .l-article-header .l-article-header__stats-count {
    color: #1b1b1b;
    margin-left: 4px; }
  .l-article-header .l-article-header__img {
    position: absolute;
    top: 22px;
    right: 0;
    max-height: 100%;
    max-width: 50%; }
    @media (max-width: 1023.98px) {
      .l-article-header .l-article-header__img {
        max-width: 100%;
        position: static; } }

.l-article-extra {
  margin-top: 24px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .l-article-extra--centered {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .l-article-extra--bottom {
    margin-top: 8px; }
    @media (max-width: 1023.98px) {
      .l-article-extra--bottom {
        margin-top: 0; } }
  @media (max-width: 1023.98px) {
    .l-article-extra {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .l-article-extra .l-article-extra__col-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%; }
    @media (max-width: 1023.98px) {
      .l-article-extra .l-article-extra__col-left {
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .l-article-extra .l-article-extra__img {
    border-radius: 50%;
    width: 54px;
    height: 54px;
    margin-right: 16px; }
  .l-article-extra .l-article-extra__info {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    font-style: normal;
    line-height: 1.2; }
  .l-article-extra .l-article-extra__info-link {
    color: #2e2e2e; }
    .l-article-extra .l-article-extra__info-link:hover {
      color: #6cbd45; }
  .l-article-extra .l-article-extra__position {
    font-size: 10px;
    line-height: 2.4;
    color: #898989;
    text-transform: uppercase; }
  .l-article-extra .l-article-extra__col-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 50%; }
    @media (max-width: 1023.98px) {
      .l-article-extra .l-article-extra__col-right {
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 16px; } }
  .l-article-extra .l-article-extra__col-left-text {
    margin-top: 4px; }

.l-article {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }

.l-article-body {
  padding-top: 56px;
  color: #2e2e2e; }
  @media (max-width: 1023.98px) {
    .l-article-body {
      padding-top: 24px;
      overflow: scroll; } }
  .l-article-body strong,
  .l-article-body b {
    font-family: inherit; }
  .l-article-body h2 {
    margin-bottom: 16px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.06; }
    .l-article-body h2 + h3 {
      margin-top: 32px; }
    .l-article-body h2 + p > iframe {
      margin-top: 16px; }
  .l-article-body h3 {
    font-size: 18px;
    font-family: "Lato", sans-serif;
    margin-bottom: 16px;
    font-weight: bold; }
  .l-article-body h4 {
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 16px; }
  .l-article-body h5 {
    font-size: 20px;
    margin: 32px 0;
    font: "Lora", serif;
    padding: 0 0 0 60px;
    position: relative;
    font-weight: normal;
    font-style: italic;
    font-size: 20px; }
    .l-article-body h5:before {
      content: '"';
      width: 20px;
      height: auto;
      position: absolute;
      color: #6cbd45;
      font-size: 80px;
      line-height: 80px;
      top: -5px;
      left: 30px;
      font-style: normal;
      font-family: 'Economica', sans-serif; }
    .l-article-body h5 + p > i {
      display: block;
      font-style: italic;
      margin-bottom: 0;
      padding-left: 60px; }
      .l-article-body h5 + p > i > img {
        display: inline-block;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        vertical-align: middle;
        margin: 0;
        margin-right: 10px; }
      .l-article-body h5 + p > i + p {
        font-style: italic;
        margin-top: 24px;
        margin-bottom: 0; }
  .l-article-body p {
    font-family: "Lora", serif;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 40px; }
    .l-article-body p + p {
      margin-top: -16px; }
    @media (max-width: 1023.98px) {
      .l-article-body p {
        margin-bottom: 24px; } }
    .l-article-body p + h3,
    .l-article-body p + h2,
    .l-article-body p + iframe,
    .l-article-body p + img,
    .l-article-body p + div {
      margin-top: -8px; }
    .l-article-body p b,
    .l-article-body p strong {
      font-family: inherit; }
    .l-article-body p + ul,
    .l-article-body p + ol {
      margin-top: -24px; }
    .l-article-body p + blockquote {
      margin-top: -8px; }
    .l-article-body p + table {
      margin-top: -8px; }
  .l-article-body blockquote {
    font-family: 'PT Serif', sans-serif;
    font-style: italic;
    padding: 0 0 0 24px;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: normal;
    position: relative;
    font-style: italic;
    margin-bottom: 32px; }
    .l-article-body blockquote:before {
      content: '';
      width: 4px;
      height: 100%;
      position: absolute;
      background-color: #6cbd45;
      top: 0;
      left: 0; }
    .l-article-body blockquote > div:last-child {
      text-align: right; }
    .l-article-body blockquote p {
      margin: 0;
      font-size: 32px;
      line-height: 1.5; }
  .l-article-body ul li,
  .l-article-body ol li {
    font-size: 18px;
    line-height: 34px;
    font-family: "Lora", serif;
    position: relative; }
    .l-article-body ul li strong,
    .l-article-body ol li strong {
      font-weight: bold; }
  .l-article-body ul ul, .l-article-body ul ol,
  .l-article-body ol ul,
  .l-article-body ol ol {
    margin-bottom: 0; }
  .l-article-body ul {
    margin-bottom: 24px; }
    .l-article-body ul li {
      padding-left: 48px; }
      .l-article-body ul li:before {
        content: '';
        position: absolute;
        top: 14px;
        left: 24px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #2e2e2e; }
  .l-article-body ol {
    counter-reset: list 0;
    padding-left: 18px;
    margin-bottom: 24px; }
    .l-article-body ol li:before {
      counter-increment: list;
      content: counter(list) ". ";
      margin-right: 8px;
      font-family: "Lora", serif;
      font-weight: bold; }
  .l-article-body a {
    position: relative;
    color: #2e2e2e;
    border-bottom: 2px solid #6cbd45; }
    .l-article-body a:hover {
      color: #6cbd45;
      border-bottom-color: transparent; }
  .l-article-body img {
    margin: 0 auto 32px; }
    @media (max-width: 1023.98px) {
      .l-article-body img {
        margin-bottom: 24px; } }
  .l-article-body iframe {
    width: 100%; }
  .l-article-body .post-linkage > a {
    position: absolute;
    border-bottom: none; }

.l-article-subscribe {
  background: #6cbd45;
  padding: 24px;
  min-height: 300px; }
  .l-article-subscribe .l-article-subscribe__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1023.98px) {
      .l-article-subscribe .l-article-subscribe__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .l-article-subscribe .l-article-subscribe__text {
    color: #ffffff;
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    padding-right: 64px; }
    @media (max-width: 1023.98px) {
      .l-article-subscribe .l-article-subscribe__text {
        padding-right: 0; } }
  .l-article-subscribe .l-article-subscribe__title {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 16px; }
  .l-article-subscribe .l-article-subscribe__desc {
    font-family: "Lora", serif;
    font-size: 18px;
    line-height: 1.89; }
  .l-article-subscribe .l-article-subscribe__form {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%; }
  .l-article-subscribe .l-article-subscribe__input,
  .l-article-subscribe .l-article-subscribe__textarea {
    margin-bottom: 16px;
    border: 1px solid #ffffff; }
    .l-article-subscribe .l-article-subscribe__input.error,
    .l-article-subscribe .l-article-subscribe__textarea.error {
      border: 1px solid #e80000; }
  .l-article-subscribe:not(.success) .l-article-subscribe__content:last-of-type {
    display: none; }
  .l-article-subscribe .l-article-subscribe__button {
    width: 100%; }
  .l-article-subscribe .l-article-subscribe__succesed-text {
    font-size: 24px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    width: 50%;
    margin-right: 24px; }
    @media (max-width: 1023.98px) {
      .l-article-subscribe .l-article-subscribe__succesed-text {
        font-size: 16px; } }
  .l-article-subscribe .l-article-subscribe__content:last-of-type {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .l-article-subscribe.success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .l-article-subscribe.success .l-article-subscribe__content:first-of-type {
      display: none; }
    .l-article-subscribe.success .l-article-subscribe__content:last-of-type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .l-article-subscribe.success h3 {
      margin-top: 0;
      margin-bottom: 0; }

.l-references {
  padding: 100px 80px 20px;
  background: #f9f9f9; }
  @media (max-width: 1023.98px) {
    .l-references {
      padding: 32px 24px 24px; } }
  .l-references--big .l-references__body .card-list {
    padding-top: 80px; }
    @media (max-width: 1023.98px) {
      .l-references--big .l-references__body .card-list {
        padding-top: 24px; } }
  .l-references .l-references__heading {
    text-align: center;
    margin-bottom: 24px; }
    @media (max-width: 1023.98px) {
      .l-references .l-references__heading {
        margin-bottom: 8px; } }
  .l-references .l-references__more {
    padding-top: 40px;
    text-align: center; }
    @media (max-width: 1023.98px) {
      .l-references .l-references__more {
        padding-top: 20px; } }
  .l-references .l-references__banner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    background: #ffffff; }
    @media (max-width: 1023.98px) {
      .l-references .l-references__banner-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .l-references .l-references__banner-img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-height: 300px; }
    @media (max-width: 1023.98px) {
      .l-references .l-references__banner-img {
        padding-top: 40px;
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
  .l-references .l-references__banner-text {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
    @media (max-width: 1023.98px) {
      .l-references .l-references__banner-text {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
  .l-references .l-references__banner-tags {
    width: 50%; }
    @media (max-width: 1023.98px) {
      .l-references .l-references__banner-tags {
        width: 100%; } }
    .l-references .l-references__banner-tags .btns-multiple__list-item {
      margin-bottom: 8px; }
  .l-references .l-references__banner-heading {
    font-size: 32px;
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: bold; }
  .l-references .l-references__banner-subheading {
    font-weight: normal;
    color: #898989;
    font-size: 18px; }

.l-author-header {
  margin-top: 96px;
  padding: 60px 0;
  position: relative; }
  .l-author-header .l-author-header__img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 24px; }
  .l-author-header .l-author-header__col-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px; }
  .l-author-header .l-author-header__col-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 12px; }
  .l-author-header .l-author-header__col-left-text {
    -webkit-box-pack: top;
        -ms-flex-pack: top;
            justify-content: top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .l-author-header .l-author-header__info {
    margin-top: 12px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    color: #2e2e2e;
    margin-bottom: 4px; }
  .l-author-header .l-author-header__position {
    font-size: 12px;
    font-weight: normal;
    line-height: 2;
    color: #898989;
    text-transform: uppercase; }
  .l-author-header .l-author-header__quote {
    margin-top: 16px;
    font-family: 'PT Serif', serif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.43;
    color: #2e2e2e; }

.progress-bar {
  position: fixed;
  top: 71px;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 998; }
  @media (max-width: 1023.98px) {
    .progress-bar {
      display: none; } }
  .progress-bar .progress-bar__line {
    height: 4px;
    background: #4caf50;
    width: 0; }

.article-linking {
  max-width: 100%;
  height: 222px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  font-family: "Lato", sans-serif;
  margin-bottom: 32px; }
  @media (max-width: 1365.98px) {
    .article-linking {
      height: 185px; } }
  @media (max-width: 767.98px) {
    .article-linking {
      height: 148px; } }
  @media (max-width: 479.98px) {
    .article-linking {
      height: 180px; } }
  .article-linking .article-linking-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center; }
    @media (max-width: 479.98px) {
      .article-linking .article-linking-background {
        background-size: cover; } }
  .article-linking .article-linking-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .article-linking .article-linking-content.centered {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .article-linking .article-linking-content.centered .article-linking-logo {
        max-width: 220px;
        margin-left: auto;
        max-height: 24px; }
        @media (max-width: 767.98px) {
          .article-linking .article-linking-content.centered .article-linking-logo {
            max-height: 20px; } }
      .article-linking .article-linking-content.centered .article-linking-caption {
        font-size: 36px;
        max-width: none;
        text-align: center; }
        @media (max-width: 767.98px) {
          .article-linking .article-linking-content.centered .article-linking-caption {
            font-size: 24px; } }
        .article-linking .article-linking-content.centered .article-linking-caption > .article-linking-caption--small {
          font-weight: bold;
          text-align: center;
          margin-top: 16px;
          font-size: 16px; }
          @media (max-width: 767.98px) {
            .article-linking .article-linking-content.centered .article-linking-caption > .article-linking-caption--small {
              margin-top: 8px; } }
    .article-linking .article-linking-content > p {
      display: none; }
    .article-linking .article-linking-content .article-linking-logo {
      max-width: 170px;
      display: block;
      margin-bottom: 0;
      margin-left: 0;
      max-height: 20px; }
    .article-linking .article-linking-content .article-linking-caption {
      font-size: 24px;
      color: #ffffff;
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 0;
      max-width: 500px;
      font-family: "Lato", sans-serif; }
      @media (max-width: 767.98px) {
        .article-linking .article-linking-content .article-linking-caption {
          font-size: 18px; } }
      @media (max-width: 479.98px) {
        .article-linking .article-linking-content .article-linking-caption {
          font-size: 16px; } }
      .article-linking .article-linking-content .article-linking-caption br {
        display: initial; }
      .article-linking .article-linking-content .article-linking-caption > p {
        display: none; }
      .article-linking .article-linking-content .article-linking-caption > .article-linking-caption--small {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        font-family: inherit;
        font-weight: normal;
        line-height: normal;
        color: #ffffff;
        display: block; }
        @media (max-width: 767.98px) {
          .article-linking .article-linking-content .article-linking-caption > .article-linking-caption--small {
            font-size: 14px; } }
        @media (max-width: 479.98px) {
          .article-linking .article-linking-content .article-linking-caption > .article-linking-caption--small {
            font-size: 12px; } }
      .article-linking .article-linking-content .article-linking-caption > u {
        position: relative;
        z-index: 1;
        text-decoration: none; }
        .article-linking .article-linking-content .article-linking-caption > u:after {
          content: '';
          position: absolute;
          z-index: -1;
          height: 30%;
          background-color: #6cbd45;
          display: block;
          width: 100%;
          bottom: 0;
          left: 0; }
    .article-linking .article-linking-content a {
      cursor: pointer;
      padding: 5px 20px;
      text-transform: uppercase;
      background: #6cbd45;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #ffffff;
      font-size: 15px;
      text-decoration: none;
      font-family: "Lato", sans-serif; }
      .article-linking .article-linking-content a:after {
        display: none; }
    .article-linking .article-linking-content > p {
      margin: 0; }
  .article-linking br {
    display: none; }

.mailchimp-subscribe-template {
  max-width: 100%;
  height: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  margin-bottom: 32px; }
  @media (max-width: 479.98px) {
    .mailchimp-subscribe-template {
      height: 230px; } }
  .mailchimp-subscribe-template .mailchimp-subscribe-template-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .mailchimp-subscribe-template .mailchimp-subscribe-template-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-blend-mode: color,normal;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.4)));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.4));
    padding: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-logo {
      max-width: 170px;
      display: block;
      margin-bottom: 24px;
      margin-left: 0;
      max-height: 20px; }
    .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-caption {
      font-size: 18px;
      color: #ffffff;
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 24px; }
      .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-caption > u {
        position: relative;
        z-index: 1;
        text-decoration: none; }
        .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-caption > u:after {
          content: '';
          position: absolute;
          z-index: -1;
          height: 30%;
          background-color: #6cbd45;
          display: block;
          width: 100%;
          bottom: 0;
          left: 0; }
    .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 360px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media (max-width: 479.98px) {
        .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-form {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          width: 100%; } }
      .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-form > input[type="text"] {
        -webkit-appearance: none;
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 5px 20px;
        text-align: left;
        color: #000000;
        outline: none;
        font-size: 14px; }
        @media (max-width: 479.98px) {
          .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-form > input[type="text"] {
            margin: 0 0 10px;
            width: 200px; } }
      .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-form > button {
        outline: none;
        -webkit-appearance: none;
        cursor: pointer;
        padding: 5px 20px;
        text-transform: uppercase;
        background: #6cbd45;
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        color: #ffffff;
        font-size: 14px; }
        @media (max-width: 479.98px) {
          .mailchimp-subscribe-template .mailchimp-subscribe-template-content .mailchimp-subscribe-template-form > button {
            margin: 10px 0 0 0;
            width: 200px; } }
  .mailchimp-subscribe-template br {
    display: none; }
  .mailchimp-subscribe-template p {
    margin-bottom: 0; }

.l-article-body .article_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f9f9f9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
  margin-bottom: 40px; }
  @media (max-width: 767.98px) {
    .l-article-body .article_form {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 24px;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }
  .l-article-body .article_form > p {
    display: none; }
  .l-article-body .article_form-content {
    width: 45%; }
    @media (max-width: 767.98px) {
      .l-article-body .article_form-content {
        width: 100%; } }
  .l-article-body .article_form-caption {
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    font-family: "Lato", sans-serif;
    margin-bottom: 8px; }
  .l-article-body .article_form-text {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    font-family: "Lato", sans-serif;
    color: #898989;
    text-align: left;
    margin-bottom: 0; }
  .l-article-body .article_form-wrapper {
    width: 50%; }
    @media (max-width: 767.98px) {
      .l-article-body .article_form-wrapper {
        width: 100%; } }
    .l-article-body .article_form-wrapper form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    .l-article-body .article_form-wrapper p,
    .l-article-body .article_form-wrapper br {
      display: none;
      margin-bottom: 0; }
  .l-article-body .article_form-input, .l-article-body .article_form-textarea {
    padding: 14px 16px;
    font-size: 16px;
    outline: none;
    border: 1px solid #c8c8c8;
    -webkit-appearance: none;
    margin-bottom: 16px;
    display: block;
    resize: none; }
    .l-article-body .article_form-input:focus, .l-article-body .article_form-textarea:focus {
      border-color: #6cbd45; }
    .l-article-body .article_form-input.error-textfield, .l-article-body .article_form-textarea.error-textfield {
      border-color: #e80000; }
  .l-article-body .article_form-textarea {
    height: 112px; }
  .l-article-body .article_form-button {
    padding: 16px;
    background-color: #6cbd45;
    text-transform: uppercase;
    -webkit-appearance: none;
    outline: none;
    border: none;
    color: #ffffff;
    cursor: pointer; }

.contact-us {
  max-width: 260px;
  padding: 15px;
  position: fixed;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  left: 18px;
  background: #ffffff;
  -webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
  -webkit-transition: translate .3s ease-in-out;
  transition: translate .3s ease-in-out;
  z-index: 2; }
  @media (max-width: 1439px) and (min-width: 1365px) {
    .contact-us {
      max-width: 225px;
      left: 15px; } }
  @media (min-width: 1565px) {
    .contact-us {
      left: 60px; } }
  @media (max-width: 1279.98px) {
    .contact-us {
      display: none; } }
  .contact-us__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 16px; }
    .contact-us__banner .clutch-badge {
      max-width: 62px; }
    .contact-us__banner .clutch-widget {
      margin-left: 8px; }
  .contact-us__desc {
    line-height: 1.8;
    margin: .625em .5em; }
  .contact-us .btn {
    width: 100%;
    font-size: 12px;
    line-height: 2.5;
    padding: 0.5em;
    text-align: center;
    margin-bottom: .5em; }

.aside-form {
  width: 200px;
  border: 2px solid #6cbd45;
  padding: 25px;
  position: fixed;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 80px;
  text-align: center;
  background: #ffffff;
  -webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
  z-index: 2; }
  @media (max-width: 1439px) and (min-width: 1365px) {
    .aside-form {
      right: 60px; } }
  @media (min-width: 1565px) {
    .aside-form {
      right: 105px; } }
  @media (max-width: 1279.98px) {
    .aside-form {
      display: none; } }
  .aside-form__progress, .modal-form__progress {
    height: 8px;
    border-radius: 4px;
    font-size: 0;
    margin: 0 auto;
    overflow: hidden; }
    .aside-form__progress li, .modal-form__progress li {
      width: calc((100% / 6) - 2px);
      margin: 0 1px;
      height: 100%;
      display: inline-block;
      background: #eeeeee; }
      .aside-form__progress li.active, .modal-form__progress li.active {
        background: #6cbd45; }
  .aside-form__title {
    margin: 1em;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 10px; }
  .aside-form__tab {
    display: none; }
    .aside-form__tab.active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .aside-form .choices-list .choice__radio {
    display: none;
    width: 0;
    height: 0;
    z-index: -1; }
    .aside-form .choices-list .choice__radio:checked + label {
      border: solid 2px #6cbd45;
      color: #6cbd45; }
    .aside-form .choices-list .choice__radio:checked + label .ic-hover {
      opacity: 1; }
    .aside-form .choices-list .choice__radio:checked + label .ic-default {
      opacity: 0; }
  .aside-form .choices-list .choice__icon {
    width: 38px;
    height: 38px;
    position: relative; }
    .aside-form .choices-list .choice__icon img {
      -webkit-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear;
      position: absolute;
      top: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%; }
    .aside-form .choices-list .choice__icon .ic-default {
      opacity: 1; }
    .aside-form .choices-list .choice__icon .ic-hover {
      opacity: 0; }
  .aside-form .choices-list .choice__btn {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding: 5px;
    border: solid 1px #6cbd45;
    cursor: pointer;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear; }
    .aside-form .choices-list .choice__btn:hover .ic-default {
      opacity: 0; }
    .aside-form .choices-list .choice__btn:hover .ic-hover {
      opacity: 1; }
  .aside-form .btn {
    margin: 10px 0;
    min-width: 100px;
    width: 100%;
    padding: 15px;
    color: #000000; }
    .aside-form .btn:hover {
      color: #6cbd45; }

.modal-form {
  max-width: 600px;
  max-height: 655px;
  padding: 30px 50px;
  text-align: center; }
  .modal-form--after {
    max-width: 400px; }
  .modal-form__subtitle {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600; }
  .modal-form__title {
    font-size: 22px;
    line-height: 1.25;
    margin-bottom: 10px; }
  .modal-form__progress {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    margin: 16px 0; }
  .modal-form__input, .modal-form__textarea,
  .modal-form .btn {
    width: 100%;
    margin-bottom: 10px; }
  .modal-form__input, .modal-form__textarea {
    padding: 0.5em 1.25em;
    font-size: 14px;
    line-height: 2;
    border: 1px solid #d7d7d7; }
    .modal-form__input::-webkit-input-placeholder, .modal-form__textarea::-webkit-input-placeholder {
      color: #a6a6a6; }
    .modal-form__input:-ms-input-placeholder, .modal-form__textarea:-ms-input-placeholder {
      color: #a6a6a6; }
    .modal-form__input::-ms-input-placeholder, .modal-form__textarea::-ms-input-placeholder {
      color: #a6a6a6; }
    .modal-form__input::placeholder, .modal-form__textarea::placeholder {
      color: #a6a6a6; }
    .modal-form__input.error, .modal-form__textarea.error {
      border-color: #e80000; }
  .modal-form--after .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .modal-form .response-error {
    color: #e80000; }
  .modal-form__nda {
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #2e2e2e; }
    .modal-form__nda .custom-checkbox {
      position: relative;
      padding-left: 30px;
      cursor: pointer; }
      .modal-form__nda .custom-checkbox .checkmark {
        width: 20px;
        height: 20px;
        border: 2px solid #6cbd45;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 0; }
      .modal-form__nda .custom-checkbox input {
        visibility: hidden;
        position: absolute; }
      .modal-form__nda .custom-checkbox input:checked + .checkmark {
        background-color: #6cbd45; }
        .modal-form__nda .custom-checkbox input:checked + .checkmark:before {
          content: "";
          border-left: 2px solid #fff;
          border-bottom: 2px solid #fff;
          width: 11px;
          height: 6px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          position: absolute;
          left: 3px;
          top: 4px; }
  .modal-form__wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0; }
    @media (max-width: 992px) {
      .modal-form__wrap {
        display: inline-block; } }
  .modal-form__sidebar {
    background-color: #f7f7f7;
    width: 310px;
    padding: 35px; }
    @media (max-width: 992px) {
      .modal-form__sidebar {
        display: none; } }
    .modal-form__sidebar-awards {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 30px 0; }
      .modal-form__sidebar-awards img {
        max-width: 70px;
        width: 100%; }
    .modal-form__sidebar-list {
      text-transform: uppercase;
      font-size: 12px;
      color: #2e2e2e;
      margin-top: 30px;
      line-height: 1.4; }
      .modal-form__sidebar-list li {
        position: relative;
        padding-left: 20px; }
        .modal-form__sidebar-list li:before {
          content: "";
          position: absolute;
          left: 0;
          top: 3px;
          width: 12px;
          height: 8px;
          background: url(/blog/contents/themes/djangostars/dist/1eeba916977b216163957ae9624b0825.png) center no-repeat;
          background-size: contain; }
        .modal-form__sidebar-list li + li {
          margin-top: 15px; }
    .modal-form__sidebar-note {
      font-weight: bold;
      font-size: 18px;
      line-height: 1.3;
      color: #2e2e2e; }

/* Syntax Highlighter */
pre {
  overflow: auto; }

code {
  font-size: 16px;
  padding: 1px 3px;
  white-space: pre; }

pre {
  background-color: #111;
  color: #ccc;
  font-size: 16px;
  margin: 0 0 30px;
  padding: 15px;
  white-space: pre; }

pre code {
  border: 0;
  font-size: inherit;
  padding: 0; }

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

pre .comment {
  color: #666; }

pre .variable.global, pre .variable.class, pre .variable.instance {
  color: #ef6155; }

pre .constant.numeric, pre .constant.language, pre .constant.hex-color {
  color: #f99b15; }

pre .keyword.unit {
  color: #f99b15; }

pre .constant {
  color: #76bd1d; }

pre .entity {
  color: #76bd1d; }

pre .entity.class {
  color: #76bd1d; }

pre .support {
  color: #76bd1d; }

pre .constant.symbol, pre .string {
  color: #48b685; }

pre .entity.function, pre .support.css-property, pre .selector {
  color: #06b6ef; }

pre .keyword, pre .storage {
  color: #815ba4; }

.ds-404__section {
  margin-top: 96px;
  background-image: url(/blog/contents/themes/djangostars/dist/18dc303e848a933b020fe43d7c5e1643.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 16px;
  padding-top: 34%;
  padding-bottom: 64px;
  text-align: center;
  border: solid transparent;
  border-left-width: 80px;
  border-right-width: 80px; }
  @media (max-width: 1023.98px) {
    .ds-404__section {
      margin-top: 56px;
      padding: 40% 16px 24px;
      border: none; } }

.ds-404__description {
  max-width: 600px;
  font-size: 18px;
  line-height: 30px;
  margin: auto;
  margin-top: 18px; }

.github-repo {
  font-family: helvetica,arial,sans-serif;
  font-size: 13px;
  line-height: 18px;
  background: #fafafa;
  border: 1px solid #ddd;
  color: #666;
  border-radius: 3px; }
  .github-repo a {
    color: #4183c4;
    border: 0;
    text-decoration: none; }
  .github-repo-title {
    position: relative;
    border-bottom: 1px solid #ddd;
    border-radius: 3px 3px 0 0;
    background: #fcfcfc;
    background: -webkit-linear-gradient(#fcfcfc, #ebebeb); }
    @media (max-width: 767px) {
      .github-repo-title {
        height: auto;
        min-height: 60px; } }
    .github-repo-title h3 {
      word-wrap: break-word;
      font-family: helvetica,arial,sans-serif;
      font-weight: normal;
      font-size: 16px;
      color: gray;
      margin: 0;
      padding: 10px 10px 10px 30px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXBAMAAAD0LQLXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURQAAAL29vc3NzcLCwsjIyNbW1pvTNOEAAAABdFJOUwBA5thmAAAATElEQVQI12MIFoQAEQZFYwcGEGBkUDRUQLCcsYjRXhbqKkEGZQYGqJgSnKXCwGgsAGYpqyobG4WGhioyhBhDgClI3EQAqpaZwQBEAQARmA4G2o55nQAAAABJRU5ErkJggg==) 7px center no-repeat;
      width: auto; }
      .github-repo-title h3 .repo {
        font-weight: bold; }
        @media (max-width: 767px) {
          .github-repo-title h3 .repo {
            display: block; } }
    .github-repo-title .github-stats {
      float: right;
      position: absolute;
      top: 8px;
      right: 10px;
      font-size: 11px;
      font-weight: bold;
      line-height: 21px;
      height: auto;
      min-height: 21px; }
      .github-repo-title .github-stats a {
        display: inline-block;
        height: 21px;
        color: #666;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 0 5px 0 18px;
        background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAqBAMAAABB12bjAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURf///5mZmdbW1u/v7/r6+rGxscXFxaSkpHLccIMAAABsSURBVBjTY2CgBmBODTOAsFgSi9TFHMBMc1Fmk8BiEItJUMhQWFFQAZXJoC7q7FJYhNBmgG7YQAIWMYTvEExXIbh8oAJWQQe4IGsIlKmowAZVwaKowgxlMgkKmwtCjRAUYBSEqnVkYBAm39EALMwNXwql3eYAAAAASUVORK5CYII=) no-repeat; }
        @media (max-width: 767px) {
          .github-repo-title .github-stats a {
            display: block;
            clear: right;
            float: right; } }
      .github-repo-title .github-stats .watchers {
        border-right: 1px solid #ddd; }
      .github-repo-title .github-stats .forks {
        background-position: -4px -21px;
        padding-left: 15px; }
  .github-repo-content {
    padding: 10px;
    font-weight: 300; }
    .github-repo-content p {
      margin: 0; }
      .github-repo-content p.description {
        font-size: 12px; }
    .github-repo-content .link {
      font-weight: bold; }
  .github-repo-download {
    position: relative;
    border-top: 1px solid #ddd;
    background: white;
    border-radius: 0 0 3px 3px;
    padding: 10px;
    height: auto;
    min-height: 24px; }
    @media (max-width: 767px) {
      .github-repo-download {
        height: auto;
        min-height: 46px; } }
    .github-repo-download .updated {
      word-wrap: break-word;
      margin: 0;
      font-size: 11px;
      color: #666;
      line-height: 24px;
      font-weight: 300;
      width: auto; }
      .github-repo-download .updated strong {
        font-weight: bold;
        color: #000; }
    .github-repo-download .download {
      float: right;
      position: absolute;
      top: 10px;
      right: 10px;
      height: 24px;
      line-height: 24px;
      font-size: 12px;
      color: #666;
      font-weight: bold;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
      padding: 0 10px;
      border: 1px solid #ddd;
      border-bottom-color: #bbb;
      border-radius: 3px;
      background: #f5f5f5;
      background: -webkit-linear-gradient(#f5f5f5, #e5e5e5); }
      @media (max-width: 767px) {
        .github-repo-download .download {
          top: 32px; } }
      .github-repo-download .download:hover {
        color: #527894;
        border-color: #cfe3ed;
        border-bottom-color: #9fc7db;
        background: #f1f7fa;
        background: -webkit-linear-gradient(#f1f7fa, #dbeaf1); }

.blog-subscription {
  background-image: url(/blog/contents/themes/djangostars/dist/9235ed9648752c02843287672d559856.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
  font-size: 16px; }
  .blog-subscription .blog-subscription-form {
    max-width: 860px;
    margin: auto; }
  .blog-subscription.small {
    background-image: url(/blog/contents/themes/djangostars/dist/60a156ffdc3fae3efe8a12626d98d3a1.png);
    padding: 40px 0; }
    .blog-subscription.small .title {
      font-size: 32px;
      line-height: 32px; }
  .blog-subscription.purple {
    background-image: url(/blog/contents/themes/djangostars/dist/8be9625feb8d66b7d86a6031692697fb.png); }
    .blog-subscription.purple.small {
      background-image: url(/blog/contents/themes/djangostars/dist/81a9cb8e399424ee58c12b8844b8e633.png); }
  .blog-subscription.blue {
    background-image: url(/blog/contents/themes/djangostars/dist/95719d8e3114d5432496993faea99972.png); }
    .blog-subscription.blue.small {
      background-image: url(/blog/contents/themes/djangostars/dist/bd2797621383ae24a64d434433e9d280.png); }
  .blog-subscription.red {
    background-image: url(/blog/contents/themes/djangostars/dist/23ed63175e4ef1311111b0c4bae7aae2.png); }
    .blog-subscription.red.small {
      background-image: url(/blog/contents/themes/djangostars/dist/875e318100109f3c56b73f344bd3f689.png); }
  .blog-subscription .row {
    margin-left: -8px;
    margin-right: -8px; }
    .blog-subscription .row .col-md-3,
    .blog-subscription .row .col-md-4 {
      padding: 0 8px; }
  .blog-subscription .title {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 50px;
    padding-left: 16px;
    border-left: 8px solid #6cbd45;
    line-height: 40px;
    font-family: "Lato", sans-serif; }
  .blog-subscription .subtitle {
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 24px;
    font-family: "Lato", sans-serif;
    margin-top: 50px; }
  .blog-subscription .label-custom {
    color: #6cbd45;
    font-size: 14px;
    width: 100%;
    font-family: "Lato", sans-serif; }
    .blog-subscription .label-custom .input-custom,
    .blog-subscription .label-custom .select-custom {
      padding: 8px 12px;
      height: 40px;
      background-color: #fff;
      border: 0;
      margin-top: 4px;
      color: #000;
      display: block;
      width: 100%;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border-radius: 0; }
  .blog-subscription .policy-wrap {
    color: #fff;
    font-size: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 50px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .blog-subscription .policy-wrap .text {
      font-family: "Lato", sans-serif;
      font-weight: 100; }
      .blog-subscription .policy-wrap .text a {
        color: #6cbd45;
        border: 0; }
    .blog-subscription .policy-wrap .btn {
      text-align: center;
      font-family: "Lato", sans-serif;
      width: 100%;
      margin-top: 30px; }
    @media (min-width: 767px) {
      .blog-subscription .policy-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .blog-subscription .policy-wrap .btn {
          width: 240px;
          margin: 0 0 0 30px; } }
  .blog-subscription .custom-checkbox {
    color: #fff;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-family: "Lato", sans-serif; }
    .blog-subscription .custom-checkbox .checkmark {
      width: 20px;
      height: 20px;
      border: 2px solid #6cbd45;
      position: absolute;
      top: 50%;
      margin-top: -10px;
      left: 0; }
    .blog-subscription .custom-checkbox input:checked + .checkmark {
      background-color: #6cbd45; }
      .blog-subscription .custom-checkbox input:checked + .checkmark:before {
        content: '';
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        width: 13px;
        height: 9px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        position: absolute;
        left: 2px;
        top: 2px; }
  .blog-subscription .interest-error {
    display: none; }
  .blog-subscription label.error {
    margin-top: 5px;
    color: red; }
  .blog-subscription input[type="checkbox"] {
    visibility: hidden;
    position: absolute; }
  .blog-subscription .success-text {
    padding: 200px 0;
    text-align: center;
    font-size: 40px;
    color: #fff;
    display: none;
    max-width: 520px;
    margin: auto; }

.e-book {
  padding: 20px 10px 10px; }
  .e-book .ds-form {
    padding: 0 10px; }
    @media (min-width: 480px) {
      .e-book .ds-form {
        padding: 0; } }
  @media (min-width: 1366px) {
    .e-book {
      padding: 50px; } }
  @media (min-width: 480px) {
    .e-book .subtitle {
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      margin-bottom: 12.5px; } }
  .e-book .row > div {
    padding: 12.5px 0; }
    @media (min-width: 480px) {
      .e-book .row > div {
        padding: 17.5px; } }
  .e-book .lead-form-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .e-book .e-book-left {
    width: 160px;
    min-height: 220px;
    margin: auto;
    -webkit-box-shadow: 0 4px 16px rgba(55, 89, 30, 0.32);
            box-shadow: 0 4px 16px rgba(55, 89, 30, 0.32); }
    @media (min-width: 480px) {
      .e-book .e-book-left {
        width: 100%;
        min-height: 400px; } }
  .e-book .blog-title {
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    color: #d891c0; }
  .e-book .subtitle {
    display: none;
    margin-top: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px; }
    @media (min-width: 480px) {
      .e-book .subtitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px; } }
  .e-book .label-custom .input-custom {
    margin: 0;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: transparent !important;
    color: #ffffff;
    -webkit-transition: opacity .3s ease-in-out, border .3s ease-in-out;
    transition: opacity .3s ease-in-out, border .3s ease-in-out; }
    .e-book .label-custom .input-custom::-webkit-input-placeholder {
      color: #ffffff;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px; }
    .e-book .label-custom .input-custom:-ms-input-placeholder {
      color: #ffffff;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px; }
    .e-book .label-custom .input-custom::-ms-input-placeholder {
      color: #ffffff;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px; }
    .e-book .label-custom .input-custom::placeholder {
      color: #ffffff;
      font-weight: bold;
      font-size: 14px;
      line-height: 24px; }
    .e-book .label-custom .input-custom:focus {
      border-color: #f2c94c; }
      .e-book .label-custom .input-custom:focus::-webkit-input-placeholder {
        opacity: .6; }
      .e-book .label-custom .input-custom:focus:-ms-input-placeholder {
        opacity: .6; }
      .e-book .label-custom .input-custom:focus::-ms-input-placeholder {
        opacity: .6; }
      .e-book .label-custom .input-custom:focus::placeholder {
        opacity: .6; }
    .e-book .label-custom .input-custom.error {
      border-color: #e80000;
      color: #e80000; }
  .e-book .control {
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #ffffff; }
    @media (min-width: 768px) {
      .e-book .control {
        margin: 10px 0 0 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .e-book .control .custom-checkbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      @media (min-width: 768px) {
        .e-book .control .custom-checkbox {
          max-width: 180px; } }
      .e-book .control .custom-checkbox .checkbox.error ~ .checkmark {
        border-color: #e80000 !important; }
    .e-book .control .checkbox:checked ~ .checkmark {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: #ffffff; }
    .e-book .control .checkbox:checked ~ .checkmark::before {
      content: '';
      background: #ffffff;
      border-left: 2px solid #6cbd45;
      border-bottom: 2px solid #6cbd45;
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 8px;
      width: 13px;
      left: 5px;
      top: 4px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .e-book .control .checkmark {
      top: 2px;
      margin: 0;
      width: 24px;
      height: 24px;
      border: 1px solid rgba(255, 255, 255, 0.4);
      margin-right: 8px; }
    .e-book .control .content {
      margin-top: 6px;
      font-size: 13px;
      line-height: 16px; }
      @media (min-width: 768px) {
        .e-book .control .content {
          margin-top: 0; } }
      .e-book .control .content a {
        color: #ffffff;
        border-bottom: 1px solid #ffffff;
        -webkit-transition: border-bottom-color .3s ease-in-out;
        transition: border-bottom-color .3s ease-in-out; }
        .e-book .control .content a:hover {
          border-color: transparent; }
    .e-book .control button {
      font-family: 'Lato';
      font-size: 13px;
      margin-top: 20px;
      max-height: 48px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      font-weight: 700;
      text-transform: uppercase;
      background-color: #ffffff;
      -webkit-transition: color .3s ease-in-out;
      transition: color .3s ease-in-out; }
      .e-book .control button:hover {
        color: #ffffff; }
      @media (min-width: 768px) {
        .e-book .control button {
          margin-top: 0; } }
  .e-book.blog-subscription .row {
    margin: 0; }

.light-green {
  background-image: url(/blog/contents/themes/djangostars/dist/eb8fb1cb8c14ecc5f28a2319ea518ae9.svg); }
  @media (min-width: 480px) {
    .light-green {
      background-image: url(/blog/contents/themes/djangostars/dist/86dbee947e9e732aa2ad1a0f65816b6d.svg); } }
  .light-green .control button {
    color: #5dc7a5; }

.dark-green {
  background-image: url(/blog/contents/themes/djangostars/dist/581c07b6e73c87dab6f355d52151fe08.svg); }
  @media (min-width: 480px) {
    .dark-green {
      background-image: url(/blog/contents/themes/djangostars/dist/a50feb41f240aa7f11df65ba34d94f44.svg); } }
  .dark-green .control button {
    color: #5dc7a5; }
    @media (min-width: 480px) {
      .dark-green .control button {
        color: #13523d; } }

.light-rose {
  background-image: url(/blog/contents/themes/djangostars/dist/d70e340da35ba3269a4573c6c0eed187.svg); }
  @media (min-width: 480px) {
    .light-rose {
      background-image: url(/blog/contents/themes/djangostars/dist/edd769da6494d31ce730017a82239957.svg); } }
  .light-rose .control button {
    color: #5dc7a5; }
    @media (min-width: 480px) {
      .light-rose .control button {
        color: #13523d; } }

.dark-rose {
  background-image: url(/blog/contents/themes/djangostars/dist/bef4b6258b0057a8ee555e3ed41a0e77.svg); }
  @media (min-width: 480px) {
    .dark-rose {
      background-image: url(/blog/contents/themes/djangostars/dist/3d17601ec63d75454bc282070136ee7d.svg); } }
  .dark-rose .control button {
    color: #5dc7a5; }
    @media (min-width: 480px) {
      .dark-rose .control button {
        color: #13523d; } }

.discuss-block {
  background-size: cover; }
  .discuss-block.dark-green-link, .discuss-block.light-green-link {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 81, 62, 0)), to(rgba(19, 81, 62, 0))), url(/blog/contents/themes/djangostars/dist/8a42a6d4083c529ed93611a6d4453534.svg) no-repeat;
    background: linear-gradient(rgba(19, 81, 62, 0), rgba(19, 81, 62, 0)), url(/blog/contents/themes/djangostars/dist/8a42a6d4083c529ed93611a6d4453534.svg) no-repeat;
    background-position: 83% 110%;
    background-color: #13523d;
    padding: 25px 30px 50px; }
    @media (min-width: 768px) {
      .discuss-block.dark-green-link, .discuss-block.light-green-link {
        padding: 35px 40px 40px;
        background-position: center; } }
    @media (min-width: 1024px) {
      .discuss-block.dark-green-link, .discuss-block.light-green-link {
        background-position: right bottom; } }
    @media (min-width: 1280px) {
      .discuss-block.dark-green-link, .discuss-block.light-green-link {
        background-position: center; } }
    .discuss-block.dark-green-link .discuss-body-link:hover, .discuss-block.light-green-link .discuss-body-link:hover {
      text-decoration: none;
      color: #dfefd2; }
    .discuss-block.dark-green-link .discuss-title, .discuss-block.light-green-link .discuss-title {
      margin: 0 0 25px; }
  .discuss-block.dark-green-button, .discuss-block.light-green-button {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 81, 62, 0)), to(rgba(19, 81, 62, 0))), url(/blog/contents/themes/djangostars/dist/f3a0b2f37f6ee16c624221da11b1424f.svg) no-repeat;
    background: linear-gradient(rgba(19, 81, 62, 0), rgba(19, 81, 62, 0)), url(/blog/contents/themes/djangostars/dist/f3a0b2f37f6ee16c624221da11b1424f.svg) no-repeat;
    background-position: center;
    background-color: #13523d;
    padding: 30px 20px;
    background-size: cover; }
    @media (min-width: 768px) {
      .discuss-block.dark-green-button, .discuss-block.light-green-button {
        padding: 30px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 81, 62, 0)), to(rgba(19, 81, 62, 0))), url(/blog/contents/themes/djangostars/dist/29e91b5b0c327f5fbfdc40904dd656a1.svg) no-repeat;
        background: linear-gradient(rgba(19, 81, 62, 0), rgba(19, 81, 62, 0)), url(/blog/contents/themes/djangostars/dist/29e91b5b0c327f5fbfdc40904dd656a1.svg) no-repeat;
        background-position: center;
        background-color: #13523d;
        background-size: cover; } }
    .discuss-block.dark-green-button .discuss-title, .discuss-block.light-green-button .discuss-title {
      text-align: center;
      font-size: 40px;
      margin: 0 auto 15px; }
      @media (min-width: 480px) {
        .discuss-block.dark-green-button .discuss-title, .discuss-block.light-green-button .discuss-title {
          max-width: 100%; } }
    .discuss-block.dark-green-button .discuss-body, .discuss-block.light-green-button .discuss-body {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .discuss-block.dark-green-button .discuss-body-text, .discuss-block.light-green-button .discuss-body-text {
        font-size: 16px;
        margin: 5px 0 35px;
        font-weight: normal; }
        @media (min-width: 768px) {
          .discuss-block.dark-green-button .discuss-body-text, .discuss-block.light-green-button .discuss-body-text {
            margin: 0 0 18px; } }
      .discuss-block.dark-green-button .discuss-body-link, .discuss-block.light-green-button .discuss-body-link {
        width: 100%;
        max-width: 280px;
        background: #6cbd45;
        color: #13523d;
        text-transform: uppercase;
        font-size: 12px;
        text-decoration: none;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out;
        letter-spacing: 0.6px; }
        .discuss-block.dark-green-button .discuss-body-link:hover, .discuss-block.light-green-button .discuss-body-link:hover {
          background: #3e9912; }
  .discuss-block.light-green-link {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(110, 200, 165, 0)), to(rgba(110, 200, 165, 0))), url(/blog/contents/themes/djangostars/dist/bd36dd5eb64feed7d12c7b2c4a7107f4.svg) no-repeat;
    background: linear-gradient(rgba(110, 200, 165, 0), rgba(110, 200, 165, 0)), url(/blog/contents/themes/djangostars/dist/bd36dd5eb64feed7d12c7b2c4a7107f4.svg) no-repeat;
    background-position: 83% 110%;
    background-color: #6ec8a5;
    font-family: 'Lato'; }
    .discuss-block.light-green-link .discuss-title,
    .discuss-block.light-green-link .discuss-body-text {
      color: #13523d; }
    .discuss-block.light-green-link .discuss-body-link {
      color: #8a2d6b; }
      .discuss-block.light-green-link .discuss-body-link:hover {
        text-decoration: none;
        color: #8a2d6b; }
  .discuss-block.light-green-button {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(110, 200, 165, 0)), to(rgba(110, 200, 165, 0))), url(/blog/contents/themes/djangostars/dist/00005c4ea9d0a49c399eaadc78f5b5ef.svg) no-repeat;
    background: linear-gradient(rgba(110, 200, 165, 0), rgba(110, 200, 165, 0)), url(/blog/contents/themes/djangostars/dist/00005c4ea9d0a49c399eaadc78f5b5ef.svg) no-repeat;
    background-color: #6ec8a5;
    background-position: center;
    background-size: cover; }
    @media (min-width: 768px) {
      .discuss-block.light-green-button {
        padding: 30px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 81, 62, 0)), to(rgba(19, 81, 62, 0))), url(/blog/contents/themes/djangostars/dist/5e56944e68ae0f2d6038753caf1882a1.svg) no-repeat;
        background: linear-gradient(rgba(19, 81, 62, 0), rgba(19, 81, 62, 0)), url(/blog/contents/themes/djangostars/dist/5e56944e68ae0f2d6038753caf1882a1.svg) no-repeat;
        background-position: center;
        background-color: #6ec8a5;
        background-size: cover; } }
    .discuss-block.light-green-button .discuss-title,
    .discuss-block.light-green-button .discuss-body-text {
      color: #13523d; }
    .discuss-block.light-green-button .discuss-body-link {
      color: #13523d;
      background: #dfefd2; }
  .discuss-block .discuss-title {
    font-weight: 900;
    font-size: 40px;
    line-height: 48px;
    color: #f2c94c;
    max-width: 270px;
    margin: 0 auto 25px; }
    @media (min-width: 480px) {
      .discuss-block .discuss-title {
        max-width: 310px;
        font-size: 48px; } }
    @media (min-width: 768px) {
      .discuss-block .discuss-title {
        max-width: 100%; } }
    @media (min-width: 1024px) {
      .discuss-block .discuss-title {
        max-width: 310px;
        margin: 0 0 25px;
        font-size: 40px; } }
    @media (min-width: 1280px) {
      .discuss-block .discuss-title {
        max-width: 100%;
        font-size: 48px; } }
  .discuss-block .discuss-body {
    font-family: 'Lato';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 768px) {
      .discuss-block .discuss-body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    @media (min-width: 1024px) {
      .discuss-block .discuss-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media (min-width: 1280px) {
      .discuss-block .discuss-body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .discuss-block .discuss-body-text {
      font-weight: 300;
      font-size: 22px;
      line-height: 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #f2c94c;
      margin-bottom: 35px; }
      @media (min-width: 480px) {
        .discuss-block .discuss-body-text {
          font-size: 32px; } }
      @media (min-width: 768px) {
        .discuss-block .discuss-body-text {
          margin: 0; } }
      @media (min-width: 1024px) {
        .discuss-block .discuss-body-text {
          margin-bottom: 35px;
          font-size: 22px; } }
      @media (min-width: 1280px) {
        .discuss-block .discuss-body-text {
          margin: 0;
          font-size: 32px; } }
    .discuss-block .discuss-body-link {
      font-weight: bold;
      font-size: 32px;
      line-height: 38px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline;
      color: #dfefd2;
      text-transform: capitalize;
      border-bottom: none; }

.lead-form {
  max-width: 840px; }
  @media (min-width: 1280px) {
    .lead-form .container:first-child {
      padding: 0 60px; } }
  .lead-form .custom-checkbox {
    color: #ffffff;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-family: "Lato", sans-serif; }
    .lead-form .custom-checkbox .checkmark {
      width: 23px;
      height: 23px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      position: absolute;
      top: 0;
      left: 0; }
    .lead-form .custom-checkbox input:checked ~ .custom-checkbox-inner .checkmark {
      background-color: #6cbd45; }
      .lead-form .custom-checkbox input:checked ~ .custom-checkbox-inner .checkmark:before {
        content: '';
        border-left: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        width: 13px;
        height: 9px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        position: absolute;
        left: 4px;
        top: 2px; }
  .lead-form label {
    width: 100%;
    margin-bottom: 8px; }
  .lead-form input[type="email"],
  .lead-form input[type="number"],
  .lead-form input[type="text"] {
    font-size: 15px;
    padding: 8px 15px;
    display: block;
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0;
    margin: 0;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: transparent;
    color: #ffffff;
    -webkit-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
    -moz-appearance: textfield; }
    .lead-form input[type="email"]::-webkit-outer-spin-button, .lead-form input[type="email"]::-webkit-inner-spin-button,
    .lead-form input[type="number"]::-webkit-outer-spin-button,
    .lead-form input[type="number"]::-webkit-inner-spin-button,
    .lead-form input[type="text"]::-webkit-outer-spin-button,
    .lead-form input[type="text"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .lead-form input[type="email"]::-webkit-input-placeholder,
    .lead-form input[type="number"]::-webkit-input-placeholder,
    .lead-form input[type="text"]::-webkit-input-placeholder {
      font-size: 15px;
      color: #ffffff; }
    .lead-form input[type="email"]:-ms-input-placeholder,
    .lead-form input[type="number"]:-ms-input-placeholder,
    .lead-form input[type="text"]:-ms-input-placeholder {
      font-size: 15px;
      color: #ffffff; }
    .lead-form input[type="email"]::-ms-input-placeholder,
    .lead-form input[type="number"]::-ms-input-placeholder,
    .lead-form input[type="text"]::-ms-input-placeholder {
      font-size: 15px;
      color: #ffffff; }
    .lead-form input[type="email"]::placeholder,
    .lead-form input[type="number"]::placeholder,
    .lead-form input[type="text"]::placeholder {
      font-size: 15px;
      color: #ffffff; }
    .lead-form input[type="email"]:focus,
    .lead-form input[type="number"]:focus,
    .lead-form input[type="text"]:focus {
      border-color: #f2c94c; }
      .lead-form input[type="email"]:focus::-webkit-input-placeholder,
      .lead-form input[type="number"]:focus::-webkit-input-placeholder,
      .lead-form input[type="text"]:focus::-webkit-input-placeholder {
        opacity: .6; }
      .lead-form input[type="email"]:focus:-ms-input-placeholder,
      .lead-form input[type="number"]:focus:-ms-input-placeholder,
      .lead-form input[type="text"]:focus:-ms-input-placeholder {
        opacity: .6; }
      .lead-form input[type="email"]:focus::-ms-input-placeholder,
      .lead-form input[type="number"]:focus::-ms-input-placeholder,
      .lead-form input[type="text"]:focus::-ms-input-placeholder {
        opacity: .6; }
      .lead-form input[type="email"]:focus::placeholder,
      .lead-form input[type="number"]:focus::placeholder,
      .lead-form input[type="text"]:focus::placeholder {
        opacity: .6; }
  @media (min-width: 768px) {
    .lead-form .row {
      margin: 0 -17.5px !important; } }
  .lead-form .row .col-md-6,
  .lead-form .row .col-md-12 {
    padding: 0 35px; }
    @media (min-width: 768px) {
      .lead-form .row .col-md-6,
      .lead-form .row .col-md-12 {
        padding: 0 17.5px !important; } }
  .lead-form .error {
    font-size: 14px !important;
    color: #e80000; }
  .lead-form .control {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    .lead-form .control .checkmark {
      display: inline-block; }
    .lead-form .control input {
      position: absolute;
      left: -99999px; }
    .lead-form .control .custom-checkbox {
      margin-bottom: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      min-width: 100%; }
      .lead-form .control .custom-checkbox-inner {
        padding-right: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 13px; }
      @media (min-width: 768px) {
        .lead-form .control .custom-checkbox {
          margin-bottom: 12px; } }
      @media (min-width: 768px) {
        .lead-form .control .custom-checkbox:last-child {
          margin-bottom: 20px; } }
    .lead-form .control .content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .lead-form .control .checkbox:checked ~ .checkmark {
      left: 0;
      top: 0; }
    .lead-form .control a {
      color: #ffffff;
      border-bottom: 1px solid #ffffff; }
      .lead-form .control a:hover {
        border-color: transparent; }
  .lead-form .discuss-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: #f2c94c;
    margin: 25px 0;
    max-width: 100%; }
    @media (min-width: 768px) {
      .lead-form .discuss-title {
        font-size: 30px;
        line-height: 36px;
        margin: 35px 0 25px; } }
  .lead-form .dropzone-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    border: 1px dashed rgba(255, 255, 255, 0.3);
    padding: 10px 15px 11px;
    background: url(/blog/contents/themes/djangostars/dist/88e4bfaa702f892a0b9660f26637642e.svg) no-repeat;
    background-position: 98% center;
    background-size: 30px;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 18px;
    cursor: pointer;
    color: #ffffff; }
    .lead-form .dropzone-upload.dz-started {
      background: none; }
      .lead-form .dropzone-upload.dz-started .dz-success-mark,
      .lead-form .dropzone-upload.dz-started .dz-error-mark,
      .lead-form .dropzone-upload.dz-started .dz-image,
      .lead-form .dropzone-upload.dz-started .dz-error-message,
      .lead-form .dropzone-upload.dz-started .dz-default-txt {
        display: none; }
    .lead-form .dropzone-upload .dz-processing {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .lead-form .dropzone-upload .dz-size {
      margin-right: 10px; }
      .lead-form .dropzone-upload .dz-size span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .lead-form .dropzone-upload .dz-remove,
    .lead-form .dropzone-upload .dz-filesize-limit {
      font-family: 'Lato';
      color: #ffffff;
      border: none;
      font-size: 15px;
      line-height: 1.25; }
    .lead-form .dropzone-upload .dz-complete {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
    .lead-form .dropzone-upload .dz-filename {
      max-width: 65%; }
    .lead-form .dropzone-upload .dz-details {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 65%;
      max-width: 280px; }
      @media (min-width: 1024px) {
        .lead-form .dropzone-upload .dz-details {
          max-width: 50%; } }
      @media (min-width: 1280px) {
        .lead-form .dropzone-upload .dz-details {
          max-width: 65%; } }
    .lead-form .dropzone-upload .dz-filename span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block; }
  .lead-form textarea {
    width: 100%;
    height: 80px;
    margin-bottom: 25px;
    background: transparent;
    padding: 15px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    resize: none; }
    @media (min-width: 768px) {
      .lead-form textarea {
        height: 136px;
        margin-bottom: 25px; } }
    .lead-form textarea::-webkit-input-placeholder {
      color: #ffffff; }
    .lead-form textarea:-ms-input-placeholder {
      color: #ffffff; }
    .lead-form textarea::-ms-input-placeholder {
      color: #ffffff; }
    .lead-form textarea::placeholder {
      color: #ffffff; }
    .lead-form textarea:focus {
      border-color: #f2c94c; }
      .lead-form textarea:focus::-webkit-input-placeholder {
        opacity: .6; }
      .lead-form textarea:focus:-ms-input-placeholder {
        opacity: .6; }
      .lead-form textarea:focus::-ms-input-placeholder {
        opacity: .6; }
      .lead-form textarea:focus::placeholder {
        opacity: .6; }
  .lead-form button {
    width: 100%;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #13523d;
    background: #ffffff;
    margin: 5px 0 25px;
    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, color .3s ease-in-out; }
    .lead-form button:hover {
      color: #ffffff;
      background: #3e9912; }
    @media (min-width: 768px) {
      .lead-form button {
        margin-top: 8px; } }
  .lead-form .footer-container > p {
    margin: 0;
    font-family: inherit;
    line-height: 125%; }
  .lead-form.transparent-footer {
    background-size: cover;
    background-image: url(/blog/contents/themes/djangostars/dist/0fb87b7c121abf436cbcc8de19313f02.svg);
    background-repeat: no-repeat; }
    @media (min-width: 1280px) {
      .lead-form.transparent-footer {
        background-repeat: no-repeat;
        background-image: url(/blog/contents/themes/djangostars/dist/a8ad590df08c1bcbf5f3b576de9c1d0e.svg); } }
    .lead-form.transparent-footer .footer-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      max-width: 100%;
      text-align: center;
      font-weight: bold;
      color: #ffffff;
      font-size: 16px; }
      @media (min-width: 768px) {
        .lead-form.transparent-footer .footer-container {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
      .lead-form.transparent-footer .footer-container a {
        display: inline-block;
        margin: 20px 0 30px;
        text-transform: uppercase;
        font-size: 14px;
        border-bottom: 1px solid #6cbd45;
        color: #ffffff;
        -webkit-transition: border-bottom-color .3s ease-in-out;
        transition: border-bottom-color .3s ease-in-out; }
        .lead-form.transparent-footer .footer-container a:hover {
          border-color: transparent; }
        @media (min-width: 768px) {
          .lead-form.transparent-footer .footer-container a {
            margin-left: 25px;
            padding-top: 3px; } }
  .lead-form.footer-full-width, .lead-form.footer-width-content {
    background-image: url(/blog/contents/themes/djangostars/dist/0fb87b7c121abf436cbcc8de19313f02.svg);
    background-size: cover;
    background-repeat: no-repeat; }
    @media (min-width: 1024px) {
      .lead-form.footer-full-width, .lead-form.footer-width-content {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(/blog/contents/themes/djangostars/dist/d7b8eaa3dfe19f7784b5ecea443c1684.svg); } }
    .lead-form.footer-full-width .footer-container, .lead-form.footer-width-content .footer-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #5dc7a5;
      max-width: 100%;
      padding: 16px; }
      @media (min-width: 768px) {
        .lead-form.footer-full-width .footer-container, .lead-form.footer-width-content .footer-container {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      .lead-form.footer-full-width .footer-container > p, .lead-form.footer-width-content .footer-container > p {
        width: 175px;
        color: #13523d;
        font-weight: bold;
        font-size: 16px;
        line-height: 22px; }
        @media (min-width: 768px) {
          .lead-form.footer-full-width .footer-container > p, .lead-form.footer-width-content .footer-container > p {
            width: 53%;
            text-align: right; } }
        @media (min-width: 1024px) {
          .lead-form.footer-full-width .footer-container > p, .lead-form.footer-width-content .footer-container > p {
            width: 63%; } }
        @media (min-width: 1280px) {
          .lead-form.footer-full-width .footer-container > p, .lead-form.footer-width-content .footer-container > p {
            width: 45%; } }
        .lead-form.footer-full-width .footer-container > p:last-child, .lead-form.footer-width-content .footer-container > p:last-child {
          width: auto;
          text-align: right; }
          @media (min-width: 768px) {
            .lead-form.footer-full-width .footer-container > p:last-child, .lead-form.footer-width-content .footer-container > p:last-child {
              text-align: left;
              width: 30%; } }
          @media (min-width: 1024px) {
            .lead-form.footer-full-width .footer-container > p:last-child, .lead-form.footer-width-content .footer-container > p:last-child {
              width: auto; } }
          .lead-form.footer-full-width .footer-container > p:last-child a, .lead-form.footer-width-content .footer-container > p:last-child a {
            font-size: 14px;
            text-transform: uppercase;
            padding-bottom: 5px;
            color: #ffffff;
            border-bottom: 1px solid #ffffff;
            -webkit-transition: border-bottom-color .3s ease-in-out;
            transition: border-bottom-color .3s ease-in-out; }
            .lead-form.footer-full-width .footer-container > p:last-child a:hover, .lead-form.footer-width-content .footer-container > p:last-child a:hover {
              border-color: transparent; }
            @media (min-width: 768px) {
              .lead-form.footer-full-width .footer-container > p:last-child a, .lead-form.footer-width-content .footer-container > p:last-child a {
                margin-left: 25px; } }
    @media (min-width: 768px) {
      .lead-form.footer-full-width .control .custom-checkbox, .lead-form.footer-width-content .control .custom-checkbox {
        margin-bottom: 12px; } }
    @media (min-width: 768px) {
      .lead-form.footer-full-width .control .custom-checkbox:last-child, .lead-form.footer-width-content .control .custom-checkbox:last-child {
        margin-bottom: 30px; } }
  .lead-form.footer-width-content {
    background-image: url(/blog/contents/themes/djangostars/dist/0fb87b7c121abf436cbcc8de19313f02.svg);
    background-size: cover;
    background-repeat: no-repeat; }
    @media (min-width: 1024px) {
      .lead-form.footer-width-content {
        background-image: url(/blog/contents/themes/djangostars/dist/b288b4aa2f0fdff57975d1e45c304de9.svg);
        padding-bottom: 10px;
        background-repeat: no-repeat; } }
    .lead-form.footer-width-content .footer-container {
      max-width: none;
      width: auto;
      margin: 0 16px 0; }
      @media (min-width: 555px) {
        .lead-form.footer-width-content .footer-container {
          margin: 15px auto 25px;
          max-width: 475px; } }
      @media (min-width: 768px) {
        .lead-form.footer-width-content .footer-container {
          max-width: 655px; } }
      @media (min-width: 1024px) {
        .lead-form.footer-width-content .footer-container {
          max-width: 500px; } }
      @media (min-width: 1280px) {
        .lead-form.footer-width-content .footer-container {
          max-width: 570px; } }
      @media (min-width: 1366px) {
        .lead-form.footer-width-content .footer-container {
          max-width: 710px; } }
    @media (min-width: 768px) {
      .lead-form.footer-width-content .control .custom-checkbox {
        margin-bottom: 12px; } }
    @media (min-width: 768px) {
      .lead-form.footer-width-content .control .custom-checkbox:last-child {
        margin-bottom: 20px; } }

.medium-zoom-overlay {
  z-index: 9990; }

.medium-zoom-image--opened {
  z-index: 9991; }