2024-08-02 20:35:21 +03:00
|
|
|
@charset "UTF-8";
|
|
|
|
|
|
|
|
html {
|
|
|
|
font-family: sans-serif;
|
|
|
|
-ms-text-size-adjust: 100%;
|
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
footer,section {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
[hidden] {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
background-color: transparent;
|
|
|
|
-webkit-text-decoration-skip: objects;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:active,a:hover {
|
|
|
|
outline-width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
font-size: 2em;
|
|
|
|
margin: 0.67em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
small {
|
|
|
|
font-size: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
border-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
code {
|
|
|
|
font-family: monospace,monospace;
|
|
|
|
font-size: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
|
|
|
color: inherit;
|
|
|
|
font: inherit;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
|
|
|
overflow: visible;
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
|
|
|
text-transform: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
button,html [type="button"],[type="reset"],[type="submit"] {
|
|
|
|
-webkit-appearance: button;
|
|
|
|
}
|
|
|
|
|
|
|
|
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
|
|
|
|
border-style: none;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
|
|
|
|
outline: 1px dotted ButtonText;
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
[type="checkbox"],[type="radio"] {
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
[type="search"] {
|
|
|
|
-webkit-appearance: textfield;
|
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
|
|
|
|
-webkit-appearance: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-input-placeholder {
|
|
|
|
color: inherit;
|
|
|
|
opacity: 0.54;
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-file-upload-button {
|
|
|
|
-webkit-appearance: button;
|
|
|
|
font: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn {
|
|
|
|
/*display: inline-block;*/
|
|
|
|
display: table;
|
|
|
|
/*TODO maye need another solution for negative marin*/
|
|
|
|
cursor: pointer;
|
|
|
|
color: inherit;
|
|
|
|
font-size: inherit;
|
|
|
|
font-family: inherit;
|
|
|
|
line-height: inherit;
|
|
|
|
letter-spacing: inherit;
|
|
|
|
text-transform: inherit;
|
|
|
|
font-style: inherit;
|
|
|
|
font-weight: inherit;
|
|
|
|
text-decoration: none;
|
|
|
|
border: 0 none transparent;
|
|
|
|
outline-width: 0;
|
|
|
|
background-color: transparent;
|
|
|
|
margin: 0;
|
|
|
|
-webkit-text-decoration-skip: objects;
|
|
|
|
font-style: initial;
|
|
|
|
white-space: nowrap;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
vertical-align: middle;
|
|
|
|
text-align: center;
|
|
|
|
padding: 10px 30px;
|
|
|
|
border-radius: 0;
|
|
|
|
--border-radius: 0;
|
|
|
|
align-self: flex-start;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn:focus,.u-btn:active:focus,.u-btn.active:focus {
|
|
|
|
outline: thin dotted;
|
|
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn:hover,.u-btn:focus {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn:active,.u-btn.active {
|
|
|
|
outline: 0;
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn[disabled] {
|
|
|
|
opacity: 0.6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-no-right.u-border-no-left.u-border-no-bottom,.u-button-style.u-border-no-top.u-border-no-left.u-border-no-bottom,.u-button-style.u-border-no-top.u-border-no-right.u-border-no-bottom,.u-button-style.u-border-no-top.u-border-no-right.u-border-no-left {
|
|
|
|
border-radius: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style {
|
|
|
|
transition-property: background-color, color, border-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text a {
|
|
|
|
font-size: inherit;
|
|
|
|
font-family: inherit;
|
|
|
|
line-height: inherit;
|
|
|
|
letter-spacing: inherit;
|
|
|
|
text-transform: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link,a {
|
|
|
|
border-top-width: 0;
|
|
|
|
border-left-width: 0;
|
|
|
|
border-right-width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link {
|
|
|
|
display: table;
|
|
|
|
border-style: solid;
|
|
|
|
border-bottom-width: 0;
|
|
|
|
white-space: nowrap;
|
|
|
|
align-self: flex-start;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link,.u-link:hover,.u-link:focus {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link:focus,.u-link:active:focus,.u-link.active:focus {
|
|
|
|
outline: thin dotted;
|
|
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-block-content > :first-child {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-block-content > :last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-block-content p {
|
|
|
|
text-decoration: inherit !important;
|
|
|
|
color: inherit !important;
|
|
|
|
font-style: inherit !important;
|
|
|
|
font-size: inherit !important;
|
|
|
|
font-weight: inherit !important;
|
|
|
|
font-family: inherit !important;
|
|
|
|
line-height: inherit !important;
|
|
|
|
letter-spacing: inherit !important;
|
|
|
|
text-transform: inherit !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ******** spacing ******** */
|
|
|
|
|
|
|
|
/* ******** end of spacing ******** */
|
|
|
|
|
|
|
|
*,*:before,*:after {
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
html {
|
|
|
|
height: 100%;
|
|
|
|
overflow-y: auto;
|
|
|
|
overflow-x: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
height: auto;
|
|
|
|
min-height: 100%;
|
|
|
|
overflow-y: clip;
|
|
|
|
}
|
|
|
|
|
|
|
|
body,section,footer {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
section > *,footer > *,.u-sheet > *,.u-section-row > * {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
base {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: #259bca;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
color: #0676a4;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:focus {
|
|
|
|
outline: thin dotted;
|
|
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-clearfix:after,.u-clearfix:before {
|
|
|
|
content: '';
|
|
|
|
display: table;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-clearfix:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-none {
|
|
|
|
border-width: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style[class*="u-border-"].u-border-no-top,[class*="u-border-"].u-border-no-top {
|
|
|
|
border-top-width: 0;
|
|
|
|
border-top-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style[class*="u-border-"].u-border-no-right,[class*="u-border-"].u-border-no-right {
|
|
|
|
border-right-width: 0;
|
|
|
|
border-right-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style[class*="u-border-"].u-border-no-bottom,[class*="u-border-"].u-border-no-bottom {
|
|
|
|
border-bottom-width: 0;
|
|
|
|
border-bottom-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style[class*="u-border-"].u-border-no-left,[class*="u-border-"].u-border-no-left {
|
|
|
|
border-left-width: 0;
|
|
|
|
border-left-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-none {
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-default {
|
|
|
|
display: table;
|
|
|
|
align-self: flex-start;
|
|
|
|
width: -webkit-fit-content;
|
|
|
|
width: fit-content;
|
|
|
|
width: -moz-fit-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-default:empty {
|
|
|
|
display: block;
|
|
|
|
width: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-text-default-xl {
|
|
|
|
display: table;
|
|
|
|
align-self: flex-start;
|
|
|
|
width: -webkit-fit-content;
|
|
|
|
width: fit-content;
|
|
|
|
width: -moz-fit-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-text-default-xl:empty {
|
|
|
|
display: block;
|
|
|
|
width: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-text-default-lg {
|
|
|
|
display: table;
|
|
|
|
align-self: flex-start;
|
|
|
|
width: -webkit-fit-content;
|
|
|
|
width: fit-content;
|
|
|
|
width: -moz-fit-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-default-lg:empty {
|
|
|
|
display: block;
|
|
|
|
width: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-text-default-md {
|
|
|
|
display: table;
|
|
|
|
align-self: flex-start;
|
|
|
|
width: -webkit-fit-content;
|
|
|
|
width: fit-content;
|
|
|
|
width: -moz-fit-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-default-md:empty {
|
|
|
|
display: block;
|
|
|
|
width: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-text-default-sm {
|
|
|
|
display: table;
|
|
|
|
align-self: flex-start;
|
|
|
|
width: -webkit-fit-content;
|
|
|
|
width: fit-content;
|
|
|
|
width: -moz-fit-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-default-sm:empty {
|
|
|
|
display: block;
|
|
|
|
width: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-text-default-xs {
|
|
|
|
display: table;
|
|
|
|
align-self: flex-start;
|
|
|
|
width: -webkit-fit-content;
|
|
|
|
width: fit-content;
|
|
|
|
width: -moz-fit-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-default-xs:empty {
|
|
|
|
display: block;
|
|
|
|
width: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-image {
|
|
|
|
object-fit: cover;
|
|
|
|
display: block;
|
|
|
|
vertical-align: middle;
|
|
|
|
background-size: cover;
|
|
|
|
background-position: 50% 50%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
img.u-image {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text .u-image {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
[data-post-link],[data-href] {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-sheet {
|
|
|
|
position: relative;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-sheet {
|
|
|
|
width: var(--theme-sheet-width-xl);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1400px) {
|
|
|
|
.u-sheet {
|
|
|
|
width: var(--theme-sheet-width-xxl) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-sheet {
|
|
|
|
width: var(--theme-sheet-width-xl) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-sheet {
|
|
|
|
width: var(--theme-sheet-width-lg) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-sheet {
|
|
|
|
width: var(--theme-sheet-width-md) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-sheet {
|
|
|
|
width: var(--theme-sheet-width-sm) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-sheet {
|
|
|
|
width: var(--theme-sheet-width-xs) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-body .u-sheet .u-sheet {
|
|
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-container-layout {
|
|
|
|
position: relative;
|
|
|
|
flex: 1;
|
|
|
|
max-width: 100%;
|
|
|
|
transition-duration: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-container-layout > * {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-expanded {
|
|
|
|
position: absolute !important;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-expanded-width {
|
|
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-expanded-width-xl {
|
|
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-expanded-width-lg {
|
|
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-expanded-width-md {
|
|
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-expanded-width-sm {
|
|
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-expanded-width-xs {
|
|
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-expanded-height {
|
|
|
|
position: absolute !important;
|
|
|
|
height: 100% !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-expanded-height-xl {
|
|
|
|
position: absolute !important;
|
|
|
|
height: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-expanded-height-lg {
|
|
|
|
position: absolute !important;
|
|
|
|
height: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-expanded-height-md {
|
|
|
|
position: absolute !important;
|
|
|
|
height: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-expanded-height-sm {
|
|
|
|
position: absolute !important;
|
|
|
|
height: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-expanded-height-xs {
|
|
|
|
position: absolute !important;
|
|
|
|
height: 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-valign-middle,.u-valign-top,.u-valign-bottom {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-valign-middle-xl, .u-xl-mode .u-valign-top-xl, .u-xl-mode .u-valign-bottom-xl {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-valign-middle-lg, .u-valign-top-lg, .u-valign-bottom-lg {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-valign-middle-md, .u-valign-top-md, .u-valign-bottom-md {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-valign-middle-sm, .u-valign-top-sm, .u-valign-bottom-sm {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-valign-middle-xs, .u-valign-top-xs, .u-valign-bottom-xs {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-valign-middle > *,.u-valign-top > *,.u-valign-bottom > * {
|
|
|
|
flex-shrink: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-valign-middle {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-valign-middle-xl {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-valign-middle-lg {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-valign-middle-md {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-valign-middle-sm {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-valign-middle-xs {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-valign-top {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-valign-top-xl {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-valign-top-lg {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-valign-top-md {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-valign-top-sm {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-valign-top-xs {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-valign-bottom {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-valign-bottom-xl {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-valign-bottom-lg {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-valign-bottom-md {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-valign-bottom-sm {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-valign-bottom-xs {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
:not(.u-sheet) > [class*="u-gutter-"]:not(.u-gutter-0).u-expanded-width {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-layout-wrap:not(.u-layout-custom-sm) .u-layout-row > * {
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
.u-layout-wrap:not(.u-layout-custom-sm) .u-layout {
|
|
|
|
margin-left: 0 !important;
|
|
|
|
margin-right: 0 !important;
|
|
|
|
}
|
|
|
|
.u-layout-wrap:not(.u-layout-custom-sm) .u-layout .u-layout-cell {
|
|
|
|
border-left: 0 !important;
|
|
|
|
border-right: 0 !important;
|
|
|
|
}
|
|
|
|
.u-absolute-hcenter,
|
|
|
|
.u-absolute-hcenter-sm {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-layout-wrap:not(.u-layout-custom-xs) .u-layout-row > * {
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
.u-layout-wrap:not(.u-layout-custom-xs) .u-layout {
|
|
|
|
margin-left: 0 !important;
|
|
|
|
margin-right: 0 !important;
|
|
|
|
}
|
|
|
|
.u-layout-wrap:not(.u-layout-custom-xs) .u-layout .u-layout-cell {
|
|
|
|
border-left: 0 !important;
|
|
|
|
border-right: 0 !important;
|
|
|
|
}
|
|
|
|
.u-absolute-hcenter,
|
|
|
|
.u-absolute-hcenter-xs {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-60 {
|
|
|
|
flex: 0 0 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-60 {
|
|
|
|
flex: 60 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-59 {
|
|
|
|
flex: 0 0 98.33333333%;
|
|
|
|
max-width: 98.33333333%;
|
|
|
|
min-width: 98.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-59 {
|
|
|
|
flex: 59 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-58 {
|
|
|
|
flex: 0 0 96.66666667%;
|
|
|
|
max-width: 96.66666667%;
|
|
|
|
min-width: 96.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-58 {
|
|
|
|
flex: 58 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-57 {
|
|
|
|
flex: 0 0 95%;
|
|
|
|
max-width: 95%;
|
|
|
|
min-width: 95%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-57 {
|
|
|
|
flex: 57 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-56 {
|
|
|
|
flex: 0 0 93.33333333%;
|
|
|
|
max-width: 93.33333333%;
|
|
|
|
min-width: 93.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-56 {
|
|
|
|
flex: 56 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-55 {
|
|
|
|
flex: 0 0 91.66666667%;
|
|
|
|
max-width: 91.66666667%;
|
|
|
|
min-width: 91.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-55 {
|
|
|
|
flex: 55 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-54 {
|
|
|
|
flex: 0 0 90%;
|
|
|
|
max-width: 90%;
|
|
|
|
min-width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-54 {
|
|
|
|
flex: 54 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-53 {
|
|
|
|
flex: 0 0 88.33333333%;
|
|
|
|
max-width: 88.33333333%;
|
|
|
|
min-width: 88.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-53 {
|
|
|
|
flex: 53 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-52 {
|
|
|
|
flex: 0 0 86.66666667%;
|
|
|
|
max-width: 86.66666667%;
|
|
|
|
min-width: 86.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-52 {
|
|
|
|
flex: 52 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-51 {
|
|
|
|
flex: 0 0 85%;
|
|
|
|
max-width: 85%;
|
|
|
|
min-width: 85%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-51 {
|
|
|
|
flex: 51 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-50 {
|
|
|
|
flex: 0 0 83.33333333%;
|
|
|
|
max-width: 83.33333333%;
|
|
|
|
min-width: 83.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-50 {
|
|
|
|
flex: 50 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-49 {
|
|
|
|
flex: 0 0 81.66666667%;
|
|
|
|
max-width: 81.66666667%;
|
|
|
|
min-width: 81.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-49 {
|
|
|
|
flex: 49 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-48 {
|
|
|
|
flex: 0 0 80%;
|
|
|
|
max-width: 80%;
|
|
|
|
min-width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-48 {
|
|
|
|
flex: 48 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-47 {
|
|
|
|
flex: 0 0 78.33333333%;
|
|
|
|
max-width: 78.33333333%;
|
|
|
|
min-width: 78.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-47 {
|
|
|
|
flex: 47 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-46 {
|
|
|
|
flex: 0 0 76.66666667%;
|
|
|
|
max-width: 76.66666667%;
|
|
|
|
min-width: 76.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-46 {
|
|
|
|
flex: 46 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-45 {
|
|
|
|
flex: 0 0 75%;
|
|
|
|
max-width: 75%;
|
|
|
|
min-width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-45 {
|
|
|
|
flex: 45 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-44 {
|
|
|
|
flex: 0 0 73.33333333%;
|
|
|
|
max-width: 73.33333333%;
|
|
|
|
min-width: 73.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-44 {
|
|
|
|
flex: 44 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-43 {
|
|
|
|
flex: 0 0 71.66666667%;
|
|
|
|
max-width: 71.66666667%;
|
|
|
|
min-width: 71.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-43 {
|
|
|
|
flex: 43 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-42 {
|
|
|
|
flex: 0 0 70%;
|
|
|
|
max-width: 70%;
|
|
|
|
min-width: 70%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-42 {
|
|
|
|
flex: 42 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-41 {
|
|
|
|
flex: 0 0 68.33333333%;
|
|
|
|
max-width: 68.33333333%;
|
|
|
|
min-width: 68.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-41 {
|
|
|
|
flex: 41 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-40 {
|
|
|
|
flex: 0 0 66.66666667%;
|
|
|
|
max-width: 66.66666667%;
|
|
|
|
min-width: 66.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-40 {
|
|
|
|
flex: 40 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-39 {
|
|
|
|
flex: 0 0 65%;
|
|
|
|
max-width: 65%;
|
|
|
|
min-width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-39 {
|
|
|
|
flex: 39 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-38 {
|
|
|
|
flex: 0 0 63.33333333%;
|
|
|
|
max-width: 63.33333333%;
|
|
|
|
min-width: 63.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-38 {
|
|
|
|
flex: 38 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-37 {
|
|
|
|
flex: 0 0 61.66666667%;
|
|
|
|
max-width: 61.66666667%;
|
|
|
|
min-width: 61.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-37 {
|
|
|
|
flex: 37 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-36 {
|
|
|
|
flex: 0 0 60%;
|
|
|
|
max-width: 60%;
|
|
|
|
min-width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-36 {
|
|
|
|
flex: 36 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-35 {
|
|
|
|
flex: 0 0 58.33333333%;
|
|
|
|
max-width: 58.33333333%;
|
|
|
|
min-width: 58.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-35 {
|
|
|
|
flex: 35 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-34 {
|
|
|
|
flex: 0 0 56.66666667%;
|
|
|
|
max-width: 56.66666667%;
|
|
|
|
min-width: 56.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-34 {
|
|
|
|
flex: 34 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-33 {
|
|
|
|
flex: 0 0 55%;
|
|
|
|
max-width: 55%;
|
|
|
|
min-width: 55%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-33 {
|
|
|
|
flex: 33 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-32 {
|
|
|
|
flex: 0 0 53.33333333%;
|
|
|
|
max-width: 53.33333333%;
|
|
|
|
min-width: 53.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-32 {
|
|
|
|
flex: 32 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-31 {
|
|
|
|
flex: 0 0 51.66666667%;
|
|
|
|
max-width: 51.66666667%;
|
|
|
|
min-width: 51.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-31 {
|
|
|
|
flex: 31 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-30 {
|
|
|
|
flex: 0 0 50%;
|
|
|
|
max-width: 50%;
|
|
|
|
min-width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-30 {
|
|
|
|
flex: 30 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-29 {
|
|
|
|
flex: 0 0 48.33333333%;
|
|
|
|
max-width: 48.33333333%;
|
|
|
|
min-width: 48.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-29 {
|
|
|
|
flex: 29 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-28 {
|
|
|
|
flex: 0 0 46.66666667%;
|
|
|
|
max-width: 46.66666667%;
|
|
|
|
min-width: 46.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-28 {
|
|
|
|
flex: 28 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-27 {
|
|
|
|
flex: 0 0 45%;
|
|
|
|
max-width: 45%;
|
|
|
|
min-width: 45%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-27 {
|
|
|
|
flex: 27 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-26 {
|
|
|
|
flex: 0 0 43.33333333%;
|
|
|
|
max-width: 43.33333333%;
|
|
|
|
min-width: 43.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-26 {
|
|
|
|
flex: 26 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-25 {
|
|
|
|
flex: 0 0 41.66666667%;
|
|
|
|
max-width: 41.66666667%;
|
|
|
|
min-width: 41.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-25 {
|
|
|
|
flex: 25 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-24 {
|
|
|
|
flex: 0 0 40%;
|
|
|
|
max-width: 40%;
|
|
|
|
min-width: 40%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-24 {
|
|
|
|
flex: 24 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-23 {
|
|
|
|
flex: 0 0 38.33333333%;
|
|
|
|
max-width: 38.33333333%;
|
|
|
|
min-width: 38.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-23 {
|
|
|
|
flex: 23 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-22 {
|
|
|
|
flex: 0 0 36.66666667%;
|
|
|
|
max-width: 36.66666667%;
|
|
|
|
min-width: 36.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-22 {
|
|
|
|
flex: 22 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-21 {
|
|
|
|
flex: 0 0 35%;
|
|
|
|
max-width: 35%;
|
|
|
|
min-width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-21 {
|
|
|
|
flex: 21 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-20 {
|
|
|
|
flex: 0 0 33.33333333%;
|
|
|
|
max-width: 33.33333333%;
|
|
|
|
min-width: 33.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-20 {
|
|
|
|
flex: 20 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-19 {
|
|
|
|
flex: 0 0 31.66666667%;
|
|
|
|
max-width: 31.66666667%;
|
|
|
|
min-width: 31.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-19 {
|
|
|
|
flex: 19 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-18 {
|
|
|
|
flex: 0 0 30%;
|
|
|
|
max-width: 30%;
|
|
|
|
min-width: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-18 {
|
|
|
|
flex: 18 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-17 {
|
|
|
|
flex: 0 0 28.33333333%;
|
|
|
|
max-width: 28.33333333%;
|
|
|
|
min-width: 28.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-17 {
|
|
|
|
flex: 17 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-16 {
|
|
|
|
flex: 0 0 26.66666667%;
|
|
|
|
max-width: 26.66666667%;
|
|
|
|
min-width: 26.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-16 {
|
|
|
|
flex: 16 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-15 {
|
|
|
|
flex: 0 0 25%;
|
|
|
|
max-width: 25%;
|
|
|
|
min-width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-15 {
|
|
|
|
flex: 15 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-14 {
|
|
|
|
flex: 0 0 23.33333333%;
|
|
|
|
max-width: 23.33333333%;
|
|
|
|
min-width: 23.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-14 {
|
|
|
|
flex: 14 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-13 {
|
|
|
|
flex: 0 0 21.66666667%;
|
|
|
|
max-width: 21.66666667%;
|
|
|
|
min-width: 21.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-13 {
|
|
|
|
flex: 13 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-12 {
|
|
|
|
flex: 0 0 20%;
|
|
|
|
max-width: 20%;
|
|
|
|
min-width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-12 {
|
|
|
|
flex: 12 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-11 {
|
|
|
|
flex: 0 0 18.33333333%;
|
|
|
|
max-width: 18.33333333%;
|
|
|
|
min-width: 18.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-11 {
|
|
|
|
flex: 11 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-10 {
|
|
|
|
flex: 0 0 16.66666667%;
|
|
|
|
max-width: 16.66666667%;
|
|
|
|
min-width: 16.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-10 {
|
|
|
|
flex: 10 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-9 {
|
|
|
|
flex: 0 0 15%;
|
|
|
|
max-width: 15%;
|
|
|
|
min-width: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-9 {
|
|
|
|
flex: 9 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-8 {
|
|
|
|
flex: 0 0 13.33333333%;
|
|
|
|
max-width: 13.33333333%;
|
|
|
|
min-width: 13.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-8 {
|
|
|
|
flex: 8 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-7 {
|
|
|
|
flex: 0 0 11.66666667%;
|
|
|
|
max-width: 11.66666667%;
|
|
|
|
min-width: 11.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-7 {
|
|
|
|
flex: 7 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-6 {
|
|
|
|
flex: 0 0 10%;
|
|
|
|
max-width: 10%;
|
|
|
|
min-width: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-6 {
|
|
|
|
flex: 6 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-5 {
|
|
|
|
flex: 0 0 8.33333333%;
|
|
|
|
max-width: 8.33333333%;
|
|
|
|
min-width: 8.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-5 {
|
|
|
|
flex: 5 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-4 {
|
|
|
|
flex: 0 0 6.66666667%;
|
|
|
|
max-width: 6.66666667%;
|
|
|
|
min-width: 6.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-4 {
|
|
|
|
flex: 4 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-3 {
|
|
|
|
flex: 0 0 5%;
|
|
|
|
max-width: 5%;
|
|
|
|
min-width: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-3 {
|
|
|
|
flex: 3 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-2 {
|
|
|
|
flex: 0 0 3.33333333%;
|
|
|
|
max-width: 3.33333333%;
|
|
|
|
min-width: 3.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-2 {
|
|
|
|
flex: 2 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-1 {
|
|
|
|
flex: 0 0 1.66666667%;
|
|
|
|
max-width: 1.66666667%;
|
|
|
|
min-width: 1.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-1 {
|
|
|
|
flex: 1 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-0 {
|
|
|
|
flex: 0 0 0%;
|
|
|
|
max-width: 0%;
|
|
|
|
min-width: 0%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-0 {
|
|
|
|
flex: 0 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1400px) {
|
|
|
|
.u-layout-row > .u-size-60-xl {
|
|
|
|
flex: 0 0 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-60-xl {
|
|
|
|
flex: 60 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-59-xl {
|
|
|
|
flex: 0 0 98.33333333%;
|
|
|
|
max-width: 98.33333333%;
|
|
|
|
min-width: 98.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-59-xl {
|
|
|
|
flex: 59 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-58-xl {
|
|
|
|
flex: 0 0 96.66666667%;
|
|
|
|
max-width: 96.66666667%;
|
|
|
|
min-width: 96.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-58-xl {
|
|
|
|
flex: 58 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-57-xl {
|
|
|
|
flex: 0 0 95%;
|
|
|
|
max-width: 95%;
|
|
|
|
min-width: 95%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-57-xl {
|
|
|
|
flex: 57 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-56-xl {
|
|
|
|
flex: 0 0 93.33333333%;
|
|
|
|
max-width: 93.33333333%;
|
|
|
|
min-width: 93.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-56-xl {
|
|
|
|
flex: 56 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-55-xl {
|
|
|
|
flex: 0 0 91.66666667%;
|
|
|
|
max-width: 91.66666667%;
|
|
|
|
min-width: 91.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-55-xl {
|
|
|
|
flex: 55 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-54-xl {
|
|
|
|
flex: 0 0 90%;
|
|
|
|
max-width: 90%;
|
|
|
|
min-width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-54-xl {
|
|
|
|
flex: 54 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-53-xl {
|
|
|
|
flex: 0 0 88.33333333%;
|
|
|
|
max-width: 88.33333333%;
|
|
|
|
min-width: 88.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-53-xl {
|
|
|
|
flex: 53 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-52-xl {
|
|
|
|
flex: 0 0 86.66666667%;
|
|
|
|
max-width: 86.66666667%;
|
|
|
|
min-width: 86.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-52-xl {
|
|
|
|
flex: 52 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-51-xl {
|
|
|
|
flex: 0 0 85%;
|
|
|
|
max-width: 85%;
|
|
|
|
min-width: 85%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-51-xl {
|
|
|
|
flex: 51 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-50-xl {
|
|
|
|
flex: 0 0 83.33333333%;
|
|
|
|
max-width: 83.33333333%;
|
|
|
|
min-width: 83.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-50-xl {
|
|
|
|
flex: 50 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-49-xl {
|
|
|
|
flex: 0 0 81.66666667%;
|
|
|
|
max-width: 81.66666667%;
|
|
|
|
min-width: 81.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-49-xl {
|
|
|
|
flex: 49 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-48-xl {
|
|
|
|
flex: 0 0 80%;
|
|
|
|
max-width: 80%;
|
|
|
|
min-width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-48-xl {
|
|
|
|
flex: 48 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-47-xl {
|
|
|
|
flex: 0 0 78.33333333%;
|
|
|
|
max-width: 78.33333333%;
|
|
|
|
min-width: 78.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-47-xl {
|
|
|
|
flex: 47 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-46-xl {
|
|
|
|
flex: 0 0 76.66666667%;
|
|
|
|
max-width: 76.66666667%;
|
|
|
|
min-width: 76.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-46-xl {
|
|
|
|
flex: 46 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-45-xl {
|
|
|
|
flex: 0 0 75%;
|
|
|
|
max-width: 75%;
|
|
|
|
min-width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-45-xl {
|
|
|
|
flex: 45 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-44-xl {
|
|
|
|
flex: 0 0 73.33333333%;
|
|
|
|
max-width: 73.33333333%;
|
|
|
|
min-width: 73.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-44-xl {
|
|
|
|
flex: 44 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-43-xl {
|
|
|
|
flex: 0 0 71.66666667%;
|
|
|
|
max-width: 71.66666667%;
|
|
|
|
min-width: 71.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-43-xl {
|
|
|
|
flex: 43 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-42-xl {
|
|
|
|
flex: 0 0 70%;
|
|
|
|
max-width: 70%;
|
|
|
|
min-width: 70%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-42-xl {
|
|
|
|
flex: 42 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-41-xl {
|
|
|
|
flex: 0 0 68.33333333%;
|
|
|
|
max-width: 68.33333333%;
|
|
|
|
min-width: 68.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-41-xl {
|
|
|
|
flex: 41 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-40-xl {
|
|
|
|
flex: 0 0 66.66666667%;
|
|
|
|
max-width: 66.66666667%;
|
|
|
|
min-width: 66.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-40-xl {
|
|
|
|
flex: 40 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-39-xl {
|
|
|
|
flex: 0 0 65%;
|
|
|
|
max-width: 65%;
|
|
|
|
min-width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-39-xl {
|
|
|
|
flex: 39 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-38-xl {
|
|
|
|
flex: 0 0 63.33333333%;
|
|
|
|
max-width: 63.33333333%;
|
|
|
|
min-width: 63.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-38-xl {
|
|
|
|
flex: 38 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-37-xl {
|
|
|
|
flex: 0 0 61.66666667%;
|
|
|
|
max-width: 61.66666667%;
|
|
|
|
min-width: 61.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-37-xl {
|
|
|
|
flex: 37 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-36-xl {
|
|
|
|
flex: 0 0 60%;
|
|
|
|
max-width: 60%;
|
|
|
|
min-width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-36-xl {
|
|
|
|
flex: 36 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-35-xl {
|
|
|
|
flex: 0 0 58.33333333%;
|
|
|
|
max-width: 58.33333333%;
|
|
|
|
min-width: 58.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-35-xl {
|
|
|
|
flex: 35 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-34-xl {
|
|
|
|
flex: 0 0 56.66666667%;
|
|
|
|
max-width: 56.66666667%;
|
|
|
|
min-width: 56.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-34-xl {
|
|
|
|
flex: 34 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-33-xl {
|
|
|
|
flex: 0 0 55%;
|
|
|
|
max-width: 55%;
|
|
|
|
min-width: 55%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-33-xl {
|
|
|
|
flex: 33 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-32-xl {
|
|
|
|
flex: 0 0 53.33333333%;
|
|
|
|
max-width: 53.33333333%;
|
|
|
|
min-width: 53.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-32-xl {
|
|
|
|
flex: 32 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-31-xl {
|
|
|
|
flex: 0 0 51.66666667%;
|
|
|
|
max-width: 51.66666667%;
|
|
|
|
min-width: 51.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-31-xl {
|
|
|
|
flex: 31 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-30-xl {
|
|
|
|
flex: 0 0 50%;
|
|
|
|
max-width: 50%;
|
|
|
|
min-width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-30-xl {
|
|
|
|
flex: 30 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-29-xl {
|
|
|
|
flex: 0 0 48.33333333%;
|
|
|
|
max-width: 48.33333333%;
|
|
|
|
min-width: 48.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-29-xl {
|
|
|
|
flex: 29 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-28-xl {
|
|
|
|
flex: 0 0 46.66666667%;
|
|
|
|
max-width: 46.66666667%;
|
|
|
|
min-width: 46.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-28-xl {
|
|
|
|
flex: 28 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-27-xl {
|
|
|
|
flex: 0 0 45%;
|
|
|
|
max-width: 45%;
|
|
|
|
min-width: 45%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-27-xl {
|
|
|
|
flex: 27 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-26-xl {
|
|
|
|
flex: 0 0 43.33333333%;
|
|
|
|
max-width: 43.33333333%;
|
|
|
|
min-width: 43.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-26-xl {
|
|
|
|
flex: 26 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-25-xl {
|
|
|
|
flex: 0 0 41.66666667%;
|
|
|
|
max-width: 41.66666667%;
|
|
|
|
min-width: 41.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-25-xl {
|
|
|
|
flex: 25 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-24-xl {
|
|
|
|
flex: 0 0 40%;
|
|
|
|
max-width: 40%;
|
|
|
|
min-width: 40%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-24-xl {
|
|
|
|
flex: 24 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-23-xl {
|
|
|
|
flex: 0 0 38.33333333%;
|
|
|
|
max-width: 38.33333333%;
|
|
|
|
min-width: 38.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-23-xl {
|
|
|
|
flex: 23 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-22-xl {
|
|
|
|
flex: 0 0 36.66666667%;
|
|
|
|
max-width: 36.66666667%;
|
|
|
|
min-width: 36.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-22-xl {
|
|
|
|
flex: 22 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-21-xl {
|
|
|
|
flex: 0 0 35%;
|
|
|
|
max-width: 35%;
|
|
|
|
min-width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-21-xl {
|
|
|
|
flex: 21 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-20-xl {
|
|
|
|
flex: 0 0 33.33333333%;
|
|
|
|
max-width: 33.33333333%;
|
|
|
|
min-width: 33.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-20-xl {
|
|
|
|
flex: 20 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-19-xl {
|
|
|
|
flex: 0 0 31.66666667%;
|
|
|
|
max-width: 31.66666667%;
|
|
|
|
min-width: 31.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-19-xl {
|
|
|
|
flex: 19 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-18-xl {
|
|
|
|
flex: 0 0 30%;
|
|
|
|
max-width: 30%;
|
|
|
|
min-width: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-18-xl {
|
|
|
|
flex: 18 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-17-xl {
|
|
|
|
flex: 0 0 28.33333333%;
|
|
|
|
max-width: 28.33333333%;
|
|
|
|
min-width: 28.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-17-xl {
|
|
|
|
flex: 17 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-16-xl {
|
|
|
|
flex: 0 0 26.66666667%;
|
|
|
|
max-width: 26.66666667%;
|
|
|
|
min-width: 26.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-16-xl {
|
|
|
|
flex: 16 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-15-xl {
|
|
|
|
flex: 0 0 25%;
|
|
|
|
max-width: 25%;
|
|
|
|
min-width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-15-xl {
|
|
|
|
flex: 15 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-14-xl {
|
|
|
|
flex: 0 0 23.33333333%;
|
|
|
|
max-width: 23.33333333%;
|
|
|
|
min-width: 23.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-14-xl {
|
|
|
|
flex: 14 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-13-xl {
|
|
|
|
flex: 0 0 21.66666667%;
|
|
|
|
max-width: 21.66666667%;
|
|
|
|
min-width: 21.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-13-xl {
|
|
|
|
flex: 13 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-12-xl {
|
|
|
|
flex: 0 0 20%;
|
|
|
|
max-width: 20%;
|
|
|
|
min-width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-12-xl {
|
|
|
|
flex: 12 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-11-xl {
|
|
|
|
flex: 0 0 18.33333333%;
|
|
|
|
max-width: 18.33333333%;
|
|
|
|
min-width: 18.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-11-xl {
|
|
|
|
flex: 11 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-10-xl {
|
|
|
|
flex: 0 0 16.66666667%;
|
|
|
|
max-width: 16.66666667%;
|
|
|
|
min-width: 16.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-10-xl {
|
|
|
|
flex: 10 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-9-xl {
|
|
|
|
flex: 0 0 15%;
|
|
|
|
max-width: 15%;
|
|
|
|
min-width: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-9-xl {
|
|
|
|
flex: 9 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-8-xl {
|
|
|
|
flex: 0 0 13.33333333%;
|
|
|
|
max-width: 13.33333333%;
|
|
|
|
min-width: 13.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-8-xl {
|
|
|
|
flex: 8 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-7-xl {
|
|
|
|
flex: 0 0 11.66666667%;
|
|
|
|
max-width: 11.66666667%;
|
|
|
|
min-width: 11.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-7-xl {
|
|
|
|
flex: 7 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-6-xl {
|
|
|
|
flex: 0 0 10%;
|
|
|
|
max-width: 10%;
|
|
|
|
min-width: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-6-xl {
|
|
|
|
flex: 6 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-5-xl {
|
|
|
|
flex: 0 0 8.33333333%;
|
|
|
|
max-width: 8.33333333%;
|
|
|
|
min-width: 8.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-5-xl {
|
|
|
|
flex: 5 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-4-xl {
|
|
|
|
flex: 0 0 6.66666667%;
|
|
|
|
max-width: 6.66666667%;
|
|
|
|
min-width: 6.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-4-xl {
|
|
|
|
flex: 4 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-3-xl {
|
|
|
|
flex: 0 0 5%;
|
|
|
|
max-width: 5%;
|
|
|
|
min-width: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-3-xl {
|
|
|
|
flex: 3 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-2-xl {
|
|
|
|
flex: 0 0 3.33333333%;
|
|
|
|
max-width: 3.33333333%;
|
|
|
|
min-width: 3.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-2-xl {
|
|
|
|
flex: 2 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-1-xl {
|
|
|
|
flex: 0 0 1.66666667%;
|
|
|
|
max-width: 1.66666667%;
|
|
|
|
min-width: 1.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-1-xl {
|
|
|
|
flex: 1 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-0-xl {
|
|
|
|
flex: 0 0 0%;
|
|
|
|
max-width: 0%;
|
|
|
|
min-width: 0%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-0-xl {
|
|
|
|
flex: 0 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-60-xl {
|
|
|
|
flex: 0 0 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-60-xl {
|
|
|
|
flex: 60 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-59-xl {
|
|
|
|
flex: 0 0 98.33333333%;
|
|
|
|
max-width: 98.33333333%;
|
|
|
|
min-width: 98.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-59-xl {
|
|
|
|
flex: 59 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-58-xl {
|
|
|
|
flex: 0 0 96.66666667%;
|
|
|
|
max-width: 96.66666667%;
|
|
|
|
min-width: 96.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-58-xl {
|
|
|
|
flex: 58 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-57-xl {
|
|
|
|
flex: 0 0 95%;
|
|
|
|
max-width: 95%;
|
|
|
|
min-width: 95%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-57-xl {
|
|
|
|
flex: 57 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-56-xl {
|
|
|
|
flex: 0 0 93.33333333%;
|
|
|
|
max-width: 93.33333333%;
|
|
|
|
min-width: 93.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-56-xl {
|
|
|
|
flex: 56 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-55-xl {
|
|
|
|
flex: 0 0 91.66666667%;
|
|
|
|
max-width: 91.66666667%;
|
|
|
|
min-width: 91.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-55-xl {
|
|
|
|
flex: 55 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-54-xl {
|
|
|
|
flex: 0 0 90%;
|
|
|
|
max-width: 90%;
|
|
|
|
min-width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-54-xl {
|
|
|
|
flex: 54 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-53-xl {
|
|
|
|
flex: 0 0 88.33333333%;
|
|
|
|
max-width: 88.33333333%;
|
|
|
|
min-width: 88.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-53-xl {
|
|
|
|
flex: 53 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-52-xl {
|
|
|
|
flex: 0 0 86.66666667%;
|
|
|
|
max-width: 86.66666667%;
|
|
|
|
min-width: 86.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-52-xl {
|
|
|
|
flex: 52 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-51-xl {
|
|
|
|
flex: 0 0 85%;
|
|
|
|
max-width: 85%;
|
|
|
|
min-width: 85%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-51-xl {
|
|
|
|
flex: 51 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-50-xl {
|
|
|
|
flex: 0 0 83.33333333%;
|
|
|
|
max-width: 83.33333333%;
|
|
|
|
min-width: 83.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-50-xl {
|
|
|
|
flex: 50 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-49-xl {
|
|
|
|
flex: 0 0 81.66666667%;
|
|
|
|
max-width: 81.66666667%;
|
|
|
|
min-width: 81.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-49-xl {
|
|
|
|
flex: 49 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-48-xl {
|
|
|
|
flex: 0 0 80%;
|
|
|
|
max-width: 80%;
|
|
|
|
min-width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-48-xl {
|
|
|
|
flex: 48 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-47-xl {
|
|
|
|
flex: 0 0 78.33333333%;
|
|
|
|
max-width: 78.33333333%;
|
|
|
|
min-width: 78.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-47-xl {
|
|
|
|
flex: 47 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-46-xl {
|
|
|
|
flex: 0 0 76.66666667%;
|
|
|
|
max-width: 76.66666667%;
|
|
|
|
min-width: 76.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-46-xl {
|
|
|
|
flex: 46 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-45-xl {
|
|
|
|
flex: 0 0 75%;
|
|
|
|
max-width: 75%;
|
|
|
|
min-width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-45-xl {
|
|
|
|
flex: 45 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-44-xl {
|
|
|
|
flex: 0 0 73.33333333%;
|
|
|
|
max-width: 73.33333333%;
|
|
|
|
min-width: 73.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-44-xl {
|
|
|
|
flex: 44 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-43-xl {
|
|
|
|
flex: 0 0 71.66666667%;
|
|
|
|
max-width: 71.66666667%;
|
|
|
|
min-width: 71.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-43-xl {
|
|
|
|
flex: 43 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-42-xl {
|
|
|
|
flex: 0 0 70%;
|
|
|
|
max-width: 70%;
|
|
|
|
min-width: 70%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-42-xl {
|
|
|
|
flex: 42 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-41-xl {
|
|
|
|
flex: 0 0 68.33333333%;
|
|
|
|
max-width: 68.33333333%;
|
|
|
|
min-width: 68.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-41-xl {
|
|
|
|
flex: 41 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-40-xl {
|
|
|
|
flex: 0 0 66.66666667%;
|
|
|
|
max-width: 66.66666667%;
|
|
|
|
min-width: 66.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-40-xl {
|
|
|
|
flex: 40 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-39-xl {
|
|
|
|
flex: 0 0 65%;
|
|
|
|
max-width: 65%;
|
|
|
|
min-width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-39-xl {
|
|
|
|
flex: 39 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-38-xl {
|
|
|
|
flex: 0 0 63.33333333%;
|
|
|
|
max-width: 63.33333333%;
|
|
|
|
min-width: 63.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-38-xl {
|
|
|
|
flex: 38 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-37-xl {
|
|
|
|
flex: 0 0 61.66666667%;
|
|
|
|
max-width: 61.66666667%;
|
|
|
|
min-width: 61.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-37-xl {
|
|
|
|
flex: 37 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-36-xl {
|
|
|
|
flex: 0 0 60%;
|
|
|
|
max-width: 60%;
|
|
|
|
min-width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-36-xl {
|
|
|
|
flex: 36 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-35-xl {
|
|
|
|
flex: 0 0 58.33333333%;
|
|
|
|
max-width: 58.33333333%;
|
|
|
|
min-width: 58.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-35-xl {
|
|
|
|
flex: 35 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-34-xl {
|
|
|
|
flex: 0 0 56.66666667%;
|
|
|
|
max-width: 56.66666667%;
|
|
|
|
min-width: 56.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-34-xl {
|
|
|
|
flex: 34 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-33-xl {
|
|
|
|
flex: 0 0 55%;
|
|
|
|
max-width: 55%;
|
|
|
|
min-width: 55%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-33-xl {
|
|
|
|
flex: 33 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-32-xl {
|
|
|
|
flex: 0 0 53.33333333%;
|
|
|
|
max-width: 53.33333333%;
|
|
|
|
min-width: 53.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-32-xl {
|
|
|
|
flex: 32 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-31-xl {
|
|
|
|
flex: 0 0 51.66666667%;
|
|
|
|
max-width: 51.66666667%;
|
|
|
|
min-width: 51.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-31-xl {
|
|
|
|
flex: 31 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-30-xl {
|
|
|
|
flex: 0 0 50%;
|
|
|
|
max-width: 50%;
|
|
|
|
min-width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-30-xl {
|
|
|
|
flex: 30 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-29-xl {
|
|
|
|
flex: 0 0 48.33333333%;
|
|
|
|
max-width: 48.33333333%;
|
|
|
|
min-width: 48.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-29-xl {
|
|
|
|
flex: 29 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-28-xl {
|
|
|
|
flex: 0 0 46.66666667%;
|
|
|
|
max-width: 46.66666667%;
|
|
|
|
min-width: 46.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-28-xl {
|
|
|
|
flex: 28 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-27-xl {
|
|
|
|
flex: 0 0 45%;
|
|
|
|
max-width: 45%;
|
|
|
|
min-width: 45%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-27-xl {
|
|
|
|
flex: 27 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-26-xl {
|
|
|
|
flex: 0 0 43.33333333%;
|
|
|
|
max-width: 43.33333333%;
|
|
|
|
min-width: 43.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-26-xl {
|
|
|
|
flex: 26 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-25-xl {
|
|
|
|
flex: 0 0 41.66666667%;
|
|
|
|
max-width: 41.66666667%;
|
|
|
|
min-width: 41.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-25-xl {
|
|
|
|
flex: 25 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-24-xl {
|
|
|
|
flex: 0 0 40%;
|
|
|
|
max-width: 40%;
|
|
|
|
min-width: 40%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-24-xl {
|
|
|
|
flex: 24 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-23-xl {
|
|
|
|
flex: 0 0 38.33333333%;
|
|
|
|
max-width: 38.33333333%;
|
|
|
|
min-width: 38.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-23-xl {
|
|
|
|
flex: 23 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-22-xl {
|
|
|
|
flex: 0 0 36.66666667%;
|
|
|
|
max-width: 36.66666667%;
|
|
|
|
min-width: 36.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-22-xl {
|
|
|
|
flex: 22 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-21-xl {
|
|
|
|
flex: 0 0 35%;
|
|
|
|
max-width: 35%;
|
|
|
|
min-width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-21-xl {
|
|
|
|
flex: 21 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-20-xl {
|
|
|
|
flex: 0 0 33.33333333%;
|
|
|
|
max-width: 33.33333333%;
|
|
|
|
min-width: 33.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-20-xl {
|
|
|
|
flex: 20 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-19-xl {
|
|
|
|
flex: 0 0 31.66666667%;
|
|
|
|
max-width: 31.66666667%;
|
|
|
|
min-width: 31.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-19-xl {
|
|
|
|
flex: 19 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-18-xl {
|
|
|
|
flex: 0 0 30%;
|
|
|
|
max-width: 30%;
|
|
|
|
min-width: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-18-xl {
|
|
|
|
flex: 18 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-17-xl {
|
|
|
|
flex: 0 0 28.33333333%;
|
|
|
|
max-width: 28.33333333%;
|
|
|
|
min-width: 28.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-17-xl {
|
|
|
|
flex: 17 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-16-xl {
|
|
|
|
flex: 0 0 26.66666667%;
|
|
|
|
max-width: 26.66666667%;
|
|
|
|
min-width: 26.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-16-xl {
|
|
|
|
flex: 16 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-15-xl {
|
|
|
|
flex: 0 0 25%;
|
|
|
|
max-width: 25%;
|
|
|
|
min-width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-15-xl {
|
|
|
|
flex: 15 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-14-xl {
|
|
|
|
flex: 0 0 23.33333333%;
|
|
|
|
max-width: 23.33333333%;
|
|
|
|
min-width: 23.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-14-xl {
|
|
|
|
flex: 14 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-13-xl {
|
|
|
|
flex: 0 0 21.66666667%;
|
|
|
|
max-width: 21.66666667%;
|
|
|
|
min-width: 21.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-13-xl {
|
|
|
|
flex: 13 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-12-xl {
|
|
|
|
flex: 0 0 20%;
|
|
|
|
max-width: 20%;
|
|
|
|
min-width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-12-xl {
|
|
|
|
flex: 12 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-11-xl {
|
|
|
|
flex: 0 0 18.33333333%;
|
|
|
|
max-width: 18.33333333%;
|
|
|
|
min-width: 18.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-11-xl {
|
|
|
|
flex: 11 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-10-xl {
|
|
|
|
flex: 0 0 16.66666667%;
|
|
|
|
max-width: 16.66666667%;
|
|
|
|
min-width: 16.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-10-xl {
|
|
|
|
flex: 10 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-9-xl {
|
|
|
|
flex: 0 0 15%;
|
|
|
|
max-width: 15%;
|
|
|
|
min-width: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-9-xl {
|
|
|
|
flex: 9 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-8-xl {
|
|
|
|
flex: 0 0 13.33333333%;
|
|
|
|
max-width: 13.33333333%;
|
|
|
|
min-width: 13.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-8-xl {
|
|
|
|
flex: 8 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-7-xl {
|
|
|
|
flex: 0 0 11.66666667%;
|
|
|
|
max-width: 11.66666667%;
|
|
|
|
min-width: 11.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-7-xl {
|
|
|
|
flex: 7 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-6-xl {
|
|
|
|
flex: 0 0 10%;
|
|
|
|
max-width: 10%;
|
|
|
|
min-width: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-6-xl {
|
|
|
|
flex: 6 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-5-xl {
|
|
|
|
flex: 0 0 8.33333333%;
|
|
|
|
max-width: 8.33333333%;
|
|
|
|
min-width: 8.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-5-xl {
|
|
|
|
flex: 5 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-4-xl {
|
|
|
|
flex: 0 0 6.66666667%;
|
|
|
|
max-width: 6.66666667%;
|
|
|
|
min-width: 6.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-4-xl {
|
|
|
|
flex: 4 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-3-xl {
|
|
|
|
flex: 0 0 5%;
|
|
|
|
max-width: 5%;
|
|
|
|
min-width: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-3-xl {
|
|
|
|
flex: 3 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-2-xl {
|
|
|
|
flex: 0 0 3.33333333%;
|
|
|
|
max-width: 3.33333333%;
|
|
|
|
min-width: 3.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-2-xl {
|
|
|
|
flex: 2 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-1-xl {
|
|
|
|
flex: 0 0 1.66666667%;
|
|
|
|
max-width: 1.66666667%;
|
|
|
|
min-width: 1.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-1-xl {
|
|
|
|
flex: 1 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-row > .u-size-0-xl {
|
|
|
|
flex: 0 0 0%;
|
|
|
|
max-width: 0%;
|
|
|
|
min-width: 0%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xl-mode .u-layout-col > .u-size-0-xl {
|
|
|
|
flex: 0 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-layout-row > .u-size-60-lg {
|
|
|
|
flex: 0 0 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-60-lg {
|
|
|
|
flex: 60 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-59-lg {
|
|
|
|
flex: 0 0 98.33333333%;
|
|
|
|
max-width: 98.33333333%;
|
|
|
|
min-width: 98.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-59-lg {
|
|
|
|
flex: 59 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-58-lg {
|
|
|
|
flex: 0 0 96.66666667%;
|
|
|
|
max-width: 96.66666667%;
|
|
|
|
min-width: 96.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-58-lg {
|
|
|
|
flex: 58 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-57-lg {
|
|
|
|
flex: 0 0 95%;
|
|
|
|
max-width: 95%;
|
|
|
|
min-width: 95%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-57-lg {
|
|
|
|
flex: 57 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-56-lg {
|
|
|
|
flex: 0 0 93.33333333%;
|
|
|
|
max-width: 93.33333333%;
|
|
|
|
min-width: 93.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-56-lg {
|
|
|
|
flex: 56 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-55-lg {
|
|
|
|
flex: 0 0 91.66666667%;
|
|
|
|
max-width: 91.66666667%;
|
|
|
|
min-width: 91.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-55-lg {
|
|
|
|
flex: 55 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-54-lg {
|
|
|
|
flex: 0 0 90%;
|
|
|
|
max-width: 90%;
|
|
|
|
min-width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-54-lg {
|
|
|
|
flex: 54 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-53-lg {
|
|
|
|
flex: 0 0 88.33333333%;
|
|
|
|
max-width: 88.33333333%;
|
|
|
|
min-width: 88.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-53-lg {
|
|
|
|
flex: 53 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-52-lg {
|
|
|
|
flex: 0 0 86.66666667%;
|
|
|
|
max-width: 86.66666667%;
|
|
|
|
min-width: 86.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-52-lg {
|
|
|
|
flex: 52 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-51-lg {
|
|
|
|
flex: 0 0 85%;
|
|
|
|
max-width: 85%;
|
|
|
|
min-width: 85%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-51-lg {
|
|
|
|
flex: 51 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-50-lg {
|
|
|
|
flex: 0 0 83.33333333%;
|
|
|
|
max-width: 83.33333333%;
|
|
|
|
min-width: 83.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-50-lg {
|
|
|
|
flex: 50 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-49-lg {
|
|
|
|
flex: 0 0 81.66666667%;
|
|
|
|
max-width: 81.66666667%;
|
|
|
|
min-width: 81.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-49-lg {
|
|
|
|
flex: 49 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-48-lg {
|
|
|
|
flex: 0 0 80%;
|
|
|
|
max-width: 80%;
|
|
|
|
min-width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-48-lg {
|
|
|
|
flex: 48 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-47-lg {
|
|
|
|
flex: 0 0 78.33333333%;
|
|
|
|
max-width: 78.33333333%;
|
|
|
|
min-width: 78.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-47-lg {
|
|
|
|
flex: 47 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-46-lg {
|
|
|
|
flex: 0 0 76.66666667%;
|
|
|
|
max-width: 76.66666667%;
|
|
|
|
min-width: 76.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-46-lg {
|
|
|
|
flex: 46 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-45-lg {
|
|
|
|
flex: 0 0 75%;
|
|
|
|
max-width: 75%;
|
|
|
|
min-width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-45-lg {
|
|
|
|
flex: 45 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-44-lg {
|
|
|
|
flex: 0 0 73.33333333%;
|
|
|
|
max-width: 73.33333333%;
|
|
|
|
min-width: 73.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-44-lg {
|
|
|
|
flex: 44 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-43-lg {
|
|
|
|
flex: 0 0 71.66666667%;
|
|
|
|
max-width: 71.66666667%;
|
|
|
|
min-width: 71.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-43-lg {
|
|
|
|
flex: 43 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-42-lg {
|
|
|
|
flex: 0 0 70%;
|
|
|
|
max-width: 70%;
|
|
|
|
min-width: 70%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-42-lg {
|
|
|
|
flex: 42 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-41-lg {
|
|
|
|
flex: 0 0 68.33333333%;
|
|
|
|
max-width: 68.33333333%;
|
|
|
|
min-width: 68.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-41-lg {
|
|
|
|
flex: 41 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-40-lg {
|
|
|
|
flex: 0 0 66.66666667%;
|
|
|
|
max-width: 66.66666667%;
|
|
|
|
min-width: 66.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-40-lg {
|
|
|
|
flex: 40 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-39-lg {
|
|
|
|
flex: 0 0 65%;
|
|
|
|
max-width: 65%;
|
|
|
|
min-width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-39-lg {
|
|
|
|
flex: 39 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-38-lg {
|
|
|
|
flex: 0 0 63.33333333%;
|
|
|
|
max-width: 63.33333333%;
|
|
|
|
min-width: 63.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-38-lg {
|
|
|
|
flex: 38 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-37-lg {
|
|
|
|
flex: 0 0 61.66666667%;
|
|
|
|
max-width: 61.66666667%;
|
|
|
|
min-width: 61.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-37-lg {
|
|
|
|
flex: 37 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-36-lg {
|
|
|
|
flex: 0 0 60%;
|
|
|
|
max-width: 60%;
|
|
|
|
min-width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-36-lg {
|
|
|
|
flex: 36 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-35-lg {
|
|
|
|
flex: 0 0 58.33333333%;
|
|
|
|
max-width: 58.33333333%;
|
|
|
|
min-width: 58.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-35-lg {
|
|
|
|
flex: 35 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-34-lg {
|
|
|
|
flex: 0 0 56.66666667%;
|
|
|
|
max-width: 56.66666667%;
|
|
|
|
min-width: 56.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-34-lg {
|
|
|
|
flex: 34 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-33-lg {
|
|
|
|
flex: 0 0 55%;
|
|
|
|
max-width: 55%;
|
|
|
|
min-width: 55%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-33-lg {
|
|
|
|
flex: 33 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-32-lg {
|
|
|
|
flex: 0 0 53.33333333%;
|
|
|
|
max-width: 53.33333333%;
|
|
|
|
min-width: 53.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-32-lg {
|
|
|
|
flex: 32 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-31-lg {
|
|
|
|
flex: 0 0 51.66666667%;
|
|
|
|
max-width: 51.66666667%;
|
|
|
|
min-width: 51.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-31-lg {
|
|
|
|
flex: 31 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-30-lg {
|
|
|
|
flex: 0 0 50%;
|
|
|
|
max-width: 50%;
|
|
|
|
min-width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-30-lg {
|
|
|
|
flex: 30 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-29-lg {
|
|
|
|
flex: 0 0 48.33333333%;
|
|
|
|
max-width: 48.33333333%;
|
|
|
|
min-width: 48.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-29-lg {
|
|
|
|
flex: 29 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-28-lg {
|
|
|
|
flex: 0 0 46.66666667%;
|
|
|
|
max-width: 46.66666667%;
|
|
|
|
min-width: 46.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-28-lg {
|
|
|
|
flex: 28 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-27-lg {
|
|
|
|
flex: 0 0 45%;
|
|
|
|
max-width: 45%;
|
|
|
|
min-width: 45%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-27-lg {
|
|
|
|
flex: 27 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-26-lg {
|
|
|
|
flex: 0 0 43.33333333%;
|
|
|
|
max-width: 43.33333333%;
|
|
|
|
min-width: 43.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-26-lg {
|
|
|
|
flex: 26 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-25-lg {
|
|
|
|
flex: 0 0 41.66666667%;
|
|
|
|
max-width: 41.66666667%;
|
|
|
|
min-width: 41.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-25-lg {
|
|
|
|
flex: 25 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-24-lg {
|
|
|
|
flex: 0 0 40%;
|
|
|
|
max-width: 40%;
|
|
|
|
min-width: 40%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-24-lg {
|
|
|
|
flex: 24 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-23-lg {
|
|
|
|
flex: 0 0 38.33333333%;
|
|
|
|
max-width: 38.33333333%;
|
|
|
|
min-width: 38.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-23-lg {
|
|
|
|
flex: 23 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-22-lg {
|
|
|
|
flex: 0 0 36.66666667%;
|
|
|
|
max-width: 36.66666667%;
|
|
|
|
min-width: 36.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-22-lg {
|
|
|
|
flex: 22 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-21-lg {
|
|
|
|
flex: 0 0 35%;
|
|
|
|
max-width: 35%;
|
|
|
|
min-width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-21-lg {
|
|
|
|
flex: 21 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-20-lg {
|
|
|
|
flex: 0 0 33.33333333%;
|
|
|
|
max-width: 33.33333333%;
|
|
|
|
min-width: 33.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-20-lg {
|
|
|
|
flex: 20 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-19-lg {
|
|
|
|
flex: 0 0 31.66666667%;
|
|
|
|
max-width: 31.66666667%;
|
|
|
|
min-width: 31.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-19-lg {
|
|
|
|
flex: 19 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-18-lg {
|
|
|
|
flex: 0 0 30%;
|
|
|
|
max-width: 30%;
|
|
|
|
min-width: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-18-lg {
|
|
|
|
flex: 18 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-17-lg {
|
|
|
|
flex: 0 0 28.33333333%;
|
|
|
|
max-width: 28.33333333%;
|
|
|
|
min-width: 28.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-17-lg {
|
|
|
|
flex: 17 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-16-lg {
|
|
|
|
flex: 0 0 26.66666667%;
|
|
|
|
max-width: 26.66666667%;
|
|
|
|
min-width: 26.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-16-lg {
|
|
|
|
flex: 16 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-15-lg {
|
|
|
|
flex: 0 0 25%;
|
|
|
|
max-width: 25%;
|
|
|
|
min-width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-15-lg {
|
|
|
|
flex: 15 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-14-lg {
|
|
|
|
flex: 0 0 23.33333333%;
|
|
|
|
max-width: 23.33333333%;
|
|
|
|
min-width: 23.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-14-lg {
|
|
|
|
flex: 14 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-13-lg {
|
|
|
|
flex: 0 0 21.66666667%;
|
|
|
|
max-width: 21.66666667%;
|
|
|
|
min-width: 21.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-13-lg {
|
|
|
|
flex: 13 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-12-lg {
|
|
|
|
flex: 0 0 20%;
|
|
|
|
max-width: 20%;
|
|
|
|
min-width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-12-lg {
|
|
|
|
flex: 12 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-11-lg {
|
|
|
|
flex: 0 0 18.33333333%;
|
|
|
|
max-width: 18.33333333%;
|
|
|
|
min-width: 18.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-11-lg {
|
|
|
|
flex: 11 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-10-lg {
|
|
|
|
flex: 0 0 16.66666667%;
|
|
|
|
max-width: 16.66666667%;
|
|
|
|
min-width: 16.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-10-lg {
|
|
|
|
flex: 10 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-9-lg {
|
|
|
|
flex: 0 0 15%;
|
|
|
|
max-width: 15%;
|
|
|
|
min-width: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-9-lg {
|
|
|
|
flex: 9 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-8-lg {
|
|
|
|
flex: 0 0 13.33333333%;
|
|
|
|
max-width: 13.33333333%;
|
|
|
|
min-width: 13.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-8-lg {
|
|
|
|
flex: 8 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-7-lg {
|
|
|
|
flex: 0 0 11.66666667%;
|
|
|
|
max-width: 11.66666667%;
|
|
|
|
min-width: 11.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-7-lg {
|
|
|
|
flex: 7 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-6-lg {
|
|
|
|
flex: 0 0 10%;
|
|
|
|
max-width: 10%;
|
|
|
|
min-width: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-6-lg {
|
|
|
|
flex: 6 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-5-lg {
|
|
|
|
flex: 0 0 8.33333333%;
|
|
|
|
max-width: 8.33333333%;
|
|
|
|
min-width: 8.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-5-lg {
|
|
|
|
flex: 5 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-4-lg {
|
|
|
|
flex: 0 0 6.66666667%;
|
|
|
|
max-width: 6.66666667%;
|
|
|
|
min-width: 6.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-4-lg {
|
|
|
|
flex: 4 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-3-lg {
|
|
|
|
flex: 0 0 5%;
|
|
|
|
max-width: 5%;
|
|
|
|
min-width: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-3-lg {
|
|
|
|
flex: 3 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-2-lg {
|
|
|
|
flex: 0 0 3.33333333%;
|
|
|
|
max-width: 3.33333333%;
|
|
|
|
min-width: 3.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-2-lg {
|
|
|
|
flex: 2 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-1-lg {
|
|
|
|
flex: 0 0 1.66666667%;
|
|
|
|
max-width: 1.66666667%;
|
|
|
|
min-width: 1.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-1-lg {
|
|
|
|
flex: 1 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-0-lg {
|
|
|
|
flex: 0 0 0%;
|
|
|
|
max-width: 0%;
|
|
|
|
min-width: 0%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-0-lg {
|
|
|
|
flex: 0 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-layout-row > .u-size-60-md {
|
|
|
|
flex: 0 0 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-60-md {
|
|
|
|
flex: 60 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-59-md {
|
|
|
|
flex: 0 0 98.33333333%;
|
|
|
|
max-width: 98.33333333%;
|
|
|
|
min-width: 98.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-59-md {
|
|
|
|
flex: 59 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-58-md {
|
|
|
|
flex: 0 0 96.66666667%;
|
|
|
|
max-width: 96.66666667%;
|
|
|
|
min-width: 96.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-58-md {
|
|
|
|
flex: 58 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-57-md {
|
|
|
|
flex: 0 0 95%;
|
|
|
|
max-width: 95%;
|
|
|
|
min-width: 95%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-57-md {
|
|
|
|
flex: 57 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-56-md {
|
|
|
|
flex: 0 0 93.33333333%;
|
|
|
|
max-width: 93.33333333%;
|
|
|
|
min-width: 93.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-56-md {
|
|
|
|
flex: 56 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-55-md {
|
|
|
|
flex: 0 0 91.66666667%;
|
|
|
|
max-width: 91.66666667%;
|
|
|
|
min-width: 91.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-55-md {
|
|
|
|
flex: 55 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-54-md {
|
|
|
|
flex: 0 0 90%;
|
|
|
|
max-width: 90%;
|
|
|
|
min-width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-54-md {
|
|
|
|
flex: 54 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-53-md {
|
|
|
|
flex: 0 0 88.33333333%;
|
|
|
|
max-width: 88.33333333%;
|
|
|
|
min-width: 88.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-53-md {
|
|
|
|
flex: 53 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-52-md {
|
|
|
|
flex: 0 0 86.66666667%;
|
|
|
|
max-width: 86.66666667%;
|
|
|
|
min-width: 86.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-52-md {
|
|
|
|
flex: 52 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-51-md {
|
|
|
|
flex: 0 0 85%;
|
|
|
|
max-width: 85%;
|
|
|
|
min-width: 85%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-51-md {
|
|
|
|
flex: 51 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-50-md {
|
|
|
|
flex: 0 0 83.33333333%;
|
|
|
|
max-width: 83.33333333%;
|
|
|
|
min-width: 83.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-50-md {
|
|
|
|
flex: 50 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-49-md {
|
|
|
|
flex: 0 0 81.66666667%;
|
|
|
|
max-width: 81.66666667%;
|
|
|
|
min-width: 81.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-49-md {
|
|
|
|
flex: 49 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-48-md {
|
|
|
|
flex: 0 0 80%;
|
|
|
|
max-width: 80%;
|
|
|
|
min-width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-48-md {
|
|
|
|
flex: 48 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-47-md {
|
|
|
|
flex: 0 0 78.33333333%;
|
|
|
|
max-width: 78.33333333%;
|
|
|
|
min-width: 78.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-47-md {
|
|
|
|
flex: 47 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-46-md {
|
|
|
|
flex: 0 0 76.66666667%;
|
|
|
|
max-width: 76.66666667%;
|
|
|
|
min-width: 76.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-46-md {
|
|
|
|
flex: 46 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-45-md {
|
|
|
|
flex: 0 0 75%;
|
|
|
|
max-width: 75%;
|
|
|
|
min-width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-45-md {
|
|
|
|
flex: 45 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-44-md {
|
|
|
|
flex: 0 0 73.33333333%;
|
|
|
|
max-width: 73.33333333%;
|
|
|
|
min-width: 73.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-44-md {
|
|
|
|
flex: 44 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-43-md {
|
|
|
|
flex: 0 0 71.66666667%;
|
|
|
|
max-width: 71.66666667%;
|
|
|
|
min-width: 71.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-43-md {
|
|
|
|
flex: 43 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-42-md {
|
|
|
|
flex: 0 0 70%;
|
|
|
|
max-width: 70%;
|
|
|
|
min-width: 70%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-42-md {
|
|
|
|
flex: 42 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-41-md {
|
|
|
|
flex: 0 0 68.33333333%;
|
|
|
|
max-width: 68.33333333%;
|
|
|
|
min-width: 68.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-41-md {
|
|
|
|
flex: 41 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-40-md {
|
|
|
|
flex: 0 0 66.66666667%;
|
|
|
|
max-width: 66.66666667%;
|
|
|
|
min-width: 66.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-40-md {
|
|
|
|
flex: 40 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-39-md {
|
|
|
|
flex: 0 0 65%;
|
|
|
|
max-width: 65%;
|
|
|
|
min-width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-39-md {
|
|
|
|
flex: 39 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-38-md {
|
|
|
|
flex: 0 0 63.33333333%;
|
|
|
|
max-width: 63.33333333%;
|
|
|
|
min-width: 63.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-38-md {
|
|
|
|
flex: 38 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-37-md {
|
|
|
|
flex: 0 0 61.66666667%;
|
|
|
|
max-width: 61.66666667%;
|
|
|
|
min-width: 61.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-37-md {
|
|
|
|
flex: 37 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-36-md {
|
|
|
|
flex: 0 0 60%;
|
|
|
|
max-width: 60%;
|
|
|
|
min-width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-36-md {
|
|
|
|
flex: 36 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-35-md {
|
|
|
|
flex: 0 0 58.33333333%;
|
|
|
|
max-width: 58.33333333%;
|
|
|
|
min-width: 58.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-35-md {
|
|
|
|
flex: 35 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-34-md {
|
|
|
|
flex: 0 0 56.66666667%;
|
|
|
|
max-width: 56.66666667%;
|
|
|
|
min-width: 56.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-34-md {
|
|
|
|
flex: 34 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-33-md {
|
|
|
|
flex: 0 0 55%;
|
|
|
|
max-width: 55%;
|
|
|
|
min-width: 55%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-33-md {
|
|
|
|
flex: 33 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-32-md {
|
|
|
|
flex: 0 0 53.33333333%;
|
|
|
|
max-width: 53.33333333%;
|
|
|
|
min-width: 53.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-32-md {
|
|
|
|
flex: 32 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-31-md {
|
|
|
|
flex: 0 0 51.66666667%;
|
|
|
|
max-width: 51.66666667%;
|
|
|
|
min-width: 51.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-31-md {
|
|
|
|
flex: 31 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-30-md {
|
|
|
|
flex: 0 0 50%;
|
|
|
|
max-width: 50%;
|
|
|
|
min-width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-30-md {
|
|
|
|
flex: 30 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-29-md {
|
|
|
|
flex: 0 0 48.33333333%;
|
|
|
|
max-width: 48.33333333%;
|
|
|
|
min-width: 48.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-29-md {
|
|
|
|
flex: 29 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-28-md {
|
|
|
|
flex: 0 0 46.66666667%;
|
|
|
|
max-width: 46.66666667%;
|
|
|
|
min-width: 46.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-28-md {
|
|
|
|
flex: 28 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-27-md {
|
|
|
|
flex: 0 0 45%;
|
|
|
|
max-width: 45%;
|
|
|
|
min-width: 45%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-27-md {
|
|
|
|
flex: 27 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-26-md {
|
|
|
|
flex: 0 0 43.33333333%;
|
|
|
|
max-width: 43.33333333%;
|
|
|
|
min-width: 43.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-26-md {
|
|
|
|
flex: 26 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-25-md {
|
|
|
|
flex: 0 0 41.66666667%;
|
|
|
|
max-width: 41.66666667%;
|
|
|
|
min-width: 41.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-25-md {
|
|
|
|
flex: 25 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-24-md {
|
|
|
|
flex: 0 0 40%;
|
|
|
|
max-width: 40%;
|
|
|
|
min-width: 40%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-24-md {
|
|
|
|
flex: 24 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-23-md {
|
|
|
|
flex: 0 0 38.33333333%;
|
|
|
|
max-width: 38.33333333%;
|
|
|
|
min-width: 38.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-23-md {
|
|
|
|
flex: 23 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-22-md {
|
|
|
|
flex: 0 0 36.66666667%;
|
|
|
|
max-width: 36.66666667%;
|
|
|
|
min-width: 36.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-22-md {
|
|
|
|
flex: 22 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-21-md {
|
|
|
|
flex: 0 0 35%;
|
|
|
|
max-width: 35%;
|
|
|
|
min-width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-21-md {
|
|
|
|
flex: 21 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-20-md {
|
|
|
|
flex: 0 0 33.33333333%;
|
|
|
|
max-width: 33.33333333%;
|
|
|
|
min-width: 33.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-20-md {
|
|
|
|
flex: 20 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-19-md {
|
|
|
|
flex: 0 0 31.66666667%;
|
|
|
|
max-width: 31.66666667%;
|
|
|
|
min-width: 31.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-19-md {
|
|
|
|
flex: 19 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-18-md {
|
|
|
|
flex: 0 0 30%;
|
|
|
|
max-width: 30%;
|
|
|
|
min-width: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-18-md {
|
|
|
|
flex: 18 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-17-md {
|
|
|
|
flex: 0 0 28.33333333%;
|
|
|
|
max-width: 28.33333333%;
|
|
|
|
min-width: 28.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-17-md {
|
|
|
|
flex: 17 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-16-md {
|
|
|
|
flex: 0 0 26.66666667%;
|
|
|
|
max-width: 26.66666667%;
|
|
|
|
min-width: 26.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-16-md {
|
|
|
|
flex: 16 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-15-md {
|
|
|
|
flex: 0 0 25%;
|
|
|
|
max-width: 25%;
|
|
|
|
min-width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-15-md {
|
|
|
|
flex: 15 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-14-md {
|
|
|
|
flex: 0 0 23.33333333%;
|
|
|
|
max-width: 23.33333333%;
|
|
|
|
min-width: 23.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-14-md {
|
|
|
|
flex: 14 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-13-md {
|
|
|
|
flex: 0 0 21.66666667%;
|
|
|
|
max-width: 21.66666667%;
|
|
|
|
min-width: 21.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-13-md {
|
|
|
|
flex: 13 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-12-md {
|
|
|
|
flex: 0 0 20%;
|
|
|
|
max-width: 20%;
|
|
|
|
min-width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-12-md {
|
|
|
|
flex: 12 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-11-md {
|
|
|
|
flex: 0 0 18.33333333%;
|
|
|
|
max-width: 18.33333333%;
|
|
|
|
min-width: 18.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-11-md {
|
|
|
|
flex: 11 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-10-md {
|
|
|
|
flex: 0 0 16.66666667%;
|
|
|
|
max-width: 16.66666667%;
|
|
|
|
min-width: 16.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-10-md {
|
|
|
|
flex: 10 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-9-md {
|
|
|
|
flex: 0 0 15%;
|
|
|
|
max-width: 15%;
|
|
|
|
min-width: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-9-md {
|
|
|
|
flex: 9 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-8-md {
|
|
|
|
flex: 0 0 13.33333333%;
|
|
|
|
max-width: 13.33333333%;
|
|
|
|
min-width: 13.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-8-md {
|
|
|
|
flex: 8 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-7-md {
|
|
|
|
flex: 0 0 11.66666667%;
|
|
|
|
max-width: 11.66666667%;
|
|
|
|
min-width: 11.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-7-md {
|
|
|
|
flex: 7 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-6-md {
|
|
|
|
flex: 0 0 10%;
|
|
|
|
max-width: 10%;
|
|
|
|
min-width: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-6-md {
|
|
|
|
flex: 6 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-5-md {
|
|
|
|
flex: 0 0 8.33333333%;
|
|
|
|
max-width: 8.33333333%;
|
|
|
|
min-width: 8.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-5-md {
|
|
|
|
flex: 5 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-4-md {
|
|
|
|
flex: 0 0 6.66666667%;
|
|
|
|
max-width: 6.66666667%;
|
|
|
|
min-width: 6.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-4-md {
|
|
|
|
flex: 4 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-3-md {
|
|
|
|
flex: 0 0 5%;
|
|
|
|
max-width: 5%;
|
|
|
|
min-width: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-3-md {
|
|
|
|
flex: 3 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-2-md {
|
|
|
|
flex: 0 0 3.33333333%;
|
|
|
|
max-width: 3.33333333%;
|
|
|
|
min-width: 3.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-2-md {
|
|
|
|
flex: 2 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-1-md {
|
|
|
|
flex: 0 0 1.66666667%;
|
|
|
|
max-width: 1.66666667%;
|
|
|
|
min-width: 1.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-1-md {
|
|
|
|
flex: 1 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-0-md {
|
|
|
|
flex: 0 0 0%;
|
|
|
|
max-width: 0%;
|
|
|
|
min-width: 0%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-0-md {
|
|
|
|
flex: 0 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-layout-row > .u-size-60-sm {
|
|
|
|
flex: 0 0 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-60-sm {
|
|
|
|
flex: 60 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-59-sm {
|
|
|
|
flex: 0 0 98.33333333%;
|
|
|
|
max-width: 98.33333333%;
|
|
|
|
min-width: 98.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-59-sm {
|
|
|
|
flex: 59 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-58-sm {
|
|
|
|
flex: 0 0 96.66666667%;
|
|
|
|
max-width: 96.66666667%;
|
|
|
|
min-width: 96.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-58-sm {
|
|
|
|
flex: 58 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-57-sm {
|
|
|
|
flex: 0 0 95%;
|
|
|
|
max-width: 95%;
|
|
|
|
min-width: 95%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-57-sm {
|
|
|
|
flex: 57 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-56-sm {
|
|
|
|
flex: 0 0 93.33333333%;
|
|
|
|
max-width: 93.33333333%;
|
|
|
|
min-width: 93.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-56-sm {
|
|
|
|
flex: 56 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-55-sm {
|
|
|
|
flex: 0 0 91.66666667%;
|
|
|
|
max-width: 91.66666667%;
|
|
|
|
min-width: 91.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-55-sm {
|
|
|
|
flex: 55 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-54-sm {
|
|
|
|
flex: 0 0 90%;
|
|
|
|
max-width: 90%;
|
|
|
|
min-width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-54-sm {
|
|
|
|
flex: 54 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-53-sm {
|
|
|
|
flex: 0 0 88.33333333%;
|
|
|
|
max-width: 88.33333333%;
|
|
|
|
min-width: 88.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-53-sm {
|
|
|
|
flex: 53 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-52-sm {
|
|
|
|
flex: 0 0 86.66666667%;
|
|
|
|
max-width: 86.66666667%;
|
|
|
|
min-width: 86.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-52-sm {
|
|
|
|
flex: 52 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-51-sm {
|
|
|
|
flex: 0 0 85%;
|
|
|
|
max-width: 85%;
|
|
|
|
min-width: 85%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-51-sm {
|
|
|
|
flex: 51 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-50-sm {
|
|
|
|
flex: 0 0 83.33333333%;
|
|
|
|
max-width: 83.33333333%;
|
|
|
|
min-width: 83.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-50-sm {
|
|
|
|
flex: 50 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-49-sm {
|
|
|
|
flex: 0 0 81.66666667%;
|
|
|
|
max-width: 81.66666667%;
|
|
|
|
min-width: 81.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-49-sm {
|
|
|
|
flex: 49 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-48-sm {
|
|
|
|
flex: 0 0 80%;
|
|
|
|
max-width: 80%;
|
|
|
|
min-width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-48-sm {
|
|
|
|
flex: 48 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-47-sm {
|
|
|
|
flex: 0 0 78.33333333%;
|
|
|
|
max-width: 78.33333333%;
|
|
|
|
min-width: 78.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-47-sm {
|
|
|
|
flex: 47 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-46-sm {
|
|
|
|
flex: 0 0 76.66666667%;
|
|
|
|
max-width: 76.66666667%;
|
|
|
|
min-width: 76.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-46-sm {
|
|
|
|
flex: 46 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-45-sm {
|
|
|
|
flex: 0 0 75%;
|
|
|
|
max-width: 75%;
|
|
|
|
min-width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-45-sm {
|
|
|
|
flex: 45 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-44-sm {
|
|
|
|
flex: 0 0 73.33333333%;
|
|
|
|
max-width: 73.33333333%;
|
|
|
|
min-width: 73.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-44-sm {
|
|
|
|
flex: 44 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-43-sm {
|
|
|
|
flex: 0 0 71.66666667%;
|
|
|
|
max-width: 71.66666667%;
|
|
|
|
min-width: 71.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-43-sm {
|
|
|
|
flex: 43 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-42-sm {
|
|
|
|
flex: 0 0 70%;
|
|
|
|
max-width: 70%;
|
|
|
|
min-width: 70%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-42-sm {
|
|
|
|
flex: 42 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-41-sm {
|
|
|
|
flex: 0 0 68.33333333%;
|
|
|
|
max-width: 68.33333333%;
|
|
|
|
min-width: 68.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-41-sm {
|
|
|
|
flex: 41 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-40-sm {
|
|
|
|
flex: 0 0 66.66666667%;
|
|
|
|
max-width: 66.66666667%;
|
|
|
|
min-width: 66.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-40-sm {
|
|
|
|
flex: 40 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-39-sm {
|
|
|
|
flex: 0 0 65%;
|
|
|
|
max-width: 65%;
|
|
|
|
min-width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-39-sm {
|
|
|
|
flex: 39 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-38-sm {
|
|
|
|
flex: 0 0 63.33333333%;
|
|
|
|
max-width: 63.33333333%;
|
|
|
|
min-width: 63.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-38-sm {
|
|
|
|
flex: 38 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-37-sm {
|
|
|
|
flex: 0 0 61.66666667%;
|
|
|
|
max-width: 61.66666667%;
|
|
|
|
min-width: 61.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-37-sm {
|
|
|
|
flex: 37 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-36-sm {
|
|
|
|
flex: 0 0 60%;
|
|
|
|
max-width: 60%;
|
|
|
|
min-width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-36-sm {
|
|
|
|
flex: 36 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-35-sm {
|
|
|
|
flex: 0 0 58.33333333%;
|
|
|
|
max-width: 58.33333333%;
|
|
|
|
min-width: 58.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-35-sm {
|
|
|
|
flex: 35 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-34-sm {
|
|
|
|
flex: 0 0 56.66666667%;
|
|
|
|
max-width: 56.66666667%;
|
|
|
|
min-width: 56.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-34-sm {
|
|
|
|
flex: 34 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-33-sm {
|
|
|
|
flex: 0 0 55%;
|
|
|
|
max-width: 55%;
|
|
|
|
min-width: 55%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-33-sm {
|
|
|
|
flex: 33 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-32-sm {
|
|
|
|
flex: 0 0 53.33333333%;
|
|
|
|
max-width: 53.33333333%;
|
|
|
|
min-width: 53.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-32-sm {
|
|
|
|
flex: 32 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-31-sm {
|
|
|
|
flex: 0 0 51.66666667%;
|
|
|
|
max-width: 51.66666667%;
|
|
|
|
min-width: 51.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-31-sm {
|
|
|
|
flex: 31 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-30-sm {
|
|
|
|
flex: 0 0 50%;
|
|
|
|
max-width: 50%;
|
|
|
|
min-width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-30-sm {
|
|
|
|
flex: 30 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-29-sm {
|
|
|
|
flex: 0 0 48.33333333%;
|
|
|
|
max-width: 48.33333333%;
|
|
|
|
min-width: 48.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-29-sm {
|
|
|
|
flex: 29 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-28-sm {
|
|
|
|
flex: 0 0 46.66666667%;
|
|
|
|
max-width: 46.66666667%;
|
|
|
|
min-width: 46.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-28-sm {
|
|
|
|
flex: 28 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-27-sm {
|
|
|
|
flex: 0 0 45%;
|
|
|
|
max-width: 45%;
|
|
|
|
min-width: 45%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-27-sm {
|
|
|
|
flex: 27 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-26-sm {
|
|
|
|
flex: 0 0 43.33333333%;
|
|
|
|
max-width: 43.33333333%;
|
|
|
|
min-width: 43.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-26-sm {
|
|
|
|
flex: 26 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-25-sm {
|
|
|
|
flex: 0 0 41.66666667%;
|
|
|
|
max-width: 41.66666667%;
|
|
|
|
min-width: 41.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-25-sm {
|
|
|
|
flex: 25 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-24-sm {
|
|
|
|
flex: 0 0 40%;
|
|
|
|
max-width: 40%;
|
|
|
|
min-width: 40%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-24-sm {
|
|
|
|
flex: 24 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-23-sm {
|
|
|
|
flex: 0 0 38.33333333%;
|
|
|
|
max-width: 38.33333333%;
|
|
|
|
min-width: 38.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-23-sm {
|
|
|
|
flex: 23 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-22-sm {
|
|
|
|
flex: 0 0 36.66666667%;
|
|
|
|
max-width: 36.66666667%;
|
|
|
|
min-width: 36.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-22-sm {
|
|
|
|
flex: 22 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-21-sm {
|
|
|
|
flex: 0 0 35%;
|
|
|
|
max-width: 35%;
|
|
|
|
min-width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-21-sm {
|
|
|
|
flex: 21 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-20-sm {
|
|
|
|
flex: 0 0 33.33333333%;
|
|
|
|
max-width: 33.33333333%;
|
|
|
|
min-width: 33.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-20-sm {
|
|
|
|
flex: 20 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-19-sm {
|
|
|
|
flex: 0 0 31.66666667%;
|
|
|
|
max-width: 31.66666667%;
|
|
|
|
min-width: 31.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-19-sm {
|
|
|
|
flex: 19 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-18-sm {
|
|
|
|
flex: 0 0 30%;
|
|
|
|
max-width: 30%;
|
|
|
|
min-width: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-18-sm {
|
|
|
|
flex: 18 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-17-sm {
|
|
|
|
flex: 0 0 28.33333333%;
|
|
|
|
max-width: 28.33333333%;
|
|
|
|
min-width: 28.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-17-sm {
|
|
|
|
flex: 17 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-16-sm {
|
|
|
|
flex: 0 0 26.66666667%;
|
|
|
|
max-width: 26.66666667%;
|
|
|
|
min-width: 26.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-16-sm {
|
|
|
|
flex: 16 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-15-sm {
|
|
|
|
flex: 0 0 25%;
|
|
|
|
max-width: 25%;
|
|
|
|
min-width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-15-sm {
|
|
|
|
flex: 15 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-14-sm {
|
|
|
|
flex: 0 0 23.33333333%;
|
|
|
|
max-width: 23.33333333%;
|
|
|
|
min-width: 23.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-14-sm {
|
|
|
|
flex: 14 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-13-sm {
|
|
|
|
flex: 0 0 21.66666667%;
|
|
|
|
max-width: 21.66666667%;
|
|
|
|
min-width: 21.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-13-sm {
|
|
|
|
flex: 13 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-12-sm {
|
|
|
|
flex: 0 0 20%;
|
|
|
|
max-width: 20%;
|
|
|
|
min-width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-12-sm {
|
|
|
|
flex: 12 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-11-sm {
|
|
|
|
flex: 0 0 18.33333333%;
|
|
|
|
max-width: 18.33333333%;
|
|
|
|
min-width: 18.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-11-sm {
|
|
|
|
flex: 11 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-10-sm {
|
|
|
|
flex: 0 0 16.66666667%;
|
|
|
|
max-width: 16.66666667%;
|
|
|
|
min-width: 16.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-10-sm {
|
|
|
|
flex: 10 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-9-sm {
|
|
|
|
flex: 0 0 15%;
|
|
|
|
max-width: 15%;
|
|
|
|
min-width: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-9-sm {
|
|
|
|
flex: 9 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-8-sm {
|
|
|
|
flex: 0 0 13.33333333%;
|
|
|
|
max-width: 13.33333333%;
|
|
|
|
min-width: 13.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-8-sm {
|
|
|
|
flex: 8 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-7-sm {
|
|
|
|
flex: 0 0 11.66666667%;
|
|
|
|
max-width: 11.66666667%;
|
|
|
|
min-width: 11.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-7-sm {
|
|
|
|
flex: 7 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-6-sm {
|
|
|
|
flex: 0 0 10%;
|
|
|
|
max-width: 10%;
|
|
|
|
min-width: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-6-sm {
|
|
|
|
flex: 6 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-5-sm {
|
|
|
|
flex: 0 0 8.33333333%;
|
|
|
|
max-width: 8.33333333%;
|
|
|
|
min-width: 8.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-5-sm {
|
|
|
|
flex: 5 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-4-sm {
|
|
|
|
flex: 0 0 6.66666667%;
|
|
|
|
max-width: 6.66666667%;
|
|
|
|
min-width: 6.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-4-sm {
|
|
|
|
flex: 4 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-3-sm {
|
|
|
|
flex: 0 0 5%;
|
|
|
|
max-width: 5%;
|
|
|
|
min-width: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-3-sm {
|
|
|
|
flex: 3 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-2-sm {
|
|
|
|
flex: 0 0 3.33333333%;
|
|
|
|
max-width: 3.33333333%;
|
|
|
|
min-width: 3.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-2-sm {
|
|
|
|
flex: 2 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-1-sm {
|
|
|
|
flex: 0 0 1.66666667%;
|
|
|
|
max-width: 1.66666667%;
|
|
|
|
min-width: 1.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-1-sm {
|
|
|
|
flex: 1 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-0-sm {
|
|
|
|
flex: 0 0 0%;
|
|
|
|
max-width: 0%;
|
|
|
|
min-width: 0%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-0-sm {
|
|
|
|
flex: 0 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-layout-row > .u-size-60-xs {
|
|
|
|
flex: 0 0 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
min-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-60-xs {
|
|
|
|
flex: 60 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-59-xs {
|
|
|
|
flex: 0 0 98.33333333%;
|
|
|
|
max-width: 98.33333333%;
|
|
|
|
min-width: 98.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-59-xs {
|
|
|
|
flex: 59 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-58-xs {
|
|
|
|
flex: 0 0 96.66666667%;
|
|
|
|
max-width: 96.66666667%;
|
|
|
|
min-width: 96.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-58-xs {
|
|
|
|
flex: 58 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-57-xs {
|
|
|
|
flex: 0 0 95%;
|
|
|
|
max-width: 95%;
|
|
|
|
min-width: 95%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-57-xs {
|
|
|
|
flex: 57 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-56-xs {
|
|
|
|
flex: 0 0 93.33333333%;
|
|
|
|
max-width: 93.33333333%;
|
|
|
|
min-width: 93.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-56-xs {
|
|
|
|
flex: 56 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-55-xs {
|
|
|
|
flex: 0 0 91.66666667%;
|
|
|
|
max-width: 91.66666667%;
|
|
|
|
min-width: 91.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-55-xs {
|
|
|
|
flex: 55 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-54-xs {
|
|
|
|
flex: 0 0 90%;
|
|
|
|
max-width: 90%;
|
|
|
|
min-width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-54-xs {
|
|
|
|
flex: 54 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-53-xs {
|
|
|
|
flex: 0 0 88.33333333%;
|
|
|
|
max-width: 88.33333333%;
|
|
|
|
min-width: 88.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-53-xs {
|
|
|
|
flex: 53 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-52-xs {
|
|
|
|
flex: 0 0 86.66666667%;
|
|
|
|
max-width: 86.66666667%;
|
|
|
|
min-width: 86.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-52-xs {
|
|
|
|
flex: 52 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-51-xs {
|
|
|
|
flex: 0 0 85%;
|
|
|
|
max-width: 85%;
|
|
|
|
min-width: 85%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-51-xs {
|
|
|
|
flex: 51 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-50-xs {
|
|
|
|
flex: 0 0 83.33333333%;
|
|
|
|
max-width: 83.33333333%;
|
|
|
|
min-width: 83.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-50-xs {
|
|
|
|
flex: 50 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-49-xs {
|
|
|
|
flex: 0 0 81.66666667%;
|
|
|
|
max-width: 81.66666667%;
|
|
|
|
min-width: 81.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-49-xs {
|
|
|
|
flex: 49 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-48-xs {
|
|
|
|
flex: 0 0 80%;
|
|
|
|
max-width: 80%;
|
|
|
|
min-width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-48-xs {
|
|
|
|
flex: 48 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-47-xs {
|
|
|
|
flex: 0 0 78.33333333%;
|
|
|
|
max-width: 78.33333333%;
|
|
|
|
min-width: 78.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-47-xs {
|
|
|
|
flex: 47 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-46-xs {
|
|
|
|
flex: 0 0 76.66666667%;
|
|
|
|
max-width: 76.66666667%;
|
|
|
|
min-width: 76.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-46-xs {
|
|
|
|
flex: 46 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-45-xs {
|
|
|
|
flex: 0 0 75%;
|
|
|
|
max-width: 75%;
|
|
|
|
min-width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-45-xs {
|
|
|
|
flex: 45 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-44-xs {
|
|
|
|
flex: 0 0 73.33333333%;
|
|
|
|
max-width: 73.33333333%;
|
|
|
|
min-width: 73.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-44-xs {
|
|
|
|
flex: 44 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-43-xs {
|
|
|
|
flex: 0 0 71.66666667%;
|
|
|
|
max-width: 71.66666667%;
|
|
|
|
min-width: 71.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-43-xs {
|
|
|
|
flex: 43 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-42-xs {
|
|
|
|
flex: 0 0 70%;
|
|
|
|
max-width: 70%;
|
|
|
|
min-width: 70%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-42-xs {
|
|
|
|
flex: 42 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-41-xs {
|
|
|
|
flex: 0 0 68.33333333%;
|
|
|
|
max-width: 68.33333333%;
|
|
|
|
min-width: 68.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-41-xs {
|
|
|
|
flex: 41 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-40-xs {
|
|
|
|
flex: 0 0 66.66666667%;
|
|
|
|
max-width: 66.66666667%;
|
|
|
|
min-width: 66.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-40-xs {
|
|
|
|
flex: 40 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-39-xs {
|
|
|
|
flex: 0 0 65%;
|
|
|
|
max-width: 65%;
|
|
|
|
min-width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-39-xs {
|
|
|
|
flex: 39 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-38-xs {
|
|
|
|
flex: 0 0 63.33333333%;
|
|
|
|
max-width: 63.33333333%;
|
|
|
|
min-width: 63.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-38-xs {
|
|
|
|
flex: 38 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-37-xs {
|
|
|
|
flex: 0 0 61.66666667%;
|
|
|
|
max-width: 61.66666667%;
|
|
|
|
min-width: 61.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-37-xs {
|
|
|
|
flex: 37 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-36-xs {
|
|
|
|
flex: 0 0 60%;
|
|
|
|
max-width: 60%;
|
|
|
|
min-width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-36-xs {
|
|
|
|
flex: 36 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-35-xs {
|
|
|
|
flex: 0 0 58.33333333%;
|
|
|
|
max-width: 58.33333333%;
|
|
|
|
min-width: 58.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-35-xs {
|
|
|
|
flex: 35 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-34-xs {
|
|
|
|
flex: 0 0 56.66666667%;
|
|
|
|
max-width: 56.66666667%;
|
|
|
|
min-width: 56.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-34-xs {
|
|
|
|
flex: 34 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-33-xs {
|
|
|
|
flex: 0 0 55%;
|
|
|
|
max-width: 55%;
|
|
|
|
min-width: 55%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-33-xs {
|
|
|
|
flex: 33 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-32-xs {
|
|
|
|
flex: 0 0 53.33333333%;
|
|
|
|
max-width: 53.33333333%;
|
|
|
|
min-width: 53.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-32-xs {
|
|
|
|
flex: 32 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-31-xs {
|
|
|
|
flex: 0 0 51.66666667%;
|
|
|
|
max-width: 51.66666667%;
|
|
|
|
min-width: 51.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-31-xs {
|
|
|
|
flex: 31 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-30-xs {
|
|
|
|
flex: 0 0 50%;
|
|
|
|
max-width: 50%;
|
|
|
|
min-width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-30-xs {
|
|
|
|
flex: 30 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-29-xs {
|
|
|
|
flex: 0 0 48.33333333%;
|
|
|
|
max-width: 48.33333333%;
|
|
|
|
min-width: 48.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-29-xs {
|
|
|
|
flex: 29 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-28-xs {
|
|
|
|
flex: 0 0 46.66666667%;
|
|
|
|
max-width: 46.66666667%;
|
|
|
|
min-width: 46.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-28-xs {
|
|
|
|
flex: 28 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-27-xs {
|
|
|
|
flex: 0 0 45%;
|
|
|
|
max-width: 45%;
|
|
|
|
min-width: 45%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-27-xs {
|
|
|
|
flex: 27 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-26-xs {
|
|
|
|
flex: 0 0 43.33333333%;
|
|
|
|
max-width: 43.33333333%;
|
|
|
|
min-width: 43.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-26-xs {
|
|
|
|
flex: 26 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-25-xs {
|
|
|
|
flex: 0 0 41.66666667%;
|
|
|
|
max-width: 41.66666667%;
|
|
|
|
min-width: 41.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-25-xs {
|
|
|
|
flex: 25 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-24-xs {
|
|
|
|
flex: 0 0 40%;
|
|
|
|
max-width: 40%;
|
|
|
|
min-width: 40%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-24-xs {
|
|
|
|
flex: 24 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-23-xs {
|
|
|
|
flex: 0 0 38.33333333%;
|
|
|
|
max-width: 38.33333333%;
|
|
|
|
min-width: 38.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-23-xs {
|
|
|
|
flex: 23 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-22-xs {
|
|
|
|
flex: 0 0 36.66666667%;
|
|
|
|
max-width: 36.66666667%;
|
|
|
|
min-width: 36.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-22-xs {
|
|
|
|
flex: 22 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-21-xs {
|
|
|
|
flex: 0 0 35%;
|
|
|
|
max-width: 35%;
|
|
|
|
min-width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-21-xs {
|
|
|
|
flex: 21 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-20-xs {
|
|
|
|
flex: 0 0 33.33333333%;
|
|
|
|
max-width: 33.33333333%;
|
|
|
|
min-width: 33.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-20-xs {
|
|
|
|
flex: 20 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-19-xs {
|
|
|
|
flex: 0 0 31.66666667%;
|
|
|
|
max-width: 31.66666667%;
|
|
|
|
min-width: 31.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-19-xs {
|
|
|
|
flex: 19 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-18-xs {
|
|
|
|
flex: 0 0 30%;
|
|
|
|
max-width: 30%;
|
|
|
|
min-width: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-18-xs {
|
|
|
|
flex: 18 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-17-xs {
|
|
|
|
flex: 0 0 28.33333333%;
|
|
|
|
max-width: 28.33333333%;
|
|
|
|
min-width: 28.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-17-xs {
|
|
|
|
flex: 17 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-16-xs {
|
|
|
|
flex: 0 0 26.66666667%;
|
|
|
|
max-width: 26.66666667%;
|
|
|
|
min-width: 26.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-16-xs {
|
|
|
|
flex: 16 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-15-xs {
|
|
|
|
flex: 0 0 25%;
|
|
|
|
max-width: 25%;
|
|
|
|
min-width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-15-xs {
|
|
|
|
flex: 15 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-14-xs {
|
|
|
|
flex: 0 0 23.33333333%;
|
|
|
|
max-width: 23.33333333%;
|
|
|
|
min-width: 23.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-14-xs {
|
|
|
|
flex: 14 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-13-xs {
|
|
|
|
flex: 0 0 21.66666667%;
|
|
|
|
max-width: 21.66666667%;
|
|
|
|
min-width: 21.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-13-xs {
|
|
|
|
flex: 13 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-12-xs {
|
|
|
|
flex: 0 0 20%;
|
|
|
|
max-width: 20%;
|
|
|
|
min-width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-12-xs {
|
|
|
|
flex: 12 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-11-xs {
|
|
|
|
flex: 0 0 18.33333333%;
|
|
|
|
max-width: 18.33333333%;
|
|
|
|
min-width: 18.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-11-xs {
|
|
|
|
flex: 11 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-10-xs {
|
|
|
|
flex: 0 0 16.66666667%;
|
|
|
|
max-width: 16.66666667%;
|
|
|
|
min-width: 16.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-10-xs {
|
|
|
|
flex: 10 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-9-xs {
|
|
|
|
flex: 0 0 15%;
|
|
|
|
max-width: 15%;
|
|
|
|
min-width: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-9-xs {
|
|
|
|
flex: 9 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-8-xs {
|
|
|
|
flex: 0 0 13.33333333%;
|
|
|
|
max-width: 13.33333333%;
|
|
|
|
min-width: 13.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-8-xs {
|
|
|
|
flex: 8 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-7-xs {
|
|
|
|
flex: 0 0 11.66666667%;
|
|
|
|
max-width: 11.66666667%;
|
|
|
|
min-width: 11.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-7-xs {
|
|
|
|
flex: 7 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-6-xs {
|
|
|
|
flex: 0 0 10%;
|
|
|
|
max-width: 10%;
|
|
|
|
min-width: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-6-xs {
|
|
|
|
flex: 6 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-5-xs {
|
|
|
|
flex: 0 0 8.33333333%;
|
|
|
|
max-width: 8.33333333%;
|
|
|
|
min-width: 8.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-5-xs {
|
|
|
|
flex: 5 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-4-xs {
|
|
|
|
flex: 0 0 6.66666667%;
|
|
|
|
max-width: 6.66666667%;
|
|
|
|
min-width: 6.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-4-xs {
|
|
|
|
flex: 4 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-3-xs {
|
|
|
|
flex: 0 0 5%;
|
|
|
|
max-width: 5%;
|
|
|
|
min-width: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-3-xs {
|
|
|
|
flex: 3 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-2-xs {
|
|
|
|
flex: 0 0 3.33333333%;
|
|
|
|
max-width: 3.33333333%;
|
|
|
|
min-width: 3.33333333%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-2-xs {
|
|
|
|
flex: 2 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-1-xs {
|
|
|
|
flex: 0 0 1.66666667%;
|
|
|
|
max-width: 1.66666667%;
|
|
|
|
min-width: 1.66666667%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-1-xs {
|
|
|
|
flex: 1 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > .u-size-0-xs {
|
|
|
|
flex: 0 0 0%;
|
|
|
|
max-width: 0%;
|
|
|
|
min-width: 0%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > .u-size-0-xs {
|
|
|
|
flex: 0 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-100 .u-layout {
|
|
|
|
margin: -50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-100 .u-layout .u-layout-cell {
|
|
|
|
border: 50px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-98 .u-layout {
|
|
|
|
margin: -49px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-98 .u-layout .u-layout-cell {
|
|
|
|
border: 49px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-96 .u-layout {
|
|
|
|
margin: -48px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-96 .u-layout .u-layout-cell {
|
|
|
|
border: 48px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-94 .u-layout {
|
|
|
|
margin: -47px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-94 .u-layout .u-layout-cell {
|
|
|
|
border: 47px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-92 .u-layout {
|
|
|
|
margin: -46px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-92 .u-layout .u-layout-cell {
|
|
|
|
border: 46px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-90 .u-layout {
|
|
|
|
margin: -45px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-90 .u-layout .u-layout-cell {
|
|
|
|
border: 45px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-88 .u-layout {
|
|
|
|
margin: -44px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-88 .u-layout .u-layout-cell {
|
|
|
|
border: 44px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-86 .u-layout {
|
|
|
|
margin: -43px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-86 .u-layout .u-layout-cell {
|
|
|
|
border: 43px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-84 .u-layout {
|
|
|
|
margin: -42px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-84 .u-layout .u-layout-cell {
|
|
|
|
border: 42px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-82 .u-layout {
|
|
|
|
margin: -41px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-82 .u-layout .u-layout-cell {
|
|
|
|
border: 41px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-80 .u-layout {
|
|
|
|
margin: -40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-80 .u-layout .u-layout-cell {
|
|
|
|
border: 40px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-78 .u-layout {
|
|
|
|
margin: -39px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-78 .u-layout .u-layout-cell {
|
|
|
|
border: 39px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-76 .u-layout {
|
|
|
|
margin: -38px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-76 .u-layout .u-layout-cell {
|
|
|
|
border: 38px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-74 .u-layout {
|
|
|
|
margin: -37px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-74 .u-layout .u-layout-cell {
|
|
|
|
border: 37px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-72 .u-layout {
|
|
|
|
margin: -36px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-72 .u-layout .u-layout-cell {
|
|
|
|
border: 36px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-70 .u-layout {
|
|
|
|
margin: -35px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-70 .u-layout .u-layout-cell {
|
|
|
|
border: 35px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-68 .u-layout {
|
|
|
|
margin: -34px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-68 .u-layout .u-layout-cell {
|
|
|
|
border: 34px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-66 .u-layout {
|
|
|
|
margin: -33px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-66 .u-layout .u-layout-cell {
|
|
|
|
border: 33px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-64 .u-layout {
|
|
|
|
margin: -32px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-64 .u-layout .u-layout-cell {
|
|
|
|
border: 32px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-62 .u-layout {
|
|
|
|
margin: -31px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-62 .u-layout .u-layout-cell {
|
|
|
|
border: 31px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-60 .u-layout {
|
|
|
|
margin: -30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-60 .u-layout .u-layout-cell {
|
|
|
|
border: 30px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-58 .u-layout {
|
|
|
|
margin: -29px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-58 .u-layout .u-layout-cell {
|
|
|
|
border: 29px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-56 .u-layout {
|
|
|
|
margin: -28px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-56 .u-layout .u-layout-cell {
|
|
|
|
border: 28px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-54 .u-layout {
|
|
|
|
margin: -27px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-54 .u-layout .u-layout-cell {
|
|
|
|
border: 27px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-52 .u-layout {
|
|
|
|
margin: -26px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-52 .u-layout .u-layout-cell {
|
|
|
|
border: 26px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-50 .u-layout {
|
|
|
|
margin: -25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-50 .u-layout .u-layout-cell {
|
|
|
|
border: 25px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-48 .u-layout {
|
|
|
|
margin: -24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-48 .u-layout .u-layout-cell {
|
|
|
|
border: 24px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-46 .u-layout {
|
|
|
|
margin: -23px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-46 .u-layout .u-layout-cell {
|
|
|
|
border: 23px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-44 .u-layout {
|
|
|
|
margin: -22px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-44 .u-layout .u-layout-cell {
|
|
|
|
border: 22px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-42 .u-layout {
|
|
|
|
margin: -21px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-42 .u-layout .u-layout-cell {
|
|
|
|
border: 21px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-40 .u-layout {
|
|
|
|
margin: -20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-40 .u-layout .u-layout-cell {
|
|
|
|
border: 20px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-38 .u-layout {
|
|
|
|
margin: -19px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-38 .u-layout .u-layout-cell {
|
|
|
|
border: 19px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-36 .u-layout {
|
|
|
|
margin: -18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-36 .u-layout .u-layout-cell {
|
|
|
|
border: 18px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-34 .u-layout {
|
|
|
|
margin: -17px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-34 .u-layout .u-layout-cell {
|
|
|
|
border: 17px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-32 .u-layout {
|
|
|
|
margin: -16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-32 .u-layout .u-layout-cell {
|
|
|
|
border: 16px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-30 .u-layout {
|
|
|
|
margin: -15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-30 .u-layout .u-layout-cell {
|
|
|
|
border: 15px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-28 .u-layout {
|
|
|
|
margin: -14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-28 .u-layout .u-layout-cell {
|
|
|
|
border: 14px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-26 .u-layout {
|
|
|
|
margin: -13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-26 .u-layout .u-layout-cell {
|
|
|
|
border: 13px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-24 .u-layout {
|
|
|
|
margin: -12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-24 .u-layout .u-layout-cell {
|
|
|
|
border: 12px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-22 .u-layout {
|
|
|
|
margin: -11px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-22 .u-layout .u-layout-cell {
|
|
|
|
border: 11px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-20 .u-layout {
|
|
|
|
margin: -10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-20 .u-layout .u-layout-cell {
|
|
|
|
border: 10px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-18 .u-layout {
|
|
|
|
margin: -9px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-18 .u-layout .u-layout-cell {
|
|
|
|
border: 9px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-16 .u-layout {
|
|
|
|
margin: -8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-16 .u-layout .u-layout-cell {
|
|
|
|
border: 8px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-14 .u-layout {
|
|
|
|
margin: -7px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-14 .u-layout .u-layout-cell {
|
|
|
|
border: 7px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-12 .u-layout {
|
|
|
|
margin: -6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-12 .u-layout .u-layout-cell {
|
|
|
|
border: 6px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-10 .u-layout {
|
|
|
|
margin: -5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-10 .u-layout .u-layout-cell {
|
|
|
|
border: 5px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-8 .u-layout {
|
|
|
|
margin: -4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-8 .u-layout .u-layout-cell {
|
|
|
|
border: 4px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-6 .u-layout {
|
|
|
|
margin: -3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-6 .u-layout .u-layout-cell {
|
|
|
|
border: 3px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-4 .u-layout {
|
|
|
|
margin: -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-4 .u-layout .u-layout-cell {
|
|
|
|
border: 2px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-2 .u-layout {
|
|
|
|
margin: -1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-2 .u-layout .u-layout-cell {
|
|
|
|
border: 1px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-0 .u-layout {
|
|
|
|
margin: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-gutter-0 .u-layout .u-layout-cell {
|
|
|
|
border: 0px solid transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
|
|
.u-layout-col > * {
|
|
|
|
flex-basis: auto !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col,.u-layout-row,.u-layout-col > *,.u-layout-row > * {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col,.u-layout-row {
|
|
|
|
flex: 1 1 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row > * {
|
|
|
|
max-height: 100%;
|
|
|
|
min-height: -webkit-fit-content;
|
|
|
|
min-height: fit-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col > * {
|
|
|
|
min-height: -webkit-fit-content;
|
|
|
|
min-height: fit-content;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-col {
|
|
|
|
flex-direction: column;
|
|
|
|
min-height: -webkit-fit-content;
|
|
|
|
min-height: fit-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-row {
|
|
|
|
flex-direction: row;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
min-height: -webkit-fit-content;
|
|
|
|
min-height: fit-content;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-cell {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
background-clip: padding-box;
|
|
|
|
background-origin: padding-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports (position: sticky) {
|
|
|
|
.u-header.u-sticky {
|
|
|
|
position: sticky;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports (position: -webkit-sticky) {
|
|
|
|
.u-header.u-sticky {
|
|
|
|
position: -webkit-sticky;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-sheet.u-content-layout {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 991px) {
|
|
|
|
.u-sheet.u-content-layout {
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-block:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-content {
|
|
|
|
flex: 1 1 auto;
|
|
|
|
height: auto !important;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-line.u-line-horizontal {
|
|
|
|
border-right-width: 0;
|
|
|
|
border-left-width: 0;
|
|
|
|
border-bottom-width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-icon {
|
|
|
|
display: block;
|
|
|
|
line-height: 0;
|
|
|
|
border-width: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-file-icon img {
|
|
|
|
object-fit: contain;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-container {
|
|
|
|
fill: transparent;
|
|
|
|
stroke: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
html {
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-body {
|
|
|
|
font-size: 1rem;
|
|
|
|
line-height: 1.6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-body h1,.u-body h2,.u-body h3,.u-body h4,.u-body h5,.u-body h6 {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
line-height: 1.2;
|
|
|
|
font-weight: 500;
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
font-size: 2.25rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-size: 1.5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
font-size: 1.25rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
font-size: 1.25rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
font-size: 1.125rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
font-size: 1.125rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin-top: 0;
|
|
|
|
padding: 0;
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-align-left {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-align-left-xl {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-align-left-lg {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-align-left-md {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-align-left-sm {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-align-left-xs {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-align-center {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-align-center-xl {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-align-center-lg {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-align-center-md {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-align-center-sm {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-align-center-xs {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-align-right {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.u-xl-mode .u-align-right-xl {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.u-align-right-lg {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.u-align-right-md {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 767px) {
|
|
|
|
.u-align-right-sm {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-align-right-xs {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-container-style:not([class*="u-align-"]) {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text {
|
|
|
|
word-wrap: break-word;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
[class*="u-custom-color-"].u-body,[class*="u-palette-"].u-body,[class*="u-gray-"].u-body,.u-white.u-body,.u-black.u-body {
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style[class*="u-custom-color-"],.u-button-style[class*="u-palette-"],.u-button-style[class*="u-gray-"],.u-button-style.u-white,.u-button-style.u-black {
|
|
|
|
border-width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*begin-commonstyles photoswipe*/
|
|
|
|
|
|
|
|
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
|
|
|
|
|
|
|
/*
|
|
|
|
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* pswp = photoswipe */
|
|
|
|
|
|
|
|
/* style is added when JS option showHideOpacity is set to true */
|
|
|
|
|
|
|
|
/*
|
|
|
|
Background is added as a separate element.
|
|
|
|
As animating opacity is much faster than animating rgba() background-color.
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* Prevent selection and tap highlights */
|
|
|
|
|
|
|
|
/*
|
|
|
|
stretched thumbnail or div placeholder element (see below)
|
|
|
|
style is added to avoid flickering in webkit/blink when layers overlap
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*
|
|
|
|
div element that matches size of large image
|
|
|
|
large image loads on top of it
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*
|
|
|
|
Error message appears when image is not loaded
|
|
|
|
(JS option errorMsg controls markup)
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* previews */
|
|
|
|
|
|
|
|
/* end previews */
|
|
|
|
|
|
|
|
/*end-commonstyles photoswipe*/
|
|
|
|
|
|
|
|
/*begin-commonstyles photoswipe-default*/
|
|
|
|
|
|
|
|
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
Contents:
|
|
|
|
|
|
|
|
1. Buttons
|
|
|
|
2. Share modal and links
|
|
|
|
3. Index indicator ("1 of X" counter)
|
|
|
|
4. Caption
|
|
|
|
5. Loading indicator
|
|
|
|
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
1. Buttons
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* <button> css reset */
|
|
|
|
|
|
|
|
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
|
|
|
|
|
|
|
|
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
|
|
|
|
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
|
|
|
|
}
|
|
|
|
|
|
|
|
/* no arrows on touch screens */
|
|
|
|
|
|
|
|
/*
|
|
|
|
Arrow buttons hit area
|
|
|
|
(icon is added to :before pseudo-element)
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
2. Share modal/popup and links
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* increase size of share links on touch devices */
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
3. Index indicator ("1 of X" counter)
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
4. Caption
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* Fake caption element, used to calculate height of next/prev image */
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
5. Loading indicator (preloader)
|
|
|
|
|
|
|
|
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
@keyframes clockwise {
|
|
|
|
0% {
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
transform: rotate(360deg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes donut-rotate {
|
|
|
|
0% {
|
|
|
|
transform: rotate(0);
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
transform: rotate(-140deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
transform: rotate(0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
6. Additional styles
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* root element of UI */
|
|
|
|
|
|
|
|
/* top black bar with buttons and "1 of X" indicator */
|
|
|
|
|
|
|
|
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
|
|
|
|
|
|
|
|
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
|
|
|
|
|
|
|
|
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
|
|
|
|
|
|
|
|
/*
|
|
|
|
pswp__ui--hidden class is added when controls are hidden
|
|
|
|
e.g. when user taps to toggle visibility of controls
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* pswp__ui--one-slide class is added when there is just one item in gallery */
|
|
|
|
|
|
|
|
/*end-commonstyles photoswipe-default*/
|
|
|
|
|
|
|
|
/*!
|
|
|
|
* animate.css -http://daneden.me/animate
|
|
|
|
* Version - 3.7.0
|
|
|
|
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
|
|
*
|
|
|
|
* Copyright (c) 2018 Daniel Eden
|
|
|
|
*/
|
|
|
|
|
|
|
|
.u-body {
|
|
|
|
--animation-fade_in-opacity: 0;
|
|
|
|
--animation-fade_in_up-opacity: 0;
|
|
|
|
--animation-fade_in_left-opacity: 0;
|
|
|
|
--animation-fade_in_right-opacity: 0;
|
|
|
|
--animation-fade_in_down-opacity: 0;
|
|
|
|
--animation-fade_in_up_big-opacity: 0;
|
|
|
|
--animation-fade_in_left_big-opacity: 0;
|
|
|
|
--animation-fade_in_right_big-opacity: 0;
|
|
|
|
--animation-fade_in_down_big-opacity: 0;
|
|
|
|
--animation-fade_out-opacity: 0;
|
|
|
|
--animation-fade_out_up-opacity: 0;
|
|
|
|
--animation-fade_out_left-opacity: 0;
|
|
|
|
--animation-fade_out_right-opacity: 0;
|
|
|
|
--animation-fade_out_down-opacity: 0;
|
|
|
|
--animation-fade_out_up_big-opacity: 0;
|
|
|
|
--animation-fade_out_left_big-opacity: 0;
|
|
|
|
--animation-fade_out_right_big-opacity: 0;
|
|
|
|
--animation-fade_out_down_big-opacity: 0;
|
|
|
|
--animation-rotate_in-rotate: -200deg;
|
|
|
|
--animation-rotate_in_down_left-rotate: -45deg;
|
|
|
|
--animation-rotate_in_down_right-rotate: 45deg;
|
|
|
|
--animation-rotate_in_up_left-rotate: 45deg;
|
|
|
|
--animation-rotate_in_up_right-rotate: -90deg;
|
|
|
|
--animation-rotate_out-rotate: 200deg;
|
|
|
|
--animation-rotate_out_down_left-rotate: 45deg;
|
|
|
|
--animation-rotate_out_down_right-rotate: -45deg;
|
|
|
|
--animation-rotate_out_up_left-rotate: -45deg;
|
|
|
|
--animation-rotate_out_up_right-rotate: 90deg;
|
|
|
|
--animation-roll_in-rotate: -120deg;
|
|
|
|
--animation-roll_in-translate_x: -100%;
|
|
|
|
--animation-roll_out-rotate: 120deg;
|
|
|
|
--animation-roll_out-translate_x: 100%;
|
|
|
|
--animation-zoom_in-scale: 0.3;
|
|
|
|
--animation-zoom_in_down-scale: 0.475;
|
|
|
|
--animation-zoom_in_down-translate_y: 60px;
|
|
|
|
--animation-zoom_in_up-scale: 0.475;
|
|
|
|
--animation-zoom_in_up-translate_y: -60px;
|
|
|
|
--animation-zoom_in_left-scale: 0.475;
|
|
|
|
--animation-zoom_in_left-translate_x: 10px;
|
|
|
|
--animation-zoom_in_right-scale: 0.475;
|
|
|
|
--animation-zoom_in_right-translate_x: -10px;
|
|
|
|
--animation-zoom_out-scale: 0.3;
|
|
|
|
--animation-zoom_out_down-scale: 0.475;
|
|
|
|
--animation-zoom_out_down-translate_y: -60px;
|
|
|
|
--animation-zoom_out_up-scale: 0.475;
|
|
|
|
--animation-zoom_out_up-translate_y: 60px;
|
|
|
|
--animation-zoom_out_left-scale: 0.475;
|
|
|
|
--animation-zoom_out_left-translate_x: 42px;
|
|
|
|
--animation-zoom_out_right-scale: 0.475;
|
|
|
|
--animation-zoom_out_right-translate_x: -42px;
|
|
|
|
--animation-slide_in_down-translate_y: -100%;
|
|
|
|
--animation-slide_in_up-translate_y: 100%;
|
|
|
|
--animation-slide_in_left-translate_x: -100%;
|
|
|
|
--animation-slide_in_right-translate_x: 100%;
|
|
|
|
--animation-slide_out_down-translate_y: 100%;
|
|
|
|
--animation-slide_out_up-translate_y: -100%;
|
|
|
|
--animation-slide_out_left-translate_x: -100%;
|
|
|
|
--animation-slide_out_right-translate_x: 100%;
|
|
|
|
--animation-custom_in-translate_x: 0px;
|
|
|
|
--animation-custom_in-translate_y: 0px;
|
|
|
|
--animation-custom_in-scale: 1;
|
|
|
|
--animation-custom_in-rotate: 0deg;
|
|
|
|
--animation-custom_in-opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounce {
|
|
|
|
from, 20%, 53%, 80%, to {
|
|
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
40%, 43% {
|
|
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
|
transform: translate3d(0, -30px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
70% {
|
|
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
|
|
transform: translate3d(0, -15px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
90% {
|
|
|
|
transform: translate3d(0, -4px, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes flash {
|
|
|
|
from, 50%, to {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
25%, 75% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
|
|
|
|
|
|
|
@keyframes pulse {
|
|
|
|
from {
|
|
|
|
transform: scale3d(1, 1, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
transform: scale3d(1.05, 1.05, 1.05);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: scale3d(1, 1, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rubberBand {
|
|
|
|
from {
|
|
|
|
transform: scale3d(1, 1, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
30% {
|
|
|
|
transform: scale3d(1.25, 0.75, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
transform: scale3d(0.75, 1.25, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
transform: scale3d(1.15, 0.85, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
65% {
|
|
|
|
transform: scale3d(0.95, 1.05, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
75% {
|
|
|
|
transform: scale3d(1.05, 0.95, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: scale3d(1, 1, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes shake {
|
|
|
|
from, to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
10%, 30%, 50%, 70%, 90% {
|
|
|
|
transform: translate3d(-10px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
20%, 40%, 60%, 80% {
|
|
|
|
transform: translate3d(10px, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes headShake {
|
|
|
|
0% {
|
|
|
|
transform: translateX(0);
|
|
|
|
}
|
|
|
|
|
|
|
|
6.5% {
|
|
|
|
transform: translateX(-6px) rotateY(-9deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
18.5% {
|
|
|
|
transform: translateX(5px) rotateY(7deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
31.5% {
|
|
|
|
transform: translateX(-3px) rotateY(-5deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
43.5% {
|
|
|
|
transform: translateX(2px) rotateY(3deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
transform: translateX(0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes swing {
|
|
|
|
20% {
|
|
|
|
transform: rotate3d(0, 0, 1, 15deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
transform: rotate3d(0, 0, 1, -10deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
transform: rotate3d(0, 0, 1, 5deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
80% {
|
|
|
|
transform: rotate3d(0, 0, 1, -5deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: rotate3d(0, 0, 1, 0deg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes tada {
|
|
|
|
from {
|
|
|
|
transform: scale3d(1, 1, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
10%, 20% {
|
|
|
|
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
30%, 50%, 70%, 90% {
|
|
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
40%, 60%, 80% {
|
|
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: scale3d(1, 1, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
|
|
|
|
|
|
|
@keyframes wobble {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
15% {
|
|
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
30% {
|
|
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
45% {
|
|
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
75% {
|
|
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes jello {
|
|
|
|
from, 11.1%, to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
22.2% {
|
|
|
|
transform: skewX(-12.5deg) skewY(-12.5deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
33.3% {
|
|
|
|
transform: skewX(6.25deg) skewY(6.25deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
44.4% {
|
|
|
|
transform: skewX(-3.125deg) skewY(-3.125deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
55.5% {
|
|
|
|
transform: skewX(1.5625deg) skewY(1.5625deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
66.6% {
|
|
|
|
transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
77.7% {
|
|
|
|
transform: skewX(0.390625deg) skewY(0.390625deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
88.8% {
|
|
|
|
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes heartBeat {
|
|
|
|
0% {
|
|
|
|
transform: scale(1);
|
|
|
|
}
|
|
|
|
|
|
|
|
14% {
|
|
|
|
transform: scale(1.3);
|
|
|
|
}
|
|
|
|
|
|
|
|
28% {
|
|
|
|
transform: scale(1);
|
|
|
|
}
|
|
|
|
|
|
|
|
42% {
|
|
|
|
transform: scale(1.3);
|
|
|
|
}
|
|
|
|
|
|
|
|
70% {
|
|
|
|
transform: scale(1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceIn {
|
|
|
|
from, 20%, 40%, 60%, 80%, to {
|
|
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
0% {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
|
|
}
|
|
|
|
|
|
|
|
20% {
|
|
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
transform: scale3d(0.9, 0.9, 0.9);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(1.03, 1.03, 1.03);
|
|
|
|
}
|
|
|
|
|
|
|
|
80% {
|
|
|
|
transform: scale3d(0.97, 0.97, 0.97);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(1, 1, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceInDown {
|
|
|
|
from, 60%, 75%, 90%, to {
|
|
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
0% {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(0, -3000px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 25px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
75% {
|
|
|
|
transform: translate3d(0, -10px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
90% {
|
|
|
|
transform: translate3d(0, 5px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceInLeft {
|
|
|
|
from, 60%, 75%, 90%, to {
|
|
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
0% {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(-3000px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(25px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
75% {
|
|
|
|
transform: translate3d(-10px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
90% {
|
|
|
|
transform: translate3d(5px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceInRight {
|
|
|
|
from, 60%, 75%, 90%, to {
|
|
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(3000px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(-25px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
75% {
|
|
|
|
transform: translate3d(10px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
90% {
|
|
|
|
transform: translate3d(-5px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceInUp {
|
|
|
|
from, 60%, 75%, 90%, to {
|
|
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(0, 3000px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, -20px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
75% {
|
|
|
|
transform: translate3d(0, 10px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
90% {
|
|
|
|
transform: translate3d(0, -5px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceOut {
|
|
|
|
20% {
|
|
|
|
transform: scale3d(0.9, 0.9, 0.9);
|
|
|
|
}
|
|
|
|
|
|
|
|
50%, 55% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceOutDown {
|
|
|
|
20% {
|
|
|
|
transform: translate3d(0, 10px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
40%, 45% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, -20px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(0, 2000px, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceOutLeft {
|
|
|
|
20% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(20px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(-2000px, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceOutRight {
|
|
|
|
20% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(-20px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(2000px, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes bounceOutUp {
|
|
|
|
20% {
|
|
|
|
transform: translate3d(0, -10px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
40%, 45% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 20px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(0, -2000px, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeIn {
|
|
|
|
from {
|
|
|
|
opacity: var(--animation-fade_in-opacity);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeInDown {
|
|
|
|
from {
|
|
|
|
opacity: var(--animation-fade_in_down-opacity);
|
|
|
|
transform: translate3d(0, -100%, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeInDownBig {
|
|
|
|
from {
|
|
|
|
opacity: var(--animation-fade_in_down_big-opacity);
|
|
|
|
transform: translate3d(0, -2000px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeInLeft {
|
|
|
|
from {
|
|
|
|
opacity: var(--animation-fade_in_left-opacity);
|
|
|
|
transform: translate3d(-100%, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeInLeftBig {
|
|
|
|
from {
|
|
|
|
opacity: var(--animation-fade_in_left_big-opacity);
|
|
|
|
transform: translate3d(-2000px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeInRight {
|
|
|
|
from {
|
|
|
|
opacity: var(--animation-fade_in_right-opacity);
|
|
|
|
transform: translate3d(100%, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeInRightBig {
|
|
|
|
from {
|
|
|
|
opacity: var(--animation-fade_in_right_big-opacity);
|
|
|
|
transform: translate3d(2000px, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeInUp {
|
|
|
|
from {
|
|
|
|
opacity: var(--animation-fade_in_up-opacity);
|
|
|
|
transform: translate3d(0, 100%, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeInUpBig {
|
|
|
|
from {
|
|
|
|
opacity: var(--animation-fade_in_up_big-opacity);
|
|
|
|
transform: translate3d(0, 2000px, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOut {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: var(--animation-fade_out-opacity);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOutDown {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: var(--animation-fade_out_down-opacity);
|
|
|
|
transform: translate3d(0, 100%, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOutDownBig {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: var(--animation-fade_out_down_big-opacity);
|
|
|
|
transform: translate3d(0, 2000px, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOutLeft {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: var(--animation-fade_out_left-opacity);
|
|
|
|
transform: translate3d(-100%, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOutLeftBig {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: var(--animation-fade_out_left_big-opacity);
|
|
|
|
transform: translate3d(-2000px, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOutRight {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: var(--animation-fade_out_right-opacity);
|
|
|
|
transform: translate3d(100%, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOutRightBig {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: var(--animation-fade_out_right_big-opacity);
|
|
|
|
transform: translate3d(2000px, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOutUp {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: var(--animation-fade_out_up-opacity);
|
|
|
|
transform: translate3d(0, -100%, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOutUpBig {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: var(--animation-fade_out_up_big-opacity);
|
|
|
|
transform: translate3d(0, -2000px, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes flip {
|
|
|
|
from {
|
|
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
|
|
|
|
animation-timing-function: ease-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
|
|
animation-timing-function: ease-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
|
|
animation-timing-function: ease-in;
|
|
|
|
}
|
|
|
|
|
|
|
|
80% {
|
|
|
|
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
|
|
|
|
animation-timing-function: ease-in;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
|
|
|
|
animation-timing-function: ease-in;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes flipInX {
|
|
|
|
from {
|
|
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
|
animation-timing-function: ease-in;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
|
animation-timing-function: ease-in;
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
80% {
|
|
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: perspective(400px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes flipInY {
|
|
|
|
from {
|
|
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
|
animation-timing-function: ease-in;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
|
|
animation-timing-function: ease-in;
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
80% {
|
|
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: perspective(400px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes flipOutX {
|
|
|
|
from {
|
|
|
|
transform: perspective(400px);
|
|
|
|
}
|
|
|
|
|
|
|
|
30% {
|
|
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes flipOutY {
|
|
|
|
from {
|
|
|
|
transform: perspective(400px);
|
|
|
|
}
|
|
|
|
|
|
|
|
30% {
|
|
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes lightSpeedIn {
|
|
|
|
from {
|
|
|
|
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
transform: skewX(20deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
80% {
|
|
|
|
transform: skewX(-5deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes lightSpeedOut {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateIn {
|
|
|
|
from {
|
|
|
|
transform-origin: center;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_in-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: center;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateInDownLeft {
|
|
|
|
from {
|
|
|
|
transform-origin: left bottom;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_in_down_left-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: left bottom;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateInDownRight {
|
|
|
|
from {
|
|
|
|
transform-origin: right bottom;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_in_down_right-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: right bottom;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateInUpLeft {
|
|
|
|
from {
|
|
|
|
transform-origin: left bottom;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_in_up_left-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: left bottom;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateInUpRight {
|
|
|
|
from {
|
|
|
|
transform-origin: right bottom;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_in_up_right-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: right bottom;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateOut {
|
|
|
|
from {
|
|
|
|
transform-origin: center;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: center;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_out-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateOutDownLeft {
|
|
|
|
from {
|
|
|
|
transform-origin: left bottom;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: left bottom;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_out_down_left-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateOutDownRight {
|
|
|
|
from {
|
|
|
|
transform-origin: right bottom;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: right bottom;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_out_down_right-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateOutUpLeft {
|
|
|
|
from {
|
|
|
|
transform-origin: left bottom;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: left bottom;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_out_up_left-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes rotateOutUpRight {
|
|
|
|
from {
|
|
|
|
transform-origin: right bottom;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: right bottom;
|
|
|
|
transform: rotate3d(0, 0, 1, var(--animation-rotate_out_up_right-rotate));
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes hinge {
|
|
|
|
0% {
|
|
|
|
transform-origin: top left;
|
|
|
|
animation-timing-function: ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
20%, 60% {
|
|
|
|
transform: rotate3d(0, 0, 1, 80deg);
|
|
|
|
transform-origin: top left;
|
|
|
|
animation-timing-function: ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
40%, 80% {
|
|
|
|
transform: rotate3d(0, 0, 1, 60deg);
|
|
|
|
transform-origin: top left;
|
|
|
|
animation-timing-function: ease-in-out;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 700px, 0);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes jackInTheBox {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale(0.1) rotate(30deg);
|
|
|
|
transform-origin: center bottom;
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
transform: rotate(-10deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
70% {
|
|
|
|
transform: rotate(3deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale(1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
|
|
|
|
|
|
|
@keyframes rollIn {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(var(--animation-roll_in-translate_x), 0, 0) rotate3d(0, 0, 1, var(--animation-roll_in-rotate));
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
|
|
|
|
|
|
|
@keyframes rollOut {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translate3d(var(--animation-roll_out-translate_x), 0, 0) rotate3d(0, 0, 1, var(--animation-roll_out-rotate));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomIn {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(var(--animation-zoom_in-scale), var(--animation-zoom_in-scale), var(--animation-zoom_in-scale));
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomInDown {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_in_down-scale), var(--animation-zoom_in_down-scale), var(--animation-zoom_in_down-scale)) translate3d(0, var(--animation-zoom_in_down-translate_y), 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomInLeft {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_in_left-scale), var(--animation-zoom_in_left-scale), var(--animation-zoom_in_left-scale)) translate3d(var(--animation-zoom_in_left-translate_x), 0, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomInRight {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_in_right-scale), var(--animation-zoom_in_right-scale), var(--animation-zoom_in_right-scale)) translate3d(var(--animation-zoom_in_right-translate_x), 0, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomInUp {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_in_up-scale), var(--animation-zoom_in_up-scale), var(--animation-zoom_in_up-scale)) translate3d(0, var(--animation-zoom_in_up-translate_y), 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomOut {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(var(--animation-zoom_out-scale), var(--animation-zoom_out-scale), var(--animation-zoom_out-scale));
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomOutDown {
|
|
|
|
40% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_out_down-scale), var(--animation-zoom_out_down-scale), var(--animation-zoom_out_down-scale)) translate3d(0, var(--animation-zoom_out_down-translate_y), 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
|
|
|
|
transform-origin: center bottom;
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomOutLeft {
|
|
|
|
40% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_out_left-scale), var(--animation-zoom_out_left-scale), var(--animation-zoom_out_left-scale)) translate3d(var(--animation-zoom_out_left-translate_x), 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale(0.1) translate3d(-2000px, 0, 0);
|
|
|
|
transform-origin: left center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomOutRight {
|
|
|
|
40% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_out_right-scale), var(--animation-zoom_out_right-scale), var(--animation-zoom_out_right-scale)) translate3d(var(--animation-zoom_out_right-translate_x), 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale(0.1) translate3d(2000px, 0, 0);
|
|
|
|
transform-origin: right center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomOutUp {
|
|
|
|
40% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_out_up-scale), var(--animation-zoom_out_up-scale), var(--animation-zoom_out_up-scale)) translate3d(0, var(--animation-zoom_out_up-translate_y), 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
|
|
|
|
transform-origin: center bottom;
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideInDown {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, var(--animation-slide_in_down-translate_y), 0);
|
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideInLeft {
|
|
|
|
from {
|
|
|
|
transform: translate3d(var(--animation-slide_in_left-translate_x), 0, 0);
|
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideInRight {
|
|
|
|
from {
|
|
|
|
transform: translate3d(var(--animation-slide_in_right-translate_x), 0, 0);
|
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideInUp {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, var(--animation-slide_in_up-translate_y), 0);
|
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideOutDown {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
visibility: hidden;
|
|
|
|
transform: translate3d(0, var(--animation-slide_out_down-translate_y), 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideOutLeft {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
visibility: hidden;
|
|
|
|
transform: translate3d(var(--animation-slide_out_left-translate_x), 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideOutRight {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
visibility: hidden;
|
|
|
|
transform: translate3d(var(--animation-slide_out_right-translate_x), 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideOutUp {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
visibility: hidden;
|
|
|
|
transform: translate3d(0, var(--animation-slide_out_up-translate_y), 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*begin-commonstyles animation*/
|
|
|
|
|
|
|
|
@keyframes slideOutUp {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, var(--animation-slide_out_up-translate_y), 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideOutRight {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(var(--animation-slide_out_right-translate_x), 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideOutDown {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(0, var(--animation-slide_out_down-translate_y), 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes slideOutLeft {
|
|
|
|
from {
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform: translate3d(var(--animation-slide_out_left-translate_x), 0, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Fix zoomIn animation for Internet Explorer */
|
|
|
|
|
|
|
|
@keyframes zoomIn {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(var(--animation-zoom_in-scale), var(--animation-zoom_in-scale), var(--animation-zoom_in-scale));
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomInDown {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_in_down-scale), var(--animation-zoom_in_down-scale), var(--animation-zoom_in_down-scale)) translate3d(0, var(--animation-zoom_in_down-translate_y), 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomInLeft {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_in_left-scale), var(--animation-zoom_in_left-scale), var(--animation-zoom_in_left-scale)) translate3d(var(--animation-zoom_in_left-translate_x), 0, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomInRight {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_in_right-scale), var(--animation-zoom_in_right-scale), var(--animation-zoom_in_right-scale)) translate3d(var(--animation-zoom_in_right-translate_x), 0, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes zoomInUp {
|
|
|
|
from {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale3d(var(--animation-zoom_in_up-scale), var(--animation-zoom_in_up-scale), var(--animation-zoom_in_up-scale)) translate3d(0, var(--animation-zoom_in_up-translate_y), 0);
|
|
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes customAnimationIn {
|
|
|
|
from {
|
|
|
|
transform-origin: center center;
|
|
|
|
transform: translate3d(var(--animation-custom_in-translate_x), var(--animation-custom_in-translate_y), 0) scale3d(var(--animation-custom_in-scale), var(--animation-custom_in-scale), var(--animation-custom_in-scale)) rotate3d(0, 0, 1, calc(-1 * var(--animation-custom_in-rotate)));
|
|
|
|
opacity: var(--animation-custom_in-opacity);
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: center center;
|
|
|
|
transform: translate3d(-50% !important, -50% !important, 0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes customAnimationOut {
|
|
|
|
from {
|
|
|
|
transform-origin: center center;
|
|
|
|
transform: translate3d(-50% !important, -50% !important, 0);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
transform-origin: center center;
|
|
|
|
transform: translate3d(var(--animation-custom_in-translate_x), var(--animation-custom_in-translate_y), 0) scale3d(var(--animation-custom_in-scale), var(--animation-custom_in-scale), var(--animation-custom_in-scale)) rotate3d(0, 0, 1, calc(-1 * var(--animation-custom_in-rotate)));
|
|
|
|
opacity: var(--animation-custom_in-opacity);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*end-commonstyles animation*/
|
|
|
|
|
|
|
|
@keyframes galleryFilterDadeIn {
|
|
|
|
0% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text .u-icon,.u-btn .u-icon {
|
|
|
|
position: relative;
|
|
|
|
display: inline;
|
|
|
|
line-height: inherit;
|
|
|
|
font-size: 1em;
|
|
|
|
fill: currentColor;
|
|
|
|
vertical-align: middle;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text .u-icon.u-file-icon > img[src],.u-btn .u-icon.u-file-icon > img[src] {
|
|
|
|
display: inline-block;
|
|
|
|
height: 1em;
|
|
|
|
width: auto;
|
|
|
|
line-height: 1;
|
|
|
|
vertical-align: -0.15em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text .u-btn {
|
|
|
|
display: inline-block;
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
vertical-align: baseline;
|
|
|
|
white-space: normal;
|
|
|
|
text-align: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text .u-btn.u-button-link {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-layout-horizontal {
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-row {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
[class*="u-border-"],.u-link[class*="u-border-"] {
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-0,.u-text.u-border-0,a.u-button-style.u-border-0 {
|
|
|
|
border-width: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-0 {
|
|
|
|
border-width: 0 0 0px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-1,.u-text.u-border-1,a.u-button-style.u-border-1 {
|
|
|
|
border-width: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-1 {
|
|
|
|
border-width: 0 0 1px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-2,.u-text.u-border-2,a.u-button-style.u-border-2 {
|
|
|
|
border-width: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-2 {
|
|
|
|
border-width: 0 0 2px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-3,.u-text.u-border-3,a.u-button-style.u-border-3 {
|
|
|
|
border-width: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-3 {
|
|
|
|
border-width: 0 0 3px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-4,.u-text.u-border-4,a.u-button-style.u-border-4 {
|
|
|
|
border-width: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-4 {
|
|
|
|
border-width: 0 0 4px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-5,.u-text.u-border-5,a.u-button-style.u-border-5 {
|
|
|
|
border-width: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-5 {
|
|
|
|
border-width: 0 0 5px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-6,.u-text.u-border-6,a.u-button-style.u-border-6 {
|
|
|
|
border-width: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-6 {
|
|
|
|
border-width: 0 0 6px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-7,.u-text.u-border-7,a.u-button-style.u-border-7 {
|
|
|
|
border-width: 7px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-7 {
|
|
|
|
border-width: 0 0 7px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-8,.u-text.u-border-8,a.u-button-style.u-border-8 {
|
|
|
|
border-width: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-8 {
|
|
|
|
border-width: 0 0 8px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-9,.u-text.u-border-9,a.u-button-style.u-border-9 {
|
|
|
|
border-width: 9px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-9 {
|
|
|
|
border-width: 0 0 9px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-10,.u-text.u-border-10,a.u-button-style.u-border-10 {
|
|
|
|
border-width: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-10 {
|
|
|
|
border-width: 0 0 10px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-11,.u-text.u-border-11,a.u-button-style.u-border-11 {
|
|
|
|
border-width: 11px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-11 {
|
|
|
|
border-width: 0 0 11px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-12,.u-text.u-border-12,a.u-button-style.u-border-12 {
|
|
|
|
border-width: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-12 {
|
|
|
|
border-width: 0 0 12px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-13,.u-text.u-border-13,a.u-button-style.u-border-13 {
|
|
|
|
border-width: 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-13 {
|
|
|
|
border-width: 0 0 13px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-14,.u-text.u-border-14,a.u-button-style.u-border-14 {
|
|
|
|
border-width: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-14 {
|
|
|
|
border-width: 0 0 14px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-15,.u-text.u-border-15,a.u-button-style.u-border-15 {
|
|
|
|
border-width: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-15 {
|
|
|
|
border-width: 0 0 15px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-16,.u-text.u-border-16,a.u-button-style.u-border-16 {
|
|
|
|
border-width: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-16 {
|
|
|
|
border-width: 0 0 16px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-17,.u-text.u-border-17,a.u-button-style.u-border-17 {
|
|
|
|
border-width: 17px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-17 {
|
|
|
|
border-width: 0 0 17px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-18,.u-text.u-border-18,a.u-button-style.u-border-18 {
|
|
|
|
border-width: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-18 {
|
|
|
|
border-width: 0 0 18px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-19,.u-text.u-border-19,a.u-button-style.u-border-19 {
|
|
|
|
border-width: 19px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-19 {
|
|
|
|
border-width: 0 0 19px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-20,.u-text.u-border-20,a.u-button-style.u-border-20 {
|
|
|
|
border-width: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-20 {
|
|
|
|
border-width: 0 0 20px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
[class*="-radius-"] {
|
|
|
|
--border-radius: initial;
|
|
|
|
--border-top-left-radius: initial;
|
|
|
|
--border-top-right-radius: initial;
|
|
|
|
--border-bottom-right-radius: initial;
|
|
|
|
--border-bottom-left-radius: initial;
|
|
|
|
--radius: initial;
|
|
|
|
--top-left-radius: initial;
|
|
|
|
--top-right-radius: initial;
|
|
|
|
--bottom-right-radius: initial;
|
|
|
|
--bottom-left-radius: initial;
|
|
|
|
}
|
|
|
|
|
|
|
|
[class*="-radius-"],[class*="-radius-"]:before {
|
|
|
|
border-radius: var(--top-left-radius, var(--border-top-left-radius, var(--radius, var(--border-radius, 0)))) var(--top-right-radius, var(--border-top-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-right-radius, var(--border-bottom-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-left-radius, var(--border-bottom-left-radius, var(--radius, var(--border-radius, 0)))) !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*begin-variables font-family*/
|
|
|
|
|
|
|
|
.u-body {
|
|
|
|
font-family: 'Open Sans',sans-serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
|
|
font-family: Poppins;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*end-variables font-family*/
|
|
|
|
|
|
|
|
/*begin-variables color*/
|
|
|
|
|
|
|
|
.u-image {
|
|
|
|
color: #111111;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-body {
|
|
|
|
color: #111111;
|
|
|
|
background-color: #ffffff;
|
|
|
|
--effect-scale: 1.1;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*end-variables color*/
|
|
|
|
|
|
|
|
/*begin-variables font*/
|
|
|
|
|
|
|
|
/*end-variables font*/
|
|
|
|
|
|
|
|
/*begin-variables colors*/
|
|
|
|
|
|
|
|
.u-none.u-button-style,.u-none.u-button-style:hover,.u-none.u-button-style:focus,.u-none.u-button-style:active,.u-none.u-button-style.active,.u-button-style.u-hover-none:hover,.u-button-style.u-hover-none.hover,.u-button-style.u-hover-none:focus,.u-button-style.u-active-none:active,.u-button-style.u-active-none.active {
|
|
|
|
color: inherit !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-none,.u-button-style.u-border-hover-none:hover,.u-button-style.u-border-hover-none:focus,.u-button-style.u-border-active-none:active,.u-button-style.u-border-active-none.active {
|
|
|
|
border-color: transparent !important;
|
|
|
|
border-width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-text-none,.u-button-style.u-text-none:hover,.u-button-style.u-text-none:focus,.u-button-style.u-text-none:active,.u-button-style.u-text-none.active,.u-button-style.u-text-hover-none:hover,.u-button-style.u-text-hover-none:focus,.u-button-style.u-text-active-none:active,.u-button-style.u-text-active-none.active {
|
|
|
|
color: inherit !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-1,.u-body.u-color-1,section.u-color-1:before,.u-color-1 > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-1:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #803bec;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-1,.u-button-style.u-color-1[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-1:hover,.u-button-style.u-color-1[class*="u-border-"]:hover,.u-button-style.u-color-1:focus,.u-button-style.u-color-1[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-1:active,.u-button-style.u-button-style.u-color-1[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-1.active,.u-button-style.u-button-style.u-color-1[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-1:hover,.u-hover-color-1[class*="u-border-"]:hover,.u-hover-color-1:focus,.u-hover-color-1[class*="u-border-"]:focus,.u-active-color-1.u-active.u-active,.u-active-color-1[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-1:hover,a.u-button-style.u-hover-color-1.hover,a.u-button-style.u-hover-color-1[class*="u-border-"]:hover,a.u-button-style.u-hover-color-1[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-1,a.u-button-style:hover > .u-hover-color-1[class*="u-border-"],a.u-button-style.u-hover-color-1:focus,a.u-button-style.u-hover-color-1[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-1:active,a.u-button-style.u-button-style.u-active-color-1[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-1.active,a.u-button-style.u-button-style.u-active-color-1[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-1,a.u-button-style.u-button-style.active > .u-active-color-1[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-1:hover {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-1-base,.u-body.u-color-1-base,section.u-color-1-base:before,.u-color-1-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-1-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #803bec;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-1-base,.u-button-style.u-color-1-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-1-base:hover,.u-button-style.u-color-1-base[class*="u-border-"]:hover,.u-button-style.u-color-1-base:focus,.u-button-style.u-color-1-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-1-base:active,.u-button-style.u-button-style.u-color-1-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-1-base.active,.u-button-style.u-button-style.u-color-1-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-1-base:hover,.u-hover-color-1-base[class*="u-border-"]:hover,.u-hover-color-1-base:focus,.u-hover-color-1-base[class*="u-border-"]:focus,.u-active-color-1-base.u-active.u-active,.u-active-color-1-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-1-base:hover,a.u-button-style.u-hover-color-1-base.hover,a.u-button-style.u-hover-color-1-base[class*="u-border-"]:hover,a.u-button-style.u-hover-color-1-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-1-base,a.u-button-style:hover > .u-hover-color-1-base[class*="u-border-"],a.u-button-style.u-hover-color-1-base:focus,a.u-button-style.u-hover-color-1-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-1-base:active,a.u-button-style.u-button-style.u-active-color-1-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-1-base.active,a.u-button-style.u-button-style.u-active-color-1-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-1-base,a.u-button-style.u-button-style.active > .u-active-color-1-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-1-base:hover {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-2,.u-body.u-color-2,section.u-color-2:before,.u-color-2 > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-2:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #db545a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-2,.u-button-style.u-color-2[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-2:hover,.u-button-style.u-color-2[class*="u-border-"]:hover,.u-button-style.u-color-2:focus,.u-button-style.u-color-2[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-2:active,.u-button-style.u-button-style.u-color-2[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-2.active,.u-button-style.u-button-style.u-color-2[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-2:hover,.u-hover-color-2[class*="u-border-"]:hover,.u-hover-color-2:focus,.u-hover-color-2[class*="u-border-"]:focus,.u-active-color-2.u-active.u-active,.u-active-color-2[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-2:hover,a.u-button-style.u-hover-color-2.hover,a.u-button-style.u-hover-color-2[class*="u-border-"]:hover,a.u-button-style.u-hover-color-2[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-2,a.u-button-style:hover > .u-hover-color-2[class*="u-border-"],a.u-button-style.u-hover-color-2:focus,a.u-button-style.u-hover-color-2[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-2:active,a.u-button-style.u-button-style.u-active-color-2[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-2.active,a.u-button-style.u-button-style.u-active-color-2[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-2,a.u-button-style.u-button-style.active > .u-active-color-2[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-2:hover {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-2-base,.u-body.u-color-2-base,section.u-color-2-base:before,.u-color-2-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-2-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #db545a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-2-base,.u-button-style.u-color-2-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-2-base:hover,.u-button-style.u-color-2-base[class*="u-border-"]:hover,.u-button-style.u-color-2-base:focus,.u-button-style.u-color-2-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-2-base:active,.u-button-style.u-button-style.u-color-2-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-2-base.active,.u-button-style.u-button-style.u-color-2-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-2-base:hover,.u-hover-color-2-base[class*="u-border-"]:hover,.u-hover-color-2-base:focus,.u-hover-color-2-base[class*="u-border-"]:focus,.u-active-color-2-base.u-active.u-active,.u-active-color-2-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-2-base:hover,a.u-button-style.u-hover-color-2-base.hover,a.u-button-style.u-hover-color-2-base[class*="u-border-"]:hover,a.u-button-style.u-hover-color-2-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-2-base,a.u-button-style:hover > .u-hover-color-2-base[class*="u-border-"],a.u-button-style.u-hover-color-2-base:focus,a.u-button-style.u-hover-color-2-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-2-base:active,a.u-button-style.u-button-style.u-active-color-2-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-2-base.active,a.u-button-style.u-button-style.u-active-color-2-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-2-base,a.u-button-style.u-button-style.active > .u-active-color-2-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-2-base:hover {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-3,.u-body.u-color-3,section.u-color-3:before,.u-color-3 > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-3:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #4394f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-3,.u-button-style.u-color-3[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-3:hover,.u-button-style.u-color-3[class*="u-border-"]:hover,.u-button-style.u-color-3:focus,.u-button-style.u-color-3[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-3:active,.u-button-style.u-button-style.u-color-3[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-3.active,.u-button-style.u-button-style.u-color-3[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-3:hover,.u-hover-color-3[class*="u-border-"]:hover,.u-hover-color-3:focus,.u-hover-color-3[class*="u-border-"]:focus,.u-active-color-3.u-active.u-active,.u-active-color-3[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-3:hover,a.u-button-style.u-hover-color-3.hover,a.u-button-style.u-hover-color-3[class*="u-border-"]:hover,a.u-button-style.u-hover-color-3[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-3,a.u-button-style:hover > .u-hover-color-3[class*="u-border-"],a.u-button-style.u-hover-color-3:focus,a.u-button-style.u-hover-color-3[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-3:active,a.u-button-style.u-button-style.u-active-color-3[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-3.active,a.u-button-style.u-button-style.u-active-color-3[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-3,a.u-button-style.u-button-style.active > .u-active-color-3[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-3:hover {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-3-base,.u-body.u-color-3-base,section.u-color-3-base:before,.u-color-3-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-3-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #4394f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-3-base,.u-button-style.u-color-3-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-3-base:hover,.u-button-style.u-color-3-base[class*="u-border-"]:hover,.u-button-style.u-color-3-base:focus,.u-button-style.u-color-3-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-3-base:active,.u-button-style.u-button-style.u-color-3-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-3-base.active,.u-button-style.u-button-style.u-color-3-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-3-base:hover,.u-hover-color-3-base[class*="u-border-"]:hover,.u-hover-color-3-base:focus,.u-hover-color-3-base[class*="u-border-"]:focus,.u-active-color-3-base.u-active.u-active,.u-active-color-3-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-3-base:hover,a.u-button-style.u-hover-color-3-base.hover,a.u-button-style.u-hover-color-3-base[class*="u-border-"]:hover,a.u-button-style.u-hover-color-3-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-3-base,a.u-button-style:hover > .u-hover-color-3-base[class*="u-border-"],a.u-button-style.u-hover-color-3-base:focus,a.u-button-style.u-hover-color-3-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-3-base:active,a.u-button-style.u-button-style.u-active-color-3-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-3-base.active,a.u-button-style.u-button-style.u-active-color-3-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-3-base,a.u-button-style.u-button-style.active > .u-active-color-3-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-3-base:hover {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-4,.u-body.u-color-4,section.u-color-4:before,.u-color-4 > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-4:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #7f51d6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-4,.u-button-style.u-color-4[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-4:hover,.u-button-style.u-color-4[class*="u-border-"]:hover,.u-button-style.u-color-4:focus,.u-button-style.u-color-4[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-4:active,.u-button-style.u-button-style.u-color-4[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-4.active,.u-button-style.u-button-style.u-color-4[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-4:hover,.u-hover-color-4[class*="u-border-"]:hover,.u-hover-color-4:focus,.u-hover-color-4[class*="u-border-"]:focus,.u-active-color-4.u-active.u-active,.u-active-color-4[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-4:hover,a.u-button-style.u-hover-color-4.hover,a.u-button-style.u-hover-color-4[class*="u-border-"]:hover,a.u-button-style.u-hover-color-4[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-4,a.u-button-style:hover > .u-hover-color-4[class*="u-border-"],a.u-button-style.u-hover-color-4:focus,a.u-button-style.u-hover-color-4[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-4:active,a.u-button-style.u-button-style.u-active-color-4[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-4.active,a.u-button-style.u-button-style.u-active-color-4[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-4,a.u-button-style.u-button-style.active > .u-active-color-4[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-4:hover {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-4-base,.u-body.u-color-4-base,section.u-color-4-base:before,.u-color-4-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-4-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #7f51d6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-4-base,.u-button-style.u-color-4-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-4-base:hover,.u-button-style.u-color-4-base[class*="u-border-"]:hover,.u-button-style.u-color-4-base:focus,.u-button-style.u-color-4-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-4-base:active,.u-button-style.u-button-style.u-color-4-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-4-base.active,.u-button-style.u-button-style.u-color-4-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-4-base:hover,.u-hover-color-4-base[class*="u-border-"]:hover,.u-hover-color-4-base:focus,.u-hover-color-4-base[class*="u-border-"]:focus,.u-active-color-4-base.u-active.u-active,.u-active-color-4-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-4-base:hover,a.u-button-style.u-hover-color-4-base.hover,a.u-button-style.u-hover-color-4-base[class*="u-border-"]:hover,a.u-button-style.u-hover-color-4-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-4-base,a.u-button-style:hover > .u-hover-color-4-base[class*="u-border-"],a.u-button-style.u-hover-color-4-base:focus,a.u-button-style.u-hover-color-4-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-4-base:active,a.u-button-style.u-button-style.u-active-color-4-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-4-base.active,a.u-button-style.u-button-style.u-active-color-4-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-4-base,a.u-button-style.u-button-style.active > .u-active-color-4-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-4-base:hover {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-5,.u-body.u-color-5,section.u-color-5:before,.u-color-5 > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-5:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #a2a5aa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-5,.u-button-style.u-color-5[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-5:hover,.u-button-style.u-color-5[class*="u-border-"]:hover,.u-button-style.u-color-5:focus,.u-button-style.u-color-5[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-5:active,.u-button-style.u-button-style.u-color-5[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-5.active,.u-button-style.u-button-style.u-color-5[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #91949a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-5:hover,.u-hover-color-5[class*="u-border-"]:hover,.u-hover-color-5:focus,.u-hover-color-5[class*="u-border-"]:focus,.u-active-color-5.u-active.u-active,.u-active-color-5[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-5:hover,a.u-button-style.u-hover-color-5.hover,a.u-button-style.u-hover-color-5[class*="u-border-"]:hover,a.u-button-style.u-hover-color-5[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-5,a.u-button-style:hover > .u-hover-color-5[class*="u-border-"],a.u-button-style.u-hover-color-5:focus,a.u-button-style.u-hover-color-5[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-5:active,a.u-button-style.u-button-style.u-active-color-5[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-5.active,a.u-button-style.u-button-style.u-active-color-5[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-5,a.u-button-style.u-button-style.active > .u-active-color-5[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-5:hover {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-color-5-base,.u-body.u-color-5-base,section.u-color-5-base:before,.u-color-5-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-color-5-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #35393e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-5-base,.u-button-style.u-color-5-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-color-5-base:hover,.u-button-style.u-color-5-base[class*="u-border-"]:hover,.u-button-style.u-color-5-base:focus,.u-button-style.u-color-5-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-color-5-base:active,.u-button-style.u-button-style.u-color-5-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-color-5-base.active,.u-button-style.u-button-style.u-color-5-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #303338 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-color-5-base:hover,.u-hover-color-5-base[class*="u-border-"]:hover,.u-hover-color-5-base:focus,.u-hover-color-5-base[class*="u-border-"]:focus,.u-active-color-5-base.u-active.u-active,.u-active-color-5-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-color-5-base:hover,a.u-button-style.u-hover-color-5-base.hover,a.u-button-style.u-hover-color-5-base[class*="u-border-"]:hover,a.u-button-style.u-hover-color-5-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-color-5-base,a.u-button-style:hover > .u-hover-color-5-base[class*="u-border-"],a.u-button-style.u-hover-color-5-base:focus,a.u-button-style.u-hover-color-5-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-color-5-base:active,a.u-button-style.u-button-style.u-active-color-5-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-color-5-base.active,a.u-button-style.u-button-style.u-active-color-5-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-color-5-base,a.u-button-style.u-button-style.active > .u-active-color-5-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-color-5-base:hover {
|
|
|
|
color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-1,.u-body.u-palette-1,section.u-palette-1:before,.u-palette-1 > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-1:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #803bec;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-1,.u-button-style.u-palette-1[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-1:hover,.u-button-style.u-palette-1[class*="u-border-"]:hover,.u-button-style.u-palette-1:focus,.u-button-style.u-palette-1[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-1:active,.u-button-style.u-button-style.u-palette-1[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-1.active,.u-button-style.u-button-style.u-palette-1[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-1:hover,.u-hover-palette-1[class*="u-border-"]:hover,.u-hover-palette-1:focus,.u-hover-palette-1[class*="u-border-"]:focus,.u-active-palette-1.u-active.u-active,.u-active-palette-1[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-1:hover,a.u-button-style.u-hover-palette-1.hover,a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-1[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-1,a.u-button-style:hover > .u-hover-palette-1[class*="u-border-"],a.u-button-style.u-hover-palette-1:focus,a.u-button-style.u-hover-palette-1[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-1:active,a.u-button-style.u-button-style.u-active-palette-1[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-1.active,a.u-button-style.u-button-style.u-active-palette-1[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-1,a.u-button-style.u-button-style.active > .u-active-palette-1[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-1:hover {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-1-base,.u-body.u-palette-1-base,section.u-palette-1-base:before,.u-palette-1-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-1-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #803bec;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-1-base,.u-button-style.u-palette-1-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-1-base:hover,.u-button-style.u-palette-1-base[class*="u-border-"]:hover,.u-button-style.u-palette-1-base:focus,.u-button-style.u-palette-1-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-1-base:active,.u-button-style.u-button-style.u-palette-1-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-1-base.active,.u-button-style.u-button-style.u-palette-1-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-1-base:hover,.u-hover-palette-1-base[class*="u-border-"]:hover,.u-hover-palette-1-base:focus,.u-hover-palette-1-base[class*="u-border-"]:focus,.u-active-palette-1-base.u-active.u-active,.u-active-palette-1-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-1-base:hover,a.u-button-style.u-hover-palette-1-base.hover,a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-1-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-1-base,a.u-button-style:hover > .u-hover-palette-1-base[class*="u-border-"],a.u-button-style.u-hover-palette-1-base:focus,a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-1-base:active,a.u-button-style.u-button-style.u-active-palette-1-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-1-base.active,a.u-button-style.u-button-style.u-active-palette-1-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-1-base,a.u-button-style.u-button-style.active > .u-active-palette-1-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-1-base:hover {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-2,.u-body.u-palette-2,section.u-palette-2:before,.u-palette-2 > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-2:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #db545a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-2,.u-button-style.u-palette-2[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-2:hover,.u-button-style.u-palette-2[class*="u-border-"]:hover,.u-button-style.u-palette-2:focus,.u-button-style.u-palette-2[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-2:active,.u-button-style.u-button-style.u-palette-2[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-2.active,.u-button-style.u-button-style.u-palette-2[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-2:hover,.u-hover-palette-2[class*="u-border-"]:hover,.u-hover-palette-2:focus,.u-hover-palette-2[class*="u-border-"]:focus,.u-active-palette-2.u-active.u-active,.u-active-palette-2[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-2:hover,a.u-button-style.u-hover-palette-2.hover,a.u-button-style.u-hover-palette-2[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-2[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-2,a.u-button-style:hover > .u-hover-palette-2[class*="u-border-"],a.u-button-style.u-hover-palette-2:focus,a.u-button-style.u-hover-palette-2[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-2:active,a.u-button-style.u-button-style.u-active-palette-2[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-2.active,a.u-button-style.u-button-style.u-active-palette-2[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-2,a.u-button-style.u-button-style.active > .u-active-palette-2[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-2:hover {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-2-base,.u-body.u-palette-2-base,section.u-palette-2-base:before,.u-palette-2-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-2-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #db545a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-2-base,.u-button-style.u-palette-2-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-2-base:hover,.u-button-style.u-palette-2-base[class*="u-border-"]:hover,.u-button-style.u-palette-2-base:focus,.u-button-style.u-palette-2-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-2-base:active,.u-button-style.u-button-style.u-palette-2-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-2-base.active,.u-button-style.u-button-style.u-palette-2-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-2-base:hover,.u-hover-palette-2-base[class*="u-border-"]:hover,.u-hover-palette-2-base:focus,.u-hover-palette-2-base[class*="u-border-"]:focus,.u-active-palette-2-base.u-active.u-active,.u-active-palette-2-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-2-base:hover,a.u-button-style.u-hover-palette-2-base.hover,a.u-button-style.u-hover-palette-2-base[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-2-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-2-base,a.u-button-style:hover > .u-hover-palette-2-base[class*="u-border-"],a.u-button-style.u-hover-palette-2-base:focus,a.u-button-style.u-hover-palette-2-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-2-base:active,a.u-button-style.u-button-style.u-active-palette-2-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-2-base.active,a.u-button-style.u-button-style.u-active-palette-2-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-2-base,a.u-button-style.u-button-style.active > .u-active-palette-2-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-2-base:hover {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-3,.u-body.u-palette-3,section.u-palette-3:before,.u-palette-3 > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-3:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #4394f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-3,.u-button-style.u-palette-3[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-3:hover,.u-button-style.u-palette-3[class*="u-border-"]:hover,.u-button-style.u-palette-3:focus,.u-button-style.u-palette-3[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-3:active,.u-button-style.u-button-style.u-palette-3[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-3.active,.u-button-style.u-button-style.u-palette-3[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-3:hover,.u-hover-palette-3[class*="u-border-"]:hover,.u-hover-palette-3:focus,.u-hover-palette-3[class*="u-border-"]:focus,.u-active-palette-3.u-active.u-active,.u-active-palette-3[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-3:hover,a.u-button-style.u-hover-palette-3.hover,a.u-button-style.u-hover-palette-3[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-3[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-3,a.u-button-style:hover > .u-hover-palette-3[class*="u-border-"],a.u-button-style.u-hover-palette-3:focus,a.u-button-style.u-hover-palette-3[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-3:active,a.u-button-style.u-button-style.u-active-palette-3[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-3.active,a.u-button-style.u-button-style.u-active-palette-3[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-3,a.u-button-style.u-button-style.active > .u-active-palette-3[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-3:hover {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-3-base,.u-body.u-palette-3-base,section.u-palette-3-base:before,.u-palette-3-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-3-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #4394f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-3-base,.u-button-style.u-palette-3-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-3-base:hover,.u-button-style.u-palette-3-base[class*="u-border-"]:hover,.u-button-style.u-palette-3-base:focus,.u-button-style.u-palette-3-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-3-base:active,.u-button-style.u-button-style.u-palette-3-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-3-base.active,.u-button-style.u-button-style.u-palette-3-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-3-base:hover,.u-hover-palette-3-base[class*="u-border-"]:hover,.u-hover-palette-3-base:focus,.u-hover-palette-3-base[class*="u-border-"]:focus,.u-active-palette-3-base.u-active.u-active,.u-active-palette-3-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-3-base:hover,a.u-button-style.u-hover-palette-3-base.hover,a.u-button-style.u-hover-palette-3-base[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-3-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-3-base,a.u-button-style:hover > .u-hover-palette-3-base[class*="u-border-"],a.u-button-style.u-hover-palette-3-base:focus,a.u-button-style.u-hover-palette-3-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-3-base:active,a.u-button-style.u-button-style.u-active-palette-3-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-3-base.active,a.u-button-style.u-button-style.u-active-palette-3-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-3-base,a.u-button-style.u-button-style.active > .u-active-palette-3-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-3-base:hover {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-4,.u-body.u-palette-4,section.u-palette-4:before,.u-palette-4 > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-4:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #7f51d6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-4,.u-button-style.u-palette-4[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-4:hover,.u-button-style.u-palette-4[class*="u-border-"]:hover,.u-button-style.u-palette-4:focus,.u-button-style.u-palette-4[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-4:active,.u-button-style.u-button-style.u-palette-4[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-4.active,.u-button-style.u-button-style.u-palette-4[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-4:hover,.u-hover-palette-4[class*="u-border-"]:hover,.u-hover-palette-4:focus,.u-hover-palette-4[class*="u-border-"]:focus,.u-active-palette-4.u-active.u-active,.u-active-palette-4[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-4:hover,a.u-button-style.u-hover-palette-4.hover,a.u-button-style.u-hover-palette-4[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-4[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-4,a.u-button-style:hover > .u-hover-palette-4[class*="u-border-"],a.u-button-style.u-hover-palette-4:focus,a.u-button-style.u-hover-palette-4[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-4:active,a.u-button-style.u-button-style.u-active-palette-4[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-4.active,a.u-button-style.u-button-style.u-active-palette-4[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-4,a.u-button-style.u-button-style.active > .u-active-palette-4[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-4:hover {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-4-base,.u-body.u-palette-4-base,section.u-palette-4-base:before,.u-palette-4-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-4-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #7f51d6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-4-base,.u-button-style.u-palette-4-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-4-base:hover,.u-button-style.u-palette-4-base[class*="u-border-"]:hover,.u-button-style.u-palette-4-base:focus,.u-button-style.u-palette-4-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-4-base:active,.u-button-style.u-button-style.u-palette-4-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-4-base.active,.u-button-style.u-button-style.u-palette-4-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-4-base:hover,.u-hover-palette-4-base[class*="u-border-"]:hover,.u-hover-palette-4-base:focus,.u-hover-palette-4-base[class*="u-border-"]:focus,.u-active-palette-4-base.u-active.u-active,.u-active-palette-4-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-4-base:hover,a.u-button-style.u-hover-palette-4-base.hover,a.u-button-style.u-hover-palette-4-base[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-4-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-4-base,a.u-button-style:hover > .u-hover-palette-4-base[class*="u-border-"],a.u-button-style.u-hover-palette-4-base:focus,a.u-button-style.u-hover-palette-4-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-4-base:active,a.u-button-style.u-button-style.u-active-palette-4-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-4-base.active,a.u-button-style.u-button-style.u-active-palette-4-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-4-base,a.u-button-style.u-button-style.active > .u-active-palette-4-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-4-base:hover {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-5,.u-body.u-palette-5,section.u-palette-5:before,.u-palette-5 > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-5:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #a2a5aa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-5,.u-button-style.u-palette-5[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-5:hover,.u-button-style.u-palette-5[class*="u-border-"]:hover,.u-button-style.u-palette-5:focus,.u-button-style.u-palette-5[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-5:active,.u-button-style.u-button-style.u-palette-5[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-5.active,.u-button-style.u-button-style.u-palette-5[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #91949a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-5:hover,.u-hover-palette-5[class*="u-border-"]:hover,.u-hover-palette-5:focus,.u-hover-palette-5[class*="u-border-"]:focus,.u-active-palette-5.u-active.u-active,.u-active-palette-5[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-5:hover,a.u-button-style.u-hover-palette-5.hover,a.u-button-style.u-hover-palette-5[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-5[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-5,a.u-button-style:hover > .u-hover-palette-5[class*="u-border-"],a.u-button-style.u-hover-palette-5:focus,a.u-button-style.u-hover-palette-5[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-5:active,a.u-button-style.u-button-style.u-active-palette-5[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-5.active,a.u-button-style.u-button-style.u-active-palette-5[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-5,a.u-button-style.u-button-style.active > .u-active-palette-5[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-5:hover {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-palette-5-base,.u-body.u-palette-5-base,section.u-palette-5-base:before,.u-palette-5-base > .u-container-layout:before,.u-container-layout.u-container-layout.u-palette-5-base:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #35393e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-5-base,.u-button-style.u-palette-5-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-palette-5-base:hover,.u-button-style.u-palette-5-base[class*="u-border-"]:hover,.u-button-style.u-palette-5-base:focus,.u-button-style.u-palette-5-base[class*="u-border-"]:focus,.u-button-style.u-button-style.u-palette-5-base:active,.u-button-style.u-button-style.u-palette-5-base[class*="u-border-"]:active,.u-button-style.u-button-style.u-palette-5-base.active,.u-button-style.u-button-style.u-palette-5-base[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #303338 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-palette-5-base:hover,.u-hover-palette-5-base[class*="u-border-"]:hover,.u-hover-palette-5-base:focus,.u-hover-palette-5-base[class*="u-border-"]:focus,.u-active-palette-5-base.u-active.u-active,.u-active-palette-5-base[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-palette-5-base:hover,a.u-button-style.u-hover-palette-5-base.hover,a.u-button-style.u-hover-palette-5-base[class*="u-border-"]:hover,a.u-button-style.u-hover-palette-5-base[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-palette-5-base,a.u-button-style:hover > .u-hover-palette-5-base[class*="u-border-"],a.u-button-style.u-hover-palette-5-base:focus,a.u-button-style.u-hover-palette-5-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-palette-5-base:active,a.u-button-style.u-button-style.u-active-palette-5-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-palette-5-base.active,a.u-button-style.u-button-style.u-active-palette-5-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-palette-5-base,a.u-button-style.u-button-style.active > .u-active-palette-5-base[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-palette-5-base:hover {
|
|
|
|
color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-white,.u-body.u-white,section.u-white:before,.u-white > .u-container-layout:before,.u-container-layout.u-container-layout.u-white:before {
|
|
|
|
color: #111111;
|
|
|
|
background-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-white,.u-button-style.u-white[class*="u-border-"] {
|
|
|
|
color: #111111 !important;
|
|
|
|
background-color: #ffffff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-white:hover,.u-button-style.u-white[class*="u-border-"]:hover,.u-button-style.u-white:focus,.u-button-style.u-white[class*="u-border-"]:focus,.u-button-style.u-button-style.u-white:active,.u-button-style.u-button-style.u-white[class*="u-border-"]:active,.u-button-style.u-button-style.u-white.active,.u-button-style.u-button-style.u-white[class*="u-border-"].active {
|
|
|
|
color: #111111 !important;
|
|
|
|
background-color: #e6e6e6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-white:hover,.u-hover-white[class*="u-border-"]:hover,.u-hover-white:focus,.u-hover-white[class*="u-border-"]:focus,.u-active-white.u-active.u-active,.u-active-white[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-white:hover,a.u-button-style.u-hover-white.hover,a.u-button-style.u-hover-white[class*="u-border-"]:hover,a.u-button-style.u-hover-white[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-white,a.u-button-style:hover > .u-hover-white[class*="u-border-"],a.u-button-style.u-hover-white:focus,a.u-button-style.u-hover-white[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-white:active,a.u-button-style.u-button-style.u-active-white[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-white.active,a.u-button-style.u-button-style.u-active-white[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-white,a.u-button-style.u-button-style.active > .u-active-white[class*="u-border-"] {
|
|
|
|
color: #111111 !important;
|
|
|
|
background-color: #ffffff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-white:hover {
|
|
|
|
color: #ffffff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-black,.u-body.u-black,section.u-black:before,.u-black > .u-container-layout:before,.u-container-layout.u-container-layout.u-black:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #000000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-black,.u-button-style.u-black[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-black:hover,.u-button-style.u-black[class*="u-border-"]:hover,.u-button-style.u-black:focus,.u-button-style.u-black[class*="u-border-"]:focus,.u-button-style.u-button-style.u-black:active,.u-button-style.u-button-style.u-black[class*="u-border-"]:active,.u-button-style.u-button-style.u-black.active,.u-button-style.u-button-style.u-black[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-black:hover,.u-hover-black[class*="u-border-"]:hover,.u-hover-black:focus,.u-hover-black[class*="u-border-"]:focus,.u-active-black.u-active.u-active,.u-active-black[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-black:hover,a.u-button-style.u-hover-black.hover,a.u-button-style.u-hover-black[class*="u-border-"]:hover,a.u-button-style.u-hover-black[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-black,a.u-button-style:hover > .u-hover-black[class*="u-border-"],a.u-button-style.u-hover-black:focus,a.u-button-style.u-hover-black[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-black:active,a.u-button-style.u-button-style.u-active-black[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-black.active,a.u-button-style.u-button-style.u-active-black[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-black,a.u-button-style.u-button-style.active > .u-active-black[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-black:hover {
|
|
|
|
color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-body-color,.u-body.u-body-color,section.u-body-color:before,.u-body-color > .u-container-layout:before,.u-container-layout.u-container-layout.u-body-color:before {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #111111;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-body-color,.u-button-style.u-body-color[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #111111 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-body-color:hover,.u-button-style.u-body-color[class*="u-border-"]:hover,.u-button-style.u-body-color:focus,.u-button-style.u-body-color[class*="u-border-"]:focus,.u-button-style.u-button-style.u-body-color:active,.u-button-style.u-button-style.u-body-color[class*="u-border-"]:active,.u-button-style.u-button-style.u-body-color.active,.u-button-style.u-button-style.u-body-color[class*="u-border-"].active {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #0f0f0f !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-hover-body-color:hover,.u-hover-body-color[class*="u-border-"]:hover,.u-hover-body-color:focus,.u-hover-body-color[class*="u-border-"]:focus,.u-active-body-color.u-active.u-active,.u-active-body-color[class*="u-border-"].u-active.u-active,a.u-button-style.u-hover-body-color:hover,a.u-button-style.u-hover-body-color.hover,a.u-button-style.u-hover-body-color[class*="u-border-"]:hover,a.u-button-style.u-hover-body-color[class*="u-border-"].hover,a.u-button-style:hover > .u-hover-body-color,a.u-button-style:hover > .u-hover-body-color[class*="u-border-"],a.u-button-style.u-hover-body-color:focus,a.u-button-style.u-hover-body-color[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-active-body-color:active,a.u-button-style.u-button-style.u-active-body-color[class*="u-border-"]:active,a.u-button-style.u-button-style.u-active-body-color.active,a.u-button-style.u-button-style.u-active-body-color[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-active-body-color,a.u-button-style.u-button-style.active > .u-active-body-color[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: #111111 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-hover-body-color:hover {
|
|
|
|
color: #111111 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-1 {
|
|
|
|
border-color: #803bec;
|
|
|
|
stroke: #803bec;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-1 {
|
|
|
|
border-color: #803bec !important;
|
|
|
|
color: #803bec !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-1:hover,.u-button-style.u-border-color-1:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-1:hover,.u-border-hover-color-1:focus,.u-border-active-color-1.u-active.u-active,a.u-button-style.u-border-hover-color-1:hover,a.u-button-style:hover > .u-border-hover-color-1,a.u-button-style.u-border-hover-color-1:focus,a.u-button-style.u-button-style.u-border-active-color-1:active,a.u-button-style.u-button-style.u-border-active-color-1.active,a.u-button-style.u-button-style.active > .u-border-active-color-1 {
|
|
|
|
color: #803bec !important;
|
|
|
|
border-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-1[class*="u-border-"] {
|
|
|
|
border-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-1[class*="u-border-"]:hover {
|
|
|
|
border-color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-1-base {
|
|
|
|
border-color: #803bec;
|
|
|
|
stroke: #803bec;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-1-base {
|
|
|
|
border-color: #803bec !important;
|
|
|
|
color: #803bec !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-1-base:hover,.u-button-style.u-border-color-1-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-1-base:hover,.u-border-hover-color-1-base:focus,.u-border-active-color-1-base.u-active.u-active,a.u-button-style.u-border-hover-color-1-base:hover,a.u-button-style:hover > .u-border-hover-color-1-base,a.u-button-style.u-border-hover-color-1-base:focus,a.u-button-style.u-button-style.u-border-active-color-1-base:active,a.u-button-style.u-button-style.u-border-active-color-1-base.active,a.u-button-style.u-button-style.active > .u-border-active-color-1-base {
|
|
|
|
color: #803bec !important;
|
|
|
|
border-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-1-base[class*="u-border-"] {
|
|
|
|
border-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-1-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-2 {
|
|
|
|
border-color: #db545a;
|
|
|
|
stroke: #db545a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-2 {
|
|
|
|
border-color: #db545a !important;
|
|
|
|
color: #db545a !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-2:hover,.u-button-style.u-border-color-2:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #d63b42 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-2:hover,.u-border-hover-color-2:focus,.u-border-active-color-2.u-active.u-active,a.u-button-style.u-border-hover-color-2:hover,a.u-button-style:hover > .u-border-hover-color-2,a.u-button-style.u-border-hover-color-2:focus,a.u-button-style.u-button-style.u-border-active-color-2:active,a.u-button-style.u-button-style.u-border-active-color-2.active,a.u-button-style.u-button-style.active > .u-border-active-color-2 {
|
|
|
|
color: #db545a !important;
|
|
|
|
border-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-2[class*="u-border-"] {
|
|
|
|
border-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-2[class*="u-border-"]:hover {
|
|
|
|
border-color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-2-base {
|
|
|
|
border-color: #db545a;
|
|
|
|
stroke: #db545a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-2-base {
|
|
|
|
border-color: #db545a !important;
|
|
|
|
color: #db545a !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-2-base:hover,.u-button-style.u-border-color-2-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #d63b42 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-2-base:hover,.u-border-hover-color-2-base:focus,.u-border-active-color-2-base.u-active.u-active,a.u-button-style.u-border-hover-color-2-base:hover,a.u-button-style:hover > .u-border-hover-color-2-base,a.u-button-style.u-border-hover-color-2-base:focus,a.u-button-style.u-button-style.u-border-active-color-2-base:active,a.u-button-style.u-button-style.u-border-active-color-2-base.active,a.u-button-style.u-button-style.active > .u-border-active-color-2-base {
|
|
|
|
color: #db545a !important;
|
|
|
|
border-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-2-base[class*="u-border-"] {
|
|
|
|
border-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-2-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-3 {
|
|
|
|
border-color: #4394f0;
|
|
|
|
stroke: #4394f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-3 {
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
color: #4394f0 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-3:hover,.u-button-style.u-border-color-3:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #2784ee !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-3:hover,.u-border-hover-color-3:focus,.u-border-active-color-3.u-active.u-active,a.u-button-style.u-border-hover-color-3:hover,a.u-button-style:hover > .u-border-hover-color-3,a.u-button-style.u-border-hover-color-3:focus,a.u-button-style.u-button-style.u-border-active-color-3:active,a.u-button-style.u-button-style.u-border-active-color-3.active,a.u-button-style.u-button-style.active > .u-border-active-color-3 {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-3[class*="u-border-"] {
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-3[class*="u-border-"]:hover {
|
|
|
|
border-color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-3-base {
|
|
|
|
border-color: #4394f0;
|
|
|
|
stroke: #4394f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-3-base {
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
color: #4394f0 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-3-base:hover,.u-button-style.u-border-color-3-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #2784ee !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-3-base:hover,.u-border-hover-color-3-base:focus,.u-border-active-color-3-base.u-active.u-active,a.u-button-style.u-border-hover-color-3-base:hover,a.u-button-style:hover > .u-border-hover-color-3-base,a.u-button-style.u-border-hover-color-3-base:focus,a.u-button-style.u-button-style.u-border-active-color-3-base:active,a.u-button-style.u-button-style.u-border-active-color-3-base.active,a.u-button-style.u-button-style.active > .u-border-active-color-3-base {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-3-base[class*="u-border-"] {
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-3-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-4 {
|
|
|
|
border-color: #7f51d6;
|
|
|
|
stroke: #7f51d6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-4 {
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-4:hover,.u-button-style.u-border-color-4:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-4:hover,.u-border-hover-color-4:focus,.u-border-active-color-4.u-active.u-active,a.u-button-style.u-border-hover-color-4:hover,a.u-button-style:hover > .u-border-hover-color-4,a.u-button-style.u-border-hover-color-4:focus,a.u-button-style.u-button-style.u-border-active-color-4:active,a.u-button-style.u-button-style.u-border-active-color-4.active,a.u-button-style.u-button-style.active > .u-border-active-color-4 {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-4[class*="u-border-"] {
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-4[class*="u-border-"]:hover {
|
|
|
|
border-color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-4-base {
|
|
|
|
border-color: #7f51d6;
|
|
|
|
stroke: #7f51d6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-4-base {
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-4-base:hover,.u-button-style.u-border-color-4-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-4-base:hover,.u-border-hover-color-4-base:focus,.u-border-active-color-4-base.u-active.u-active,a.u-button-style.u-border-hover-color-4-base:hover,a.u-button-style:hover > .u-border-hover-color-4-base,a.u-button-style.u-border-hover-color-4-base:focus,a.u-button-style.u-button-style.u-border-active-color-4-base:active,a.u-button-style.u-button-style.u-border-active-color-4-base.active,a.u-button-style.u-button-style.active > .u-border-active-color-4-base {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-4-base[class*="u-border-"] {
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-4-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-5 {
|
|
|
|
border-color: #a2a5aa;
|
|
|
|
stroke: #a2a5aa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-5 {
|
|
|
|
border-color: #a2a5aa !important;
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-5:hover,.u-button-style.u-border-color-5:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #91949a !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-5:hover,.u-border-hover-color-5:focus,.u-border-active-color-5.u-active.u-active,a.u-button-style.u-border-hover-color-5:hover,a.u-button-style:hover > .u-border-hover-color-5,a.u-button-style.u-border-hover-color-5:focus,a.u-button-style.u-button-style.u-border-active-color-5:active,a.u-button-style.u-button-style.u-border-active-color-5.active,a.u-button-style.u-button-style.active > .u-border-active-color-5 {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
border-color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-5[class*="u-border-"] {
|
|
|
|
border-color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-5[class*="u-border-"]:hover {
|
|
|
|
border-color: #91949a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-color-5-base {
|
|
|
|
border-color: #35393e;
|
|
|
|
stroke: #35393e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-5-base {
|
|
|
|
border-color: #35393e !important;
|
|
|
|
color: #35393e !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-color-5-base:hover,.u-button-style.u-border-color-5-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #303338 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-color-5-base:hover,.u-border-hover-color-5-base:focus,.u-border-active-color-5-base.u-active.u-active,a.u-button-style.u-border-hover-color-5-base:hover,a.u-button-style:hover > .u-border-hover-color-5-base,a.u-button-style.u-border-hover-color-5-base:focus,a.u-button-style.u-button-style.u-border-active-color-5-base:active,a.u-button-style.u-button-style.u-border-active-color-5-base.active,a.u-button-style.u-button-style.active > .u-border-active-color-5-base {
|
|
|
|
color: #35393e !important;
|
|
|
|
border-color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-5-base[class*="u-border-"] {
|
|
|
|
border-color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-color-5-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #303338 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-1 {
|
|
|
|
border-color: #803bec;
|
|
|
|
stroke: #803bec;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-1 {
|
|
|
|
border-color: #803bec !important;
|
|
|
|
color: #803bec !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-1:hover,.u-button-style.u-border-palette-1:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-1:hover,.u-border-hover-palette-1:focus,.u-border-active-palette-1.u-active.u-active,a.u-button-style.u-border-hover-palette-1:hover,a.u-button-style:hover > .u-border-hover-palette-1,a.u-button-style.u-border-hover-palette-1:focus,a.u-button-style.u-button-style.u-border-active-palette-1:active,a.u-button-style.u-button-style.u-border-active-palette-1.active,a.u-button-style.u-button-style.active > .u-border-active-palette-1 {
|
|
|
|
color: #803bec !important;
|
|
|
|
border-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-1[class*="u-border-"] {
|
|
|
|
border-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-1[class*="u-border-"]:hover {
|
|
|
|
border-color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-1-base {
|
|
|
|
border-color: #803bec;
|
|
|
|
stroke: #803bec;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-1-base {
|
|
|
|
border-color: #803bec !important;
|
|
|
|
color: #803bec !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-1-base:hover,.u-button-style.u-border-palette-1-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-1-base:hover,.u-border-hover-palette-1-base:focus,.u-border-active-palette-1-base.u-active.u-active,a.u-button-style.u-border-hover-palette-1-base:hover,a.u-button-style:hover > .u-border-hover-palette-1-base,a.u-button-style.u-border-hover-palette-1-base:focus,a.u-button-style.u-button-style.u-border-active-palette-1-base:active,a.u-button-style.u-button-style.u-border-active-palette-1-base.active,a.u-button-style.u-button-style.active > .u-border-active-palette-1-base {
|
|
|
|
color: #803bec !important;
|
|
|
|
border-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-1-base[class*="u-border-"] {
|
|
|
|
border-color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-1-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-2 {
|
|
|
|
border-color: #db545a;
|
|
|
|
stroke: #db545a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-2 {
|
|
|
|
border-color: #db545a !important;
|
|
|
|
color: #db545a !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-2:hover,.u-button-style.u-border-palette-2:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #d63b42 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-2:hover,.u-border-hover-palette-2:focus,.u-border-active-palette-2.u-active.u-active,a.u-button-style.u-border-hover-palette-2:hover,a.u-button-style:hover > .u-border-hover-palette-2,a.u-button-style.u-border-hover-palette-2:focus,a.u-button-style.u-button-style.u-border-active-palette-2:active,a.u-button-style.u-button-style.u-border-active-palette-2.active,a.u-button-style.u-button-style.active > .u-border-active-palette-2 {
|
|
|
|
color: #db545a !important;
|
|
|
|
border-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-2[class*="u-border-"] {
|
|
|
|
border-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-2[class*="u-border-"]:hover {
|
|
|
|
border-color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-2-base {
|
|
|
|
border-color: #db545a;
|
|
|
|
stroke: #db545a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-2-base {
|
|
|
|
border-color: #db545a !important;
|
|
|
|
color: #db545a !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-2-base:hover,.u-button-style.u-border-palette-2-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #d63b42 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-2-base:hover,.u-border-hover-palette-2-base:focus,.u-border-active-palette-2-base.u-active.u-active,a.u-button-style.u-border-hover-palette-2-base:hover,a.u-button-style:hover > .u-border-hover-palette-2-base,a.u-button-style.u-border-hover-palette-2-base:focus,a.u-button-style.u-button-style.u-border-active-palette-2-base:active,a.u-button-style.u-button-style.u-border-active-palette-2-base.active,a.u-button-style.u-button-style.active > .u-border-active-palette-2-base {
|
|
|
|
color: #db545a !important;
|
|
|
|
border-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-2-base[class*="u-border-"] {
|
|
|
|
border-color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-2-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-3 {
|
|
|
|
border-color: #4394f0;
|
|
|
|
stroke: #4394f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-3 {
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
color: #4394f0 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-3:hover,.u-button-style.u-border-palette-3:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #2784ee !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-3:hover,.u-border-hover-palette-3:focus,.u-border-active-palette-3.u-active.u-active,a.u-button-style.u-border-hover-palette-3:hover,a.u-button-style:hover > .u-border-hover-palette-3,a.u-button-style.u-border-hover-palette-3:focus,a.u-button-style.u-button-style.u-border-active-palette-3:active,a.u-button-style.u-button-style.u-border-active-palette-3.active,a.u-button-style.u-button-style.active > .u-border-active-palette-3 {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-3[class*="u-border-"] {
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-3[class*="u-border-"]:hover {
|
|
|
|
border-color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-3-base {
|
|
|
|
border-color: #4394f0;
|
|
|
|
stroke: #4394f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-3-base {
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
color: #4394f0 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-3-base:hover,.u-button-style.u-border-palette-3-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #2784ee !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-3-base:hover,.u-border-hover-palette-3-base:focus,.u-border-active-palette-3-base.u-active.u-active,a.u-button-style.u-border-hover-palette-3-base:hover,a.u-button-style:hover > .u-border-hover-palette-3-base,a.u-button-style.u-border-hover-palette-3-base:focus,a.u-button-style.u-button-style.u-border-active-palette-3-base:active,a.u-button-style.u-button-style.u-border-active-palette-3-base.active,a.u-button-style.u-button-style.active > .u-border-active-palette-3-base {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-3-base[class*="u-border-"] {
|
|
|
|
border-color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-3-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-4 {
|
|
|
|
border-color: #7f51d6;
|
|
|
|
stroke: #7f51d6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-4 {
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-4:hover,.u-button-style.u-border-palette-4:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-4:hover,.u-border-hover-palette-4:focus,.u-border-active-palette-4.u-active.u-active,a.u-button-style.u-border-hover-palette-4:hover,a.u-button-style:hover > .u-border-hover-palette-4,a.u-button-style.u-border-hover-palette-4:focus,a.u-button-style.u-button-style.u-border-active-palette-4:active,a.u-button-style.u-button-style.u-border-active-palette-4.active,a.u-button-style.u-button-style.active > .u-border-active-palette-4 {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-4[class*="u-border-"] {
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-4[class*="u-border-"]:hover {
|
|
|
|
border-color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-4-base {
|
|
|
|
border-color: #7f51d6;
|
|
|
|
stroke: #7f51d6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-4-base {
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-4-base:hover,.u-button-style.u-border-palette-4-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-4-base:hover,.u-border-hover-palette-4-base:focus,.u-border-active-palette-4-base.u-active.u-active,a.u-button-style.u-border-hover-palette-4-base:hover,a.u-button-style:hover > .u-border-hover-palette-4-base,a.u-button-style.u-border-hover-palette-4-base:focus,a.u-button-style.u-button-style.u-border-active-palette-4-base:active,a.u-button-style.u-button-style.u-border-active-palette-4-base.active,a.u-button-style.u-button-style.active > .u-border-active-palette-4-base {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-4-base[class*="u-border-"] {
|
|
|
|
border-color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-4-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-5 {
|
|
|
|
border-color: #a2a5aa;
|
|
|
|
stroke: #a2a5aa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-5 {
|
|
|
|
border-color: #a2a5aa !important;
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-5:hover,.u-button-style.u-border-palette-5:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #91949a !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-5:hover,.u-border-hover-palette-5:focus,.u-border-active-palette-5.u-active.u-active,a.u-button-style.u-border-hover-palette-5:hover,a.u-button-style:hover > .u-border-hover-palette-5,a.u-button-style.u-border-hover-palette-5:focus,a.u-button-style.u-button-style.u-border-active-palette-5:active,a.u-button-style.u-button-style.u-border-active-palette-5.active,a.u-button-style.u-button-style.active > .u-border-active-palette-5 {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
border-color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-5[class*="u-border-"] {
|
|
|
|
border-color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-5[class*="u-border-"]:hover {
|
|
|
|
border-color: #91949a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-5-base {
|
|
|
|
border-color: #35393e;
|
|
|
|
stroke: #35393e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-5-base {
|
|
|
|
border-color: #35393e !important;
|
|
|
|
color: #35393e !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-5-base:hover,.u-button-style.u-border-palette-5-base:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #303338 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-palette-5-base:hover,.u-border-hover-palette-5-base:focus,.u-border-active-palette-5-base.u-active.u-active,a.u-button-style.u-border-hover-palette-5-base:hover,a.u-button-style:hover > .u-border-hover-palette-5-base,a.u-button-style.u-border-hover-palette-5-base:focus,a.u-button-style.u-button-style.u-border-active-palette-5-base:active,a.u-button-style.u-button-style.u-border-active-palette-5-base.active,a.u-button-style.u-button-style.active > .u-border-active-palette-5-base {
|
|
|
|
color: #35393e !important;
|
|
|
|
border-color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-5-base[class*="u-border-"] {
|
|
|
|
border-color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-palette-5-base[class*="u-border-"]:hover {
|
|
|
|
border-color: #303338 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-white {
|
|
|
|
border-color: #ffffff;
|
|
|
|
stroke: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-white {
|
|
|
|
border-color: #ffffff !important;
|
|
|
|
color: #ffffff !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-white:hover,.u-button-style.u-border-white:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #e6e6e6 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-white:hover,.u-border-hover-white:focus,.u-border-active-white.u-active.u-active,a.u-button-style.u-border-hover-white:hover,a.u-button-style:hover > .u-border-hover-white,a.u-button-style.u-border-hover-white:focus,a.u-button-style.u-button-style.u-border-active-white:active,a.u-button-style.u-button-style.u-border-active-white.active,a.u-button-style.u-button-style.active > .u-border-active-white {
|
|
|
|
color: #ffffff !important;
|
|
|
|
border-color: #ffffff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-white[class*="u-border-"] {
|
|
|
|
border-color: #ffffff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-white[class*="u-border-"]:hover {
|
|
|
|
border-color: #e6e6e6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-black {
|
|
|
|
border-color: #000000;
|
|
|
|
stroke: #000000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-black {
|
|
|
|
border-color: #000000 !important;
|
|
|
|
color: #000000 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-black:hover,.u-button-style.u-border-black:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #000000 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-black:hover,.u-border-hover-black:focus,.u-border-active-black.u-active.u-active,a.u-button-style.u-border-hover-black:hover,a.u-button-style:hover > .u-border-hover-black,a.u-button-style.u-border-hover-black:focus,a.u-button-style.u-button-style.u-border-active-black:active,a.u-button-style.u-button-style.u-border-active-black.active,a.u-button-style.u-button-style.active > .u-border-active-black {
|
|
|
|
color: #000000 !important;
|
|
|
|
border-color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-black[class*="u-border-"] {
|
|
|
|
border-color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-black[class*="u-border-"]:hover {
|
|
|
|
border-color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-body-color {
|
|
|
|
border-color: #111111;
|
|
|
|
stroke: #111111;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-body-color {
|
|
|
|
border-color: #111111 !important;
|
|
|
|
color: #111111 !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-body-color:hover,.u-button-style.u-border-body-color:focus {
|
|
|
|
border-color: transparent !important;
|
|
|
|
color: #0f0f0f !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-hover-body-color:hover,.u-border-hover-body-color:focus,.u-border-active-body-color.u-active.u-active,a.u-button-style.u-border-hover-body-color:hover,a.u-button-style:hover > .u-border-hover-body-color,a.u-button-style.u-border-hover-body-color:focus,a.u-button-style.u-button-style.u-border-active-body-color:active,a.u-button-style.u-button-style.u-border-active-body-color.active,a.u-button-style.u-button-style.active > .u-border-active-body-color {
|
|
|
|
color: #111111 !important;
|
|
|
|
border-color: #111111 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-body-color[class*="u-border-"] {
|
|
|
|
border-color: #111111 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-border-body-color[class*="u-border-"]:hover {
|
|
|
|
border-color: #0f0f0f !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-1,a.u-button-style.u-text-color-1,a.u-button-style.u-text-color-1[class*="u-border-"] {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-1:hover,a.u-button-style.u-text-color-1[class*="u-border-"]:hover,a.u-button-style.u-text-color-1:focus,a.u-button-style.u-text-color-1[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-1:active,a.u-button-style.u-button-style.u-text-color-1[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-1.active,a.u-button-style.u-button-style.u-text-color-1[class*="u-border-"].active {
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-1,a.u-button-style:hover > .u-text-hover-color-1[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-1:hover,a.u-button-style.u-button-style.u-text-hover-color-1[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-1.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-1[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-1:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-1[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-1:focus,a.u-button-style.u-button-style.u-text-hover-color-1[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-1:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-1[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-1.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-1[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-1,a.u-button-style.u-button-style.active > .u-text-active-color-1[class*="u-border-"] {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-1:hover {
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-1:hover {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-1-base,a.u-button-style.u-text-color-1-base,a.u-button-style.u-text-color-1-base[class*="u-border-"] {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-1-base:hover,a.u-button-style.u-text-color-1-base[class*="u-border-"]:hover,a.u-button-style.u-text-color-1-base:focus,a.u-button-style.u-text-color-1-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-1-base:active,a.u-button-style.u-button-style.u-text-color-1-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-1-base.active,a.u-button-style.u-button-style.u-text-color-1-base[class*="u-border-"].active {
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-1-base,a.u-button-style:hover > .u-text-hover-color-1-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-1-base:hover,a.u-button-style.u-button-style.u-text-hover-color-1-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-1-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-1-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-1-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-1-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-1-base:focus,a.u-button-style.u-button-style.u-text-hover-color-1-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-1-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-1-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-1-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-1-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-1-base,a.u-button-style.u-button-style.active > .u-text-active-color-1-base[class*="u-border-"] {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-1-base:hover {
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-1-base:hover {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-2,a.u-button-style.u-text-color-2,a.u-button-style.u-text-color-2[class*="u-border-"] {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-2:hover,a.u-button-style.u-text-color-2[class*="u-border-"]:hover,a.u-button-style.u-text-color-2:focus,a.u-button-style.u-text-color-2[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-2:active,a.u-button-style.u-button-style.u-text-color-2[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-2.active,a.u-button-style.u-button-style.u-text-color-2[class*="u-border-"].active {
|
|
|
|
color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-2,a.u-button-style:hover > .u-text-hover-color-2[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-2:hover,a.u-button-style.u-button-style.u-text-hover-color-2[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-2.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-2[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-2:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-2[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-2:focus,a.u-button-style.u-button-style.u-text-hover-color-2[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-2:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-2[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-2.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-2[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-2,a.u-button-style.u-button-style.active > .u-text-active-color-2[class*="u-border-"] {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-2:hover {
|
|
|
|
color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-2:hover {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-2-base,a.u-button-style.u-text-color-2-base,a.u-button-style.u-text-color-2-base[class*="u-border-"] {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-2-base:hover,a.u-button-style.u-text-color-2-base[class*="u-border-"]:hover,a.u-button-style.u-text-color-2-base:focus,a.u-button-style.u-text-color-2-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-2-base:active,a.u-button-style.u-button-style.u-text-color-2-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-2-base.active,a.u-button-style.u-button-style.u-text-color-2-base[class*="u-border-"].active {
|
|
|
|
color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-2-base,a.u-button-style:hover > .u-text-hover-color-2-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-2-base:hover,a.u-button-style.u-button-style.u-text-hover-color-2-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-2-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-2-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-2-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-2-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-2-base:focus,a.u-button-style.u-button-style.u-text-hover-color-2-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-2-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-2-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-2-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-2-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-2-base,a.u-button-style.u-button-style.active > .u-text-active-color-2-base[class*="u-border-"] {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-2-base:hover {
|
|
|
|
color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-2-base:hover {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-3,a.u-button-style.u-text-color-3,a.u-button-style.u-text-color-3[class*="u-border-"] {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-3:hover,a.u-button-style.u-text-color-3[class*="u-border-"]:hover,a.u-button-style.u-text-color-3:focus,a.u-button-style.u-text-color-3[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-3:active,a.u-button-style.u-button-style.u-text-color-3[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-3.active,a.u-button-style.u-button-style.u-text-color-3[class*="u-border-"].active {
|
|
|
|
color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-3,a.u-button-style:hover > .u-text-hover-color-3[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-3:hover,a.u-button-style.u-button-style.u-text-hover-color-3[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-3.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-3[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-3:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-3[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-3:focus,a.u-button-style.u-button-style.u-text-hover-color-3[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-3:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-3[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-3.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-3[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-3,a.u-button-style.u-button-style.active > .u-text-active-color-3[class*="u-border-"] {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-3:hover {
|
|
|
|
color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-3:hover {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-3-base,a.u-button-style.u-text-color-3-base,a.u-button-style.u-text-color-3-base[class*="u-border-"] {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-3-base:hover,a.u-button-style.u-text-color-3-base[class*="u-border-"]:hover,a.u-button-style.u-text-color-3-base:focus,a.u-button-style.u-text-color-3-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-3-base:active,a.u-button-style.u-button-style.u-text-color-3-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-3-base.active,a.u-button-style.u-button-style.u-text-color-3-base[class*="u-border-"].active {
|
|
|
|
color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-3-base,a.u-button-style:hover > .u-text-hover-color-3-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-3-base:hover,a.u-button-style.u-button-style.u-text-hover-color-3-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-3-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-3-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-3-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-3-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-3-base:focus,a.u-button-style.u-button-style.u-text-hover-color-3-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-3-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-3-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-3-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-3-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-3-base,a.u-button-style.u-button-style.active > .u-text-active-color-3-base[class*="u-border-"] {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-3-base:hover {
|
|
|
|
color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-3-base:hover {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-4,a.u-button-style.u-text-color-4,a.u-button-style.u-text-color-4[class*="u-border-"] {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-4:hover,a.u-button-style.u-text-color-4[class*="u-border-"]:hover,a.u-button-style.u-text-color-4:focus,a.u-button-style.u-text-color-4[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-4:active,a.u-button-style.u-button-style.u-text-color-4[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-4.active,a.u-button-style.u-button-style.u-text-color-4[class*="u-border-"].active {
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-4,a.u-button-style:hover > .u-text-hover-color-4[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-4:hover,a.u-button-style.u-button-style.u-text-hover-color-4[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-4:focus,a.u-button-style.u-button-style.u-text-hover-color-4[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-4,a.u-button-style.u-button-style.active > .u-text-active-color-4[class*="u-border-"] {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-4:hover {
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-4:hover {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-4-base,a.u-button-style.u-text-color-4-base,a.u-button-style.u-text-color-4-base[class*="u-border-"] {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-4-base:hover,a.u-button-style.u-text-color-4-base[class*="u-border-"]:hover,a.u-button-style.u-text-color-4-base:focus,a.u-button-style.u-text-color-4-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-4-base:active,a.u-button-style.u-button-style.u-text-color-4-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-4-base.active,a.u-button-style.u-button-style.u-text-color-4-base[class*="u-border-"].active {
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-4-base,a.u-button-style:hover > .u-text-hover-color-4-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-4-base:hover,a.u-button-style.u-button-style.u-text-hover-color-4-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-4-base:focus,a.u-button-style.u-button-style.u-text-hover-color-4-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-4-base,a.u-button-style.u-button-style.active > .u-text-active-color-4-base[class*="u-border-"] {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-4-base:hover {
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-4-base:hover {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-5,a.u-button-style.u-text-color-5,a.u-button-style.u-text-color-5[class*="u-border-"] {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-5:hover,a.u-button-style.u-text-color-5[class*="u-border-"]:hover,a.u-button-style.u-text-color-5:focus,a.u-button-style.u-text-color-5[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-5:active,a.u-button-style.u-button-style.u-text-color-5[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-5.active,a.u-button-style.u-button-style.u-text-color-5[class*="u-border-"].active {
|
|
|
|
color: #91949a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-5,a.u-button-style:hover > .u-text-hover-color-5[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-5:hover,a.u-button-style.u-button-style.u-text-hover-color-5[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-5.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-5[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-5:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-5[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-5:focus,a.u-button-style.u-button-style.u-text-hover-color-5[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-5:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-5[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-5.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-5[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-5,a.u-button-style.u-button-style.active > .u-text-active-color-5[class*="u-border-"] {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-5:hover {
|
|
|
|
color: #91949a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-5:hover {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-color-5-base,a.u-button-style.u-text-color-5-base,a.u-button-style.u-text-color-5-base[class*="u-border-"] {
|
|
|
|
color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-color-5-base:hover,a.u-button-style.u-text-color-5-base[class*="u-border-"]:hover,a.u-button-style.u-text-color-5-base:focus,a.u-button-style.u-text-color-5-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-color-5-base:active,a.u-button-style.u-button-style.u-text-color-5-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-color-5-base.active,a.u-button-style.u-button-style.u-text-color-5-base[class*="u-border-"].active {
|
|
|
|
color: #303338 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-color-5-base,a.u-button-style:hover > .u-text-hover-color-5-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-color-5-base:hover,a.u-button-style.u-button-style.u-text-hover-color-5-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-5-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-5-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-5-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-color-5-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-color-5-base:focus,a.u-button-style.u-button-style.u-text-hover-color-5-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-5-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-5-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-5-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-5-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-color-5-base,a.u-button-style.u-button-style.active > .u-text-active-color-5-base[class*="u-border-"] {
|
|
|
|
color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-color-5-base:hover {
|
|
|
|
color: #303338 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-color-5-base:hover {
|
|
|
|
color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-1,a.u-button-style.u-text-palette-1,a.u-button-style.u-text-palette-1[class*="u-border-"] {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-1:hover,a.u-button-style.u-text-palette-1[class*="u-border-"]:hover,a.u-button-style.u-text-palette-1:focus,a.u-button-style.u-text-palette-1[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-1:active,a.u-button-style.u-button-style.u-text-palette-1[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-1.active,a.u-button-style.u-button-style.u-text-palette-1[class*="u-border-"].active {
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-1,a.u-button-style:hover > .u-text-hover-palette-1[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-1:hover,a.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-1:focus,a.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-1,a.u-button-style.u-button-style.active > .u-text-active-palette-1[class*="u-border-"] {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-1:hover {
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-1:hover {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-1-base,a.u-button-style.u-text-palette-1-base,a.u-button-style.u-text-palette-1-base[class*="u-border-"] {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-1-base:hover,a.u-button-style.u-text-palette-1-base[class*="u-border-"]:hover,a.u-button-style.u-text-palette-1-base:focus,a.u-button-style.u-text-palette-1-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-1-base:active,a.u-button-style.u-button-style.u-text-palette-1-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-1-base.active,a.u-button-style.u-button-style.u-text-palette-1-base[class*="u-border-"].active {
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-1-base,a.u-button-style:hover > .u-text-hover-palette-1-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-1-base:hover,a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-1-base:focus,a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-1-base,a.u-button-style.u-button-style.active > .u-text-active-palette-1-base[class*="u-border-"] {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-1-base:hover {
|
|
|
|
color: #6f20e9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-1-base:hover {
|
|
|
|
color: #803bec !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-2,a.u-button-style.u-text-palette-2,a.u-button-style.u-text-palette-2[class*="u-border-"] {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-2:hover,a.u-button-style.u-text-palette-2[class*="u-border-"]:hover,a.u-button-style.u-text-palette-2:focus,a.u-button-style.u-text-palette-2[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-2:active,a.u-button-style.u-button-style.u-text-palette-2[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-2.active,a.u-button-style.u-button-style.u-text-palette-2[class*="u-border-"].active {
|
|
|
|
color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-2,a.u-button-style:hover > .u-text-hover-palette-2[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-2:hover,a.u-button-style.u-button-style.u-text-hover-palette-2[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-2:focus,a.u-button-style.u-button-style.u-text-hover-palette-2[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-2,a.u-button-style.u-button-style.active > .u-text-active-palette-2[class*="u-border-"] {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-2:hover {
|
|
|
|
color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-2:hover {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-2-base,a.u-button-style.u-text-palette-2-base,a.u-button-style.u-text-palette-2-base[class*="u-border-"] {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-2-base:hover,a.u-button-style.u-text-palette-2-base[class*="u-border-"]:hover,a.u-button-style.u-text-palette-2-base:focus,a.u-button-style.u-text-palette-2-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-2-base:active,a.u-button-style.u-button-style.u-text-palette-2-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-2-base.active,a.u-button-style.u-button-style.u-text-palette-2-base[class*="u-border-"].active {
|
|
|
|
color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-2-base,a.u-button-style:hover > .u-text-hover-palette-2-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-2-base:hover,a.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-2-base:focus,a.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-2-base,a.u-button-style.u-button-style.active > .u-text-active-palette-2-base[class*="u-border-"] {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-2-base:hover {
|
|
|
|
color: #d63b42 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-2-base:hover {
|
|
|
|
color: #db545a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-3,a.u-button-style.u-text-palette-3,a.u-button-style.u-text-palette-3[class*="u-border-"] {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-3:hover,a.u-button-style.u-text-palette-3[class*="u-border-"]:hover,a.u-button-style.u-text-palette-3:focus,a.u-button-style.u-text-palette-3[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-3:active,a.u-button-style.u-button-style.u-text-palette-3[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-3.active,a.u-button-style.u-button-style.u-text-palette-3[class*="u-border-"].active {
|
|
|
|
color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-3,a.u-button-style:hover > .u-text-hover-palette-3[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-3:hover,a.u-button-style.u-button-style.u-text-hover-palette-3[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-3.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-3[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-3:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-3[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-3:focus,a.u-button-style.u-button-style.u-text-hover-palette-3[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-3:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-3[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-3.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-3[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-3,a.u-button-style.u-button-style.active > .u-text-active-palette-3[class*="u-border-"] {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-3:hover {
|
|
|
|
color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-3:hover {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-3-base,a.u-button-style.u-text-palette-3-base,a.u-button-style.u-text-palette-3-base[class*="u-border-"] {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-3-base:hover,a.u-button-style.u-text-palette-3-base[class*="u-border-"]:hover,a.u-button-style.u-text-palette-3-base:focus,a.u-button-style.u-text-palette-3-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-3-base:active,a.u-button-style.u-button-style.u-text-palette-3-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-3-base.active,a.u-button-style.u-button-style.u-text-palette-3-base[class*="u-border-"].active {
|
|
|
|
color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-3-base,a.u-button-style:hover > .u-text-hover-palette-3-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-3-base:hover,a.u-button-style.u-button-style.u-text-hover-palette-3-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-3-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-3-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-3-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-3-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-3-base:focus,a.u-button-style.u-button-style.u-text-hover-palette-3-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-3-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-3-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-3-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-3-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-3-base,a.u-button-style.u-button-style.active > .u-text-active-palette-3-base[class*="u-border-"] {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-3-base:hover {
|
|
|
|
color: #2784ee !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-3-base:hover {
|
|
|
|
color: #4394f0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-4,a.u-button-style.u-text-palette-4,a.u-button-style.u-text-palette-4[class*="u-border-"] {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-4:hover,a.u-button-style.u-text-palette-4[class*="u-border-"]:hover,a.u-button-style.u-text-palette-4:focus,a.u-button-style.u-text-palette-4[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-4:active,a.u-button-style.u-button-style.u-text-palette-4[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-4.active,a.u-button-style.u-button-style.u-text-palette-4[class*="u-border-"].active {
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-4,a.u-button-style:hover > .u-text-hover-palette-4[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-4:hover,a.u-button-style.u-button-style.u-text-hover-palette-4[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-4.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-4[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-4:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-4[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-4:focus,a.u-button-style.u-button-style.u-text-hover-palette-4[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-4:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-4[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-4.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-4[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-4,a.u-button-style.u-button-style.active > .u-text-active-palette-4[class*="u-border-"] {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-4:hover {
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-4:hover {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-4-base,a.u-button-style.u-text-palette-4-base,a.u-button-style.u-text-palette-4-base[class*="u-border-"] {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-4-base:hover,a.u-button-style.u-text-palette-4-base[class*="u-border-"]:hover,a.u-button-style.u-text-palette-4-base:focus,a.u-button-style.u-text-palette-4-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-4-base:active,a.u-button-style.u-button-style.u-text-palette-4-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-4-base.active,a.u-button-style.u-button-style.u-text-palette-4-base[class*="u-border-"].active {
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-4-base,a.u-button-style:hover > .u-text-hover-palette-4-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-4-base:hover,a.u-button-style.u-button-style.u-text-hover-palette-4-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-4-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-4-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-4-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-4-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-4-base:focus,a.u-button-style.u-button-style.u-text-hover-palette-4-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-4-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-4-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-4-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-4-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-4-base,a.u-button-style.u-button-style.active > .u-text-active-palette-4-base[class*="u-border-"] {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-4-base:hover {
|
|
|
|
color: #6d39d0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-4-base:hover {
|
|
|
|
color: #7f51d6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-5,a.u-button-style.u-text-palette-5,a.u-button-style.u-text-palette-5[class*="u-border-"] {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-5:hover,a.u-button-style.u-text-palette-5[class*="u-border-"]:hover,a.u-button-style.u-text-palette-5:focus,a.u-button-style.u-text-palette-5[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-5:active,a.u-button-style.u-button-style.u-text-palette-5[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-5.active,a.u-button-style.u-button-style.u-text-palette-5[class*="u-border-"].active {
|
|
|
|
color: #91949a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-5,a.u-button-style:hover > .u-text-hover-palette-5[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-5:hover,a.u-button-style.u-button-style.u-text-hover-palette-5[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-5.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-5[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-5:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-5[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-5:focus,a.u-button-style.u-button-style.u-text-hover-palette-5[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-5:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-5[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-5.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-5[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-5,a.u-button-style.u-button-style.active > .u-text-active-palette-5[class*="u-border-"] {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-5:hover {
|
|
|
|
color: #91949a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-5:hover {
|
|
|
|
color: #a2a5aa !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-palette-5-base,a.u-button-style.u-text-palette-5-base,a.u-button-style.u-text-palette-5-base[class*="u-border-"] {
|
|
|
|
color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-palette-5-base:hover,a.u-button-style.u-text-palette-5-base[class*="u-border-"]:hover,a.u-button-style.u-text-palette-5-base:focus,a.u-button-style.u-text-palette-5-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-palette-5-base:active,a.u-button-style.u-button-style.u-text-palette-5-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-palette-5-base.active,a.u-button-style.u-button-style.u-text-palette-5-base[class*="u-border-"].active {
|
|
|
|
color: #303338 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-palette-5-base,a.u-button-style:hover > .u-text-hover-palette-5-base[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-palette-5-base:hover,a.u-button-style.u-button-style.u-text-hover-palette-5-base[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-5-base.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-5-base[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-5-base:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-5-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-palette-5-base:focus,a.u-button-style.u-button-style.u-text-hover-palette-5-base[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-5-base:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-5-base[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-5-base.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-5-base[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-palette-5-base,a.u-button-style.u-button-style.active > .u-text-active-palette-5-base[class*="u-border-"] {
|
|
|
|
color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-palette-5-base:hover {
|
|
|
|
color: #303338 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-palette-5-base:hover {
|
|
|
|
color: #35393e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-white,a.u-button-style.u-text-white,a.u-button-style.u-text-white[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-white:hover,a.u-button-style.u-text-white[class*="u-border-"]:hover,a.u-button-style.u-text-white:focus,a.u-button-style.u-text-white[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-white:active,a.u-button-style.u-button-style.u-text-white[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-white.active,a.u-button-style.u-button-style.u-text-white[class*="u-border-"].active {
|
|
|
|
color: #e6e6e6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-white,a.u-button-style:hover > .u-text-hover-white[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-white:hover,a.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-white.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-white:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-white:focus,a.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-white:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-white[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-white.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-white[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-white,a.u-button-style.u-button-style.active > .u-text-active-white[class*="u-border-"] {
|
|
|
|
color: #ffffff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-white:hover {
|
|
|
|
color: #e6e6e6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-white:hover {
|
|
|
|
color: #ffffff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-black,a.u-button-style.u-text-black,a.u-button-style.u-text-black[class*="u-border-"] {
|
|
|
|
color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-black:hover,a.u-button-style.u-text-black[class*="u-border-"]:hover,a.u-button-style.u-text-black:focus,a.u-button-style.u-text-black[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-black:active,a.u-button-style.u-button-style.u-text-black[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-black.active,a.u-button-style.u-button-style.u-text-black[class*="u-border-"].active {
|
|
|
|
color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-black,a.u-button-style:hover > .u-text-hover-black[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-black:hover,a.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-black.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-black:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-black:focus,a.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-black:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-black[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-black.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-black[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-black,a.u-button-style.u-button-style.active > .u-text-active-black[class*="u-border-"] {
|
|
|
|
color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-black:hover {
|
|
|
|
color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-black:hover {
|
|
|
|
color: #000000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-text-body-color,a.u-button-style.u-text-body-color,a.u-button-style.u-text-body-color[class*="u-border-"] {
|
|
|
|
color: #111111 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style.u-text-body-color:hover,a.u-button-style.u-text-body-color[class*="u-border-"]:hover,a.u-button-style.u-text-body-color:focus,a.u-button-style.u-text-body-color[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-text-body-color:active,a.u-button-style.u-button-style.u-text-body-color[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-body-color.active,a.u-button-style.u-button-style.u-text-body-color[class*="u-border-"].active {
|
|
|
|
color: #0f0f0f !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-button-style:hover > .u-text-hover-body-color,a.u-button-style:hover > .u-text-hover-body-color[class*="u-border-"],a.u-button-style.u-button-style.u-text-hover-body-color:hover,a.u-button-style.u-button-style.u-text-hover-body-color[class*="u-border-"]:hover,a.u-button-style.u-button-style.u-button-style.u-text-hover-body-color.active,a.u-button-style.u-button-style.u-button-style.u-text-hover-body-color[class*="u-border-"].active,a.u-button-style.u-button-style.u-button-style.u-text-hover-body-color:active,a.u-button-style.u-button-style.u-button-style.u-text-hover-body-color[class*="u-border-"]:active,a.u-button-style.u-button-style.u-text-hover-body-color:focus,a.u-button-style.u-button-style.u-text-hover-body-color[class*="u-border-"]:focus,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-body-color:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-body-color[class*="u-border-"]:active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-body-color.active,a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-body-color[class*="u-border-"].active,a.u-button-style.u-button-style.active > .u-text-active-body-color,a.u-button-style.u-button-style.active > .u-text-active-body-color[class*="u-border-"] {
|
|
|
|
color: #111111 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-link.u-text-body-color:hover {
|
|
|
|
color: #0f0f0f !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.u-link.u-text-hover-body-color:hover {
|
|
|
|
color: #111111 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*end-variables colors*/
|
|
|
|
|
|
|
|
/*begin-variables sitestylecss*/
|
|
|
|
|
|
|
|
.u-body {
|
|
|
|
--theme-sheet-width-xl: 1140px;
|
|
|
|
--theme-sheet-width-lg: 940px;
|
|
|
|
--theme-sheet-width-md: 720px;
|
|
|
|
--theme-sheet-width-sm: 540px;
|
|
|
|
--theme-sheet-width-xs: 340px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/** common-rules **/
|
|
|
|
|
|
|
|
h1.u-title {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 4.5rem;
|
|
|
|
line-height: 1.1;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1:not(.u-title) {
|
|
|
|
font-size: 3rem;
|
|
|
|
line-height: 1.1;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
font-size: 1.875rem;
|
|
|
|
line-height: 1.2;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 1.5rem;
|
|
|
|
line-height: 1.2;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 1.25rem;
|
|
|
|
line-height: 1.2;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 1.125rem;
|
|
|
|
line-height: 1.2;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
p.u-large-text {
|
|
|
|
font-size: 1.25rem;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
p.u-small-text {
|
|
|
|
font-size: 0.875rem;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
p:not(.u-text-variant) {
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn {
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/** common-rules **/
|
|
|
|
|
|
|
|
/** publish-rules **/
|
|
|
|
|
|
|
|
/*begin-media rules*/
|
|
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
h1.u-title {
|
|
|
|
font-size: 3.75rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
h1.u-title {
|
|
|
|
font-size: 3rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
h1:not(.u-title) {
|
|
|
|
font-size: 2.25rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
h3 {
|
|
|
|
font-size: 1.5rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*end-media rules*/
|
|
|
|
|
|
|
|
/** publish-rules **/
|
|
|
|
|
|
|
|
/** cms-rules **/
|
|
|
|
|
|
|
|
/*begin-responsive rules*/
|
|
|
|
|
|
|
|
.u-sm h1.u-title {
|
|
|
|
font-size: 3.75rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xs h1.u-title {
|
|
|
|
font-size: 3rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xs h1:not(.u-title) {
|
|
|
|
font-size: 2.25rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-xs h3 {
|
|
|
|
font-size: 1.5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*end-responsive rules*/
|
|
|
|
|
|
|
|
/** cms-rules **/
|
|
|
|
|
|
|
|
/** color-rules **/
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: #803bec;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
color: #6f20e9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn {
|
|
|
|
background-color: #803bec;
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn:hover {
|
|
|
|
background-color: #6f20e9;
|
|
|
|
color: #e6e6e6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn:focus {
|
|
|
|
background-color: #6f20e9;
|
|
|
|
color: #e6e6e6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn:active {
|
|
|
|
background-color: #6f20e9;
|
|
|
|
color: #e6e6e6;
|
|
|
|
}
|
|
|
|
|
|
|
|
/** color-rules **/
|
|
|
|
|
|
|
|
/** alt-color-rules **/
|
|
|
|
|
|
|
|
.u-body-color a,.u-palette-1-base a,.u-palette-1 a,.u-palette-2-base a,.u-palette-2 a,.u-palette-3-base a,.u-palette-3 a,.u-palette-4-base a,.u-palette-4 a,.u-palette-5-base a,.u-palette-5 a,.u-black a {
|
|
|
|
color: #f2eafd;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-body-color a:hover,.u-palette-1-base a:hover,.u-palette-1 a:hover,.u-palette-2-base a:hover,.u-palette-2 a:hover,.u-palette-3-base a:hover,.u-palette-3 a:hover,.u-palette-4-base a:hover,.u-palette-4 a:hover,.u-palette-5-base a:hover,.u-palette-5 a:hover,.u-black a:hover {
|
|
|
|
color: #a1a1a1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-body-color .u-btn,.u-palette-1-base .u-btn,.u-palette-1 .u-btn,.u-palette-2-base .u-btn,.u-palette-2 .u-btn,.u-palette-3-base .u-btn,.u-palette-3 .u-btn,.u-palette-4-base .u-btn,.u-palette-4 .u-btn,.u-palette-5-base .u-btn,.u-palette-5 .u-btn,.u-black .u-btn {
|
|
|
|
background-color: #f2eafd;
|
|
|
|
color: #000000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-body-color .u-btn:hover,.u-palette-1-base .u-btn:hover,.u-palette-1 .u-btn:hover,.u-palette-2-base .u-btn:hover,.u-palette-2 .u-btn:hover,.u-palette-3-base .u-btn:hover,.u-palette-3 .u-btn:hover,.u-palette-4-base .u-btn:hover,.u-palette-4 .u-btn:hover,.u-palette-5-base .u-btn:hover,.u-palette-5 .u-btn:hover,.u-black .u-btn:hover {
|
|
|
|
background-color: #d6bef9;
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-body-color .u-btn:active,.u-palette-1-base .u-btn:active,.u-palette-1 .u-btn:active,.u-palette-2-base .u-btn:active,.u-palette-2 .u-btn:active,.u-palette-3-base .u-btn:active,.u-palette-3 .u-btn:active,.u-palette-4-base .u-btn:active,.u-palette-4 .u-btn:active,.u-palette-5-base .u-btn:active,.u-palette-5 .u-btn:active,.u-black .u-btn:active {
|
|
|
|
background-color: #d6bef9;
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
/** alt-color-rules **/
|
|
|
|
|
|
|
|
/*end-variables sitestylecss*/
|
|
|
|
|
|
|
|
.u-footer {
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-footer .u-sheet-1 {
|
|
|
|
min-height: 120px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-footer .u-text-1 {
|
|
|
|
width: 417px;
|
2024-08-04 21:00:40 +03:00
|
|
|
margin-left: auto;
|
|
|
|
margin-top: 0px;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 30px;
|
2024-08-02 20:35:21 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 1199px) {
|
|
|
|
.u-footer .u-sheet-1 {
|
|
|
|
min-height: 99px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 991px) {
|
|
|
|
.u-footer .u-sheet-1 {
|
|
|
|
min-height: 76px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.u-footer .u-sheet-1 {
|
|
|
|
min-height: 57px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-footer .u-sheet-1 {
|
|
|
|
min-height: 36px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-footer .u-text-1 {
|
|
|
|
width: 340px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*begin-variables base-font-size*/
|
|
|
|
|
|
|
|
html {
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*end-variables base-font-size*/
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: black!important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn {
|
|
|
|
background-color: #ffd700!important;
|
|
|
|
color: #222!important;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 1.3rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
footer a {
|
|
|
|
color: #ffd700!important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-btn:hover {
|
|
|
|
background-color: #eee!important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 {
|
|
|
|
background-color: #fdfd00;
|
|
|
|
background-position: 50% 50%;
|
|
|
|
min-height: 671px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-layout-wrap-1 {
|
|
|
|
width: calc(((100% - 1140px) / 2) + 1140px);
|
|
|
|
margin: 0 0 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-layout-cell-1 {
|
|
|
|
min-height: 671px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-container-layout-1 {
|
|
|
|
padding: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-1 {
|
|
|
|
font-size: 3.75rem;
|
|
|
|
line-height: 1;
|
|
|
|
font-weight: 900;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-2 {
|
|
|
|
margin: 14px 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-btn-1 {
|
|
|
|
border-style: solid;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-line-1 {
|
|
|
|
width: 454px;
|
|
|
|
height: 13px;
|
|
|
|
transform-origin: left center;
|
|
|
|
margin: 14px auto 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-3 {
|
|
|
|
text-transform: uppercase;
|
|
|
|
line-height: 2.2;
|
|
|
|
font-size: 1rem;
|
|
|
|
font-weight: 700;
|
2024-08-04 21:00:40 +03:00
|
|
|
margin: 172px 0 0;
|
2024-08-02 20:35:21 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-image-1 {
|
|
|
|
min-height: 671px;
|
2025-01-13 15:06:56 +03:00
|
|
|
background-image: url("images/cover.png");
|
2024-08-02 20:35:21 +03:00
|
|
|
background-position: 10.05% 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-container-layout-2 {
|
|
|
|
padding: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-border-palette-1-base {
|
|
|
|
border-color: #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-button-style.u-border-palette-1-base {
|
|
|
|
border-color: #ffd700 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 1199px) {
|
|
|
|
.u-section-1 {
|
|
|
|
min-height: 600px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-layout-wrap-1 {
|
|
|
|
width: calc(((100% - 940px) / 2) + 940px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-layout-cell-1 {
|
|
|
|
min-height: 600px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-1 {
|
|
|
|
font-size: 3rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-line-1 {
|
|
|
|
width: 397px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-3 {
|
|
|
|
width: auto;
|
2024-08-04 21:00:40 +03:00
|
|
|
margin-top: 146px;
|
2024-08-02 20:35:21 +03:00
|
|
|
margin-left: 279px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-image-1 {
|
|
|
|
min-height: 600px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 991px) {
|
|
|
|
.u-section-1 {
|
|
|
|
min-height: 340px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-layout-wrap-1 {
|
|
|
|
width: calc(((100% - 720px) / 2) + 720px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-layout-cell-1 {
|
|
|
|
min-height: 526px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-container-layout-1 {
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-1 {
|
|
|
|
font-size: 2.625rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-line-1 {
|
2024-08-04 21:00:40 +03:00
|
|
|
width: 335px;
|
2024-08-02 20:35:21 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-3 {
|
2024-08-04 21:00:40 +03:00
|
|
|
margin-top: 82px;
|
2024-08-02 20:35:21 +03:00
|
|
|
margin-left: 35px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-image-1 {
|
|
|
|
min-height: 339px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.u-section-1 {
|
|
|
|
min-height: 738px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-layout-wrap-1 {
|
|
|
|
width: calc(((100% - 540px) / 2) + 540px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-layout-cell-1 {
|
|
|
|
min-height: 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-container-layout-1 {
|
|
|
|
padding-top: 60px;
|
|
|
|
padding-right: 83px;
|
|
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-1 {
|
|
|
|
font-size: 3rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-3 {
|
|
|
|
margin-top: 58px;
|
|
|
|
margin-right: 35px;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-image-1 {
|
|
|
|
background-position: 0% 50%;
|
|
|
|
min-height: 636px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-container-layout-2 {
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
.u-section-1 {
|
|
|
|
min-height: 502px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-layout-wrap-1 {
|
|
|
|
width: calc(((100% - 340px) / 2) + 340px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-container-layout-1 {
|
|
|
|
padding-top: 30px;
|
|
|
|
padding-right: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-text-1 {
|
|
|
|
font-size: 2.25rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-section-1 .u-image-1 {
|
|
|
|
min-height: 430px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 300;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 500;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 600;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 700;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 800;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 300;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 400;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 500;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 600;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 700;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Open Sans';
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 800;
|
|
|
|
font-stretch: 100%;
|
|
|
|
src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Poppins';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 500;
|
|
|
|
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Poppins';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
/* latin */
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Poppins';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 900;
|
|
|
|
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
|
|
|
|
|