@energie360/ui-library 0.1.24 → 0.1.26

package/dist/layout/grid.css

@@ -0,0 +1,3253 @@
+/* easeOutCubic */
+/* prettier-ignore */
+/**
+Helper to colculate col width in %.
+Looks complicated because we use grid-gap on the row, which takes away from available width.
+ */
+/**
+Mixin to create a grid column cell.
+
+$cols: Column width of cell.
+$columns: Grid size (in columns). Default is set by global variable $grid-columns (defined via design token).
+ */
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  grid-gap: 2.6315789474%;
+}
+@media (max-width: 1020px) {
+  .row {
+    grid-gap: 2.5531914894%;
+  }
+}
+@media (max-width: 740px) {
+  .row {
+    grid-gap: 3.6363636364%;
+  }
+}
+@media (max-width: 520px) {
+  .row {
+    grid-gap: 4.1666666667%;
+  }
+}
+.row.row--centered {
+  justify-content: center;
+}
+
+.col-1 {
+  flex: 0 0 5.9210526316%;
+  max-width: 5.9210526316%;
+}
+@media (max-width: 1020px) {
+  .col-1 {
+    flex: 0 0 5.9929078014%;
+    max-width: 5.9929078014%;
+  }
+}
+@media (max-width: 740px) {
+  .col-1 {
+    flex: 0 0 5%;
+    max-width: 5%;
+  }
+}
+@media (max-width: 520px) {
+  .col-1 {
+    flex: 0 0 4.5138888889%;
+    max-width: 4.5138888889%;
+  }
+}
+
+.col-indent-1 {
+  margin-left: 8.5526315789%;
+}
+@media (max-width: 1020px) {
+  .col-indent-1 {
+    margin-left: 8.5460992908%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-1 {
+    margin-left: 8.6363636364%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-1 {
+    margin-left: 8.6805555556%;
+  }
+}
+
+.col-2 {
+  flex: 0 0 14.4736842105%;
+  max-width: 14.4736842105%;
+}
+@media (max-width: 1020px) {
+  .col-2 {
+    flex: 0 0 14.5390070922%;
+    max-width: 14.5390070922%;
+  }
+}
+@media (max-width: 740px) {
+  .col-2 {
+    flex: 0 0 13.6363636364%;
+    max-width: 13.6363636364%;
+  }
+}
+@media (max-width: 520px) {
+  .col-2 {
+    flex: 0 0 13.1944444444%;
+    max-width: 13.1944444444%;
+  }
+}
+
+.col-indent-2 {
+  margin-left: 17.1052631579%;
+}
+@media (max-width: 1020px) {
+  .col-indent-2 {
+    margin-left: 17.0921985816%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-2 {
+    margin-left: 17.2727272727%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-2 {
+    margin-left: 17.3611111111%;
+  }
+}
+
+.col-3 {
+  flex: 0 0 23.0263157895%;
+  max-width: 23.0263157895%;
+}
+@media (max-width: 1020px) {
+  .col-3 {
+    flex: 0 0 23.085106383%;
+    max-width: 23.085106383%;
+  }
+}
+@media (max-width: 740px) {
+  .col-3 {
+    flex: 0 0 22.2727272727%;
+    max-width: 22.2727272727%;
+  }
+}
+@media (max-width: 520px) {
+  .col-3 {
+    flex: 0 0 21.875%;
+    max-width: 21.875%;
+  }
+}
+
+.col-indent-3 {
+  margin-left: 25.6578947368%;
+}
+@media (max-width: 1020px) {
+  .col-indent-3 {
+    margin-left: 25.6382978723%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-3 {
+    margin-left: 25.9090909091%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-3 {
+    margin-left: 26.0416666667%;
+  }
+}
+
+.col-4 {
+  flex: 0 0 31.5789473684%;
+  max-width: 31.5789473684%;
+}
+@media (max-width: 1020px) {
+  .col-4 {
+    flex: 0 0 31.6312056738%;
+    max-width: 31.6312056738%;
+  }
+}
+@media (max-width: 740px) {
+  .col-4 {
+    flex: 0 0 30.9090909091%;
+    max-width: 30.9090909091%;
+  }
+}
+@media (max-width: 520px) {
+  .col-4 {
+    flex: 0 0 30.5555555556%;
+    max-width: 30.5555555556%;
+  }
+}
+
+.col-indent-4 {
+  margin-left: 34.2105263158%;
+}
+@media (max-width: 1020px) {
+  .col-indent-4 {
+    margin-left: 34.1843971631%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-4 {
+    margin-left: 34.5454545455%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-4 {
+    margin-left: 34.7222222222%;
+  }
+}
+
+.col-5 {
+  flex: 0 0 40.1315789474%;
+  max-width: 40.1315789474%;
+}
+@media (max-width: 1020px) {
+  .col-5 {
+    flex: 0 0 40.1773049645%;
+    max-width: 40.1773049645%;
+  }
+}
+@media (max-width: 740px) {
+  .col-5 {
+    flex: 0 0 39.5454545455%;
+    max-width: 39.5454545455%;
+  }
+}
+@media (max-width: 520px) {
+  .col-5 {
+    flex: 0 0 39.2361111111%;
+    max-width: 39.2361111111%;
+  }
+}
+
+.col-indent-5 {
+  margin-left: 42.7631578947%;
+}
+@media (max-width: 1020px) {
+  .col-indent-5 {
+    margin-left: 42.7304964539%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-5 {
+    margin-left: 43.1818181818%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-5 {
+    margin-left: 43.4027777778%;
+  }
+}
+
+.col-6 {
+  flex: 0 0 48.6842105263%;
+  max-width: 48.6842105263%;
+}
+@media (max-width: 1020px) {
+  .col-6 {
+    flex: 0 0 48.7234042553%;
+    max-width: 48.7234042553%;
+  }
+}
+@media (max-width: 740px) {
+  .col-6 {
+    flex: 0 0 48.1818181818%;
+    max-width: 48.1818181818%;
+  }
+}
+@media (max-width: 520px) {
+  .col-6 {
+    flex: 0 0 47.9166666667%;
+    max-width: 47.9166666667%;
+  }
+}
+
+.col-indent-6 {
+  margin-left: 51.3157894737%;
+}
+@media (max-width: 1020px) {
+  .col-indent-6 {
+    margin-left: 51.2765957447%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-6 {
+    margin-left: 51.8181818182%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-6 {
+    margin-left: 52.0833333333%;
+  }
+}
+
+.col-7 {
+  flex: 0 0 57.2368421053%;
+  max-width: 57.2368421053%;
+}
+@media (max-width: 1020px) {
+  .col-7 {
+    flex: 0 0 57.2695035461%;
+    max-width: 57.2695035461%;
+  }
+}
+@media (max-width: 740px) {
+  .col-7 {
+    flex: 0 0 56.8181818182%;
+    max-width: 56.8181818182%;
+  }
+}
+@media (max-width: 520px) {
+  .col-7 {
+    flex: 0 0 56.5972222222%;
+    max-width: 56.5972222222%;
+  }
+}
+
+.col-indent-7 {
+  margin-left: 59.8684210526%;
+}
+@media (max-width: 1020px) {
+  .col-indent-7 {
+    margin-left: 59.8226950355%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-7 {
+    margin-left: 60.4545454545%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-7 {
+    margin-left: 60.7638888889%;
+  }
+}
+
+.col-8 {
+  flex: 0 0 65.7894736842%;
+  max-width: 65.7894736842%;
+}
+@media (max-width: 1020px) {
+  .col-8 {
+    flex: 0 0 65.8156028369%;
+    max-width: 65.8156028369%;
+  }
+}
+@media (max-width: 740px) {
+  .col-8 {
+    flex: 0 0 65.4545454545%;
+    max-width: 65.4545454545%;
+  }
+}
+@media (max-width: 520px) {
+  .col-8 {
+    flex: 0 0 65.2777777778%;
+    max-width: 65.2777777778%;
+  }
+}
+
+.col-indent-8 {
+  margin-left: 68.4210526316%;
+}
+@media (max-width: 1020px) {
+  .col-indent-8 {
+    margin-left: 68.3687943262%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-8 {
+    margin-left: 69.0909090909%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-8 {
+    margin-left: 69.4444444444%;
+  }
+}
+
+.col-9 {
+  flex: 0 0 74.3421052632%;
+  max-width: 74.3421052632%;
+}
+@media (max-width: 1020px) {
+  .col-9 {
+    flex: 0 0 74.3617021277%;
+    max-width: 74.3617021277%;
+  }
+}
+@media (max-width: 740px) {
+  .col-9 {
+    flex: 0 0 74.0909090909%;
+    max-width: 74.0909090909%;
+  }
+}
+@media (max-width: 520px) {
+  .col-9 {
+    flex: 0 0 73.9583333333%;
+    max-width: 73.9583333333%;
+  }
+}
+
+.col-indent-9 {
+  margin-left: 76.9736842105%;
+}
+@media (max-width: 1020px) {
+  .col-indent-9 {
+    margin-left: 76.914893617%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-9 {
+    margin-left: 77.7272727273%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-9 {
+    margin-left: 78.125%;
+  }
+}
+
+.col-10 {
+  flex: 0 0 82.8947368421%;
+  max-width: 82.8947368421%;
+}
+@media (max-width: 1020px) {
+  .col-10 {
+    flex: 0 0 82.9078014184%;
+    max-width: 82.9078014184%;
+  }
+}
+@media (max-width: 740px) {
+  .col-10 {
+    flex: 0 0 82.7272727273%;
+    max-width: 82.7272727273%;
+  }
+}
+@media (max-width: 520px) {
+  .col-10 {
+    flex: 0 0 82.6388888889%;
+    max-width: 82.6388888889%;
+  }
+}
+
+.col-indent-10 {
+  margin-left: 85.5263157895%;
+}
+@media (max-width: 1020px) {
+  .col-indent-10 {
+    margin-left: 85.4609929078%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-10 {
+    margin-left: 86.3636363636%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-10 {
+    margin-left: 86.8055555556%;
+  }
+}
+
+.col-11 {
+  flex: 0 0 91.4473684211%;
+  max-width: 91.4473684211%;
+}
+@media (max-width: 1020px) {
+  .col-11 {
+    flex: 0 0 91.4539007092%;
+    max-width: 91.4539007092%;
+  }
+}
+@media (max-width: 740px) {
+  .col-11 {
+    flex: 0 0 91.3636363636%;
+    max-width: 91.3636363636%;
+  }
+}
+@media (max-width: 520px) {
+  .col-11 {
+    flex: 0 0 91.3194444444%;
+    max-width: 91.3194444444%;
+  }
+}
+
+.col-indent-11 {
+  margin-left: 94.0789473684%;
+}
+@media (max-width: 1020px) {
+  .col-indent-11 {
+    margin-left: 94.0070921986%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-11 {
+    margin-left: 95%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-11 {
+    margin-left: 95.4861111111%;
+  }
+}
+
+.col-12 {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+@media (max-width: 1020px) {
+  .col-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 740px) {
+  .col-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 520px) {
+  .col-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+
+@media (max-width: 1520px) {
+  .col-2xl-1 {
+    flex: 0 0 5.9210526316%;
+    max-width: 5.9210526316%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-1 {
+    flex: 0 0 5.9929078014%;
+    max-width: 5.9929078014%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-1 {
+    flex: 0 0 5%;
+    max-width: 5%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-1 {
+    flex: 0 0 4.5138888889%;
+    max-width: 4.5138888889%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-1 {
+    margin-left: 8.5526315789%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-1 {
+    margin-left: 8.5460992908%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-1 {
+    margin-left: 8.6363636364%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-1 {
+    margin-left: 8.6805555556%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-2 {
+    flex: 0 0 14.4736842105%;
+    max-width: 14.4736842105%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-2 {
+    flex: 0 0 14.5390070922%;
+    max-width: 14.5390070922%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-2 {
+    flex: 0 0 13.6363636364%;
+    max-width: 13.6363636364%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-2 {
+    flex: 0 0 13.1944444444%;
+    max-width: 13.1944444444%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-2 {
+    margin-left: 17.1052631579%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-2 {
+    margin-left: 17.0921985816%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-2 {
+    margin-left: 17.2727272727%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-2 {
+    margin-left: 17.3611111111%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-3 {
+    flex: 0 0 23.0263157895%;
+    max-width: 23.0263157895%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-3 {
+    flex: 0 0 23.085106383%;
+    max-width: 23.085106383%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-3 {
+    flex: 0 0 22.2727272727%;
+    max-width: 22.2727272727%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-3 {
+    flex: 0 0 21.875%;
+    max-width: 21.875%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-3 {
+    margin-left: 25.6578947368%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-3 {
+    margin-left: 25.6382978723%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-3 {
+    margin-left: 25.9090909091%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-3 {
+    margin-left: 26.0416666667%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-4 {
+    flex: 0 0 31.5789473684%;
+    max-width: 31.5789473684%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-4 {
+    flex: 0 0 31.6312056738%;
+    max-width: 31.6312056738%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-4 {
+    flex: 0 0 30.9090909091%;
+    max-width: 30.9090909091%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-4 {
+    flex: 0 0 30.5555555556%;
+    max-width: 30.5555555556%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-4 {
+    margin-left: 34.2105263158%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-4 {
+    margin-left: 34.1843971631%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-4 {
+    margin-left: 34.5454545455%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-4 {
+    margin-left: 34.7222222222%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-5 {
+    flex: 0 0 40.1315789474%;
+    max-width: 40.1315789474%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-5 {
+    flex: 0 0 40.1773049645%;
+    max-width: 40.1773049645%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-5 {
+    flex: 0 0 39.5454545455%;
+    max-width: 39.5454545455%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-5 {
+    flex: 0 0 39.2361111111%;
+    max-width: 39.2361111111%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-5 {
+    margin-left: 42.7631578947%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-5 {
+    margin-left: 42.7304964539%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-5 {
+    margin-left: 43.1818181818%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-5 {
+    margin-left: 43.4027777778%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-6 {
+    flex: 0 0 48.6842105263%;
+    max-width: 48.6842105263%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-6 {
+    flex: 0 0 48.7234042553%;
+    max-width: 48.7234042553%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-6 {
+    flex: 0 0 48.1818181818%;
+    max-width: 48.1818181818%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-6 {
+    flex: 0 0 47.9166666667%;
+    max-width: 47.9166666667%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-6 {
+    margin-left: 51.3157894737%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-6 {
+    margin-left: 51.2765957447%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-6 {
+    margin-left: 51.8181818182%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-6 {
+    margin-left: 52.0833333333%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-7 {
+    flex: 0 0 57.2368421053%;
+    max-width: 57.2368421053%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-7 {
+    flex: 0 0 57.2695035461%;
+    max-width: 57.2695035461%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-7 {
+    flex: 0 0 56.8181818182%;
+    max-width: 56.8181818182%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-7 {
+    flex: 0 0 56.5972222222%;
+    max-width: 56.5972222222%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-7 {
+    margin-left: 59.8684210526%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-7 {
+    margin-left: 59.8226950355%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-7 {
+    margin-left: 60.4545454545%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-7 {
+    margin-left: 60.7638888889%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-8 {
+    flex: 0 0 65.7894736842%;
+    max-width: 65.7894736842%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-8 {
+    flex: 0 0 65.8156028369%;
+    max-width: 65.8156028369%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-8 {
+    flex: 0 0 65.4545454545%;
+    max-width: 65.4545454545%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-8 {
+    flex: 0 0 65.2777777778%;
+    max-width: 65.2777777778%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-8 {
+    margin-left: 68.4210526316%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-8 {
+    margin-left: 68.3687943262%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-8 {
+    margin-left: 69.0909090909%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-8 {
+    margin-left: 69.4444444444%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-9 {
+    flex: 0 0 74.3421052632%;
+    max-width: 74.3421052632%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-9 {
+    flex: 0 0 74.3617021277%;
+    max-width: 74.3617021277%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-9 {
+    flex: 0 0 74.0909090909%;
+    max-width: 74.0909090909%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-9 {
+    flex: 0 0 73.9583333333%;
+    max-width: 73.9583333333%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-9 {
+    margin-left: 76.9736842105%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-9 {
+    margin-left: 76.914893617%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-9 {
+    margin-left: 77.7272727273%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-9 {
+    margin-left: 78.125%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-10 {
+    flex: 0 0 82.8947368421%;
+    max-width: 82.8947368421%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-10 {
+    flex: 0 0 82.9078014184%;
+    max-width: 82.9078014184%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-10 {
+    flex: 0 0 82.7272727273%;
+    max-width: 82.7272727273%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-10 {
+    flex: 0 0 82.6388888889%;
+    max-width: 82.6388888889%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-10 {
+    margin-left: 85.5263157895%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-10 {
+    margin-left: 85.4609929078%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-10 {
+    margin-left: 86.3636363636%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-10 {
+    margin-left: 86.8055555556%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-11 {
+    flex: 0 0 91.4473684211%;
+    max-width: 91.4473684211%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-11 {
+    flex: 0 0 91.4539007092%;
+    max-width: 91.4539007092%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-11 {
+    flex: 0 0 91.3636363636%;
+    max-width: 91.3636363636%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-11 {
+    flex: 0 0 91.3194444444%;
+    max-width: 91.3194444444%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-11 {
+    margin-left: 94.0789473684%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-indent-2xl-11 {
+    margin-left: 94.0070921986%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-indent-2xl-11 {
+    margin-left: 95%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-indent-2xl-11 {
+    margin-left: 95.4861111111%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+  .col-2xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 1020px) {
+  .col-2xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 740px) {
+  .col-2xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1520px) and (max-width: 520px) {
+  .col-2xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1520px) {
+  .col-indent-2xl-0 {
+    margin-left: 0;
+  }
+}
+@media (max-width: 1240px) {
+  .col-xl-1 {
+    flex: 0 0 5.9210526316%;
+    max-width: 5.9210526316%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-1 {
+    flex: 0 0 5.9929078014%;
+    max-width: 5.9929078014%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-1 {
+    flex: 0 0 5%;
+    max-width: 5%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-1 {
+    flex: 0 0 4.5138888889%;
+    max-width: 4.5138888889%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-1 {
+    margin-left: 8.5526315789%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-1 {
+    margin-left: 8.5460992908%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-1 {
+    margin-left: 8.6363636364%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-1 {
+    margin-left: 8.6805555556%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-2 {
+    flex: 0 0 14.4736842105%;
+    max-width: 14.4736842105%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-2 {
+    flex: 0 0 14.5390070922%;
+    max-width: 14.5390070922%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-2 {
+    flex: 0 0 13.6363636364%;
+    max-width: 13.6363636364%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-2 {
+    flex: 0 0 13.1944444444%;
+    max-width: 13.1944444444%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-2 {
+    margin-left: 17.1052631579%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-2 {
+    margin-left: 17.0921985816%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-2 {
+    margin-left: 17.2727272727%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-2 {
+    margin-left: 17.3611111111%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-3 {
+    flex: 0 0 23.0263157895%;
+    max-width: 23.0263157895%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-3 {
+    flex: 0 0 23.085106383%;
+    max-width: 23.085106383%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-3 {
+    flex: 0 0 22.2727272727%;
+    max-width: 22.2727272727%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-3 {
+    flex: 0 0 21.875%;
+    max-width: 21.875%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-3 {
+    margin-left: 25.6578947368%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-3 {
+    margin-left: 25.6382978723%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-3 {
+    margin-left: 25.9090909091%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-3 {
+    margin-left: 26.0416666667%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-4 {
+    flex: 0 0 31.5789473684%;
+    max-width: 31.5789473684%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-4 {
+    flex: 0 0 31.6312056738%;
+    max-width: 31.6312056738%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-4 {
+    flex: 0 0 30.9090909091%;
+    max-width: 30.9090909091%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-4 {
+    flex: 0 0 30.5555555556%;
+    max-width: 30.5555555556%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-4 {
+    margin-left: 34.2105263158%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-4 {
+    margin-left: 34.1843971631%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-4 {
+    margin-left: 34.5454545455%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-4 {
+    margin-left: 34.7222222222%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-5 {
+    flex: 0 0 40.1315789474%;
+    max-width: 40.1315789474%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-5 {
+    flex: 0 0 40.1773049645%;
+    max-width: 40.1773049645%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-5 {
+    flex: 0 0 39.5454545455%;
+    max-width: 39.5454545455%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-5 {
+    flex: 0 0 39.2361111111%;
+    max-width: 39.2361111111%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-5 {
+    margin-left: 42.7631578947%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-5 {
+    margin-left: 42.7304964539%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-5 {
+    margin-left: 43.1818181818%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-5 {
+    margin-left: 43.4027777778%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-6 {
+    flex: 0 0 48.6842105263%;
+    max-width: 48.6842105263%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-6 {
+    flex: 0 0 48.7234042553%;
+    max-width: 48.7234042553%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-6 {
+    flex: 0 0 48.1818181818%;
+    max-width: 48.1818181818%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-6 {
+    flex: 0 0 47.9166666667%;
+    max-width: 47.9166666667%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-6 {
+    margin-left: 51.3157894737%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-6 {
+    margin-left: 51.2765957447%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-6 {
+    margin-left: 51.8181818182%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-6 {
+    margin-left: 52.0833333333%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-7 {
+    flex: 0 0 57.2368421053%;
+    max-width: 57.2368421053%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-7 {
+    flex: 0 0 57.2695035461%;
+    max-width: 57.2695035461%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-7 {
+    flex: 0 0 56.8181818182%;
+    max-width: 56.8181818182%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-7 {
+    flex: 0 0 56.5972222222%;
+    max-width: 56.5972222222%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-7 {
+    margin-left: 59.8684210526%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-7 {
+    margin-left: 59.8226950355%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-7 {
+    margin-left: 60.4545454545%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-7 {
+    margin-left: 60.7638888889%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-8 {
+    flex: 0 0 65.7894736842%;
+    max-width: 65.7894736842%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-8 {
+    flex: 0 0 65.8156028369%;
+    max-width: 65.8156028369%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-8 {
+    flex: 0 0 65.4545454545%;
+    max-width: 65.4545454545%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-8 {
+    flex: 0 0 65.2777777778%;
+    max-width: 65.2777777778%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-8 {
+    margin-left: 68.4210526316%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-8 {
+    margin-left: 68.3687943262%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-8 {
+    margin-left: 69.0909090909%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-8 {
+    margin-left: 69.4444444444%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-9 {
+    flex: 0 0 74.3421052632%;
+    max-width: 74.3421052632%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-9 {
+    flex: 0 0 74.3617021277%;
+    max-width: 74.3617021277%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-9 {
+    flex: 0 0 74.0909090909%;
+    max-width: 74.0909090909%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-9 {
+    flex: 0 0 73.9583333333%;
+    max-width: 73.9583333333%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-9 {
+    margin-left: 76.9736842105%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-9 {
+    margin-left: 76.914893617%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-9 {
+    margin-left: 77.7272727273%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-9 {
+    margin-left: 78.125%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-10 {
+    flex: 0 0 82.8947368421%;
+    max-width: 82.8947368421%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-10 {
+    flex: 0 0 82.9078014184%;
+    max-width: 82.9078014184%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-10 {
+    flex: 0 0 82.7272727273%;
+    max-width: 82.7272727273%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-10 {
+    flex: 0 0 82.6388888889%;
+    max-width: 82.6388888889%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-10 {
+    margin-left: 85.5263157895%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-10 {
+    margin-left: 85.4609929078%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-10 {
+    margin-left: 86.3636363636%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-10 {
+    margin-left: 86.8055555556%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-11 {
+    flex: 0 0 91.4473684211%;
+    max-width: 91.4473684211%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-11 {
+    flex: 0 0 91.4539007092%;
+    max-width: 91.4539007092%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-11 {
+    flex: 0 0 91.3636363636%;
+    max-width: 91.3636363636%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-11 {
+    flex: 0 0 91.3194444444%;
+    max-width: 91.3194444444%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-11 {
+    margin-left: 94.0789473684%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-indent-xl-11 {
+    margin-left: 94.0070921986%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-indent-xl-11 {
+    margin-left: 95%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-indent-xl-11 {
+    margin-left: 95.4861111111%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+  .col-xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 1020px) {
+  .col-xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 740px) {
+  .col-xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1240px) and (max-width: 520px) {
+  .col-xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1240px) {
+  .col-indent-xl-0 {
+    margin-left: 0;
+  }
+}
+@media (max-width: 1020px) {
+  .col-lg-1 {
+    flex: 0 0 5.9210526316%;
+    max-width: 5.9210526316%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-1 {
+    flex: 0 0 5.9929078014%;
+    max-width: 5.9929078014%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-1 {
+    flex: 0 0 5%;
+    max-width: 5%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-1 {
+    flex: 0 0 4.5138888889%;
+    max-width: 4.5138888889%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-1 {
+    margin-left: 8.5526315789%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-1 {
+    margin-left: 8.5460992908%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-1 {
+    margin-left: 8.6363636364%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-1 {
+    margin-left: 8.6805555556%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-2 {
+    flex: 0 0 14.4736842105%;
+    max-width: 14.4736842105%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-2 {
+    flex: 0 0 14.5390070922%;
+    max-width: 14.5390070922%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-2 {
+    flex: 0 0 13.6363636364%;
+    max-width: 13.6363636364%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-2 {
+    flex: 0 0 13.1944444444%;
+    max-width: 13.1944444444%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-2 {
+    margin-left: 17.1052631579%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-2 {
+    margin-left: 17.0921985816%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-2 {
+    margin-left: 17.2727272727%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-2 {
+    margin-left: 17.3611111111%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-3 {
+    flex: 0 0 23.0263157895%;
+    max-width: 23.0263157895%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-3 {
+    flex: 0 0 23.085106383%;
+    max-width: 23.085106383%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-3 {
+    flex: 0 0 22.2727272727%;
+    max-width: 22.2727272727%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-3 {
+    flex: 0 0 21.875%;
+    max-width: 21.875%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-3 {
+    margin-left: 25.6578947368%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-3 {
+    margin-left: 25.6382978723%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-3 {
+    margin-left: 25.9090909091%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-3 {
+    margin-left: 26.0416666667%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-4 {
+    flex: 0 0 31.5789473684%;
+    max-width: 31.5789473684%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-4 {
+    flex: 0 0 31.6312056738%;
+    max-width: 31.6312056738%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-4 {
+    flex: 0 0 30.9090909091%;
+    max-width: 30.9090909091%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-4 {
+    flex: 0 0 30.5555555556%;
+    max-width: 30.5555555556%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-4 {
+    margin-left: 34.2105263158%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-4 {
+    margin-left: 34.1843971631%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-4 {
+    margin-left: 34.5454545455%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-4 {
+    margin-left: 34.7222222222%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-5 {
+    flex: 0 0 40.1315789474%;
+    max-width: 40.1315789474%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-5 {
+    flex: 0 0 40.1773049645%;
+    max-width: 40.1773049645%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-5 {
+    flex: 0 0 39.5454545455%;
+    max-width: 39.5454545455%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-5 {
+    flex: 0 0 39.2361111111%;
+    max-width: 39.2361111111%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-5 {
+    margin-left: 42.7631578947%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-5 {
+    margin-left: 42.7304964539%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-5 {
+    margin-left: 43.1818181818%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-5 {
+    margin-left: 43.4027777778%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-6 {
+    flex: 0 0 48.6842105263%;
+    max-width: 48.6842105263%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-6 {
+    flex: 0 0 48.7234042553%;
+    max-width: 48.7234042553%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-6 {
+    flex: 0 0 48.1818181818%;
+    max-width: 48.1818181818%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-6 {
+    flex: 0 0 47.9166666667%;
+    max-width: 47.9166666667%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-6 {
+    margin-left: 51.3157894737%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-6 {
+    margin-left: 51.2765957447%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-6 {
+    margin-left: 51.8181818182%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-6 {
+    margin-left: 52.0833333333%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-7 {
+    flex: 0 0 57.2368421053%;
+    max-width: 57.2368421053%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-7 {
+    flex: 0 0 57.2695035461%;
+    max-width: 57.2695035461%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-7 {
+    flex: 0 0 56.8181818182%;
+    max-width: 56.8181818182%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-7 {
+    flex: 0 0 56.5972222222%;
+    max-width: 56.5972222222%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-7 {
+    margin-left: 59.8684210526%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-7 {
+    margin-left: 59.8226950355%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-7 {
+    margin-left: 60.4545454545%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-7 {
+    margin-left: 60.7638888889%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-8 {
+    flex: 0 0 65.7894736842%;
+    max-width: 65.7894736842%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-8 {
+    flex: 0 0 65.8156028369%;
+    max-width: 65.8156028369%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-8 {
+    flex: 0 0 65.4545454545%;
+    max-width: 65.4545454545%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-8 {
+    flex: 0 0 65.2777777778%;
+    max-width: 65.2777777778%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-8 {
+    margin-left: 68.4210526316%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-8 {
+    margin-left: 68.3687943262%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-8 {
+    margin-left: 69.0909090909%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-8 {
+    margin-left: 69.4444444444%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-9 {
+    flex: 0 0 74.3421052632%;
+    max-width: 74.3421052632%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-9 {
+    flex: 0 0 74.3617021277%;
+    max-width: 74.3617021277%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-9 {
+    flex: 0 0 74.0909090909%;
+    max-width: 74.0909090909%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-9 {
+    flex: 0 0 73.9583333333%;
+    max-width: 73.9583333333%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-9 {
+    margin-left: 76.9736842105%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-9 {
+    margin-left: 76.914893617%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-9 {
+    margin-left: 77.7272727273%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-9 {
+    margin-left: 78.125%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-10 {
+    flex: 0 0 82.8947368421%;
+    max-width: 82.8947368421%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-10 {
+    flex: 0 0 82.9078014184%;
+    max-width: 82.9078014184%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-10 {
+    flex: 0 0 82.7272727273%;
+    max-width: 82.7272727273%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-10 {
+    flex: 0 0 82.6388888889%;
+    max-width: 82.6388888889%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-10 {
+    margin-left: 85.5263157895%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-10 {
+    margin-left: 85.4609929078%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-10 {
+    margin-left: 86.3636363636%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-10 {
+    margin-left: 86.8055555556%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-11 {
+    flex: 0 0 91.4473684211%;
+    max-width: 91.4473684211%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-11 {
+    flex: 0 0 91.4539007092%;
+    max-width: 91.4539007092%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-11 {
+    flex: 0 0 91.3636363636%;
+    max-width: 91.3636363636%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-11 {
+    flex: 0 0 91.3194444444%;
+    max-width: 91.3194444444%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-11 {
+    margin-left: 94.0789473684%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-indent-lg-11 {
+    margin-left: 94.0070921986%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-indent-lg-11 {
+    margin-left: 95%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-indent-lg-11 {
+    margin-left: 95.4861111111%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+  .col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 1020px) {
+  .col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 740px) {
+  .col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1020px) and (max-width: 520px) {
+  .col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 1020px) {
+  .col-indent-lg-0 {
+    margin-left: 0;
+  }
+}
+@media (max-width: 740px) {
+  .col-m-1 {
+    flex: 0 0 5.9210526316%;
+    max-width: 5.9210526316%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-1 {
+    flex: 0 0 5.9929078014%;
+    max-width: 5.9929078014%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-1 {
+    flex: 0 0 5%;
+    max-width: 5%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-1 {
+    flex: 0 0 4.5138888889%;
+    max-width: 4.5138888889%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-1 {
+    margin-left: 8.5526315789%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-1 {
+    margin-left: 8.5460992908%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-1 {
+    margin-left: 8.6363636364%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-1 {
+    margin-left: 8.6805555556%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-2 {
+    flex: 0 0 14.4736842105%;
+    max-width: 14.4736842105%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-2 {
+    flex: 0 0 14.5390070922%;
+    max-width: 14.5390070922%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-2 {
+    flex: 0 0 13.6363636364%;
+    max-width: 13.6363636364%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-2 {
+    flex: 0 0 13.1944444444%;
+    max-width: 13.1944444444%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-2 {
+    margin-left: 17.1052631579%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-2 {
+    margin-left: 17.0921985816%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-2 {
+    margin-left: 17.2727272727%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-2 {
+    margin-left: 17.3611111111%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-3 {
+    flex: 0 0 23.0263157895%;
+    max-width: 23.0263157895%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-3 {
+    flex: 0 0 23.085106383%;
+    max-width: 23.085106383%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-3 {
+    flex: 0 0 22.2727272727%;
+    max-width: 22.2727272727%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-3 {
+    flex: 0 0 21.875%;
+    max-width: 21.875%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-3 {
+    margin-left: 25.6578947368%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-3 {
+    margin-left: 25.6382978723%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-3 {
+    margin-left: 25.9090909091%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-3 {
+    margin-left: 26.0416666667%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-4 {
+    flex: 0 0 31.5789473684%;
+    max-width: 31.5789473684%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-4 {
+    flex: 0 0 31.6312056738%;
+    max-width: 31.6312056738%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-4 {
+    flex: 0 0 30.9090909091%;
+    max-width: 30.9090909091%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-4 {
+    flex: 0 0 30.5555555556%;
+    max-width: 30.5555555556%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-4 {
+    margin-left: 34.2105263158%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-4 {
+    margin-left: 34.1843971631%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-4 {
+    margin-left: 34.5454545455%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-4 {
+    margin-left: 34.7222222222%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-5 {
+    flex: 0 0 40.1315789474%;
+    max-width: 40.1315789474%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-5 {
+    flex: 0 0 40.1773049645%;
+    max-width: 40.1773049645%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-5 {
+    flex: 0 0 39.5454545455%;
+    max-width: 39.5454545455%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-5 {
+    flex: 0 0 39.2361111111%;
+    max-width: 39.2361111111%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-5 {
+    margin-left: 42.7631578947%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-5 {
+    margin-left: 42.7304964539%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-5 {
+    margin-left: 43.1818181818%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-5 {
+    margin-left: 43.4027777778%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-6 {
+    flex: 0 0 48.6842105263%;
+    max-width: 48.6842105263%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-6 {
+    flex: 0 0 48.7234042553%;
+    max-width: 48.7234042553%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-6 {
+    flex: 0 0 48.1818181818%;
+    max-width: 48.1818181818%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-6 {
+    flex: 0 0 47.9166666667%;
+    max-width: 47.9166666667%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-6 {
+    margin-left: 51.3157894737%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-6 {
+    margin-left: 51.2765957447%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-6 {
+    margin-left: 51.8181818182%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-6 {
+    margin-left: 52.0833333333%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-7 {
+    flex: 0 0 57.2368421053%;
+    max-width: 57.2368421053%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-7 {
+    flex: 0 0 57.2695035461%;
+    max-width: 57.2695035461%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-7 {
+    flex: 0 0 56.8181818182%;
+    max-width: 56.8181818182%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-7 {
+    flex: 0 0 56.5972222222%;
+    max-width: 56.5972222222%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-7 {
+    margin-left: 59.8684210526%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-7 {
+    margin-left: 59.8226950355%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-7 {
+    margin-left: 60.4545454545%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-7 {
+    margin-left: 60.7638888889%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-8 {
+    flex: 0 0 65.7894736842%;
+    max-width: 65.7894736842%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-8 {
+    flex: 0 0 65.8156028369%;
+    max-width: 65.8156028369%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-8 {
+    flex: 0 0 65.4545454545%;
+    max-width: 65.4545454545%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-8 {
+    flex: 0 0 65.2777777778%;
+    max-width: 65.2777777778%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-8 {
+    margin-left: 68.4210526316%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-8 {
+    margin-left: 68.3687943262%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-8 {
+    margin-left: 69.0909090909%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-8 {
+    margin-left: 69.4444444444%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-9 {
+    flex: 0 0 74.3421052632%;
+    max-width: 74.3421052632%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-9 {
+    flex: 0 0 74.3617021277%;
+    max-width: 74.3617021277%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-9 {
+    flex: 0 0 74.0909090909%;
+    max-width: 74.0909090909%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-9 {
+    flex: 0 0 73.9583333333%;
+    max-width: 73.9583333333%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-9 {
+    margin-left: 76.9736842105%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-9 {
+    margin-left: 76.914893617%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-9 {
+    margin-left: 77.7272727273%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-9 {
+    margin-left: 78.125%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-10 {
+    flex: 0 0 82.8947368421%;
+    max-width: 82.8947368421%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-10 {
+    flex: 0 0 82.9078014184%;
+    max-width: 82.9078014184%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-10 {
+    flex: 0 0 82.7272727273%;
+    max-width: 82.7272727273%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-10 {
+    flex: 0 0 82.6388888889%;
+    max-width: 82.6388888889%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-10 {
+    margin-left: 85.5263157895%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-10 {
+    margin-left: 85.4609929078%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-10 {
+    margin-left: 86.3636363636%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-10 {
+    margin-left: 86.8055555556%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-11 {
+    flex: 0 0 91.4473684211%;
+    max-width: 91.4473684211%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-11 {
+    flex: 0 0 91.4539007092%;
+    max-width: 91.4539007092%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-11 {
+    flex: 0 0 91.3636363636%;
+    max-width: 91.3636363636%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-11 {
+    flex: 0 0 91.3194444444%;
+    max-width: 91.3194444444%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-11 {
+    margin-left: 94.0789473684%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-indent-m-11 {
+    margin-left: 94.0070921986%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-indent-m-11 {
+    margin-left: 95%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-indent-m-11 {
+    margin-left: 95.4861111111%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+  .col-m-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 740px) and (max-width: 1020px) {
+  .col-m-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 740px) and (max-width: 740px) {
+  .col-m-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 740px) and (max-width: 520px) {
+  .col-m-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 740px) {
+  .col-indent-m-0 {
+    margin-left: 0;
+  }
+}
+@media (max-width: 520px) {
+  .col-s-1 {
+    flex: 0 0 5.9210526316%;
+    max-width: 5.9210526316%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-1 {
+    flex: 0 0 5.9929078014%;
+    max-width: 5.9929078014%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-1 {
+    flex: 0 0 5%;
+    max-width: 5%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-1 {
+    flex: 0 0 4.5138888889%;
+    max-width: 4.5138888889%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-1 {
+    margin-left: 8.5526315789%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-1 {
+    margin-left: 8.5460992908%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-1 {
+    margin-left: 8.6363636364%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-1 {
+    margin-left: 8.6805555556%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-2 {
+    flex: 0 0 14.4736842105%;
+    max-width: 14.4736842105%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-2 {
+    flex: 0 0 14.5390070922%;
+    max-width: 14.5390070922%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-2 {
+    flex: 0 0 13.6363636364%;
+    max-width: 13.6363636364%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-2 {
+    flex: 0 0 13.1944444444%;
+    max-width: 13.1944444444%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-2 {
+    margin-left: 17.1052631579%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-2 {
+    margin-left: 17.0921985816%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-2 {
+    margin-left: 17.2727272727%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-2 {
+    margin-left: 17.3611111111%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-3 {
+    flex: 0 0 23.0263157895%;
+    max-width: 23.0263157895%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-3 {
+    flex: 0 0 23.085106383%;
+    max-width: 23.085106383%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-3 {
+    flex: 0 0 22.2727272727%;
+    max-width: 22.2727272727%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-3 {
+    flex: 0 0 21.875%;
+    max-width: 21.875%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-3 {
+    margin-left: 25.6578947368%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-3 {
+    margin-left: 25.6382978723%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-3 {
+    margin-left: 25.9090909091%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-3 {
+    margin-left: 26.0416666667%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-4 {
+    flex: 0 0 31.5789473684%;
+    max-width: 31.5789473684%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-4 {
+    flex: 0 0 31.6312056738%;
+    max-width: 31.6312056738%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-4 {
+    flex: 0 0 30.9090909091%;
+    max-width: 30.9090909091%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-4 {
+    flex: 0 0 30.5555555556%;
+    max-width: 30.5555555556%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-4 {
+    margin-left: 34.2105263158%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-4 {
+    margin-left: 34.1843971631%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-4 {
+    margin-left: 34.5454545455%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-4 {
+    margin-left: 34.7222222222%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-5 {
+    flex: 0 0 40.1315789474%;
+    max-width: 40.1315789474%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-5 {
+    flex: 0 0 40.1773049645%;
+    max-width: 40.1773049645%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-5 {
+    flex: 0 0 39.5454545455%;
+    max-width: 39.5454545455%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-5 {
+    flex: 0 0 39.2361111111%;
+    max-width: 39.2361111111%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-5 {
+    margin-left: 42.7631578947%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-5 {
+    margin-left: 42.7304964539%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-5 {
+    margin-left: 43.1818181818%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-5 {
+    margin-left: 43.4027777778%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-6 {
+    flex: 0 0 48.6842105263%;
+    max-width: 48.6842105263%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-6 {
+    flex: 0 0 48.7234042553%;
+    max-width: 48.7234042553%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-6 {
+    flex: 0 0 48.1818181818%;
+    max-width: 48.1818181818%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-6 {
+    flex: 0 0 47.9166666667%;
+    max-width: 47.9166666667%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-6 {
+    margin-left: 51.3157894737%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-6 {
+    margin-left: 51.2765957447%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-6 {
+    margin-left: 51.8181818182%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-6 {
+    margin-left: 52.0833333333%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-7 {
+    flex: 0 0 57.2368421053%;
+    max-width: 57.2368421053%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-7 {
+    flex: 0 0 57.2695035461%;
+    max-width: 57.2695035461%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-7 {
+    flex: 0 0 56.8181818182%;
+    max-width: 56.8181818182%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-7 {
+    flex: 0 0 56.5972222222%;
+    max-width: 56.5972222222%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-7 {
+    margin-left: 59.8684210526%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-7 {
+    margin-left: 59.8226950355%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-7 {
+    margin-left: 60.4545454545%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-7 {
+    margin-left: 60.7638888889%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-8 {
+    flex: 0 0 65.7894736842%;
+    max-width: 65.7894736842%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-8 {
+    flex: 0 0 65.8156028369%;
+    max-width: 65.8156028369%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-8 {
+    flex: 0 0 65.4545454545%;
+    max-width: 65.4545454545%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-8 {
+    flex: 0 0 65.2777777778%;
+    max-width: 65.2777777778%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-8 {
+    margin-left: 68.4210526316%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-8 {
+    margin-left: 68.3687943262%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-8 {
+    margin-left: 69.0909090909%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-8 {
+    margin-left: 69.4444444444%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-9 {
+    flex: 0 0 74.3421052632%;
+    max-width: 74.3421052632%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-9 {
+    flex: 0 0 74.3617021277%;
+    max-width: 74.3617021277%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-9 {
+    flex: 0 0 74.0909090909%;
+    max-width: 74.0909090909%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-9 {
+    flex: 0 0 73.9583333333%;
+    max-width: 73.9583333333%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-9 {
+    margin-left: 76.9736842105%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-9 {
+    margin-left: 76.914893617%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-9 {
+    margin-left: 77.7272727273%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-9 {
+    margin-left: 78.125%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-10 {
+    flex: 0 0 82.8947368421%;
+    max-width: 82.8947368421%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-10 {
+    flex: 0 0 82.9078014184%;
+    max-width: 82.9078014184%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-10 {
+    flex: 0 0 82.7272727273%;
+    max-width: 82.7272727273%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-10 {
+    flex: 0 0 82.6388888889%;
+    max-width: 82.6388888889%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-10 {
+    margin-left: 85.5263157895%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-10 {
+    margin-left: 85.4609929078%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-10 {
+    margin-left: 86.3636363636%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-10 {
+    margin-left: 86.8055555556%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-11 {
+    flex: 0 0 91.4473684211%;
+    max-width: 91.4473684211%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-11 {
+    flex: 0 0 91.4539007092%;
+    max-width: 91.4539007092%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-11 {
+    flex: 0 0 91.3636363636%;
+    max-width: 91.3636363636%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-11 {
+    flex: 0 0 91.3194444444%;
+    max-width: 91.3194444444%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-11 {
+    margin-left: 94.0789473684%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-indent-s-11 {
+    margin-left: 94.0070921986%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-indent-s-11 {
+    margin-left: 95%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-indent-s-11 {
+    margin-left: 95.4861111111%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+  .col-s-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 520px) and (max-width: 1020px) {
+  .col-s-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 520px) and (max-width: 740px) {
+  .col-s-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 520px) and (max-width: 520px) {
+  .col-s-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+@media (max-width: 520px) {
+  .col-indent-s-0 {
+    margin-left: 0;
+  }
+}
+
+/*# sourceMappingURL=grid.css.map */