/*!
 * Core Framwork (v1.0.0)
 * Copyright 2016-2017 molvp, (http://www.molvp.com/).
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
/* 
**********************************************************
Normalize
=== normalize.css v3.0.2 | MIT License | git.io/normalize
**********************************************************
*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

html {
  font-size: 62.5%;
}

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

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #47525e;
}

h1 {
  font-size: 3.8rem;
}

h2 {
  font-size: 3.2rem;
}

h3 {
  font-size: 2.4rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.6rem;
}

h6 {
  font-size: 1.2rem;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 1.6rem 0;
}

p {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 1.6rem 0;
}
p.extra {
  font-size: 2.4rem;
}

a {
  color: #6a6eff;
  text-decoration: none;
  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}
a:hover {
  outline: 0;
}
a:focus, a:active {
  outline: 0;
}

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

figure {
  margin: 0;
}

.cf, .container-full, .container-wide, .container, .grid, [class*='grid-'] {
  *zoom: 1;
}
.cf:before, .container-full:before, .container-wide:before, .container:before, .grid:before, [class*='grid-']:before, .cf:after, .container-full:after, .container-wide:after, .container:after, .grid:after, [class*='grid-']:after {
  content: "";
  display: table;
}
.cf:after, .container-full:after, .container-wide:after, .container:after, .grid:after, [class*='grid-']:after {
  clear: both;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.align-justify {
  text-align: justify;
}

.align-nowrap {
  white-space: nowrap;
}

/* 
********************************************
Grid System 
=== Normal, Equal, Mixed and Masonary Grid
********************************************
*/
.container-full, .container-wide, .container {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: auto;
  margin-left: auto;
}

.grid, [class*='grid-'] {
  margin-left: -15px;
  margin-right: -15px;
}

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

.column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.masonary > .column {
  padding: 0;
  margin-bottom: 30px;
}

.xs-1-center, .sm-1-center, .md-1-center, .lg-1-center, .xl-1-center, .xxl-1-center, .xs-2-center, .sm-2-center, .md-2-center, .lg-2-center, .xl-2-center, .xxl-2-center, .xs-3-center, .sm-3-center, .md-3-center, .lg-3-center, .xl-3-center, .xxl-3-center, .xs-4-center, .sm-4-center, .md-4-center, .lg-4-center, .xl-4-center, .xxl-4-center, .xs-5-center, .sm-5-center, .md-5-center, .lg-5-center, .xl-5-center, .xxl-5-center, .xs-6-center, .sm-6-center, .md-6-center, .lg-6-center, .xl-6-center, .xxl-6-center, .xs-7-center, .sm-7-center, .md-7-center, .lg-7-center, .xl-7-center, .xxl-7-center, .xs-8-center, .sm-8-center, .md-8-center, .lg-8-center, .xl-8-center, .xxl-8-center, .xs-9-center, .sm-9-center, .md-9-center, .lg-9-center, .xl-9-center, .xxl-9-center, .xs-10-center, .sm-10-center, .md-10-center, .lg-10-center, .xl-10-center, .xxl-10-center, .xs-11-center, .sm-11-center, .md-11-center, .lg-11-center, .xl-11-center, .xxl-11-center, .xs-12-center, .sm-12-center, .md-12-center, .lg-12-center, .xl-12-center, .xxl-12-center {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 320px) {
  /*Normal Grid*/
  .xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 {
    float: right;
  }

  .xs-1 {
    width: 8.33333%;
  }

  .flex-grid .xs-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
  }

  .xs-2 {
    width: 16.66667%;
  }

  .flex-grid .xs-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
  }

  .xs-3 {
    width: 25%;
  }

  .flex-grid .xs-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }

  .xs-4 {
    width: 33.33333%;
  }

  .flex-grid .xs-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
  }

  .xs-5 {
    width: 41.66667%;
  }

  .flex-grid .xs-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
  }

  .xs-6 {
    width: 50%;
  }

  .flex-grid .xs-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }

  .xs-7 {
    width: 58.33333%;
  }

  .flex-grid .xs-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
  }

  .xs-8 {
    width: 66.66667%;
  }

  .flex-grid .xs-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
  }

  .xs-9 {
    width: 75%;
  }

  .flex-grid .xs-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }

  .xs-10 {
    width: 83.33333%;
  }

  .flex-grid .xs-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
  }

  .xs-11 {
    width: 91.66667%;
  }

  .flex-grid .xs-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
  }

  .xs-12 {
    width: 100%;
  }

  .flex-grid .xs-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .xs-offset-0 {
    margin-right: 0%;
  }

  .xs-offset-1 {
    margin-right: 8.33333%;
  }

  .xs-offset-2 {
    margin-right: 16.66667%;
  }

  .xs-offset-3 {
    margin-right: 25%;
  }

  .xs-offset-4 {
    margin-right: 33.33333%;
  }

  .xs-offset-5 {
    margin-right: 41.66667%;
  }

  .xs-offset-6 {
    margin-right: 50%;
  }

  .xs-offset-7 {
    margin-right: 58.33333%;
  }

  .xs-offset-8 {
    margin-right: 66.66667%;
  }

  .xs-offset-9 {
    margin-right: 75%;
  }

  .xs-offset-10 {
    margin-right: 83.33333%;
  }

  .xs-offset-11 {
    margin-right: 91.66667%;
  }

  .xs-offset-12 {
    margin-right: 100%;
  }

  .xs-1-center {
    width: 8.33333%;
  }

  .xs-2-center {
    width: 16.66667%;
  }

  .xs-3-center {
    width: 25%;
  }

  .xs-4-center {
    width: 33.33333%;
  }

  .xs-5-center {
    width: 41.66667%;
  }

  .xs-6-center {
    width: 50%;
  }

  .xs-7-center {
    width: 58.33333%;
  }

  .xs-8-center {
    width: 66.66667%;
  }

  .xs-9-center {
    width: 75%;
  }

  .xs-10-center {
    width: 83.33333%;
  }

  .xs-11-center {
    width: 91.66667%;
  }

  .xs-12-center {
    width: 100%;
  }

  .flex-grid.xs-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.xs-top {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }

  .flex-grid.xs-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .column.xs-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }

  .flex-grid.xs-bottom {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.xs-bottom {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }

  /*Equal Grid*/
  .grid-xs-1 > .column, .grid-xs-2 > .column, .grid-xs-3 > .column, .grid-xs-4 > .column, .grid-xs-5 > .column, .grid-xs-6 > .column, .grid-xs-7 > .column, .grid-xs-8 > .column, .grid-xs-9 > .column, .grid-xs-10 > .column, .grid-xs-11 > .column, .grid-xs-12 > .column {
    float: right;
  }

  .grid-xs-1 > .column {
    width: 100%;
  }

  .grid-xs-2 > .column {
    width: 50%;
  }

  .grid-xs-3 > .column {
    width: 33.33333%;
  }

  .grid-xs-4 > .column {
    width: 25%;
  }

  .grid-xs-5 > .column {
    width: 20%;
  }

  .grid-xs-6 > .column {
    width: 16.66667%;
  }

  .grid-xs-7 > .column {
    width: 14.28571%;
  }

  .grid-xs-8 > .column {
    width: 12.5%;
  }

  .grid-xs-9 > .column {
    width: 11.11111%;
  }

  .grid-xs-10 > .column {
    width: 10%;
  }

  .grid-xs-11 > .column {
    width: 9.09091%;
  }

  .grid-xs-12 > .column {
    width: 8.33333%;
  }

  /*Masonary Grid*/
  .masonary.xs-1 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-5 {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-6 {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-7 {
    -webkit-column-count: 7;
       -moz-column-count: 7;
            column-count: 7;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-8 {
    -webkit-column-count: 8;
       -moz-column-count: 8;
            column-count: 8;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-9 {
    -webkit-column-count: 9;
       -moz-column-count: 9;
            column-count: 9;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-10 {
    -webkit-column-count: 10;
       -moz-column-count: 10;
            column-count: 10;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-11 {
    -webkit-column-count: 11;
       -moz-column-count: 11;
            column-count: 11;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xs-12 {
    -webkit-column-count: 12;
       -moz-column-count: 12;
            column-count: 12;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  /*Grid Gap*/
  .gap-xs-0 {
    margin-left: -0px;
    margin-right: -0px;
  }

  .gap-xs-0 .column {
    padding-left: 0px;
    padding-right: 0px;
  }

  .masonary.gap-xs-0 {
    -webkit-column-gap: 0px !important;
       -moz-column-gap: 0px !important;
            column-gap: 0px !important;
    margin: 0;
  }

  .masonary.gap-xs-0 > .column {
    padding: 0;
    margin-bottom: 0px !important;
  }

  .gap-xs-10 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gap-xs-10 .column {
    padding-left: 5px;
    padding-right: 5px;
  }

  .masonary.gap-xs-10 {
    -webkit-column-gap: 10px !important;
       -moz-column-gap: 10px !important;
            column-gap: 10px !important;
    margin: 0;
  }

  .masonary.gap-xs-10 > .column {
    padding: 0;
    margin-bottom: 10px !important;
  }

  .gap-xs-20 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gap-xs-20 .column {
    padding-left: 10px;
    padding-right: 10px;
  }

  .masonary.gap-xs-20 {
    -webkit-column-gap: 20px !important;
       -moz-column-gap: 20px !important;
            column-gap: 20px !important;
    margin: 0;
  }

  .masonary.gap-xs-20 > .column {
    padding: 0;
    margin-bottom: 20px !important;
  }

  .gap-xs-30 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gap-xs-30 .column {
    padding-left: 15px;
    padding-right: 15px;
  }

  .masonary.gap-xs-30 {
    -webkit-column-gap: 30px !important;
       -moz-column-gap: 30px !important;
            column-gap: 30px !important;
    margin: 0;
  }

  .masonary.gap-xs-30 > .column {
    padding: 0;
    margin-bottom: 30px !important;
  }

  .gap-xs-40 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .gap-xs-40 .column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .masonary.gap-xs-40 {
    -webkit-column-gap: 40px !important;
       -moz-column-gap: 40px !important;
            column-gap: 40px !important;
    margin: 0;
  }

  .masonary.gap-xs-40 > .column {
    padding: 0;
    margin-bottom: 40px !important;
  }

  .gap-xs-50 {
    margin-left: -25px;
    margin-right: -25px;
  }

  .gap-xs-50 .column {
    padding-left: 25px;
    padding-right: 25px;
  }

  .masonary.gap-xs-50 {
    -webkit-column-gap: 50px !important;
       -moz-column-gap: 50px !important;
            column-gap: 50px !important;
    margin: 0;
  }

  .masonary.gap-xs-50 > .column {
    padding: 0;
    margin-bottom: 50px !important;
  }

  .gap-xs-60 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .gap-xs-60 .column {
    padding-left: 30px;
    padding-right: 30px;
  }

  .masonary.gap-xs-60 {
    -webkit-column-gap: 60px !important;
       -moz-column-gap: 60px !important;
            column-gap: 60px !important;
    margin: 0;
  }

  .masonary.gap-xs-60 > .column {
    padding: 0;
    margin-bottom: 60px !important;
  }

  .gap-xs-70 {
    margin-left: -35px;
    margin-right: -35px;
  }

  .gap-xs-70 .column {
    padding-left: 35px;
    padding-right: 35px;
  }

  .masonary.gap-xs-70 {
    -webkit-column-gap: 70px !important;
       -moz-column-gap: 70px !important;
            column-gap: 70px !important;
    margin: 0;
  }

  .masonary.gap-xs-70 > .column {
    padding: 0;
    margin-bottom: 70px !important;
  }

  .gap-xs-80 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .gap-xs-80 .column {
    padding-left: 40px;
    padding-right: 40px;
  }

  .masonary.gap-xs-80 {
    -webkit-column-gap: 80px !important;
       -moz-column-gap: 80px !important;
            column-gap: 80px !important;
    margin: 0;
  }

  .masonary.gap-xs-80 > .column {
    padding: 0;
    margin-bottom: 80px !important;
  }

  .gap-xs-90 {
    margin-left: -45px;
    margin-right: -45px;
  }

  .gap-xs-90 .column {
    padding-left: 45px;
    padding-right: 45px;
  }

  .masonary.gap-xs-90 {
    -webkit-column-gap: 90px !important;
       -moz-column-gap: 90px !important;
            column-gap: 90px !important;
    margin: 0;
  }

  .masonary.gap-xs-90 > .column {
    padding: 0;
    margin-bottom: 90px !important;
  }

  .gap-xs-100 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .gap-xs-100 .column {
    padding-left: 50px;
    padding-right: 50px;
  }

  .masonary.gap-xs-100 {
    -webkit-column-gap: 100px !important;
       -moz-column-gap: 100px !important;
            column-gap: 100px !important;
    margin: 0;
  }

  .masonary.gap-xs-100 > .column {
    padding: 0;
    margin-bottom: 100px !important;
  }

  .gap-xs-110 {
    margin-left: -55px;
    margin-right: -55px;
  }

  .gap-xs-110 .column {
    padding-left: 55px;
    padding-right: 55px;
  }

  .masonary.gap-xs-110 {
    -webkit-column-gap: 110px !important;
       -moz-column-gap: 110px !important;
            column-gap: 110px !important;
    margin: 0;
  }

  .masonary.gap-xs-110 > .column {
    padding: 0;
    margin-bottom: 110px !important;
  }

  .gap-xs-120 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .gap-xs-120 .column {
    padding-left: 60px;
    padding-right: 60px;
  }

  .masonary.gap-xs-120 {
    -webkit-column-gap: 120px !important;
       -moz-column-gap: 120px !important;
            column-gap: 120px !important;
    margin: 0;
  }

  .masonary.gap-xs-120 > .column {
    padding: 0;
    margin-bottom: 120px !important;
  }

  .gap-xs-130 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .gap-xs-130 .column {
    padding-left: 65px;
    padding-right: 65px;
  }

  .masonary.gap-xs-130 {
    -webkit-column-gap: 130px !important;
       -moz-column-gap: 130px !important;
            column-gap: 130px !important;
    margin: 0;
  }

  .masonary.gap-xs-130 > .column {
    padding: 0;
    margin-bottom: 130px !important;
  }

  .gap-xs-140 {
    margin-left: -70px;
    margin-right: -70px;
  }

  .gap-xs-140 .column {
    padding-left: 70px;
    padding-right: 70px;
  }

  .masonary.gap-xs-140 {
    -webkit-column-gap: 140px !important;
       -moz-column-gap: 140px !important;
            column-gap: 140px !important;
    margin: 0;
  }

  .masonary.gap-xs-140 > .column {
    padding: 0;
    margin-bottom: 140px !important;
  }
}
@media only screen and (min-width: 480px) {
  /*Normal Grid*/
  .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12 {
    float: right;
  }

  .sm-1 {
    width: 8.33333%;
  }

  .flex-grid .sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
  }

  .sm-2 {
    width: 16.66667%;
  }

  .flex-grid .sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
  }

  .sm-3 {
    width: 25%;
  }

  .flex-grid .sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }

  .sm-4 {
    width: 33.33333%;
  }

  .flex-grid .sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
  }

  .sm-5 {
    width: 41.66667%;
  }

  .flex-grid .sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
  }

  .sm-6 {
    width: 50%;
  }

  .flex-grid .sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }

  .sm-7 {
    width: 58.33333%;
  }

  .flex-grid .sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
  }

  .sm-8 {
    width: 66.66667%;
  }

  .flex-grid .sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
  }

  .sm-9 {
    width: 75%;
  }

  .flex-grid .sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }

  .sm-10 {
    width: 83.33333%;
  }

  .flex-grid .sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
  }

  .sm-11 {
    width: 91.66667%;
  }

  .flex-grid .sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
  }

  .sm-12 {
    width: 100%;
  }

  .flex-grid .sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .sm-offset-0 {
    margin-right: 0%;
  }

  .sm-offset-1 {
    margin-right: 8.33333%;
  }

  .sm-offset-2 {
    margin-right: 16.66667%;
  }

  .sm-offset-3 {
    margin-right: 25%;
  }

  .sm-offset-4 {
    margin-right: 33.33333%;
  }

  .sm-offset-5 {
    margin-right: 41.66667%;
  }

  .sm-offset-6 {
    margin-right: 50%;
  }

  .sm-offset-7 {
    margin-right: 58.33333%;
  }

  .sm-offset-8 {
    margin-right: 66.66667%;
  }

  .sm-offset-9 {
    margin-right: 75%;
  }

  .sm-offset-10 {
    margin-right: 83.33333%;
  }

  .sm-offset-11 {
    margin-right: 91.66667%;
  }

  .sm-offset-12 {
    margin-right: 100%;
  }

  .sm-1-center {
    width: 8.33333%;
  }

  .sm-2-center {
    width: 16.66667%;
  }

  .sm-3-center {
    width: 25%;
  }

  .sm-4-center {
    width: 33.33333%;
  }

  .sm-5-center {
    width: 41.66667%;
  }

  .sm-6-center {
    width: 50%;
  }

  .sm-7-center {
    width: 58.33333%;
  }

  .sm-8-center {
    width: 66.66667%;
  }

  .sm-9-center {
    width: 75%;
  }

  .sm-10-center {
    width: 83.33333%;
  }

  .sm-11-center {
    width: 91.66667%;
  }

  .sm-12-center {
    width: 100%;
  }

  .flex-grid.sm-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.sm-top {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }

  .flex-grid.sm-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .column.sm-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }

  .flex-grid.sm-bottom {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.sm-bottom {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }

  /*Equal Grid*/
  .grid-sm-1 > .column, .grid-sm-2 > .column, .grid-sm-3 > .column, .grid-sm-4 > .column, .grid-sm-5 > .column, .grid-sm-6 > .column, .grid-sm-7 > .column, .grid-sm-8 > .column, .grid-sm-9 > .column, .grid-sm-10 > .column, .grid-sm-11 > .column, .grid-sm-12 > .column {
    float: right;
  }

  .grid-sm-1 > .column {
    width: 100%;
  }

  .grid-sm-2 > .column {
    width: 50%;
  }

  .grid-sm-3 > .column {
    width: 33.33333%;
  }

  .grid-sm-4 > .column {
    width: 25%;
  }

  .grid-sm-5 > .column {
    width: 20%;
  }

  .grid-sm-6 > .column {
    width: 16.66667%;
  }

  .grid-sm-7 > .column {
    width: 14.28571%;
  }

  .grid-sm-8 > .column {
    width: 12.5%;
  }

  .grid-sm-9 > .column {
    width: 11.11111%;
  }

  .grid-sm-10 > .column {
    width: 10%;
  }

  .grid-sm-11 > .column {
    width: 9.09091%;
  }

  .grid-sm-12 > .column {
    width: 8.33333%;
  }

  /*Masonary Grid*/
  .masonary.sm-1 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-5 {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-6 {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-7 {
    -webkit-column-count: 7;
       -moz-column-count: 7;
            column-count: 7;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-8 {
    -webkit-column-count: 8;
       -moz-column-count: 8;
            column-count: 8;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-9 {
    -webkit-column-count: 9;
       -moz-column-count: 9;
            column-count: 9;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-10 {
    -webkit-column-count: 10;
       -moz-column-count: 10;
            column-count: 10;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-11 {
    -webkit-column-count: 11;
       -moz-column-count: 11;
            column-count: 11;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.sm-12 {
    -webkit-column-count: 12;
       -moz-column-count: 12;
            column-count: 12;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  /*Grid Gap*/
  .gap-sm-0 {
    margin-left: -0px;
    margin-right: -0px;
  }

  .gap-sm-0 .column {
    padding-left: 0px;
    padding-right: 0px;
  }

  .masonary.gap-sm-0 {
    -webkit-column-gap: 0px !important;
       -moz-column-gap: 0px !important;
            column-gap: 0px !important;
    margin: 0;
  }

  .masonary.gap-sm-0 > .column {
    padding: 0;
    margin-bottom: 0px !important;
  }

  .gap-sm-10 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gap-sm-10 .column {
    padding-left: 5px;
    padding-right: 5px;
  }

  .masonary.gap-sm-10 {
    -webkit-column-gap: 10px !important;
       -moz-column-gap: 10px !important;
            column-gap: 10px !important;
    margin: 0;
  }

  .masonary.gap-sm-10 > .column {
    padding: 0;
    margin-bottom: 10px !important;
  }

  .gap-sm-20 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gap-sm-20 .column {
    padding-left: 10px;
    padding-right: 10px;
  }

  .masonary.gap-sm-20 {
    -webkit-column-gap: 20px !important;
       -moz-column-gap: 20px !important;
            column-gap: 20px !important;
    margin: 0;
  }

  .masonary.gap-sm-20 > .column {
    padding: 0;
    margin-bottom: 20px !important;
  }

  .gap-sm-30 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gap-sm-30 .column {
    padding-left: 15px;
    padding-right: 15px;
  }

  .masonary.gap-sm-30 {
    -webkit-column-gap: 30px !important;
       -moz-column-gap: 30px !important;
            column-gap: 30px !important;
    margin: 0;
  }

  .masonary.gap-sm-30 > .column {
    padding: 0;
    margin-bottom: 30px !important;
  }

  .gap-sm-40 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .gap-sm-40 .column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .masonary.gap-sm-40 {
    -webkit-column-gap: 40px !important;
       -moz-column-gap: 40px !important;
            column-gap: 40px !important;
    margin: 0;
  }

  .masonary.gap-sm-40 > .column {
    padding: 0;
    margin-bottom: 40px !important;
  }

  .gap-sm-50 {
    margin-left: -25px;
    margin-right: -25px;
  }

  .gap-sm-50 .column {
    padding-left: 25px;
    padding-right: 25px;
  }

  .masonary.gap-sm-50 {
    -webkit-column-gap: 50px !important;
       -moz-column-gap: 50px !important;
            column-gap: 50px !important;
    margin: 0;
  }

  .masonary.gap-sm-50 > .column {
    padding: 0;
    margin-bottom: 50px !important;
  }

  .gap-sm-60 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .gap-sm-60 .column {
    padding-left: 30px;
    padding-right: 30px;
  }

  .masonary.gap-sm-60 {
    -webkit-column-gap: 60px !important;
       -moz-column-gap: 60px !important;
            column-gap: 60px !important;
    margin: 0;
  }

  .masonary.gap-sm-60 > .column {
    padding: 0;
    margin-bottom: 60px !important;
  }

  .gap-sm-70 {
    margin-left: -35px;
    margin-right: -35px;
  }

  .gap-sm-70 .column {
    padding-left: 35px;
    padding-right: 35px;
  }

  .masonary.gap-sm-70 {
    -webkit-column-gap: 70px !important;
       -moz-column-gap: 70px !important;
            column-gap: 70px !important;
    margin: 0;
  }

  .masonary.gap-sm-70 > .column {
    padding: 0;
    margin-bottom: 70px !important;
  }

  .gap-sm-80 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .gap-sm-80 .column {
    padding-left: 40px;
    padding-right: 40px;
  }

  .masonary.gap-sm-80 {
    -webkit-column-gap: 80px !important;
       -moz-column-gap: 80px !important;
            column-gap: 80px !important;
    margin: 0;
  }

  .masonary.gap-sm-80 > .column {
    padding: 0;
    margin-bottom: 80px !important;
  }

  .gap-sm-90 {
    margin-left: -45px;
    margin-right: -45px;
  }

  .gap-sm-90 .column {
    padding-left: 45px;
    padding-right: 45px;
  }

  .masonary.gap-sm-90 {
    -webkit-column-gap: 90px !important;
       -moz-column-gap: 90px !important;
            column-gap: 90px !important;
    margin: 0;
  }

  .masonary.gap-sm-90 > .column {
    padding: 0;
    margin-bottom: 90px !important;
  }

  .gap-sm-100 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .gap-sm-100 .column {
    padding-left: 50px;
    padding-right: 50px;
  }

  .masonary.gap-sm-100 {
    -webkit-column-gap: 100px !important;
       -moz-column-gap: 100px !important;
            column-gap: 100px !important;
    margin: 0;
  }

  .masonary.gap-sm-100 > .column {
    padding: 0;
    margin-bottom: 100px !important;
  }

  .gap-sm-110 {
    margin-left: -55px;
    margin-right: -55px;
  }

  .gap-sm-110 .column {
    padding-left: 55px;
    padding-right: 55px;
  }

  .masonary.gap-sm-110 {
    -webkit-column-gap: 110px !important;
       -moz-column-gap: 110px !important;
            column-gap: 110px !important;
    margin: 0;
  }

  .masonary.gap-sm-110 > .column {
    padding: 0;
    margin-bottom: 110px !important;
  }

  .gap-sm-120 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .gap-sm-120 .column {
    padding-left: 60px;
    padding-right: 60px;
  }

  .masonary.gap-sm-120 {
    -webkit-column-gap: 120px !important;
       -moz-column-gap: 120px !important;
            column-gap: 120px !important;
    margin: 0;
  }

  .masonary.gap-sm-120 > .column {
    padding: 0;
    margin-bottom: 120px !important;
  }

  .gap-sm-130 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .gap-sm-130 .column {
    padding-left: 65px;
    padding-right: 65px;
  }

  .masonary.gap-sm-130 {
    -webkit-column-gap: 130px !important;
       -moz-column-gap: 130px !important;
            column-gap: 130px !important;
    margin: 0;
  }

  .masonary.gap-sm-130 > .column {
    padding: 0;
    margin-bottom: 130px !important;
  }

  .gap-sm-140 {
    margin-left: -70px;
    margin-right: -70px;
  }

  .gap-sm-140 .column {
    padding-left: 70px;
    padding-right: 70px;
  }

  .masonary.gap-sm-140 {
    -webkit-column-gap: 140px !important;
       -moz-column-gap: 140px !important;
            column-gap: 140px !important;
    margin: 0;
  }

  .masonary.gap-sm-140 > .column {
    padding: 0;
    margin-bottom: 140px !important;
  }
}
@media only screen and (min-width: 768px) {
  .container,
  .container-wide {
    width: 100%;
    max-width: 100vw;
  }

  /*Normal Grid*/
  .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12 {
    float: right;
  }

  .md-1 {
    width: 8.33333%;
  }

  .flex-grid .md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
  }

  .md-2 {
    width: 16.66667%;
  }

  .flex-grid .md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
  }

  .md-3 {
    width: 25%;
  }

  .flex-grid .md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }

  .md-4 {
    width: 33.33333%;
  }

  .flex-grid .md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
  }

  .md-5 {
    width: 41.66667%;
  }

  .flex-grid .md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
  }

  .md-6 {
    width: 50%;
  }

  .flex-grid .md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }

  .md-7 {
    width: 58.33333%;
  }

  .flex-grid .md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
  }

  .md-8 {
    width: 66.66667%;
  }

  .flex-grid .md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
  }

  .md-9 {
    width: 75%;
  }

  .flex-grid .md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }

  .md-10 {
    width: 83.33333%;
  }

  .flex-grid .md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
  }

  .md-11 {
    width: 91.66667%;
  }

  .flex-grid .md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
  }

  .md-12 {
    width: 100%;
  }

  .flex-grid .md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .md-offset-0 {
    margin-right: 0%;
  }

  .md-offset-1 {
    margin-right: 8.33333%;
  }

  .md-offset-2 {
    margin-right: 16.66667%;
  }

  .md-offset-3 {
    margin-right: 25%;
  }

  .md-offset-4 {
    margin-right: 33.33333%;
  }

  .md-offset-5 {
    margin-right: 41.66667%;
  }

  .md-offset-6 {
    margin-right: 50%;
  }

  .md-offset-7 {
    margin-right: 58.33333%;
  }

  .md-offset-8 {
    margin-right: 66.66667%;
  }

  .md-offset-9 {
    margin-right: 75%;
  }

  .md-offset-10 {
    margin-right: 83.33333%;
  }

  .md-offset-11 {
    margin-right: 91.66667%;
  }

  .md-offset-12 {
    margin-right: 100%;
  }

  .md-1-center {
    width: 8.33333%;
  }

  .md-2-center {
    width: 16.66667%;
  }

  .md-3-center {
    width: 25%;
  }

  .md-4-center {
    width: 33.33333%;
  }

  .md-5-center {
    width: 41.66667%;
  }

  .md-6-center {
    width: 50%;
  }

  .md-7-center {
    width: 58.33333%;
  }

  .md-8-center {
    width: 66.66667%;
  }

  .md-9-center {
    width: 75%;
  }

  .md-10-center {
    width: 83.33333%;
  }

  .md-11-center {
    width: 91.66667%;
  }

  .md-12-center {
    width: 100%;
  }

  .flex-grid.md-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.md-top {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }

  .flex-grid.md-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .column.md-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }

  .flex-grid.md-bottom {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.md-bottom {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }

  /*Equal Grid*/
  .grid-md-1 > .column, .grid-md-2 > .column, .grid-md-3 > .column, .grid-md-4 > .column, .grid-md-5 > .column, .grid-md-6 > .column, .grid-md-7 > .column, .grid-md-8 > .column, .grid-md-9 > .column, .grid-md-10 > .column, .grid-md-11 > .column, .grid-md-12 > .column {
    float: left;
  }

  .grid-md-1 > .column {
    width: 100%;
  }

  .grid-md-2 > .column {
    width: 50%;
  }

  .grid-md-3 > .column {
    width: 33.33333%;
  }

  .grid-md-4 > .column {
    width: 25%;
  }

  .grid-md-5 > .column {
    width: 20%;
  }

  .grid-md-6 > .column {
    width: 16.66667%;
  }

  .grid-md-7 > .column {
    width: 14.28571%;
  }

  .grid-md-8 > .column {
    width: 12.5%;
  }

  .grid-md-9 > .column {
    width: 11.11111%;
  }

  .grid-md-10 > .column {
    width: 10%;
  }

  .grid-md-11 > .column {
    width: 9.09091%;
  }

  .grid-md-12 > .column {
    width: 8.33333%;
  }

  /*Masonary Grid*/
  .masonary.md-1 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-5 {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-6 {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-7 {
    -webkit-column-count: 7;
       -moz-column-count: 7;
            column-count: 7;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-8 {
    -webkit-column-count: 8;
       -moz-column-count: 8;
            column-count: 8;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-9 {
    -webkit-column-count: 9;
       -moz-column-count: 9;
            column-count: 9;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-10 {
    -webkit-column-count: 10;
       -moz-column-count: 10;
            column-count: 10;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-11 {
    -webkit-column-count: 11;
       -moz-column-count: 11;
            column-count: 11;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.md-12 {
    -webkit-column-count: 12;
       -moz-column-count: 12;
            column-count: 12;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  /*Grid Gap*/
  .gap-md-0 {
    margin-right: -0px;
    margin-right: -0px;
  }

  .gap-md-0 .column {
    padding-left: 0px;
    padding-right: 0px;
  }

  .masonary.gap-md-0 {
    -webkit-column-gap: 0px !important;
       -moz-column-gap: 0px !important;
            column-gap: 0px !important;
    margin: 0;
  }

  .masonary.gap-md-0 > .column {
    padding: 0;
    margin-bottom: 0px !important;
  }

  .gap-md-10 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gap-md-10 .column {
    padding-left: 5px;
    padding-right: 5px;
  }

  .masonary.gap-md-10 {
    -webkit-column-gap: 10px !important;
       -moz-column-gap: 10px !important;
            column-gap: 10px !important;
    margin: 0;
  }

  .masonary.gap-md-10 > .column {
    padding: 0;
    margin-bottom: 10px !important;
  }

  .gap-md-20 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gap-md-20 .column {
    padding-left: 10px;
    padding-right: 10px;
  }

  .masonary.gap-md-20 {
    -webkit-column-gap: 20px !important;
       -moz-column-gap: 20px !important;
            column-gap: 20px !important;
    margin: 0;
  }

  .masonary.gap-md-20 > .column {
    padding: 0;
    margin-bottom: 20px !important;
  }

  .gap-md-30 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gap-md-30 .column {
    padding-left: 15px;
    padding-right: 15px;
  }

  .masonary.gap-md-30 {
    -webkit-column-gap: 30px !important;
       -moz-column-gap: 30px !important;
            column-gap: 30px !important;
    margin: 0;
  }

  .masonary.gap-md-30 > .column {
    padding: 0;
    margin-bottom: 30px !important;
  }

  .gap-md-40 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .gap-md-40 .column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .masonary.gap-md-40 {
    -webkit-column-gap: 40px !important;
       -moz-column-gap: 40px !important;
            column-gap: 40px !important;
    margin: 0;
  }

  .masonary.gap-md-40 > .column {
    padding: 0;
    margin-bottom: 40px !important;
  }

  .gap-md-50 {
    margin-left: -25px;
    margin-right: -25px;
  }

  .gap-md-50 .column {
    padding-left: 25px;
    padding-right: 25px;
  }

  .masonary.gap-md-50 {
    -webkit-column-gap: 50px !important;
       -moz-column-gap: 50px !important;
            column-gap: 50px !important;
    margin: 0;
  }

  .masonary.gap-md-50 > .column {
    padding: 0;
    margin-bottom: 50px !important;
  }

  .gap-md-60 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .gap-md-60 .column {
    padding-left: 30px;
    padding-right: 30px;
  }

  .masonary.gap-md-60 {
    -webkit-column-gap: 60px !important;
       -moz-column-gap: 60px !important;
            column-gap: 60px !important;
    margin: 0;
  }

  .masonary.gap-md-60 > .column {
    padding: 0;
    margin-bottom: 60px !important;
  }

  .gap-md-70 {
    margin-left: -35px;
    margin-right: -35px;
  }

  .gap-md-70 .column {
    padding-left: 35px;
    padding-right: 35px;
  }

  .masonary.gap-md-70 {
    -webkit-column-gap: 70px !important;
       -moz-column-gap: 70px !important;
            column-gap: 70px !important;
    margin: 0;
  }

  .masonary.gap-md-70 > .column {
    padding: 0;
    margin-bottom: 70px !important;
  }

  .gap-md-80 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .gap-md-80 .column {
    padding-left: 40px;
    padding-right: 40px;
  }

  .masonary.gap-md-80 {
    -webkit-column-gap: 80px !important;
       -moz-column-gap: 80px !important;
            column-gap: 80px !important;
    margin: 0;
  }

  .masonary.gap-md-80 > .column {
    padding: 0;
    margin-bottom: 80px !important;
  }

  .gap-md-90 {
    margin-left: -45px;
    margin-right: -45px;
  }

  .gap-md-90 .column {
    padding-left: 45px;
    padding-right: 45px;
  }

  .masonary.gap-md-90 {
    -webkit-column-gap: 90px !important;
       -moz-column-gap: 90px !important;
            column-gap: 90px !important;
    margin: 0;
  }

  .masonary.gap-md-90 > .column {
    padding: 0;
    margin-bottom: 90px !important;
  }

  .gap-md-100 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .gap-md-100 .column {
    padding-left: 50px;
    padding-right: 50px;
  }

  .masonary.gap-md-100 {
    -webkit-column-gap: 100px !important;
       -moz-column-gap: 100px !important;
            column-gap: 100px !important;
    margin: 0;
  }

  .masonary.gap-md-100 > .column {
    padding: 0;
    margin-bottom: 100px !important;
  }

  .gap-md-110 {
    margin-left: -55px;
    margin-right: -55px;
  }

  .gap-md-110 .column {
    padding-left: 55px;
    padding-right: 55px;
  }

  .masonary.gap-md-110 {
    -webkit-column-gap: 110px !important;
       -moz-column-gap: 110px !important;
            column-gap: 110px !important;
    margin: 0;
  }

  .masonary.gap-md-110 > .column {
    padding: 0;
    margin-bottom: 110px !important;
  }

  .gap-md-120 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .gap-md-120 .column {
    padding-left: 60px;
    padding-right: 60px;
  }

  .masonary.gap-md-120 {
    -webkit-column-gap: 120px !important;
       -moz-column-gap: 120px !important;
            column-gap: 120px !important;
    margin: 0;
  }

  .masonary.gap-md-120 > .column {
    padding: 0;
    margin-bottom: 120px !important;
  }

  .gap-md-130 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .gap-md-130 .column {
    padding-left: 65px;
    padding-right: 65px;
  }

  .masonary.gap-md-130 {
    -webkit-column-gap: 130px !important;
       -moz-column-gap: 130px !important;
            column-gap: 130px !important;
    margin: 0;
  }

  .masonary.gap-md-130 > .column {
    padding: 0;
    margin-bottom: 130px !important;
  }

  .gap-md-140 {
    margin-left: -70px;
    margin-right: -70px;
  }

  .gap-md-140 .column {
    padding-left: 70px;
    padding-right: 70px;
  }

  .masonary.gap-md-140 {
    -webkit-column-gap: 140px !important;
       -moz-column-gap: 140px !important;
            column-gap: 140px !important;
    margin: 0;
  }

  .masonary.gap-md-140 > .column {
    padding: 0;
    margin-bottom: 140px !important;
  }
}
@media only screen and (min-width: 992px) {
  .container,
  .container-wide {
    width: 100%;
    max-width: 100vw;
  }

  /*NormalGrid*/
  .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12 {
    float: right;
  }

  .lg-1 {
    width: 8.33333%;
  }

  .flex-grid .lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
  }

  .lg-2 {
    width: 16.66667%;
  }

  .flex-grid .lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
  }

  .lg-3 {
    width: 25%;
  }

  .flex-grid .lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }

  .lg-4 {
    width: 33.33333%;
  }

  .flex-grid .lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
  }

  .lg-5 {
    width: 41.66667%;
  }

  .flex-grid .lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
  }

  .lg-6 {
    width: 50%;
  }

  .flex-grid .lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }

  .lg-7 {
    width: 58.33333%;
  }

  .flex-grid .lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
  }

  .lg-8 {
    width: 66.66667%;
  }

  .flex-grid .lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
  }

  .lg-9 {
    width: 75%;
  }

  .flex-grid .lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }

  .lg-10 {
    width: 83.33333%;
  }

  .flex-grid .lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
  }

  .lg-11 {
    width: 91.66667%;
  }

  .flex-grid .lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
  }

  .lg-12 {
    width: 100%;
  }

  .flex-grid .lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .lg-offset-0 {
    margin-right: 0%;
  }

  .lg-offset-1 {
    margin-right: 8.33333%;
  }

  .lg-offset-2 {
    margin-right: 16.66667%;
  }

  .lg-offset-3 {
    margin-right: 25%;
  }

  .lg-offset-4 {
    margin-right: 33.33333%;
  }

  .lg-offset-5 {
    margin-right: 41.66667%;
  }

  .lg-offset-6 {
    margin-right: 50%;
  }

  .lg-offset-7 {
    margin-right: 58.33333%;
  }

  .lg-offset-8 {
    margin-right: 66.66667%;
  }

  .lg-offset-9 {
    margin-right: 75%;
  }

  .lg-offset-10 {
    margin-right: 83.33333%;
  }

  .lg-offset-11 {
    margin-right: 91.66667%;
  }

  .lg-offset-12 {
    margin-right: 100%;
  }

  .lg-1-center {
    width: 8.33333%;
  }

  .lg-2-center {
    width: 16.66667%;
  }

  .lg-3-center {
    width: 25%;
  }

  .lg-4-center {
    width: 33.33333%;
  }

  .lg-5-center {
    width: 41.66667%;
  }

  .lg-6-center {
    width: 50%;
  }

  .lg-7-center {
    width: 58.33333%;
  }

  .lg-8-center {
    width: 66.66667%;
  }

  .lg-9-center {
    width: 75%;
  }

  .lg-10-center {
    width: 83.33333%;
  }

  .lg-11-center {
    width: 91.66667%;
  }

  .lg-12-center {
    width: 100%;
  }

  .flex-grid.lg-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.lg-top {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }

  .flex-grid.lg-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .column.lg-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }

  .flex-grid.lg-bottom {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.lg-bottom {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }

  /*Equal Grid*/
  .grid-lg-1 > .column, .grid-lg-2 > .column, .grid-lg-3 > .column, .grid-lg-4 > .column, .grid-lg-5 > .column, .grid-lg-6 > .column, .grid-lg-7 > .column, .grid-lg-8 > .column, .grid-lg-9 > .column, .grid-lg-10 > .column, .grid-lg-11 > .column, .grid-lg-12 > .column {
    float: right;
  }

  .grid-lg-1 > .column {
    width: 100%;
  }

  .grid-lg-2 > .column {
    width: 50%;
  }

  .grid-lg-3 > .column {
    width: 33.33333%;
  }

  .grid-lg-4 > .column {
    width: 25%;
  }

  .grid-lg-5 > .column {
    width: 20%;
  }

  .grid-lg-6 > .column {
    width: 16.66667%;
  }

  .grid-lg-7 > .column {
    width: 14.28571%;
  }

  .grid-lg-8 > .column {
    width: 12.5%;
  }

  .grid-lg-9 > .column {
    width: 11.11111%;
  }

  .grid-lg-10 > .column {
    width: 10%;
  }

  .grid-lg-11 > .column {
    width: 9.09091%;
  }

  .grid-lg-12 > .column {
    width: 8.33333%;
  }

  /*Masonary Grid*/
  .masonary.lg-1 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-5 {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-6 {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-7 {
    -webkit-column-count: 7;
       -moz-column-count: 7;
            column-count: 7;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-8 {
    -webkit-column-count: 8;
       -moz-column-count: 8;
            column-count: 8;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-9 {
    -webkit-column-count: 9;
       -moz-column-count: 9;
            column-count: 9;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-10 {
    -webkit-column-count: 10;
       -moz-column-count: 10;
            column-count: 10;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-11 {
    -webkit-column-count: 11;
       -moz-column-count: 11;
            column-count: 11;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.lg-12 {
    -webkit-column-count: 12;
       -moz-column-count: 12;
            column-count: 12;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  /*Grid Gap*/
  .gap-lg-0 {
    margin-left: -0px;
    margin-right: -0px;
  }

  .gap-lg-0 .column {
    padding-left: 0px;
    padding-right: 0px;
  }

  .masonary.gap-lg-0 {
    -webkit-column-gap: 0px !important;
       -moz-column-gap: 0px !important;
            column-gap: 0px !important;
    margin: 0;
  }

  .masonary.gap-lg-0 > .column {
    padding: 0;
    margin-bottom: 0px !important;
  }

  .gap-lg-10 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gap-lg-10 .column {
    padding-left: 5px;
    padding-right: 5px;
  }

  .masonary.gap-lg-10 {
    -webkit-column-gap: 10px !important;
       -moz-column-gap: 10px !important;
            column-gap: 10px !important;
    margin: 0;
  }

  .masonary.gap-lg-10 > .column {
    padding: 0;
    margin-bottom: 10px !important;
  }

  .gap-lg-20 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gap-lg-20 .column {
    padding-left: 10px;
    padding-right: 10px;
  }

  .masonary.gap-lg-20 {
    -webkit-column-gap: 20px !important;
       -moz-column-gap: 20px !important;
            column-gap: 20px !important;
    margin: 0;
  }

  .masonary.gap-lg-20 > .column {
    padding: 0;
    margin-bottom: 20px !important;
  }

  .gap-lg-30 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gap-lg-30 .column {
    padding-left: 15px;
    padding-right: 15px;
  }

  .masonary.gap-lg-30 {
    -webkit-column-gap: 30px !important;
       -moz-column-gap: 30px !important;
            column-gap: 30px !important;
    margin: 0;
  }

  .masonary.gap-lg-30 > .column {
    padding: 0;
    margin-bottom: 30px !important;
  }

  .gap-lg-40 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .gap-lg-40 .column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .masonary.gap-lg-40 {
    -webkit-column-gap: 40px !important;
       -moz-column-gap: 40px !important;
            column-gap: 40px !important;
    margin: 0;
  }

  .masonary.gap-lg-40 > .column {
    padding: 0;
    margin-bottom: 40px !important;
  }

  .gap-lg-50 {
    margin-left: -25px;
    margin-right: -25px;
  }

  .gap-lg-50 .column {
    padding-left: 25px;
    padding-right: 25px;
  }

  .masonary.gap-lg-50 {
    -webkit-column-gap: 50px !important;
       -moz-column-gap: 50px !important;
            column-gap: 50px !important;
    margin: 0;
  }

  .masonary.gap-lg-50 > .column {
    padding: 0;
    margin-bottom: 50px !important;
  }

  .gap-lg-60 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .gap-lg-60 .column {
    padding-left: 30px;
    padding-right: 30px;
  }

  .masonary.gap-lg-60 {
    -webkit-column-gap: 60px !important;
       -moz-column-gap: 60px !important;
            column-gap: 60px !important;
    margin: 0;
  }

  .masonary.gap-lg-60 > .column {
    padding: 0;
    margin-bottom: 60px !important;
  }

  .gap-lg-70 {
    margin-left: -35px;
    margin-right: -35px;
  }

  .gap-lg-70 .column {
    padding-left: 35px;
    padding-right: 35px;
  }

  .masonary.gap-lg-70 {
    -webkit-column-gap: 70px !important;
       -moz-column-gap: 70px !important;
            column-gap: 70px !important;
    margin: 0;
  }

  .masonary.gap-lg-70 > .column {
    padding: 0;
    margin-bottom: 70px !important;
  }

  .gap-lg-80 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .gap-lg-80 .column {
    padding-left: 40px;
    padding-right: 40px;
  }

  .masonary.gap-lg-80 {
    -webkit-column-gap: 80px !important;
       -moz-column-gap: 80px !important;
            column-gap: 80px !important;
    margin: 0;
  }

  .masonary.gap-lg-80 > .column {
    padding: 0;
    margin-bottom: 80px !important;
  }

  .gap-lg-90 {
    margin-left: -45px;
    margin-right: -45px;
  }

  .gap-lg-90 .column {
    padding-left: 45px;
    padding-right: 45px;
  }

  .masonary.gap-lg-90 {
    -webkit-column-gap: 90px !important;
       -moz-column-gap: 90px !important;
            column-gap: 90px !important;
    margin: 0;
  }

  .masonary.gap-lg-90 > .column {
    padding: 0;
    margin-bottom: 90px !important;
  }

  .gap-lg-100 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .gap-lg-100 .column {
    padding-left: 50px;
    padding-right: 50px;
  }

  .masonary.gap-lg-100 {
    -webkit-column-gap: 100px !important;
       -moz-column-gap: 100px !important;
            column-gap: 100px !important;
    margin: 0;
  }

  .masonary.gap-lg-100 > .column {
    padding: 0;
    margin-bottom: 100px !important;
  }

  .gap-lg-110 {
    margin-left: -55px;
    margin-right: -55px;
  }

  .gap-lg-110 .column {
    padding-left: 55px;
    padding-right: 55px;
  }

  .masonary.gap-lg-110 {
    -webkit-column-gap: 110px !important;
       -moz-column-gap: 110px !important;
            column-gap: 110px !important;
    margin: 0;
  }

  .masonary.gap-lg-110 > .column {
    padding: 0;
    margin-bottom: 110px !important;
  }

  .gap-lg-120 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .gap-lg-120 .column {
    padding-left: 60px;
    padding-right: 60px;
  }

  .masonary.gap-lg-120 {
    -webkit-column-gap: 120px !important;
       -moz-column-gap: 120px !important;
            column-gap: 120px !important;
    margin: 0;
  }

  .masonary.gap-lg-120 > .column {
    padding: 0;
    margin-bottom: 120px !important;
  }

  .gap-lg-130 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .gap-lg-130 .column {
    padding-left: 65px;
    padding-right: 65px;
  }

  .masonary.gap-lg-130 {
    -webkit-column-gap: 130px !important;
       -moz-column-gap: 130px !important;
            column-gap: 130px !important;
    margin: 0;
  }

  .masonary.gap-lg-130 > .column {
    padding: 0;
    margin-bottom: 130px !important;
  }

  .gap-lg-140 {
    margin-left: -70px;
    margin-right: -70px;
  }

  .gap-lg-140 .column {
    padding-left: 70px;
    padding-right: 70px;
  }

  .masonary.gap-lg-140 {
    -webkit-column-gap: 140px !important;
       -moz-column-gap: 140px !important;
            column-gap: 140px !important;
    margin: 0;
  }

  .masonary.gap-lg-140 > .column {
    padding: 0;
    margin-bottom: 140px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .container,
  .container-wide {
    width: 100%;
    max-width: 100vw;
  }

  /*Normal Grid*/
  .xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12 {
    float: right;
  }

  .xl-1 {
    width: 8.33333%;
  }

  .flex-grid .xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
  }

  .xl-2 {
    width: 16.66667%;
  }

  .flex-grid .xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
  }

  .xl-3 {
    width: 25%;
  }

  .flex-grid .xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }

  .xl-4 {
    width: 33.33333%;
  }

  .flex-grid .xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
  }

  .xl-5 {
    width: 41.66667%;
  }

  .flex-grid .xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
  }

  .xl-6 {
    width: 50%;
  }

  .flex-grid .xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }

  .xl-7 {
    width: 58.33333%;
  }

  .flex-grid .xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
  }

  .xl-8 {
    width: 66.66667%;
  }

  .flex-grid .xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
  }

  .xl-9 {
    width: 75%;
  }

  .flex-grid .xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }

  .xl-10 {
    width: 83.33333%;
  }

  .flex-grid .xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
  }

  .xl-11 {
    width: 91.66667%;
  }

  .flex-grid .xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
  }

  .xl-12 {
    width: 100%;
  }

  .flex-grid .xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .xl-offset-0 {
    margin-right: 0%;
  }

  .xl-offset-1 {
    margin-right: 8.33333%;
  }

  .xl-offset-2 {
    margin-right: 16.66667%;
  }

  .xl-offset-3 {
    margin-right: 25%;
  }

  .xl-offset-4 {
    margin-right: 33.33333%;
  }

  .xl-offset-5 {
    margin-right: 41.66667%;
  }

  .xl-offset-6 {
    margin-right: 50%;
  }

  .xl-offset-7 {
    margin-right: 58.33333%;
  }

  .xl-offset-8 {
    margin-right: 66.66667%;
  }

  .xl-offset-9 {
    margin-right: 75%;
  }

  .xl-offset-10 {
    margin-right: 83.33333%;
  }

  .xl-offset-11 {
    margin-right: 91.66667%;
  }

  .xl-offset-12 {
    margin-right: 100%;
  }

  .xl-1-center {
    width: 8.33333%;
  }

  .xl-2-center {
    width: 16.66667%;
  }

  .xl-3-center {
    width: 25%;
  }

  .xl-4-center {
    width: 33.33333%;
  }

  .xl-5-center {
    width: 41.66667%;
  }

  .xl-6-center {
    width: 50%;
  }

  .xl-7-center {
    width: 58.33333%;
  }

  .xl-8-center {
    width: 66.66667%;
  }

  .xl-9-center {
    width: 75%;
  }

  .xl-10-center {
    width: 83.33333%;
  }

  .xl-11-center {
    width: 91.66667%;
  }

  .xl-12-center {
    width: 100%;
  }

  .flex-grid.xl-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.xl-top {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }

  .flex-grid.xl-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .column.xl-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }

  .flex-grid.xl-bottom {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.xl-bottom {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }

  /*Equal Grid*/
  .grid-xl-1 > .column, .grid-xl-2 > .column, .grid-xl-3 > .column, .grid-xl-4 > .column, .grid-xl-5 > .column, .grid-xl-6 > .column, .grid-xl-7 > .column, .grid-xl-8 > .column, .grid-xl-9 > .column, .grid-xl-10 > .column, .grid-xl-11 > .column, .grid-xl-12 > .column {
    float: right;
  }

  .grid-xl-1 > .column {
    width: 100%;
  }

  .grid-xl-2 > .column {
    width: 50%;
  }

  .grid-xl-3 > .column {
    width: 33.33333%;
  }

  .grid-xl-4 > .column {
    width: 25%;
  }

  .grid-xl-5 > .column {
    width: 20%;
  }

  .grid-xl-6 > .column {
    width: 16.66667%;
  }

  .grid-xl-7 > .column {
    width: 14.28571%;
  }

  .grid-xl-8 > .column {
    width: 12.5%;
  }

  .grid-xl-9 > .column {
    width: 11.11111%;
  }

  .grid-xl-10 > .column {
    width: 10%;
  }

  .grid-xl-11 > .column {
    width: 9.09091%;
  }

  .grid-xl-12 > .column {
    width: 8.33333%;
  }

  /*Masonary Grid*/
  .masonary.xl-1 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-5 {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-6 {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-7 {
    -webkit-column-count: 7;
       -moz-column-count: 7;
            column-count: 7;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-8 {
    -webkit-column-count: 8;
       -moz-column-count: 8;
            column-count: 8;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-9 {
    -webkit-column-count: 9;
       -moz-column-count: 9;
            column-count: 9;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-10 {
    -webkit-column-count: 10;
       -moz-column-count: 10;
            column-count: 10;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-11 {
    -webkit-column-count: 11;
       -moz-column-count: 11;
            column-count: 11;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xl-12 {
    -webkit-column-count: 12;
       -moz-column-count: 12;
            column-count: 12;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  /*Grid Gap*/
  .gap-xl-0 {
    margin-left: -0px;
    margin-right: -0px;
  }

  .gap-xl-0 .column {
    padding-left: 0px;
    padding-right: 0px;
  }

  .masonary.gap-xl-0 {
    -webkit-column-gap: 0px !important;
       -moz-column-gap: 0px !important;
            column-gap: 0px !important;
    margin: 0;
  }

  .masonary.gap-xl-0 > .column {
    padding: 0;
    margin-bottom: 0px !important;
  }

  .gap-xl-10 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gap-xl-10 .column {
    padding-left: 5px;
    padding-right: 5px;
  }

  .masonary.gap-xl-10 {
    -webkit-column-gap: 10px !important;
       -moz-column-gap: 10px !important;
            column-gap: 10px !important;
    margin: 0;
  }

  .masonary.gap-xl-10 > .column {
    padding: 0;
    margin-bottom: 10px !important;
  }

  .gap-xl-20 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gap-xl-20 .column {
    padding-left: 10px;
    padding-right: 10px;
  }

  .masonary.gap-xl-20 {
    -webkit-column-gap: 20px !important;
       -moz-column-gap: 20px !important;
            column-gap: 20px !important;
    margin: 0;
  }

  .masonary.gap-xl-20 > .column {
    padding: 0;
    margin-bottom: 20px !important;
  }

  .gap-xl-30 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gap-xl-30 .column {
    padding-left: 15px;
    padding-right: 15px;
  }

  .masonary.gap-xl-30 {
    -webkit-column-gap: 30px !important;
       -moz-column-gap: 30px !important;
            column-gap: 30px !important;
    margin: 0;
  }

  .masonary.gap-xl-30 > .column {
    padding: 0;
    margin-bottom: 30px !important;
  }

  .gap-xl-40 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .gap-xl-40 .column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .masonary.gap-xl-40 {
    -webkit-column-gap: 40px !important;
       -moz-column-gap: 40px !important;
            column-gap: 40px !important;
    margin: 0;
  }

  .masonary.gap-xl-40 > .column {
    padding: 0;
    margin-bottom: 40px !important;
  }

  .gap-xl-50 {
    margin-left: -25px;
    margin-right: -25px;
  }

  .gap-xl-50 .column {
    padding-left: 25px;
    padding-right: 25px;
  }

  .masonary.gap-xl-50 {
    -webkit-column-gap: 50px !important;
       -moz-column-gap: 50px !important;
            column-gap: 50px !important;
    margin: 0;
  }

  .masonary.gap-xl-50 > .column {
    padding: 0;
    margin-bottom: 50px !important;
  }

  .gap-xl-60 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .gap-xl-60 .column {
    padding-left: 30px;
    padding-right: 30px;
  }

  .masonary.gap-xl-60 {
    -webkit-column-gap: 60px !important;
       -moz-column-gap: 60px !important;
            column-gap: 60px !important;
    margin: 0;
  }

  .masonary.gap-xl-60 > .column {
    padding: 0;
    margin-bottom: 60px !important;
  }

  .gap-xl-70 {
    margin-left: -35px;
    margin-right: -35px;
  }

  .gap-xl-70 .column {
    padding-left: 35px;
    padding-right: 35px;
  }

  .masonary.gap-xl-70 {
    -webkit-column-gap: 70px !important;
       -moz-column-gap: 70px !important;
            column-gap: 70px !important;
    margin: 0;
  }

  .masonary.gap-xl-70 > .column {
    padding: 0;
    margin-bottom: 70px !important;
  }

  .gap-xl-80 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .gap-xl-80 .column {
    padding-left: 40px;
    padding-right: 40px;
  }

  .masonary.gap-xl-80 {
    -webkit-column-gap: 80px !important;
       -moz-column-gap: 80px !important;
            column-gap: 80px !important;
    margin: 0;
  }

  .masonary.gap-xl-80 > .column {
    padding: 0;
    margin-bottom: 80px !important;
  }

  .gap-xl-90 {
    margin-left: -45px;
    margin-right: -45px;
  }

  .gap-xl-90 .column {
    padding-left: 45px;
    padding-right: 45px;
  }

  .masonary.gap-xl-90 {
    -webkit-column-gap: 90px !important;
       -moz-column-gap: 90px !important;
            column-gap: 90px !important;
    margin: 0;
  }

  .masonary.gap-xl-90 > .column {
    padding: 0;
    margin-bottom: 90px !important;
  }

  .gap-xl-100 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .gap-xl-100 .column {
    padding-left: 50px;
    padding-right: 50px;
  }

  .masonary.gap-xl-100 {
    -webkit-column-gap: 100px !important;
       -moz-column-gap: 100px !important;
            column-gap: 100px !important;
    margin: 0;
  }

  .masonary.gap-xl-100 > .column {
    padding: 0;
    margin-bottom: 100px !important;
  }

  .gap-xl-110 {
    margin-left: -55px;
    margin-right: -55px;
  }

  .gap-xl-110 .column {
    padding-left: 55px;
    padding-right: 55px;
  }

  .masonary.gap-xl-110 {
    -webkit-column-gap: 110px !important;
       -moz-column-gap: 110px !important;
            column-gap: 110px !important;
    margin: 0;
  }

  .masonary.gap-xl-110 > .column {
    padding: 0;
    margin-bottom: 110px !important;
  }

  .gap-xl-120 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .gap-xl-120 .column {
    padding-left: 60px;
    padding-right: 60px;
  }

  .masonary.gap-xl-120 {
    -webkit-column-gap: 120px !important;
       -moz-column-gap: 120px !important;
            column-gap: 120px !important;
    margin: 0;
  }

  .masonary.gap-xl-120 > .column {
    padding: 0;
    margin-bottom: 120px !important;
  }

  .gap-xl-130 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .gap-xl-130 .column {
    padding-left: 65px;
    padding-right: 65px;
  }

  .masonary.gap-xl-130 {
    -webkit-column-gap: 130px !important;
       -moz-column-gap: 130px !important;
            column-gap: 130px !important;
    margin: 0;
  }

  .masonary.gap-xl-130 > .column {
    padding: 0;
    margin-bottom: 130px !important;
  }

  .gap-xl-140 {
    margin-left: -70px;
    margin-right: -70px;
  }

  .gap-xl-140 .column {
    padding-left: 70px;
    padding-right: 70px;
  }

  .masonary.gap-xl-140 {
    -webkit-column-gap: 140px !important;
       -moz-column-gap: 140px !important;
            column-gap: 140px !important;
    margin: 0;
  }

  .masonary.gap-xl-140 > .column {
    padding: 0;
    margin-bottom: 140px !important;
  }
}
@media only screen and (min-width: 1660px) {
  .container-wide {
    width: 100%;
    max-width: 100vw;
  }

  /*Normal Grid*/
  .xxl-1, .xxl-2, .xxl-3, .xxl-4, .xxl-5, .xxl-6, .xxl-7, .xxl-8, .xxl-9, .xxl-10, .xxl-11, .xxl-12 {
    float: right;
  }

  .xxl-1 {
    width: 8.33333%;
  }

  .flex-grid .xxl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
  }

  .xxl-2 {
    width: 16.66667%;
  }

  .flex-grid .xxl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
  }

  .xxl-3 {
    width: 25%;
  }

  .flex-grid .xxl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }

  .xxl-4 {
    width: 33.33333%;
  }

  .flex-grid .xxl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
  }

  .xxl-5 {
    width: 41.66667%;
  }

  .flex-grid .xxl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
  }

  .xxl-6 {
    width: 50%;
  }

  .flex-grid .xxl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }

  .xxl-7 {
    width: 58.33333%;
  }

  .flex-grid .xxl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
  }

  .xxl-8 {
    width: 66.66667%;
  }

  .flex-grid .xxl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
  }

  .xxl-9 {
    width: 75%;
  }

  .flex-grid .xxl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }

  .xxl-10 {
    width: 83.33333%;
  }

  .flex-grid .xxl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
  }

  .xxl-11 {
    width: 91.66667%;
  }

  .flex-grid .xxl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
  }

  .xxl-12 {
    width: 100%;
  }

  .flex-grid .xxl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .xxl-offset-0 {
    margin-right: 0%;
  }

  .xxl-offset-1 {
    margin-right: 8.33333%;
  }

  .xxl-offset-2 {
    margin-right: 16.66667%;
  }

  .xxl-offset-3 {
    margin-right: 25%;
  }

  .xxl-offset-4 {
    margin-right: 33.33333%;
  }

  .xxl-offset-5 {
    margin-right: 41.66667%;
  }

  .xxl-offset-6 {
    margin-right: 50%;
  }

  .xxl-offset-7 {
    margin-right: 58.33333%;
  }

  .xxl-offset-8 {
    margin-right: 66.66667%;
  }

  .xxl-offset-9 {
    margin-right: 75%;
  }

  .xxl-offset-10 {
    margin-right: 83.33333%;
  }

  .xxl-offset-11 {
    margin-right: 91.66667%;
  }

  .xxl-offset-12 {
    margin-right: 100%;
  }

  .xxl-1-center {
    width: 8.33333%;
  }

  .xxl-2-center {
    width: 16.66667%;
  }

  .xxl-3-center {
    width: 25%;
  }

  .xxl-4-center {
    width: 33.33333%;
  }

  .xxl-5-center {
    width: 41.66667%;
  }

  .xxl-6-center {
    width: 50%;
  }

  .xxl-7-center {
    width: 58.33333%;
  }

  .xxl-8-center {
    width: 66.66667%;
  }

  .xxl-9-center {
    width: 75%;
  }

  .xxl-10-center {
    width: 83.33333%;
  }

  .xxl-11-center {
    width: 91.66667%;
  }

  .xxl-12-center {
    width: 100%;
  }

  .flex-grid.xxl-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.xxl-top {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }

  .flex-grid.xxl-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .column.xxl-center {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }

  .flex-grid.xxl-bottom {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .column.xxl-bottom {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }

  /*Equal Grid*/
  .grid-xxl-1 > .column, .grid-xxl-2 > .column, .grid-xxl-3 > .column, .grid-xxl-4 > .column, .grid-xxl-5 > .column, .grid-xxl-6 > .column, .grid-xxl-7 > .column, .grid-xxl-8 > .column, .grid-xxl-9 > .column, .grid-xxl-10 > .column, .grid-xxl-11 > .column, .grid-xxl-12 > .column {
    float: right;
  }

  .grid-xxl-1 > .column {
    width: 100%;
  }

  .grid-xxl-2 > .column {
    width: 50%;
  }

  .grid-xxl-3 > .column {
    width: 33.33333%;
  }

  .grid-xxl-4 > .column {
    width: 25%;
  }

  .grid-xxl-5 > .column {
    width: 20%;
  }

  .grid-xxl-6 > .column {
    width: 16.66667%;
  }

  .grid-xxl-7 > .column {
    width: 14.28571%;
  }

  .grid-xxl-8 > .column {
    width: 12.5%;
  }

  .grid-xxl-9 > .column {
    width: 11.11111%;
  }

  .grid-xxl-10 > .column {
    width: 10%;
  }

  .grid-xxl-11 > .column {
    width: 9.09091%;
  }

  .grid-xxl-12 > .column {
    width: 8.33333%;
  }

  /*Masonary Grid*/
  .masonary.xxl-1 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-5 {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-6 {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-7 {
    -webkit-column-count: 7;
       -moz-column-count: 7;
            column-count: 7;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-8 {
    -webkit-column-count: 8;
       -moz-column-count: 8;
            column-count: 8;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-9 {
    -webkit-column-count: 9;
       -moz-column-count: 9;
            column-count: 9;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-10 {
    -webkit-column-count: 10;
       -moz-column-count: 10;
            column-count: 10;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-11 {
    -webkit-column-count: 11;
       -moz-column-count: 11;
            column-count: 11;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  .masonary.xxl-12 {
    -webkit-column-count: 12;
       -moz-column-count: 12;
            column-count: 12;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    width: 100%;
  }

  /*Grid Gap*/
  .gap-xxl-0 {
    margin-left: -0px;
    margin-right: -0px;
  }

  .gap-xxl-0 .column {
    padding-left: 0px;
    padding-right: 0px;
  }

  .masonary.gap-xxl-0 {
    -webkit-column-gap: 0px !important;
       -moz-column-gap: 0px !important;
            column-gap: 0px !important;
    margin: 0;
  }

  .masonary.gap-xxl-0 > .column {
    padding: 0;
    margin-bottom: 0px !important;
  }

  .gap-xxl-10 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .gap-xxl-10 .column {
    padding-left: 5px;
    padding-right: 5px;
  }

  .masonary.gap-xxl-10 {
    -webkit-column-gap: 10px !important;
       -moz-column-gap: 10px !important;
            column-gap: 10px !important;
    margin: 0;
  }

  .masonary.gap-xxl-10 > .column {
    padding: 0;
    margin-bottom: 10px !important;
  }

  .gap-xxl-20 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .gap-xxl-20 .column {
    padding-left: 10px;
    padding-right: 10px;
  }

  .masonary.gap-xxl-20 {
    -webkit-column-gap: 20px !important;
       -moz-column-gap: 20px !important;
            column-gap: 20px !important;
    margin: 0;
  }

  .masonary.gap-xxl-20 > .column {
    padding: 0;
    margin-bottom: 20px !important;
  }

  .gap-xxl-30 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gap-xxl-30 .column {
    padding-left: 15px;
    padding-right: 15px;
  }

  .masonary.gap-xxl-30 {
    -webkit-column-gap: 30px !important;
       -moz-column-gap: 30px !important;
            column-gap: 30px !important;
    margin: 0;
  }

  .masonary.gap-xxl-30 > .column {
    padding: 0;
    margin-bottom: 30px !important;
  }

  .gap-xxl-40 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .gap-xxl-40 .column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .masonary.gap-xxl-40 {
    -webkit-column-gap: 40px !important;
       -moz-column-gap: 40px !important;
            column-gap: 40px !important;
    margin: 0;
  }

  .masonary.gap-xxl-40 > .column {
    padding: 0;
    margin-bottom: 40px !important;
  }

  .gap-xxl-50 {
    margin-left: -25px;
    margin-right: -25px;
  }

  .gap-xxl-50 .column {
    padding-left: 25px;
    padding-right: 25px;
  }

  .masonary.gap-xxl-50 {
    -webkit-column-gap: 50px !important;
       -moz-column-gap: 50px !important;
            column-gap: 50px !important;
    margin: 0;
  }

  .masonary.gap-xxl-50 > .column {
    padding: 0;
    margin-bottom: 50px !important;
  }

  .gap-xxl-60 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .gap-xxl-60 .column {
    padding-left: 30px;
    padding-right: 30px;
  }

  .masonary.gap-xxl-60 {
    -webkit-column-gap: 60px !important;
       -moz-column-gap: 60px !important;
            column-gap: 60px !important;
    margin: 0;
  }

  .masonary.gap-xxl-60 > .column {
    padding: 0;
    margin-bottom: 60px !important;
  }

  .gap-xxl-70 {
    margin-left: -35px;
    margin-right: -35px;
  }

  .gap-xxl-70 .column {
    padding-left: 35px;
    padding-right: 35px;
  }

  .masonary.gap-xxl-70 {
    -webkit-column-gap: 70px !important;
       -moz-column-gap: 70px !important;
            column-gap: 70px !important;
    margin: 0;
  }

  .masonary.gap-xxl-70 > .column {
    padding: 0;
    margin-bottom: 70px !important;
  }

  .gap-xxl-80 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .gap-xxl-80 .column {
    padding-left: 40px;
    padding-right: 40px;
  }

  .masonary.gap-xxl-80 {
    -webkit-column-gap: 80px !important;
       -moz-column-gap: 80px !important;
            column-gap: 80px !important;
    margin: 0;
  }

  .masonary.gap-xxl-80 > .column {
    padding: 0;
    margin-bottom: 80px !important;
  }

  .gap-xxl-90 {
    margin-left: -45px;
    margin-right: -45px;
  }

  .gap-xxl-90 .column {
    padding-left: 45px;
    padding-right: 45px;
  }

  .masonary.gap-xxl-90 {
    -webkit-column-gap: 90px !important;
       -moz-column-gap: 90px !important;
            column-gap: 90px !important;
    margin: 0;
  }

  .masonary.gap-xxl-90 > .column {
    padding: 0;
    margin-bottom: 90px !important;
  }

  .gap-xxl-100 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .gap-xxl-100 .column {
    padding-left: 50px;
    padding-right: 50px;
  }

  .masonary.gap-xxl-100 {
    -webkit-column-gap: 100px !important;
       -moz-column-gap: 100px !important;
            column-gap: 100px !important;
    margin: 0;
  }

  .masonary.gap-xxl-100 > .column {
    padding: 0;
    margin-bottom: 100px !important;
  }

  .gap-xxl-110 {
    margin-left: -55px;
    margin-right: -55px;
  }

  .gap-xxl-110 .column {
    padding-left: 55px;
    padding-right: 55px;
  }

  .masonary.gap-xxl-110 {
    -webkit-column-gap: 110px !important;
       -moz-column-gap: 110px !important;
            column-gap: 110px !important;
    margin: 0;
  }

  .masonary.gap-xxl-110 > .column {
    padding: 0;
    margin-bottom: 110px !important;
  }

  .gap-xxl-120 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .gap-xxl-120 .column {
    padding-left: 60px;
    padding-right: 60px;
  }

  .masonary.gap-xxl-120 {
    -webkit-column-gap: 120px !important;
       -moz-column-gap: 120px !important;
            column-gap: 120px !important;
    margin: 0;
  }

  .masonary.gap-xxl-120 > .column {
    padding: 0;
    margin-bottom: 120px !important;
  }

  .gap-xxl-130 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .gap-xxl-130 .column {
    padding-left: 65px;
    padding-right: 65px;
  }

  .masonary.gap-xxl-130 {
    -webkit-column-gap: 130px !important;
       -moz-column-gap: 130px !important;
            column-gap: 130px !important;
    margin: 0;
  }

  .masonary.gap-xxl-130 > .column {
    padding: 0;
    margin-bottom: 130px !important;
  }

  .gap-xxl-140 {
    margin-left: -70px;
    margin-right: -70px;
  }

  .gap-xxl-140 .column {
    padding-left: 70px;
    padding-right: 70px;
  }

  .masonary.gap-xxl-140 {
    -webkit-column-gap: 140px !important;
       -moz-column-gap: 140px !important;
            column-gap: 140px !important;
    margin: 0;
  }

  .masonary.gap-xxl-140 > .column {
    padding: 0;
    margin-bottom: 140px !important;
  }
}
/* 
*****************************************************
Showing and hiding Columns by device via media query
=== (show/hide)- xl, lg, md, sm, xs
*****************************************************
*/
.show-xxl,
.show-xl,
.show-lg,
.show-md,
.show-sm,
.show-xs {
  display: none !important;
}

.hide-xxl,
.hide-xl,
.hide-lg,
.hide-md,
.hide-sm,
.hide-xs {
  display: block !important;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .show-xs {
    display: block !important;
  }

  .hide-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .show-sm {
    display: block !important;
  }

  .hide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .show-md {
    display: block !important;
  }

  .hide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .show-lg {
    display: block !important;
  }

  .hide-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1659px) {
  .show-xl {
    display: block !important;
  }

  .hide-xl {
    display: none !important;
  }
}
@media only screen and (min-width: 1660px) {
  .show-xxl {
    display: block !important;
  }

  .hide-xxl {
    display: none !important;
  }
}