/*! * Angular Material Design * https://github.com/angular/material * @license MIT * v0.11.2-master-53f2588 */ /* * * Responsive attributes * * References: * 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex * 2) https://css-tricks.com/almanac/properties/f/flex/ * 3) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items * 4) http://godban.com.ua/projects/flexgrid * */ @-moz-document url-prefix() { .layout-fill { margin: 0; width: 100%; min-height: 100%; height: 100%; } } /* * Apply Mixins to create Layout/Flexbox styles * */ .flex-order { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-order-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .flex-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .flex-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .flex-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .flex-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .flex-order-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .flex-order-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .flex-order-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .flex-order-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .flex-order-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .flex-order-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .flex-order-13 { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .flex-order-14 { -webkit-order: 14; -ms-flex-order: 14; order: 14; } .flex-order-15 { -webkit-order: 15; -ms-flex-order: 15; order: 15; } .flex-order-16 { -webkit-order: 16; -ms-flex-order: 16; order: 16; } .flex-order-17 { -webkit-order: 17; -ms-flex-order: 17; order: 17; } .flex-order-18 { -webkit-order: 18; -ms-flex-order: 18; order: 18; } .flex-order-19 { -webkit-order: 19; -ms-flex-order: 19; order: 19; } .offset-0 { margin-left: 0%; } .offset-5 { margin-left: 5%; } .offset-10 { margin-left: 10%; } .offset-15 { margin-left: 15%; } .offset-20 { margin-left: 20%; } .offset-25 { margin-left: 25%; } .offset-30 { margin-left: 30%; } .offset-35 { margin-left: 35%; } .offset-40 { margin-left: 40%; } .offset-45 { margin-left: 45%; } .offset-50 { margin-left: 50%; } .offset-55 { margin-left: 55%; } .offset-60 { margin-left: 60%; } .offset-65 { margin-left: 65%; } .offset-70 { margin-left: 70%; } .offset-75 { margin-left: 75%; } .offset-80 { margin-left: 80%; } .offset-85 { margin-left: 85%; } .offset-90 { margin-left: 90%; } .offset-95 { margin-left: 95%; } .offset-33.offset-34 { margin-left: 33%; } .offset-66.offset-67 { margin-left: 67%; } .layout-align-center, .layout-align-center-center, .layout-align-center-start, .layout-align-center-end { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout-align-end, .layout-align-end-center, .layout-align-end-start, .layout-align-end-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .layout-align-space-around, .layout-align-space-around-center, .layout-align-space-around-start, .layout-align-space-around-end { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .layout-align-space-between, .layout-align-space-between-center, .layout-align-space-between-start, .layout-align-space-between-end { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .layout-align-center-start, .layout-align-start-start, .layout-align-end-start, .layout-align-space-between-start, .layout-align-space-around-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .layout-align-center-center, .layout-align-start-center, .layout-align-end-center, .layout-align-space-between-center, .layout-align-space-around-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .layout-align-center-center > *, .layout-align-start-center > *, .layout-align-end-center > *, .layout-align-space-between-center > *, .layout-align-space-around-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-center-end, .layout-align-start-end, .layout-align-end-end, .layout-align-space-between-end, .layout-align-space-around-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex { -webkit-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; } .flex-grow { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; box-sizing: border-box; } .flex-initial { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; } .flex-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; } .flex-none { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; } .flex-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-0, .layout-row > .flex-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-0, .layout-column > .flex-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .flex-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-5, .layout-row > .flex-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-5, .layout-column > .flex-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-10, .layout-row > .flex-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-10, .layout-column > .flex-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-15, .layout-row > .flex-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-15, .layout-column > .flex-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-20, .layout-row > .flex-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-20, .layout-column > .flex-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-25, .layout-row > .flex-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-25, .layout-column > .flex-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-30, .layout-row > .flex-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-30, .layout-column > .flex-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-35, .layout-row > .flex-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-35, .layout-column > .flex-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-40, .layout-row > .flex-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-40, .layout-column > .flex-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-45, .layout-row > .flex-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-45, .layout-column > .flex-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-50, .layout-row > .flex-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-50, .layout-column > .flex-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-55, .layout-row > .flex-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-55, .layout-column > .flex-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-60, .layout-row > .flex-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-60, .layout-column > .flex-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-65, .layout-row > .flex-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-65, .layout-column > .flex-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-70, .layout-row > .flex-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-70, .layout-column > .flex-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-75, .layout-row > .flex-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-75, .layout-column > .flex-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-80, .layout-row > .flex-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-80, .layout-column > .flex-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-85, .layout-row > .flex-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-85, .layout-column > .flex-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-90, .layout-row > .flex-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-90, .layout-column > .flex-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-95, .layout-row > .flex-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-95, .layout-column > .flex-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-100, .layout-row > .flex-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-100, .layout-column > .flex-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-34, .layout-row > .flex-34, .layout-row > .flex-34, .layout-row > .flex-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-67, .layout-row > .flex-67, .layout-row > .flex-67, .layout-row > .flex-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 100%; max-height: 33%; box-sizing: border-box; } .layout-column > .flex-34, .layout-column > .flex-34, .layout-column > .flex-34, .layout-column > .flex-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } .layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 100%; max-height: 66%; box-sizing: border-box; } .layout-column > .flex-67, .layout-column > .flex-67, .layout-column > .flex-67, .layout-column > .flex-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } .layout, .layout-column, .layout-row { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .layout-padding > .flex-sm, .layout-padding > .flex-lt-md { padding: 4px; } .layout-padding, .layout-padding > .flex, .layout-padding > .flex-gt-sm, .layout-padding > .flex-md, .layout-padding > .flex-lt-lg { padding: 8px; } .layout-padding > .flex-gt-md, .layout-padding > .flex-lg { padding: 16px; } .layout-margin > .flex-sm, .layout-margin > .flex-lt-md { margin: 4px; } .layout-margin, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md, .layout-margin > .flex-lt-lg { margin: 8px; } .layout-margin > .flex-gt-md, .layout-margin > .flex-lg { margin: 16px; } .layout-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .layout-fill { margin: 0; width: 100%; min-height: 100%; height: 100%; } /** * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)` * * hide means hide everywhere * Sizes: * 0 <= size < 600 Phone * 600 <= size < 960 Tablet * 960 <= size < 1200 Tablet-Landscape */ @media (max-width: 599px) { .hide-sm:not(.show-sm):not(.show), .hide:not(.show-sm):not(.show) { display: none; } .flex-order-sm-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-order-sm-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-order-sm-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .flex-order-sm-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .flex-order-sm-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .flex-order-sm-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .flex-order-sm-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .flex-order-sm-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .flex-order-sm-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .flex-order-sm-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .flex-order-sm-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .flex-order-sm-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .flex-order-sm-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .flex-order-sm-13 { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .flex-order-sm-14 { -webkit-order: 14; -ms-flex-order: 14; order: 14; } .flex-order-sm-15 { -webkit-order: 15; -ms-flex-order: 15; order: 15; } .flex-order-sm-16 { -webkit-order: 16; -ms-flex-order: 16; order: 16; } .flex-order-sm-17 { -webkit-order: 17; -ms-flex-order: 17; order: 17; } .flex-order-sm-18 { -webkit-order: 18; -ms-flex-order: 18; order: 18; } .flex-order-sm-19 { -webkit-order: 19; -ms-flex-order: 19; order: 19; } .offset-sm-0 { margin-left: 0%; } .offset-sm-5 { margin-left: 5%; } .offset-sm-10 { margin-left: 10%; } .offset-sm-15 { margin-left: 15%; } .offset-sm-20 { margin-left: 20%; } .offset-sm-25 { margin-left: 25%; } .offset-sm-30 { margin-left: 30%; } .offset-sm-35 { margin-left: 35%; } .offset-sm-40 { margin-left: 40%; } .offset-sm-45 { margin-left: 45%; } .offset-sm-50 { margin-left: 50%; } .offset-sm-55 { margin-left: 55%; } .offset-sm-60 { margin-left: 60%; } .offset-sm-65 { margin-left: 65%; } .offset-sm-70 { margin-left: 70%; } .offset-sm-75 { margin-left: 75%; } .offset-sm-80 { margin-left: 80%; } .offset-sm-85 { margin-left: 85%; } .offset-sm-90 { margin-left: 90%; } .offset-sm-95 { margin-left: 95%; } .offset-sm-33.offset-sm-34 { margin-left: 33%; } .offset-sm-66.offset-sm-67 { margin-left: 67%; } .layout-align-sm-center, .layout-align-sm-center-center, .layout-align-sm-center-start, .layout-align-sm-center-end { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout-align-sm-end, .layout-align-sm-end-center, .layout-align-sm-end-start, .layout-align-sm-end-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .layout-align-sm-space-around, .layout-align-sm-space-around-center, .layout-align-sm-space-around-start, .layout-align-sm-space-around-end { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .layout-align-sm-space-between, .layout-align-sm-space-between-center, .layout-align-sm-space-between-start, .layout-align-sm-space-between-end { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .layout-align-sm-center-start, .layout-align-sm-start-start, .layout-align-sm-end-start, .layout-align-sm-space-between-start, .layout-align-sm-space-around-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .layout-align-sm-center-center, .layout-align-sm-start-center, .layout-align-sm-end-center, .layout-align-sm-space-between-center, .layout-align-sm-space-around-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .layout-align-sm-center-center > *, .layout-align-sm-start-center > *, .layout-align-sm-end-center > *, .layout-align-sm-space-between-center > *, .layout-align-sm-space-around-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-sm-center-end, .layout-align-sm-start-end, .layout-align-sm-end-end, .layout-align-sm-space-between-end, .layout-align-sm-space-around-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-sm { -webkit-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; } .flex-sm-grow { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; box-sizing: border-box; } .flex-sm-initial { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; } .flex-sm-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; } .flex-sm-none { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; } .flex-sm-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-0, .layout-sm-row > .flex-sm-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-0, .layout-sm-column > .flex-sm-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .flex-sm-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-5, .layout-sm-row > .flex-sm-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-5, .layout-sm-column > .flex-sm-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-sm-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-10, .layout-sm-row > .flex-sm-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-10, .layout-sm-column > .flex-sm-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-sm-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-15, .layout-sm-row > .flex-sm-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-15, .layout-sm-column > .flex-sm-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-sm-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-20, .layout-sm-row > .flex-sm-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-20, .layout-sm-column > .flex-sm-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-sm-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-25, .layout-sm-row > .flex-sm-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-25, .layout-sm-column > .flex-sm-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-sm-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-30, .layout-sm-row > .flex-sm-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-30, .layout-sm-column > .flex-sm-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-sm-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-35, .layout-sm-row > .flex-sm-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-35, .layout-sm-column > .flex-sm-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-sm-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-40, .layout-sm-row > .flex-sm-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-40, .layout-sm-column > .flex-sm-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-sm-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-45, .layout-sm-row > .flex-sm-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-45, .layout-sm-column > .flex-sm-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-sm-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-50, .layout-sm-row > .flex-sm-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-50, .layout-sm-column > .flex-sm-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-sm-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-55, .layout-sm-row > .flex-sm-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-55, .layout-sm-column > .flex-sm-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-sm-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-60, .layout-sm-row > .flex-sm-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-60, .layout-sm-column > .flex-sm-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-sm-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-65, .layout-sm-row > .flex-sm-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-65, .layout-sm-column > .flex-sm-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-sm-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-70, .layout-sm-row > .flex-sm-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-70, .layout-sm-column > .flex-sm-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-sm-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-75, .layout-sm-row > .flex-sm-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-75, .layout-sm-column > .flex-sm-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-sm-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-80, .layout-sm-row > .flex-sm-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-80, .layout-sm-column > .flex-sm-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-sm-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-85, .layout-sm-row > .flex-sm-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-85, .layout-sm-column > .flex-sm-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-sm-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-90, .layout-sm-row > .flex-sm-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-90, .layout-sm-column > .flex-sm-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-sm-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-95, .layout-sm-row > .flex-sm-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-95, .layout-sm-column > .flex-sm-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-sm-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-100, .layout-sm-row > .flex-sm-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-100, .layout-sm-column > .flex-sm-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-33, .layout-row > .flex-sm-33, .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-34, .layout-row > .flex-sm-34, .layout-sm-row > .flex-sm-34, .layout-sm-row > .flex-sm-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-66, .layout-row > .flex-sm-66, .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-67, .layout-row > .flex-sm-67, .layout-sm-row > .flex-sm-67, .layout-sm-row > .flex-sm-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-33, .layout-column > .flex-sm-33, .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 100%; max-height: 33%; box-sizing: border-box; } .layout-column > .flex-sm-34, .layout-column > .flex-sm-34, .layout-sm-column > .flex-sm-34, .layout-sm-column > .flex-sm-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } .layout-column > .flex-sm-66, .layout-column > .flex-sm-66, .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 100%; max-height: 66%; box-sizing: border-box; } .layout-column > .flex-sm-67, .layout-column > .flex-sm-67, .layout-sm-column > .flex-sm-67, .layout-sm-column > .flex-sm-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } .layout-sm, .layout-sm-column, .layout-sm-row { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout-sm-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout-sm-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 600px) { .flex-order-gt-sm-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-order-gt-sm-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-order-gt-sm-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .flex-order-gt-sm-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .flex-order-gt-sm-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .flex-order-gt-sm-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .flex-order-gt-sm-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .flex-order-gt-sm-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .flex-order-gt-sm-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .flex-order-gt-sm-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .flex-order-gt-sm-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .flex-order-gt-sm-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .flex-order-gt-sm-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .flex-order-gt-sm-13 { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .flex-order-gt-sm-14 { -webkit-order: 14; -ms-flex-order: 14; order: 14; } .flex-order-gt-sm-15 { -webkit-order: 15; -ms-flex-order: 15; order: 15; } .flex-order-gt-sm-16 { -webkit-order: 16; -ms-flex-order: 16; order: 16; } .flex-order-gt-sm-17 { -webkit-order: 17; -ms-flex-order: 17; order: 17; } .flex-order-gt-sm-18 { -webkit-order: 18; -ms-flex-order: 18; order: 18; } .flex-order-gt-sm-19 { -webkit-order: 19; -ms-flex-order: 19; order: 19; } .offset-gt-sm-0 { margin-left: 0%; } .offset-gt-sm-5 { margin-left: 5%; } .offset-gt-sm-10 { margin-left: 10%; } .offset-gt-sm-15 { margin-left: 15%; } .offset-gt-sm-20 { margin-left: 20%; } .offset-gt-sm-25 { margin-left: 25%; } .offset-gt-sm-30 { margin-left: 30%; } .offset-gt-sm-35 { margin-left: 35%; } .offset-gt-sm-40 { margin-left: 40%; } .offset-gt-sm-45 { margin-left: 45%; } .offset-gt-sm-50 { margin-left: 50%; } .offset-gt-sm-55 { margin-left: 55%; } .offset-gt-sm-60 { margin-left: 60%; } .offset-gt-sm-65 { margin-left: 65%; } .offset-gt-sm-70 { margin-left: 70%; } .offset-gt-sm-75 { margin-left: 75%; } .offset-gt-sm-80 { margin-left: 80%; } .offset-gt-sm-85 { margin-left: 85%; } .offset-gt-sm-90 { margin-left: 90%; } .offset-gt-sm-95 { margin-left: 95%; } .offset-gt-sm-33.offset-gt-sm-34 { margin-left: 33%; } .offset-gt-sm-66.offset-gt-sm-67 { margin-left: 67%; } .layout-align-gt-sm-center, .layout-align-gt-sm-center-center, .layout-align-gt-sm-center-start, .layout-align-gt-sm-center-end { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout-align-gt-sm-end, .layout-align-gt-sm-end-center, .layout-align-gt-sm-end-start, .layout-align-gt-sm-end-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .layout-align-gt-sm-space-around, .layout-align-gt-sm-space-around-center, .layout-align-gt-sm-space-around-start, .layout-align-gt-sm-space-around-end { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .layout-align-gt-sm-space-between, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-between-end { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .layout-align-gt-sm-center-start, .layout-align-gt-sm-start-start, .layout-align-gt-sm-end-start, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-around-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .layout-align-gt-sm-center-center, .layout-align-gt-sm-start-center, .layout-align-gt-sm-end-center, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-around-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .layout-align-gt-sm-center-center > *, .layout-align-gt-sm-start-center > *, .layout-align-gt-sm-end-center > *, .layout-align-gt-sm-space-between-center > *, .layout-align-gt-sm-space-around-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-gt-sm-center-end, .layout-align-gt-sm-start-end, .layout-align-gt-sm-end-end, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-space-around-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-gt-sm { -webkit-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; } .flex-gt-sm-grow { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; box-sizing: border-box; } .flex-gt-sm-initial { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; } .flex-gt-sm-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; } .flex-gt-sm-none { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; } .flex-gt-sm-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-0, .layout-gt-sm-row > .flex-gt-sm-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-0, .layout-gt-sm-column > .flex-gt-sm-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .flex-gt-sm-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-5, .layout-gt-sm-row > .flex-gt-sm-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-5, .layout-gt-sm-column > .flex-gt-sm-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-gt-sm-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-10, .layout-gt-sm-row > .flex-gt-sm-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-10, .layout-gt-sm-column > .flex-gt-sm-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-gt-sm-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-15, .layout-gt-sm-row > .flex-gt-sm-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-15, .layout-gt-sm-column > .flex-gt-sm-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-gt-sm-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-20, .layout-gt-sm-row > .flex-gt-sm-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-20, .layout-gt-sm-column > .flex-gt-sm-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-gt-sm-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-25, .layout-gt-sm-row > .flex-gt-sm-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-25, .layout-gt-sm-column > .flex-gt-sm-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-gt-sm-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-30, .layout-gt-sm-row > .flex-gt-sm-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-30, .layout-gt-sm-column > .flex-gt-sm-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-gt-sm-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-35, .layout-gt-sm-row > .flex-gt-sm-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-35, .layout-gt-sm-column > .flex-gt-sm-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-gt-sm-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-40, .layout-gt-sm-row > .flex-gt-sm-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-40, .layout-gt-sm-column > .flex-gt-sm-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-gt-sm-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-45, .layout-gt-sm-row > .flex-gt-sm-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-45, .layout-gt-sm-column > .flex-gt-sm-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-gt-sm-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-50, .layout-gt-sm-row > .flex-gt-sm-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-50, .layout-gt-sm-column > .flex-gt-sm-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-gt-sm-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-55, .layout-gt-sm-row > .flex-gt-sm-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-55, .layout-gt-sm-column > .flex-gt-sm-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-gt-sm-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-60, .layout-gt-sm-row > .flex-gt-sm-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-60, .layout-gt-sm-column > .flex-gt-sm-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-gt-sm-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-65, .layout-gt-sm-row > .flex-gt-sm-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-65, .layout-gt-sm-column > .flex-gt-sm-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-gt-sm-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-70, .layout-gt-sm-row > .flex-gt-sm-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-70, .layout-gt-sm-column > .flex-gt-sm-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-gt-sm-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-75, .layout-gt-sm-row > .flex-gt-sm-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-75, .layout-gt-sm-column > .flex-gt-sm-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-gt-sm-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-80, .layout-gt-sm-row > .flex-gt-sm-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-80, .layout-gt-sm-column > .flex-gt-sm-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-gt-sm-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-85, .layout-gt-sm-row > .flex-gt-sm-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-85, .layout-gt-sm-column > .flex-gt-sm-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-gt-sm-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-90, .layout-gt-sm-row > .flex-gt-sm-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-90, .layout-gt-sm-column > .flex-gt-sm-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-gt-sm-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-95, .layout-gt-sm-row > .flex-gt-sm-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-95, .layout-gt-sm-column > .flex-gt-sm-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-gt-sm-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-100, .layout-gt-sm-row > .flex-gt-sm-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-100, .layout-gt-sm-column > .flex-gt-sm-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-34, .layout-row > .flex-gt-sm-34, .layout-gt-sm-row > .flex-gt-sm-34, .layout-gt-sm-row > .flex-gt-sm-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-67, .layout-row > .flex-gt-sm-67, .layout-gt-sm-row > .flex-gt-sm-67, .layout-gt-sm-row > .flex-gt-sm-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 100%; max-height: 33%; box-sizing: border-box; } .layout-column > .flex-gt-sm-34, .layout-column > .flex-gt-sm-34, .layout-gt-sm-column > .flex-gt-sm-34, .layout-gt-sm-column > .flex-gt-sm-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 100%; max-height: 66%; box-sizing: border-box; } .layout-column > .flex-gt-sm-67, .layout-column > .flex-gt-sm-67, .layout-gt-sm-column > .flex-gt-sm-67, .layout-gt-sm-column > .flex-gt-sm-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout-gt-sm-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout-gt-sm-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 600px) and (max-width: 959px) { .hide:not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-md):not(.show) { display: none; } .hide-md:not(.show-md):not(.show) { display: none; } .flex-order-md-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-order-md-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-order-md-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .flex-order-md-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .flex-order-md-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .flex-order-md-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .flex-order-md-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .flex-order-md-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .flex-order-md-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .flex-order-md-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .flex-order-md-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .flex-order-md-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .flex-order-md-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .flex-order-md-13 { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .flex-order-md-14 { -webkit-order: 14; -ms-flex-order: 14; order: 14; } .flex-order-md-15 { -webkit-order: 15; -ms-flex-order: 15; order: 15; } .flex-order-md-16 { -webkit-order: 16; -ms-flex-order: 16; order: 16; } .flex-order-md-17 { -webkit-order: 17; -ms-flex-order: 17; order: 17; } .flex-order-md-18 { -webkit-order: 18; -ms-flex-order: 18; order: 18; } .flex-order-md-19 { -webkit-order: 19; -ms-flex-order: 19; order: 19; } .offset-md-0 { margin-left: 0%; } .offset-md-5 { margin-left: 5%; } .offset-md-10 { margin-left: 10%; } .offset-md-15 { margin-left: 15%; } .offset-md-20 { margin-left: 20%; } .offset-md-25 { margin-left: 25%; } .offset-md-30 { margin-left: 30%; } .offset-md-35 { margin-left: 35%; } .offset-md-40 { margin-left: 40%; } .offset-md-45 { margin-left: 45%; } .offset-md-50 { margin-left: 50%; } .offset-md-55 { margin-left: 55%; } .offset-md-60 { margin-left: 60%; } .offset-md-65 { margin-left: 65%; } .offset-md-70 { margin-left: 70%; } .offset-md-75 { margin-left: 75%; } .offset-md-80 { margin-left: 80%; } .offset-md-85 { margin-left: 85%; } .offset-md-90 { margin-left: 90%; } .offset-md-95 { margin-left: 95%; } .offset-md-33.offset-md-34 { margin-left: 33%; } .offset-md-66.offset-md-67 { margin-left: 67%; } .layout-align-md-center, .layout-align-md-center-center, .layout-align-md-center-start, .layout-align-md-center-end { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout-align-md-end, .layout-align-md-end-center, .layout-align-md-end-start, .layout-align-md-end-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .layout-align-md-space-around, .layout-align-md-space-around-center, .layout-align-md-space-around-start, .layout-align-md-space-around-end { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .layout-align-md-space-between, .layout-align-md-space-between-center, .layout-align-md-space-between-start, .layout-align-md-space-between-end { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .layout-align-md-center-start, .layout-align-md-start-start, .layout-align-md-end-start, .layout-align-md-space-between-start, .layout-align-md-space-around-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .layout-align-md-center-center, .layout-align-md-start-center, .layout-align-md-end-center, .layout-align-md-space-between-center, .layout-align-md-space-around-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .layout-align-md-center-center > *, .layout-align-md-start-center > *, .layout-align-md-end-center > *, .layout-align-md-space-between-center > *, .layout-align-md-space-around-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-md-center-end, .layout-align-md-start-end, .layout-align-md-end-end, .layout-align-md-space-between-end, .layout-align-md-space-around-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-md { -webkit-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; } .flex-md-grow { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; box-sizing: border-box; } .flex-md-initial { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; } .flex-md-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; } .flex-md-none { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; } .flex-md-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-0, .layout-md-row > .flex-md-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-0, .layout-md-column > .flex-md-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .flex-md-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-5, .layout-md-row > .flex-md-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-5, .layout-md-column > .flex-md-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-md-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-10, .layout-md-row > .flex-md-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-10, .layout-md-column > .flex-md-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-md-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-15, .layout-md-row > .flex-md-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-15, .layout-md-column > .flex-md-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-md-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-20, .layout-md-row > .flex-md-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-20, .layout-md-column > .flex-md-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-md-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-25, .layout-md-row > .flex-md-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-25, .layout-md-column > .flex-md-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-md-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-30, .layout-md-row > .flex-md-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-30, .layout-md-column > .flex-md-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-md-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-35, .layout-md-row > .flex-md-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-35, .layout-md-column > .flex-md-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-md-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-40, .layout-md-row > .flex-md-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-40, .layout-md-column > .flex-md-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-md-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-45, .layout-md-row > .flex-md-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-45, .layout-md-column > .flex-md-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-md-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-50, .layout-md-row > .flex-md-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-50, .layout-md-column > .flex-md-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-md-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-55, .layout-md-row > .flex-md-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-55, .layout-md-column > .flex-md-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-md-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-60, .layout-md-row > .flex-md-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-60, .layout-md-column > .flex-md-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-md-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-65, .layout-md-row > .flex-md-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-65, .layout-md-column > .flex-md-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-md-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-70, .layout-md-row > .flex-md-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-70, .layout-md-column > .flex-md-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-md-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-75, .layout-md-row > .flex-md-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-75, .layout-md-column > .flex-md-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-md-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-80, .layout-md-row > .flex-md-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-80, .layout-md-column > .flex-md-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-md-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-85, .layout-md-row > .flex-md-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-85, .layout-md-column > .flex-md-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-md-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-90, .layout-md-row > .flex-md-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-90, .layout-md-column > .flex-md-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-md-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-95, .layout-md-row > .flex-md-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-95, .layout-md-column > .flex-md-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-md-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-100, .layout-md-row > .flex-md-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-100, .layout-md-column > .flex-md-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-33, .layout-row > .flex-md-33, .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-34, .layout-row > .flex-md-34, .layout-md-row > .flex-md-34, .layout-md-row > .flex-md-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-66, .layout-row > .flex-md-66, .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-67, .layout-row > .flex-md-67, .layout-md-row > .flex-md-67, .layout-md-row > .flex-md-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-33, .layout-column > .flex-md-33, .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 100%; max-height: 33%; box-sizing: border-box; } .layout-column > .flex-md-34, .layout-column > .flex-md-34, .layout-md-column > .flex-md-34, .layout-md-column > .flex-md-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } .layout-column > .flex-md-66, .layout-column > .flex-md-66, .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 100%; max-height: 66%; box-sizing: border-box; } .layout-column > .flex-md-67, .layout-column > .flex-md-67, .layout-md-column > .flex-md-67, .layout-md-column > .flex-md-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } .layout-md, .layout-md-column, .layout-md-row { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout-md-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout-md-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 960px) { .flex-order-gt-md-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-order-gt-md-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-order-gt-md-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .flex-order-gt-md-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .flex-order-gt-md-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .flex-order-gt-md-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .flex-order-gt-md-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .flex-order-gt-md-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .flex-order-gt-md-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .flex-order-gt-md-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .flex-order-gt-md-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .flex-order-gt-md-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .flex-order-gt-md-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .flex-order-gt-md-13 { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .flex-order-gt-md-14 { -webkit-order: 14; -ms-flex-order: 14; order: 14; } .flex-order-gt-md-15 { -webkit-order: 15; -ms-flex-order: 15; order: 15; } .flex-order-gt-md-16 { -webkit-order: 16; -ms-flex-order: 16; order: 16; } .flex-order-gt-md-17 { -webkit-order: 17; -ms-flex-order: 17; order: 17; } .flex-order-gt-md-18 { -webkit-order: 18; -ms-flex-order: 18; order: 18; } .flex-order-gt-md-19 { -webkit-order: 19; -ms-flex-order: 19; order: 19; } .offset-gt-md-0 { margin-left: 0%; } .offset-gt-md-5 { margin-left: 5%; } .offset-gt-md-10 { margin-left: 10%; } .offset-gt-md-15 { margin-left: 15%; } .offset-gt-md-20 { margin-left: 20%; } .offset-gt-md-25 { margin-left: 25%; } .offset-gt-md-30 { margin-left: 30%; } .offset-gt-md-35 { margin-left: 35%; } .offset-gt-md-40 { margin-left: 40%; } .offset-gt-md-45 { margin-left: 45%; } .offset-gt-md-50 { margin-left: 50%; } .offset-gt-md-55 { margin-left: 55%; } .offset-gt-md-60 { margin-left: 60%; } .offset-gt-md-65 { margin-left: 65%; } .offset-gt-md-70 { margin-left: 70%; } .offset-gt-md-75 { margin-left: 75%; } .offset-gt-md-80 { margin-left: 80%; } .offset-gt-md-85 { margin-left: 85%; } .offset-gt-md-90 { margin-left: 90%; } .offset-gt-md-95 { margin-left: 95%; } .offset-gt-md-33.offset-gt-md-34 { margin-left: 33%; } .offset-gt-md-66.offset-gt-md-67 { margin-left: 67%; } .layout-align-gt-md-center, .layout-align-gt-md-center-center, .layout-align-gt-md-center-start, .layout-align-gt-md-center-end { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout-align-gt-md-end, .layout-align-gt-md-end-center, .layout-align-gt-md-end-start, .layout-align-gt-md-end-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .layout-align-gt-md-space-around, .layout-align-gt-md-space-around-center, .layout-align-gt-md-space-around-start, .layout-align-gt-md-space-around-end { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .layout-align-gt-md-space-between, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-between-end { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .layout-align-gt-md-center-start, .layout-align-gt-md-start-start, .layout-align-gt-md-end-start, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-around-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .layout-align-gt-md-center-center, .layout-align-gt-md-start-center, .layout-align-gt-md-end-center, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-around-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .layout-align-gt-md-center-center > *, .layout-align-gt-md-start-center > *, .layout-align-gt-md-end-center > *, .layout-align-gt-md-space-between-center > *, .layout-align-gt-md-space-around-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-gt-md-center-end, .layout-align-gt-md-start-end, .layout-align-gt-md-end-end, .layout-align-gt-md-space-between-end, .layout-align-gt-md-space-around-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-gt-md { -webkit-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; } .flex-gt-md-grow { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; box-sizing: border-box; } .flex-gt-md-initial { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; } .flex-gt-md-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; } .flex-gt-md-none { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; } .flex-gt-md-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-0, .layout-gt-md-row > .flex-gt-md-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-0, .layout-gt-md-column > .flex-gt-md-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .flex-gt-md-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-5, .layout-gt-md-row > .flex-gt-md-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-5, .layout-gt-md-column > .flex-gt-md-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-gt-md-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-10, .layout-gt-md-row > .flex-gt-md-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-10, .layout-gt-md-column > .flex-gt-md-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-gt-md-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-15, .layout-gt-md-row > .flex-gt-md-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-15, .layout-gt-md-column > .flex-gt-md-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-gt-md-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-20, .layout-gt-md-row > .flex-gt-md-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-20, .layout-gt-md-column > .flex-gt-md-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-gt-md-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-25, .layout-gt-md-row > .flex-gt-md-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-25, .layout-gt-md-column > .flex-gt-md-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-gt-md-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-30, .layout-gt-md-row > .flex-gt-md-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-30, .layout-gt-md-column > .flex-gt-md-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-gt-md-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-35, .layout-gt-md-row > .flex-gt-md-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-35, .layout-gt-md-column > .flex-gt-md-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-gt-md-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-40, .layout-gt-md-row > .flex-gt-md-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-40, .layout-gt-md-column > .flex-gt-md-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-gt-md-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-45, .layout-gt-md-row > .flex-gt-md-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-45, .layout-gt-md-column > .flex-gt-md-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-gt-md-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-50, .layout-gt-md-row > .flex-gt-md-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-50, .layout-gt-md-column > .flex-gt-md-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-gt-md-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-55, .layout-gt-md-row > .flex-gt-md-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-55, .layout-gt-md-column > .flex-gt-md-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-gt-md-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-60, .layout-gt-md-row > .flex-gt-md-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-60, .layout-gt-md-column > .flex-gt-md-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-gt-md-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-65, .layout-gt-md-row > .flex-gt-md-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-65, .layout-gt-md-column > .flex-gt-md-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-gt-md-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-70, .layout-gt-md-row > .flex-gt-md-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-70, .layout-gt-md-column > .flex-gt-md-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-gt-md-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-75, .layout-gt-md-row > .flex-gt-md-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-75, .layout-gt-md-column > .flex-gt-md-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-gt-md-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-80, .layout-gt-md-row > .flex-gt-md-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-80, .layout-gt-md-column > .flex-gt-md-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-gt-md-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-85, .layout-gt-md-row > .flex-gt-md-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-85, .layout-gt-md-column > .flex-gt-md-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-gt-md-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-90, .layout-gt-md-row > .flex-gt-md-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-90, .layout-gt-md-column > .flex-gt-md-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-gt-md-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-95, .layout-gt-md-row > .flex-gt-md-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-95, .layout-gt-md-column > .flex-gt-md-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-gt-md-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-100, .layout-gt-md-row > .flex-gt-md-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-100, .layout-gt-md-column > .flex-gt-md-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-34, .layout-row > .flex-gt-md-34, .layout-gt-md-row > .flex-gt-md-34, .layout-gt-md-row > .flex-gt-md-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-67, .layout-row > .flex-gt-md-67, .layout-gt-md-row > .flex-gt-md-67, .layout-gt-md-row > .flex-gt-md-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 100%; max-height: 33%; box-sizing: border-box; } .layout-column > .flex-gt-md-34, .layout-column > .flex-gt-md-34, .layout-gt-md-column > .flex-gt-md-34, .layout-gt-md-column > .flex-gt-md-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 100%; max-height: 66%; box-sizing: border-box; } .layout-column > .flex-gt-md-67, .layout-column > .flex-gt-md-67, .layout-gt-md-column > .flex-gt-md-67, .layout-gt-md-column > .flex-gt-md-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout-gt-md-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout-gt-md-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 960px) and (max-width: 1199px) { .hide:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) { display: none; } .hide-lg:not(.show-lg):not(.show) { display: none; } .flex-order-lg-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-order-lg-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-order-lg-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .flex-order-lg-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .flex-order-lg-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .flex-order-lg-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .flex-order-lg-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .flex-order-lg-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .flex-order-lg-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .flex-order-lg-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .flex-order-lg-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .flex-order-lg-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .flex-order-lg-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .flex-order-lg-13 { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .flex-order-lg-14 { -webkit-order: 14; -ms-flex-order: 14; order: 14; } .flex-order-lg-15 { -webkit-order: 15; -ms-flex-order: 15; order: 15; } .flex-order-lg-16 { -webkit-order: 16; -ms-flex-order: 16; order: 16; } .flex-order-lg-17 { -webkit-order: 17; -ms-flex-order: 17; order: 17; } .flex-order-lg-18 { -webkit-order: 18; -ms-flex-order: 18; order: 18; } .flex-order-lg-19 { -webkit-order: 19; -ms-flex-order: 19; order: 19; } .offset-lg-0 { margin-left: 0%; } .offset-lg-5 { margin-left: 5%; } .offset-lg-10 { margin-left: 10%; } .offset-lg-15 { margin-left: 15%; } .offset-lg-20 { margin-left: 20%; } .offset-lg-25 { margin-left: 25%; } .offset-lg-30 { margin-left: 30%; } .offset-lg-35 { margin-left: 35%; } .offset-lg-40 { margin-left: 40%; } .offset-lg-45 { margin-left: 45%; } .offset-lg-50 { margin-left: 50%; } .offset-lg-55 { margin-left: 55%; } .offset-lg-60 { margin-left: 60%; } .offset-lg-65 { margin-left: 65%; } .offset-lg-70 { margin-left: 70%; } .offset-lg-75 { margin-left: 75%; } .offset-lg-80 { margin-left: 80%; } .offset-lg-85 { margin-left: 85%; } .offset-lg-90 { margin-left: 90%; } .offset-lg-95 { margin-left: 95%; } .offset-lg-33.offset-lg-34 { margin-left: 33%; } .offset-lg-66.offset-lg-67 { margin-left: 67%; } .layout-align-lg-center, .layout-align-lg-center-center, .layout-align-lg-center-start, .layout-align-lg-center-end { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout-align-lg-end, .layout-align-lg-end-center, .layout-align-lg-end-start, .layout-align-lg-end-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .layout-align-lg-space-around, .layout-align-lg-space-around-center, .layout-align-lg-space-around-start, .layout-align-lg-space-around-end { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .layout-align-lg-space-between, .layout-align-lg-space-between-center, .layout-align-lg-space-between-start, .layout-align-lg-space-between-end { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .layout-align-lg-center-start, .layout-align-lg-start-start, .layout-align-lg-end-start, .layout-align-lg-space-between-start, .layout-align-lg-space-around-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .layout-align-lg-center-center, .layout-align-lg-start-center, .layout-align-lg-end-center, .layout-align-lg-space-between-center, .layout-align-lg-space-around-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .layout-align-lg-center-center > *, .layout-align-lg-start-center > *, .layout-align-lg-end-center > *, .layout-align-lg-space-between-center > *, .layout-align-lg-space-around-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-lg-center-end, .layout-align-lg-start-end, .layout-align-lg-end-end, .layout-align-lg-space-between-end, .layout-align-lg-space-around-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-lg { -webkit-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; } .flex-lg-grow { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; box-sizing: border-box; } .flex-lg-initial { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; } .flex-lg-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; } .flex-lg-none { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; } .flex-lg-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-0, .layout-lg-row > .flex-lg-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-0, .layout-lg-column > .flex-lg-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .flex-lg-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-5, .layout-lg-row > .flex-lg-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-5, .layout-lg-column > .flex-lg-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-lg-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-10, .layout-lg-row > .flex-lg-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-10, .layout-lg-column > .flex-lg-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-lg-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-15, .layout-lg-row > .flex-lg-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-15, .layout-lg-column > .flex-lg-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-lg-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-20, .layout-lg-row > .flex-lg-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-20, .layout-lg-column > .flex-lg-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-lg-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-25, .layout-lg-row > .flex-lg-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-25, .layout-lg-column > .flex-lg-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-lg-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-30, .layout-lg-row > .flex-lg-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-30, .layout-lg-column > .flex-lg-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-lg-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-35, .layout-lg-row > .flex-lg-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-35, .layout-lg-column > .flex-lg-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-lg-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-40, .layout-lg-row > .flex-lg-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-40, .layout-lg-column > .flex-lg-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-lg-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-45, .layout-lg-row > .flex-lg-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-45, .layout-lg-column > .flex-lg-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-lg-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-50, .layout-lg-row > .flex-lg-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-50, .layout-lg-column > .flex-lg-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-lg-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-55, .layout-lg-row > .flex-lg-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-55, .layout-lg-column > .flex-lg-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-lg-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-60, .layout-lg-row > .flex-lg-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-60, .layout-lg-column > .flex-lg-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-lg-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-65, .layout-lg-row > .flex-lg-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-65, .layout-lg-column > .flex-lg-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-lg-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-70, .layout-lg-row > .flex-lg-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-70, .layout-lg-column > .flex-lg-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-lg-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-75, .layout-lg-row > .flex-lg-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-75, .layout-lg-column > .flex-lg-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-lg-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-80, .layout-lg-row > .flex-lg-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-80, .layout-lg-column > .flex-lg-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-lg-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-85, .layout-lg-row > .flex-lg-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-85, .layout-lg-column > .flex-lg-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-lg-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-90, .layout-lg-row > .flex-lg-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-90, .layout-lg-column > .flex-lg-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-lg-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-95, .layout-lg-row > .flex-lg-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-95, .layout-lg-column > .flex-lg-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-lg-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-100, .layout-lg-row > .flex-lg-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-100, .layout-lg-column > .flex-lg-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-33, .layout-row > .flex-lg-33, .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-34, .layout-row > .flex-lg-34, .layout-lg-row > .flex-lg-34, .layout-lg-row > .flex-lg-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-66, .layout-row > .flex-lg-66, .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-67, .layout-row > .flex-lg-67, .layout-lg-row > .flex-lg-67, .layout-lg-row > .flex-lg-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-33, .layout-column > .flex-lg-33, .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 100%; max-height: 33%; box-sizing: border-box; } .layout-column > .flex-lg-34, .layout-column > .flex-lg-34, .layout-lg-column > .flex-lg-34, .layout-lg-column > .flex-lg-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } .layout-column > .flex-lg-66, .layout-column > .flex-lg-66, .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 100%; max-height: 66%; box-sizing: border-box; } .layout-column > .flex-lg-67, .layout-column > .flex-lg-67, .layout-lg-column > .flex-lg-67, .layout-lg-column > .flex-lg-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } .layout-lg, .layout-lg-column, .layout-lg-row { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout-lg-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout-lg-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 1200px) { .hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-lg:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show) { display: none; } .flex-order-gt-lg-0 { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-order-gt-lg-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-order-gt-lg-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .flex-order-gt-lg-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .flex-order-gt-lg-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .flex-order-gt-lg-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .flex-order-gt-lg-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .flex-order-gt-lg-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .flex-order-gt-lg-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .flex-order-gt-lg-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .flex-order-gt-lg-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .flex-order-gt-lg-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .flex-order-gt-lg-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .flex-order-gt-lg-13 { -webkit-order: 13; -ms-flex-order: 13; order: 13; } .flex-order-gt-lg-14 { -webkit-order: 14; -ms-flex-order: 14; order: 14; } .flex-order-gt-lg-15 { -webkit-order: 15; -ms-flex-order: 15; order: 15; } .flex-order-gt-lg-16 { -webkit-order: 16; -ms-flex-order: 16; order: 16; } .flex-order-gt-lg-17 { -webkit-order: 17; -ms-flex-order: 17; order: 17; } .flex-order-gt-lg-18 { -webkit-order: 18; -ms-flex-order: 18; order: 18; } .flex-order-gt-lg-19 { -webkit-order: 19; -ms-flex-order: 19; order: 19; } .offset-gt-lg-0 { margin-left: 0%; } .offset-gt-lg-5 { margin-left: 5%; } .offset-gt-lg-10 { margin-left: 10%; } .offset-gt-lg-15 { margin-left: 15%; } .offset-gt-lg-20 { margin-left: 20%; } .offset-gt-lg-25 { margin-left: 25%; } .offset-gt-lg-30 { margin-left: 30%; } .offset-gt-lg-35 { margin-left: 35%; } .offset-gt-lg-40 { margin-left: 40%; } .offset-gt-lg-45 { margin-left: 45%; } .offset-gt-lg-50 { margin-left: 50%; } .offset-gt-lg-55 { margin-left: 55%; } .offset-gt-lg-60 { margin-left: 60%; } .offset-gt-lg-65 { margin-left: 65%; } .offset-gt-lg-70 { margin-left: 70%; } .offset-gt-lg-75 { margin-left: 75%; } .offset-gt-lg-80 { margin-left: 80%; } .offset-gt-lg-85 { margin-left: 85%; } .offset-gt-lg-90 { margin-left: 90%; } .offset-gt-lg-95 { margin-left: 95%; } .offset-gt-lg-33.offset-gt-lg-34 { margin-left: 33%; } .offset-gt-lg-66.offset-gt-lg-67 { margin-left: 67%; } .layout-align-gt-lg-center, .layout-align-gt-lg-center-center, .layout-align-gt-lg-center-start, .layout-align-gt-lg-center-end { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout-align-gt-lg-end, .layout-align-gt-lg-end-center, .layout-align-gt-lg-end-start, .layout-align-gt-lg-end-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .layout-align-gt-lg-space-around, .layout-align-gt-lg-space-around-center, .layout-align-gt-lg-space-around-start, .layout-align-gt-lg-space-around-end { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .layout-align-gt-lg-space-between, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-between-end { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .layout-align-gt-lg-center-start, .layout-align-gt-lg-start-start, .layout-align-gt-lg-end-start, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-around-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .layout-align-gt-lg-center-center, .layout-align-gt-lg-start-center, .layout-align-gt-lg-end-center, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-around-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .layout-align-gt-lg-center-center > *, .layout-align-gt-lg-start-center > *, .layout-align-gt-lg-end-center > *, .layout-align-gt-lg-space-between-center > *, .layout-align-gt-lg-space-around-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-gt-lg-center-end, .layout-align-gt-lg-start-end, .layout-align-gt-lg-end-end, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-space-around-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-gt-lg { -webkit-flex: 1; -ms-flex: 1; flex: 1; box-sizing: border-box; } .flex-gt-lg-grow { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; box-sizing: border-box; } .flex-gt-lg-initial { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; } .flex-gt-lg-auto { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; box-sizing: border-box; } .flex-gt-lg-none { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; } .flex-gt-lg-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-0, .layout-gt-lg-row > .flex-gt-lg-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-0, .layout-gt-lg-column > .flex-gt-lg-0 { -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .flex-gt-lg-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-5, .layout-gt-lg-row > .flex-gt-lg-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-5, .layout-gt-lg-column > .flex-gt-lg-5 { -webkit-flex: 0 0 5%; -ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-gt-lg-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-10, .layout-gt-lg-row > .flex-gt-lg-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-10, .layout-gt-lg-column > .flex-gt-lg-10 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-gt-lg-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-15, .layout-gt-lg-row > .flex-gt-lg-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-15, .layout-gt-lg-column > .flex-gt-lg-15 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-gt-lg-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-20, .layout-gt-lg-row > .flex-gt-lg-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-20, .layout-gt-lg-column > .flex-gt-lg-20 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-gt-lg-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-25, .layout-gt-lg-row > .flex-gt-lg-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-25, .layout-gt-lg-column > .flex-gt-lg-25 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-gt-lg-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-30, .layout-gt-lg-row > .flex-gt-lg-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-30, .layout-gt-lg-column > .flex-gt-lg-30 { -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-gt-lg-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-35, .layout-gt-lg-row > .flex-gt-lg-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-35, .layout-gt-lg-column > .flex-gt-lg-35 { -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-gt-lg-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-40, .layout-gt-lg-row > .flex-gt-lg-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-40, .layout-gt-lg-column > .flex-gt-lg-40 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-gt-lg-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-45, .layout-gt-lg-row > .flex-gt-lg-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-45, .layout-gt-lg-column > .flex-gt-lg-45 { -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-gt-lg-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-50, .layout-gt-lg-row > .flex-gt-lg-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-50, .layout-gt-lg-column > .flex-gt-lg-50 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-gt-lg-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-55, .layout-gt-lg-row > .flex-gt-lg-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-55, .layout-gt-lg-column > .flex-gt-lg-55 { -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-gt-lg-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-60, .layout-gt-lg-row > .flex-gt-lg-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-60, .layout-gt-lg-column > .flex-gt-lg-60 { -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-gt-lg-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-65, .layout-gt-lg-row > .flex-gt-lg-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-65, .layout-gt-lg-column > .flex-gt-lg-65 { -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-gt-lg-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-70, .layout-gt-lg-row > .flex-gt-lg-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-70, .layout-gt-lg-column > .flex-gt-lg-70 { -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-gt-lg-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-75, .layout-gt-lg-row > .flex-gt-lg-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-75, .layout-gt-lg-column > .flex-gt-lg-75 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-gt-lg-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-80, .layout-gt-lg-row > .flex-gt-lg-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-80, .layout-gt-lg-column > .flex-gt-lg-80 { -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-gt-lg-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-85, .layout-gt-lg-row > .flex-gt-lg-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-85, .layout-gt-lg-column > .flex-gt-lg-85 { -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-gt-lg-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-90, .layout-gt-lg-row > .flex-gt-lg-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-90, .layout-gt-lg-column > .flex-gt-lg-90 { -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-gt-lg-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-95, .layout-gt-lg-row > .flex-gt-lg-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-95, .layout-gt-lg-column > .flex-gt-lg-95 { -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-gt-lg-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-100, .layout-gt-lg-row > .flex-gt-lg-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-100, .layout-gt-lg-column > .flex-gt-lg-100 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-34, .layout-row > .flex-gt-lg-34, .layout-gt-lg-row > .flex-gt-lg-34, .layout-gt-lg-row > .flex-gt-lg-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-67, .layout-row > .flex-gt-lg-67, .layout-gt-lg-row > .flex-gt-lg-67, .layout-gt-lg-row > .flex-gt-lg-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33 { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 100%; max-height: 33%; box-sizing: border-box; } .layout-column > .flex-gt-lg-34, .layout-column > .flex-gt-lg-34, .layout-gt-lg-column > .flex-gt-lg-34, .layout-gt-lg-column > .flex-gt-lg-34 { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66 { -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 100%; max-height: 66%; box-sizing: border-box; } .layout-column > .flex-gt-lg-67, .layout-column > .flex-gt-lg-67, .layout-gt-lg-column > .flex-gt-lg-67, .layout-gt-lg-column > .flex-gt-lg-67 { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout-gt-lg-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout-gt-lg-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }