/*------------------------------------*\
  #VARIABLES
\*------------------------------------*/
/*------------------------------------*\
  #VARIABLES-CORE
\*------------------------------------*/
/*------------------------------------*\
  #VARIABLES-TYPO
\*------------------------------------*/
/*------------------------------------*\
  #VARIABLES-FORMS
\*------------------------------------*/
/*------------------------------------*\
  #VARIABLES-PIKTOS
\*------------------------------------*/
/*------------------------------------*\
  #GRID-MIXINS_REGULAR
\*------------------------------------*/
/*------------------------------------*\
  #GRID-MIXINS_MOBILE
\*------------------------------------*/
/*------------------------------------*\
  #GRID-MIXINS_MISC
\*------------------------------------*/
/*------------------------------------*\
  #UNIGRID-CORE
\*------------------------------------*/
.brick {
  margin: 0;
  padding: 2px 4px;
  min-height: 38px; }

.unigrid--border {
  border: 2px solid #000; }

.unigrid--border ~ .unigrid--border {
  border-top: none; }

.unigrid--row.unigrid--border {
  width: calc(100% - 4px); }

.unigrid--border .brick {
  margin: 0 0;
  padding: 2px 2px 2px 4px;
  border-left: 2px solid #000; }

.unigrid--border .brick:first-child,
.unigrid--border .brick.first {
  margin-left: 0;
  border-left: none; }

.unigrid--border .brick:last-child,
.unigrid--border .brick.last {
  margin-right: 0;
  padding-right: 0; }

.brick--inverse {
  background: #000;
  color: #fff; }

.brick--hide,
.brick-mobile--show {
  display: none; }

.brick--show {
  display: flex; }

.brick > img {
  width: 100%;
  max-height: 100%; }

.brick--col--flex {
  height: auto;
  max-height: 100%; }

.unigrid--col > .brick > img {
  vertical-align: top;
  width: auto; }

.unigrid--col {
  height: 100%;
  width: 100%;
  padding: 0; }

.unigrid--row {
  width: 100%;
  padding: 0; }

img.brick,
.brick--img {
  vertical-align: top;
  padding: 0; }

.unigrid--col > img.brick {
  width: auto; }

hr {
  margin: 19px 0;
  border: 1px solid #000000; }

.container {
  max-width: 1280px;
  width: 1280px;
  height: 100%;
  margin: 0 auto; }

/*------------------------------------*\
  #DESKTOP-UNIGRID
\*------------------------------------*/
@media only screen and (min-width: 1024px) {
  .brick:first-child,
  .brick.first {
    margin-left: 0; }

  .brick:last-child,
  .brick.last {
    margin-right: 0; }

  .unigrid--row > .unigrid--col.brick:last-child,
  .unigrid--row > .unigrid--col.brick.last {
    margin-left: 0; }

  img.brick,
  .brick--img {
    height: 100%; }

  /*------------------------------------*\
    #GRID-ROW
  \*------------------------------------*/
  .unigrid--row {
    width: 1280px;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start; }

  .unigrid--row > .unigrid--col {
    padding: 0;
    margin: 0;
    max-width: 100%; }

  .brick--1 {
    min-height: 40px;
    width: 40px;
    max-width: 40px;
    flex-basis: 40px; }

  .unigrid--col.brick--1,
  .unigrid--row.brick--1,
  .brick--img.brick--1,
  img.brick--1 {
    width: 40px;
    max-width: 40px;
    flex-basis: 40px; }

  .prepend--1 {
    margin-left: 40px !important; }

  .first.prepend--1,
  .brick:first-child.prepend--1 {
    margin-left: 40px !important; }

  .append--1 {
    margin-right: 40px !important; }

  .last.append--1,
  .brick:last-child.append--1 {
    margin-right: 40px !important; }

  .brick--2 {
    min-height: 40px;
    width: 80px;
    max-width: 80px;
    flex-basis: 80px; }

  .unigrid--col.brick--2,
  .unigrid--row.brick--2,
  .brick--img.brick--2,
  img.brick--2 {
    width: 80px;
    max-width: 80px;
    flex-basis: 80px; }

  .prepend--2 {
    margin-left: 80px !important; }

  .first.prepend--2,
  .brick:first-child.prepend--2 {
    margin-left: 80px !important; }

  .append--2 {
    margin-right: 80px !important; }

  .last.append--2,
  .brick:last-child.append--2 {
    margin-right: 80px !important; }

  .brick--3 {
    min-height: 40px;
    width: 120px;
    max-width: 120px;
    flex-basis: 120px; }

  .unigrid--col.brick--3,
  .unigrid--row.brick--3,
  .brick--img.brick--3,
  img.brick--3 {
    width: 120px;
    max-width: 120px;
    flex-basis: 120px; }

  .prepend--3 {
    margin-left: 120px !important; }

  .first.prepend--3,
  .brick:first-child.prepend--3 {
    margin-left: 120px !important; }

  .append--3 {
    margin-right: 120px !important; }

  .last.append--3,
  .brick:last-child.append--3 {
    margin-right: 120px !important; }

  .brick--4 {
    min-height: 40px;
    width: 160px;
    max-width: 160px;
    flex-basis: 160px; }

  .unigrid--col.brick--4,
  .unigrid--row.brick--4,
  .brick--img.brick--4,
  img.brick--4 {
    width: 160px;
    max-width: 160px;
    flex-basis: 160px; }

  .prepend--4 {
    margin-left: 160px !important; }

  .first.prepend--4,
  .brick:first-child.prepend--4 {
    margin-left: 160px !important; }

  .append--4 {
    margin-right: 160px !important; }

  .last.append--4,
  .brick:last-child.append--4 {
    margin-right: 160px !important; }

  .brick--5 {
    min-height: 40px;
    width: 200px;
    max-width: 200px;
    flex-basis: 200px; }

  .unigrid--col.brick--5,
  .unigrid--row.brick--5,
  .brick--img.brick--5,
  img.brick--5 {
    width: 200px;
    max-width: 200px;
    flex-basis: 200px; }

  .prepend--5 {
    margin-left: 200px !important; }

  .first.prepend--5,
  .brick:first-child.prepend--5 {
    margin-left: 200px !important; }

  .append--5 {
    margin-right: 200px !important; }

  .last.append--5,
  .brick:last-child.append--5 {
    margin-right: 200px !important; }

  .brick--6 {
    min-height: 40px;
    width: 240px;
    max-width: 240px;
    flex-basis: 240px; }

  .unigrid--col.brick--6,
  .unigrid--row.brick--6,
  .brick--img.brick--6,
  img.brick--6 {
    width: 240px;
    max-width: 240px;
    flex-basis: 240px; }

  .prepend--6 {
    margin-left: 240px !important; }

  .first.prepend--6,
  .brick:first-child.prepend--6 {
    margin-left: 240px !important; }

  .append--6 {
    margin-right: 240px !important; }

  .last.append--6,
  .brick:last-child.append--6 {
    margin-right: 240px !important; }

  .brick--7 {
    min-height: 40px;
    width: 280px;
    max-width: 280px;
    flex-basis: 280px; }

  .unigrid--col.brick--7,
  .unigrid--row.brick--7,
  .brick--img.brick--7,
  img.brick--7 {
    width: 280px;
    max-width: 280px;
    flex-basis: 280px; }

  .prepend--7 {
    margin-left: 280px !important; }

  .first.prepend--7,
  .brick:first-child.prepend--7 {
    margin-left: 280px !important; }

  .append--7 {
    margin-right: 280px !important; }

  .last.append--7,
  .brick:last-child.append--7 {
    margin-right: 280px !important; }

  .brick--8 {
    min-height: 40px;
    width: 320px;
    max-width: 320px;
    flex-basis: 320px; }

  .unigrid--col.brick--8,
  .unigrid--row.brick--8,
  .brick--img.brick--8,
  img.brick--8 {
    width: 320px;
    max-width: 320px;
    flex-basis: 320px; }

  .prepend--8 {
    margin-left: 320px !important; }

  .first.prepend--8,
  .brick:first-child.prepend--8 {
    margin-left: 320px !important; }

  .append--8 {
    margin-right: 320px !important; }

  .last.append--8,
  .brick:last-child.append--8 {
    margin-right: 320px !important; }

  .brick--9 {
    min-height: 40px;
    width: 360px;
    max-width: 360px;
    flex-basis: 360px; }

  .unigrid--col.brick--9,
  .unigrid--row.brick--9,
  .brick--img.brick--9,
  img.brick--9 {
    width: 360px;
    max-width: 360px;
    flex-basis: 360px; }

  .prepend--9 {
    margin-left: 360px !important; }

  .first.prepend--9,
  .brick:first-child.prepend--9 {
    margin-left: 360px !important; }

  .append--9 {
    margin-right: 360px !important; }

  .last.append--9,
  .brick:last-child.append--9 {
    margin-right: 360px !important; }

  .brick--10 {
    min-height: 40px;
    width: 400px;
    max-width: 400px;
    flex-basis: 400px; }

  .unigrid--col.brick--10,
  .unigrid--row.brick--10,
  .brick--img.brick--10,
  img.brick--10 {
    width: 400px;
    max-width: 400px;
    flex-basis: 400px; }

  .prepend--10 {
    margin-left: 400px !important; }

  .first.prepend--10,
  .brick:first-child.prepend--10 {
    margin-left: 400px !important; }

  .append--10 {
    margin-right: 400px !important; }

  .last.append--10,
  .brick:last-child.append--10 {
    margin-right: 400px !important; }

  .brick--11 {
    min-height: 40px;
    width: 440px;
    max-width: 440px;
    flex-basis: 440px; }

  .unigrid--col.brick--11,
  .unigrid--row.brick--11,
  .brick--img.brick--11,
  img.brick--11 {
    width: 440px;
    max-width: 440px;
    flex-basis: 440px; }

  .prepend--11 {
    margin-left: 440px !important; }

  .first.prepend--11,
  .brick:first-child.prepend--11 {
    margin-left: 440px !important; }

  .append--11 {
    margin-right: 440px !important; }

  .last.append--11,
  .brick:last-child.append--11 {
    margin-right: 440px !important; }

  .brick--12 {
    min-height: 40px;
    width: 480px;
    max-width: 480px;
    flex-basis: 480px; }

  .unigrid--col.brick--12,
  .unigrid--row.brick--12,
  .brick--img.brick--12,
  img.brick--12 {
    width: 480px;
    max-width: 480px;
    flex-basis: 480px; }

  .prepend--12 {
    margin-left: 480px !important; }

  .first.prepend--12,
  .brick:first-child.prepend--12 {
    margin-left: 480px !important; }

  .append--12 {
    margin-right: 480px !important; }

  .last.append--12,
  .brick:last-child.append--12 {
    margin-right: 480px !important; }

  .brick--13 {
    min-height: 40px;
    width: 520px;
    max-width: 520px;
    flex-basis: 520px; }

  .unigrid--col.brick--13,
  .unigrid--row.brick--13,
  .brick--img.brick--13,
  img.brick--13 {
    width: 520px;
    max-width: 520px;
    flex-basis: 520px; }

  .prepend--13 {
    margin-left: 520px !important; }

  .first.prepend--13,
  .brick:first-child.prepend--13 {
    margin-left: 520px !important; }

  .append--13 {
    margin-right: 520px !important; }

  .last.append--13,
  .brick:last-child.append--13 {
    margin-right: 520px !important; }

  .brick--14 {
    min-height: 40px;
    width: 560px;
    max-width: 560px;
    flex-basis: 560px; }

  .unigrid--col.brick--14,
  .unigrid--row.brick--14,
  .brick--img.brick--14,
  img.brick--14 {
    width: 560px;
    max-width: 560px;
    flex-basis: 560px; }

  .prepend--14 {
    margin-left: 560px !important; }

  .first.prepend--14,
  .brick:first-child.prepend--14 {
    margin-left: 560px !important; }

  .append--14 {
    margin-right: 560px !important; }

  .last.append--14,
  .brick:last-child.append--14 {
    margin-right: 560px !important; }

  .brick--15 {
    min-height: 40px;
    width: 600px;
    max-width: 600px;
    flex-basis: 600px; }

  .unigrid--col.brick--15,
  .unigrid--row.brick--15,
  .brick--img.brick--15,
  img.brick--15 {
    width: 600px;
    max-width: 600px;
    flex-basis: 600px; }

  .prepend--15 {
    margin-left: 600px !important; }

  .first.prepend--15,
  .brick:first-child.prepend--15 {
    margin-left: 600px !important; }

  .append--15 {
    margin-right: 600px !important; }

  .last.append--15,
  .brick:last-child.append--15 {
    margin-right: 600px !important; }

  .brick--16 {
    min-height: 40px;
    width: 640px;
    max-width: 640px;
    flex-basis: 640px; }

  .unigrid--col.brick--16,
  .unigrid--row.brick--16,
  .brick--img.brick--16,
  img.brick--16 {
    width: 640px;
    max-width: 640px;
    flex-basis: 640px; }

  .prepend--16 {
    margin-left: 640px !important; }

  .first.prepend--16,
  .brick:first-child.prepend--16 {
    margin-left: 640px !important; }

  .append--16 {
    margin-right: 640px !important; }

  .last.append--16,
  .brick:last-child.append--16 {
    margin-right: 640px !important; }

  .brick--17 {
    min-height: 40px;
    width: 680px;
    max-width: 680px;
    flex-basis: 680px; }

  .unigrid--col.brick--17,
  .unigrid--row.brick--17,
  .brick--img.brick--17,
  img.brick--17 {
    width: 680px;
    max-width: 680px;
    flex-basis: 680px; }

  .prepend--17 {
    margin-left: 680px !important; }

  .first.prepend--17,
  .brick:first-child.prepend--17 {
    margin-left: 680px !important; }

  .append--17 {
    margin-right: 680px !important; }

  .last.append--17,
  .brick:last-child.append--17 {
    margin-right: 680px !important; }

  .brick--18 {
    min-height: 40px;
    width: 720px;
    max-width: 720px;
    flex-basis: 720px; }

  .unigrid--col.brick--18,
  .unigrid--row.brick--18,
  .brick--img.brick--18,
  img.brick--18 {
    width: 720px;
    max-width: 720px;
    flex-basis: 720px; }

  .prepend--18 {
    margin-left: 720px !important; }

  .first.prepend--18,
  .brick:first-child.prepend--18 {
    margin-left: 720px !important; }

  .append--18 {
    margin-right: 720px !important; }

  .last.append--18,
  .brick:last-child.append--18 {
    margin-right: 720px !important; }

  .brick--19 {
    min-height: 40px;
    width: 760px;
    max-width: 760px;
    flex-basis: 760px; }

  .unigrid--col.brick--19,
  .unigrid--row.brick--19,
  .brick--img.brick--19,
  img.brick--19 {
    width: 760px;
    max-width: 760px;
    flex-basis: 760px; }

  .prepend--19 {
    margin-left: 760px !important; }

  .first.prepend--19,
  .brick:first-child.prepend--19 {
    margin-left: 760px !important; }

  .append--19 {
    margin-right: 760px !important; }

  .last.append--19,
  .brick:last-child.append--19 {
    margin-right: 760px !important; }

  .brick--20 {
    min-height: 40px;
    width: 800px;
    max-width: 800px;
    flex-basis: 800px; }

  .unigrid--col.brick--20,
  .unigrid--row.brick--20,
  .brick--img.brick--20,
  img.brick--20 {
    width: 800px;
    max-width: 800px;
    flex-basis: 800px; }

  .prepend--20 {
    margin-left: 800px !important; }

  .first.prepend--20,
  .brick:first-child.prepend--20 {
    margin-left: 800px !important; }

  .append--20 {
    margin-right: 800px !important; }

  .last.append--20,
  .brick:last-child.append--20 {
    margin-right: 800px !important; }

  .brick--21 {
    min-height: 40px;
    width: 840px;
    max-width: 840px;
    flex-basis: 840px; }

  .unigrid--col.brick--21,
  .unigrid--row.brick--21,
  .brick--img.brick--21,
  img.brick--21 {
    width: 840px;
    max-width: 840px;
    flex-basis: 840px; }

  .prepend--21 {
    margin-left: 840px !important; }

  .first.prepend--21,
  .brick:first-child.prepend--21 {
    margin-left: 840px !important; }

  .append--21 {
    margin-right: 840px !important; }

  .last.append--21,
  .brick:last-child.append--21 {
    margin-right: 840px !important; }

  .brick--22 {
    min-height: 40px;
    width: 880px;
    max-width: 880px;
    flex-basis: 880px; }

  .unigrid--col.brick--22,
  .unigrid--row.brick--22,
  .brick--img.brick--22,
  img.brick--22 {
    width: 880px;
    max-width: 880px;
    flex-basis: 880px; }

  .prepend--22 {
    margin-left: 880px !important; }

  .first.prepend--22,
  .brick:first-child.prepend--22 {
    margin-left: 880px !important; }

  .append--22 {
    margin-right: 880px !important; }

  .last.append--22,
  .brick:last-child.append--22 {
    margin-right: 880px !important; }

  .brick--23 {
    min-height: 40px;
    width: 920px;
    max-width: 920px;
    flex-basis: 920px; }

  .unigrid--col.brick--23,
  .unigrid--row.brick--23,
  .brick--img.brick--23,
  img.brick--23 {
    width: 920px;
    max-width: 920px;
    flex-basis: 920px; }

  .prepend--23 {
    margin-left: 920px !important; }

  .first.prepend--23,
  .brick:first-child.prepend--23 {
    margin-left: 920px !important; }

  .append--23 {
    margin-right: 920px !important; }

  .last.append--23,
  .brick:last-child.append--23 {
    margin-right: 920px !important; }

  .brick--24 {
    min-height: 40px;
    width: 960px;
    max-width: 960px;
    flex-basis: 960px; }

  .unigrid--col.brick--24,
  .unigrid--row.brick--24,
  .brick--img.brick--24,
  img.brick--24 {
    width: 960px;
    max-width: 960px;
    flex-basis: 960px; }

  .prepend--24 {
    margin-left: 960px !important; }

  .first.prepend--24,
  .brick:first-child.prepend--24 {
    margin-left: 960px !important; }

  .append--24 {
    margin-right: 960px !important; }

  .last.append--24,
  .brick:last-child.append--24 {
    margin-right: 960px !important; }

  .brick--25 {
    min-height: 40px;
    width: 1000px;
    max-width: 1000px;
    flex-basis: 1000px; }

  .unigrid--col.brick--25,
  .unigrid--row.brick--25,
  .brick--img.brick--25,
  img.brick--25 {
    width: 1000px;
    max-width: 1000px;
    flex-basis: 1000px; }

  .prepend--25 {
    margin-left: 1000px !important; }

  .first.prepend--25,
  .brick:first-child.prepend--25 {
    margin-left: 1000px !important; }

  .append--25 {
    margin-right: 1000px !important; }

  .last.append--25,
  .brick:last-child.append--25 {
    margin-right: 1000px !important; }

  .brick--26 {
    min-height: 40px;
    width: 1040px;
    max-width: 1040px;
    flex-basis: 1040px; }

  .unigrid--col.brick--26,
  .unigrid--row.brick--26,
  .brick--img.brick--26,
  img.brick--26 {
    width: 1040px;
    max-width: 1040px;
    flex-basis: 1040px; }

  .prepend--26 {
    margin-left: 1040px !important; }

  .first.prepend--26,
  .brick:first-child.prepend--26 {
    margin-left: 1040px !important; }

  .append--26 {
    margin-right: 1040px !important; }

  .last.append--26,
  .brick:last-child.append--26 {
    margin-right: 1040px !important; }

  .brick--27 {
    min-height: 40px;
    width: 1080px;
    max-width: 1080px;
    flex-basis: 1080px; }

  .unigrid--col.brick--27,
  .unigrid--row.brick--27,
  .brick--img.brick--27,
  img.brick--27 {
    width: 1080px;
    max-width: 1080px;
    flex-basis: 1080px; }

  .prepend--27 {
    margin-left: 1080px !important; }

  .first.prepend--27,
  .brick:first-child.prepend--27 {
    margin-left: 1080px !important; }

  .append--27 {
    margin-right: 1080px !important; }

  .last.append--27,
  .brick:last-child.append--27 {
    margin-right: 1080px !important; }

  .brick--28 {
    min-height: 40px;
    width: 1120px;
    max-width: 1120px;
    flex-basis: 1120px; }

  .unigrid--col.brick--28,
  .unigrid--row.brick--28,
  .brick--img.brick--28,
  img.brick--28 {
    width: 1120px;
    max-width: 1120px;
    flex-basis: 1120px; }

  .prepend--28 {
    margin-left: 1120px !important; }

  .first.prepend--28,
  .brick:first-child.prepend--28 {
    margin-left: 1120px !important; }

  .append--28 {
    margin-right: 1120px !important; }

  .last.append--28,
  .brick:last-child.append--28 {
    margin-right: 1120px !important; }

  .brick--29 {
    min-height: 40px;
    width: 1160px;
    max-width: 1160px;
    flex-basis: 1160px; }

  .unigrid--col.brick--29,
  .unigrid--row.brick--29,
  .brick--img.brick--29,
  img.brick--29 {
    width: 1160px;
    max-width: 1160px;
    flex-basis: 1160px; }

  .prepend--29 {
    margin-left: 1160px !important; }

  .first.prepend--29,
  .brick:first-child.prepend--29 {
    margin-left: 1160px !important; }

  .append--29 {
    margin-right: 1160px !important; }

  .last.append--29,
  .brick:last-child.append--29 {
    margin-right: 1160px !important; }

  .brick--30 {
    min-height: 40px;
    width: 1200px;
    max-width: 1200px;
    flex-basis: 1200px; }

  .unigrid--col.brick--30,
  .unigrid--row.brick--30,
  .brick--img.brick--30,
  img.brick--30 {
    width: 1200px;
    max-width: 1200px;
    flex-basis: 1200px; }

  .prepend--30 {
    margin-left: 1200px !important; }

  .first.prepend--30,
  .brick:first-child.prepend--30 {
    margin-left: 1200px !important; }

  .append--30 {
    margin-right: 1200px !important; }

  .last.append--30,
  .brick:last-child.append--30 {
    margin-right: 1200px !important; }

  .brick--31 {
    min-height: 40px;
    width: 1240px;
    max-width: 1240px;
    flex-basis: 1240px; }

  .unigrid--col.brick--31,
  .unigrid--row.brick--31,
  .brick--img.brick--31,
  img.brick--31 {
    width: 1240px;
    max-width: 1240px;
    flex-basis: 1240px; }

  .prepend--31 {
    margin-left: 1240px !important; }

  .first.prepend--31,
  .brick:first-child.prepend--31 {
    margin-left: 1240px !important; }

  .append--31 {
    margin-right: 1240px !important; }

  .last.append--31,
  .brick:last-child.append--31 {
    margin-right: 1240px !important; }

  .brick--32 {
    min-height: 40px;
    width: 1280px;
    max-width: 1280px;
    flex-basis: 1280px; }

  .unigrid--col.brick--32,
  .unigrid--row.brick--32,
  .brick--img.brick--32,
  img.brick--32 {
    width: 1280px;
    max-width: 1280px;
    flex-basis: 1280px; }

  .prepend--32 {
    margin-left: 1280px !important; }

  .first.prepend--32,
  .brick:first-child.prepend--32 {
    margin-left: 1280px !important; }

  .append--32 {
    margin-right: 1280px !important; }

  .last.append--32,
  .brick:last-child.append--32 {
    margin-right: 1280px !important; }

  /*------------------------------------*\
    #GRID-COLUMN
  \*------------------------------------*/
  .unigrid--col {
    max-height: 100%;
    width: 100%;
    padding: 0; }

  .unigrid--col > .brick {
    margin: 0 0;
    padding: 2px 4px;
    max-width: calc(100% - 8px);
    display: inline-block; }

  .unigrid--col > img.brick,
  .unigrid--col > .brick--img {
    max-width: calc(100% - 0); }

  .unigrid--col > .brick.unigrid--row {
    display: flex; }

  .unigrid--col > .unigrid--row {
    padding: 0;
    margin: 0;
    max-width: 100%; }

  hr.brick--col {
    background: #000;
    height: 40px;
    max-height: 40px;
    width: 100%; }

  .brick--col--1,
  .brick--col--1 > .brick {
    height: 36px;
    max-height: 36px;
    width: 100%; }

  .brick--col--1.unigrid--row {
    height: 40px;
    max-height: 40px; }

  .brick--col--1 > .brick--img,
  .brick--col--1 > img.brick,
  .unigrid--col > img.brick--col--1,
  .unigrid--col > .brick--img.brick--col--1 {
    height: 40px;
    max-height: 40px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--1,
  .brick.unigrid--col > .brick:first-child.prepend--col--1,
  .brick.unigrid--col > .brick.first.prepend--col--1 {
    margin-top: 40px; }

  .unigrid--col > .brick.append--col--1,
  .brick.unigrid--col > .brick:last-child.append--col--1,
  .brick.unigrid--col > .brick.last.append--col--1 {
    margin-bottom: 40px; }

  .brick--col--2,
  .brick--col--2 > .brick {
    height: 76px;
    max-height: 76px;
    width: 100%; }

  .brick--col--2.unigrid--row {
    height: 80px;
    max-height: 80px; }

  .brick--col--2 > .brick--img,
  .brick--col--2 > img.brick,
  .unigrid--col > img.brick--col--2,
  .unigrid--col > .brick--img.brick--col--2 {
    height: 80px;
    max-height: 80px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--2,
  .brick.unigrid--col > .brick:first-child.prepend--col--2,
  .brick.unigrid--col > .brick.first.prepend--col--2 {
    margin-top: 80px; }

  .unigrid--col > .brick.append--col--2,
  .brick.unigrid--col > .brick:last-child.append--col--2,
  .brick.unigrid--col > .brick.last.append--col--2 {
    margin-bottom: 80px; }

  .brick--col--3,
  .brick--col--3 > .brick {
    height: 116px;
    max-height: 116px;
    width: 100%; }

  .brick--col--3.unigrid--row {
    height: 120px;
    max-height: 120px; }

  .brick--col--3 > .brick--img,
  .brick--col--3 > img.brick,
  .unigrid--col > img.brick--col--3,
  .unigrid--col > .brick--img.brick--col--3 {
    height: 120px;
    max-height: 120px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--3,
  .brick.unigrid--col > .brick:first-child.prepend--col--3,
  .brick.unigrid--col > .brick.first.prepend--col--3 {
    margin-top: 120px; }

  .unigrid--col > .brick.append--col--3,
  .brick.unigrid--col > .brick:last-child.append--col--3,
  .brick.unigrid--col > .brick.last.append--col--3 {
    margin-bottom: 120px; }

  .brick--col--4,
  .brick--col--4 > .brick {
    height: 156px;
    max-height: 156px;
    width: 100%; }

  .brick--col--4.unigrid--row {
    height: 160px;
    max-height: 160px; }

  .brick--col--4 > .brick--img,
  .brick--col--4 > img.brick,
  .unigrid--col > img.brick--col--4,
  .unigrid--col > .brick--img.brick--col--4 {
    height: 160px;
    max-height: 160px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--4,
  .brick.unigrid--col > .brick:first-child.prepend--col--4,
  .brick.unigrid--col > .brick.first.prepend--col--4 {
    margin-top: 160px; }

  .unigrid--col > .brick.append--col--4,
  .brick.unigrid--col > .brick:last-child.append--col--4,
  .brick.unigrid--col > .brick.last.append--col--4 {
    margin-bottom: 160px; }

  .brick--col--5,
  .brick--col--5 > .brick {
    height: 196px;
    max-height: 196px;
    width: 100%; }

  .brick--col--5.unigrid--row {
    height: 200px;
    max-height: 200px; }

  .brick--col--5 > .brick--img,
  .brick--col--5 > img.brick,
  .unigrid--col > img.brick--col--5,
  .unigrid--col > .brick--img.brick--col--5 {
    height: 200px;
    max-height: 200px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--5,
  .brick.unigrid--col > .brick:first-child.prepend--col--5,
  .brick.unigrid--col > .brick.first.prepend--col--5 {
    margin-top: 200px; }

  .unigrid--col > .brick.append--col--5,
  .brick.unigrid--col > .brick:last-child.append--col--5,
  .brick.unigrid--col > .brick.last.append--col--5 {
    margin-bottom: 200px; }

  .brick--col--6,
  .brick--col--6 > .brick {
    height: 236px;
    max-height: 236px;
    width: 100%; }

  .brick--col--6.unigrid--row {
    height: 240px;
    max-height: 240px; }

  .brick--col--6 > .brick--img,
  .brick--col--6 > img.brick,
  .unigrid--col > img.brick--col--6,
  .unigrid--col > .brick--img.brick--col--6 {
    height: 240px;
    max-height: 240px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--6,
  .brick.unigrid--col > .brick:first-child.prepend--col--6,
  .brick.unigrid--col > .brick.first.prepend--col--6 {
    margin-top: 240px; }

  .unigrid--col > .brick.append--col--6,
  .brick.unigrid--col > .brick:last-child.append--col--6,
  .brick.unigrid--col > .brick.last.append--col--6 {
    margin-bottom: 240px; }

  .brick--col--7,
  .brick--col--7 > .brick {
    height: 276px;
    max-height: 276px;
    width: 100%; }

  .brick--col--7.unigrid--row {
    height: 280px;
    max-height: 280px; }

  .brick--col--7 > .brick--img,
  .brick--col--7 > img.brick,
  .unigrid--col > img.brick--col--7,
  .unigrid--col > .brick--img.brick--col--7 {
    height: 280px;
    max-height: 280px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--7,
  .brick.unigrid--col > .brick:first-child.prepend--col--7,
  .brick.unigrid--col > .brick.first.prepend--col--7 {
    margin-top: 280px; }

  .unigrid--col > .brick.append--col--7,
  .brick.unigrid--col > .brick:last-child.append--col--7,
  .brick.unigrid--col > .brick.last.append--col--7 {
    margin-bottom: 280px; }

  .brick--col--8,
  .brick--col--8 > .brick {
    height: 316px;
    max-height: 316px;
    width: 100%; }

  .brick--col--8.unigrid--row {
    height: 320px;
    max-height: 320px; }

  .brick--col--8 > .brick--img,
  .brick--col--8 > img.brick,
  .unigrid--col > img.brick--col--8,
  .unigrid--col > .brick--img.brick--col--8 {
    height: 320px;
    max-height: 320px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--8,
  .brick.unigrid--col > .brick:first-child.prepend--col--8,
  .brick.unigrid--col > .brick.first.prepend--col--8 {
    margin-top: 320px; }

  .unigrid--col > .brick.append--col--8,
  .brick.unigrid--col > .brick:last-child.append--col--8,
  .brick.unigrid--col > .brick.last.append--col--8 {
    margin-bottom: 320px; }

  .brick--col--9,
  .brick--col--9 > .brick {
    height: 356px;
    max-height: 356px;
    width: 100%; }

  .brick--col--9.unigrid--row {
    height: 360px;
    max-height: 360px; }

  .brick--col--9 > .brick--img,
  .brick--col--9 > img.brick,
  .unigrid--col > img.brick--col--9,
  .unigrid--col > .brick--img.brick--col--9 {
    height: 360px;
    max-height: 360px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--9,
  .brick.unigrid--col > .brick:first-child.prepend--col--9,
  .brick.unigrid--col > .brick.first.prepend--col--9 {
    margin-top: 360px; }

  .unigrid--col > .brick.append--col--9,
  .brick.unigrid--col > .brick:last-child.append--col--9,
  .brick.unigrid--col > .brick.last.append--col--9 {
    margin-bottom: 360px; }

  .brick--col--10,
  .brick--col--10 > .brick {
    height: 396px;
    max-height: 396px;
    width: 100%; }

  .brick--col--10.unigrid--row {
    height: 400px;
    max-height: 400px; }

  .brick--col--10 > .brick--img,
  .brick--col--10 > img.brick,
  .unigrid--col > img.brick--col--10,
  .unigrid--col > .brick--img.brick--col--10 {
    height: 400px;
    max-height: 400px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--10,
  .brick.unigrid--col > .brick:first-child.prepend--col--10,
  .brick.unigrid--col > .brick.first.prepend--col--10 {
    margin-top: 400px; }

  .unigrid--col > .brick.append--col--10,
  .brick.unigrid--col > .brick:last-child.append--col--10,
  .brick.unigrid--col > .brick.last.append--col--10 {
    margin-bottom: 400px; }

  .brick--col--11,
  .brick--col--11 > .brick {
    height: 436px;
    max-height: 436px;
    width: 100%; }

  .brick--col--11.unigrid--row {
    height: 440px;
    max-height: 440px; }

  .brick--col--11 > .brick--img,
  .brick--col--11 > img.brick,
  .unigrid--col > img.brick--col--11,
  .unigrid--col > .brick--img.brick--col--11 {
    height: 440px;
    max-height: 440px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--11,
  .brick.unigrid--col > .brick:first-child.prepend--col--11,
  .brick.unigrid--col > .brick.first.prepend--col--11 {
    margin-top: 440px; }

  .unigrid--col > .brick.append--col--11,
  .brick.unigrid--col > .brick:last-child.append--col--11,
  .brick.unigrid--col > .brick.last.append--col--11 {
    margin-bottom: 440px; }

  .brick--col--12,
  .brick--col--12 > .brick {
    height: 476px;
    max-height: 476px;
    width: 100%; }

  .brick--col--12.unigrid--row {
    height: 480px;
    max-height: 480px; }

  .brick--col--12 > .brick--img,
  .brick--col--12 > img.brick,
  .unigrid--col > img.brick--col--12,
  .unigrid--col > .brick--img.brick--col--12 {
    height: 480px;
    max-height: 480px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--12,
  .brick.unigrid--col > .brick:first-child.prepend--col--12,
  .brick.unigrid--col > .brick.first.prepend--col--12 {
    margin-top: 480px; }

  .unigrid--col > .brick.append--col--12,
  .brick.unigrid--col > .brick:last-child.append--col--12,
  .brick.unigrid--col > .brick.last.append--col--12 {
    margin-bottom: 480px; }

  .brick--col--13,
  .brick--col--13 > .brick {
    height: 516px;
    max-height: 516px;
    width: 100%; }

  .brick--col--13.unigrid--row {
    height: 520px;
    max-height: 520px; }

  .brick--col--13 > .brick--img,
  .brick--col--13 > img.brick,
  .unigrid--col > img.brick--col--13,
  .unigrid--col > .brick--img.brick--col--13 {
    height: 520px;
    max-height: 520px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--13,
  .brick.unigrid--col > .brick:first-child.prepend--col--13,
  .brick.unigrid--col > .brick.first.prepend--col--13 {
    margin-top: 520px; }

  .unigrid--col > .brick.append--col--13,
  .brick.unigrid--col > .brick:last-child.append--col--13,
  .brick.unigrid--col > .brick.last.append--col--13 {
    margin-bottom: 520px; }

  .brick--col--14,
  .brick--col--14 > .brick {
    height: 556px;
    max-height: 556px;
    width: 100%; }

  .brick--col--14.unigrid--row {
    height: 560px;
    max-height: 560px; }

  .brick--col--14 > .brick--img,
  .brick--col--14 > img.brick,
  .unigrid--col > img.brick--col--14,
  .unigrid--col > .brick--img.brick--col--14 {
    height: 560px;
    max-height: 560px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--14,
  .brick.unigrid--col > .brick:first-child.prepend--col--14,
  .brick.unigrid--col > .brick.first.prepend--col--14 {
    margin-top: 560px; }

  .unigrid--col > .brick.append--col--14,
  .brick.unigrid--col > .brick:last-child.append--col--14,
  .brick.unigrid--col > .brick.last.append--col--14 {
    margin-bottom: 560px; }

  .brick--col--15,
  .brick--col--15 > .brick {
    height: 596px;
    max-height: 596px;
    width: 100%; }

  .brick--col--15.unigrid--row {
    height: 600px;
    max-height: 600px; }

  .brick--col--15 > .brick--img,
  .brick--col--15 > img.brick,
  .unigrid--col > img.brick--col--15,
  .unigrid--col > .brick--img.brick--col--15 {
    height: 600px;
    max-height: 600px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--15,
  .brick.unigrid--col > .brick:first-child.prepend--col--15,
  .brick.unigrid--col > .brick.first.prepend--col--15 {
    margin-top: 600px; }

  .unigrid--col > .brick.append--col--15,
  .brick.unigrid--col > .brick:last-child.append--col--15,
  .brick.unigrid--col > .brick.last.append--col--15 {
    margin-bottom: 600px; }

  .brick--col--16,
  .brick--col--16 > .brick {
    height: 636px;
    max-height: 636px;
    width: 100%; }

  .brick--col--16.unigrid--row {
    height: 640px;
    max-height: 640px; }

  .brick--col--16 > .brick--img,
  .brick--col--16 > img.brick,
  .unigrid--col > img.brick--col--16,
  .unigrid--col > .brick--img.brick--col--16 {
    height: 640px;
    max-height: 640px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--16,
  .brick.unigrid--col > .brick:first-child.prepend--col--16,
  .brick.unigrid--col > .brick.first.prepend--col--16 {
    margin-top: 640px; }

  .unigrid--col > .brick.append--col--16,
  .brick.unigrid--col > .brick:last-child.append--col--16,
  .brick.unigrid--col > .brick.last.append--col--16 {
    margin-bottom: 640px; }

  .brick--col--17,
  .brick--col--17 > .brick {
    height: 676px;
    max-height: 676px;
    width: 100%; }

  .brick--col--17.unigrid--row {
    height: 680px;
    max-height: 680px; }

  .brick--col--17 > .brick--img,
  .brick--col--17 > img.brick,
  .unigrid--col > img.brick--col--17,
  .unigrid--col > .brick--img.brick--col--17 {
    height: 680px;
    max-height: 680px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--17,
  .brick.unigrid--col > .brick:first-child.prepend--col--17,
  .brick.unigrid--col > .brick.first.prepend--col--17 {
    margin-top: 680px; }

  .unigrid--col > .brick.append--col--17,
  .brick.unigrid--col > .brick:last-child.append--col--17,
  .brick.unigrid--col > .brick.last.append--col--17 {
    margin-bottom: 680px; }

  .brick--col--18,
  .brick--col--18 > .brick {
    height: 716px;
    max-height: 716px;
    width: 100%; }

  .brick--col--18.unigrid--row {
    height: 720px;
    max-height: 720px; }

  .brick--col--18 > .brick--img,
  .brick--col--18 > img.brick,
  .unigrid--col > img.brick--col--18,
  .unigrid--col > .brick--img.brick--col--18 {
    height: 720px;
    max-height: 720px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--18,
  .brick.unigrid--col > .brick:first-child.prepend--col--18,
  .brick.unigrid--col > .brick.first.prepend--col--18 {
    margin-top: 720px; }

  .unigrid--col > .brick.append--col--18,
  .brick.unigrid--col > .brick:last-child.append--col--18,
  .brick.unigrid--col > .brick.last.append--col--18 {
    margin-bottom: 720px; }

  .brick--col--19,
  .brick--col--19 > .brick {
    height: 756px;
    max-height: 756px;
    width: 100%; }

  .brick--col--19.unigrid--row {
    height: 760px;
    max-height: 760px; }

  .brick--col--19 > .brick--img,
  .brick--col--19 > img.brick,
  .unigrid--col > img.brick--col--19,
  .unigrid--col > .brick--img.brick--col--19 {
    height: 760px;
    max-height: 760px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--19,
  .brick.unigrid--col > .brick:first-child.prepend--col--19,
  .brick.unigrid--col > .brick.first.prepend--col--19 {
    margin-top: 760px; }

  .unigrid--col > .brick.append--col--19,
  .brick.unigrid--col > .brick:last-child.append--col--19,
  .brick.unigrid--col > .brick.last.append--col--19 {
    margin-bottom: 760px; }

  .brick--col--20,
  .brick--col--20 > .brick {
    height: 796px;
    max-height: 796px;
    width: 100%; }

  .brick--col--20.unigrid--row {
    height: 800px;
    max-height: 800px; }

  .brick--col--20 > .brick--img,
  .brick--col--20 > img.brick,
  .unigrid--col > img.brick--col--20,
  .unigrid--col > .brick--img.brick--col--20 {
    height: 800px;
    max-height: 800px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--20,
  .brick.unigrid--col > .brick:first-child.prepend--col--20,
  .brick.unigrid--col > .brick.first.prepend--col--20 {
    margin-top: 800px; }

  .unigrid--col > .brick.append--col--20,
  .brick.unigrid--col > .brick:last-child.append--col--20,
  .brick.unigrid--col > .brick.last.append--col--20 {
    margin-bottom: 800px; }

  .brick--col--21,
  .brick--col--21 > .brick {
    height: 836px;
    max-height: 836px;
    width: 100%; }

  .brick--col--21.unigrid--row {
    height: 840px;
    max-height: 840px; }

  .brick--col--21 > .brick--img,
  .brick--col--21 > img.brick,
  .unigrid--col > img.brick--col--21,
  .unigrid--col > .brick--img.brick--col--21 {
    height: 840px;
    max-height: 840px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--21,
  .brick.unigrid--col > .brick:first-child.prepend--col--21,
  .brick.unigrid--col > .brick.first.prepend--col--21 {
    margin-top: 840px; }

  .unigrid--col > .brick.append--col--21,
  .brick.unigrid--col > .brick:last-child.append--col--21,
  .brick.unigrid--col > .brick.last.append--col--21 {
    margin-bottom: 840px; }

  .brick--col--22,
  .brick--col--22 > .brick {
    height: 876px;
    max-height: 876px;
    width: 100%; }

  .brick--col--22.unigrid--row {
    height: 880px;
    max-height: 880px; }

  .brick--col--22 > .brick--img,
  .brick--col--22 > img.brick,
  .unigrid--col > img.brick--col--22,
  .unigrid--col > .brick--img.brick--col--22 {
    height: 880px;
    max-height: 880px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--22,
  .brick.unigrid--col > .brick:first-child.prepend--col--22,
  .brick.unigrid--col > .brick.first.prepend--col--22 {
    margin-top: 880px; }

  .unigrid--col > .brick.append--col--22,
  .brick.unigrid--col > .brick:last-child.append--col--22,
  .brick.unigrid--col > .brick.last.append--col--22 {
    margin-bottom: 880px; }

  .brick--col--23,
  .brick--col--23 > .brick {
    height: 916px;
    max-height: 916px;
    width: 100%; }

  .brick--col--23.unigrid--row {
    height: 920px;
    max-height: 920px; }

  .brick--col--23 > .brick--img,
  .brick--col--23 > img.brick,
  .unigrid--col > img.brick--col--23,
  .unigrid--col > .brick--img.brick--col--23 {
    height: 920px;
    max-height: 920px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--23,
  .brick.unigrid--col > .brick:first-child.prepend--col--23,
  .brick.unigrid--col > .brick.first.prepend--col--23 {
    margin-top: 920px; }

  .unigrid--col > .brick.append--col--23,
  .brick.unigrid--col > .brick:last-child.append--col--23,
  .brick.unigrid--col > .brick.last.append--col--23 {
    margin-bottom: 920px; }

  .brick--col--24,
  .brick--col--24 > .brick {
    height: 956px;
    max-height: 956px;
    width: 100%; }

  .brick--col--24.unigrid--row {
    height: 960px;
    max-height: 960px; }

  .brick--col--24 > .brick--img,
  .brick--col--24 > img.brick,
  .unigrid--col > img.brick--col--24,
  .unigrid--col > .brick--img.brick--col--24 {
    height: 960px;
    max-height: 960px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--24,
  .brick.unigrid--col > .brick:first-child.prepend--col--24,
  .brick.unigrid--col > .brick.first.prepend--col--24 {
    margin-top: 960px; }

  .unigrid--col > .brick.append--col--24,
  .brick.unigrid--col > .brick:last-child.append--col--24,
  .brick.unigrid--col > .brick.last.append--col--24 {
    margin-bottom: 960px; }

  .brick--col--25,
  .brick--col--25 > .brick {
    height: 996px;
    max-height: 996px;
    width: 100%; }

  .brick--col--25.unigrid--row {
    height: 1000px;
    max-height: 1000px; }

  .brick--col--25 > .brick--img,
  .brick--col--25 > img.brick,
  .unigrid--col > img.brick--col--25,
  .unigrid--col > .brick--img.brick--col--25 {
    height: 1000px;
    max-height: 1000px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--25,
  .brick.unigrid--col > .brick:first-child.prepend--col--25,
  .brick.unigrid--col > .brick.first.prepend--col--25 {
    margin-top: 1000px; }

  .unigrid--col > .brick.append--col--25,
  .brick.unigrid--col > .brick:last-child.append--col--25,
  .brick.unigrid--col > .brick.last.append--col--25 {
    margin-bottom: 1000px; }

  .brick--col--26,
  .brick--col--26 > .brick {
    height: 1036px;
    max-height: 1036px;
    width: 100%; }

  .brick--col--26.unigrid--row {
    height: 1040px;
    max-height: 1040px; }

  .brick--col--26 > .brick--img,
  .brick--col--26 > img.brick,
  .unigrid--col > img.brick--col--26,
  .unigrid--col > .brick--img.brick--col--26 {
    height: 1040px;
    max-height: 1040px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--26,
  .brick.unigrid--col > .brick:first-child.prepend--col--26,
  .brick.unigrid--col > .brick.first.prepend--col--26 {
    margin-top: 1040px; }

  .unigrid--col > .brick.append--col--26,
  .brick.unigrid--col > .brick:last-child.append--col--26,
  .brick.unigrid--col > .brick.last.append--col--26 {
    margin-bottom: 1040px; }

  .brick--col--27,
  .brick--col--27 > .brick {
    height: 1076px;
    max-height: 1076px;
    width: 100%; }

  .brick--col--27.unigrid--row {
    height: 1080px;
    max-height: 1080px; }

  .brick--col--27 > .brick--img,
  .brick--col--27 > img.brick,
  .unigrid--col > img.brick--col--27,
  .unigrid--col > .brick--img.brick--col--27 {
    height: 1080px;
    max-height: 1080px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--27,
  .brick.unigrid--col > .brick:first-child.prepend--col--27,
  .brick.unigrid--col > .brick.first.prepend--col--27 {
    margin-top: 1080px; }

  .unigrid--col > .brick.append--col--27,
  .brick.unigrid--col > .brick:last-child.append--col--27,
  .brick.unigrid--col > .brick.last.append--col--27 {
    margin-bottom: 1080px; }

  .brick--col--28,
  .brick--col--28 > .brick {
    height: 1116px;
    max-height: 1116px;
    width: 100%; }

  .brick--col--28.unigrid--row {
    height: 1120px;
    max-height: 1120px; }

  .brick--col--28 > .brick--img,
  .brick--col--28 > img.brick,
  .unigrid--col > img.brick--col--28,
  .unigrid--col > .brick--img.brick--col--28 {
    height: 1120px;
    max-height: 1120px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--28,
  .brick.unigrid--col > .brick:first-child.prepend--col--28,
  .brick.unigrid--col > .brick.first.prepend--col--28 {
    margin-top: 1120px; }

  .unigrid--col > .brick.append--col--28,
  .brick.unigrid--col > .brick:last-child.append--col--28,
  .brick.unigrid--col > .brick.last.append--col--28 {
    margin-bottom: 1120px; }

  .brick--col--29,
  .brick--col--29 > .brick {
    height: 1156px;
    max-height: 1156px;
    width: 100%; }

  .brick--col--29.unigrid--row {
    height: 1160px;
    max-height: 1160px; }

  .brick--col--29 > .brick--img,
  .brick--col--29 > img.brick,
  .unigrid--col > img.brick--col--29,
  .unigrid--col > .brick--img.brick--col--29 {
    height: 1160px;
    max-height: 1160px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--29,
  .brick.unigrid--col > .brick:first-child.prepend--col--29,
  .brick.unigrid--col > .brick.first.prepend--col--29 {
    margin-top: 1160px; }

  .unigrid--col > .brick.append--col--29,
  .brick.unigrid--col > .brick:last-child.append--col--29,
  .brick.unigrid--col > .brick.last.append--col--29 {
    margin-bottom: 1160px; }

  .brick--col--30,
  .brick--col--30 > .brick {
    height: 1196px;
    max-height: 1196px;
    width: 100%; }

  .brick--col--30.unigrid--row {
    height: 1200px;
    max-height: 1200px; }

  .brick--col--30 > .brick--img,
  .brick--col--30 > img.brick,
  .unigrid--col > img.brick--col--30,
  .unigrid--col > .brick--img.brick--col--30 {
    height: 1200px;
    max-height: 1200px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--30,
  .brick.unigrid--col > .brick:first-child.prepend--col--30,
  .brick.unigrid--col > .brick.first.prepend--col--30 {
    margin-top: 1200px; }

  .unigrid--col > .brick.append--col--30,
  .brick.unigrid--col > .brick:last-child.append--col--30,
  .brick.unigrid--col > .brick.last.append--col--30 {
    margin-bottom: 1200px; }

  .brick--col--31,
  .brick--col--31 > .brick {
    height: 1236px;
    max-height: 1236px;
    width: 100%; }

  .brick--col--31.unigrid--row {
    height: 1240px;
    max-height: 1240px; }

  .brick--col--31 > .brick--img,
  .brick--col--31 > img.brick,
  .unigrid--col > img.brick--col--31,
  .unigrid--col > .brick--img.brick--col--31 {
    height: 1240px;
    max-height: 1240px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--31,
  .brick.unigrid--col > .brick:first-child.prepend--col--31,
  .brick.unigrid--col > .brick.first.prepend--col--31 {
    margin-top: 1240px; }

  .unigrid--col > .brick.append--col--31,
  .brick.unigrid--col > .brick:last-child.append--col--31,
  .brick.unigrid--col > .brick.last.append--col--31 {
    margin-bottom: 1240px; }

  .brick--col--32,
  .brick--col--32 > .brick {
    height: 1276px;
    max-height: 1276px;
    width: 100%; }

  .brick--col--32.unigrid--row {
    height: 1280px;
    max-height: 1280px; }

  .brick--col--32 > .brick--img,
  .brick--col--32 > img.brick,
  .unigrid--col > img.brick--col--32,
  .unigrid--col > .brick--img.brick--col--32 {
    height: 1280px;
    max-height: 1280px;
    padding: 0; }

  .unigrid--col > .brick.prepend--col--32,
  .brick.unigrid--col > .brick:first-child.prepend--col--32,
  .brick.unigrid--col > .brick.first.prepend--col--32 {
    margin-top: 1280px; }

  .unigrid--col > .brick.append--col--32,
  .brick.unigrid--col > .brick:last-child.append--col--32,
  .brick.unigrid--col > .brick.last.append--col--32 {
    margin-bottom: 1280px; }

  /*------------------------------------*\
    #GRID-ORDER
  \*------------------------------------*/
  .order--1 {
    order: 1; }

  .order--2 {
    order: 2; }

  .order--3 {
    order: 3; }

  .order--4 {
    order: 4; }

  .order--5 {
    order: 5; }

  .order--6 {
    order: 6; }

  .order--7 {
    order: 7; }

  .order--8 {
    order: 8; }

  .order--9 {
    order: 9; }

  .order--10 {
    order: 10; }

  .order--11 {
    order: 11; }

  .order--12 {
    order: 12; }

  .order--13 {
    order: 13; }

  .order--14 {
    order: 14; }

  .order--15 {
    order: 15; }

  .order--16 {
    order: 16; }

  .order--17 {
    order: 17; }

  .order--18 {
    order: 18; }

  .order--19 {
    order: 19; }

  .order--20 {
    order: 20; }

  .order--21 {
    order: 21; }

  .order--22 {
    order: 22; }

  .order--23 {
    order: 23; }

  .order--24 {
    order: 24; }

  .order--25 {
    order: 25; }

  .order--26 {
    order: 26; }

  .order--27 {
    order: 27; }

  .order--28 {
    order: 28; }

  .order--29 {
    order: 29; }

  .order--30 {
    order: 30; }

  .order--31 {
    order: 31; }

  .order--32 {
    order: 32; } }
/*------------------------------------*\
  #MOBILE-UNIGRID
\*------------------------------------*/
@media only screen and (max-width: 767px) {
  .brick {
    max-width: 100%;
    width: 100%; }

  .brick-mobile--hide {
    display: none; }

  .brick-mobile--show {
    display: flex; }

  .container {
    max-width: 100%;
    height: 100%;
    margin: 0; }

  .unigrid--row {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start; }

  .brick-mobile--1 {
    flex-basis: calc(8.33333% - 8px);
    max-width: calc(8.33333% - 8px);
    width: calc(8.33333% - 8px); }

  .unigrid--col.brick-mobile--1,
  .unigrid--row.brick-mobile--1,
  .brick--img.brick-mobile--1,
  img.brick-mobile--1 {
    width: calc(8.33333% - 0);
    max-width: calc(8.33333% - 0);
    flex-basis: calc(8.33333% - 0); }

  .prepend--1,
  .first.prepend--1,
  .brick:first-child.prepend--1 {
    margin-left: 0; }

  .append--1,
  .last.append--1,
  .brick:last-child.append--1 {
    margin-right: 0; }

  .prepend-mobile--1,
  .first.prepend-mobile--1,
  .brick:first-child.prepend-mobile--1 {
    margin-left: calc(8.33333% + 0) !important; }

  .append-mobile--1,
  .last.append-mobile--1,
  .brick:last-child.append-mobile--1 {
    margin-right: calc(8.33333% + 0) !important; }

  .brick-mobile--2 {
    flex-basis: calc(16.66667% - 8px);
    max-width: calc(16.66667% - 8px);
    width: calc(16.66667% - 8px); }

  .unigrid--col.brick-mobile--2,
  .unigrid--row.brick-mobile--2,
  .brick--img.brick-mobile--2,
  img.brick-mobile--2 {
    width: calc(16.66667% - 0);
    max-width: calc(16.66667% - 0);
    flex-basis: calc(16.66667% - 0); }

  .prepend--2,
  .first.prepend--2,
  .brick:first-child.prepend--2 {
    margin-left: 0; }

  .append--2,
  .last.append--2,
  .brick:last-child.append--2 {
    margin-right: 0; }

  .prepend-mobile--2,
  .first.prepend-mobile--2,
  .brick:first-child.prepend-mobile--2 {
    margin-left: calc(16.66667% + 0) !important; }

  .append-mobile--2,
  .last.append-mobile--2,
  .brick:last-child.append-mobile--2 {
    margin-right: calc(16.66667% + 0) !important; }

  .brick-mobile--3 {
    flex-basis: calc(25% - 8px);
    max-width: calc(25% - 8px);
    width: calc(25% - 8px); }

  .unigrid--col.brick-mobile--3,
  .unigrid--row.brick-mobile--3,
  .brick--img.brick-mobile--3,
  img.brick-mobile--3 {
    width: calc(25% - 0);
    max-width: calc(25% - 0);
    flex-basis: calc(25% - 0); }

  .prepend--3,
  .first.prepend--3,
  .brick:first-child.prepend--3 {
    margin-left: 0; }

  .append--3,
  .last.append--3,
  .brick:last-child.append--3 {
    margin-right: 0; }

  .prepend-mobile--3,
  .first.prepend-mobile--3,
  .brick:first-child.prepend-mobile--3 {
    margin-left: calc(25% + 0) !important; }

  .append-mobile--3,
  .last.append-mobile--3,
  .brick:last-child.append-mobile--3 {
    margin-right: calc(25% + 0) !important; }

  .brick-mobile--4 {
    flex-basis: calc(33.33333% - 8px);
    max-width: calc(33.33333% - 8px);
    width: calc(33.33333% - 8px); }

  .unigrid--col.brick-mobile--4,
  .unigrid--row.brick-mobile--4,
  .brick--img.brick-mobile--4,
  img.brick-mobile--4 {
    width: calc(33.33333% - 0);
    max-width: calc(33.33333% - 0);
    flex-basis: calc(33.33333% - 0); }

  .prepend--4,
  .first.prepend--4,
  .brick:first-child.prepend--4 {
    margin-left: 0; }

  .append--4,
  .last.append--4,
  .brick:last-child.append--4 {
    margin-right: 0; }

  .prepend-mobile--4,
  .first.prepend-mobile--4,
  .brick:first-child.prepend-mobile--4 {
    margin-left: calc(33.33333% + 0) !important; }

  .append-mobile--4,
  .last.append-mobile--4,
  .brick:last-child.append-mobile--4 {
    margin-right: calc(33.33333% + 0) !important; }

  .brick-mobile--5 {
    flex-basis: calc(41.66667% - 8px);
    max-width: calc(41.66667% - 8px);
    width: calc(41.66667% - 8px); }

  .unigrid--col.brick-mobile--5,
  .unigrid--row.brick-mobile--5,
  .brick--img.brick-mobile--5,
  img.brick-mobile--5 {
    width: calc(41.66667% - 0);
    max-width: calc(41.66667% - 0);
    flex-basis: calc(41.66667% - 0); }

  .prepend--5,
  .first.prepend--5,
  .brick:first-child.prepend--5 {
    margin-left: 0; }

  .append--5,
  .last.append--5,
  .brick:last-child.append--5 {
    margin-right: 0; }

  .prepend-mobile--5,
  .first.prepend-mobile--5,
  .brick:first-child.prepend-mobile--5 {
    margin-left: calc(41.66667% + 0) !important; }

  .append-mobile--5,
  .last.append-mobile--5,
  .brick:last-child.append-mobile--5 {
    margin-right: calc(41.66667% + 0) !important; }

  .brick-mobile--6 {
    flex-basis: calc(50% - 8px);
    max-width: calc(50% - 8px);
    width: calc(50% - 8px); }

  .unigrid--col.brick-mobile--6,
  .unigrid--row.brick-mobile--6,
  .brick--img.brick-mobile--6,
  img.brick-mobile--6 {
    width: calc(50% - 0);
    max-width: calc(50% - 0);
    flex-basis: calc(50% - 0); }

  .prepend--6,
  .first.prepend--6,
  .brick:first-child.prepend--6 {
    margin-left: 0; }

  .append--6,
  .last.append--6,
  .brick:last-child.append--6 {
    margin-right: 0; }

  .prepend-mobile--6,
  .first.prepend-mobile--6,
  .brick:first-child.prepend-mobile--6 {
    margin-left: calc(50% + 0) !important; }

  .append-mobile--6,
  .last.append-mobile--6,
  .brick:last-child.append-mobile--6 {
    margin-right: calc(50% + 0) !important; }

  .brick-mobile--7 {
    flex-basis: calc(58.33333% - 8px);
    max-width: calc(58.33333% - 8px);
    width: calc(58.33333% - 8px); }

  .unigrid--col.brick-mobile--7,
  .unigrid--row.brick-mobile--7,
  .brick--img.brick-mobile--7,
  img.brick-mobile--7 {
    width: calc(58.33333% - 0);
    max-width: calc(58.33333% - 0);
    flex-basis: calc(58.33333% - 0); }

  .prepend--7,
  .first.prepend--7,
  .brick:first-child.prepend--7 {
    margin-left: 0; }

  .append--7,
  .last.append--7,
  .brick:last-child.append--7 {
    margin-right: 0; }

  .prepend-mobile--7,
  .first.prepend-mobile--7,
  .brick:first-child.prepend-mobile--7 {
    margin-left: calc(58.33333% + 0) !important; }

  .append-mobile--7,
  .last.append-mobile--7,
  .brick:last-child.append-mobile--7 {
    margin-right: calc(58.33333% + 0) !important; }

  .brick-mobile--8 {
    flex-basis: calc(66.66667% - 8px);
    max-width: calc(66.66667% - 8px);
    width: calc(66.66667% - 8px); }

  .unigrid--col.brick-mobile--8,
  .unigrid--row.brick-mobile--8,
  .brick--img.brick-mobile--8,
  img.brick-mobile--8 {
    width: calc(66.66667% - 0);
    max-width: calc(66.66667% - 0);
    flex-basis: calc(66.66667% - 0); }

  .prepend--8,
  .first.prepend--8,
  .brick:first-child.prepend--8 {
    margin-left: 0; }

  .append--8,
  .last.append--8,
  .brick:last-child.append--8 {
    margin-right: 0; }

  .prepend-mobile--8,
  .first.prepend-mobile--8,
  .brick:first-child.prepend-mobile--8 {
    margin-left: calc(66.66667% + 0) !important; }

  .append-mobile--8,
  .last.append-mobile--8,
  .brick:last-child.append-mobile--8 {
    margin-right: calc(66.66667% + 0) !important; }

  .brick-mobile--9 {
    flex-basis: calc(75% - 8px);
    max-width: calc(75% - 8px);
    width: calc(75% - 8px); }

  .unigrid--col.brick-mobile--9,
  .unigrid--row.brick-mobile--9,
  .brick--img.brick-mobile--9,
  img.brick-mobile--9 {
    width: calc(75% - 0);
    max-width: calc(75% - 0);
    flex-basis: calc(75% - 0); }

  .prepend--9,
  .first.prepend--9,
  .brick:first-child.prepend--9 {
    margin-left: 0; }

  .append--9,
  .last.append--9,
  .brick:last-child.append--9 {
    margin-right: 0; }

  .prepend-mobile--9,
  .first.prepend-mobile--9,
  .brick:first-child.prepend-mobile--9 {
    margin-left: calc(75% + 0) !important; }


  .append-mobile--9,
  .last.append-mobile--9,
  .brick:last-child.append-mobile--9 {
    margin-right: calc(75% + 0) !important; }

  .brick-mobile--10 {
    flex-basis: calc(83.33333% - 8px);
    max-width: calc(83.33333% - 8px);
    width: calc(83.33333% - 8px); }

  .unigrid--col.brick-mobile--10,
  .unigrid--row.brick-mobile--10,
  .brick--img.brick-mobile--10,
  img.brick-mobile--10 {
    width: calc(83.33333% - 0);
    max-width: calc(83.33333% - 0);
    flex-basis: calc(83.33333% - 0); }

  .prepend--10,
  .first.prepend--10,
  .brick:first-child.prepend--10 {
    margin-left: 0; }

  .append--10,
  .last.append--10,
  .brick:last-child.append--10 {
    margin-right: 0; }

  .prepend-mobile--10,
  .first.prepend-mobile--10,
  .brick:first-child.prepend-mobile--10 {
    margin-left: calc(83.33333% + 0) !important; }

  .append-mobile--10,
  .last.append-mobile--10,
  .brick:last-child.append-mobile--10 {
    margin-right: calc(83.33333% + 0) !important; }

  .brick-mobile--11 {
    flex-basis: calc(91.66667% - 8px);
    max-width: calc(91.66667% - 8px);
    width: calc(91.66667% - 8px); }

  .unigrid--col.brick-mobile--11,
  .unigrid--row.brick-mobile--11,
  .brick--img.brick-mobile--11,
  img.brick-mobile--11 {
    width: calc(91.66667% - 0);
    max-width: calc(91.66667% - 0);
    flex-basis: calc(91.66667% - 0); }

  .prepend--11,
  .first.prepend--11,
  .brick:first-child.prepend--11 {
    margin-left: 0; }

  .append--11,
  .last.append--11,
  .brick:last-child.append--11 {
    margin-right: 0; }

  .prepend-mobile--11,
  .first.prepend-mobile--11,
  .brick:first-child.prepend-mobile--11 {
    margin-left: calc(91.66667% + 0) !important; }

  .append-mobile--11,
  .last.append-mobile--11,
  .brick:last-child.append-mobile--11 {
    margin-right: calc(91.66667% + 0) !important; }

  .brick-mobile--12 {
    flex-basis: calc(100% - 8px);
    max-width: calc(100% - 8px);
    width: calc(100% - 8px); }

  .unigrid--col.brick-mobile--12,
  .unigrid--row.brick-mobile--12,
  .brick--img.brick-mobile--12,
  img.brick-mobile--12 {
    width: calc(100% - 0);
    max-width: calc(100% - 0);
    flex-basis: calc(100% - 0); }

  .prepend--12,
  .first.prepend--12,
  .brick:first-child.prepend--12 {
    margin-left: 0; }

  .append--12,
  .last.append--12,
  .brick:last-child.append--12 {
    margin-right: 0; }

  .prepend-mobile--12,
  .first.prepend-mobile--12,
  .brick:first-child.prepend-mobile--12 {
    margin-left: calc(100% + 0) !important; }

  .append-mobile--12,
  .last.append-mobile--12,
  .brick:last-child.append-mobile--12 {
    margin-right: calc(100% + 0) !important; }

  /*------------------------------------*\
    #MOBILE-GRID-COLUMN
  \*------------------------------------*/
  .unigrid--col > .brick {
    max-width: calc(100% - 8px);
    display: inline-block; }

  .unigrid--col > img.brick,
  .unigrid--col > .brick--img {
    max-width: calc(100% - 0); }

  .unigrid--col > .brick.unigrid--row {
    display: flex; }

  .unigrid--col > .unigrid--row {
    height: 100%;
    max-height: 100%;
    margin: 0;
    max-width: 100%; }

  .brick-mobile--col--1,
  .brick-mobile--col--1 > .brick {
    height: 36px;
    max-height: 36px; }

  .unigrid--row.brick-mobile--col--1 {
    height: 40px;
    max-height: 40px;
    display: flex; }

  .brick-mobile--col--1 > .brick--img,
  .brick-mobile--col--1 > img.brick,
  .unigrid--col > img.brick-mobile--col--1,
  .unigrid--col > .brick--img.brick-mobile--col--1 {
    height: 40px;
    max-height: 40px; }

  .unigrid--col > .brick.prepend--col--1 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--1 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--1,
  .brick.unigrid--col > .brick:first-child.prepend--col--1,
  .brick.unigrid--col > .brick.first.prepend--col--1 {
    margin-top: 40px; }

  .unigrid--col > .brick.append--col--1,
  .brick.unigrid--col > .brick:last-child.append--col--1,
  .brick.unigrid--col > .brick.last.append--col--1 {
    margin-bottom: 40px; }

  .brick-mobile--col--2,
  .brick-mobile--col--2 > .brick {
    height: 76px;
    max-height: 76px; }

  .unigrid--row.brick-mobile--col--2 {
    height: 80px;
    max-height: 80px;
    display: flex; }

  .brick-mobile--col--2 > .brick--img,
  .brick-mobile--col--2 > img.brick,
  .unigrid--col > img.brick-mobile--col--2,
  .unigrid--col > .brick--img.brick-mobile--col--2 {
    height: 80px;
    max-height: 80px; }

  .unigrid--col > .brick.prepend--col--2 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--2 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--2,
  .brick.unigrid--col > .brick:first-child.prepend--col--2,
  .brick.unigrid--col > .brick.first.prepend--col--2 {
    margin-top: 80px; }

  .unigrid--col > .brick.append--col--2,
  .brick.unigrid--col > .brick:last-child.append--col--2,
  .brick.unigrid--col > .brick.last.append--col--2 {
    margin-bottom: 80px; }

  .brick-mobile--col--3,
  .brick-mobile--col--3 > .brick {
    height: 116px;
    max-height: 116px; }

  .unigrid--row.brick-mobile--col--3 {
    height: 120px;
    max-height: 120px;
    display: flex; }

  .brick-mobile--col--3 > .brick--img,
  .brick-mobile--col--3 > img.brick,
  .unigrid--col > img.brick-mobile--col--3,
  .unigrid--col > .brick--img.brick-mobile--col--3 {
    height: 120px;
    max-height: 120px; }

  .unigrid--col > .brick.prepend--col--3 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--3 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--3,
  .brick.unigrid--col > .brick:first-child.prepend--col--3,
  .brick.unigrid--col > .brick.first.prepend--col--3 {
    margin-top: 120px; }

  .unigrid--col > .brick.append--col--3,
  .brick.unigrid--col > .brick:last-child.append--col--3,
  .brick.unigrid--col > .brick.last.append--col--3 {
    margin-bottom: 120px; }

  .brick-mobile--col--4,
  .brick-mobile--col--4 > .brick {
    height: 156px;
    max-height: 156px; }

  .unigrid--row.brick-mobile--col--4 {
    height: 160px;
    max-height: 160px;
    display: flex; }

  .brick-mobile--col--4 > .brick--img,
  .brick-mobile--col--4 > img.brick,
  .unigrid--col > img.brick-mobile--col--4,
  .unigrid--col > .brick--img.brick-mobile--col--4 {
    height: 160px;
    max-height: 160px; }

  .unigrid--col > .brick.prepend--col--4 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--4 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--4,
  .brick.unigrid--col > .brick:first-child.prepend--col--4,
  .brick.unigrid--col > .brick.first.prepend--col--4 {
    margin-top: 160px; }

  .unigrid--col > .brick.append--col--4,
  .brick.unigrid--col > .brick:last-child.append--col--4,
  .brick.unigrid--col > .brick.last.append--col--4 {
    margin-bottom: 160px; }

  .brick-mobile--col--5,
  .brick-mobile--col--5 > .brick {
    height: 196px;
    max-height: 196px; }

  .unigrid--row.brick-mobile--col--5 {
    height: 200px;
    max-height: 200px;
    display: flex; }

  .brick-mobile--col--5 > .brick--img,
  .brick-mobile--col--5 > img.brick,
  .unigrid--col > img.brick-mobile--col--5,
  .unigrid--col > .brick--img.brick-mobile--col--5 {
    height: 200px;
    max-height: 200px; }

  .unigrid--col > .brick.prepend--col--5 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--5 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--5,
  .brick.unigrid--col > .brick:first-child.prepend--col--5,
  .brick.unigrid--col > .brick.first.prepend--col--5 {
    margin-top: 200px; }

  .unigrid--col > .brick.append--col--5,
  .brick.unigrid--col > .brick:last-child.append--col--5,
  .brick.unigrid--col > .brick.last.append--col--5 {
    margin-bottom: 200px; }

  .brick-mobile--col--6,
  .brick-mobile--col--6 > .brick {
    height: 236px;
    max-height: 236px; }

  .unigrid--row.brick-mobile--col--6 {
    height: 240px;
    max-height: 240px;
    display: flex; }

  .brick-mobile--col--6 > .brick--img,
  .brick-mobile--col--6 > img.brick,
  .unigrid--col > img.brick-mobile--col--6,
  .unigrid--col > .brick--img.brick-mobile--col--6 {
    height: 240px;
    max-height: 240px; }

  .unigrid--col > .brick.prepend--col--6 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--6 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--6,
  .brick.unigrid--col > .brick:first-child.prepend--col--6,
  .brick.unigrid--col > .brick.first.prepend--col--6 {
    margin-top: 240px; }

  .unigrid--col > .brick.append--col--6,
  .brick.unigrid--col > .brick:last-child.append--col--6,
  .brick.unigrid--col > .brick.last.append--col--6 {
    margin-bottom: 240px; }

  .brick-mobile--col--7,
  .brick-mobile--col--7 > .brick {
    height: 276px;
    max-height: 276px; }

  .unigrid--row.brick-mobile--col--7 {
    height: 280px;
    max-height: 280px;
    display: flex; }

  .brick-mobile--col--7 > .brick--img,
  .brick-mobile--col--7 > img.brick,
  .unigrid--col > img.brick-mobile--col--7,
  .unigrid--col > .brick--img.brick-mobile--col--7 {
    height: 280px;
    max-height: 280px; }

  .unigrid--col > .brick.prepend--col--7 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--7 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--7,
  .brick.unigrid--col > .brick:first-child.prepend--col--7,
  .brick.unigrid--col > .brick.first.prepend--col--7 {
    margin-top: 280px; }

  .unigrid--col > .brick.append--col--7,
  .brick.unigrid--col > .brick:last-child.append--col--7,
  .brick.unigrid--col > .brick.last.append--col--7 {
    margin-bottom: 280px; }

  .brick-mobile--col--8,
  .brick-mobile--col--8 > .brick {
    height: 316px;
    max-height: 316px; }

  .unigrid--row.brick-mobile--col--8 {
    height: 320px;
    max-height: 320px;
    display: flex; }

  .brick-mobile--col--8 > .brick--img,
  .brick-mobile--col--8 > img.brick,
  .unigrid--col > img.brick-mobile--col--8,
  .unigrid--col > .brick--img.brick-mobile--col--8 {
    height: 320px;
    max-height: 320px; }

  .unigrid--col > .brick.prepend--col--8 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--8 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--8,
  .brick.unigrid--col > .brick:first-child.prepend--col--8,
  .brick.unigrid--col > .brick.first.prepend--col--8 {
    margin-top: 320px; }

  .unigrid--col > .brick.append--col--8,
  .brick.unigrid--col > .brick:last-child.append--col--8,
  .brick.unigrid--col > .brick.last.append--col--8 {
    margin-bottom: 320px; }

  .brick-mobile--col--9,
  .brick-mobile--col--9 > .brick {
    height: 356px;
    max-height: 356px; }

  .unigrid--row.brick-mobile--col--9 {
    height: 360px;
    max-height: 360px;
    display: flex; }

  .brick-mobile--col--9 > .brick--img,
  .brick-mobile--col--9 > img.brick,
  .unigrid--col > img.brick-mobile--col--9,
  .unigrid--col > .brick--img.brick-mobile--col--9 {
    height: 360px;
    max-height: 360px; }

  .unigrid--col > .brick.prepend--col--9 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--9 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--9,
  .brick.unigrid--col > .brick:first-child.prepend--col--9,
  .brick.unigrid--col > .brick.first.prepend--col--9 {
    margin-top: 360px; }

  .unigrid--col > .brick.append--col--9,
  .brick.unigrid--col > .brick:last-child.append--col--9,
  .brick.unigrid--col > .brick.last.append--col--9 {
    margin-bottom: 360px; }

  .brick-mobile--col--10,
  .brick-mobile--col--10 > .brick {
    height: 396px;
    max-height: 396px; }

  .unigrid--row.brick-mobile--col--10 {
    height: 400px;
    max-height: 400px;
    display: flex; }

  .brick-mobile--col--10 > .brick--img,
  .brick-mobile--col--10 > img.brick,
  .unigrid--col > img.brick-mobile--col--10,
  .unigrid--col > .brick--img.brick-mobile--col--10 {
    height: 400px;
    max-height: 400px; }

  .unigrid--col > .brick.prepend--col--10 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--10 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--10,
  .brick.unigrid--col > .brick:first-child.prepend--col--10,
  .brick.unigrid--col > .brick.first.prepend--col--10 {
    margin-top: 400px; }

  .unigrid--col > .brick.append--col--10,
  .brick.unigrid--col > .brick:last-child.append--col--10,
  .brick.unigrid--col > .brick.last.append--col--10 {
    margin-bottom: 400px; }

  .brick-mobile--col--11,
  .brick-mobile--col--11 > .brick {
    height: 436px;
    max-height: 436px; }

  .unigrid--row.brick-mobile--col--11 {
    height: 440px;
    max-height: 440px;
    display: flex; }

  .brick-mobile--col--11 > .brick--img,
  .brick-mobile--col--11 > img.brick,
  .unigrid--col > img.brick-mobile--col--11,
  .unigrid--col > .brick--img.brick-mobile--col--11 {
    height: 440px;
    max-height: 440px; }

  .unigrid--col > .brick.prepend--col--11 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--11 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--11,
  .brick.unigrid--col > .brick:first-child.prepend--col--11,
  .brick.unigrid--col > .brick.first.prepend--col--11 {
    margin-top: 440px; }

  .unigrid--col > .brick.append--col--11,
  .brick.unigrid--col > .brick:last-child.append--col--11,
  .brick.unigrid--col > .brick.last.append--col--11 {
    margin-bottom: 440px; }

  .brick-mobile--col--12,
  .brick-mobile--col--12 > .brick {
    height: 476px;
    max-height: 476px; }

  .unigrid--row.brick-mobile--col--12 {
    height: 480px;
    max-height: 480px;
    display: flex; }

  .brick-mobile--col--12 > .brick--img,
  .brick-mobile--col--12 > img.brick,
  .unigrid--col > img.brick-mobile--col--12,
  .unigrid--col > .brick--img.brick-mobile--col--12 {
    height: 480px;
    max-height: 480px; }

  .unigrid--col > .brick.prepend--col--12 {
    margin-top: 0; }

  .unigrid--col > .brick.append--col--12 {
    margin-bottom: 0; }

  .unigrid--col > .brick.prepend--col--12,
  .brick.unigrid--col > .brick:first-child.prepend--col--12,
  .brick.unigrid--col > .brick.first.prepend--col--12 {
    margin-top: 480px; }

  .unigrid--col > .brick.append--col--12,
  .brick.unigrid--col > .brick:last-child.append--col--12,
  .brick.unigrid--col > .brick.last.append--col--12 {
    margin-bottom: 480px; }

  /*------------------------------------*\
    #MOBILE-GRID-ORDER
  \*------------------------------------*/
  .order-mobile--1 {
    order: 1; }

  .order-mobile--2 {
    order: 2; }

  .order-mobile--3 {
    order: 3; }

  .order-mobile--4 {
    order: 4; }

  .order-mobile--5 {
    order: 5; }

  .order-mobile--6 {
    order: 6; }

  .order-mobile--7 {
    order: 7; }

  .order-mobile--8 {
    order: 8; }

  .order-mobile--9 {
    order: 9; }

  .order-mobile--10 {
    order: 10; }

  .order-mobile--11 {
    order: 11; }

  .order-mobile--12 {
    order: 12; } }

/*# sourceMappingURL=unigrid-grid.css.map */