Created
October 30, 2020 13:47
-
-
Save zevilz/f715aacb9fe3cc395e06a1447d1fb41b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* fixes */ | |
| body {-webkit-text-size-adjust: 100% !important;} | |
| html * {max-height:1000000px; min-height: 0; min-width: 0;} | |
| body, | |
| body * { | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| vertical-align: middle; | |
| } | |
| html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| font-size: 100%; | |
| vertical-align: baseline; | |
| } | |
| article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | |
| display: block; | |
| } | |
| input[type="number"] { | |
| -moz-appearance: textfield; | |
| } | |
| input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { | |
| -webkit-appearance: none; | |
| } | |
| button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { | |
| border: none; | |
| } | |
| a, button, input, textarea { | |
| outline: none; | |
| } | |
| small { | |
| font-size: 10px; | |
| display: inline-block; | |
| } | |
| strong, .strong { | |
| font-weight: 700; | |
| } | |
| .clearfix::after { | |
| content: ''; | |
| display: table; | |
| width: 100%; | |
| float: none; | |
| } | |
| header, footer, section, nav, article, .flex { | |
| width: 100%; | |
| } | |
| table { | |
| width: 100%; | |
| max-width: 100%; | |
| } | |
| img { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| ul { | |
| list-style: none; | |
| } | |
| /* grid */ | |
| .flex, .form_row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} | |
| .nowrap {-ms-flex-wrap: nowrap; flex-wrap: nowrap;} | |
| .row {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} | |
| .row_reverse {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} | |
| .column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} | |
| .column_reverse {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} | |
| .wrap_span2>*, .span2 {width: 16.6666%;} | |
| .wrap_span3>*, .span3 {width: 25%;} | |
| .wrap_span4>*, .span4 {width: 33.3333%;} | |
| .wrap_span5>*, .span5 {width: 41.6666%;} | |
| .wrap_span6>*, .span6 {width: 50%;} | |
| .wrap_span8>*, .span8 {width: 66.6666%;} | |
| .wrap_span9>*, .span9 {width: 75%;} | |
| .wrap_span10>*, .span10 {width: 83.3333%;} | |
| .wrap_span12>*, .span12 {width: 100%;} | |
| .wrap_span_col5>*, .span_col5 {width: 20%;} | |
| [class*="x_justify_"].wrap_span2>*, .span2s {width: 15%;} | |
| [class*="x_justify_"].wrap_span3>*, .span3s {width: 23.5%;} | |
| [class*="x_justify_"].wrap_span4>*, .span4s {width: 32%;} | |
| [class*="x_justify_"].wrap_span5>*, .span5s {width: 40.5%;} | |
| [class*="x_justify_"].wrap_span6>*, .span6s {width: 49%;} | |
| [class*="x_justify_"].wrap_span8>*, .span8s {width: 66%;} | |
| [class*="x_justify_"].wrap_span9>*, .span9s {width: 74.5%;} | |
| [class*="x_justify_"].wrap_span10>*, .span10s {width: 83%;} | |
| [class*="x_justify_"].wrap_span12>*, .span12s {width: 100%;} | |
| [class*="x_justify_"].wrap_span_col5>*, .span_col5s {width: 19.2%;} | |
| .grid {margin-left: -10px; margin-right: -10px;} | |
| .grid>* {margin: 0 10px 20px 10px;} | |
| .grid.wrap_span2>* {width: calc(16.6666% - 20px);} | |
| .grid.wrap_span3>* {width: calc(25% - 20px);} | |
| .grid.wrap_span4>* {width: calc(33.3333% - 20px);} | |
| .grid.wrap_span6>* {width: calc(50% - 20px);} | |
| .grid.wrap_span12>* {width: 100%;} | |
| .x_justify_space {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} | |
| .x_justify_around {-ms-flex-pack: distribute; justify-content: space-around;} | |
| .x_justify_start {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} | |
| .x_justify_end {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} | |
| .x_justify_center {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} | |
| .y_align_start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} | |
| .y_align_end {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} | |
| .y_align_center {-webkit-box-align: center; -ms-flex-align: center; align-items: center;} | |
| .y_align_baseline {-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;} | |
| .y_justify_space {-ms-flex-line-pack: justify; align-content: space-between;} | |
| .y_justify_around {-ms-flex-line-pack: distribute; align-content: space-around;} | |
| .y_justify_start {-ms-flex-line-pack: start; align-content: flex-start;} | |
| .y_justify_end {-ms-flex-line-pack: end; align-content: flex-end;} | |
| .y_justify_center {-ms-flex-line-pack: center; align-content: center;} | |
| .grow_0, .wrap_grow_0>* {-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;} | |
| .grow_1, .wrap_grow_1>* {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} | |
| .grow_2 {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} | |
| .grow_3 {-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;} | |
| .grow_4 {-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4;} | |
| .shrink_0, .wrap_shrink_0>* {-ms-flex-negative: 0; flex-shrink: 0;} | |
| .shrink_1, .wrap_shrink_1>* {-ms-flex-negative: 1; flex-shrink: 1;} | |
| .shrink_2 {-ms-flex-negative: 2; flex-shrink: 2;} | |
| .shrink_3 {-ms-flex-negative: 3; flex-shrink: 3;} | |
| .shrink_4 {-ms-flex-negative: 4; flex-shrink: 4;} | |
| .form_row {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: -8px; margin-left: -8px;} | |
| .form_row > * {margin: 0 8px 15px 8px; display: inline-block; width: 150px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} | |
| .form_row > .short {width: auto;} | |
| .mt_0 {margin-top: 0;} | |
| .mt_5 {margin-top: 5px;} | |
| .mt_10 {margin-top: 10px;} | |
| .mt_15 {margin-top: 15px;} | |
| .mt_20 {margin-top: 20px;} | |
| .mt_25 {margin-top: 25px;} | |
| .mt_30 {margin-top: 30px;} | |
| .mt_35 {margin-top: 35px;} | |
| .mt_40 {margin-top: 40px;} | |
| .mt_45 {margin-top: 45px;} | |
| .mt_50 {margin-top: 50px;} | |
| .mt_60 {margin-top: 60px;} | |
| .mt_70 {margin-top: 70px;} | |
| .mt_80 {margin-top: 80px;} | |
| .mt_90 {margin-top: 90px;} | |
| .mt_100 {margin-top: 100px;} | |
| .mr_0 {margin-right: 0;} | |
| .mr_5 {margin-right: 5px;} | |
| .mr_10 {margin-right: 10px;} | |
| .mr_15 {margin-right: 15px;} | |
| .mr_20 {margin-right: 20px;} | |
| .mr_25 {margin-right: 25px;} | |
| .mr_30 {margin-right: 30px;} | |
| .mr_35 {margin-right: 35px;} | |
| .mr_40 {margin-right: 40px;} | |
| .mr_45 {margin-right: 45px;} | |
| .mr_50 {margin-right: 50px;} | |
| .mr_60 {margin-right: 60px;} | |
| .mr_70 {margin-right: 70px;} | |
| .mr_80 {margin-right: 80px;} | |
| .mr_90 {margin-right: 90px;} | |
| .mr_100 {margin-right: 100px;} | |
| .mb_0 {margin-bottom: 0;} | |
| .mb_5 {margin-bottom: 5px;} | |
| .mb_10 {margin-bottom: 10px;} | |
| .mb_15 {margin-bottom: 15px;} | |
| .mb_20 {margin-bottom: 20px;} | |
| .mb_25 {margin-bottom: 25px;} | |
| .mb_30 {margin-bottom: 30px;} | |
| .mb_35 {margin-bottom: 35px;} | |
| .mb_40 {margin-bottom: 40px;} | |
| .mb_45 {margin-bottom: 45px;} | |
| .mb_50 {margin-bottom: 50px;} | |
| .mb_60 {margin-bottom: 60px;} | |
| .mb_70 {margin-bottom: 70px;} | |
| .mb_80 {margin-bottom: 80px;} | |
| .mb_90 {margin-bottom: 90px;} | |
| .mb_100 {margin-bottom: 100px;} | |
| .ml_0 {margin-left: 0;} | |
| .ml_5 {margin-left: 5px;} | |
| .ml_10 {margin-left: 10px;} | |
| .ml_15 {margin-left: 15px;} | |
| .ml_20 {margin-left: 20px;} | |
| .ml_25 {margin-left: 25px;} | |
| .ml_30 {margin-left: 30px;} | |
| .ml_35 {margin-left: 35px;} | |
| .ml_40 {margin-left: 40px;} | |
| .ml_45 {margin-left: 45px;} | |
| .ml_50 {margin-left: 50px;} | |
| .ml_60 {margin-left: 60px;} | |
| .ml_70 {margin-left: 70px;} | |
| .ml_80 {margin-left: 80px;} | |
| .ml_90 {margin-left: 90px;} | |
| .ml_100 {margin-left: 100px;} | |
| .pt_0 {padding-top: 0;} | |
| .pt_5 {padding-top: 5px;} | |
| .pt_10 {padding-top: 10px;} | |
| .pt_15 {padding-top: 15px;} | |
| .pt_20 {padding-top: 20px;} | |
| .pt_25 {padding-top: 25px;} | |
| .pt_30 {padding-top: 30px;} | |
| .pt_35 {padding-top: 35px;} | |
| .pt_40 {padding-top: 40px;} | |
| .pt_45 {padding-top: 45px;} | |
| .pt_50 {padding-top: 50px;} | |
| .pt_60 {padding-top: 60px;} | |
| .pt_70 {padding-top: 70px;} | |
| .pt_80 {padding-top: 80px;} | |
| .pt_90 {padding-top: 90px;} | |
| .pt_100 {padding-top: 100px;} | |
| .pt_110 {padding-top: 110px;} | |
| .pt_120 {padding-top: 120px;} | |
| .pr_0 {padding-right: 0;} | |
| .pr_5 {padding-right: 5px;} | |
| .pr_10 {padding-right: 10px;} | |
| .pr_15 {padding-right: 15px;} | |
| .pr_20 {padding-right: 20px;} | |
| .pr_25 {padding-right: 25px;} | |
| .pr_30 {padding-right: 30px;} | |
| .pr_35 {padding-right: 35px;} | |
| .pr_40 {padding-right: 40px;} | |
| .pr_45 {padding-right: 45px;} | |
| .pr_50 {padding-right: 50px;} | |
| .pr_60 {padding-right: 60px;} | |
| .pr_70 {padding-right: 70px;} | |
| .pr_80 {padding-right: 80px;} | |
| .pr_90 {padding-right: 90px;} | |
| .pr_100 {padding-right: 100px;} | |
| .pb_0 {padding-bottom: 0;} | |
| .pb_5 {padding-bottom: 5px;} | |
| .pb_10 {padding-bottom: 10px;} | |
| .pb_15 {padding-bottom: 15px;} | |
| .pb_20 {padding-bottom: 20px;} | |
| .pb_25 {padding-bottom: 25px;} | |
| .pb_30 {padding-bottom: 30px;} | |
| .pb_35 {padding-bottom: 35px;} | |
| .pb_40 {padding-bottom: 40px;} | |
| .pb_45 {padding-bottom: 45px;} | |
| .pb_50 {padding-bottom: 50px;} | |
| .pb_60 {padding-bottom: 60px;} | |
| .pb_70 {padding-bottom: 70px;} | |
| .pb_80 {padding-bottom: 80px;} | |
| .pb_90 {padding-bottom: 90px;} | |
| .pb_100 {padding-bottom: 100px;} | |
| .pl_0 {padding-left: 0;} | |
| .pl_5 {padding-left: 5px;} | |
| .pl_10 {padding-left: 10px;} | |
| .pl_15 {padding-left: 15px;} | |
| .pl_20 {padding-left: 20px;} | |
| .pl_25 {padding-left: 25px;} | |
| .pl_30 {padding-left: 30px;} | |
| .pl_35 {padding-left: 35px;} | |
| .pl_40 {padding-left: 40px;} | |
| .pl_45 {padding-left: 45px;} | |
| .pl_50 {padding-left: 50px;} | |
| .pl_60 {padding-left: 60px;} | |
| .pl_70 {padding-left: 70px;} | |
| .pl_80 {padding-left: 80px;} | |
| .pl_90 {padding-left: 90px;} | |
| .pl_100 {padding-left: 100px;} | |
| @media all and (max-width: 1920px) { | |
| .wrap_d {-ms-flex-wrap: wrap; flex-wrap: wrap;} | |
| .row_d {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} | |
| .row_reverse_d {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} | |
| .column_d {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} | |
| .column_reverse_d {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} | |
| .wrap_span2_d>*, .span2_d {width: 16.6666%;} | |
| .wrap_span3_d>*, .span3_d {width: 25%;} | |
| .wrap_span4_d>*, .span4_d {width: 33.3333%;} | |
| .wrap_span5_d>*, .span5_d {width: 41.6666%;} | |
| .wrap_span6_d>*, .span6_d {width: 50%;} | |
| .wrap_span8_d>*, .span8_d {width: 66.6666%;} | |
| .wrap_span9_d>*, .span9_d {width: 75%;} | |
| .wrap_span10_d>*, .span10_d {width: 83.3333%;} | |
| .wrap_span12_d>*, .span12_d {width: 100%;} | |
| [class*="x_justify_"].wrap_span2_d>*, .span2s_d {width: 15%;} | |
| [class*="x_justify_"].wrap_span3_d>*, .span3s_d {width: 23.5%;} | |
| [class*="x_justify_"].wrap_span4_d>*, .span4s_d {width: 32%;} | |
| [class*="x_justify_"].wrap_span5_d>*, .span5s_d {width: 40.5%;} | |
| [class*="x_justify_"].wrap_span6_d>*, .span6s_d {width: 49%;} | |
| [class*="x_justify_"].wrap_span8_d>*, .span8s_d {width: 66%;} | |
| [class*="x_justify_"].wrap_span9_d>*, .span9s_d {width: 74.5%;} | |
| [class*="x_justify_"].wrap_span10_d>*, .span10s_d {width: 83%;} | |
| [class*="x_justify_"].wrap_span12_d>*, .span12s_d {width: 100%;} | |
| .grid.wrap_span2_d>* {width: calc(16.6666% - 20px);} | |
| .grid.wrap_span3_d>* {width: calc(25% - 20px);} | |
| .grid.wrap_span4_d>* {width: calc(33.3333% - 20px);} | |
| .grid.wrap_span6_d>* {width: calc(50% - 20px);} | |
| .grid.wrap_span12_d>* {width: 100%; margin: 0 0 20px 0;} | |
| .x_justify_space_d {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} | |
| .x_justify_around_d {-ms-flex-pack: distribute; justify-content: space-around;} | |
| .x_justify_start_d {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} | |
| .x_justify_end_d {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} | |
| .x_justify_center_d {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} | |
| .y_align_start_d {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} | |
| .y_align_end_d {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} | |
| .y_align_center_d {-webkit-box-align: center; -ms-flex-align: center; align-items: center;} | |
| .y_align_baseline_d {-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;} | |
| .y_justify_space_d {-ms-flex-line-pack: justify; align-content: space-between;} | |
| .y_justify_around_d {-ms-flex-line-pack: distribute; align-content: space-around;} | |
| .y_justify_start_d {-ms-flex-line-pack: start; align-content: flex-start;} | |
| .y_justify_end_d {-ms-flex-line-pack: end; align-content: flex-end;} | |
| .y_justify_center_d {-ms-flex-line-pack: center; align-content: center;} | |
| .grow_0_d, .wrap_grow_0_d>* {-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;} | |
| .grow_1_d, .wrap_grow_1_d>* {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} | |
| .grow_2_d {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} | |
| .grow_3_d {-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;} | |
| .grow_4_d {-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4;} | |
| .shrink_0_d, .wrap_shrink_0_d>* {-ms-flex-negative: 0; flex-shrink: 0;} | |
| .shrink_1_d, .wrap_shrink_1_d>* {-ms-flex-negative: 1; flex-shrink: 1;} | |
| .shrink_2_d {-ms-flex-negative: 2; flex-shrink: 2;} | |
| .shrink_3_d {-ms-flex-negative: 3; flex-shrink: 3;} | |
| .shrink_4_d {-ms-flex-negative: 4; flex-shrink: 4;} | |
| } | |
| @media all and (max-width: 1599px) { | |
| .wrap_dm {-ms-flex-wrap: wrap; flex-wrap: wrap;} | |
| .row_dm {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} | |
| .row_reverse_dm {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} | |
| .column_dm {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} | |
| .column_reverse_dm {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} | |
| .wrap_span2_dm>*, .span2_dm {width: 16.6666%;} | |
| .wrap_span3_dm>*, .span3_dm {width: 25%;} | |
| .wrap_span4_dm>*, .span4_dm {width: 33.3333%;} | |
| .wrap_span5_dm>*, .span5_dm {width: 41.6666%;} | |
| .wrap_span6_dm>*, .span6_dm {width: 50%;} | |
| .wrap_span8_dm>*, .span8_dm {width: 66.6666%;} | |
| .wrap_span9_dm>*, .span9_dm {width: 75%;} | |
| .wrap_span10_dm>*, .span10_dm {width: 83.3333%;} | |
| .wrap_span12_dm>*, .span12_dm {width: 100%;} | |
| [class*="x_justify_"].wrap_span2_dm>*, .span2s_dm {width: 15%;} | |
| [class*="x_justify_"].wrap_span3_dm>*, .span3s_dm {width: 23.5%;} | |
| [class*="x_justify_"].wrap_span4_dm>*, .span4s_dm {width: 32%;} | |
| [class*="x_justify_"].wrap_span5_dm>*, .span5s_dm {width: 40.5%;} | |
| [class*="x_justify_"].wrap_span6_dm>*, .span6s_dm {width: 49%;} | |
| [class*="x_justify_"].wrap_span8_dm>*, .span8s_dm {width: 66%;} | |
| [class*="x_justify_"].wrap_span9_dm>*, .span9s_dm {width: 74.5%;} | |
| [class*="x_justify_"].wrap_span10_dm>*, .span10s_dm {width: 83%;} | |
| [class*="x_justify_"].wrap_span12_dm>*, .span12s_dm {width: 100%;} | |
| .grid.wrap_span2_dm>* {width: calc(16.6666% - 20px);} | |
| .grid.wrap_span3_dm>* {width: calc(25% - 20px);} | |
| .grid.wrap_span4_dm>* {width: calc(33.3333% - 20px);} | |
| .grid.wrap_span6_dm>* {width: calc(50% - 20px);} | |
| .grid.wrap_span12_dm>* {width: 100%; margin: 0 0 20px 0;} | |
| .x_justify_space_dm {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} | |
| .x_justify_around_dm {-ms-flex-pack: distribute; justify-content: space-around;} | |
| .x_justify_start_dm {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} | |
| .x_justify_end_dm {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} | |
| .x_justify_center_dm {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} | |
| .y_align_start_dm {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} | |
| .y_align_end_dm {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} | |
| .y_align_center_dm {-webkit-box-align: center; -ms-flex-align: center; align-items: center;} | |
| .y_align_baseline_dm {-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;} | |
| .y_justify_space_dm {-ms-flex-line-pack: justify; align-content: space-between;} | |
| .y_justify_around_dm {-ms-flex-line-pack: distribute; align-content: space-around;} | |
| .y_justify_start_dm {-ms-flex-line-pack: start; align-content: flex-start;} | |
| .y_justify_end_dm {-ms-flex-line-pack: end; align-content: flex-end;} | |
| .y_justify_center_dm {-ms-flex-line-pack: center; align-content: center;} | |
| .grow_0_dm, .wrap_grow_0_dm>* {-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;} | |
| .grow_1_dm, .wrap_grow_1_dm>* {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} | |
| .grow_2_dm {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} | |
| .grow_3_dm {-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;} | |
| .grow_4_dm {-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4;} | |
| .shrink_0_dm, .wrap_shrink_0_dm>* {-ms-flex-negative: 0; flex-shrink: 0;} | |
| .shrink_1_dm, .wrap_shrink_1_dm>* {-ms-flex-negative: 1; flex-shrink: 1;} | |
| .shrink_2_dm {-ms-flex-negative: 2; flex-shrink: 2;} | |
| .shrink_3_dm {-ms-flex-negative: 3; flex-shrink: 3;} | |
| .shrink_4_dm {-ms-flex-negative: 4; flex-shrink: 4;} | |
| } | |
| @media all and (max-width: 1300px) { | |
| .wrap_ds {-ms-flex-wrap: wrap; flex-wrap: wrap;} | |
| .row_ds {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} | |
| .row_reverse_ds {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} | |
| .column_ds {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} | |
| .column_reverse_ds {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} | |
| .wrap_span2_ds>*, .span2_ds {width: 16.6666%;} | |
| .wrap_span3_ds>*, .span3_ds {width: 25%;} | |
| .wrap_span4_ds>*, .span4_ds {width: 33.3333%;} | |
| .wrap_span5_ds>*, .span5_ds {width: 41.6666%;} | |
| .wrap_span6_ds>*, .span6_ds {width: 50%;} | |
| .wrap_span8_ds>*, .span8_ds {width: 66.6666%;} | |
| .wrap_span9_ds>*, .span9_ds {width: 75%;} | |
| .wrap_span10_ds>*, .span10_ds {width: 83.3333%;} | |
| .wrap_span12_ds>*, .span12_ds {width: 100%;} | |
| [class*="x_justify_"].wrap_span2_ds>*, .span2s_ds {width: 15%;} | |
| [class*="x_justify_"].wrap_span3_ds>*, .span3s_ds {width: 23.5%;} | |
| [class*="x_justify_"].wrap_span4_ds>*, .span4s_ds {width: 32%;} | |
| [class*="x_justify_"].wrap_span5_ds>*, .span5s_ds {width: 40.5%;} | |
| [class*="x_justify_"].wrap_span6_ds>*, .span6s_ds {width: 49%;} | |
| [class*="x_justify_"].wrap_span8_ds>*, .span8s_ds {width: 66%;} | |
| [class*="x_justify_"].wrap_span9_ds>*, .span9s_ds {width: 74.5%;} | |
| [class*="x_justify_"].wrap_span10_ds>*, .span10s_ds {width: 83%;} | |
| [class*="x_justify_"].wrap_span12_ds>*, .span12s_ds {width: 100%;} | |
| .grid.wrap_span2_ds>* {width: calc(16.6666% - 20px);} | |
| .grid.wrap_span3_ds>* {width: calc(25% - 20px);} | |
| .grid.wrap_span4_ds>* {width: calc(33.3333% - 20px);} | |
| .grid.wrap_span6_ds>* {width: calc(50% - 20px);} | |
| .grid.wrap_span12_ds>* {width: 100%; margin: 0 0 20px 0;} | |
| .x_justify_space_ds {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} | |
| .x_justify_around_ds {-ms-flex-pack: distribute; justify-content: space-around;} | |
| .x_justify_start_ds {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} | |
| .x_justify_end_ds {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} | |
| .x_justify_center_ds {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} | |
| .y_align_start_ds {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} | |
| .y_align_end_ds {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} | |
| .y_align_center_ds {-webkit-box-align: center; -ms-flex-align: center; align-items: center;} | |
| .y_align_baseline_ds {-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;} | |
| .y_justify_space_ds {-ms-flex-line-pack: justify; align-content: space-between;} | |
| .y_justify_around_ds {-ms-flex-line-pack: distribute; align-content: space-around;} | |
| .y_justify_start_ds {-ms-flex-line-pack: start; align-content: flex-start;} | |
| .y_justify_end_ds {-ms-flex-line-pack: end; align-content: flex-end;} | |
| .y_justify_center_ds {-ms-flex-line-pack: center; align-content: center;} | |
| .grow_0_ds, .wrap_grow_0_ds>* {-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;} | |
| .grow_1_ds, .wrap_grow_1_ds>* {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} | |
| .grow_2_ds {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} | |
| .grow_3_ds {-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;} | |
| .grow_4_ds {-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4;} | |
| .shrink_0_ds, .wrap_shrink_0_ds>* {-ms-flex-negative: 0; flex-shrink: 0;} | |
| .shrink_1_ds, .wrap_shrink_1_ds>* {-ms-flex-negative: 1; flex-shrink: 1;} | |
| .shrink_2_ds {-ms-flex-negative: 2; flex-shrink: 2;} | |
| .shrink_3_ds {-ms-flex-negative: 3; flex-shrink: 3;} | |
| .shrink_4_ds {-ms-flex-negative: 4; flex-shrink: 4;} | |
| } | |
| @media all and (max-width: 1024px) { | |
| .wrap_t {-ms-flex-wrap: wrap; flex-wrap: wrap;} | |
| .row_t {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} | |
| .row_reverse_t {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} | |
| .column_t {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} | |
| .column_reverse_t {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} | |
| .wrap_span2_t>*, .span2_t {width: 16.6666%;} | |
| .wrap_span3_t>*, .span3_t {width: 25%;} | |
| .wrap_span4_t>*, .span4_t {width: 33.3333%;} | |
| .wrap_span5_t>*, .span5_t {width: 41.6666%;} | |
| .wrap_span6_t>*, .span6_t {width: 50%;} | |
| .wrap_span8_t>*, .span8_t {width: 66.6666%;} | |
| .wrap_span9_t>*, .span9_t {width: 75%;} | |
| .wrap_span10_t>*, .span10_t {width: 83.3333%;} | |
| .wrap_span12_t>*, .span12_t {width: 100%;} | |
| [class*="x_justify_"].wrap_span2_t>*, .span2s_t {width: 15%;} | |
| [class*="x_justify_"].wrap_span3_t>*, .span3s_t {width: 23.5%;} | |
| [class*="x_justify_"].wrap_span4_t>*, .span4s_t {width: 32%;} | |
| [class*="x_justify_"].wrap_span5_t>*, .span5s_t {width: 40.5%;} | |
| [class*="x_justify_"].wrap_span6_t>*, .span6s_t {width: 49%;} | |
| [class*="x_justify_"].wrap_span8_t>*, .span8s_t {width: 66%;} | |
| [class*="x_justify_"].wrap_span9_t>*, .span9s_t {width: 74.5%;} | |
| [class*="x_justify_"].wrap_span10_t>*, .span10s_t {width: 83%;} | |
| [class*="x_justify_"].wrap_span12_t>*, .span12s_t {width: 100%;} | |
| .grid.wrap_span2_t>* {width: calc(16.6666% - 20px);} | |
| .grid.wrap_span3_t>* {width: calc(25% - 20px);} | |
| .grid.wrap_span4_t>* {width: calc(33.3333% - 20px);} | |
| .grid.wrap_span6_t>* {width: calc(50% - 20px);} | |
| .grid.wrap_span12_t>* {width: 100%; margin: 0 0 20px 0;} | |
| .x_justify_space_t {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} | |
| .x_justify_around_t {-ms-flex-pack: distribute; justify-content: space-around;} | |
| .x_justify_start_t {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} | |
| .x_justify_end_t {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} | |
| .x_justify_center_t {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} | |
| .y_align_start_t {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} | |
| .y_align_end_t {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} | |
| .y_align_center_t {-webkit-box-align: center; -ms-flex-align: center; align-items: center;} | |
| .y_align_baseline_t {-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;} | |
| .y_justify_space_t {-ms-flex-line-pack: justify; align-content: space-between;} | |
| .y_justify_around_t {-ms-flex-line-pack: distribute; align-content: space-around;} | |
| .y_justify_start_t {-ms-flex-line-pack: start; align-content: flex-start;} | |
| .y_justify_end_t {-ms-flex-line-pack: end; align-content: flex-end;} | |
| .y_justify_center_t {-ms-flex-line-pack: center; align-content: center;} | |
| .grow_0_t, .wrap_grow_0_t>* {-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;} | |
| .grow_1_t, .wrap_grow_1_t>* {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} | |
| .grow_2_t {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} | |
| .grow_3_t {-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;} | |
| .grow_4_t {-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4;} | |
| .shrink_0_t, .wrap_shrink_0_t>* {-ms-flex-negative: 0; flex-shrink: 0;} | |
| .shrink_1_t, .wrap_shrink_1_t>* {-ms-flex-negative: 1; flex-shrink: 1;} | |
| .shrink_2_t {-ms-flex-negative: 2; flex-shrink: 2;} | |
| .shrink_3_t {-ms-flex-negative: 3; flex-shrink: 3;} | |
| .shrink_4_t {-ms-flex-negative: 4; flex-shrink: 4;} | |
| .mt_0_t {margin-top: 0;} | |
| .mt_5_t {margin-top: 5px;} | |
| .mt_10_t {margin-top: 10px;} | |
| .mt_15_t {margin-top: 15px;} | |
| .mt_20_t {margin-top: 20px;} | |
| .mt_25_t {margin-top: 25px;} | |
| .mt_30_t {margin-top: 30px;} | |
| .mt_35_t {margin-top: 35px;} | |
| .mt_40_t {margin-top: 40px;} | |
| .mt_45_t {margin-top: 45px;} | |
| .mt_50_t {margin-top: 50px;} | |
| .mr_0_t {margin-right: 0;} | |
| .mr_5_t {margin-right: 5px;} | |
| .mr_10_t {margin-right: 10px;} | |
| .mr_15_t {margin-right: 15px;} | |
| .mr_20_t {margin-right: 20px;} | |
| .mr_25_t {margin-right: 25px;} | |
| .mr_30_t {margin-right: 30px;} | |
| .mr_35_t {margin-right: 35px;} | |
| .mr_40_t {margin-right: 40px;} | |
| .mr_45_t {margin-right: 45px;} | |
| .mr_50_t {margin-right: 50px;} | |
| .mb_0_t {margin-bottom: 0;} | |
| .mb_5_t {margin-bottom: 5px;} | |
| .mb_10_t {margin-bottom: 10px;} | |
| .mb_15_t {margin-bottom: 15px;} | |
| .mb_20_t {margin-bottom: 20px;} | |
| .mb_25_t {margin-bottom: 25px;} | |
| .mb_30_t {margin-bottom: 30px;} | |
| .mb_35_t {margin-bottom: 35px;} | |
| .mb_40_t {margin-bottom: 40px;} | |
| .mb_45_t {margin-bottom: 45px;} | |
| .mb_50_t {margin-bottom: 50px;} | |
| .ml_0_t {margin-left: 0;} | |
| .ml_5_t {margin-left: 5px;} | |
| .ml_10_t {margin-left: 10px;} | |
| .ml_15_t {margin-left: 15px;} | |
| .ml_20_t {margin-left: 20px;} | |
| .ml_25_t {margin-left: 25px;} | |
| .ml_30_t {margin-left: 30px;} | |
| .ml_35_t {margin-left: 35px;} | |
| .ml_40_t {margin-left: 40px;} | |
| .ml_45_t {margin-left: 45px;} | |
| .ml_50_t {margin-left: 50px;} | |
| .pt_0_t {padding-top: 0;} | |
| .pt_5_t {padding-top: 5px;} | |
| .pt_10_t {padding-top: 10px;} | |
| .pt_15_t {padding-top: 15px;} | |
| .pt_20_t {padding-top: 20px;} | |
| .pt_25_t {padding-top: 25px;} | |
| .pt_30_t {padding-top: 30px;} | |
| .pt_35_t {padding-top: 35px;} | |
| .pt_40_t {padding-top: 40px;} | |
| .pt_45_t {padding-top: 45px;} | |
| .pt_50_t {padding-top: 50px;} | |
| .pr_0_t {padding-right: 0;} | |
| .pr_5_t {padding-right: 5px;} | |
| .pr_10_t {padding-right: 10px;} | |
| .pr_15_t {padding-right: 15px;} | |
| .pr_20_t {padding-right: 20px;} | |
| .pr_25_t {padding-right: 25px;} | |
| .pr_30_t {padding-right: 30px;} | |
| .pr_35_t {padding-right: 35px;} | |
| .pr_40_t {padding-right: 40px;} | |
| .pr_45_t {padding-right: 45px;} | |
| .pr_50_t {padding-right: 50px;} | |
| .pb_0_t {padding-bottom: 0;} | |
| .pb_5_t {padding-bottom: 5px;} | |
| .pb_10_t {padding-bottom: 10px;} | |
| .pb_15_t {padding-bottom: 15px;} | |
| .pb_20_t {padding-bottom: 20px;} | |
| .pb_25_t {padding-bottom: 25px;} | |
| .pb_30_t {padding-bottom: 30px;} | |
| .pb_35_t {padding-bottom: 35px;} | |
| .pb_40_t {padding-bottom: 40px;} | |
| .pb_45_t {padding-bottom: 45px;} | |
| .pb_50_t {padding-bottom: 50px;} | |
| .pl_0_t {padding-left: 0;} | |
| .pl_5_t {padding-left: 5px;} | |
| .pl_10_t {padding-left: 10px;} | |
| .pl_15_t {padding-left: 15px;} | |
| .pl_20_t {padding-left: 20px;} | |
| .pl_25_t {padding-left: 25px;} | |
| .pl_30_t {padding-left: 30px;} | |
| .pl_35_t {padding-left: 35px;} | |
| .pl_40_t {padding-left: 40px;} | |
| .pl_45_t {padding-left: 45px;} | |
| .pl_50_t {padding-left: 50px;} | |
| } | |
| @media all and (max-width: 767px) { | |
| .wrap_m {-ms-flex-wrap: wrap; flex-wrap: wrap;} | |
| .row_m {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} | |
| .row_reverse_m {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} | |
| .column_m {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} | |
| .column_reverse_m {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} | |
| .wrap_span2_m>*, .span2_m {width: 16.6666%;} | |
| .wrap_span3_m>*, .span3_m {width: 25%;} | |
| .wrap_span4_m>*, .span4_m {width: 33.3333%;} | |
| .wrap_span5_m>*, .span5_m {width: 41.6666%;} | |
| .wrap_span6_m>*, .span6_m {width: 50%;} | |
| .wrap_span8_m>*, .span8_m {width: 66.6666%;} | |
| .wrap_span9_m>*, .span9_m {width: 75%;} | |
| .wrap_span10_m>*, .span10_m {width: 83.3333%;} | |
| .wrap_span12_m>*, .span12_m {width: 100%;} | |
| [class*="x_justify_"].wrap_span2_m>*, .span2s_m {width: 15%;} | |
| [class*="x_justify_"].wrap_span3_m>*, .span3s_m {width: 23.5%;} | |
| [class*="x_justify_"].wrap_span4_m>*, .span4s_m {width: 32%;} | |
| [class*="x_justify_"].wrap_span5_m>*, .span5s_m {width: 40.5%;} | |
| [class*="x_justify_"].wrap_span6_m>*, .span6s_m {width: 49%;} | |
| [class*="x_justify_"].wrap_span8_m>*, .span8s_m {width: 66%;} | |
| [class*="x_justify_"].wrap_span9_m>*, .span9s_m {width: 74.5%;} | |
| [class*="x_justify_"].wrap_span10_m>*, .span10s_m {width: 83%;} | |
| [class*="x_justify_"].wrap_span12_m>*, .span12s_m {width: 100%;} | |
| .grid.wrap_span2_m>* {width: calc(16.6666% - 20px);} | |
| .grid.wrap_span3_m>* {width: calc(25% - 20px);} | |
| .grid.wrap_span4_m>* {width: calc(33.3333% - 20px);} | |
| .grid.wrap_span6_m>* {width: calc(50% - 20px);} | |
| .grid.wrap_span12_m>* {width: 100%; margin: 0 0 20px 0;} | |
| .x_justify_space_m {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} | |
| .x_justify_around_m {-ms-flex-pack: distribute; justify-content: space-around;} | |
| .x_justify_start_m {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} | |
| .x_justify_end_m {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} | |
| .x_justify_center_m {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} | |
| .y_align_start_m {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} | |
| .y_align_end_m {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} | |
| .y_align_center_m {-webkit-box-align: center; -ms-flex-align: center; align-items: center;} | |
| .y_align_baseline_m {-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;} | |
| .y_justify_space_m {-ms-flex-line-pack: justify; align-content: space-between;} | |
| .y_justify_around_m {-ms-flex-line-pack: distribute; align-content: space-around;} | |
| .y_justify_start_m {-ms-flex-line-pack: start; align-content: flex-start;} | |
| .y_justify_end_m {-ms-flex-line-pack: end; align-content: flex-end;} | |
| .y_justify_center_m {-ms-flex-line-pack: center; align-content: center;} | |
| .grow_0_m, .wrap_grow_0_m>* {-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;} | |
| .grow_1_m, .wrap_grow_1_m>* {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} | |
| .grow_2_m {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} | |
| .grow_3_m {-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;} | |
| .grow_4_m {-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4;} | |
| .shrink_0_m, .wrap_shrink_0_m>* {-ms-flex-negative: 0; flex-shrink: 0;} | |
| .shrink_1_m, .wrap_shrink_1_m>* {-ms-flex-negative: 1; flex-shrink: 1;} | |
| .shrink_2_m {-ms-flex-negative: 2; flex-shrink: 2;} | |
| .shrink_3_m {-ms-flex-negative: 3; flex-shrink: 3;} | |
| .shrink_4_m {-ms-flex-negative: 4; flex-shrink: 4;} | |
| .form_row > * {width: 100%;} | |
| .mt_0_m {margin-top: 0;} | |
| .mt_5_m {margin-top: 5px;} | |
| .mt_10_m {margin-top: 10px;} | |
| .mt_15_m {margin-top: 15px;} | |
| .mt_20_m {margin-top: 20px;} | |
| .mt_25_m {margin-top: 25px;} | |
| .mt_30_m {margin-top: 30px;} | |
| .mt_35_m {margin-top: 35px;} | |
| .mt_40_m {margin-top: 40px;} | |
| .mt_45_m {margin-top: 45px;} | |
| .mt_50_m {margin-top: 50px;} | |
| .mr_0_m {margin-right: 0;} | |
| .mr_5_m {margin-right: 5px;} | |
| .mr_10_m {margin-right: 10px;} | |
| .mr_15_m {margin-right: 15px;} | |
| .mr_20_m {margin-right: 20px;} | |
| .mr_25_m {margin-right: 25px;} | |
| .mr_30_m {margin-right: 30px;} | |
| .mr_35_m {margin-right: 35px;} | |
| .mr_40_m {margin-right: 40px;} | |
| .mr_45_m {margin-right: 45px;} | |
| .mr_50_m {margin-right: 50px;} | |
| .mb_0_m {margin-bottom: 0;} | |
| .mb_5_m {margin-bottom: 5px;} | |
| .mb_10_m {margin-bottom: 10px;} | |
| .mb_15_m {margin-bottom: 15px;} | |
| .mb_20_m {margin-bottom: 20px;} | |
| .mb_25_m {margin-bottom: 25px;} | |
| .mb_30_m {margin-bottom: 30px;} | |
| .mb_35_m {margin-bottom: 35px;} | |
| .mb_40_m {margin-bottom: 40px;} | |
| .mb_45_m {margin-bottom: 45px;} | |
| .mb_50_m {margin-bottom: 50px;} | |
| .ml_0_m {margin-left: 0;} | |
| .ml_5_m {margin-left: 5px;} | |
| .ml_10_m {margin-left: 10px;} | |
| .ml_15_m {margin-left: 15px;} | |
| .ml_20_m {margin-left: 20px;} | |
| .ml_25_m {margin-left: 25px;} | |
| .ml_30_m {margin-left: 30px;} | |
| .ml_35_m {margin-left: 35px;} | |
| .ml_40_m {margin-left: 40px;} | |
| .ml_45_m {margin-left: 45px;} | |
| .ml_50_m {margin-left: 50px;} | |
| .pt_0_m {padding-top: 0;} | |
| .pt_5_m {padding-top: 5px;} | |
| .pt_10_m {padding-top: 10px;} | |
| .pt_15_m {padding-top: 15px;} | |
| .pt_20_m {padding-top: 20px;} | |
| .pt_25_m {padding-top: 25px;} | |
| .pt_30_m {padding-top: 30px;} | |
| .pt_35_m {padding-top: 35px;} | |
| .pt_40_m {padding-top: 40px;} | |
| .pt_45_m {padding-top: 45px;} | |
| .pt_50_m {padding-top: 50px;} | |
| .pr_0_m {padding-right: 0;} | |
| .pr_5_m {padding-right: 5px;} | |
| .pr_10_m {padding-right: 10px;} | |
| .pr_15_m {padding-right: 15px;} | |
| .pr_20_m {padding-right: 20px;} | |
| .pr_25_m {padding-right: 25px;} | |
| .pr_30_m {padding-right: 30px;} | |
| .pr_35_m {padding-right: 35px;} | |
| .pr_40_m {padding-right: 40px;} | |
| .pr_45_m {padding-right: 45px;} | |
| .pr_50_m {padding-right: 50px;} | |
| .pb_0_m {padding-bottom: 0;} | |
| .pb_5_m {padding-bottom: 5px;} | |
| .pb_10_m {padding-bottom: 10px;} | |
| .pb_15_m {padding-bottom: 15px;} | |
| .pb_20_m {padding-bottom: 20px;} | |
| .pb_25_m {padding-bottom: 25px;} | |
| .pb_30_m {padding-bottom: 30px;} | |
| .pb_35_m {padding-bottom: 35px;} | |
| .pb_40_m {padding-bottom: 40px;} | |
| .pb_45_m {padding-bottom: 45px;} | |
| .pb_50_m {padding-bottom: 50px;} | |
| .pl_0_m {padding-left: 0;} | |
| .pl_5_m {padding-left: 5px;} | |
| .pl_10_m {padding-left: 10px;} | |
| .pl_15_m {padding-left: 15px;} | |
| .pl_20_m {padding-left: 20px;} | |
| .pl_25_m {padding-left: 25px;} | |
| .pl_30_m {padding-left: 30px;} | |
| .pl_35_m {padding-left: 35px;} | |
| .pl_40_m {padding-left: 40px;} | |
| .pl_45_m {padding-left: 45px;} | |
| .pl_50_m {padding-left: 50px;} | |
| } | |
| @media all and (max-width: 480px) { | |
| .wrap_ms {-ms-flex-wrap: wrap; flex-wrap: wrap;} | |
| .row_ms {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} | |
| .row_reverse_ms {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} | |
| .column_ms {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} | |
| .column_reverse_ms {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} | |
| .wrap_span2_ms>*, .span2_ms {width: 16.6666%;} | |
| .wrap_span3_ms>*, .span3_ms {width: 25%;} | |
| .wrap_span4_ms>*, .span4_ms {width: 33.3333%;} | |
| .wrap_span5_ms>*, .span5_ms {width: 41.6666%;} | |
| .wrap_span6_ms>*, .span6_ms {width: 50%;} | |
| .wrap_span8_ms>*, .span8_ms {width: 66.6666%;} | |
| .wrap_span9_ms>*, .span9_ms {width: 75%;} | |
| .wrap_span10_ms>*, .span10_ms {width: 83.3333%;} | |
| .wrap_span12_ms>*, .span12_ms {width: 100%;} | |
| [class*="x_justify_"].wrap_span2_ms>*, .span2s_ms {width: 15%;} | |
| [class*="x_justify_"].wrap_span3_ms>*, .span3s_ms {width: 23.5%;} | |
| [class*="x_justify_"].wrap_span4_ms>*, .span4s_ms {width: 32%;} | |
| [class*="x_justify_"].wrap_span5_ms>*, .span5s_ms {width: 40.5%;} | |
| [class*="x_justify_"].wrap_span6_ms>*, .span6s_ms {width: 49%;} | |
| [class*="x_justify_"].wrap_span8_ms>*, .span8s_ms {width: 66%;} | |
| [class*="x_justify_"].wrap_span9_ms>*, .span9s_ms {width: 74.5%;} | |
| [class*="x_justify_"].wrap_span10_ms>*, .span10s_ms {width: 83%;} | |
| [class*="x_justify_"].wrap_span12_ms>*, .span12s_ms {width: 100%;} | |
| .grid.wrap_span2_ms>* {width: calc(16.6666% - 20px);} | |
| .grid.wrap_span3_ms>* {width: calc(25% - 20px);} | |
| .grid.wrap_span4_ms>* {width: calc(33.3333% - 20px);} | |
| .grid.wrap_span6_ms>* {width: calc(50% - 20px);} | |
| .grid.wrap_span12_ms>* {width: 100%; margin: 0 0 20px 0;} | |
| .x_justify_space_ms {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} | |
| .x_justify_around_ms {-ms-flex-pack: distribute; justify-content: space-around;} | |
| .x_justify_start_ms {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} | |
| .x_justify_end_ms {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} | |
| .x_justify_center_ms {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} | |
| .y_align_start_ms {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} | |
| .y_align_end_ms {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} | |
| .y_align_center_ms {-webkit-box-align: center; -ms-flex-align: center; align-items: center;} | |
| .y_align_baseline_ms {-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;} | |
| .y_justify_space_ms {-ms-flex-line-pack: justify; align-content: space-between;} | |
| .y_justify_around_ms {-ms-flex-line-pack: distribute; align-content: space-around;} | |
| .y_justify_start_ms {-ms-flex-line-pack: start; align-content: flex-start;} | |
| .y_justify_end_ms {-ms-flex-line-pack: end; align-content: flex-end;} | |
| .y_justify_center_ms {-ms-flex-line-pack: center; align-content: center;} | |
| .grow_0_ms, .wrap_grow_0_ms>* {-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;} | |
| .grow_1_ms, .wrap_grow_1_ms>* {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} | |
| .grow_2_ms {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} | |
| .grow_3_ms {-webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;} | |
| .grow_4_ms {-webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4;} | |
| .shrink_0_ms, .wrap_shrink_0_ms>* {-ms-flex-negative: 0; flex-shrink: 0;} | |
| .shrink_1_ms, .wrap_shrink_1_ms>* {-ms-flex-negative: 1; flex-shrink: 1;} | |
| .shrink_2_ms {-ms-flex-negative: 2; flex-shrink: 2;} | |
| .shrink_3_ms {-ms-flex-negative: 3; flex-shrink: 3;} | |
| .shrink_4_ms {-ms-flex-negative: 4; flex-shrink: 4;} | |
| } | |
| .hidden {display: none !important;} | |
| @media all and (max-width: 1920px) and (min-width: 1600px) { | |
| .hidden_d {display: none !important;} | |
| } | |
| @media all and (max-width: 1599px) and (min-width: 1301px) { | |
| .hidden_dm {display: none !important;} | |
| } | |
| @media all and (max-width: 1300px) and (min-width: 1025px) { | |
| .hidden_ds {display: none !important;} | |
| } | |
| @media all and (max-width: 1024px) and (min-width: 768px) { | |
| .hidden_t {display: none !important;} | |
| } | |
| @media all and (max-width: 767px) { | |
| .hidden_m {display: none !important;} | |
| .center_m {text-align: center;} | |
| } | |
| /* main */ | |
| .header > div, | |
| .footer > div, | |
| section > div { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| position: relative; | |
| } | |
| section>div.fullwidth { | |
| max-width: 100%; | |
| } | |
| section>div.wide { | |
| max-width: 95%; | |
| } | |
| section>div.narrow { | |
| max-width: 900px; | |
| } | |
| .block { | |
| display: block; | |
| } | |
| .inline_block { | |
| display: inline-block; | |
| } | |
| .pull_left { | |
| display: block; | |
| float: left; | |
| } | |
| .pull_right { | |
| display: block; | |
| float: right; | |
| } | |
| .relative { | |
| position: relative; | |
| } | |
| .centered { | |
| margin: 0 auto; | |
| display: block; | |
| } | |
| .overflow_a { | |
| overflow: auto; | |
| } | |
| .overflow_h { | |
| overflow: hidden; | |
| } | |
| .center { | |
| text-align: center; | |
| } | |
| .left { | |
| text-align: left; | |
| } | |
| .right { | |
| text-align: right; | |
| } | |
| .justify { | |
| text-align: justify; | |
| } | |
| .uppercase { | |
| text-transform: uppercase; | |
| } | |
| img.pull_left { | |
| margin: 0 15px 15px 0; | |
| } | |
| img.pull_right { | |
| margin: 0 0 15px 15px; | |
| } | |
| img.centered { | |
| margin: 30px auto; | |
| } | |
| .table_wrap { | |
| width: 100%; | |
| max-width: 100%; | |
| overflow-x: auto; | |
| } | |
| @media all and (min-width: 1921px) { | |
| section > div {max-width: 1824px;} | |
| } | |
| @media all and (max-width: 1300px) { | |
| section > div {max-width: 95%;} | |
| } | |
| @media all and (max-width: 1024px) { | |
| section > div.narrow {max-width: 95%;} | |
| .hidden_t {display: none !important;} | |
| .center_t {text-align: center;} | |
| } | |
| @media all and (max-width: 960px) { | |
| } | |
| @media all and (max-width: 767px) { | |
| section {overflow: hidden;} | |
| section > div, section > div.wide, section > div.narrow {max-width: 92%;} | |
| .hidden_m {display: none !important;} | |
| .center_m {text-align: center;} | |
| } | |
| @media all and (max-width: 480px) { | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment