.uk-container-default { background: #FFF; } .uk-container-white { background: rgba(255, 255, 255, 0.7); } .uk-container-black { background: rgba(0, 0, 0, 0.7); } @keyframes uk-spinner-rotate { 0% { transform: rotate(0deg) } to { transform: rotate(270deg) } } @keyframes uk-spinner-dash { 0% { stroke-dashoffset: 88px } 50% { stroke-dashoffset: 22px; transform: rotate(135deg) } to { stroke-dashoffset: 88px; transform: rotate(450deg) } } html { font-weight: 400; line-height: 1.5; text-size-adjust: 100%; color: #333; text-rendering: optimizeLegibility } body, ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul { margin: 0 } a:active, a:hover { outline: 0 } .uk-link, a { text-decoration: none; cursor: pointer } .uk-link:hover, a:hover { text-decoration: none } abbr[title] { border-bottom: none; text-decoration: underline dotted } b, strong { font-weight: bolder } :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { font-family: Consolas, monaco, monospace; font-size: .875rem; color: #f0506e; white-space: nowrap; padding: 2px 6px; background: #f8f8f8 } ins { text-decoration: none } ins, mark { background: #ffd; color: #666 } q { font-style: italic } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } audio, canvas, iframe, img, svg, video { vertical-align: middle } audio, canvas, img, video { max-width: 100%; height: auto; box-sizing: border-box } svg:not(:root) { overflow: hidden } img:not([src]) { visibility: hidden } .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 { /* margin: 0 0 20px; */ font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; font-weight: 400; color: #000; text-transform: none } * + .uk-h1, * + .uk-h2, * + .uk-h3, * + .uk-h4, * + .uk-h5, * + .uk-h6, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 40px } .uk-h1, h1 { font-size: 1.575rem; line-height: 2 } .uk-h2, h2 { font-size: 1.4rem; line-height: 1.3 } .uk-h3, h3 { font-size: 1.2rem; line-height: 1.4 } .uk-h4, blockquote, h4 { font-size: 1.25rem; line-height: 1.4 } .uk-h5, h5 { font-size: 16px; line-height: 1.4 } .uk-h6, h6 { font-size: .875rem; line-height: 1.4 } @media (min-width: 960px) { .uk-h1, h1 { color: #000; } .uk-h2, h2 { font-size: 2rem } } dt { font-weight: 700 } dd { margin-left: 0 } .uk-hr, hr { box-sizing: content-box; height: 0; overflow: visible; text-align: inherit; margin: 0 0 20px; border: 0; border-top: 1px solid #e5e5e5 } address { font-style: normal } blockquote { margin: 0 0 20px; line-height: 1.5; font-style: italic; color: #333 } * + .uk-hr, * + blockquote, * + hr { margin-top: 20px } blockquote p:last-of-type { margin-bottom: 0 } blockquote footer { margin-top: 10px; font-size: .875rem; line-height: 1.5; color: #666 } blockquote footer::before { content: "— " } pre { font: .875rem/1.5 Consolas, monaco, monospace; color: #666; tab-size: 4; overflow: auto; padding: 10px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff } pre code { font-family: Consolas, monaco, monospace } ::selection { background: #39f; color: #fff; text-shadow: none } details, main { display: block } summary { display: list-item } template { display: none } iframe { border: 0 } a, area, button, input, label, select, summary, textarea { touch-action: manipulation } .var-media-s::before { content: '640px' } .var-media-m::before { content: '960px' } .var-media-l::before { content: '1200px' } .var-media-xl::before { content: '1600px' } .uk-link-muted a, a.uk-link-muted { color: rgba(0, 0, 0, .6); } .uk-link-muted a:hover, a.uk-link-muted:hover { color: rgba(0, 0, 0, .4); } .uk-link-text a:not(:hover), a.uk-link-text:not(:hover) { color: inherit } .uk-link-text a:hover, a.uk-link-text:hover { color: rgba(0, 0, 0, .6); } .uk-link-heading a:not(:hover), a.uk-link-heading:not(:hover) { color: inherit } .uk-link-heading a:hover, a.uk-link-heading:hover { color: #1e87f0; text-decoration: none } .uk-link-reset a, .uk-link-reset a:hover, a.uk-link-reset, a.uk-link-reset:hover { color: inherit !important; text-decoration: none !important } .uk-heading-primary { font-size: 3rem; line-height: 1.2 } @media (min-width: 960px) { .uk-heading-primary { font-size: 3.375rem } } @media (min-width: 1200px) { .uk-heading-primary { font-size: 3.75rem; line-height: 1.1 } } .uk-heading-hero { font-size: 4rem; line-height: 1.1 } @media (min-width: 960px) { .uk-heading-hero { font-size: 6rem; line-height: 1 } } @media (min-width: 1200px) { .uk-heading-hero { font-size: 8rem; line-height: 1 } } .uk-heading-divider { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5 } .uk-heading-bullet { position: relative } .uk-heading-bullet::before { content: ""; top: calc(-.1 * 1em); vertical-align: middle; height: .9em; margin-right: 10px; border-left: 5px solid #e5e5e5 } .uk-heading-line { overflow: hidden } .uk-heading-bullet::before, .uk-heading-line > * { display: inline-block; position: relative } .uk-heading-line > ::after, .uk-heading-line > ::before { content: ""; position: absolute; top: calc(50% - (1px / 2)); width: 2000px; border-bottom: 1px solid #333; } .uk-heading-line > ::before { right: 100%; margin-right: .6em } .uk-heading-line > ::after { left: 100%; margin-left: .6em } .uk-list { padding: 0; list-style: none } .uk-list > li::after, .uk-list > li::before { content: ""; display: table } .uk-list > li::after { clear: both } .uk-list > li > :last-child, .uk-table td > :last-child { margin-bottom: 0 } .uk-list ul { margin: 0; padding-left: 30px; list-style: none } .uk-list > li:nth-child(n+2), .uk-list > li > ul { margin-top: 10px } .uk-list-divider > li:nth-child(n+2) { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5 } .uk-list-striped > li { padding: 10px } .uk-list-striped > li:nth-of-type(odd) { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8 } .uk-list-striped > li:nth-child(n+2) { margin-top: 0 } .uk-list-bullet > li { position: relative; padding-left: calc(1.5em + 10px) } .uk-list-bullet > li::before { content: ""; position: absolute; top: 0; left: 0; width: 1.5em; height: 1.5em; background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: 50% 50%; float: left } .uk-description-list > dt:nth-child(n+2), .uk-list-large > li:nth-child(n+2), .uk-list-large > li > ul { margin-top: 20px } .uk-list-large.uk-list-divider > li:nth-child(n+2) { margin-top: 20px; padding-top: 20px } .uk-list-large.uk-list-striped > li { padding: 20px 10px } .uk-list-large.uk-list-striped > li:nth-of-type(odd) { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 } .uk-list-large.uk-list-striped > li:nth-child(n+2) { margin-top: 0 } .uk-description-list > dt { color: #333; font-size: .875rem; font-weight: 400; text-transform: uppercase } .uk-description-list-divider > dt:nth-child(n+2) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5 } .uk-table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px } * + .uk-table { margin-top: 20px } .uk-table th { padding: 16px 12px; vertical-align: bottom; font-weight: 600; letter-spacing: .5px; } .uk-table td { padding: 16px 12px; vertical-align: top } .uk-table tfoot { font-size: .875rem } .uk-table caption, .uk-table th { font-size: .875rem; text-align: left; color: #333; } .uk-table-middle, .uk-table-middle td { vertical-align: middle !important } .uk-table-divider > :first-child > tr:not(:first-child), .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > tr:not(:first-child) { border-top: 1px solid #e5e5e5 } .uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped > tr:nth-of-type(odd) { background: #f8f8f8; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 } .uk-table tbody tr.uk-active, .uk-table-hover tbody tr:hover, .uk-table-hover > tr:hover, .uk-table > tr.uk-active { background: #ffd } .uk-table-small .uk-table-link > a, .uk-table-small td, .uk-table-small th { padding: 10px 12px } .uk-table-large td, .uk-table-large th { padding: 22px 12px } .uk-table-justify td:first-child, .uk-table-justify th:first-child { padding-left: 0 } .uk-table-justify td:last-child, .uk-table-justify th:last-child { padding-right: 0 } .uk-table-shrink { width: 1px } .uk-table-expand { min-width: 150px } .uk-table-link { padding: 0 !important } .uk-table-link > a { display: block; padding: 16px 12px } @media (max-width: 959px) { .uk-table-responsive, .uk-table-responsive tbody, .uk-table-responsive td, .uk-table-responsive th, .uk-table-responsive tr { display: block } .uk-table-responsive td, .uk-table-responsive th { width: auto !important; max-width: none !important; min-width: 0 !important; overflow: visible !important; white-space: normal !important } .uk-table-responsive .uk-table-link:not(:first-child) > a, .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-table-responsive th:not(:first-child):not(.uk-table-link) { padding-top: 5px !important } .uk-table-responsive .uk-table-link:not(:last-child) > a, .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-table-responsive th:not(:last-child):not(.uk-table-link) { padding-bottom: 5px !important } .uk-table-justify.uk-table-responsive td, .uk-table-justify.uk-table-responsive th { padding-left: 0; padding-right: 0 } } .uk-table tbody tr { transition: background-color .1s linear } .uk-icon { margin: 0; border: 0; border-radius: 0; overflow: visible; font: inherit; color: inherit; text-transform: none; padding: 0; background-color: transparent; display: inline-block; fill: currentcolor; line-height: 0 } button.uk-icon:not(:disabled) { cursor: pointer } .uk-icon [FILL*='#']:not(.uk-preserve), .uk-icon [fill*='#']:not(.uk-preserve) { fill: currentcolor } .uk-icon [STROKE*='#']:not(.uk-preserve), .uk-icon [stroke*='#']:not(.uk-preserve) { stroke: currentcolor } .uk-icon > * { transform: translate(0, 0) } .uk-icon-image { width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; vertical-align: middle } .uk-article-meta a, .uk-icon-link { color: #999 } .uk-icon-link:focus, .uk-icon-link:hover { color: #666; outline: 0 } .uk-active > .uk-icon-link, .uk-icon-link:active { color: #595959 } .uk-icon-button { box-sizing: border-box; width: 36px; height: 36px; border-radius: 500px; background: #f8f8f8; color: #999; vertical-align: middle; display: inline-flex; justify-content: center; align-items: center; transition: .1s ease-in-out; transition-property: color, background-color } .uk-icon-button:focus, .uk-icon-button:hover { background-color: #ebebeb; color: #666; outline: 0 } .uk-active > .uk-icon-button, .uk-icon-button:active { background-color: #dfdfdf; color: #666 } .uk-checkbox, .uk-input, .uk-radio, .uk-select, .uk-textarea { box-sizing: border-box; margin: 0; font: inherit } .uk-checkbox { border-radius: 0 } .uk-input { overflow: visible } .uk-select { text-transform: none } .uk-select optgroup { font: inherit; font-weight: 700 } .uk-textarea { overflow: auto } .uk-checkbox:not(:disabled), .uk-radio:not(:disabled) { cursor: pointer } .uk-fieldset { border: 0; margin: 0; padding: 0 } .uk-input, .uk-select, .uk-textarea { max-width: 100%; width: 100%; padding: 0 10px; background: #fff; color: #666; border: 1px solid #e5e5e5; transition: .2s ease-in-out; transition-property: color, background-color, border; border-radius: 4px } .uk-input, .uk-select:not([multiple]):not([size]) { height: 40px; vertical-align: middle; display: inline-block } .uk-input:not(input), .uk-select:not(select) { line-height: 38px } .uk-select[multiple], .uk-select[size], .uk-textarea { padding-top: 4px; padding-bottom: 4px; vertical-align: top } .uk-input:focus, .uk-select:focus, .uk-textarea:focus { outline: 0; background-color: #fff; color: #666; border-color: #1e87f0 } .uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled { background-color: #f8f8f8; color: #999; border-color: #e5e5e5 } .uk-input::placeholder { color: #999 } .uk-textarea::placeholder { color: #999 } .uk-form-small { font-size: .875rem } .uk-form-small:not(textarea):not([multiple]):not([size]) { height: 30px; padding-left: 8px; padding-right: 8px } .uk-form-small:not(select):not(input):not(textarea) { line-height: 28px } .uk-form-large { font-size: 1.25rem } .uk-form-large:not(textarea):not([multiple]):not([size]) { height: 55px; padding-left: 12px; padding-right: 12px } .uk-form-large:not(select):not(input):not(textarea) { line-height: 53px } .uk-form-danger, .uk-form-danger:focus { color: #f0506e; border-color: #f0506e } .uk-form-success, .uk-form-success:focus { color: #32d296; border-color: #32d296 } .uk-form-blank { background: 0 0; border-color: transparent } .uk-form-blank:focus { border-color: #e5e5e5; border-style: dashed } input.uk-form-width-xsmall { width: 50px } select.uk-form-width-xsmall { width: 75px } .uk-form-width-small { width: 130px } .uk-form-width-medium { width: 200px } .uk-form-width-large { width: 500px } .uk-select:not([multiple]):not([size]) { padding-right: 20px; background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A); background-repeat: no-repeat; background-position: 100% 50% } .uk-select:not([multiple]):not([size]) option { color: #444 } .uk-select:not([multiple]):not([size]):disabled { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A) } .uk-checkbox, .uk-radio { display: inline-block; height: 16px; width: 16px; overflow: hidden; margin-top: -4px; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #ccc; transition: .2s ease-in-out; transition-property: background-color, border } .uk-radio { border-radius: 50% } .uk-checkbox:focus, .uk-radio:focus { outline: 0; border-color: #1e87f0 } .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked { background-color: #1e87f0; border-color: transparent } .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus { background-color: #0e6dcd } .uk-radio:checked { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-checkbox:checked { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A) } .uk-checkbox:indeterminate { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-checkbox:disabled, .uk-radio:disabled { background-color: #f8f8f8; border-color: #e5e5e5 } .uk-radio:disabled:checked { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-checkbox:disabled:checked { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A) } .uk-checkbox:disabled:indeterminate { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-legend { width: 100%; color: inherit; padding: 0; font-size: 1.5rem; line-height: 1.4 } .uk-form-custom { display: inline-block; position: relative; max-width: 100%; vertical-align: middle } .uk-form-custom input[type=file], .uk-form-custom select { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; left: 0; opacity: 0; cursor: pointer } .uk-form-custom input[type=file] { font-size: 500px; overflow: hidden } .uk-form-label { color: #333; font-size: .875rem } .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px } @media (max-width: 959px) { .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px } } @media (min-width: 960px) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 7px; float: left } .uk-form-horizontal .uk-form-controls { margin-left: 215px } .uk-form-horizontal .uk-form-controls-text { padding-top: 7px } } .uk-form-icon { position: absolute; top: 0; bottom: 0; left: 0; width: 40px; display: inline-flex; justify-content: center; align-items: center; color: #999 } .uk-form-icon:hover { color: #666 } .uk-form-icon:not(a):not(button):not(input), .uk-search .uk-search-icon:not(a):not(button):not(input) { pointer-events: none } .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { padding-left: 40px !important } .uk-form-icon-flip { right: 0; left: auto } .uk-form-icon-flip ~ .uk-input { padding-right: 40px !important } .uk-button { margin: 0; border: 0; overflow: visible; font: inherit; color: inherit; display: inline-block; box-sizing: border-box; padding: 0 15px; vertical-align: middle; font-size: .875rem; line-height: 38px; text-align: center; text-decoration: none; text-transform: uppercase; transition: .1s ease-in-out; transition-property: color, background-color, border-color; border-radius: 4px } .uk-button:not(:disabled) { cursor: pointer } .uk-button:hover { text-decoration: none } .uk-button:focus { outline: 0 } .uk-button-default { background-color: transparent; color: #333; border: 1px solid #e5e5e5 } .uk-button-default:focus, .uk-button-default:hover { background-color: transparent; color: #333; border-color: #b2b2b2 } .uk-button-default.uk-active, .uk-button-default:active { background-color: transparent; color: #333; border-color: #999 } .uk-button-primary { background-color: #1e87f0; color: #fff !important; border: 1px solid transparent } .uk-button-primary:focus, .uk-button-primary:hover { background-color: #0f7ae5; color: #fff } .uk-button-primary.uk-active, .uk-button-primary:active { background-color: #0e6dcd; color: #fff } .uk-button-secondary { background-color: #222; color: #fff; border: 1px solid transparent } .uk-button-secondary:focus, .uk-button-secondary:hover { background-color: #151515; color: #fff } .uk-button-secondary.uk-active, .uk-button-secondary:active { background-color: #080808; color: #fff } .uk-button-danger { background-color: #f0506e; color: #fff; border: 1px solid transparent } .uk-button-danger:focus, .uk-button-danger:hover { background-color: #ee395b; color: #fff } .uk-button-danger.uk-active, .uk-button-danger:active { background-color: #ec2147; color: #fff } .uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled { background-color: transparent; color: #999; border-color: #e5e5e5 } .uk-button-large, .uk-button-small { padding: 0 15px; line-height: 28px; font-size: .875rem } .uk-button-large { padding: 0 40px; line-height: 53px } .uk-button-text { padding: 0; line-height: 1.5; background: 0 0; color: #333; position: relative } .uk-button-text::before { content: ""; position: absolute; bottom: 0; left: 0; right: 100%; border-bottom: 1px solid #333; transition: right .3s ease-out } .uk-button-text:focus, .uk-button-text:hover { color: #333 } .uk-button-text:focus::before, .uk-button-text:hover::before { right: 0 } .uk-button-text:disabled { color: #999 } .uk-button-text:disabled::before { display: none } .uk-button-link { padding: 0; line-height: 1.5; background: 0 0; color: #1e87f0 } .uk-button-link:focus, .uk-button-link:hover { color: #0f6ecd; text-decoration: underline } .uk-button-link:disabled { color: #999; text-decoration: none } .uk-button-group { display: inline-flex; vertical-align: middle; position: relative } .uk-button-group > .uk-button:nth-child(n+2), .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px } .uk-button-group .uk-button.uk-active, .uk-button-group .uk-button:active, .uk-button-group .uk-button:focus, .uk-button-group .uk-button:hover { position: relative; z-index: 1 } .uk-section { box-sizing: border-box; padding-top: 20px; padding-bottom: 20px } @media (min-width: 960px) { .uk-section { padding-top: 20px; padding-bottom: 20px } } .uk-section::after, .uk-section::before { content: ""; display: table } .uk-section::after { clear: both } .uk-container > :last-child, .uk-section > :last-child { margin-bottom: 0 } .uk-section-xsmall { padding-top: 20px; padding-bottom: 20px } .uk-section-large { padding-top: 20px; padding-bottom: 20px } @media (min-width: 960px) { .uk-section-large { padding-top: 20px; padding-bottom: 20px } } .uk-section-xlarge { padding-top: 20px; padding-bottom: 20px } @media (min-width: 960px) { .uk-section-xlarge { padding-top: 20px; padding-bottom: 20px } } .uk-section-default { background: #fff } .uk-section-muted { background: #f8f8f8 } .uk-section-primary { background: #1e87f0 } .uk-section-secondary { background: linear-gradient(135deg, var(--main-color), var(--secondary-color)); } .uk-container { box-sizing: content-box; max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px } @media (min-width: 640px) { .uk-container { padding-left: 30px; padding-right: 30px } } @media (min-width: 960px) { .uk-container { padding-left: 40px; padding-right: 40px } } .uk-container::after, .uk-container::before { content: ""; display: table } .uk-container::after { clear: both } .uk-container .uk-container { padding-left: 0; padding-right: 0 } .uk-container-small { max-width: 900px } .uk-container-large { max-width: 1600px } .uk-container-expand { max-width: none } .uk-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none } .uk-grid > * { margin: 0 } .uk-grid > * > :last-child { margin-bottom: 0 } .uk-grid { margin: 0 0 0 -10px } .uk-grid > * { padding-left: 10px } * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 10px } @media (min-width: 1200px) { .uk-grid { margin-left: -10px } .uk-grid > * { padding-left: 10px } * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 10px } } .uk-grid-small { margin-left: -15px } .uk-grid-small > * { padding-left: 15px } * + .uk-grid-margin-small, .uk-grid + .uk-grid-small, .uk-grid-small > .uk-grid-margin { margin-top: 15px } .uk-grid-medium { margin-left: -30px } .uk-grid-medium > * { padding-left: 30px } * + .uk-grid-margin-medium, .uk-grid + .uk-grid-medium, .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, .uk-grid-medium > .uk-grid-margin { margin-top: 30px } .uk-grid-large { margin-left: -40px } .uk-grid-large > * { padding-left: 40px } * + .uk-grid-margin-large, .uk-grid + .uk-grid-large, .uk-grid-large > .uk-grid-margin { margin-top: 40px } @media (min-width: 1200px) { .uk-grid-large { margin-left: -70px } .uk-grid-large > * { padding-left: 70px } * + .uk-grid-margin-large, .uk-grid + .uk-grid-large, .uk-grid-large > .uk-grid-margin { margin-top: 70px } } .uk-grid-collapse { margin-left: 0 } .uk-grid-collapse > * { padding-left: 0 } .uk-grid + .uk-grid-collapse, .uk-grid-collapse > .uk-grid-margin { margin-top: 0 } .uk-grid-divider > * { position: relative } .uk-grid-divider > :not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; border-left: 1px solid #e5e5e5; left: 30px } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; right: 0; border-top: 1px solid #e5e5e5; top: -30px; left: 60px } .uk-grid-divider { margin-left: -60px } .uk-grid-divider > * { padding-left: 60px } .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 60px } @media (min-width: 1200px) { .uk-grid-divider { margin-left: -80px } .uk-grid-divider > * { padding-left: 80px } .uk-grid-divider > :not(.uk-first-column)::before { left: 40px } .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 80px } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px } } .uk-grid-divider.uk-grid-small { margin-left: -30px } .uk-grid-divider.uk-grid-small > * { padding-left: 30px } .uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before { left: 15px } .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; left: 30px } .uk-grid-divider.uk-grid-medium { margin-left: -60px } .uk-grid-divider.uk-grid-medium > * { padding-left: 60px } .uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before { left: 30px } .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px } .uk-grid-divider.uk-grid-large { margin-left: -80px } .uk-grid-divider.uk-grid-large > * { padding-left: 80px } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before { left: 40px } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin { margin-top: 80px } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px } @media (min-width: 1200px) { .uk-grid-divider.uk-grid-large { margin-left: -140px } .uk-grid-divider.uk-grid-large > * { padding-left: 140px } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before { left: 70px } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin { margin-top: 140px } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; left: 140px } } .uk-grid-item-match, .uk-grid-match > * { display: flex; flex-wrap: wrap } .uk-grid-item-match > :not([class*=uk-width]), .uk-grid-match > * > :not([class*=uk-width]) { box-sizing: border-box; width: 100%; flex: auto } .uk-card { position: relative; box-sizing: border-box; transition: box-shadow .1s ease-in-out; } .uk-card-body { padding: 3px } .uk-card-footer, .uk-card-header { padding: 15px 30px } @media (min-width: 1200px) { .uk-card-footer, .uk-card-header { padding: 20px 40px } } .uk-card-body::after, .uk-card-body::before, .uk-card-footer::after, .uk-card-footer::before, .uk-card-header::after, .uk-card-header::before { content: ""; display: table } .uk-card-body::after, .uk-card-footer::after, .uk-card-header::after { clear: both } .uk-card-body > :last-child, .uk-card-footer > :last-child, .uk-card-header > :last-child { margin-bottom: 0 } [class*=uk-card-media] { margin: 0 } .uk-card-title { font-size: 1.5rem; line-height: 1.4 } .uk-card-badge { position: absolute; top: 30px; right: 30px; z-index: 1 } .uk-card-badge:first-child + * { margin-top: 0 } .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { background: #fff; box-shadow: 0 14px 25px rgba(0, 0, 0, .26) } .uk-card-default, .uk-card-primary, .uk-card-secondary { box-shadow: 0 5px 15px rgba(0, 0, 0, .08) } .uk-card-default { background: rgba(255, 255, 255, .9); border: 1px solid #999; border-radius: 5px; color: #333; } .uk-card-default .uk-card-title { color: #000; } .uk-card-default.uk-card-hover:hover, .uk-card-primary.uk-card-hover:hover, .uk-card-secondary.uk-card-hover:hover { background-color: #fff; box-shadow: 0 14px 25px rgba(0, 0, 0, .16) } .uk-card-default .uk-card-header { border-bottom: 1px solid #e5e5e5 } .uk-card-default .uk-card-footer { border-top: 1px solid #e5e5e5 } .uk-card-primary, .uk-card-secondary { color: #fff } .uk-card-primary { background: #1e87f0 } .uk-card-primary .uk-card-title, .uk-card-secondary .uk-card-title { color: #fff } .uk-card-primary.uk-card-hover:hover, .uk-card-secondary.uk-card-hover:hover { background-color: #1e87f0 } .uk-card-secondary { background: #222 } .uk-card-secondary.uk-card-hover:hover { background-color: #222 } .uk-card-small .uk-card-body, .uk-card-small.uk-card-body { padding: 20px } .uk-card-small .uk-card-footer, .uk-card-small .uk-card-header { padding: 13px 20px } @media (min-width: 1200px) { .uk-card-large .uk-card-body, .uk-card-large.uk-card-body { padding: 70px } .uk-card-large .uk-card-footer, .uk-card-large .uk-card-header { padding: 35px 70px } } .uk-card-body > .uk-nav-default { margin-left: -30px; margin-right: -30px } .uk-card-body > .uk-nav-default:only-child { margin-top: -15px; margin-bottom: -15px } .uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default > li > a { padding-left: 30px; padding-right: 30px } .uk-card-body .uk-nav-default .uk-nav-sub { padding-left: 45px } @media (min-width: 1200px) { .uk-card-body > .uk-nav-default { margin-left: -40px; margin-right: -40px } .uk-card-body > .uk-nav-default:only-child { margin-top: -25px; margin-bottom: -25px } .uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default > li > a { padding-left: 40px; padding-right: 40px } .uk-card-body .uk-nav-default .uk-nav-sub { padding-left: 55px } } .uk-card-small > .uk-nav-default { margin-left: -20px; margin-right: -20px } .uk-card-small > .uk-nav-default:only-child { margin-top: -5px; margin-bottom: -5px } .uk-card-small .uk-nav-default .uk-nav-divider, .uk-card-small .uk-nav-default .uk-nav-header, .uk-card-small .uk-nav-default > li > a { padding-left: 20px; padding-right: 20px } .uk-card-small .uk-nav-default .uk-nav-sub { padding-left: 35px } @media (min-width: 1200px) { .uk-card-large > .uk-nav-default { margin: 0 } .uk-card-large > .uk-nav-default:only-child { margin: 0 } .uk-card-large .uk-nav-default .uk-nav-divider, .uk-card-large .uk-nav-default .uk-nav-header, .uk-card-large .uk-nav-default > li > a { padding-left: 0; padding-right: 0 } .uk-card-large .uk-nav-default .uk-nav-sub { padding-left: 15px } } .uk-close { color: #333; transition: .1s ease-in-out; transition-property: color, opacity; z-index: 1; } .uk-close:focus, .uk-close:hover { color: #FF4747; outline: 0 } .uk-spinner > * { animation: uk-spinner-rotate 1.4s linear infinite } .uk-spinner > * > * { stroke-dasharray: 88px; stroke-dashoffset: 0; transform-origin: center; animation: uk-spinner-dash 1.4s ease-in-out infinite; stroke-width: 1; stroke-linecap: round } .uk-badge { box-sizing: border-box; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 500px; vertical-align: middle; background: #1e87f0; color: #fff; font-size: .875rem; display: inline-flex; justify-content: center; align-items: center } .uk-badge:focus, .uk-badge:hover { color: #fff; text-decoration: none; outline: 0 } .uk-label { display: inline-block; padding: 0 10px; background: #1e87f0; line-height: 1.5; font-size: .875rem; color: #fff; vertical-align: middle; white-space: nowrap; border-radius: 2px; text-transform: uppercase } .uk-label-success { background-color: #32d296; color: #fff } .uk-label-warning { background-color: #faa05a; color: #fff } .uk-label-danger { background-color: #f0506e; color: #fff } .uk-overlay { padding: 30px } .uk-article > :last-child, .uk-overlay > :last-child { margin-bottom: 0 } .uk-overlay-default { background: rgba(255, 255, 255, .8) } .uk-overlay-primary { background: rgba(34, 34, 34, .8) } .uk-article::after, .uk-article::before { content: ""; display: table } .uk-article::after { clear: both } .uk-article + .uk-article { margin-top: 70px } .uk-article-title { font-size: 1.575rem; line-height: 1.2 } @media (min-width: 960px) { .uk-article-title { font-size: 2.625rem } } .uk-article-meta { font-size: .875rem; line-height: 1.4; color: #999 } .uk-article-meta a:hover { color: #666; text-decoration: none } .uk-search { display: inline-block; position: relative; max-width: 100%; margin: 0 } .uk-search-input { box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; overflow: visible; vertical-align: middle; width: 100%; border: 0; color: #666 } .uk-search-input:focus { outline: 0 } .uk-search-input::placeholder { color: #999 } .uk-nav li > a:focus, .uk-search-icon:focus { outline: 0 } .uk-search .uk-search-icon { position: absolute; top: 0; bottom: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; color: #999 } .uk-search .uk-search-icon:hover { color: #999 } .uk-search .uk-search-icon-flip { right: 0; left: auto } .uk-search-default { width: 180px } .uk-search-default .uk-search-input { height: 40px; padding-left: 6px; padding-right: 6px; background: 0 0; border: 1px solid #e5e5e5 } .uk-search-default .uk-search-input:focus { background-color: transparent } .uk-search-default .uk-search-icon { width: 40px } .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input, .uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 40px } .uk-search-default .uk-search-icon-flip ~ .uk-search-input, .uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { padding-right: 40px } .uk-search-navbar { width: 400px } .uk-search-navbar .uk-search-input { height: 40px; background: 0 0; font-size: 1.5rem } .uk-search-navbar .uk-search-icon { width: 40px } .uk-search-large { width: 500px } .uk-search-large .uk-search-input { height: 80px; background: 0 0; font-size: 2.625rem } .uk-search-large .uk-search-icon { width: 80px } .uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 80px } .uk-search-large .uk-search-icon-flip ~ .uk-search-input { padding-right: 80px } .uk-search-toggle { color: #999 } .uk-search-toggle:focus, .uk-search-toggle:hover { color: #666 } .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none } .uk-nav li > a { display: block; text-decoration: none } .uk-nav > li > a { padding: 5px 0 } ul.uk-nav-sub { padding: 5px 0 5px 15px } .uk-nav-sub ul { padding-left: 15px } .uk-nav-sub a { padding: 2px 0 } .uk-nav-parent-icon > .uk-parent > a::after { content: ""; width: 1.5em; height: 1.5em; float: right; background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: 50% 50% } .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-nav-header { padding: 5px 0; text-transform: uppercase; font-size: .875rem } .uk-nav-header:not(:first-child) { margin-top: 20px } .uk-nav-divider { margin: 5px 0 } .uk-nav-default { font-size: .875rem } .uk-nav-default .uk-nav-sub a, .uk-nav-default > li > a, .uk-nav-primary .uk-nav-sub a { color: rgba(0, 0, 0, .8); } .uk-nav-default .uk-nav-sub a:focus, .uk-nav-default .uk-nav-sub a:hover, .uk-nav-default > li > a:focus, .uk-nav-default > li > a:hover { color: rgba(0, 0, 0, .6); } .uk-nav-default .uk-nav-header, .uk-nav-default > li.uk-active > a { color: #333 } .uk-nav-default .uk-nav-divider { border-top: 1px solid #e5e5e5 } .uk-nav-primary > li > a { font-size: 1.5rem; line-height: 1.5; color: #999 } .uk-nav-primary .uk-nav-sub a:focus, .uk-nav-primary .uk-nav-sub a:hover, .uk-nav-primary > li > a:focus, .uk-nav-primary > li > a:hover { color: #666 } .uk-nav-primary .uk-nav-header, .uk-nav-primary > li.uk-active > a { color: #333 } .uk-nav-primary .uk-nav-divider { border-top: 1px solid #e5e5e5 } .uk-nav-center { text-align: center } .uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul { padding-left: 0 } .uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { position: absolute } .uk-navbar { display: flex; position: relative } .uk-navbar-container:not(.uk-navbar-transparent) { background: #f8f8f8 } .uk-navbar-container > ::after, .uk-navbar-container > ::before { display: none !important } .uk-navbar-center, .uk-navbar-center-left > *, .uk-navbar-center-right > *, .uk-navbar-left, .uk-navbar-right { display: flex; align-items: center } .uk-navbar-right { margin-left: auto } .uk-navbar-center:only-child { margin-left: auto; margin-right: auto; position: relative } .uk-navbar-center:not(:only-child) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 990 } .uk-navbar-center:not(:only-child) .uk-navbar-item, .uk-navbar-center:not(:only-child) .uk-navbar-nav > li > a, .uk-navbar-center:not(:only-child) .uk-navbar-toggle { white-space: nowrap } .uk-navbar-center-left, .uk-navbar-center-right { position: absolute; top: 0 } .uk-navbar-center-left { right: 100% } .uk-navbar-center-right { left: 100% } [class*=uk-navbar-center-] .uk-navbar-item, [class*=uk-navbar-center-] .uk-navbar-nav > li > a, [class*=uk-navbar-center-] .uk-navbar-toggle { white-space: nowrap } .uk-navbar-nav { display: flex; margin: 0; padding: 0; list-style: none } .uk-navbar-center:only-child, .uk-navbar-left, .uk-navbar-right { flex-wrap: wrap } .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle { display: flex; justify-content: center; align-items: center; box-sizing: border-box; height: 80px; padding: 0 10px; font-size: .875rem; font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; text-decoration: none } .uk-navbar-nav > li > a { letter-spacing: 0.5px; transition: .1s ease-in-out; transition-property: color, background-color } .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a.uk-open, .uk-navbar-nav > li > a:focus { color: rgba(0, 0, 0, .6); outline: 0 } .uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li > a:active { color: #333 } .uk-navbar-item { color: #666 } .uk-navbar-dropdown-nav .uk-nav-sub a, .uk-navbar-dropdown-nav > li > a, .uk-navbar-toggle { color: rgba(0, 0, 0, .8); } .uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover { color: rgba(0, 0, 0, .6); outline: 0; text-decoration: none } .uk-navbar-subtitle { font-size: .875rem } .uk-navbar-dropdown { display: none; position: absolute; z-index: 1020; box-sizing: border-box; width: 200px; padding: 3px 25px 15px 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, .15) } .uk-navbar-dropdown.uk-open { display: block } [class*=uk-navbar-dropdown-top] { margin-top: -15px } [class*=uk-navbar-dropdown-bottom] { margin-top: 15px } [class*=uk-navbar-dropdown-left] { margin-left: -15px } [class*=uk-navbar-dropdown-right] { margin-left: 15px } .uk-navbar-dropdown-grid { margin-left: -50px } .uk-navbar-dropdown-grid > * { padding-left: 50px } .uk-navbar-dropdown-grid > .uk-grid-margin { margin-top: 50px } .uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { width: 100% !important } .uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { width: 400px } .uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { width: 600px } .uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { width: 800px } .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { width: 1000px } .uk-navbar-dropdown-dropbar { margin-top: 0; margin-bottom: 0; box-shadow: none } .uk-navbar-dropdown-nav { font-size: .875rem } .uk-navbar-dropdown-nav .uk-nav-sub a:focus, .uk-navbar-dropdown-nav .uk-nav-sub a:hover, .uk-navbar-dropdown-nav > li > a:focus, .uk-navbar-dropdown-nav > li > a:hover { color: #666 } .uk-navbar-dropdown-nav .uk-nav-header, .uk-navbar-dropdown-nav > li.uk-active > a { color: #333 } .uk-navbar-dropdown-nav .uk-nav-divider { border-top: 1px solid #e5e5e5 } .uk-navbar-dropbar { background: #fff } .uk-navbar-dropbar-slide { position: absolute; z-index: 980; left: 0; right: 0; box-shadow: 0 5px 7px rgba(0, 0, 0, .05) } .uk-navbar-container > .uk-container .uk-navbar-left { margin-right: -15px } .uk-navbar-container > .uk-container .uk-navbar-right { margin-right: -15px } .uk-navbar-dropdown-grid > * { position: relative } .uk-navbar-dropdown-grid > :not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; left: 25px; border-left: 1px solid #e5e5e5 } .uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; top: -25px; left: 50px; right: 0; border-top: 1px solid #e5e5e5 } .uk-subnav { display: flex; flex-wrap: wrap; margin-left: -20px; padding: 0; list-style: none } .uk-subnav > * { flex: none; padding-left: 20px; position: relative } .uk-subnav > * > :first-child { display: block; color: #999; font-size: .875rem; text-transform: uppercase; transition: .1s ease-in-out; transition-property: color, background-color; border-radius: 4px } .uk-subnav > * > a:focus, .uk-subnav > * > a:hover { color: #666; text-decoration: none; outline: 0 } .uk-subnav > .uk-active > a { color: #333 } .uk-subnav-divider > * { display: flex; align-items: center } .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { content: ""; height: 1.5em; margin-left: 0; margin-right: 20px; border-left: 1px solid #e5e5e5 } .uk-subnav-pill > * > :first-child { padding: 5px 10px; background: 0 0; color: #999 } .uk-subnav-pill > * > a:focus, .uk-subnav-pill > * > a:hover { background-color: #f8f8f8; color: #666 } .uk-subnav-pill > * > a:active { background-color: #f8f8f8; color: #666 } .uk-subnav-pill > .uk-active > a { background-color: #1e87f0; color: #fff } .uk-subnav > .uk-disabled > a { color: #999 } .uk-breadcrumb { display: flex; flex-wrap: wrap; padding: 0; list-style: none } .uk-breadcrumb > * { flex: none } .uk-breadcrumb > * > * { display: inline-block; font-size: .875rem; color: #999 } .uk-breadcrumb > * > :focus, .uk-breadcrumb > * > :hover { color: #666; text-decoration: none } .uk-breadcrumb > :last-child > * { color: #666 } .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; margin: 0 20px; color: #999 } .uk-pagination { display: flex; flex-wrap: wrap; margin-left: -20px; padding: 0; list-style: none } .uk-pagination > * { flex: none; padding-left: 20px; position: relative } .uk-pagination > * > * { display: block; color: #999; transition: color .1s ease-in-out } .uk-pagination > * > :focus, .uk-pagination > * > :hover, .uk-tab > * > a:focus, .uk-tab > * > a:hover { color: #666; text-decoration: none } .uk-pagination > .uk-active > * { color: #666 } .uk-pagination > .uk-disabled > * { color: #999 } .uk-tab { display: flex; flex-wrap: wrap; margin-left: -20px; padding: 0; list-style: none; position: relative } .uk-tab::before { content: ""; position: absolute; bottom: 0; left: 20px; right: 0; border-bottom: 1px solid #e5e5e5 } .uk-tab > * { flex: none; padding-left: 20px; position: relative } .uk-tab > * > a { display: block; text-align: center; padding: 5px 10px; color: #999; border-bottom: 1px solid transparent; font-size: .875rem; text-transform: uppercase; transition: color .1s ease-in-out } .uk-tab > .uk-active > a { color: #333; border-color: #1e87f0 } .uk-dropdown-nav .uk-nav-sub a, .uk-dropdown-nav > li > a, .uk-tab > .uk-disabled > a { color: rgba(0, 0, 0, .8); } .uk-dropdown-nav .uk-nav-sub a:focus, .uk-dropdown-nav > li > a:focus, .uk-tab > .uk-disabled > a:focus, .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav > li > a:hover, .uk-tab > .uk-disabled > a:hover { color: rgba(0, 0, 0, .6); } .uk-tab-bottom::before { top: 0; bottom: auto } .uk-tab-bottom > * > a { border-top: 1px solid transparent; border-bottom: none } .uk-tab-left, .uk-tab-right { flex-direction: column; margin-left: 0 } .uk-tab-left > *, .uk-tab-right > * { padding-left: 0 } .uk-tab-left::before, .uk-tab-right::before { top: 0; bottom: 0; left: auto; right: 0; border-left: 1px solid #e5e5e5; border-bottom: none } .uk-tab-right::before { left: 0; right: auto } .uk-tab-left > * > a { text-align: left; border-right: 1px solid transparent; border-bottom: none } .uk-tab-right > * > a { text-align: left; border-left: 1px solid transparent; border-bottom: none } .uk-tab .uk-dropdown { margin-left: 30px } .uk-slidenav { padding: 5px 10px; color: rgba(102, 102, 102, .5); transition: color .1s ease-in-out } .uk-slidenav:focus, .uk-slidenav:hover { color: rgba(102, 102, 102, .9); outline: 0 } .uk-slidenav:active { color: rgba(102, 102, 102, .5) } .uk-slidenav-large { padding: 10px } .uk-dotnav, .uk-slidenav-container { display: flex } .uk-dotnav { flex-wrap: wrap; padding: 0; list-style: none; margin: 0 0 0 -12px } .uk-dotnav > * { flex: none; padding-left: 12px } .uk-dotnav > * > * { display: block; box-sizing: border-box; width: 10px; height: 10px; border-radius: 50%; background: 0 0; text-indent: 100%; overflow: hidden; white-space: nowrap; border: 1px solid rgba(102, 102, 102, .4); transition: .2s ease-in-out; transition-property: background-color, border-color } .uk-dotnav > * > :focus, .uk-dotnav > * > :hover { background-color: rgba(102, 102, 102, .6); outline: 0; border-color: transparent } .uk-dotnav > * > :active, .uk-dotnav > .uk-active > * { background-color: rgba(102, 102, 102, .2); border-color: transparent } .uk-dotnav > .uk-active > * { background-color: rgba(102, 102, 102, .6) } .uk-dotnav-vertical { flex-direction: column; margin-left: 0; margin-top: -12px } .uk-dotnav-vertical > * { padding-left: 0; padding-top: 12px } .uk-accordion { padding: 0; list-style: none } .uk-accordion > :nth-child(n+2) { margin-top: 20px } .uk-accordion-title { display: block; font-size: 1.25rem; line-height: 1.4; color: #333; overflow: hidden; cursor: pointer } .uk-accordion-title::after { content: ""; width: 1.4em; height: 1.4em; float: right; background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: 50% 50% } .uk-open > .uk-accordion-title::after { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-accordion-title:focus, .uk-accordion-title:hover { color: #666; text-decoration: none; outline: 0 } .uk-accordion-content { margin-top: 20px } .uk-accordion-content::after, .uk-accordion-content::before { content: ""; display: table } .uk-accordion-content::after { clear: both } .uk-accordion-content > :last-child { margin-bottom: 0 } .uk-drop { display: none; position: absolute; z-index: 1020; box-sizing: border-box; } .uk-drop.uk-open { display: block } [class*=uk-drop-top] { margin-top: -20px } [class*=uk-drop-bottom] { margin-top: 20px } [class*=uk-drop-left] { margin-left: -20px } [class*=uk-drop-right] { margin-left: 20px } .uk-drop-stack .uk-drop-grid > * { width: 100% !important } .uk-dropdown { display: none; position: absolute; z-index: 1020; box-sizing: border-box; min-width: 200px; padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, .15) } .uk-dropdown.uk-open, .uk-notification-message:hover .uk-notification-close { display: block } .uk-dropdown-nav { white-space: nowrap; font-size: .875rem } .uk-dropdown-nav .uk-nav-sub a:focus, .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li > a:focus, .uk-dropdown-nav > li > a:hover { color: #666 } .uk-dropdown-nav .uk-nav-header { color: #333 } .uk-dropdown-nav .uk-nav-divider { border-top: 1px solid #e5e5e5 } [class*=uk-dropdown-top] { margin-top: -10px } [class*=uk-dropdown-bottom] { margin-top: 10px } [class*=uk-dropdown-left] { margin-left: -10px } [class*=uk-dropdown-right] { margin-left: 10px } .uk-dropdown-stack .uk-dropdown-grid > * { width: 100% !important } .uk-modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; overflow-y: auto; padding: 15px; background: rgba(0, 0, 0, .6); opacity: 0; transition: opacity .15s linear } @media (min-width: 640px) { .uk-modal { padding: 50px 30px } } @media (min-width: 960px) { .uk-modal { padding-left: 40px; padding-right: 40px } } .uk-modal.uk-open, .uk-offcanvas-overlay.uk-open::before { opacity: 1 } .uk-modal-page { overflow: hidden } .uk-modal-dialog { position: relative; box-sizing: border-box; margin: 0 auto; width: 600px; max-width: calc(100% - .01px) !important; background: #fff; opacity: 0; transform: translateY(-100px); transition: .3s linear; transition-property: opacity, transform; } .uk-open > .uk-modal-dialog { opacity: 1; transform: translateY(0) } .uk-modal-container .uk-modal-dialog { width: 1200px } .uk-modal-full { padding: 0; background: 0 0 } .uk-modal-full .uk-modal-dialog { margin: 0; width: 100%; max-width: 100%; transform: translateY(0) } .uk-modal-body { padding: 30px } .uk-modal-header { padding: 15px 30px; background: #fff; border-bottom: 1px solid #e5e5e5 } .uk-modal-footer { padding: 15px 30px; background: #fff; border-top: 1px solid #e5e5e5 } .uk-modal-body::after, .uk-modal-body::before, .uk-modal-footer::after, .uk-modal-footer::before, .uk-modal-header::after, .uk-modal-header::before { content: ""; display: table } .uk-modal-body::after, .uk-modal-footer::after, .uk-modal-header::after { clear: both } .uk-modal-body > :last-child, .uk-modal-footer > :last-child, .uk-modal-header > :last-child { margin-bottom: 0 } .uk-modal-title { font-size: 2rem; line-height: 1.3 } @media (max-width: 700px) { .uk-modal-title { font-size: 1rem; } } [class*=uk-modal-close-] { position: absolute; z-index: 1010; top: 10px; right: 10px; padding: 5px } [class*=uk-modal-close-]:first-child + * { margin-top: 0 } .uk-modal-close-outside { top: 0; right: -5px; transform: translate(0, -100%); color: #fff } .uk-modal-close-outside:hover { color: #fff } @media (min-width: 960px) { .uk-modal-close-outside { right: 0; transform: translate(100%, -100%) } } .uk-modal-close-full { color: #f00; top: 0; right: 0; padding: 7px; background: rgba(245, 245, 255, 0.8); border-radius: 50%; border: 2px solid #f00; } .uk-lightbox { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; background: #fff; opacity: 0; transition: opacity .15s linear } .uk-lightbox.uk-open { display: block; opacity: 1 } .uk-lightbox-page { overflow: hidden } .uk-lightbox-items > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; justify-content: center; align-items: center; color: rgba(0, 0, 0, .7); will-change: transform, opacity } .uk-lightbox-items > * > * { max-width: 100vw; max-height: 100vh } .uk-lightbox-items > * > :not(iframe) { width: auto; height: auto } .uk-lightbox-items > .uk-active { display: flex } .uk-lightbox-toolbar { padding: 10px; background: 0 0; color: rgba(0, 0, 0, .7) } .uk-lightbox-toolbar * { color: rgba(0, 0, 0, .7) } .uk-lightbox-toolbar-icon { padding: 5px; color: rgba(0, 0, 0, .7) } .uk-lightbox-button:hover, .uk-lightbox-toolbar-icon:hover { color: #000 } .uk-lightbox-button { box-sizing: border-box; width: 50px; height: 50px; background: 0 0; color: rgba(0, 0, 0, .7); display: inline-flex; justify-content: center; align-items: center } .uk-lightbox-iframe { width: 80%; height: 80% } .uk-slideshow-items { position: relative; z-index: 0; margin: 0; padding: 0; list-style: none; overflow: hidden; } .uk-slideshow-items > * { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; will-change: transform, opacity; touch-action: pan-y } .uk-slideshow-items > :not(.uk-active) { display: none } .uk-slider-container { overflow: hidden } .uk-slider-items { will-change: transform; position: relative } .uk-slider-items:not(.uk-grid) { display: flex; margin: 0; padding: 0; list-style: none; } .uk-slider-items.uk-grid { flex-wrap: nowrap } .uk-slider-items > * { flex: none; position: relative; touch-action: pan-y } .uk-sticky-fixed { z-index: 980; box-sizing: border-box; margin: 0 !important; backface-visibility: hidden } .uk-sticky.uk-animation-reverse, .uk-sticky[class*=uk-animation-] { animation-duration: .2s } .uk-offcanvas { display: none; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1000 } .uk-offcanvas-flip .uk-offcanvas { right: 0; left: auto } .uk-offcanvas-bar { position: absolute; top: 0; bottom: 0; left: 0; box-sizing: border-box; width: 270px; padding: 20px; background: #fff; overflow-y: auto; transform: translateX(-100%) } @media (min-width: 960px) { .uk-offcanvas-bar { width: 350px; padding: 40px } } .uk-offcanvas-flip .uk-offcanvas-bar { left: auto; right: 0; transform: translateX(100%) } .uk-offcanvas-reveal .uk-offcanvas-bar, .uk-open > .uk-offcanvas-bar { transform: translateX(0) } .uk-offcanvas-bar-animation { transition: transform .3s ease-out; } .uk-offcanvas-reveal { position: absolute; top: 0; bottom: 0; left: 0; width: 0; overflow: hidden; transition: width .3s ease-out } .uk-open > .uk-offcanvas-reveal { width: 270px } @media (min-width: 960px) { .uk-open > .uk-offcanvas-reveal { width: 350px } } .uk-offcanvas-flip .uk-offcanvas-reveal { right: 0; left: auto } .uk-offcanvas-close { position: absolute; z-index: 1000; top: 20px; right: 20px; padding: 5px } .uk-offcanvas-overlay { width: 100vw; touch-action: none } .uk-offcanvas-overlay::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .1); opacity: 0; transition: opacity .15s linear } .uk-offcanvas-container, .uk-offcanvas-page { overflow-x: hidden } .uk-offcanvas-container-overlay { overflow: hidden } .uk-offcanvas-container .uk-offcanvas-content { position: relative; left: 0; transition: left .3s ease-out; } .uk-offcanvas-overlay .uk-offcanvas-content { overflow-y: hidden } :not(.uk-offcanvas-flip) > .uk-offcanvas-content-animation { left: 270px } .uk-offcanvas-flip > .uk-offcanvas-content-animation { left: -270px } @media (min-width: 960px) { :not(.uk-offcanvas-flip) > .uk-offcanvas-content-animation { left: 350px } .uk-offcanvas-flip > .uk-offcanvas-content-animation { left: -350px } } .uk-switcher { margin: 0; padding: 0; list-style: none } .uk-switcher > :not(.uk-active) { display: none } .uk-switcher > * > :last-child { margin-bottom: 0 } .uk-iconnav { display: flex; flex-wrap: wrap; padding: 0; list-style: none; margin: 0 0 0 -10px } .uk-iconnav > * { flex: none; padding-right: 2px } .uk-iconnav > * > a { display: block; color: #999 } .uk-iconnav > * > a:focus, .uk-iconnav > * > a:hover { color: #666; outline: 0 } .uk-iconnav > .uk-active > a { color: #666 } .uk-iconnav-vertical { flex-direction: column; margin-left: 0; margin-top: -10px } .uk-iconnav-vertical > * { padding-left: 0; padding-top: 10px } .uk-notification { position: fixed; top: 10px; left: 10px; z-index: 1040; box-sizing: border-box; width: 350px } .uk-notification-bottom-right, .uk-notification-top-right { left: auto; right: 10px } .uk-notification-bottom-center, .uk-notification-top-center { left: 50%; margin-left: -175px } .uk-notification-bottom-center, .uk-notification-bottom-left, .uk-notification-bottom-right { top: auto; bottom: 10px } @media (max-width: 639px) { .uk-notification { left: 10px; right: 10px; width: auto; margin: 0 } } .uk-notification-message { position: relative; margin-bottom: 10px; padding: 15px; background: #fff; color: #666; font-size: 1.25rem; line-height: 1.4; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, .08) } .uk-notification-close { display: none; position: absolute; top: 20px; right: 15px } .uk-notification-message-primary { color: #1e87f0 } .uk-notification-message-success { color: #32d296 } .uk-notification-message-warning { color: #faa05a } .uk-notification-message-danger { color: #f0506e } .uk-tooltip { display: none; position: absolute; z-index: 1030; box-sizing: border-box; max-width: 200px; padding: 3px 6px; background: #666; border-radius: 2px; color: #fff; font-size: 12px } .uk-tooltip.uk-active { display: block } [class*=uk-tooltip-top] { margin-top: -10px } [class*=uk-tooltip-bottom] { margin-top: 10px } [class*=uk-tooltip-left] { margin-left: -10px } [class*=uk-tooltip-right] { margin-left: 10px } [class*=uk-child-width] > * { box-sizing: border-box; width: 100% } .uk-child-width-1-2 > * { width: 50% } .uk-child-width-1-3 > * { width: calc(100% * 1 / 3.001) } .uk-child-width-1-4 > * { width: 25% } .uk-child-width-1-5 > * { width: 20% } .uk-child-width-1-6 > * { width: calc(100% * 1 / 6.001) } .uk-child-width-auto > * { width: auto } .uk-child-width-expand > * { width: 1px } .uk-child-width-expand > :not([class*=uk-width]) { flex: 1; min-width: 0; flex-basis: 1px } @media (min-width: 640px) { .uk-child-width-1-1\@s > * { width: 100% } .uk-child-width-1-2\@s > * { width: 50% } .uk-child-width-1-3\@s > * { width: calc(100% * 1 / 3.001) } .uk-child-width-1-4\@s > * { width: 25% } .uk-child-width-1-5\@s > * { width: 20% } .uk-child-width-1-6\@s > * { width: calc(100% * 1 / 6.001) } .uk-child-width-auto\@s > * { width: auto } .uk-child-width-expand\@s > * { width: 1px } .uk-child-width-expand\@s > :not([class*=uk-width]) { flex: 1; min-width: 0; flex-basis: 1px } } @media (min-width: 960px) { .uk-child-width-1-1\@m > * { width: 100% } .uk-child-width-1-2\@m > * { width: 50% } .uk-child-width-1-3\@m > * { width: calc(100% * 1 / 3.001) } .uk-child-width-1-4\@m > * { width: 25% } .uk-child-width-1-5\@m > * { width: 20% } .uk-child-width-1-6\@m > * { width: calc(100% * 1 / 6.001) } .uk-child-width-auto\@m > * { width: auto } .uk-child-width-expand\@m > * { width: 1px } .uk-child-width-expand\@m > :not([class*=uk-width]) { flex: 1; min-width: 0; flex-basis: 1px } } @media (min-width: 1200px) { .uk-child-width-1-1\@l > * { width: 100% } .uk-child-width-1-2\@l > * { width: 50% } .uk-child-width-1-3\@l > * { width: calc(100% * 1 / 3.001) } .uk-child-width-1-4\@l > * { width: 25% } .uk-child-width-1-5\@l > * { width: 20% } .uk-child-width-1-6\@l > * { width: calc(100% * 1 / 6.001) } .uk-child-width-auto\@l > * { width: auto } .uk-child-width-expand\@l > * { width: 1px } .uk-child-width-expand\@l > :not([class*=uk-width]) { flex: 1; min-width: 0; flex-basis: 1px } } @media (min-width: 1600px) { .uk-child-width-1-1\@xl > * { width: 100% } .uk-child-width-1-2\@xl > * { width: 50% } .uk-child-width-1-3\@xl > * { width: calc(100% * 1 / 3.001) } .uk-child-width-1-4\@xl > * { width: 25% } .uk-child-width-1-5\@xl > * { width: 20% } .uk-child-width-1-6\@xl > * { width: calc(100% * 1 / 6.001) } .uk-child-width-auto\@xl > * { width: auto } .uk-child-width-expand\@xl > * { width: 1px } .uk-child-width-expand\@xl > :not([class*=uk-width]) { flex: 1; min-width: 0; flex-basis: 1px } } [class*=uk-width] { box-sizing: border-box; width: 100%; max-width: 100% } .uk-width-1-2 { width: 50% } .uk-width-1-3 { width: calc(100% * 1 / 3.001) } .uk-width-2-3 { width: calc(100% * 2 / 3.001) } .uk-width-1-4 { width: 25% } .uk-width-3-4 { width: 75% } .uk-width-1-5 { width: 20% } .uk-width-2-5 { width: 40% } .uk-width-3-5 { width: 60% } .uk-width-4-5 { width: 80% } .uk-width-1-6 { width: calc(100% * 1 / 6.001) } .uk-width-5-6 { width: calc(100% * 5 / 6.001) } .uk-width-small { width: 150px } .uk-width-medium { width: 300px } .uk-width-large { width: 450px } .uk-width-xlarge { width: 600px } .uk-width-xxlarge { width: 750px } .uk-width-auto { width: auto } .uk-width-expand { width: 1px; flex: 1; min-width: 0; flex-basis: 1px } @media (min-width: 640px) { .uk-width-1-1\@s { width: 100% } .uk-width-1-2\@s { width: 50% } .uk-width-1-3\@s { width: calc(100% * 1 / 3.001) } .uk-width-2-3\@s { width: calc(100% * 2 / 3.001) } .uk-width-1-4\@s { width: 25% } .uk-width-3-4\@s { width: 75% } .uk-width-1-5\@s { width: 20% } .uk-width-2-5\@s { width: 40% } .uk-width-3-5\@s { width: 60% } .uk-width-4-5\@s { width: 80% } .uk-width-1-6\@s { width: calc(100% * 1 / 6.001) } .uk-width-5-6\@s { width: calc(100% * 5 / 6.001) } .uk-width-small\@s { width: 150px } .uk-width-medium\@s { width: 300px } .uk-width-large\@s { width: 450px } .uk-width-xlarge\@s { width: 600px } .uk-width-xxlarge\@s { width: 750px } .uk-width-auto\@s { width: auto } .uk-width-expand\@s { width: 1px; flex: 1; min-width: 0; flex-basis: 1px } } @media (min-width: 960px) { .uk-width-1-1\@m { width: 100% } .uk-width-1-2\@m { width: 50% } .uk-width-1-3\@m { width: calc(100% * 1 / 3.001) } .uk-width-2-3\@m { width: calc(100% * 2 / 3.001) } .uk-width-1-4\@m { width: 25% } .uk-width-3-4\@m { width: 75% } .uk-width-1-5\@m { width: 20% } .uk-width-2-5\@m { width: 40% } .uk-width-3-5\@m { width: 60% } .uk-width-4-5\@m { width: 80% } .uk-width-1-6\@m { width: calc(100% * 1 / 6.001) } .uk-width-5-6\@m { width: calc(100% * 5 / 6.001) } .uk-width-small\@m { width: 150px } .uk-width-medium\@m { width: 300px } .uk-width-large\@m { width: 450px } .uk-width-xlarge\@m { width: 600px } .uk-width-xxlarge\@m { width: 750px } .uk-width-auto\@m { width: auto } .uk-width-expand\@m { width: 1px; flex: 1; min-width: 0; flex-basis: 1px } } @media (min-width: 1200px) { .uk-width-1-1\@l { width: 100% } .uk-width-1-2\@l { width: 50% } .uk-width-1-3\@l { width: calc(100% * 1 / 3.001) } .uk-width-2-3\@l { width: calc(100% * 2 / 3.001) } .uk-width-1-4\@l { width: 25% } .uk-width-3-4\@l { width: 75% } .uk-width-1-5\@l { width: 20% } .uk-width-2-5\@l { width: 40% } .uk-width-3-5\@l { width: 60% } .uk-width-4-5\@l { width: 80% } .uk-width-1-6\@l { width: calc(100% * 1 / 6.001) } .uk-width-5-6\@l { width: calc(100% * 5 / 6.001) } .uk-width-small\@l { width: 150px } .uk-width-medium\@l { width: 300px } .uk-width-large\@l { width: 450px } .uk-width-xlarge\@l { width: 600px } .uk-width-xxlarge\@l { width: 750px } .uk-width-auto\@l { width: auto } .uk-width-expand\@l { width: 1px; flex: 1; min-width: 0; flex-basis: 1px } } @media (min-width: 1600px) { .uk-width-1-1\@xl { width: 100% } .uk-width-1-2\@xl { width: 50% } .uk-width-1-3\@xl { width: calc(100% * 1 / 3.001) } .uk-width-2-3\@xl { width: calc(100% * 2 / 3.001) } .uk-width-1-4\@xl { width: 25% } .uk-width-3-4\@xl { width: 75% } .uk-width-1-5\@xl { width: 20% } .uk-width-2-5\@xl { width: 40% } .uk-width-3-5\@xl { width: 60% } .uk-width-4-5\@xl { width: 80% } .uk-width-1-6\@xl { width: calc(100% * 1 / 6.001) } .uk-width-5-6\@xl { width: calc(100% * 5 / 6.001) } .uk-width-small\@xl { width: 150px } .uk-width-medium\@xl { width: 300px } .uk-width-large\@xl { width: 450px } .uk-width-xlarge\@xl { width: 600px } .uk-width-xxlarge\@xl { width: 750px } .uk-width-auto\@xl { width: auto } .uk-width-expand\@xl { width: 1px; flex: 1; min-width: 0; flex-basis: 1px } } [class*=uk-height] { box-sizing: border-box } .uk-height-1-1 { height: 100% } .uk-height-viewport { min-height: 100vh } .uk-height-small { height: 150px } .uk-height-medium { height: 300px } .uk-height-large { height: 450px } .uk-height-max-small { max-height: 150px } .uk-height-max-medium { max-height: 300px } .uk-height-max-large { max-height: 450px } .uk-text-lead { font-size: 18px; line-height: 1.5; } .uk-text-meta { font-size: .875rem; line-height: 1.4; color: #999 } .uk-text-meta a { /*color: #999*/ } .uk-text-meta a:hover { color: #666; text-decoration: none } .uk-text-small { font-size: .875rem; line-height: 1.2 } .uk-text-default { color: rgba(0, 0, 17, .7); font-size: 1rem; line-height: 1.4 } .uk-text-large { font-size: 1.5rem; line-height: 1.8 } .uk-text-bold { font-weight: bolder } .uk-text-uppercase { text-transform: uppercase !important } .uk-text-capitalize { text-transform: capitalize !important } .uk-text-lowercase { text-transform: lowercase !important } .uk-text-muted { /*color: #999 !important*/ } .uk-text-primary { color: #1e87f0 !important } .uk-text-success { color: #32d296 !important } .uk-text-warning { color: #faa05a !important } .uk-text-danger { color: #f0506e !important } .uk-text-background { display: inline-block; color: #1e87f0 !important } .uk-text-left { text-align: left !important } .uk-text-right { text-align: right !important } .uk-text-center { text-align: center !important } .uk-text-justify { text-align: justify !important } @media (min-width: 640px) { .uk-text-left\@s { text-align: left !important } .uk-text-right\@s { text-align: right !important } .uk-text-center\@s { text-align: center !important } } @media (min-width: 960px) { .uk-text-left\@m { text-align: left !important } .uk-text-right\@m { text-align: right !important } .uk-text-center\@m { text-align: center !important } } @media (min-width: 1200px) { .uk-text-left\@l { text-align: left !important } .uk-text-right\@l { text-align: right !important } .uk-text-center\@l { text-align: center !important } } @media (min-width: 1600px) { .uk-text-left\@xl { text-align: left !important } .uk-text-right\@xl { text-align: right !important } .uk-text-center\@xl { text-align: center !important } } .uk-text-top { vertical-align: top !important } .uk-text-middle { vertical-align: middle !important } .uk-text-bottom { vertical-align: bottom !important } .uk-text-baseline { vertical-align: baseline !important } .uk-text-nowrap, .uk-text-truncate { white-space: nowrap } .uk-text-truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis } td.uk-text-truncate, th.uk-text-truncate { max-width: 0 } .uk-text-break { overflow-wrap: break-word; word-wrap: break-word } td.uk-text-break, th.uk-text-break { word-break: break-all } [class*=uk-column-] { column-gap: 30px } @media (min-width: 1200px) { [class*=uk-column-] { column-gap: 40px } } [class*=uk-column-] img { transform: translate3d(0, 0, 0) } .uk-column-divider { column-rule: 1px solid #e5e5e5; column-gap: 60px } @media (min-width: 1200px) { .uk-column-divider { column-gap: 80px } } .uk-column-1-2 { column-count: 2 } .uk-column-1-3 { column-count: 3 } .uk-column-1-4 { column-count: 4 } .uk-column-1-5 { column-count: 5 } .uk-column-1-6 { column-count: 6 } @media (min-width: 640px) { .uk-column-1-2\@s { column-count: 2 } .uk-column-1-3\@s { column-count: 3 } .uk-column-1-4\@s { column-count: 4 } .uk-column-1-5\@s { column-count: 5 } .uk-column-1-6\@s { column-count: 6 } } @media (min-width: 960px) { .uk-column-1-2\@m { column-count: 2 } .uk-column-1-3\@m { column-count: 3 } .uk-column-1-4\@m { column-count: 4 } .uk-column-1-5\@m { column-count: 5 } .uk-column-1-6\@m { column-count: 6 } } @media (min-width: 1200px) { .uk-column-1-2\@l { column-count: 2 } .uk-column-1-3\@l { column-count: 3 } .uk-column-1-4\@l { column-count: 4 } .uk-column-1-5\@l { column-count: 5 } .uk-column-1-6\@l { column-count: 6 } } @media (min-width: 1600px) { .uk-column-1-2\@xl { column-count: 2 } .uk-column-1-3\@xl { column-count: 3 } .uk-column-1-4\@xl { column-count: 4 } .uk-column-1-5\@xl { column-count: 5 } .uk-column-1-6\@xl { column-count: 6 } } .uk-column-span { column-span: all } .uk-cover { max-width: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } iframe.uk-cover { pointer-events: none } .uk-cover-container { overflow: hidden; position: relative } .uk-background-default { background-color: #fff } .tm-checkbox:hover + label::before, .tm-radio:hover + label::before, .uk-background-muted { background-color: #f8f8f8 } .uk-background-primary { background-color: #1e87f0 } .uk-background-secondary { background-color: #222 } .uk-background-contain, .uk-background-cover { background-position: 50% 50%; background-repeat: no-repeat } .uk-background-cover { background-size: cover } .uk-background-contain { background-size: contain } .uk-background-top-left { background-position: 0 0 } .uk-background-top-center { background-position: 50% 0 } .uk-background-top-right { background-position: 100% 0 } .uk-background-center-left { background-position: 0 50% } .uk-background-center-center { background-position: 50% 50% } .uk-background-center-right { background-position: 100% 50% } .uk-background-bottom-left { background-position: 0 100% } .uk-background-bottom-center { background-position: 50% 100% } .uk-background-bottom-right { background-position: 100% 100% } .uk-background-norepeat { background-repeat: no-repeat } .uk-background-fixed { background-attachment: fixed; backface-visibility: hidden } @media (pointer: coarse) { .uk-background-fixed { background-attachment: scroll } } @media (max-width: 639px) { .uk-background-image\@s { background-image: none !important } } @media (max-width: 959px) { .uk-background-image\@m { background-image: none !important } } @media (max-width: 1199px) { .uk-background-image\@l { background-image: none !important } } @media (max-width: 1599px) { .uk-background-image\@xl { background-image: none !important } } .uk-background-blend-multiply { background-blend-mode: multiply } .uk-background-blend-screen { background-blend-mode: screen } .uk-background-blend-overlay { background-blend-mode: overlay } .uk-background-blend-darken { background-blend-mode: darken } .uk-background-blend-lighten { background-blend-mode: lighten } .uk-background-blend-color-dodge { background-blend-mode: color-dodge } .uk-background-blend-color-burn { background-blend-mode: color-burn } .uk-background-blend-hard-light { background-blend-mode: hard-light } .uk-background-blend-soft-light { background-blend-mode: soft-light } .uk-background-blend-difference { background-blend-mode: difference } .uk-background-blend-exclusion { background-blend-mode: exclusion } .uk-background-blend-hue { background-blend-mode: hue } .uk-background-blend-saturation { background-blend-mode: saturation } .uk-background-blend-color { background-blend-mode: color } .uk-background-blend-luminosity { background-blend-mode: luminosity } .uk-panel { position: relative; box-sizing: border-box } .uk-panel::after, .uk-panel::before { content: ""; display: table } .uk-panel::after { clear: both } .uk-overflow-auto > :last-child, .uk-panel > :last-child { margin-bottom: 0 } .uk-panel-scrollable { height: 170px; padding: 10px; border: 1px solid #e5e5e5; overflow: auto; resize: both } .uk-clearfix::before { content: ""; display: table-cell } .uk-clearfix::after { content: ""; display: table; clear: both } .uk-float-left { float: left } .uk-float-right { float: right } [class*=uk-float-] { max-width: 100% } .uk-overflow-hidden { overflow: hidden } .uk-overflow-auto { overflow: auto; } .uk-resize { resize: both } .uk-resize-vertical { resize: vertical } .uk-display-block { display: block !important } .uk-display-inline { display: inline !important } .uk-display-inline-block { display: inline-block !important } [class*=uk-inline] { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; } .uk-inline-clip { overflow: hidden } .uk-preserve-width, .uk-preserve-width audio, .uk-preserve-width canvas, .uk-preserve-width img, .uk-preserve-width svg, .uk-preserve-width video { max-width: none } .uk-responsive-height, .uk-responsive-width { box-sizing: border-box } .uk-responsive-width { max-width: 100% !important; height: auto } .uk-responsive-height { max-height: 100%; width: auto; max-width: none } .uk-border-circle { border-radius: 50% } .uk-border-rounded { border-radius: 4px } .uk-inline-clip[class*=uk-border-] { transform: translateZ(0) } .uk-box-shadow-hover-small:hover, .uk-box-shadow-small { box-shadow: 0 2px 8px rgba(0, 0, 0, .08) } .uk-box-shadow-hover-medium:hover, .uk-box-shadow-medium { box-shadow: 0 5px 15px rgba(0, 0, 0, .08) } .uk-box-shadow-hover-large:hover, .uk-box-shadow-large { box-shadow: 0 14px 25px rgba(0, 0, 0, .16) } .uk-box-shadow-hover-xlarge:hover, .uk-box-shadow-xlarge { box-shadow: 0 28px 50px rgba(0, 0, 0, .16) } [class*=uk-box-shadow-hover] { transition: box-shadow .1s ease-in-out; } .uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter { display: block; margin-right: 10px; float: left; font-size: 4.5em; line-height: 1; margin-bottom: -2px } .uk-logo { font-size: 1.5rem; font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; color: #666; text-decoration: none } .uk-logo:focus, .uk-logo:hover { color: #666; outline: 0; text-decoration: none } .uk-flex-inline::after, .uk-flex-inline::before, .uk-flex::after, .uk-flex::before, .uk-logo-inverse { display: none } .uk-disabled, .uk-drag iframe { pointer-events: none } .uk-drag, .uk-drag * { cursor: move } .uk-dragover { box-shadow: 0 0 20px rgba(100, 100, 100, .3) } .uk-blend-multiply { mix-blend-mode: multiply } .uk-blend-screen { mix-blend-mode: screen } .uk-blend-overlay { mix-blend-mode: overlay } .uk-blend-darken { mix-blend-mode: darken } .uk-blend-lighten { mix-blend-mode: lighten } .uk-blend-color-dodge { mix-blend-mode: color-dodge } .uk-blend-color-burn { mix-blend-mode: color-burn } .uk-blend-hard-light { mix-blend-mode: hard-light } .uk-blend-soft-light { mix-blend-mode: soft-light } .uk-blend-difference { mix-blend-mode: difference } .uk-blend-exclusion { mix-blend-mode: exclusion } .uk-blend-hue { mix-blend-mode: hue } .uk-blend-saturation { mix-blend-mode: saturation } .uk-blend-color { mix-blend-mode: color } .uk-blend-luminosity { mix-blend-mode: luminosity } .uk-transform-center { transform: translate(-50%, -50%) } .uk-transform-origin-top-left { transform-origin: 0 0 } .uk-transform-origin-top-center { transform-origin: 50% 0 } .uk-transform-origin-top-right { transform-origin: 100% 0 } .uk-transform-origin-center-left { transform-origin: 0 50% } .uk-transform-origin-center-right { transform-origin: 100% 50% } .uk-transform-origin-bottom-left { transform-origin: 0 100% } .uk-transform-origin-bottom-center { transform-origin: 50% 100% } .uk-transform-origin-bottom-right { transform-origin: 100% 100% } .uk-flex { display: flex } .uk-flex-inline { display: inline-flex } .uk-flex-left { justify-content: flex-start } .uk-flex-center { justify-content: center } .uk-flex-right { justify-content: flex-end } .uk-flex-between { justify-content: space-between } .uk-flex-around { justify-content: space-around } @media (min-width: 640px) { .uk-flex-left\@s { justify-content: flex-start } .uk-flex-center\@s { justify-content: center } .uk-flex-right\@s { justify-content: flex-end } .uk-flex-between\@s { justify-content: space-between } .uk-flex-around\@s { justify-content: space-around } } @media (min-width: 960px) { .uk-flex-left\@m { justify-content: flex-start } .uk-flex-center\@m { justify-content: center } .uk-flex-right\@m { justify-content: flex-end } .uk-flex-between\@m { justify-content: space-between } .uk-flex-around\@m { justify-content: space-around } } @media (min-width: 1200px) { .uk-flex-left\@l { justify-content: flex-start } .uk-flex-center\@l { justify-content: center } .uk-flex-right\@l { justify-content: flex-end } .uk-flex-between\@l { justify-content: space-between } .uk-flex-around\@l { justify-content: space-around } } @media (min-width: 1600px) { .uk-flex-left\@xl { justify-content: flex-start } .uk-flex-center\@xl { justify-content: center } .uk-flex-right\@xl { justify-content: flex-end } .uk-flex-between\@xl { justify-content: space-between } .uk-flex-around\@xl { justify-content: space-around } } .uk-flex-stretch { align-items: stretch } .uk-flex-top { align-items: flex-start } .uk-flex-middle { align-items: center } .uk-flex-bottom { align-items: flex-end } .uk-flex-row, .uk-flex-row-reverse { flex-direction: row } .uk-flex-row-reverse { flex-direction: row-reverse } .uk-flex-column, .uk-flex-column-reverse { flex-direction: column } .uk-flex-column-reverse { flex-direction: column-reverse } .uk-flex-nowrap { flex-wrap: nowrap } .uk-flex-wrap { flex-wrap: wrap } .uk-flex-wrap-reverse { flex-wrap: wrap-reverse } .uk-flex-wrap-stretch { align-content: stretch } .uk-flex-wrap-top { align-content: flex-start } .uk-flex-wrap-middle { align-content: center } .uk-flex-wrap-bottom { align-content: flex-end } .uk-flex-wrap-between { align-content: space-between } .uk-flex-wrap-around { align-content: space-around } .uk-flex-first { order: -1 } .uk-flex-last { order: 99 } @media (min-width: 640px) { .uk-flex-first\@s { order: -1 } .uk-flex-last\@s { order: 99 } } @media (min-width: 960px) { .uk-flex-first\@m { order: -1 } .uk-flex-last\@m { order: 99 } } @media (min-width: 1200px) { .uk-flex-first\@l { order: -1 } .uk-flex-last\@l { order: 99 } } @media (min-width: 1600px) { .uk-flex-first\@xl { order: -1 } .uk-flex-last\@xl { order: 99 } } .uk-flex-none { flex: none } .uk-flex-1, .uk-flex-auto { flex: auto } .uk-flex-1 { flex: 1 } .uk-margin { margin-bottom: 20px } * + .uk-margin, .uk-margin-top { margin-top: 20px !important } .uk-margin-bottom { margin-bottom: 20px !important } .uk-margin-left { margin-left: 20px !important } .uk-margin-right { margin-right: 20px !important } .uk-margin-small { margin-bottom: 10px } * + .uk-margin-small, .uk-margin-small-top { margin-top: 10px !important } .uk-margin-small-bottom { margin-bottom: 10px !important } .uk-margin-small-left { margin-left: 10px !important } .uk-margin-small-right { margin-right: 10px !important } .uk-margin-medium { margin-bottom: 40px } * + .uk-margin-medium, .uk-margin-medium-top { margin-top: 40px !important } .uk-margin-medium-bottom { margin-bottom: 40px !important } .uk-margin-medium-left { margin-left: 40px !important } .uk-margin-medium-right { margin-right: 40px !important } .uk-margin-large { margin-bottom: 40px } * + .uk-margin-large, .uk-margin-large-top { margin-top: 40px !important } .uk-margin-large-bottom { margin-bottom: 40px !important } .uk-margin-large-left { margin-left: 40px !important } .uk-margin-large-right { margin-right: 40px !important } @media (min-width: 1200px) { .uk-margin-large { margin-bottom: 65px } * + .uk-margin-large, .uk-margin-large-top { margin-top: 65px !important } .uk-margin-large-bottom { margin-bottom: 65px !important } .uk-margin-large-left { margin-left: 65px !important } .uk-margin-large-right { margin-right: 65px !important } } .uk-margin-xlarge { margin-bottom: 70px } * + .uk-margin-xlarge, .uk-margin-xlarge-top { margin-top: 70px !important } .uk-margin-xlarge-bottom { margin-bottom: 70px !important } .uk-margin-xlarge-left { margin-left: 70px !important } .uk-margin-xlarge-right { margin-right: 70px !important } @media (min-width: 1200px) { .uk-margin-xlarge { margin-bottom: 140px } * + .uk-margin-xlarge, .uk-margin-xlarge-top { margin-top: 140px !important } .uk-margin-xlarge-bottom { margin-bottom: 140px !important } .uk-margin-xlarge-left { margin-left: 140px !important } .uk-margin-xlarge-right { margin-right: 140px !important } } .uk-margin-remove { margin: 0 !important } .uk-margin-remove-top { margin-top: 0 !important } .uk-margin-remove-bottom { margin-bottom: 0 !important } .uk-margin-remove-left { margin-left: 0 !important } .uk-margin-remove-right { margin-right: 0 !important } .uk-margin-remove-vertical { margin-top: 0 !important; margin-bottom: 0 !important } .uk-margin-remove-adjacent + * { margin-top: 0 !important } .uk-margin-auto { margin-left: auto !important; margin-right: auto !important } .uk-margin-auto-top { margin-top: auto !important } .uk-margin-auto-bottom { margin-bottom: auto !important } .uk-margin-auto-left { margin-left: auto !important } .uk-margin-auto-right { margin-right: auto !important } .uk-margin-auto-vertical { margin-top: auto !important; margin-bottom: auto !important } .uk-padding { padding: 30px } @media (min-width: 1200px) { .uk-padding { padding: 40px } } .uk-padding-small { padding: 15px } .uk-padding-large { padding: 30px } @media (min-width: 1200px) { .uk-padding-large { padding: 70px } } .uk-padding-remove { padding: 0 !important } .uk-padding-remove-top { padding-top: 0 !important } .uk-padding-remove-bottom { padding-bottom: 0 !important } .uk-padding-remove-left { padding-left: 0 !important } .uk-padding-remove-right { padding-right: 0 !important } .uk-padding-remove-vertical { padding-top: 0 !important; padding-bottom: 0 !important } .uk-padding-remove-horizontal { padding-left: 0 !important; padding-right: 0 !important } [class*=uk-position-bottom], [class*=uk-position-center], [class*=uk-position-left], [class*=uk-position-right], [class*=uk-position-top] { position: absolute !important } .uk-position-top { top: 0; left: 0; right: 0 } .uk-position-bottom { bottom: 0; left: 0; right: 0 } .uk-position-left { top: 0; bottom: 0; left: 0 } .uk-position-right { top: 0; bottom: 0; right: 0 } .uk-position-top-left { top: 0; left: 0 } .uk-position-top-right { top: 0; right: 0 } .uk-position-bottom-left { bottom: 0; left: 0 } .uk-position-bottom-right { bottom: 0; right: 0 } .uk-position-center { top: 50%; left: 50%; transform: translate(-50%, -50%); display: table; max-width: 100%; box-sizing: border-box } [class*=uk-position-center-left], [class*=uk-position-center-right] { top: 50%; transform: translateY(-50%) } .uk-position-center-left { left: 0 } .uk-position-center-right { right: 0 } .uk-position-center-left-out, .uk-position-center-right-out { width: max-content } .uk-position-center-left-out { right: 100% } .uk-position-center-right-out { left: 100% } .uk-position-bottom-center, .uk-position-top-center { left: 50%; transform: translateX(-50%); display: table; max-width: 100%; box-sizing: border-box } .uk-position-top-center { top: 0 } .uk-position-bottom-center { bottom: 0 } .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .uk-position-relative { position: relative !important } .uk-position-absolute { position: absolute !important } .uk-position-fixed { position: fixed !important } .uk-position-z-index { z-index: 1 } .uk-position-small { margin: 15px } .uk-position-small.uk-position-center { transform: translate(-50%, -50%) translate(-15px, -15px) } .uk-position-small[class*=uk-position-center-left], .uk-position-small[class*=uk-position-center-right] { transform: translateY(-50%) translateY(-15px) } .uk-position-small.uk-position-bottom-center, .uk-position-small.uk-position-top-center { transform: translateX(-50%) translateX(-15px) } .uk-position-large, .uk-position-medium { margin: 30px } .uk-position-medium.uk-position-center { transform: translate(-50%, -50%) translate(-30px, -30px) } .uk-position-medium[class*=uk-position-center-left], .uk-position-medium[class*=uk-position-center-right] { transform: translateY(-50%) translateY(-30px) } .uk-position-medium.uk-position-bottom-center, .uk-position-medium.uk-position-top-center { transform: translateX(-50%) translateX(-30px) } .uk-position-large.uk-position-center { transform: translate(-50%, -50%) translate(-30px, -30px) } .uk-position-large[class*=uk-position-center-left], .uk-position-large[class*=uk-position-center-right] { transform: translateY(-50%) translateY(-30px) } .uk-position-large.uk-position-bottom-center, .uk-position-large.uk-position-top-center { transform: translateX(-50%) translateX(-30px) } @media (min-width: 1200px) { .uk-position-large { margin: 50px } .uk-position-large.uk-position-center { transform: translate(-50%, -50%) translate(-50px, -50px) } .uk-position-large[class*=uk-position-center-left], .uk-position-large[class*=uk-position-center-right] { transform: translateY(-50%) translateY(-50px) } .uk-position-large.uk-position-bottom-center, .uk-position-large.uk-position-top-center { transform: translateX(-50%) translateX(-50px) } } .uk-hidden, [hidden] { display: none !important } @media (min-width: 640px) { .uk-hidden\@s { display: none !important } } @media (min-width: 960px) { .uk-hidden\@m { display: none !important } } @media (min-width: 1200px) { .uk-hidden\@l { display: none !important } } @media (min-width: 1600px) { .uk-hidden\@xl { display: none !important } } @media (max-width: 639px) { .uk-visible\@s { display: none !important } } @media (max-width: 959px) { .uk-visible\@m { display: none !important } } @media (max-width: 1199px) { .uk-visible\@l { display: none !important } } @media (max-width: 1599px) { .uk-visible\@xl { display: none !important } } .uk-invisible { visibility: hidden !important } .uk-visible-toggle:not(:hover):not(.uk-hover) .uk-hidden-hover:not(:focus) { position: absolute !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important } .uk-visible-toggle:not(:hover):not(.uk-hover) .uk-invisible-hover:not(:focus) { opacity: 0 !important } @media (pointer: coarse) { .uk-hidden-touch { display: none !important } } .uk-hidden-notouch { display: none !important } @media (pointer: coarse) { .uk-hidden-notouch { display: block !important } } .uk-light, .uk-light .uk-link-muted a:hover, .uk-light .uk-table th, .uk-light a.uk-link-muted:hover, .uk-light blockquote footer { color: rgba(255, 255, 255, .7) } .uk-light .uk-h1, .uk-light .uk-h2, .uk-light .uk-h3, .uk-light .uk-h4, .uk-light .uk-h5, .uk-light .uk-h6, .uk-light .uk-link, .uk-light .uk-link:hover, .uk-light a, .uk-light a:hover, .uk-light blockquote, .uk-light em, .uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4, .uk-light h5, .uk-light h6 { color: #fff } .uk-light :not(pre) > code, .uk-light :not(pre) > kbd, .uk-light :not(pre) > samp { color: rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .1) } .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-light .uk-hr, .uk-light hr { border-top-color: rgba(255, 255, 255, .2) } .uk-light .uk-link-muted a, .uk-light .uk-link-text a:hover, .uk-light .uk-table caption, .uk-light a.uk-link-muted, .uk-light a.uk-link-text:hover { /*color: rgba(255, 255, 255, .5)*/ color: rgba(0, 0, 0, .8); } .uk-light .uk-link-heading a:hover, .uk-light a.uk-link-heading:hover { color: #fff } .uk-light .uk-heading-bullet::before { border-left-color: rgba(255, 255, 255, .2) } .uk-light .uk-heading-divider, .uk-light .uk-heading-line > ::after, .uk-light .uk-heading-line > ::before { border-bottom-color: rgba(255, 255, 255, .2) } .uk-light .uk-list-divider > li:nth-child(n+2) { border-top-color: rgba(255, 255, 255, .2) } .uk-light .uk-list-striped > li:nth-of-type(odd) { border-top-color: rgba(255, 255, 255, .2); border-bottom-color: rgba(255, 255, 255, .2); background-color: rgba(255, 255, 255, .1) } .uk-light .uk-list-bullet > li::before { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-light .uk-table tbody tr.uk-active, .uk-light .uk-table > tr.uk-active { background: rgba(255, 255, 255, .08) } .uk-light .uk-table-divider > :first-child > tr:not(:first-child), .uk-light .uk-table-divider > :not(:first-child) > tr, .uk-light .uk-table-divider > tr:not(:first-child) { border-top-color: rgba(255, 255, 255, .2) } .uk-light .uk-table-striped tbody tr:nth-of-type(odd), .uk-light .uk-table-striped > tr:nth-of-type(odd) { background: rgba(255, 255, 255, .1); border-top-color: rgba(255, 255, 255, .2); border-bottom-color: rgba(255, 255, 255, .2) } .uk-light .uk-table-hover tbody tr:hover, .uk-light .uk-table-hover > tr:hover { background: rgba(255, 255, 255, .08) } .uk-light .uk-icon-link { color: rgba(255, 255, 255, .5) } .uk-light .uk-icon-link:focus, .uk-light .uk-icon-link:hover { color: rgba(255, 255, 255, .7) } .uk-light .uk-active > .uk-icon-link, .uk-light .uk-icon-link:active { color: rgba(255, 255, 255, .7) } .uk-light .uk-icon-button { background-color: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .5) } .uk-light .uk-icon-button:focus, .uk-light .uk-icon-button:hover { background-color: rgba(242, 242, 242, .1); color: rgba(255, 255, 255, .7) } .uk-light .uk-icon-button:active { background-color: rgba(230, 230, 230, .1); color: rgba(255, 255, 255, .7) } .uk-light .uk-input, .uk-light .uk-select, .uk-light .uk-textarea { background-color: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .7); background-clip: padding-box; border-color: rgba(255, 255, 255, .2) } .uk-light .uk-input:focus, .uk-light .uk-select:focus, .uk-light .uk-textarea:focus { background-color: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .7); border-color: rgba(255, 255, 255, .7) } .uk-light .uk-input::placeholder { color: rgba(255, 255, 255, .5) } .uk-light .uk-textarea::placeholder { color: rgba(255, 255, 255, .5) } .uk-light .uk-select:not([multiple]):not([size]) { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A) } .uk-light .uk-checkbox, .uk-light .uk-radio { background-color: rgba(242, 242, 242, .1); border-color: rgba(255, 255, 255, .2) } .uk-light .uk-checkbox:focus, .uk-light .uk-radio:focus { border-color: rgba(255, 255, 255, .7) } .uk-light .uk-checkbox:checked, .uk-light .uk-checkbox:indeterminate, .uk-light .uk-radio:checked { background-color: #fff; border-color: rgba(255, 255, 255, .7) } .uk-light .uk-checkbox:checked:focus, .uk-light .uk-checkbox:indeterminate:focus, .uk-light .uk-radio:checked:focus { background-color: #e6e6e6 } .uk-light .uk-radio:checked { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-light .uk-checkbox:checked { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A) } .uk-light .uk-checkbox:indeterminate { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-light .uk-form-label { color: #fff } .uk-light .uk-form-icon { color: rgba(255, 255, 255, .5) } .uk-light .uk-form-icon:hover { color: rgba(255, 255, 255, .7) } .uk-light .uk-button-default { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, .7) } .uk-light .uk-button-default:focus, .uk-light .uk-button-default:hover { background-color: transparent; color: #fff; border-color: #fff } .uk-light .uk-button-default.uk-active, .uk-light .uk-button-default:active { background-color: transparent; color: #fff; border-color: #fff } .uk-light .uk-button-primary, .uk-light .uk-button-secondary { background-color: #fff; color: #666 } .uk-light .uk-button-primary:focus, .uk-light .uk-button-primary:hover { background-color: #f2f2f2; color: #666 } .uk-light .uk-button-primary.uk-active, .uk-light .uk-button-primary:active { background-color: #e6e6e6; color: #666 } .uk-light .uk-button-secondary:focus, .uk-light .uk-button-secondary:hover { background-color: #f2f2f2; color: #666 } .uk-light .uk-button-secondary.uk-active, .uk-light .uk-button-secondary:active { background-color: #e6e6e6; color: #666 } .uk-light .uk-button-text { color: #fff } .uk-light .uk-button-text::before { border-bottom-color: #fff } .uk-light .uk-button-text:focus, .uk-light .uk-button-text:hover { color: #fff } .uk-light .uk-button-text:disabled { color: rgba(255, 255, 255, .5) } .uk-light .uk-button-link, .uk-light .uk-close { color: rgba(255, 255, 255, .5) } .uk-light .uk-button-link:focus, .uk-light .uk-button-link:hover, .uk-light .uk-close:focus, .uk-light .uk-close:hover { color: rgba(255, 255, 255, .7) } .uk-light .uk-grid-divider > :not(.uk-first-column)::before { border-left-color: rgba(255, 255, 255, .2) } .uk-light .uk-badge, .uk-light .uk-label { background-color: #fff; color: #666 } .uk-light .uk-badge:focus, .uk-light .uk-badge:hover { color: #666 } .uk-light .uk-article-meta { color: rgba(255, 255, 255, .5) } .uk-light .uk-search-input { color: rgba(255, 255, 255, .7) } .uk-light .uk-search-input::placeholder { color: rgba(255, 255, 255, .5) } .uk-offcanvas-bar .uk-card-header > a, .uk-light .uk-nav-default .uk-nav-sub a, .uk-light .uk-nav-default > li > a, .uk-light .uk-nav-primary .uk-nav-sub a, .uk-light .uk-nav-primary > li > a, .uk-light .uk-navbar-nav > li > a, .uk-light .uk-search .uk-search-icon, .uk-light .uk-search .uk-search-icon:hover, .uk-light .uk-search-toggle { /*color: rgba(255, 255, 255, .5)*/ color: rgba(0, 0, 0, .8) } .uk-light .uk-search-default .uk-search-input { background-color: transparent; border-color: rgba(255, 255, 255, .2) } .uk-light .uk-search-default .uk-search-input:focus { background-color: transparent } .uk-light .uk-search-large .uk-search-input, .uk-light .uk-search-navbar .uk-search-input { background-color: transparent } .uk-light .uk-search-toggle:focus, .uk-light .uk-search-toggle:hover { color: rgba(255, 255, 255, .7) } .uk-light .uk-nav-parent-icon > .uk-parent > a::after { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-light .uk-nav-default .uk-nav-sub a:focus, .uk-light .uk-nav-default .uk-nav-sub a:hover, .uk-light .uk-nav-default > li > a:focus, .uk-light .uk-nav-default > li > a:hover { color: rgba(255, 255, 255, .7) } .uk-light .uk-nav-default .uk-nav-header, .uk-light .uk-nav-default > li.uk-active > a { color: #fff } .uk-light .uk-nav-default .uk-nav-divider { border-top-color: rgba(255, 255, 255, .2) } .uk-light .uk-nav-primary .uk-nav-sub a:focus, .uk-light .uk-nav-primary .uk-nav-sub a:hover, .uk-light .uk-nav-primary > li > a:focus, .uk-light .uk-nav-primary > li > a:hover { color: rgba(255, 255, 255, .7) } .uk-light .uk-nav-primary .uk-nav-header, .uk-light .uk-nav-primary > li.uk-active > a { color: #fff } .uk-light .uk-nav-primary .uk-nav-divider { border-top-color: rgba(255, 255, 255, .2) } .uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a.uk-open, .uk-light .uk-navbar-nav > li > a:focus, .uk-light .uk-navbar-toggle.uk-open, .uk-light .uk-navbar-toggle:focus, .uk-light .uk-navbar-toggle:hover, .uk-light .uk-subnav > * > a:focus, .uk-light .uk-subnav > * > a:hover { color: rgba(0, 0, 0, .6) } .uk-light .uk-navbar-nav > li.uk-active > a, .uk-light .uk-navbar-nav > li > a:active, .uk-light .uk-subnav > .uk-active > a { color: #fff } .uk-light .uk-navbar-item { color: rgba(255, 255, 255, .7) } .uk-light .uk-navbar-toggle { color: rgba(255, 255, 255, .5) } .uk-light .uk-subnav > * > :first-child { color: rgba(255, 255, 255, .5) } .uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { border-left-color: rgba(255, 255, 255, .2) } .uk-light .uk-subnav-pill > * > :first-child { background-color: transparent; color: rgba(255, 255, 255, .5) } .uk-light .uk-subnav-pill > * > a:focus, .uk-light .uk-subnav-pill > * > a:hover { background-color: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .7) } .uk-light .uk-subnav-pill > * > a:active { background-color: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .7) } .uk-light .uk-subnav-pill > .uk-active > a { background-color: #fff; color: #666 } .uk-light .uk-breadcrumb > * > *, .uk-light .uk-pagination > * > *, .uk-light .uk-subnav > .uk-disabled > a { color: rgba(255, 255, 255, .5) } .uk-light .uk-breadcrumb > * > :focus, .uk-light .uk-breadcrumb > * > :hover { color: rgba(255, 255, 255, .7) } .uk-light .uk-breadcrumb > :last-child > * { color: rgba(255, 255, 255, .7) } .uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { color: rgba(255, 255, 255, .5) } .uk-light .uk-pagination > * > :focus, .uk-light .uk-pagination > * > :hover, .uk-light .uk-tab > * > a:focus, .uk-light .uk-tab > * > a:hover { color: rgba(255, 255, 255, .7) } .uk-light .uk-pagination > .uk-active > *, .uk-light .uk-slidenav { color: rgba(255, 255, 255, .7) } .uk-light .uk-tab::before { border-color: rgba(255, 255, 255, .2) } .uk-light .uk-tab > .uk-active > a { color: #fff; border-color: #fff } .uk-light .uk-iconnav > * > a, .uk-light .uk-pagination > .uk-disabled > *, .uk-light .uk-tab > * > a, .uk-light .uk-tab > .uk-disabled > a { color: rgba(255, 255, 255, .5) } .uk-light .uk-slidenav:focus, .uk-light .uk-slidenav:hover { color: rgba(255, 255, 255, .95) } .uk-light .uk-slidenav:active { color: rgba(255, 255, 255, .7) } .uk-light .uk-dotnav > * > * { background-color: transparent; border-color: rgba(255, 0, 255, .9) } .uk-light .uk-dotnav > * > :focus, .uk-light .uk-dotnav > * > :hover { background-color: rgba(255, 0, 255, .9); border-color: transparent } .uk-light .uk-dotnav > * > :active { background-color: rgba(255, 0, 255, .5); border-color: transparent } .uk-light .uk-dotnav > .uk-active > * { background-color: rgba(255, 0, 255, .9); border-color: transparent } .uk-light .uk-accordion-title { color: #fff } .uk-light .uk-accordion-title:focus, .uk-light .uk-accordion-title:hover { color: #666 } .uk-light .uk-iconnav > * > a:focus, .uk-light .uk-iconnav > * > a:hover, .uk-light .uk-logo:focus, .uk-light .uk-logo:hover { color: rgba(255, 255, 255, .7) } .uk-light .uk-iconnav > .uk-active > a, .uk-light .uk-text-lead { color: rgba(255, 255, 255, .7) } .uk-light .uk-text-meta { color: rgba(255, 255, 255, .5) } .uk-light .uk-text-muted { /*color: rgba(255, 255, 255, .5) !important*/ color: rgba(0, 0, 0, .8); } .uk-light .uk-text-primary { color: rgba(255, 255, 255, .7) !important } .uk-light .uk-column-divider { column-rule-color: rgba(255, 255, 255, .2) } .uk-light .uk-logo { color: rgba(255, 255, 255, .7) } .uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none } .uk-light .uk-logo-inverse { display: inline } .uk-light .uk-accordion-title::after { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E) } .uk-light .uk-open > .uk-accordion-title::after { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E) } @media (min-width: 960px) { .uk-h3, h3 { font-size: 1.5rem } } .uk-table tbody th { font-size: 16px; vertical-align: top; text-transform: none } .uk-form-label-required::after { content: "*"; margin-left: 5px; color: #f0506e } .uk-section-small { padding-top: 10px; padding-bottom: 10px } @media (min-width: 960px) { .uk-section-small { padding-top: 20px; padding-bottom: 20px } } .uk-card-body + .uk-card-body { border-top: 1px solid #e5e5e5 } .uk-article-body:not(:first-child) { margin-top: 20px } .uk-article-body > blockquote, .uk-article-body > dl, .uk-article-body > figure, .uk-article-body > h1, .uk-article-body > h2, .uk-article-body > h3, .uk-article-body > h4, .uk-article-body > h5, .uk-article-body > h6, .uk-article-body > hr, .uk-article-body > iframe, .uk-article-body > ol, .uk-article-body > p, .uk-article-body > pre, .uk-article-body > table, .uk-article-body > twitterwidget, .uk-article-body > ul { width: 100%; max-width: 640px; margin-right: auto; margin-left: auto } .uk-article-body :first-child { margin-top: 0 } .uk-article-body :last-child { margin-bottom: 0 } @media (max-width: 640px) { .uk-breadcrumb > :nth-last-child(2):not(.uk-first-column)::before { content: "←"; margin: 0 10px 0 -20px } } .uk-breadcrumb > :not(:nth-last-child(2)) { display: none } @media (min-width: 640px) { .uk-breadcrumb > :not(:nth-last-child(2)) { display: inline } } .uk-offcanvas-bar .uk-card-header { min-height: 60px; padding-top: 0; padding-bottom: 0 } .uk-offcanvas-bar .uk-card-header::after { content: ""; font-size: 0; display: block; min-height: inherit } .uk-offcanvas-bar .uk-card-header .uk-offcanvas-close { position: static } .uk-text-xsmall { font-size: .6875rem; line-height: 1.2 } .uk-text-bolder { font-weight: 500 } .uk-background-primary-lighten { background-color: #d8eafc } .uk-margin-xsmall { margin-bottom: 5px } * + .uk-margin-xsmall, .uk-margin-xsmall-top { margin-top: 5px !important } .uk-margin-xsmall-bottom { margin-bottom: 5px !important } .uk-margin-xsmall-left { margin-left: 5px !important } .uk-margin-xsmall-right { margin-right: 5px !important } .tm-toolbar-container:not(.uk-navbar-transparent) { background: #fff } .tm-toolbar-container .uk-navbar-item { /*color: #999*/ color: rgba(0, 0, 0, .8) } .tm-toolbar-container .uk-navbar-nav > li > a { text-transform: none; height: 40px } .tm-toolbar-container .uk-navbar-item, .tm-toolbar-container .uk-navbar-toggle { height: 40px } .tm-navbar-container:not(.uk-navbar-transparent) { background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .4); } .tm-navbar-container { border-bottom: 1px solid #e5e5e5 } .tm-navbar-container-fixed { z-index: 1005 } .tm-navbar-container .uk-navbar-item, .tm-navbar-container .uk-navbar-nav > li > a, .tm-navbar-container .uk-navbar-toggle { height: 60px; font-size: .8em; } .tm-navbar-button { position: relative; padding: 0 10px } @media (min-width: 640px) { .tm-navbar-button { padding: 0 15px } } .tm-navbar-button .uk-badge { font-size: .625rem; position: absolute; top: 10px; right: 5px; min-width: 18px; height: 18px } .tm-link-to-all > * { vertical-align: middle } .tm-link-to-all > .uk-icon { position: relative; left: 0; margin-left: 3px; transition: left 60ms } .tm-link-to-all:hover > .uk-icon { left: 2px } .tm-aside-column { min-width: 270px } .tm-change-view { display: none } @media (min-width: 768px) { .tm-change-view { display: flex } } .tm-product-card { display: flex; flex-direction: row; transition: box-shadow .1s ease-in-out; background-color: #fff; border: 1px solid #e5e5e5; } .tm-product-card:hover { z-index: 2; box-shadow: 0 28px 50px rgba(0, 0, 0, .16) } .tm-product-card.uk-first-column { border-left: none } @media (max-width: 767px) { .tm-product-card { width: 100% } } @media (min-width: 768px) { .tm-product-card { flex-direction: column } } .tm-product-card-media { position: relative; box-sizing: border-box; width: 40%; flex-shrink: 0 } .tm-product-card-media > .tm-ratio { height: 100% } .tm-product-card-media > .tm-ratio > .tm-media-box { padding: 15px } @media (min-width: 640px) { .tm-product-card-media > .tm-ratio > .tm-media-box { padding: 20px } } @media (min-width: 768px) { .tm-product-card-media { width: 100% } } .tm-product-card-body { display: flex; flex-direction: column; padding: 15px 15px 15px 0; flex-grow: 1 } @media (min-width: 640px) { .tm-product-card-body { padding: 20px 20px 20px 0 } } @media (min-width: 768px) { .tm-product-card-body { padding: 0 20px 20px } } .tm-product-card-title { font-size: 16px; line-height: 22px; overflow: hidden; max-height: 66px; margin: 0 0 20px; text-overflow: ellipsis; color: inherit; } @media (min-width: 640px) { .tm-product-card-title { font-size: 16px; line-height: 22px; height: 90px; } } .tm-product-card-properties { display: none; margin: 0 } .tm-product-card-properties > li:nth-child(n+2) { margin-top: 5px } .tm-product-card-shop, .tm-product-card-add, .tm-product-card-buy { margin-top: 10px; } .tm-product-card-shop { display: flex; margin-top: auto; align-items: flex-end } .tm-product-card-prices { flex-grow: 1 } .tm-product-card-price { margin-top: 8px; font-weight: 500; line-height: 1 } .tm-product-card-add { display: flex; margin-left: 10px; align-items: flex-end; flex-shrink: 0 } .tm-product-card-add-button { position: relative; /*bottom: -8px;*/ display: inline-flex; width: 36px; height: 36px; padding: 0; border-radius: 500px; justify-content: center; align-items: center } .tm-product-card-add-button-text { display: none } .tm-product-card-labels { position: absolute; z-index: 1; top: 30px; right: 20px } .tm-product-card-labels > .uk-label { font-size: 12px; display: table; margin-bottom: 3px; margin-left: auto; padding: 0 3px } .tm-product-card-labels > .uk-label:last-child { margin-bottom: 0 } .tm-product-card-actions { margin-right: 10px; margin-bottom: 2px } .tm-product-card-actions:only-child { margin-right: 0 } .tm-product-card-action { margin-right: 10px } .tm-product-card-action:last-child { margin-right: 0 } .tm-product-card-action-text { display: none; border-bottom: 1px dotted } .tm-products-list .tm-product-card { width: 100%; border-bottom: 1px solid #e5e5e5; box-shadow: none } .tm-products-list .tm-product-card:last-child { border-bottom: none } .tm-products-list .tm-product-card:hover { box-shadow: none } @media (min-width: 768px) { .tm-products-list .tm-product-card { flex-direction: row } .tm-products-list .tm-product-card-media { width: 33.3% } .tm-products-list .tm-product-card-body { flex-direction: row; padding: 20px 20px 20px 0 } .tm-products-list .tm-product-card-info { padding-right: 20px; flex-grow: 1; flex-basis: 0 } .tm-products-list .tm-product-card-properties { display: block } .tm-products-list .tm-product-card-shop { display: block; box-sizing: border-box; width: 33.3%; min-width: 170px; margin: 0; padding-left: 20px; border-left: 1px solid #e5e5e5; flex-shrink: 0 } .tm-products-list .tm-product-card-price { font-size: 24px } .tm-products-list .tm-product-card-add { flex-direction: column; margin-top: 10px; margin-left: 0 } .tm-products-list .tm-product-card-add-button { bottom: 0; width: 100%; height: auto; padding: 0 30px; border-radius: 4px } .tm-products-list .tm-product-card-add-button-icon { display: none } .tm-products-list .tm-product-card-add-button-text { display: block } .tm-products-list .tm-product-card-actions { display: flex; flex-direction: column; width: 100%; margin-top: 10px; margin-right: 0; margin-bottom: 0; order: 1; align-self: flex-start } .tm-products-list .tm-product-card-actions:only-child { margin-top: 0 } .tm-products-list .tm-product-card-action { margin-right: 0; margin-bottom: 10px } .tm-products-list .tm-product-card-action:last-child { margin-bottom: 0 } .tm-products-list .tm-product-card-action-text { display: inline; margin-left: 5px } } .tm-action-button-active, .tm-action-button-active > * { color: #f0506e } .tm-filters { display: none } .tm-filters .uk-accordion > * { margin-top: 0; border-top: 1px solid #e5e5e5 } .tm-filters .uk-accordion > :first-child { border-top: none } .tm-filters.uk-offcanvas.uk-open { margin: 0; padding: 0 } .tm-filters.uk-offcanvas.uk-offcanvas-overlay:before { position: fixed } @media (min-width: 960px) { .tm-filters.uk-offcanvas { position: static; display: block } .tm-filters.uk-offcanvas .uk-offcanvas-bar { position: static; overflow: visible; width: auto; transform: none; background: 0 0 } .tm-filters.uk-offcanvas .uk-offcanvas-bar > .uk-card > .uk-card-header { display: none } } .tm-scrollbox { overflow: auto; max-height: 300px; background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #fff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .2), transparent) 0 100%; background-color: #fff; background-repeat: no-repeat; background-attachment: local, local, scroll, scroll; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px } .tm-checkbox, .tm-radio { display: none } .tm-checkbox + label, .tm-radio + label { position: relative; display: inline-flex; cursor: pointer } .tm-checkbox + label::after, .tm-checkbox + label::before, .tm-radio + label::after, .tm-radio + label::before { content: ""; display: block; width: 16px; height: 16px } .tm-checkbox + label::before, .tm-radio + label::before { margin-top: 3px; margin-right: 10px; border: 1px solid #e5e5e5; flex-shrink: 0 } .tm-checkbox:checked + label::before, .tm-radio:checked + label::before { border-color: transparent; background-color: #1e87f0 } .tm-checkbox + label::after, .tm-radio + label::after { position: absolute; top: 3px; left: 0; border: 1px solid transparent } .tm-checkbox:checked + label::after, .tm-radio:checked + label::after { background-color: transparent; background-repeat: no-repeat; background-position: 50% 50% } .tm-checkbox + label::before { border-radius: 4px } .tm-radio + label::before { border-radius: 50% } .tm-checkbox:checked + label::after { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A) } .tm-radio:checked + label::after { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E) } .tm-help-icon { position: relative; margin-left: 5px; cursor: pointer; color: #999; border-radius: 100%; background-color: #f8f8f8 } .tm-help-icon:hover { color: #666 } .tm-slider-items .tm-media-box-frame { padding: 10px; transition: .25s linear; transition-property: opacity; opacity: .75 } .tm-slider-items > :hover .tm-media-box-frame { opacity: 1 } .tm-slider-items > .uk-active .tm-media-box-frame { opacity: 1; border-color: #1e87f0 } .tm-variations { margin: 0 0 0 -10px } .tm-variations > * { padding-left: 10px } .tm-variations > * > :first-child { color: #666; border: 1px solid #e5e5e5 } .tm-variations > .uk-active > a { color: #666; border-color: #1e87f0; background-color: transparent } .tm-variations > * > .tm-variation-color { padding: 5px; border-radius: 50% } .tm-variation-color > div { width: 20px; height: 20px; border-radius: 50% } .tm-product-info { border-top: 1px solid #e5e5e5 } @media (min-width: 960px) { .tm-product-info { min-width: 390px; border-top: none; border-left: 1px solid #e5e5e5 } } .tm-product-price { font-size: 32px; font-weight: 500; line-height: 1 } .tm-product-add-button { padding: 0 15px } @media (min-width: 420px) { .tm-product-add-button { padding: 0 25px } } .tm-product-description { border-top: #e5e5e5 solid 1px } .tm-product-nav, .tm-product-nav > .uk-subnav { display: flex } .tm-product-nav { overflow: auto; background-color: #fff } .tm-product-nav > .uk-subnav { margin: 0 auto; padding: 10px 15px; flex-wrap: nowrap; flex-shrink: 0 } @media (min-width: 640px) { .tm-product-nav > .uk-subnav { padding: 20px } } .tm-product-nav > .uk-subnav > :first-child { padding-left: 0 } .tm-product-nav-fixed { transition: box-shadow .1s ease-in-out; box-shadow: inset 0 -1px 0 0 #e5e5e5 } .tm-quantity-input { width: 60px; margin: 0 5px; text-align: center } .tm-slidenav.uk-invisible { visibility: visible !important; pointer-events: none; opacity: .3 } .tm-checkout { counter-reset: list } .tm-checkout-title::before { content: counter(list) ". "; counter-increment: list; color: #999 } .tm-choose { position: relative; width: 100%; padding: 40px 20px 10px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 4px } .tm-choose.uk-active { border-color: #1e87f0 } .tm-choose:not(.uk-active):focus, .tm-choose:not(.uk-active):hover { background-color: #f8f8f8 } .tm-choose::before { position: absolute } .tm-choose::after, .tm-choose::before { content: ""; top: 12px; left: 50%; display: block; width: 16px; height: 16px; cursor: pointer; transform: translate(-50%, 0) } .tm-choose::before { border: 1px solid #e5e5e5; border-radius: 50%; flex-shrink: 0 } .tm-choose:hover::before { background-color: #f8f8f8 } .tm-choose.uk-active::before { border-color: transparent; background-color: #1e87f0 } .tm-choose::after { position: absolute; border: 1px solid transparent } .tm-choose.uk-active::after { background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E) } .tm-choose .tm-choose-title { font-size: .875rem; text-align: center; text-transform: uppercase; color: #999 } .tm-choose.uk-active .tm-choose-title { color: #666 } .tm-choose .tm-choose-description { font-size: .6875rem; margin-top: 5px; text-align: center; color: #999 } .uk-card-body.uk-card-small .tm-wrapper, .uk-card-small .uk-card-body .tm-wrapper { margin-right: -20px; margin-left: -20px } .uk-card-body.uk-card-small .tm-wrapper:first-child, .uk-card-small .uk-card-body .tm-wrapper:first-child { margin-top: -20px } .uk-card-body.uk-card-small .tm-wrapper:last-child, .uk-card-small .uk-card-body .tm-wrapper:last-child { margin-bottom: -20px } .uk-card-body.uk-card-small .tm-wrapper figcaption, .uk-card-small .uk-card-body .tm-wrapper figcaption { margin-right: 20px; margin-left: 20px } .uk-card-body .tm-wrapper { margin-right: -30px; margin-left: -30px } .uk-card-body .tm-wrapper:first-child { margin-top: -30px } .uk-card-body .tm-wrapper:last-child { margin-bottom: -30px } .uk-card-body .tm-wrapper figcaption { margin-top: 5px; margin-right: 30px; margin-left: 30px; text-align: center; color: #999 } @media (min-width: 1200px) { .uk-card-body .tm-wrapper { margin-right: -40px; margin-left: -40px } .uk-card-body .tm-wrapper:first-child { margin-top: -40px } .uk-card-body .tm-wrapper:last-child { margin-bottom: -40px } } .tm-compare-table { height: 0 } .tm-compare-table td, .tm-compare-table th { vertical-align: top } .tm-compare-table th { font-size: 16px; text-transform: none } .tm-compare-table tbody > tr:nth-of-type(even) { background-color: #f8f8f8 } .tm-compare-table-column { min-width: 240px } .tm-rating { margin-left: -3px; color: #999 } .tm-rating > * { padding-left: 3px } .tm-reviews-column { min-width: 200px } .tm-cart-quantity-column { min-width: 115px !important } .tm-nav > li > a { padding: 10px 0 } .tm-nav > li.uk-active > a, .tm-nav > li > a:hover { box-shadow: inset 2px 0 0 #1e87f0 } .tm-nav > li.uk-active > a { font-weight: 500 } .tm-ratio { position: relative } .tm-ratio::before { content: ""; display: block; width: 100% } .tm-ratio > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% } .tm-ratio-1-1::before { padding-top: 100% } .tm-ratio-3-2::before { padding-top: 66.66% } .tm-ratio-4-3::before { padding-top: 75% } .tm-ratio-16-9::before { padding-top: 56.25% } .tm-media-box { display: block; box-sizing: border-box; height: 100% } .tm-media-box-frame { border: 1px solid #e5e5e5; border-radius: 4px } .tm-media-box-zoom { cursor: zoom-in } .tm-media-box-wrap { position: relative; height: 100%; margin: 0 } .tm-media-box-wrap > * { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; max-width: 100%; max-height: 100% } .tm-pseudo { border-bottom: 1px dotted } @media (max-width: 640px) { .tm-ignore-container { margin-right: -15px; margin-left: -15px; border-radius: 0 } } .tm-shadow-remove { box-shadow: none } .tm-shine { position: relative; overflow: hidden } .tm-shine::after { content: ""; position: absolute; top: 0; left: -30px; width: 30px; height: 100%; transform: skew(-10deg, 0deg); opacity: .3; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%) } .tm-shine:hover::after { left: 100%; transition: .6s ease-out } .tm-grayscale { filter: grayscale(100%) opacity(50%) } .tm-grayscale:hover { filter: none } .bn { border: none !important; } iframe { border: 3px solid #999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .uk-navbar-dropdown { background: linear-gradient(135deg, var(--main-color), var(--secondary-color)); } .uk-overflow-auto { overflow-y: auto; padding-right: 10px; /* Для визуального отступа текста от скроллбара */ /*border: 1px solid #ddd;*/ /*background-color: #f9f9f9;*/ } /* Стили для полосы прокрутки */ .uk-overflow-auto::-webkit-scrollbar { width: 8px; background-color: #f1f1f1; /* Цвет фона скроллбара */ } .uk-overflow-auto::-webkit-scrollbar-thumb { background: var(--main-color); /* Цвет ползунка */ border-radius: 4px; /* Скругление ползунка */ } .uk-overflow-auto::-webkit-scrollbar-thumb:hover { background: var(--secondary-color); /* Цвет ползунка при наведении */ } .uk-overflow-auto::-webkit-scrollbar-track { background: #f1f1f1; /* Цвет трека скроллбара */ border-radius: 4px; } /* Стили для Firefox */ .uk-overflow-auto { scrollbar-color: var(--main-color) #f1f1f1; /* Цвет ползунка и трека */ scrollbar-width: thin; /* Тонкая полоса прокрутки */ }