/* Start:/local/assets/style.css?1752841704301903*/
@charset "UTF-8";
@font-face {
font-family: "Bitum";
src: url(/local/assets/fonts/Bitum/Bitum-LightItalic.woff2)format("woff2"), url(/local/assets/fonts/Bitum/Bitum-LightItalic.woff)format("woff");
font-weight: 300;
font-style: italic;
font-display: normal
}
@font-face {
font-family: "Bitum";
src: url(/local/assets/fonts/Bitum/Bitum-Bold.woff2)format("woff2"), url(/local/assets/fonts/Bitum/Bitum-Bold.woff)format("woff");
font-weight: 700;
font-style: normal;
font-display: normal
}
@font-face {
font-family: "Bitum";
src: url(/local/assets/fonts/Bitum/Bitum-Light.woff2)format("woff2"), url(/local/assets/fonts/Bitum/Bitum-Light.woff)format("woff");
font-weight: 300;
font-style: normal;
font-display: normal
}
@font-face {
font-family: "Bitum";
src: url(/local/assets/fonts/Bitum/Bitum-BoldItalic.woff2)format("woff2"), url(/local/assets/fonts/Bitum/Bitum-BoldItalic.woff)format("woff");
font-weight: 700;
font-style: italic;
font-display: normal
}
@font-face {
font-family: "Bitum";
src: url(/local/assets/fonts/Bitum/Bitum-Italic.woff2)format("woff2"), url(/local/assets/fonts/Bitum/Bitum-Italic.woff)format("woff");
font-weight: 400;
font-style: italic;
font-display: normal
}
@font-face {
font-family: "Bitum";
src: url(/local/assets/fonts/Bitum/Bitum.woff2)format("woff2"), url(/local/assets/fonts/Bitum/Bitum.woff)format("woff");
font-weight: 400;
font-style: normal;
font-display: normal
}
@font-face {
font-family: "RightGrotesk";
src: url(/local/assets/fonts/RightGrotesk/RightGrotesk-TightMedium.woff2)format("woff2"), url(/local/assets/fonts/RightGrotesk/RightGrotesk-TightMedium.woff)format("woff");
font-weight: 500;
font-style: normal;
font-display: normal
}
@font-face {
font-family: "RightGrotesk";
src: url(/local/assets/fonts/RightGrotesk/RightGrotesk-SpatialBlackItalic.woff2)format("woff2"), url(/local/assets/fonts/RightGrotesk/RightGrotesk-SpatialBlackItalic.woff)format("woff");
font-weight: 900;
font-style: italic;
font-display: normal
}
@font-face {
font-family: "RightGrotesk";
src: url(/local/assets/fonts/RightGrotesk/RightGrotesk-SpatialBlack.woff2)format("woff2"), url(/local/assets/fonts/RightGrotesk/RightGrotesk-SpatialBlack.woff)format("woff");
font-weight: 900;
font-style: normal;
font-display: normal
}
@font-face {
font-family: "MursGothic";
src: url(/local/assets/fonts/MursGothic/MursGothic-WideDark.woff2)format("woff2"), url(/local/assets/fonts/MursGothic/MursGothic-WideDark.woff)format("woff");
font-weight: 900;
font-style: normal;
font-display: normal
}
@font-face {
font-family: "Line Awesome Free";
src: url(/local/assets/fonts/la-solid-900.eot);
src: url(/local/assets/fonts/la-solid-900.eot?#iefix)format("embedded-opentype"), url(/local/assets/fonts/la-solid-900.woff2)format("woff2"), url(/local/assets/fonts/la-solid-900.woff)format("woff"), url(/local/assets/fonts/la-solid-900.ttf)format("truetype"), url(/local/assets/fonts/la-solid-900.svg#lineawesome)format("svg");
font-weight: 900;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Line Awesome Free";
src: url(/local/assets/fonts/la-regular-400.eot);
src: url(/local/assets/fonts/la-regular-400.eot?#iefix)format("embedded-opentype"), url(/local/assets/fonts/la-regular-400.woff2)format("woff2"), url(/local/assets/fonts/la-regular-400.woff)format("woff"), url(/local/assets/fonts/la-regular-400.ttf)format("truetype"), url(/local/assets/fonts/la-regular-400.svg#lineawesome)format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Line Awesome Brands";
src: url(/local/assets/fonts/la-brands-400.eot);
src: url(/local/assets/fonts/la-brands-400.eot?#iefix)format("embedded-opentype"), url(/local/assets/fonts/la-brands-400.woff2)format("woff2"), url(/local/assets/fonts/la-brands-400.woff)format("woff"), url(/local/assets/fonts/la-brands-400.ttf)format("truetype"), url(/local/assets/fonts/la-brands-400.svg#lineawesome)format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "FontAwesome";
src: url(/local/assets/fonts/fontawesome-webfont.eot?v=4.7.0);
src: url(/local/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0)format("embedded-opentype"), url(/local/assets/fonts/fontawesome-webfont.woff2?v=4.7.0)format("woff2"), url(/local/assets/fonts/fontawesome-webfont.woff?v=4.7.0)format("woff"), url(/local/assets/fonts/fontawesome-webfont.ttf?v=4.7.0)format("truetype"), url(/local/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular)format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
.fa {
font: 1rem/1 FontAwesome;
display: inline-block;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.lab {
font-family: "Line Awesome Brands";
display: inline-block;
font-weight: 400;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.lar {
font-family: "Line Awesome Free";
display: inline-block;
font-weight: 400;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.las {
font-family: "Line Awesome Free";
display: inline-block;
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-bars:before,
.la-bars:before {
content: "\f0c9"
}
.fa-calendar:before,
.la-calendar:before {
content: "\f073"
}
.fa-clock-o:before,
.la-clock:before {
content: "\f017"
}
.arrow_size {
height: 14px;
}
.fa-eyedropper:before,
.la-eye-dropper:before {
content: "\f1fb"
}
.fa-folder-open:before,
.la-folder-open:before {
content: "\f07c"
}
.fa-list-ul:before,
.la-list-ul:before {
content: "\f0ca"
}
.fa-pen:before,
.la-pen:before {
content: "\f304"
}
.fa-photo-video:before,
.la-photo-video:before {
content: "\f87c"
}
.fa-plus:before,
.la-plus:before {
content: "\f067"
}
.fa-sort:before,
.la-sort:before {
content: "\f0dc"
}
.fa-times:before,
.la-times:before {
content: "\f00d"
}
.fa-upload:before,
.la-upload:before {
content: "\f093"
}
.fa-cloud-upload:before,
.la-cloud-upload-alt:before {
content: "\f382"
}
:root {
/* --theme-color: var(--theme-root)*/
--theme-root: #002147;
}
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
box-sizing: border-box
}
@media (min-width:2560px) and (max-width:3840px) {
html {
font-size: calc(13px + .46875vw)
}
}
@media (min-width:2160px) and (max-width:2560px) {
html {
font-size: calc(-7px + 1.25vw)
}
}
@media (min-width:1920px) and (max-width:2160px) {
html {
font-size: calc(-16px + 1.66667vw)
}
}
@media (min-width:1440px) and (max-width:1920px) {
html {
font-size: calc(4px + .625vw)
}
}
@media (min-width:1152px) and (max-width:1440px) {
html {
font-size: calc(3px + .69444vw)
}
}
@media (min-width:1000px) and (max-width:1152px) {
html {
font-size: 11px
}
}
@media screen and (min-width:760px) and (max-width:1000px) {
html {
font-size: calc(3px + .78125vw)
}
}
@media screen and (min-width:1px) and (max-width:760px) {
html {
font-size: 16px
}
}
body {
margin: 0;
padding: 0;
cursor: default;
background: #fff;
color: #333;
font-size: 16px;
line-height: 1.5;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%
}
/*! content {{{ */
* {
max-height: 999999px;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%
}
*,
:before,
:after {
box-sizing: inherit
}
::selection {
background: var(--theme-root);
color: #fff
}
body,
body.mce-content-body,
input,
select,
textarea,
button {
font-family: sans-serif
}
table,
tr,
td,
th {
font-size: 1em
}
body.mce-content-body {
margin: 0;
padding: 1rem 1em 1rem 1em;
background: #fff;
color: #333;
font-size: 16px;
line-height: 1.5;
cursor: default
}
main input,
.block-header input,
main select,
.block-header select,
main textarea,
.block-header textarea,
main button,
.block-header button {
font-size: 1em;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
margin: 0;
padding: 0;
border: 0;
background: 0 0
}
a {
color: inherit;
text-decoration: none;
transition: color .3s, background-color .3s, border-color .3s
}
a:hover {
color: inherit;
text-decoration: none
}
a:hover u {
text-decoration: none
}
body.mce-content-body a,
table.data a,
.html a,
.uk-html a,
.group a,
.field a {
text-decoration: underline
}
body.mce-content-body a:hover,
table.data a:hover,
.html a:hover,
.uk-html a:hover,
.group a:hover,
.field a:hover {
text-decoration: none
}
body.mce-content-body a.button,
body.mce-content-body a.uk-button,
body.mce-content-body a.btn,
table.data a.button,
table.data a.uk-button,
table.data a.btn,
.html a.button,
.html a.uk-button,
.html a.btn,
.uk-html a.button,
.uk-html a.uk-button,
.uk-html a.btn,
.group a.button,
.group a.uk-button,
.group a.btn,
.field a.button,
.field a.uk-button,
.field a.btn {
text-decoration: none
}
a img {
border: 0
}
a,
a *,
button {
cursor: pointer
}
p,
div.p {
margin: 1em 0 1em 0;
padding: 0
}
p:first-child,
div.p:first-child {
margin-top: 0
}
p:last-child,
div.p:last-child {
margin-bottom: 0
}
p img,
div.p img {
max-width: 100%;
height: auto
}
h1,
.h1 {
font-size: 2rem;
line-height: 1.2;
margin: 0 0 1.875rem 0;
padding: 0;
color: #000;
font-weight: 700;
text-transform: none
}
h2,
.h2 {
font-size: 1.5rem;
line-height: 1.2;
margin: 1.25rem 0 1.25rem 0;
padding: 0;
color: #000;
font-weight: 700;
text-transform: none
}
h3,
.h3 {
font-size: 1.25rem;
line-height: 1.2;
margin: 1.25rem 0 1.25rem 0;
padding: 0;
color: #000;
font-weight: 700;
text-transform: none
}
h4,
.h4 {
font-size: 1em;
margin: 1em 0 1em 0;
padding: 0;
color: #000;
font-weight: 700;
text-transform: none
}
@media only screen and (max-width:1000px) {
h1,
.h1 {
font-size: 1.5rem
}
h2,
.h2 {
font-size: 1.25rem
}
h3,
.h3 {
font-size: 1rem
}
}
h1:first-child,
.h1:first-child,
h2:first-child,
.h2:first-child,
h3:first-child,
.h3:first-child,
h4:first-child,
.h4:first-child {
margin-top: 0
}
hr {
border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
margin: 1em 0 1em 0;
clear: both
}
p.error {
padding: 1em;
color: red;
border-left: 3px solid red
}
p.notice {
padding: 1em;
border-left: 3px solid #ccc
}
b.hi {
font-weight: inherit;
background: #fd0
}
:link,
:visited,
:hover,
:active,
:focus {
outline: 0
}
a.button,
button.button,
.field-input--submit button {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: 12.5rem;
padding: 1.475rem 2.5rem 1.275rem 2.5rem;
background: #fff;
border: .125rem solid #fff;
border-radius: 1.875rem;
color: var(--theme-root);
text-decoration: none;
text-transform: none;
font-family: "MursGothic";
font-size: 2rem;
line-height: 2.625rem;
font-weight: 800;
text-align: center;
cursor: pointer;
transition: .3s ease-in-out;
vertical-align: middle;
-webkit-tap-highlight-color: transparent
}
@media (max-width:760px) {
a.button,
button.button,
.field-input--submit button {
border-radius: 30px
}
}
a.button:hover,
a.button:focus,
button.button:hover,
button.button:focus,
.field-input--submit button:hover,
.field-input--submit button:focus {
background: var(--theme-root);
color: #fff
}
a.button:active,
button.button:active,
.field-input--submit button:active {
background: var(--theme-root);
color: #fff
}
a.anchor {
display: block;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
text-decoration: none
}
.clearfix:after,
.html:after {
content: "";
display: block;
clear: both;
height: 0;
flex: 0 0 0
}
.no-menu {
opacity: .5
}
figure.image img {
display: block;
max-width: 100%;
height: auto
}
.uk-width-1-1 {
width: 100%
}
a.uk-link-muted,
.uk-link-muted a,
.uk-link-toggle .uk-link-muted {
color: #999
}
a.uk-link-muted:hover,
.uk-link-muted a:hover,
.uk-link-toggle:hover .uk-link-muted {
color: #333
}
a.uk-link-text,
.uk-link-text a,
.uk-link-toggle .uk-link-text {
color: inherit
}
a.uk-link-text:hover,
.uk-link-text a:hover,
.uk-link-toggle:hover .uk-link-text {
color: #999
}
a.uk-link-heading,
.uk-link-heading a,
.uk-link-toggle .uk-link-heading {
color: inherit
}
a.uk-link-heading:hover,
.uk-link-heading a:hover,
.uk-link-toggle:hover .uk-link-heading {
color: var(--theme-root);
text-decoration: none
}
a.uk-link-reset,
.uk-link-reset a {
color: inherit !important;
text-decoration: none !important
}
.uk-link-toggle {
color: inherit !important;
text-decoration: none !important
}
[class*=uk-divider] {
border: 0;
margin-bottom: 20px
}
*+[class*=uk-divider] {
margin-top: 20px
}
.uk-divider-icon {
position: relative;
height: 20px;
background-repeat: no-repeat;
background-position: 50% 50%
}
.uk-divider-icon::before,
.uk-divider-icon::after {
content: "";
position: absolute;
top: 50%;
max-width: calc(50% - 25px);
border-bottom: 1px solid #e6e6e6
}
.uk-divider-icon::before {
right: calc(50% + 25px);
width: 100%
}
.uk-divider-icon::after {
left: calc(50% + 25px);
width: 100%
}
.uk-divider-small {
line-height: 0
}
.uk-divider-small::after {
content: "";
display: inline-block;
width: 100px;
max-width: 100%;
border-top: 1px solid #e6e6e6;
vertical-align: top
}
.uk-divider-vertical {
width: -webkit-max-content;
width: max-content;
height: 100px;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #e6e6e6
}
.uk-list {
padding: 0;
list-style: none
}
.uk-list>* {
break-inside: avoid-column
}
.uk-list>*>:last-child {
margin-bottom: 0
}
.uk-list>:nth-child(n+2),
.uk-list>*>ul {
margin-top: 10px
}
.uk-list-disc>*,
.uk-list-circle>*,
.uk-list-square>*,
.uk-list-decimal>*,
.uk-list-hyphen>* {
padding-left: 30px
}
.uk-list-decimal {
counter-reset: decimal
}
.uk-list-decimal>* {
counter-increment: decimal
}
.uk-list-disc>::before,
.uk-list-circle>::before,
.uk-list-square>::before,
.uk-list-decimal>::before,
.uk-list-hyphen>::before {
content: "";
position: relative;
left: -30px;
width: 30px;
height: 1.5em;
margin-bottom: -1.5em;
display: list-item;
list-style-position: inside;
text-align: right
}
.uk-list-disc>::before {
list-style-type: disc
}
.uk-list-circle>::before {
list-style-type: circle
}
.uk-list-square>::before {
list-style-type: square
}
.uk-list-decimal>::before {
content: counter(decimal, decimal)" . "
}
.uk-list-hyphen>::before {
content: "– "
}
.uk-list-muted>::before {
color: #999 !important
}
.uk-list-emphasis>::before {
color: #000 !important
}
.uk-list-primary>::before {
color: var(--theme-root) !important
}
.uk-list-secondary>::before {
color: #333 !important
}
.uk-list-bullet>* {
padding-left: 30px
}
.uk-list-bullet>::before {
content: "";
display: list-item;
position: relative;
left: -30px;
width: 30px;
height: 1.5em;
margin-bottom: -1.5em;
background-repeat: no-repeat;
background-position: 50% 50%
}
.uk-list-divider>:nth-child(n+2) {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #e6e6e6
}
.uk-list-striped>* {
padding: 10px 10px
}
.uk-list-striped>:nth-of-type(odd) {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6
}
.uk-list-striped>:nth-of-type(odd) {
background: #f6f6f6
}
.uk-list-striped>:nth-child(n+2) {
margin-top: 0
}
.uk-list-large>:nth-child(n+2),
.uk-list-large>*>ul {
margin-top: 20px
}
.uk-list-collapse>:nth-child(n+2),
.uk-list-collapse>*>ul {
margin-top: 0
}
.uk-list-large.uk-list-divider>:nth-child(n+2) {
margin-top: 20px;
padding-top: 20px
}
.uk-list-collapse.uk-list-divider>:nth-child(n+2) {
margin-top: 0;
padding-top: 0
}
.uk-list-large.uk-list-striped>* {
padding: 20px 10px
}
.uk-list-collapse.uk-list-striped>* {
padding-top: 0;
padding-bottom: 0
}
.uk-list-large.uk-list-striped>:nth-child(n+2),
.uk-list-collapse.uk-list-striped>:nth-child(n+2) {
margin-top: 0
}
.uk-description-list>dt {
color: #000;
font-size: 12px;
font-weight: 400;
text-transform: uppercase
}
.uk-description-list>dt:nth-child(n+2) {
margin-top: 20px
}
.uk-description-list-divider>dt:nth-child(n+2) {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e6e6e6
}
.uk-table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 20px
}
*+.uk-table {
margin-top: 20px
}
.uk-table th {
padding: 16px 12px;
text-align: left;
vertical-align: bottom;
font-size: 12px;
font-weight: 400;
color: #999;
text-transform: uppercase
}
.uk-table td {
padding: 16px 12px;
vertical-align: top
}
.uk-table td>:last-child {
margin-bottom: 0
}
.uk-table tfoot {
font-size: 12px
}
.uk-table caption {
font-size: 12px;
text-align: left;
color: #999
}
.uk-table-middle,
.uk-table-middle td {
vertical-align: middle !important
}
.uk-table-divider>tr:not(:first-child),
.uk-table-divider>:not(:first-child)>tr,
.uk-table-divider>:first-child>tr:not(:first-child) {
border-top: 1px solid #e6e6e6
}
.uk-table-striped>tr:nth-of-type(odd),
.uk-table-striped tbody tr:nth-of-type(odd) {
background: #f6f6f6;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6
}
.uk-table-hover>tr:hover,
.uk-table-hover tbody tr:hover {
background: #ffd
}
.uk-table>tr.uk-active,
.uk-table tbody tr.uk-active {
background: #ffd
}
.uk-table-small th,
.uk-table-small td {
padding: 10px 12px
}
.uk-table-large th,
.uk-table-large td {
padding: 22px 12px
}
.uk-table-justify th:first-child,
.uk-table-justify td:first-child {
padding-left: 0
}
.uk-table-justify th:last-child,
.uk-table-justify td: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
}
.uk-table-small .uk-table-link>a {
padding: 10px 12px
}
@media (max-width:760px) {
.uk-table-responsive,
.uk-table-responsive tbody,
.uk-table-responsive th,
.uk-table-responsive td,
.uk-table-responsive tr {
display: block
}
.uk-table-responsive thead {
display: none
}
.uk-table-responsive th,
.uk-table-responsive td {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
overflow: visible !important;
white-space: normal !important
}
.uk-table-responsive th:not(:first-child):not(.uk-table-link),
.uk-table-responsive td:not(:first-child):not(.uk-table-link),
.uk-table-responsive .uk-table-link:not(:first-child)>a {
padding-top: 5px !important
}
.uk-table-responsive th:not(:last-child):not(.uk-table-link),
.uk-table-responsive td:not(:last-child):not(.uk-table-link),
.uk-table-responsive .uk-table-link:not(:last-child)>a {
padding-bottom: 5px !important
}
.uk-table-justify.uk-table-responsive th,
.uk-table-justify.uk-table-responsive td {
padding-left: 0;
padding-right: 0
}
}
.uk-table tbody tr {
transition: background-color .1s linear
}
.uk-table-striped>tr:nth-of-type(even):last-child,
.uk-table-striped tbody tr:nth-of-type(even):last-child {
border-bottom: 1px solid #e6e6e6
}
.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::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
fill: currentcolor
}
.uk-icon:not(.uk-preserve) [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;
object-fit: scale-down;
max-width: none
}
.uk-icon-link {
color: #999;
text-decoration: none !important
}
.uk-icon-link:hover {
color: #333
}
.uk-icon-link:active,
.uk-active>.uk-icon-link {
color: #262626
}
.uk-icon-button {
box-sizing: border-box;
width: 36px;
height: 36px;
border-radius: 500px;
background: #f6f6f6;
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:hover {
background-color: #e9e9e9;
color: #333
}
.uk-icon-button:active,
.uk-active>.uk-icon-button {
background-color: #ddd;
color: #333
}
.uk-input,
.uk-select,
.uk-textarea,
.uk-radio,
.uk-checkbox {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit
}
.uk-input {
overflow: visible
}
.uk-select {
text-transform: none
}
.uk-select optgroup {
font: inherit;
font-weight: 700
}
.uk-textarea {
overflow: auto
}
.uk-input[type=search]::-webkit-search-cancel-button,
.uk-input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
.uk-input[type=number]::-webkit-inner-spin-button,
.uk-input[type=number]::-webkit-outer-spin-button {
height: auto
}
.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
opacity: 1
}
.uk-radio:not(:disabled),
.uk-checkbox:not(:disabled) {
cursor: pointer
}
.uk-fieldset {
border: 0;
margin: 0;
padding: 0;
min-width: 0
}
.uk-input,
.uk-textarea {
-webkit-appearance: none
}
.uk-input,
.uk-select,
.uk-textarea {
max-width: 100%;
width: 100%;
border: 0;
padding: 0 10px;
background: #fff;
color: #333;
border: 1px solid #e6e6e6;
transition: .2s ease-in-out;
transition-property: color, background-color, border
}
.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: 6px;
padding-bottom: 6px;
vertical-align: top
}
.uk-select[multiple],
.uk-select[size] {
resize: vertical
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
outline: 0;
background-color: #fff;
color: #333;
border-color: var(--theme-root)
}
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
background-color: #f6f6f6;
color: #999;
border-color: #e6e6e6
}
.uk-input::-webkit-input-placeholder {
color: #999
}
.uk-input:-ms-input-placeholder {
color: #999
}
.uk-input::placeholder {
color: #999
}
.uk-textarea::-webkit-input-placeholder {
color: #999
}
.uk-textarea:-ms-input-placeholder {
color: #999
}
.uk-textarea::placeholder {
color: #999
}
.uk-form-small {
font-size: 12px
}
.uk-form-small:not(textarea):not([multiple]):not([size]) {
height: 30px;
padding-left: 8px;
padding-right: 8px
}
textarea.uk-form-small,
[multiple].uk-form-small,
[size].uk-form-small {
padding: 5px 8px
}
.uk-form-small:not(select):not(input):not(textarea) {
line-height: 28px
}
.uk-form-large {
font-size: 20px
}
.uk-form-large:not(textarea):not([multiple]):not([size]) {
height: 55px;
padding-left: 12px;
padding-right: 12px
}
textarea.uk-form-large,
[multiple].uk-form-large,
[size].uk-form-large {
padding: 7px 12px
}
.uk-form-large:not(select):not(input):not(textarea) {
line-height: 53px
}
.uk-form-danger,
.uk-form-danger:focus {
color: red;
border-color: red
}
.uk-form-success,
.uk-form-success:focus {
color: #093;
border-color: #093
}
.uk-form-blank {
background: 0 0;
border-color: transparent
}
.uk-form-blank:focus {
border-color: #e6e6e6;
border-style: solid
}
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]) {
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 20px;
background-repeat: no-repeat;
background-position: 100% 50%
}
.uk-select:not([multiple]):not([size]) option {
color: #333
}
.uk-input[list] {
padding-right: 20px;
background-repeat: no-repeat;
background-position: 100% 50%
}
.uk-input[list]::-webkit-calendar-picker-indicator {
display: none !important
}
.uk-radio,
.uk-checkbox {
display: inline-block;
height: 16px;
width: 16px;
overflow: hidden;
margin-top: -4px;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
border: 1px solid #cdcdcd;
transition: .2s ease-in-out;
transition-property: background-color, border
}
.uk-radio {
border-radius: 50%
}
.uk-radio:focus,
.uk-checkbox:focus {
background-color: transparent;
outline: 0;
border-color: var(--theme-root)
}
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
background-color: var(--theme-root);
border-color: transparent
}
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
background-color: #0d3084
}
.uk-radio:disabled,
.uk-checkbox:disabled {
background-color: #f6f6f6;
border-color: #e6e6e6
}
.uk-legend {
width: 100%;
color: inherit;
padding: 0;
font-size: 24px;
line-height: 1.4
}
.uk-form-custom {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle
}
.uk-form-custom select,
.uk-form-custom input[type=file] {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
-webkit-appearance: none;
opacity: 0;
cursor: pointer
}
.uk-form-custom input[type=file] {
font-size: 500px;
overflow: hidden
}
.uk-form-label {
color: #000;
font-size: 12px
}
.uk-form-stacked .uk-form-label {
display: block;
margin-bottom: 5px
}
@media (max-width:760px) {
.uk-form-horizontal .uk-form-label {
display: block;
margin-bottom: 5px
}
}
@media (min-width:761px) {
.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: #333
}
.uk-form-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;
text-transform: none;
-webkit-appearance: none;
border-radius: 0;
display: inline-block;
box-sizing: border-box;
padding: 0 16px;
vertical-align: middle;
font-size: 16px;
line-height: 1.5;
text-align: center;
text-decoration: none;
border-radius: 2px;
padding-top: 8px;
padding-bottom: 8px
}
.uk-button-group .uk-button {
border-radius: 0
}
.uk-button-success {
background: #093;
color: #fff
}
.uk-button-success:hover,
.uk-button-success:focus {
background: #007326;
color: #fff
}
.uk-button-success:active,
.uk-button-success.uk-active {
background: #007326;
color: #fff
}
.uk-button:not(:disabled) {
cursor: pointer
}
.uk-button::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-button:hover {
text-decoration: none
}
.uk-button-default {
background-color: transparent;
color: #000;
border: 1px solid #e6e6e6
}
.uk-button-default:hover {
background-color: transparent;
color: #000;
border-color: #b3b3b3
}
.uk-button-default:active,
.uk-button-default.uk-active {
background-color: transparent;
color: #000;
border-color: #9a9a9a
}
.uk-button-primary {
background-color: var(--theme-root);
color: #fff;
border: 1px solid transparent
}
.uk-button-primary:hover {
background-color: #0e348f;
color: #fff
}
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: #0d3084;
color: #fff
}
.uk-button-secondary {
background-color: #333;
color: #fff;
border: 1px solid transparent
}
.uk-button-secondary:hover {
background-color: #202020;
color: #fff
}
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
background-color: #1a1a1a;
color: #fff
}
.uk-button-danger {
background-color: red;
color: #fff;
border: 1px solid transparent
}
.uk-button-danger:hover {
background-color: #d90000;
color: #fff
}
.uk-button-danger:active,
.uk-button-danger.uk-active {
background-color: #c00;
color: #fff
}
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
background-color: transparent;
color: #999;
border-color: #e6e6e6
}
.uk-button-small {
padding: 0 8px;
line-height: 1.5;
font-size: 16px;
padding-top: 4px;
padding-bottom: 4px
}
.uk-button-large {
padding: 0 24px;
line-height: 1.5;
font-size: 16px;
padding-top: 12px;
padding-bottom: 12px
}
.uk-button-text {
padding: 0;
line-height: 1.5;
background: 0 0;
color: #000;
position: relative
}
.uk-button-text::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 100%;
border-bottom: 1px solid currentColor;
transition: right .3s ease-out
}
.uk-button-text:hover {
color: #000
}
.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: #000
}
.uk-button-link:hover {
color: #999;
text-decoration: none
}
.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:hover,
.uk-button-group .uk-button:focus,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button.uk-active {
position: relative;
z-index: 1
}
.uk-section {
display: flow-root;
box-sizing: border-box;
padding-top: 40px;
padding-bottom: 40px
}
@media (min-width:761px) {
.uk-section {
padding-top: 70px;
padding-bottom: 70px
}
}
.uk-section>:last-child {
margin-bottom: 0
}
.uk-section-xsmall {
padding-top: 20px;
padding-bottom: 20px
}
.uk-section-small {
padding-top: 40px;
padding-bottom: 40px
}
.uk-section-large {
padding-top: 70px;
padding-bottom: 70px
}
@media (min-width:761px) {
.uk-section-large {
padding-top: 140px;
padding-bottom: 140px
}
}
.uk-section-xlarge {
padding-top: 140px;
padding-bottom: 140px
}
@media (min-width:761px) {
.uk-section-xlarge {
padding-top: 210px;
padding-bottom: 210px
}
}
.uk-section-default {
background: #fff;
--uk-navbar-color: dark
}
.uk-section-muted {
background: #f6f6f6;
--uk-navbar-color: dark
}
.uk-section-primary {
background: var(--theme-root);
--uk-navbar-color: light
}
.uk-section-secondary {
background: #333;
--uk-navbar-color: light
}
.uk-container {
display: flow-root;
box-sizing: content-box;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:481px) {
.uk-container {
padding-left: 30px;
padding-right: 30px
}
}
@media (min-width:761px) {
.uk-container {
padding-left: 40px;
padding-right: 40px
}
}
.uk-container>:last-child {
margin-bottom: 0
}
.uk-container .uk-container {
padding-left: 0;
padding-right: 0
}
.uk-container-xsmall {
max-width: 750px
}
.uk-container-small {
max-width: 900px
}
.uk-container-large {
max-width: 1400px
}
.uk-container-xlarge {
max-width: 1600px
}
.uk-container-expand {
max-width: none
}
.uk-container-expand-left {
margin-left: 0
}
.uk-container-expand-right {
margin-right: 0
}
@media (min-width:481px) {
.uk-container-expand-left.uk-container-xsmall,
.uk-container-expand-right.uk-container-xsmall {
max-width: calc(50% + 345px)
}
.uk-container-expand-left.uk-container-small,
.uk-container-expand-right.uk-container-small {
max-width: calc(50% + 420px)
}
}
@media (min-width:761px) {
.uk-container-expand-left,
.uk-container-expand-right {
max-width: calc(50% + 560px)
}
.uk-container-expand-left.uk-container-xsmall,
.uk-container-expand-right.uk-container-xsmall {
max-width: calc(50% + 335px)
}
.uk-container-expand-left.uk-container-small,
.uk-container-expand-right.uk-container-small {
max-width: calc(50% + 410px)
}
.uk-container-expand-left.uk-container-large,
.uk-container-expand-right.uk-container-large {
max-width: calc(50% + 660px)
}
.uk-container-expand-left.uk-container-xlarge,
.uk-container-expand-right.uk-container-xlarge {
max-width: calc(50% + 760px)
}
}
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
width: calc(100% + 15px)
}
.uk-container-item-padding-remove-left {
margin-left: -15px
}
.uk-container-item-padding-remove-right {
margin-right: -15px
}
@media (min-width:481px) {
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
width: calc(100% + 30px)
}
.uk-container-item-padding-remove-left {
margin-left: -30px
}
.uk-container-item-padding-remove-right {
margin-right: -30px
}
}
@media (min-width:761px) {
.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
width: calc(100% + 40px)
}
.uk-container-item-padding-remove-left {
margin-left: -40px
}
.uk-container-item-padding-remove-right {
margin-right: -40px
}
}
.uk-tile {
display: flow-root;
position: relative;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
padding-top: 40px;
padding-bottom: 40px
}
@media (min-width:481px) {
.uk-tile {
padding-left: 30px;
padding-right: 30px
}
}
@media (min-width:761px) {
.uk-tile {
padding-left: 40px;
padding-right: 40px;
padding-top: 70px;
padding-bottom: 70px
}
}
.uk-tile>:last-child {
margin-bottom: 0
}
.uk-tile-xsmall {
padding-top: 20px;
padding-bottom: 20px
}
.uk-tile-small {
padding-top: 40px;
padding-bottom: 40px
}
.uk-tile-large {
padding-top: 70px;
padding-bottom: 70px
}
@media (min-width:761px) {
.uk-tile-large {
padding-top: 140px;
padding-bottom: 140px
}
}
.uk-tile-xlarge {
padding-top: 140px;
padding-bottom: 140px
}
@media (min-width:761px) {
.uk-tile-xlarge {
padding-top: 210px;
padding-bottom: 210px
}
}
.uk-tile-default {
background-color: #fff
}
.uk-tile-muted {
background-color: #f6f6f6
}
.uk-tile-primary {
background-color: var(--theme-root)
}
.uk-tile-secondary {
background-color: #333
}
.uk-card {
position: relative;
box-sizing: border-box;
transition: box-shadow .1s ease-in-out
}
.uk-card-body {
display: flow-root;
padding: 30px 30px
}
.uk-card-header {
display: flow-root;
padding: 15px 30px
}
.uk-card-footer {
display: flow-root;
padding: 15px 30px
}
@media (min-width:1001px) {
.uk-card-body {
padding: 40px 40px
}
.uk-card-header {
padding: 20px 40px
}
.uk-card-footer {
padding: 20px 40px
}
}
.uk-card-body>:last-child,
.uk-card-header>:last-child,
.uk-card-footer>:last-child {
margin-bottom: 0
}
.uk-card-title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 20px
}
.uk-card-title:last-child {
margin-bottom: 0
}
.uk-card-badge {
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
height: 22px;
padding: 0 10px;
background: var(--theme-root);
color: #fff;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
line-height: 0;
border-radius: 2px;
text-transform: uppercase
}
.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-color: #fff;
box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}
.uk-card-default {
background-color: #fff;
color: #333;
box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}
.uk-card-default .uk-card-title {
color: #000
}
.uk-card-default.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 #e6e6e6
}
.uk-card-default .uk-card-footer {
border-top: 1px solid #e6e6e6
}
.uk-card-primary {
background-color: var(--theme-root);
color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}
.uk-card-primary .uk-card-title {
color: #fff
}
.uk-card-primary.uk-card-hover:hover {
background-color: var(--theme-root);
box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}
.uk-card-secondary {
background-color: #333;
color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}
.uk-card-secondary .uk-card-title {
color: #fff
}
.uk-card-secondary.uk-card-hover:hover {
background-color: #333;
box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}
.uk-card-small.uk-card-body,
.uk-card-small .uk-card-body {
padding: 20px 20px
}
.uk-card-small .uk-card-header {
padding: 13px 20px
}
.uk-card-small .uk-card-footer {
padding: 13px 20px
}
@media (min-width:1001px) {
.uk-card-large.uk-card-body,
.uk-card-large .uk-card-body {
padding: 70px 70px
}
.uk-card-large .uk-card-header {
padding: 35px 70px
}
.uk-card-large .uk-card-footer {
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>li>a,
.uk-card-body>.uk-nav-default .uk-nav-header,
.uk-card-body>.uk-nav-default .uk-nav-divider {
padding-left: 30px;
padding-right: 30px
}
.uk-card-body>.uk-nav-default .uk-nav-sub {
padding-left: 45px
}
@media (min-width:1001px) {
.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>li>a,
.uk-card-body>.uk-nav-default .uk-nav-header,
.uk-card-body>.uk-nav-default .uk-nav-divider {
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>li>a,
.uk-card-small>.uk-nav-default .uk-nav-header,
.uk-card-small>.uk-nav-default .uk-nav-divider {
padding-left: 20px;
padding-right: 20px
}
.uk-card-small>.uk-nav-default .uk-nav-sub {
padding-left: 35px
}
@media (min-width:1001px) {
.uk-card-large>.uk-nav-default {
margin: 0
}
.uk-card-large>.uk-nav-default:only-child {
margin: 0
}
.uk-card-large>.uk-nav-default>li>a,
.uk-card-large>.uk-nav-default .uk-nav-header,
.uk-card-large>.uk-nav-default .uk-nav-divider {
padding-left: 0;
padding-right: 0
}
.uk-card-large>.uk-nav-default .uk-nav-sub {
padding-left: 15px
}
}
.uk-close {
color: #999;
transition: .1s ease-in-out;
transition-property: color, opacity
}
.uk-close:hover {
color: #333
}
.uk-spinner>* {
animation: uk-spinner-rotate 1.4s linear infinite
}
@keyframes uk-spinner-rotate {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(270deg)
}
}
.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
}
@keyframes uk-spinner-dash {
0% {
stroke-dashoffset: 88px
}
50% {
stroke-dashoffset: 22px;
transform: rotate(135deg)
}
to {
stroke-dashoffset: 88px;
transform: rotate(450deg)
}
}
.uk-alert {
position: relative;
margin-bottom: 20px;
padding: 15px 29px 15px 15px;
background: #f6f6f6;
color: #333
}
*+.uk-alert {
margin-top: 20px
}
.uk-alert>:last-child {
margin-bottom: 0
}
.uk-alert-close {
position: absolute;
top: 20px;
right: 15px;
color: inherit;
opacity: .4
}
.uk-alert-close:first-child+* {
margin-top: 0
}
.uk-alert-close:hover {
color: inherit;
opacity: .8
}
.uk-alert-primary {
background: #becbea;
color: var(--theme-root)
}
.uk-alert-success {
background: #c1e6ce;
color: #093
}
.uk-alert-warning {
background: #ffeddc;
color: #f93
}
.uk-alert-danger {
background: #fcc;
color: red
}
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
color: inherit
}
.uk-alert a:not([class]) {
color: inherit;
text-decoration: underline
}
.uk-alert a:not([class]):hover {
color: inherit;
text-decoration: underline
}
.uk-placeholder {
margin-bottom: 20px;
padding: 30px 30px;
background: 0 0;
border: 1px dashed #e6e6e6
}
*+.uk-placeholder {
margin-top: 20px
}
.uk-placeholder>:last-child {
margin-bottom: 0
}
.uk-badge {
box-sizing: border-box;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 500px;
vertical-align: middle;
background: var(--theme-root);
color: #fff !important;
font-size: 11px;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 0
}
.uk-badge:hover {
text-decoration: none
}
.uk-label {
display: inline-block;
padding: 0 10px;
background: var(--theme-root);
line-height: 1.5;
font-size: 12px;
color: #fff;
vertical-align: middle;
white-space: nowrap;
border-radius: 2px;
text-transform: uppercase
}
.uk-label-success {
background-color: #093;
color: #fff
}
.uk-label-warning {
background-color: #f93;
color: #fff
}
.uk-label-danger {
background-color: red;
color: #fff
}
.uk-overlay {
padding: 30px 30px
}
.uk-overlay>:last-child {
margin-bottom: 0
}
.uk-overlay-default {
background: rgba(255, 255, 255, .8)
}
.uk-overlay-primary {
background: rgba(51, 51, 51, .8)
}
.uk-article {
display: flow-root
}
.uk-article>:last-child {
margin-bottom: 0
}
.uk-article+.uk-article {
margin-top: 70px
}
.uk-article-title {
font-size: 34px;
line-height: 1.2
}
@media (min-width:761px) {
.uk-article-title {
font-size: 40px
}
}
.uk-article-meta {
font-size: 12px;
line-height: 1.4;
color: #999
}
.uk-article-meta a {
color: #999
}
.uk-article-meta a:hover {
color: #333;
text-decoration: none
}
.uk-comment-body {
display: flow-root;
overflow-wrap: break-word;
word-wrap: break-word
}
.uk-comment-header {
display: flow-root;
margin-bottom: 20px
}
.uk-comment-body>:last-child,
.uk-comment-header>:last-child {
margin-bottom: 0
}
.uk-comment-title {
font-size: 20px;
line-height: 1.4
}
.uk-comment-meta {
font-size: 12px;
line-height: 1.4;
color: #999
}
.uk-comment-list {
padding: 0;
list-style: none
}
.uk-comment-list>:nth-child(n+2) {
margin-top: 70px
}
.uk-comment-list .uk-comment~ul {
margin: 70px 0 0 0;
padding-left: 30px;
list-style: none
}
@media (min-width:761px) {
.uk-comment-list .uk-comment~ul {
padding-left: 100px
}
}
.uk-comment-list .uk-comment~ul>:nth-child(n+2) {
margin-top: 70px
}
.uk-comment-primary {
padding: 30px;
background-color: #f6f6f6
}
.uk-accordion {
padding: 0;
list-style: none
}
.uk-accordion>:nth-child(n+2) {
margin-top: 20px
}
.uk-accordion-title {
display: block;
font-size: 20px;
line-height: 1.4;
color: #000;
overflow: hidden
}
.uk-accordion-title::before {
content: "";
width: 1.4em;
height: 1.4em;
margin-left: 10px;
float: right;
background-repeat: no-repeat;
background-position: 50% 50%
}
.uk-accordion-title:hover {
color: #333;
text-decoration: none
}
.uk-accordion-content {
display: flow-root;
margin-top: 20px
}
.uk-accordion-content>:last-child {
margin-bottom: 0
}
.uk-drop {
display: none;
position: absolute;
z-index: 1060;
--uk-position-offset: 20px;
--uk-position-viewport-offset: 15px;
box-sizing: border-box;
width: 300px
}
.uk-drop.uk-open {
display: block
}
.uk-drop-stack .uk-drop-grid>* {
width: 100% !important
}
.uk-drop-parent-icon {
margin-left: .25em;
transition: transform .3s ease-out
}
[aria-expanded=true]>.uk-drop-parent-icon {
transform: rotateX(180deg)
}
.uk-dropdown {
--uk-position-offset: 10px;
--uk-position-viewport-offset: 15px;
width: auto;
min-width: 200px;
padding: 25px;
background: #fff;
color: #333;
box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
}
.uk-dropdown>:last-child {
margin-bottom: 0
}
.uk-dropdown :focus-visible {
outline-color: #000 !important
}
.uk-dropdown-large {
padding: 40px
}
.uk-dropdown-dropbar {
width: auto;
background: 0 0;
padding: 5px 0 25px 0;
--uk-position-viewport-offset: 15px;
box-shadow: none
}
@media (min-width:481px) {
.uk-dropdown-dropbar {
--uk-position-viewport-offset: 30px
}
}
@media (min-width:761px) {
.uk-dropdown-dropbar {
--uk-position-viewport-offset: 40px
}
}
.uk-dropdown-dropbar-large {
padding-top: 40px;
padding-bottom: 40px
}
.uk-dropdown-nav {
font-size: 12px
}
.uk-dropdown-nav>li>a {
color: #999
}
.uk-dropdown-nav>li>a:hover,
.uk-dropdown-nav>li.uk-active>a {
color: #333
}
.uk-dropdown-nav .uk-nav-subtitle {
font-size: 12px
}
.uk-dropdown-nav .uk-nav-header {
color: #000
}
.uk-dropdown-nav .uk-nav-divider {
border-top: 1px solid #e6e6e6
}
.uk-dropdown-nav .uk-nav-sub a {
color: #999
}
.uk-dropdown-nav .uk-nav-sub a:hover,
.uk-dropdown-nav .uk-nav-sub li.uk-active>a {
color: #333
}
.uk-modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
overflow-y: auto;
padding: 15px 15px;
background: rgba(0, 0, 0, .6);
opacity: 0;
transition: opacity .15s linear
}
@media (min-width:481px) {
.uk-modal {
padding: 50px 30px
}
}
@media (min-width:761px) {
.uk-modal {
padding-left: 40px;
padding-right: 40px
}
}
.uk-modal.uk-open {
opacity: 1
}
.uk-modal-page {
overflow: hidden
}
.uk-modal-dialog {
position: relative;
box-sizing: border-box;
margin: 0 auto;
width: 600px;
max-width: 100% !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 {
display: flow-root;
padding: 20px 20px
}
.uk-modal-header {
display: flow-root;
padding: 15px 20px;
background: #fff;
border-bottom: 1px solid #e6e6e6
}
.uk-modal-footer {
display: flow-root;
padding: 10px 20px;
background: #fff;
border-top: 1px solid #e6e6e6
}
@media (min-width:481px) {
.uk-modal-body {
padding: 30px 30px
}
.uk-modal-header {
padding: 15px 30px
}
.uk-modal-footer {
padding: 15px 30px
}
}
.uk-modal-body>:last-child,
.uk-modal-header>:last-child,
.uk-modal-footer>:last-child {
margin-bottom: 0
}
.uk-modal-title {
font-size: 20px;
line-height: 1.2
}
[class*=uk-modal-close-] {
position: absolute;
z-index: 1050;
top: 15px;
right: 15px;
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:761px) {
.uk-modal-close-outside {
right: 0;
transform: translate(100%, -100%)
}
}
.uk-modal-close-full {
top: 0;
right: 0;
padding: 10px;
background: #fff
}
@media (min-width:761px) {
.uk-modal-close-full {
padding: 20px
}
}
.uk-slideshow {
-webkit-tap-highlight-color: transparent
}
.uk-slideshow-items {
position: relative;
z-index: 0;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
-webkit-touch-callout: none;
touch-action: pan-y
}
.uk-slideshow-items>* {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
will-change: transform, opacity
}
.uk-slideshow-items>:not(.uk-active) {
display: none
}
.uk-slider {
-webkit-tap-highlight-color: transparent
}
.uk-slider-container {
overflow: hidden;
overflow: clip
}
.uk-slider-container-offset {
margin: -11px -25px -39px -25px;
padding: 11px 25px 39px 25px
}
.uk-slider-items {
will-change: transform;
position: relative;
touch-action: pan-y
}
.uk-slider-items:not(.uk-grid) {
display: flex;
margin: 0;
padding: 0;
list-style: none;
-webkit-touch-callout: none
}
.uk-slider-items.uk-grid {
flex-wrap: nowrap
}
.uk-slider-items>* {
flex: none;
box-sizing: border-box;
max-width: 100%;
position: relative
}
.uk-offcanvas {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1040
}
.uk-offcanvas-flip .uk-offcanvas {
right: 0;
left: auto
}
.uk-offcanvas-bar {
position: absolute;
top: 0;
bottom: 0;
left: -270px;
box-sizing: border-box;
width: 270px;
padding: 20px 20px;
background: #f6f6f6;
overflow-y: auto
}
@media (min-width:481px) {
.uk-offcanvas-bar {
left: -350px;
width: 350px;
padding: 30px 30px
}
}
.uk-offcanvas-flip .uk-offcanvas-bar {
left: auto;
right: -270px
}
@media (min-width:481px) {
.uk-offcanvas-flip .uk-offcanvas-bar {
right: -350px
}
}
.uk-open>.uk-offcanvas-bar {
left: 0
}
.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {
left: auto;
right: 0
}
.uk-offcanvas-bar-animation {
transition: left .3s ease-out
}
.uk-offcanvas-flip .uk-offcanvas-bar-animation {
transition-property: right
}
.uk-offcanvas-reveal {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
overflow: hidden;
transition: width .3s ease-out
}
.uk-offcanvas-reveal .uk-offcanvas-bar {
left: 0
}
.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
left: auto;
right: 0
}
.uk-open>.uk-offcanvas-reveal {
width: 270px
}
@media (min-width:481px) {
.uk-open>.uk-offcanvas-reveal {
width: 350px
}
}
.uk-offcanvas-flip .uk-offcanvas-reveal {
right: 0;
left: auto
}
.uk-offcanvas-close {
position: absolute;
z-index: 1040;
top: 5px;
right: 5px;
padding: 5px;
color: #999
}
.uk-offcanvas-close:hover {
color: #333
}
@media (min-width:481px) {
.uk-offcanvas-close {
top: 10px;
right: 10px
}
}
.uk-offcanvas-close:first-child+* {
margin-top: 0
}
.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-overlay.uk-open::before {
opacity: 1
}
.uk-offcanvas-page,
.uk-offcanvas-container {
overflow-x: hidden;
overflow-x: clip
}
.uk-offcanvas-container {
position: relative;
left: 0;
transition: left .3s ease-out;
box-sizing: border-box;
width: 100%
}
:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
left: 270px
}
.uk-offcanvas-flip.uk-offcanvas-container-animation {
left: -270px
}
@media (min-width:481px) {
:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
left: 350px
}
.uk-offcanvas-flip.uk-offcanvas-container-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-tooltip {
display: none;
position: absolute;
z-index: 1070;
--uk-position-offset: 10px;
--uk-position-viewport-offset: 10;
top: 0;
box-sizing: border-box;
max-width: 200px;
padding: 3px 6px;
background: #333;
border-radius: 2px;
color: #fff;
font-size: 12px;
text-align: center
}
.uk-tooltip:before {
content: "";
box-sizing: border-box;
display: block;
position: absolute
}
.uk-tooltip.uk-transform-origin-bottom-center:before,
.uk-tooltip.uk-transform-origin-bottom-left:before,
.uk-tooltip.uk-transform-origin-bottom-right:before {
width: 8px;
height: 4px;
bottom: -4px;
border: 4px solid transparent;
border-top-color: #333;
border-bottom-width: 0
}
.uk-tooltip.uk-transform-origin-bottom-center:before {
left: 50%;
margin-left: -4px
}
.uk-tooltip.uk-transform-origin-bottom-left:before {
left: 12px
}
.uk-tooltip.uk-transform-origin-bottom-right:before {
right: 12px
}
.uk-tooltip.uk-transform-origin-top-center:before,
.uk-tooltip.uk-transform-origin-top-left:before,
.uk-tooltip.uk-transform-origin-top-right:before {
width: 8px;
height: 4px;
top: -4px;
border: 4px solid transparent;
border-bottom-color: #333;
border-top-width: 0
}
.uk-tooltip.uk-transform-origin-top-center:before {
left: 50%;
margin-left: -4px
}
.uk-tooltip.uk-transform-origin-top-left:before {
left: 12px
}
.uk-tooltip.uk-transform-origin-top-right:before {
right: 12px
}
.uk-tooltip.uk-transform-origin-center-right:before,
.uk-tooltip.uk-transform-origin-center-left:before {
width: 4px;
height: 8px;
top: 50%;
margin-top: -4px;
border: 4px solid transparent
}
.uk-tooltip.uk-transform-origin-center-right:before {
right: -4px;
border-left-color: #333;
border-right-width: 0
}
.uk-tooltip.uk-transform-origin-center-left:before {
left: -4px;
border-right-color: #333;
border-left-width: 0
}
.uk-tooltip.uk-active {
display: block
}
.uk-countdown-number {
font-variant-numeric: tabular-nums;
font-size: 2rem;
line-height: .8
}
@media (min-width:481px) {
.uk-countdown-number {
font-size: 4rem
}
}
@media (min-width:761px) {
.uk-countdown-number {
font-size: 6rem
}
}
.uk-countdown-separator {
font-size: 1rem;
line-height: 1.6
}
@media (min-width:481px) {
.uk-countdown-separator {
font-size: 2rem
}
}
@media (min-width:761px) {
.uk-countdown-separator {
font-size: 3rem
}
}
.uk-grid {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none
}
.uk-grid>* {
margin: 0
}
.uk-grid>*>:last-child {
margin-bottom: 0
}
.uk-grid {
margin-left: -30px
}
.uk-grid>* {
padding-left: 30px
}
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin,
*+.uk-grid-margin {
margin-top: 30px
}
@media (min-width:1001px) {
.uk-grid {
margin-left: -40px
}
.uk-grid>* {
padding-left: 40px
}
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin,
*+.uk-grid-margin {
margin-top: 40px
}
}
.uk-grid-small,
.uk-grid-column-small {
margin-left: -15px
}
.uk-grid-small>*,
.uk-grid-column-small>* {
padding-left: 15px
}
.uk-grid+.uk-grid-small,
.uk-grid+.uk-grid-row-small,
.uk-grid-small>.uk-grid-margin,
.uk-grid-row-small>.uk-grid-margin,
*+.uk-grid-margin-small {
margin-top: 15px
}
.uk-grid-medium,
.uk-grid-column-medium {
margin-left: -30px
}
.uk-grid-medium>*,
.uk-grid-column-medium>* {
padding-left: 30px
}
.uk-grid+.uk-grid-medium,
.uk-grid+.uk-grid-row-medium,
.uk-grid-medium>.uk-grid-margin,
.uk-grid-row-medium>.uk-grid-margin,
*+.uk-grid-margin-medium {
margin-top: 30px
}
.uk-grid-large,
.uk-grid-column-large {
margin-left: -40px
}
.uk-grid-large>*,
.uk-grid-column-large>* {
padding-left: 40px
}
.uk-grid+.uk-grid-large,
.uk-grid+.uk-grid-row-large,
.uk-grid-large>.uk-grid-margin,
.uk-grid-row-large>.uk-grid-margin,
*+.uk-grid-margin-large {
margin-top: 40px
}
@media (min-width:1001px) {
.uk-grid-large,
.uk-grid-column-large {
margin-left: -70px
}
.uk-grid-large>*,
.uk-grid-column-large>* {
padding-left: 70px
}
.uk-grid+.uk-grid-large,
.uk-grid+.uk-grid-row-large,
.uk-grid-large>.uk-grid-margin,
.uk-grid-row-large>.uk-grid-margin,
*+.uk-grid-margin-large {
margin-top: 70px
}
}
.uk-grid-collapse,
.uk-grid-column-collapse {
margin-left: 0
}
.uk-grid-collapse>*,
.uk-grid-column-collapse>* {
padding-left: 0
}
.uk-grid+.uk-grid-collapse,
.uk-grid+.uk-grid-row-collapse,
.uk-grid-collapse>.uk-grid-margin,
.uk-grid-row-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 #e6e6e6
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
content: "";
position: absolute;
left: 0;
right: 0;
border-top: 1px solid #e6e6e6
}
.uk-grid-divider {
margin-left: -60px
}
.uk-grid-divider>* {
padding-left: 60px
}
.uk-grid-divider>:not(.uk-first-column)::before {
left: 30px
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin {
margin-top: 60px
}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
top: -30px;
left: 60px
}
@media (min-width:1001px) {
.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,
.uk-grid-divider.uk-grid-column-small {
margin-left: -30px
}
.uk-grid-divider.uk-grid-small>*,
.uk-grid-divider.uk-grid-column-small>* {
padding-left: 30px
}
.uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before {
left: 15px
}
.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin {
margin-top: 30px
}
.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before {
top: -15px;
left: 30px
}
.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before {
top: -15px
}
.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before {
left: 30px
}
.uk-grid-divider.uk-grid-medium,
.uk-grid-divider.uk-grid-column-medium {
margin-left: -60px
}
.uk-grid-divider.uk-grid-medium>*,
.uk-grid-divider.uk-grid-column-medium>* {
padding-left: 60px
}
.uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before {
left: 30px
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin {
margin-top: 60px
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before {
top: -30px;
left: 60px
}
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before {
top: -30px
}
.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before {
left: 60px
}
.uk-grid-divider.uk-grid-large,
.uk-grid-divider.uk-grid-column-large {
margin-left: -80px
}
.uk-grid-divider.uk-grid-large>*,
.uk-grid-divider.uk-grid-column-large>* {
padding-left: 80px
}
.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before {
left: 40px
}
.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-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
}
.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
top: -40px
}
.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
left: 80px
}
@media (min-width:1001px) {
.uk-grid-divider.uk-grid-large,
.uk-grid-divider.uk-grid-column-large {
margin-left: -140px
}
.uk-grid-divider.uk-grid-large>*,
.uk-grid-divider.uk-grid-column-large>* {
padding-left: 140px
}
.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before {
left: 70px
}
.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-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-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
top: -70px
}
.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
left: 140px
}
}
.uk-grid-match>*,
.uk-grid-item-match {
display: flex;
flex-wrap: wrap
}
.uk-grid-match>*>:not([class*=uk-width]),
.uk-grid-item-match>:not([class*=uk-width]) {
box-sizing: border-box;
width: 100%;
flex: auto
}
.uk-nav,
.uk-nav ul {
margin: 0;
padding: 0;
list-style: none
}
.uk-nav li>a {
display: flex;
align-items: center;
column-gap: .25em;
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 {
margin-left: auto;
transition: transform .3s ease-out
}
.uk-nav>li.uk-open>a .uk-nav-parent-icon {
transform: rotateX(180deg)
}
.uk-nav-header {
padding: 5px 0;
text-transform: uppercase;
font-size: 12px
}
.uk-nav-header:not(:first-child) {
margin-top: 20px
}
.uk-nav .uk-nav-divider {
margin: 5px 0
}
.uk-nav-default {
font-size: 12px;
line-height: 1.5
}
.uk-nav-default>li>a {
color: #999
}
.uk-nav-default>li>a:hover {
color: #333
}
.uk-nav-default>li.uk-active>a {
color: #000
}
.uk-nav-default .uk-nav-subtitle {
font-size: 12px
}
.uk-nav-default .uk-nav-header {
color: #000
}
.uk-nav-default .uk-nav-divider {
border-top: 1px solid #e6e6e6
}
.uk-nav-default .uk-nav-sub {
font-size: 12px;
line-height: 1.5
}
.uk-nav-default .uk-nav-sub a {
color: #999
}
.uk-nav-default .uk-nav-sub a:hover {
color: #333
}
.uk-nav-default .uk-nav-sub li.uk-active>a {
color: #000
}
.uk-nav-primary {
font-size: 24px;
line-height: 1.5
}
.uk-nav-primary>li>a {
color: #999
}
.uk-nav-primary>li>a:hover {
color: #333
}
.uk-nav-primary>li.uk-active>a {
color: #000
}
.uk-nav-primary .uk-nav-subtitle {
font-size: 20px
}
.uk-nav-primary .uk-nav-header {
color: #000
}
.uk-nav-primary .uk-nav-divider {
border-top: 1px solid #e6e6e6
}
.uk-nav-primary .uk-nav-sub {
font-size: 20px;
line-height: 1.5
}
.uk-nav-primary .uk-nav-sub a {
color: #999
}
.uk-nav-primary .uk-nav-sub a:hover {
color: #333
}
.uk-nav-primary .uk-nav-sub li.uk-active>a {
color: #000
}
.uk-nav-secondary {
font-size: 16px;
line-height: 1.5
}
.uk-nav-secondary>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider) {
margin-top: 0
}
.uk-nav-secondary>li>a {
color: #000;
padding: 10px 10px
}
.uk-nav-secondary>li>a:hover {
color: #000;
background-color: #f6f6f6
}
.uk-nav-secondary>li.uk-active>a {
color: #000;
background-color: #f6f6f6
}
.uk-nav-secondary .uk-nav-subtitle {
font-size: 12px;
color: #999
}
.uk-nav-secondary>li>a:hover .uk-nav-subtitle {
color: #333
}
.uk-nav-secondary>li.uk-active>a .uk-nav-subtitle {
color: #000
}
.uk-nav-secondary .uk-nav-header {
color: #000
}
.uk-nav-secondary .uk-nav-divider {
border-top: 1px solid #e6e6e6
}
.uk-nav-secondary .uk-nav-sub {
font-size: 12px;
line-height: 1.5
}
.uk-nav-secondary .uk-nav-sub a {
color: #999
}
.uk-nav-secondary .uk-nav-sub a:hover {
color: #333
}
.uk-nav-secondary .uk-nav-sub li.uk-active>a {
color: #000
}
.uk-nav-center {
text-align: center
}
.uk-nav-center li>a {
justify-content: center
}
.uk-nav-center .uk-nav-sub,
.uk-nav-center .uk-nav-sub ul {
padding-left: 0
}
.uk-nav-center .uk-nav-parent-icon {
margin-left: .25em
}
.uk-nav.uk-nav-divider>:not(.uk-nav-header, .uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #e6e6e6
}
.uk-navbar {
display: flex;
position: relative;
--uk-navbar-dropbar-behind-color: dark
}
.uk-navbar-container:not(.uk-navbar-transparent) {
background: #f6f6f6
}
.uk-navbar-left,
.uk-navbar-right,
[class*=uk-navbar-center] {
display: flex;
gap: 15px;
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%);
width: -webkit-max-content;
width: max-content;
box-sizing: border-box;
z-index: 1030
}
.uk-navbar-center-left,
.uk-navbar-center-right {
position: absolute;
top: 0
}
.uk-navbar-center-left {
right: calc(100% + 15px)
}
.uk-navbar-center-right {
left: calc(100% + 15px)
}
[class*=uk-navbar-center-] {
width: -webkit-max-content;
width: max-content;
box-sizing: border-box
}
.uk-navbar-nav {
display: flex;
gap: 15px;
margin: 0;
padding: 0;
list-style: none
}
.uk-navbar-left,
.uk-navbar-right,
.uk-navbar-center:only-child {
flex-wrap: wrap
}
.uk-navbar-nav>li>a,
.uk-navbar-item,
.uk-navbar-toggle {
display: flex;
justify-content: center;
align-items: center;
column-gap: .25em;
box-sizing: border-box;
min-height: 80px;
font-size: 12px;
font-family: sans-serif;
text-decoration: none
}
.uk-navbar-nav>li>a {
padding: 0 0;
color: #999;
text-transform: uppercase;
transition: .1s ease-in-out;
transition-property: color, background-color
}
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a[aria-expanded=true] {
color: #333
}
.uk-navbar-nav>li>a:active {
color: #000
}
.uk-navbar-nav>li.uk-active>a {
color: #000
}
.uk-navbar-parent-icon {
margin-left: 4px;
transition: transform .3s ease-out
}
.uk-navbar-nav>li>a[aria-expanded=true] .uk-navbar-parent-icon {
transform: rotateX(180deg)
}
.uk-navbar-item {
padding: 0 0;
color: #333
}
.uk-navbar-item>:last-child {
margin-bottom: 0
}
.uk-navbar-toggle {
padding: 0 0;
color: #999
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle[aria-expanded=true] {
color: #333;
text-decoration: none
}
.uk-navbar-subtitle {
font-size: 12px
}
.uk-navbar-justify .uk-navbar-left,
.uk-navbar-justify .uk-navbar-right,
.uk-navbar-justify .uk-navbar-nav,
.uk-navbar-justify .uk-navbar-nav>li,
.uk-navbar-justify .uk-navbar-item,
.uk-navbar-justify .uk-navbar-toggle {
flex-grow: 1
}
.uk-navbar-dropdown {
--uk-position-offset: 15px;
--uk-position-shift-offset: 0;
--uk-position-viewport-offset: 15px;
width: 200px;
padding: 25px;
background: #fff;
color: #333;
box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
}
.uk-navbar-dropdown>:last-child {
margin-bottom: 0
}
.uk-navbar-dropdown :focus-visible {
outline-color: #000 !important
}
.uk-navbar-dropdown .uk-drop-grid {
margin-left: -30px
}
.uk-navbar-dropdown .uk-drop-grid>* {
padding-left: 30px
}
.uk-navbar-dropdown .uk-drop-grid>.uk-grid-margin {
margin-top: 30px
}
.uk-navbar-dropdown-width-2:not(.uk-drop-stack) {
width: 400px
}
.uk-navbar-dropdown-width-3:not(.uk-drop-stack) {
width: 600px
}
.uk-navbar-dropdown-width-4:not(.uk-drop-stack) {
width: 800px
}
.uk-navbar-dropdown-width-5:not(.uk-drop-stack) {
width: 1000px
}
.uk-navbar-dropdown-large {
--uk-position-shift-offset: 0;
padding: 40px
}
.uk-navbar-dropdown-dropbar {
width: auto;
background: 0 0;
padding: 25px 0 25px 0;
--uk-position-offset: 0;
--uk-position-shift-offset: 0;
--uk-position-viewport-offset: 15px;
box-shadow: none
}
@media (min-width:481px) {
.uk-navbar-dropdown-dropbar {
--uk-position-viewport-offset: 30px
}
}
@media (min-width:761px) {
.uk-navbar-dropdown-dropbar {
--uk-position-viewport-offset: 40px
}
}
.uk-navbar-dropdown-dropbar-large {
--uk-position-shift-offset: 0;
padding-top: 40px;
padding-bottom: 40px
}
.uk-navbar-dropdown-nav {
font-size: 12px
}
.uk-navbar-dropdown-nav>li>a {
color: #999
}
.uk-navbar-dropdown-nav>li>a:hover {
color: #333
}
.uk-navbar-dropdown-nav>li.uk-active>a {
color: #000
}
.uk-navbar-dropdown-nav .uk-nav-subtitle {
font-size: 12px
}
.uk-navbar-dropdown-nav .uk-nav-header {
color: #000
}
.uk-navbar-dropdown-nav .uk-nav-divider {
border-top: 1px solid #e6e6e6
}
.uk-navbar-dropdown-nav .uk-nav-sub a {
color: #999
}
.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
color: #333
}
.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a {
color: #000
}
.uk-navbar-container {
transition: .1s ease-in-out;
transition-property: background-color
}
@media (min-width:761px) {
.uk-navbar-left,
.uk-navbar-right,
[class*=uk-navbar-center] {
gap: 30px
}
.uk-navbar-center-left {
right: calc(100% + 30px)
}
.uk-navbar-center-right {
left: calc(100% + 30px)
}
}
@media (min-width:761px) {
.uk-navbar-nav {
gap: 30px
}
}
.uk-subnav {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: -20px;
padding: 0;
list-style: none
}
.uk-subnav>* {
flex: none;
padding-left: 20px;
position: relative
}
.uk-subnav>*>:first-child {
display: flex;
align-items: center;
column-gap: .25em;
color: #999;
font-size: 12px;
text-transform: uppercase;
transition: .1s ease-in-out;
transition-property: color, background-color
}
.uk-subnav>*>a:hover {
color: #333;
text-decoration: none
}
.uk-subnav>.uk-active>a {
color: #000
}
.uk-subnav-divider {
margin-left: -41px
}
.uk-subnav-divider>* {
display: flex;
align-items: center
}
.uk-subnav-divider>::before {
content: "";
height: 1.5em;
margin-left: 0;
margin-right: 20px;
border-left: 1px solid transparent
}
.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
border-left-color: #e6e6e6
}
.uk-subnav-pill>*>:first-child {
padding: 5px 10px;
background: 0 0;
color: #999
}
.uk-subnav-pill>*>a:hover {
background-color: #f6f6f6;
color: #333
}
.uk-subnav-pill>*>a:active {
background-color: #f6f6f6;
color: #333
}
.uk-subnav-pill>.uk-active>a {
background-color: var(--theme-root);
color: #fff
}
.uk-subnav>.uk-disabled>a {
color: #999
}
.uk-breadcrumb {
padding: 0;
list-style: none
}
.uk-breadcrumb>* {
display: contents
}
.uk-breadcrumb>*>* {
font-size: 12px;
color: #999
}
.uk-breadcrumb>*>:hover {
color: #333;
text-decoration: none
}
.uk-breadcrumb>:last-child>span,
.uk-breadcrumb>:last-child>a:not([href]) {
color: #333
}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
content: "\002f";
display: inline-block;
margin: 0 20px 0 16px;
font-size: 12px;
color: #999
}
.uk-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: 0;
padding: 0;
list-style: none
}
.uk-pagination>* {
flex: none;
padding-left: 0;
position: relative
}
.uk-pagination>*>* {
display: flex;
align-items: center;
column-gap: .25em;
padding: 5px 10px;
color: #999;
transition: color .1s ease-in-out
}
.uk-pagination>*>:hover {
color: #333;
text-decoration: none
}
.uk-pagination>.uk-active>* {
color: #333
}
.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 #e6e6e6
}
.uk-tab>* {
flex: none;
padding-left: 20px;
position: relative
}
.uk-tab>*>a {
display: flex;
align-items: center;
column-gap: .25em;
justify-content: center;
padding: 10px 15px;
color: #999;
border-bottom: 1px solid transparent;
font-size: 12px;
text-transform: uppercase;
transition: color .1s ease-in-out
}
.uk-tab>*>a:hover {
color: #333;
text-decoration: none
}
.uk-tab>.uk-active>a {
color: #000;
border-color: var(--theme-root)
}
.uk-tab>.uk-disabled>a {
color: #999
}
.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 {
top: 0;
bottom: 0;
left: auto;
right: 0;
border-left: 1px solid #e6e6e6;
border-bottom: none
}
.uk-tab-right::before {
top: 0;
bottom: 0;
left: 0;
right: auto;
border-left: 1px solid #e6e6e6;
border-bottom: none
}
.uk-tab-left>*>a {
justify-content: left;
border-right: 1px solid transparent;
border-bottom: none
}
.uk-tab-right>*>a {
justify-content: left;
border-left: 1px solid transparent;
border-bottom: none
}
.uk-tab .uk-dropdown {
margin-left: 35px
}
.uk-slidenav {
padding: 5px 10px;
color: rgba(51, 51, 51, .5);
transition: color .1s ease-in-out
}
.uk-slidenav:hover {
color: rgba(51, 51, 51, .9)
}
.uk-slidenav:active {
color: rgba(51, 51, 51, .5)
}
.uk-slidenav-large {
padding: 10px 10px
}
.uk-slidenav-container {
display: flex
}
.uk-dotnav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-left: -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(51, 51, 51, .4);
transition: .2s ease-in-out;
transition-property: background-color, border-color
}
.uk-dotnav>*>:hover {
background-color: rgba(51, 51, 51, .6);
border-color: transparent
}
.uk-dotnav>*>:active {
background-color: rgba(51, 51, 51, .2);
border-color: transparent
}
.uk-dotnav>.uk-active>* {
background-color: rgba(51, 51, 51, .6);
border-color: transparent
}
.uk-dotnav-vertical {
flex-direction: column;
margin-left: 0;
margin-top: -12px
}
.uk-dotnav-vertical>* {
padding-left: 0;
padding-top: 12px
}
.uk-thumbnav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-left: -15px
}
.uk-thumbnav>* {
padding-left: 15px
}
.uk-thumbnav>*>* {
display: inline-block;
position: relative
}
.uk-thumbnav>*>::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
transition: opacity .1s ease-in-out
}
.uk-thumbnav>*>:hover::after {
opacity: 0
}
.uk-thumbnav>.uk-active>::after {
opacity: 0
}
.uk-thumbnav-vertical {
flex-direction: column;
margin-left: 0;
margin-top: -15px
}
.uk-thumbnav-vertical>* {
padding-left: 0;
padding-top: 15px
}
.uk-iconnav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-left: -10px
}
.uk-iconnav>* {
padding-left: 10px
}
.uk-iconnav>*>a {
display: flex;
align-items: center;
column-gap: .25em;
line-height: 0;
color: #999;
text-decoration: none;
font-size: 12px;
transition: .1s ease-in-out;
transition-property: color, background-color
}
.uk-iconnav>*>a:hover {
color: #333
}
.uk-iconnav>.uk-active>a {
color: #333
}
.uk-iconnav-vertical {
flex-direction: column;
margin-left: 0;
margin-top: -10px
}
.uk-iconnav-vertical>* {
padding-left: 0;
padding-top: 10px
}
.uk-lightbox {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
background: #000;
opacity: 0;
transition: opacity .15s linear;
touch-action: pinch-zoom
}
.uk-lightbox.uk-open {
display: block;
opacity: 1
}
.uk-lightbox :focus-visible {
outline-color: rgba(255, 255, 255, .7)
}
.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(255, 255, 255, .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 10px;
background: rgba(0, 0, 0, .3);
color: rgba(255, 255, 255, .7)
}
.uk-lightbox-toolbar>* {
color: rgba(255, 255, 255, .7)
}
.uk-lightbox-toolbar-icon {
padding: 5px;
color: rgba(255, 255, 255, .7)
}
.uk-lightbox-toolbar-icon:hover {
color: #fff
}
.uk-lightbox-button {
box-sizing: border-box;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, .3);
color: rgba(255, 255, 255, .7);
display: inline-flex;
justify-content: center;
align-items: center
}
.uk-lightbox-button:hover {
color: #fff
}
.uk-lightbox-caption:empty {
display: none
}
.uk-lightbox-iframe {
width: 80%;
height: 80%
}
[class*=uk-child-width]>* {
box-sizing: border-box;
width: 100%
}
.uk-child-width-1-2>* {
width: 50%
}
.uk-child-width-1-3>* {
width: 33.32223%
}
.uk-child-width-1-4>* {
width: 25%
}
.uk-child-width-1-5>* {
width: 20%
}
.uk-child-width-1-6>* {
width: 16.66389%
}
.uk-child-width-auto>* {
width: auto
}
.uk-child-width-expand>:not([class*=uk-width]) {
flex: 1;
min-width: 1px
}
@media (min-width:481px) {
.uk-child-width-1-1\@s>* {
width: 100%
}
.uk-child-width-1-2\@s>* {
width: 50%
}
.uk-child-width-1-3\@s>* {
width: 33.32223%
}
.uk-child-width-1-4\@s>* {
width: 25%
}
.uk-child-width-1-5\@s>* {
width: 20%
}
.uk-child-width-1-6\@s>* {
width: 16.66389%
}
.uk-child-width-auto\@s>* {
width: auto
}
.uk-child-width-expand\@s>: not([class*=uk-width]) {
flex: 1;
min-width: 1px
}
}
@media (min-width:761px) {
.uk-child-width-1-1\@m>* {
width: 100%
}
.uk-child-width-1-2\@m>* {
width: 50%
}
.uk-child-width-1-3\@m>* {
width: 33.32223%
}
.uk-child-width-1-4\@m>* {
width: 25%
}
.uk-child-width-1-5\@m>* {
width: 20%
}
.uk-child-width-1-6\@m>* {
width: 16.66389%
}
.uk-child-width-auto\@m>* {
width: auto
}
.uk-child-width-expand\@m>: not([class*=uk-width]) {
flex: 1;
min-width: 1px
}
}
@media (min-width:1001px) {
.uk-child-width-1-1\@l>* {
width: 100%
}
.uk-child-width-1-2\@l>* {
width: 50%
}
.uk-child-width-1-3\@l>* {
width: 33.32223%
}
.uk-child-width-1-4\@l>* {
width: 25%
}
.uk-child-width-1-5\@l>* {
width: 20%
}
.uk-child-width-1-6\@l>* {
width: 16.66389%
}
.uk-child-width-auto\@l>* {
width: auto
}
.uk-child-width-expand\@l>: not([class*=uk-width]) {
flex: 1;
min-width: 1px
}
}
@media (min-width:1201px) {
.uk-child-width-1-1\@xl>* {
width: 100%
}
.uk-child-width-1-2\@xl>* {
width: 50%
}
.uk-child-width-1-3\@xl>* {
width: 33.32223%
}
.uk-child-width-1-4\@xl>* {
width: 25%
}
.uk-child-width-1-5\@xl>* {
width: 20%
}
.uk-child-width-1-6\@xl>* {
width: 16.66389%
}
.uk-child-width-auto\@xl>* {
width: auto
}
.uk-child-width-expand\@xl>: not([class*=uk-width]) {
flex: 1;
min-width: 1px
}
}
[class*=uk-width] {
box-sizing: border-box;
width: 100%;
max-width: 100%
}
.uk-width-1-2 {
width: 50%
}
.uk-width-1-3 {
width: 33.32223%
}
.uk-width-2-3 {
width: 66.64445%
}
.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: 16.66389%
}
.uk-width-5-6 {
width: 83.31945%
}
.uk-width-small {
width: 150px
}
.uk-width-medium {
width: 300px
}
.uk-width-large {
width: 450px
}
.uk-width-xlarge {
width: 600px
}
.uk-width-2xlarge {
width: 750px
}
.uk-width-auto {
width: auto
}
.uk-width-expand {
flex: 1;
min-width: 1px
}
@media (min-width:481px) {
.uk-width-1-1\@s {
width: 100%
}
.uk-width-1-2\@s {
width: 50%
}
.uk-width-1-3\@s {
width: 33.32223%
}
.uk-width-2-3\@s {
width: 66.64445%
}
.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: 16.66389%
}
.uk-width-5-6\@s {
width: 83.31945%
}
.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-2xlarge\@s {
width: 750px
}
.uk-width-auto\@s {
width: auto
}
.uk-width-expand\@s {
flex: 1;
min-width: 1px
}
}
@media (min-width:761px) {
.uk-width-1-1\@m {
width: 100%
}
.uk-width-1-2\@m {
width: 50%
}
.uk-width-1-3\@m {
width: 33.32223%
}
.uk-width-2-3\@m {
width: 66.64445%
}
.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: 16.66389%
}
.uk-width-5-6\@m {
width: 83.31945%
}
.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-2xlarge\@m {
width: 750px
}
.uk-width-auto\@m {
width: auto
}
.uk-width-expand\@m {
flex: 1;
min-width: 1px
}
}
@media (min-width:1001px) {
.uk-width-1-1\@l {
width: 100%
}
.uk-width-1-2\@l {
width: 50%
}
.uk-width-1-3\@l {
width: 33.32223%
}
.uk-width-2-3\@l {
width: 66.64445%
}
.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: 16.66389%
}
.uk-width-5-6\@l {
width: 83.31945%
}
.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-2xlarge\@l {
width: 750px
}
.uk-width-auto\@l {
width: auto
}
.uk-width-expand\@l {
flex: 1;
min-width: 1px
}
}
@media (min-width:1201px) {
.uk-width-1-1\@xl {
width: 100%
}
.uk-width-1-2\@xl {
width: 50%
}
.uk-width-1-3\@xl {
width: 33.32223%
}
.uk-width-2-3\@xl {
width: 66.64445%
}
.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: 16.66389%
}
.uk-width-5-6\@xl {
width: 83.31945%
}
.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-2xlarge\@xl {
width: 750px
}
.uk-width-auto\@xl {
width: auto
}
.uk-width-expand\@xl {
flex: 1;
min-width: 1px
}
}
.uk-width-max-content {
width: -webkit-max-content;
width: max-content
}
.uk-width-min-content {
width: -webkit-min-content;
width: min-content
}
[class*=uk-height] {
box-sizing: border-box
}
.uk-height-1-1 {
height: 100%
}
.uk-height-viewport {
min-height: 100vh
}
.uk-height-viewport-2 {
min-height: 200vh
}
.uk-height-viewport-3 {
min-height: 300vh
}
.uk-height-viewport-4 {
min-height: 400vh
}
.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: 24px;
line-height: 1.5;
color: #000
}
.uk-text-meta {
font-size: 12px;
line-height: 1.4;
color: #999
}
.uk-text-meta>a {
color: #999
}
.uk-text-meta>a:hover {
color: #333;
text-decoration: none
}
.uk-text-small {
font-size: 12px;
line-height: 1.5
}
.uk-text-large {
font-size: 24px;
line-height: 1.5
}
.uk-text-default {
font-size: 16px;
line-height: 1.5
}
.uk-text-light {
font-weight: 300
}
.uk-text-normal {
font-weight: 400
}
.uk-text-bold {
font-weight: 700
}
.uk-text-lighter {
font-weight: lighter
}
.uk-text-bolder {
font-weight: bolder
}
.uk-text-italic {
font-style: italic
}
.uk-text-capitalize {
text-transform: capitalize !important
}
.uk-text-uppercase {
text-transform: uppercase !important
}
.uk-text-lowercase {
text-transform: lowercase !important
}
.uk-text-decoration-none {
text-decoration: none !important
}
.uk-text-muted {
color: #999 !important
}
.uk-text-emphasis {
color: #000 !important
}
.uk-text-primary {
color: var(--theme-root) !important
}
.uk-text-secondary {
color: #333 !important
}
.uk-text-success {
color: #093 !important
}
.uk-text-warning {
color: #f93 !important
}
.uk-text-danger {
color: red !important
}
.uk-text-background {
-webkit-background-clip: text;
color: transparent !important;
display: inline-block;
background-color: var(--theme-root);
background-image: linear-gradient(90deg, var(--theme-root) 0%, spin(var(--theme-root), 40%) 100%)
}
.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:481px) {
.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:761px) {
.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:1001px) {
.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:1201px) {
.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 {
white-space: nowrap
}
.uk-text-truncate {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
th.uk-text-truncate,
td.uk-text-truncate {
max-width: 0
}
.uk-text-break {
overflow-wrap: break-word
}
th.uk-text-break,
td.uk-text-break {
word-break: break-word
}
[class*=uk-column-] {
column-gap: 30px
}
@media (min-width:1001px) {
[class*=uk-column-] {
column-gap: 40px
}
}
[class*=uk-column-] img {
transform: translate3d(0, 0, 0)
}
.uk-column-divider {
column-rule: 1px solid #e6e6e6;
column-gap: 60px
}
@media (min-width:1001px) {
.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:481px) {
.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:761px) {
.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:1001px) {
.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:1201px) {
.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]:where(canvas, iframe, svg),
[data-uk-cover]:where(canvas, iframe, svg) {
max-width: none;
position: absolute;
left: 50%;
top: 50%;
--uk-position-translate-x: -50%;
--uk-position-translate-y: -50%;
transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y))
}
iframe[uk-cover],
iframe[data-uk-cover] {
pointer-events: none
}
[uk-cover]:where(img, video),
[data-uk-cover]:where(img, video) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
object-fit: cover;
object-position: center
}
.uk-cover-container {
overflow: hidden;
position: relative
}
.uk-background-default {
background-color: #fff
}
.uk-background-muted {
background-color: #f6f6f6
}
.uk-background-primary {
background-color: var(--theme-root)
}
.uk-background-secondary {
background-color: #333
}
.uk-background-cover,
.uk-background-contain,
.uk-background-width-1-1,
.uk-background-height-1-1 {
background-position: 50% 50%;
background-repeat: no-repeat
}
.uk-background-cover {
background-size: cover
}
.uk-background-contain {
background-size: contain
}
.uk-background-width-1-1 {
background-size: 100%
}
.uk-background-height-1-1 {
background-size: auto 100%
}
.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;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
@media (pointer:coarse) {
.uk-background-fixed {
background-attachment: scroll
}
}
@media (max-width:480px) {
.uk-background-image\@s {
background-image: none !important
}
}
@media (max-width:760px) {
.uk-background-image\@m {
background-image: none !important
}
}
@media (max-width:1000px) {
.uk-background-image\@l {
background-image: none !important
}
}
@media (max-width:1200px) {
.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
}
[class*=uk-align] {
display: block;
margin-bottom: 30px
}
*+[class*=uk-align] {
margin-top: 30px
}
.uk-align-center {
margin-left: auto;
margin-right: auto
}
.uk-align-left {
margin-top: 0;
margin-right: 30px;
float: left
}
.uk-align-right {
margin-top: 0;
margin-left: 30px;
float: right
}
@media (min-width:481px) {
.uk-align-left\@s {
margin-top: 0;
margin-right: 30px;
float: left
}
.uk-align-right\@s {
margin-top: 0;
margin-left: 30px;
float: right
}
}
@media (min-width:761px) {
.uk-align-left\@m {
margin-top: 0;
margin-right: 30px;
float: left
}
.uk-align-right\@m {
margin-top: 0;
margin-left: 30px;
float: right
}
}
@media (min-width:1001px) {
.uk-align-left\@l {
margin-top: 0;
float: left
}
.uk-align-right\@l {
margin-top: 0;
float: right
}
.uk-align-left,
.uk-align-left\@s,
.uk-align-left\@m,
.uk-align-left\@l {
margin-right: 40px
}
.uk-align-right,
.uk-align-right\@s,
.uk-align-right\@m,
.uk-align-right\@l {
margin-left: 40px
}
}
@media (min-width:1201px) {
.uk-align-left\@xl {
margin-top: 0;
margin-right: 40px;
float: left
}
.uk-align-right\@xl {
margin-top: 0;
margin-left: 40px;
float: right
}
}
.uk-svg,
.uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
fill: currentcolor
}
.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
stroke: currentcolor
}
.uk-svg {
transform: translate(0, 0)
}
.uk-panel {
display: flow-root;
position: relative;
box-sizing: border-box
}
.uk-panel>:last-child {
margin-bottom: 0
}
.uk-panel-scrollable {
height: 170px;
padding: 10px;
border: 1px solid #e6e6e6;
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-overflow-auto>:last-child {
margin-bottom: 0
}
.uk-box-sizing-content {
box-sizing: content-box
}
.uk-box-sizing-border {
box-sizing: border-box
}
.uk-resize {
resize: both
}
.uk-resize-horizontal {
resize: horizontal
}
.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;
-webkit-backface-visibility: hidden
}
.uk-inline-clip {
overflow: hidden
}
.uk-preserve-width,
.uk-preserve-width canvas,
.uk-preserve-width img,
.uk-preserve-width svg,
.uk-preserve-width video {
max-width: none
}
.uk-responsive-width,
.uk-responsive-height {
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-responsive],
[data-uk-responsive] {
max-width: 100%
}
.uk-object-cover {
object-fit: cover
}
.uk-object-contain {
object-fit: contain
}
.uk-object-fill {
object-fit: fill
}
.uk-object-none {
object-fit: none
}
.uk-object-scale-down {
object-fit: scale-down
}
.uk-object-top-left {
object-position: 0 0
}
.uk-object-top-center {
object-position: 50%0
}
.uk-object-top-right {
object-position: 100%0
}
.uk-object-center-left {
object-position: 0 50%
}
.uk-object-center-center {
object-position: 50% 50%
}
.uk-object-center-right {
object-position: 100% 50%
}
.uk-object-bottom-left {
object-position: 0 100%
}
.uk-object-bottom-center {
object-position: 50% 100%
}
.uk-object-bottom-right {
object-position: 100% 100%
}
.uk-border-circle {
border-radius: 50%
}
.uk-border-pill {
border-radius: 500px
}
.uk-border-rounded {
border-radius: 5px
}
.uk-inline-clip[class*=uk-border-] {
-webkit-transform: translateZ(0)
}
.uk-box-shadow-small {
box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}
.uk-box-shadow-medium {
box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}
.uk-box-shadow-large {
box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}
.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-box-shadow-hover-small:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}
.uk-box-shadow-hover-medium:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}
.uk-box-shadow-hover-large:hover {
box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}
.uk-box-shadow-hover-xlarge:hover {
box-shadow: 0 28px 50px rgba(0, 0, 0, .16)
}
@supports (filter:blur(0)) {
.uk-box-shadow-bottom {
display: inline-block;
position: relative;
z-index: 0;
max-width: 100%;
vertical-align: middle
}
.uk-box-shadow-bottom::after {
content: "";
position: absolute;
bottom: -30px;
left: 0;
right: 0;
z-index: -1;
height: 30px;
border-radius: 100%;
background: #444;
filter: blur(20px);
will-change: filter
}
}
.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
}
@-moz-document url-prefix() {
.uk-dropcap::first-letter,
.uk-dropcap>p:first-of-type::first-letter {
margin-top: 1.1%
}
}
.uk-logo {
font-size: 24px;
font-family: sans-serif;
color: #000;
text-decoration: none
}
:where(.uk-logo) {
display: inline-block;
vertical-align: middle
}
.uk-logo:hover {
color: #000;
text-decoration: none
}
.uk-logo :where(img, svg, video) {
display: block
}
.uk-logo-inverse {
display: none
}
.uk-disabled {
pointer-events: none
}
.uk-drag,
.uk-drag * {
cursor: move
}
.uk-drag iframe {
pointer-events: none
}
.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:481px) {
.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:761px) {
.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:1001px) {
.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:1201px) {
.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 {
flex-direction: row
}
.uk-flex-row-reverse {
flex-direction: row-reverse
}
.uk-flex-column {
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:481px) {
.uk-flex-first\@s {
order: -1
}
.uk-flex-last\@s {
order: 99
}
}
@media (min-width:761px) {
.uk-flex-first\@m {
order: -1
}
.uk-flex-last\@m {
order: 99
}
}
@media (min-width:1001px) {
.uk-flex-first\@l {
order: -1
}
.uk-flex-last\@l {
order: 99
}
}
@media (min-width:1201px) {
.uk-flex-first\@xl {
order: -1
}
.uk-flex-last\@xl {
order: 99
}
}
.uk-flex-none {
flex: none
}
.uk-flex-auto {
flex: auto
}
.uk-flex-1 {
flex: 1
}
.uk-margin {
margin-bottom: 20px
}
*+.uk-margin {
margin-top: 20px !important
}
.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 {
margin-top: 10px !important
}
.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 {
margin-top: 40px !important
}
.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 {
margin-top: 40px !important
}
.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:1001px) {
.uk-margin-large {
margin-bottom: 70px
}
*+.uk-margin-large {
margin-top: 70px !important
}
.uk-margin-large-top {
margin-top: 70px !important
}
.uk-margin-large-bottom {
margin-bottom: 70px !important
}
.uk-margin-large-left {
margin-left: 70px !important
}
.uk-margin-large-right {
margin-right: 70px !important
}
}
.uk-margin-xlarge {
margin-bottom: 70px
}
*+.uk-margin-xlarge {
margin-top: 70px !important
}
.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:1001px) {
.uk-margin-xlarge {
margin-bottom: 140px
}
*+.uk-margin-xlarge {
margin-top: 140px !important
}
.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-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
}
@media (min-width:481px) {
.uk-margin-auto\@s {
margin-left: auto !important;
margin-right: auto !important
}
.uk-margin-auto-left\@s {
margin-left: auto !important
}
.uk-margin-auto-right\@s {
margin-right: auto !important
}
}
@media (min-width:761px) {
.uk-margin-auto\@m {
margin-left: auto !important;
margin-right: auto !important
}
.uk-margin-auto-left\@m {
margin-left: auto !important
}
.uk-margin-auto-right\@m {
margin-right: auto !important
}
}
@media (min-width:1001px) {
.uk-margin-auto\@l {
margin-left: auto !important;
margin-right: auto !important
}
.uk-margin-auto-left\@l {
margin-left: auto !important
}
.uk-margin-auto-right\@l {
margin-right: auto !important
}
}
@media (min-width:1201px) {
.uk-margin-auto\@xl {
margin-left: auto !important;
margin-right: auto !important
}
.uk-margin-auto-left\@xl {
margin-left: auto !important
}
.uk-margin-auto-right\@xl {
margin-right: auto !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+*,
.uk-margin-remove-first-child>:first-child {
margin-top: 0 !important
}
.uk-margin-remove-last-child>:last-child {
margin-bottom: 0 !important
}
@media (min-width:481px) {
.uk-margin-remove-left\@s {
margin-left: 0 !important
}
.uk-margin-remove-right\@s {
margin-right: 0 !important
}
}
@media (min-width:761px) {
.uk-margin-remove-left\@m {
margin-left: 0 !important
}
.uk-margin-remove-right\@m {
margin-right: 0 !important
}
}
@media (min-width:1001px) {
.uk-margin-remove-left\@l {
margin-left: 0 !important
}
.uk-margin-remove-right\@l {
margin-right: 0 !important
}
}
@media (min-width:1201px) {
.uk-margin-remove-left\@xl {
margin-left: 0 !important
}
.uk-margin-remove-right\@xl {
margin-right: 0 !important
}
}
.uk-padding {
padding: 30px
}
@media (min-width:1001px) {
.uk-padding {
padding: 40px
}
}
.uk-padding-small {
padding: 15px
}
.uk-padding-large {
padding: 40px
}
@media (min-width:1001px) {
.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
}
:root {
--uk-position-margin-offset: 0px
}
[class*=uk-position-top],
[class*=uk-position-bottom],
[class*=uk-position-left],
[class*=uk-position-right],
[class*=uk-position-center] {
position: absolute !important;
max-width: calc(100% - var(--uk-position-margin-offset)*2);
box-sizing: border-box
}
.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: calc(50% - var(--uk-position-margin-offset));
left: calc(50% - var(--uk-position-margin-offset));
--uk-position-translate-x: -50%;
--uk-position-translate-y: -50%;
transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
width: -webkit-max-content;
width: max-content
}
[class*=uk-position-center-left],
[class*=uk-position-center-right] {
top: calc(50% - var(--uk-position-margin-offset));
--uk-position-translate-y: -50%;
transform: translate(0, var(--uk-position-translate-y))
}
.uk-position-center-left {
left: 0
}
.uk-position-center-right {
right: 0
}
.uk-position-center-left-out {
right: 100%;
width: -webkit-max-content;
width: max-content
}
.uk-position-center-right-out {
left: 100%;
width: -webkit-max-content;
width: max-content
}
.uk-position-top-center,
.uk-position-bottom-center {
left: calc(50% - var(--uk-position-margin-offset));
--uk-position-translate-x: -50%;
transform: translate(var(--uk-position-translate-x), 0);
width: -webkit-max-content;
width: max-content
}
.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-small {
margin: 15px;
--uk-position-margin-offset: 15px
}
.uk-position-medium {
margin: 30px;
--uk-position-margin-offset: 30px
}
.uk-position-large {
margin: 30px;
--uk-position-margin-offset: 30px
}
@media (min-width:1001px) {
.uk-position-large {
margin: 50px;
--uk-position-margin-offset: 50px
}
}
.uk-position-relative {
position: relative !important
}
.uk-position-absolute {
position: absolute !important
}
.uk-position-fixed {
position: fixed !important
}
.uk-position-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.uk-position-z-index {
z-index: 1
}
.uk-position-z-index-zero {
z-index: 0
}
.uk-position-z-index-negative {
z-index: -1
}
.uk-position-z-index-high {
z-index: 1030
}
[hidden],
.uk-hidden {
display: none !important
}
@media (min-width:481px) {
.uk-hidden\@s {
display: none !important
}
}
@media (min-width:761px) {
.uk-hidden\@m {
display: none !important
}
}
@media (min-width:1001px) {
.uk-hidden\@l {
display: none !important
}
}
@media (min-width:1201px) {
.uk-hidden\@xl {
display: none !important
}
}
@media (max-width:480px) {
.uk-visible\@s {
display: none !important
}
}
@media (max-width:760px) {
.uk-visible\@m {
display: none !important
}
}
@media (max-width:1000px) {
.uk-visible\@l {
display: none !important
}
}
@media (max-width:1200px) {
.uk-visible\@xl {
display: none !important
}
}
.uk-invisible {
visibility: hidden !important
}
.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
border: 0 !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important
}
.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
opacity: 0 !important
}
@media (hover:none) {
.uk-hidden-touch {
display: none !important
}
}
@media (hover) {
.uk-hidden-notouch {
display: none !important
}
}
.uk-light,
.uk-section-primary:not(.uk-preserve-color),
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color),
.uk-card-primary.uk-card-body,
.uk-card-primary>:not([class*=uk-card-media]),
.uk-card-secondary.uk-card-body,
.uk-card-secondary>:not([class*=uk-card-media]),
.uk-overlay-primary {
color: rgba(255, 255, 255, .7)
}
.uk-light a,
.uk-section-primary:not(.uk-preserve-color) a,
.uk-section-secondary:not(.uk-preserve-color) a,
.uk-tile-primary:not(.uk-preserve-color) a,
.uk-tile-secondary:not(.uk-preserve-color) a,
.uk-card-primary.uk-card-body a,
.uk-card-primary>:not([class*=uk-card-media]) a,
.uk-card-secondary.uk-card-body a,
.uk-card-secondary>:not([class*=uk-card-media]) a,
.uk-overlay-primary a,
.uk-light .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
.uk-card-primary.uk-card-body .uk-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link,
.uk-card-secondary.uk-card-body .uk-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,
.uk-overlay-primary .uk-link {
color: #fff
}
.uk-light a:hover,
.uk-section-primary:not(.uk-preserve-color) a:hover,
.uk-section-secondary:not(.uk-preserve-color) a:hover,
.uk-tile-primary:not(.uk-preserve-color) a:hover,
.uk-tile-secondary:not(.uk-preserve-color) a:hover,
.uk-card-primary.uk-card-body a:hover,
.uk-card-primary>:not([class*=uk-card-media]) a:hover,
.uk-card-secondary.uk-card-body a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) a:hover,
.uk-overlay-primary a:hover,
.uk-light .uk-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-card-primary.uk-card-body .uk-link:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,
.uk-card-secondary.uk-card-body .uk-link:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,
.uk-overlay-primary .uk-link:hover,
.uk-light .uk-link-toggle:hover .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,
.uk-overlay-primary .uk-link-toggle:hover .uk-link {
color: #fff
}
.uk-light :not(pre)>code,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,
.uk-card-primary.uk-card-body :not(pre)>code,
.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,
.uk-card-secondary.uk-card-body :not(pre)>code,
.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,
.uk-overlay-primary :not(pre)>code,
.uk-light :not(pre)>kbd,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-card-primary.uk-card-body :not(pre)>kbd,
.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,
.uk-card-secondary.uk-card-body :not(pre)>kbd,
.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,
.uk-overlay-primary :not(pre)>kbd,
.uk-light :not(pre)>samp,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp,
.uk-card-primary.uk-card-body :not(pre)>samp,
.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,
.uk-card-secondary.uk-card-body :not(pre)>samp,
.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,
.uk-overlay-primary :not(pre)>samp {
color: rgba(255, 255, 255, .7);
background-color: rgba(255, 255, 255, .1)
}
.uk-light em,
.uk-section-primary:not(.uk-preserve-color) em,
.uk-section-secondary:not(.uk-preserve-color) em,
.uk-tile-primary:not(.uk-preserve-color) em,
.uk-tile-secondary:not(.uk-preserve-color) em,
.uk-card-primary.uk-card-body em,
.uk-card-primary>:not([class*=uk-card-media]) em,
.uk-card-secondary.uk-card-body em,
.uk-card-secondary>:not([class*=uk-card-media]) em,
.uk-overlay-primary em {
color: #fff
}
.uk-light h1,
.uk-section-primary:not(.uk-preserve-color) h1,
.uk-section-secondary:not(.uk-preserve-color) h1,
.uk-tile-primary:not(.uk-preserve-color) h1,
.uk-tile-secondary:not(.uk-preserve-color) h1,
.uk-card-primary.uk-card-body h1,
.uk-card-primary>:not([class*=uk-card-media]) h1,
.uk-card-secondary.uk-card-body h1,
.uk-card-secondary>:not([class*=uk-card-media]) h1,
.uk-overlay-primary h1,
.uk-light .uk-h1,
.uk-section-primary:not(.uk-preserve-color) .uk-h1,
.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
.uk-tile-primary:not(.uk-preserve-color) .uk-h1,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
.uk-card-primary.uk-card-body .uk-h1,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,
.uk-card-secondary.uk-card-body .uk-h1,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,
.uk-overlay-primary .uk-h1,
.uk-light h2,
.uk-section-primary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-tile-primary:not(.uk-preserve-color) h2,
.uk-tile-secondary:not(.uk-preserve-color) h2,
.uk-card-primary.uk-card-body h2,
.uk-card-primary>:not([class*=uk-card-media]) h2,
.uk-card-secondary.uk-card-body h2,
.uk-card-secondary>:not([class*=uk-card-media]) h2,
.uk-overlay-primary h2,
.uk-light .uk-h2,
.uk-section-primary:not(.uk-preserve-color) .uk-h2,
.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
.uk-tile-primary:not(.uk-preserve-color) .uk-h2,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
.uk-card-primary.uk-card-body .uk-h2,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,
.uk-card-secondary.uk-card-body .uk-h2,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,
.uk-overlay-primary .uk-h2,
.uk-light h3,
.uk-section-primary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-tile-primary:not(.uk-preserve-color) h3,
.uk-tile-secondary:not(.uk-preserve-color) h3,
.uk-card-primary.uk-card-body h3,
.uk-card-primary>:not([class*=uk-card-media]) h3,
.uk-card-secondary.uk-card-body h3,
.uk-card-secondary>:not([class*=uk-card-media]) h3,
.uk-overlay-primary h3,
.uk-light .uk-h3,
.uk-section-primary:not(.uk-preserve-color) .uk-h3,
.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
.uk-tile-primary:not(.uk-preserve-color) .uk-h3,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
.uk-card-primary.uk-card-body .uk-h3,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,
.uk-card-secondary.uk-card-body .uk-h3,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,
.uk-overlay-primary .uk-h3,
.uk-light h4,
.uk-section-primary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-tile-primary:not(.uk-preserve-color) h4,
.uk-tile-secondary:not(.uk-preserve-color) h4,
.uk-card-primary.uk-card-body h4,
.uk-card-primary>:not([class*=uk-card-media]) h4,
.uk-card-secondary.uk-card-body h4,
.uk-card-secondary>:not([class*=uk-card-media]) h4,
.uk-overlay-primary h4,
.uk-light .uk-h4,
.uk-section-primary:not(.uk-preserve-color) .uk-h4,
.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
.uk-tile-primary:not(.uk-preserve-color) .uk-h4,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
.uk-card-primary.uk-card-body .uk-h4,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,
.uk-card-secondary.uk-card-body .uk-h4,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,
.uk-overlay-primary .uk-h4,
.uk-light h5,
.uk-section-primary:not(.uk-preserve-color) h5,
.uk-section-secondary:not(.uk-preserve-color) h5,
.uk-tile-primary:not(.uk-preserve-color) h5,
.uk-tile-secondary:not(.uk-preserve-color) h5,
.uk-card-primary.uk-card-body h5,
.uk-card-primary>:not([class*=uk-card-media]) h5,
.uk-card-secondary.uk-card-body h5,
.uk-card-secondary>:not([class*=uk-card-media]) h5,
.uk-overlay-primary h5,
.uk-light .uk-h5,
.uk-section-primary:not(.uk-preserve-color) .uk-h5,
.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
.uk-tile-primary:not(.uk-preserve-color) .uk-h5,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
.uk-card-primary.uk-card-body .uk-h5,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,
.uk-card-secondary.uk-card-body .uk-h5,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,
.uk-overlay-primary .uk-h5,
.uk-light h6,
.uk-section-primary:not(.uk-preserve-color) h6,
.uk-section-secondary:not(.uk-preserve-color) h6,
.uk-tile-primary:not(.uk-preserve-color) h6,
.uk-tile-secondary:not(.uk-preserve-color) h6,
.uk-card-primary.uk-card-body h6,
.uk-card-primary>:not([class*=uk-card-media]) h6,
.uk-card-secondary.uk-card-body h6,
.uk-card-secondary>:not([class*=uk-card-media]) h6,
.uk-overlay-primary h6,
.uk-light .uk-h6,
.uk-section-primary:not(.uk-preserve-color) .uk-h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
.uk-card-primary.uk-card-body .uk-h6,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,
.uk-card-secondary.uk-card-body .uk-h6,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,
.uk-overlay-primary .uk-h6,
.uk-light .uk-heading-small,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-card-primary.uk-card-body .uk-heading-small,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,
.uk-card-secondary.uk-card-body .uk-heading-small,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,
.uk-overlay-primary .uk-heading-small,
.uk-light .uk-heading-medium,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-card-primary.uk-card-body .uk-heading-medium,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,
.uk-card-secondary.uk-card-body .uk-heading-medium,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,
.uk-overlay-primary .uk-heading-medium,
.uk-light .uk-heading-large,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-card-primary.uk-card-body .uk-heading-large,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,
.uk-card-secondary.uk-card-body .uk-heading-large,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,
.uk-overlay-primary .uk-heading-large,
.uk-light .uk-heading-xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-card-primary.uk-card-body .uk-heading-xlarge,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-card-secondary.uk-card-body .uk-heading-xlarge,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-overlay-primary .uk-heading-xlarge,
.uk-light .uk-heading-2xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-card-primary.uk-card-body .uk-heading-2xlarge,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-card-secondary.uk-card-body .uk-heading-2xlarge,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-overlay-primary .uk-heading-2xlarge,
.uk-light .uk-heading-3xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,
.uk-card-primary.uk-card-body .uk-heading-3xlarge,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-3xlarge,
.uk-card-secondary.uk-card-body .uk-heading-3xlarge,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-3xlarge,
.uk-overlay-primary .uk-heading-3xlarge {
color: #fff
}
.uk-light blockquote,
.uk-section-primary:not(.uk-preserve-color) blockquote,
.uk-section-secondary:not(.uk-preserve-color) blockquote,
.uk-tile-primary:not(.uk-preserve-color) blockquote,
.uk-tile-secondary:not(.uk-preserve-color) blockquote,
.uk-card-primary.uk-card-body blockquote,
.uk-card-primary>:not([class*=uk-card-media]) blockquote,
.uk-card-secondary.uk-card-body blockquote,
.uk-card-secondary>:not([class*=uk-card-media]) blockquote,
.uk-overlay-primary blockquote {
color: #fff
}
.uk-light blockquote footer,
.uk-section-primary:not(.uk-preserve-color) blockquote footer,
.uk-section-secondary:not(.uk-preserve-color) blockquote footer,
.uk-tile-primary:not(.uk-preserve-color) blockquote footer,
.uk-tile-secondary:not(.uk-preserve-color) blockquote footer,
.uk-card-primary.uk-card-body blockquote footer,
.uk-card-primary>:not([class*=uk-card-media]) blockquote footer,
.uk-card-secondary.uk-card-body blockquote footer,
.uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,
.uk-overlay-primary blockquote footer {
color: rgba(255, 255, 255, .7)
}
.uk-light hr,
.uk-section-primary:not(.uk-preserve-color) hr,
.uk-section-secondary:not(.uk-preserve-color) hr,
.uk-tile-primary:not(.uk-preserve-color) hr,
.uk-tile-secondary:not(.uk-preserve-color) hr,
.uk-card-primary.uk-card-body hr,
.uk-card-primary>:not([class*=uk-card-media]) hr,
.uk-card-secondary.uk-card-body hr,
.uk-card-secondary>:not([class*=uk-card-media]) hr,
.uk-overlay-primary hr,
.uk-light .uk-hr,
.uk-section-primary:not(.uk-preserve-color) .uk-hr,
.uk-section-secondary:not(.uk-preserve-color) .uk-hr,
.uk-tile-primary:not(.uk-preserve-color) .uk-hr,
.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,
.uk-card-primary.uk-card-body .uk-hr,
.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,
.uk-card-secondary.uk-card-body .uk-hr,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,
.uk-overlay-primary .uk-hr {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-light :focus-visible,
.uk-section-primary:not(.uk-preserve-color) :focus-visible,
.uk-section-secondary:not(.uk-preserve-color) :focus-visible,
.uk-tile-primary:not(.uk-preserve-color) :focus-visible,
.uk-tile-secondary:not(.uk-preserve-color) :focus-visible,
.uk-card-primary.uk-card-body :focus-visible,
.uk-card-primary>:not([class*=uk-card-media]) :focus-visible,
.uk-card-secondary.uk-card-body :focus-visible,
.uk-card-secondary>:not([class*=uk-card-media]) :focus-visible,
.uk-overlay-primary :focus-visible {
outline-color: #fff
}
.uk-light .uk-close,
.uk-section-primary:not(.uk-preserve-color) .uk-close,
.uk-section-secondary:not(.uk-preserve-color) .uk-close,
.uk-tile-primary:not(.uk-preserve-color) .uk-close,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close,
.uk-card-primary.uk-card-body .uk-close,
.uk-card-primary>:not([class*=uk-card-media]) .uk-close,
.uk-card-secondary.uk-card-body .uk-close,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,
.uk-overlay-primary .uk-close {
color: rgba(255, 255, 255, .5)
}
.uk-light .uk-close:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-card-primary.uk-card-body .uk-close:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,
.uk-card-secondary.uk-card-body .uk-close:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,
.uk-overlay-primary .uk-close:hover {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-dotnav>*>*,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,
.uk-card-primary.uk-card-body .uk-dotnav>*>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,
.uk-card-secondary.uk-card-body .uk-dotnav>*>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,
.uk-overlay-primary .uk-dotnav>*>* {
background-color: transparent;
border-color: rgba(255, 255, 255, .9)
}
.uk-light .uk-dotnav>*>:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,
.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,
.uk-overlay-primary .uk-dotnav>*>:hover {
background-color: rgba(255, 255, 255, .9);
border-color: transparent
}
.uk-light .uk-dotnav>*>:active,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,
.uk-card-primary.uk-card-body .uk-dotnav>*>:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,
.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,
.uk-overlay-primary .uk-dotnav>*>:active {
background-color: rgba(255, 255, 255, .5);
border-color: transparent
}
.uk-light .uk-dotnav>.uk-active>*,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,
.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,
.uk-overlay-primary .uk-dotnav>.uk-active>* {
background-color: rgba(255, 255, 255, .9);
border-color: transparent
}
.uk-light .uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link,
.uk-card-primary.uk-card-body .uk-icon-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,
.uk-overlay-primary .uk-icon-link {
color: rgba(255, 255, 255, .5)
}
.uk-light .uk-icon-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-card-primary.uk-card-body .uk-icon-link:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,
.uk-card-secondary.uk-card-body .uk-icon-link:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,
.uk-overlay-primary .uk-icon-link:hover {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-icon-link:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-card-primary.uk-card-body .uk-icon-link:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,
.uk-card-secondary.uk-card-body .uk-icon-link:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,
.uk-overlay-primary .uk-icon-link:active,
.uk-light .uk-active>.uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,
.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,
.uk-overlay-primary .uk-active>.uk-icon-link {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-icon-button,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-card-primary.uk-card-body .uk-icon-button,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,
.uk-card-secondary.uk-card-body .uk-icon-button,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,
.uk-overlay-primary .uk-icon-button {
background-color: rgba(255, 255, 255, .1);
color: rgba(255, 255, 255, .5)
}
.uk-light .uk-icon-button:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-card-primary.uk-card-body .uk-icon-button:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,
.uk-card-secondary.uk-card-body .uk-icon-button:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,
.uk-overlay-primary .uk-icon-button:hover {
background-color: rgba(255, 255, 255, .15);
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-icon-button:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-card-primary.uk-card-body .uk-icon-button:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,
.uk-card-secondary.uk-card-body .uk-icon-button:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,
.uk-overlay-primary .uk-icon-button:active {
background-color: rgba(255, 255, 255, .2);
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-iconnav>*>a,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,
.uk-card-primary.uk-card-body .uk-iconnav>*>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,
.uk-card-secondary.uk-card-body .uk-iconnav>*>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,
.uk-overlay-primary .uk-iconnav>*>a {
color: rgba(255, 255, 255, .5)
}
.uk-light .uk-iconnav>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,
.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,
.uk-overlay-primary .uk-iconnav>*>a:hover {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-iconnav>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,
.uk-overlay-primary .uk-iconnav>.uk-active>a {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-navbar-nav>li>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,
.uk-overlay-primary .uk-navbar-nav>li>a {
color: rgba(255, 255, 255, .5)
}
.uk-light .uk-navbar-nav>li:hover>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,
.uk-overlay-primary .uk-navbar-nav>li:hover>a,
.uk-light .uk-navbar-nav>li>a[aria-expanded=true],
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded=true] {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-navbar-nav>li>a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,
.uk-overlay-primary .uk-navbar-nav>li>a:active {
color: #fff
}
.uk-light .uk-navbar-nav>li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,
.uk-overlay-primary .uk-navbar-nav>li.uk-active>a {
color: #fff
}
.uk-light .uk-navbar-item,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-card-primary.uk-card-body .uk-navbar-item,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,
.uk-card-secondary.uk-card-body .uk-navbar-item,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,
.uk-overlay-primary .uk-navbar-item {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-navbar-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-card-primary.uk-card-body .uk-navbar-toggle,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,
.uk-card-secondary.uk-card-body .uk-navbar-toggle,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,
.uk-overlay-primary .uk-navbar-toggle {
color: rgba(255, 255, 255, .5)
}
.uk-light .uk-navbar-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,
.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,
.uk-overlay-primary .uk-navbar-toggle:hover,
.uk-light .uk-navbar-toggle[aria-expanded=true],
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],
.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],
.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true] {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-slidenav,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav,
.uk-card-primary.uk-card-body .uk-slidenav,
.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,
.uk-card-secondary.uk-card-body .uk-slidenav,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,
.uk-overlay-primary .uk-slidenav {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-slidenav:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-card-primary.uk-card-body .uk-slidenav:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,
.uk-card-secondary.uk-card-body .uk-slidenav:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,
.uk-overlay-primary .uk-slidenav:hover {
color: rgba(255, 255, 255, .95)
}
.uk-light .uk-slidenav:active,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-card-primary.uk-card-body .uk-slidenav:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,
.uk-card-secondary.uk-card-body .uk-slidenav:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,
.uk-overlay-primary .uk-slidenav:active {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-text-lead,
.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-card-primary.uk-card-body .uk-text-lead,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,
.uk-card-secondary.uk-card-body .uk-text-lead,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,
.uk-overlay-primary .uk-text-lead {
color: rgba(255, 255, 255, .7)
}
.uk-light .uk-text-meta,
.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta,
.uk-card-primary.uk-card-body .uk-text-meta,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,
.uk-card-secondary.uk-card-body .uk-text-meta,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,
.uk-overlay-primary .uk-text-meta {
color: rgba(255, 255, 255, .5)
}
.uk-light .uk-text-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted,
.uk-card-primary.uk-card-body .uk-text-muted,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,
.uk-card-secondary.uk-card-body .uk-text-muted,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,
.uk-overlay-primary .uk-text-muted {
color: rgba(255, 255, 255, .5) !important
}
.uk-light .uk-text-emphasis,
.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-card-primary.uk-card-body .uk-text-emphasis,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,
.uk-card-secondary.uk-card-body .uk-text-emphasis,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,
.uk-overlay-primary .uk-text-emphasis {
color: #fff !important
}
.uk-light .uk-text-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary,
.uk-card-primary.uk-card-body .uk-text-primary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,
.uk-card-secondary.uk-card-body .uk-text-primary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,
.uk-overlay-primary .uk-text-primary {
color: #fff !important
}
.uk-light .uk-text-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary,
.uk-card-primary.uk-card-body .uk-text-secondary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,
.uk-card-secondary.uk-card-body .uk-text-secondary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,
.uk-overlay-primary .uk-text-secondary {
color: #fff !important
}
.uk-light .uk-logo,
.uk-section-primary:not(.uk-preserve-color) .uk-logo,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
.uk-card-primary.uk-card-body .uk-logo,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,
.uk-card-secondary.uk-card-body .uk-logo,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,
.uk-overlay-primary .uk-logo {
color: #fff
}
.uk-light .uk-logo:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-card-primary.uk-card-body .uk-logo:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,
.uk-card-secondary.uk-card-body .uk-logo:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,
.uk-overlay-primary .uk-logo:hover {
color: #fff
}
.uk-light .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-section-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-section-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-tile-primary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-card-primary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-card-secondary.uk-card-body .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-overlay-primary .uk-logo>picture:not(:only-of-type)>:not(.uk-logo-inverse),
.uk-light .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),
.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),
.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),
.uk-card-primary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type),
.uk-overlay-primary .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) {
display: none
}
.uk-light .uk-logo-inverse,
.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-card-primary.uk-card-body .uk-logo-inverse,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,
.uk-card-secondary.uk-card-body .uk-logo-inverse,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,
.uk-overlay-primary .uk-logo-inverse {
display: block
}
img.uk-align-center,
img.uk-width-1-1,
svg.uk-align-center,
svg.uk-width-1-1,
audio.uk-align-center,
audio.uk-width-1-1,
video.uk-align-center,
video.uk-width-1-1,
picture.uk-align-center,
picture.uk-width-1-1,
figure.uk-align-center,
figure.uk-width-1-1 {
display: block
}
img.uk-align-left:last-child,
img.uk-align-right:last-child,
img.uk-align-center:last-child,
img.uk-width-1-1:last-child,
svg.uk-align-left:last-child,
svg.uk-align-right:last-child,
svg.uk-align-center:last-child,
svg.uk-width-1-1:last-child,
audio.uk-align-left:last-child,
audio.uk-align-right:last-child,
audio.uk-align-center:last-child,
audio.uk-width-1-1:last-child,
video.uk-align-left:last-child,
video.uk-align-right:last-child,
video.uk-align-center:last-child,
video.uk-width-1-1:last-child,
picture.uk-align-left:last-child,
picture.uk-align-right:last-child,
picture.uk-align-center:last-child,
picture.uk-width-1-1:last-child,
figure.uk-align-left:last-child,
figure.uk-align-right:last-child,
figure.uk-align-center:last-child,
figure.uk-width-1-1:last-child {
margin-bottom: 0
}
figure.image.uk-align-left {
margin-left: 0
}
figure.image.uk-align-right {
margin-right: 0
}
figure.image.uk-align-center img {
margin-left: auto;
margin-right: auto
}
figure.image.uk-align-center figcaption {
text-align: center
}
figure.image.uk-width-1-1 {
margin-left: 0;
margin-right: 0
}
figure.image.uk-width-1-1 img {
width: 100%;
max-width: 100%
}
.uk-radio:checked {
background-image: url('data:image/svg+xml;utf8,');
background-size: 50% 50%;
background-position: 50% 50%;
border: 0
}
.uk-checkbox:checked {
background-image: url('data:image/svg+xml;utf8,');
background-size: 50% 50%;
background-position: 50% 50%;
border: 0
}
.uk-accordion-title:before {
font-family: "Line Awesome Free";
display: inline-block;
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f067";
display: inline-flex;
align-items: center;
color: #333
}
.uk-open>.uk-accordion-title:before {
content: "\f068"
}
.uk-tab>*>a {
font-size: .875rem;
border-bottom-width: 2px
}
.uk-light h1,
.uk-section-primary:not(.uk-preserve-color) h1,
.uk-section-secondary:not(.uk-preserve-color) h1,
.uk-tile-primary:not(.uk-preserve-color) h1,
.uk-tile-secondary:not(.uk-preserve-color) h1,
.uk-card-primary.uk-card-body h1,
.uk-card-primary>:not([class*=uk-card-media]) h1,
.uk-card-secondary.uk-card-body h1,
.uk-card-secondary>:not([class*=uk-card-media]) h1,
.uk-overlay-primary h1,
.uk-light .h1,
.uk-section-primary:not(.uk-preserve-color) .h1,
.uk-section-secondary:not(.uk-preserve-color) .h1,
.uk-tile-primary:not(.uk-preserve-color) .h1,
.uk-tile-secondary:not(.uk-preserve-color) .h1,
.uk-card-primary.uk-card-body .h1,
.uk-card-primary>:not([class*=uk-card-media]) .h1,
.uk-card-secondary.uk-card-body .h1,
.uk-card-secondary>:not([class*=uk-card-media]) .h1,
.uk-overlay-primary .h1,
.uk-light h2,
.uk-section-primary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-tile-primary:not(.uk-preserve-color) h2,
.uk-tile-secondary:not(.uk-preserve-color) h2,
.uk-card-primary.uk-card-body h2,
.uk-card-primary>:not([class*=uk-card-media]) h2,
.uk-card-secondary.uk-card-body h2,
.uk-card-secondary>:not([class*=uk-card-media]) h2,
.uk-overlay-primary h2,
.uk-light .h2,
.uk-section-primary:not(.uk-preserve-color) .h2,
.uk-section-secondary:not(.uk-preserve-color) .h2,
.uk-tile-primary:not(.uk-preserve-color) .h2,
.uk-tile-secondary:not(.uk-preserve-color) .h2,
.uk-card-primary.uk-card-body .h2,
.uk-card-primary>:not([class*=uk-card-media]) .h2,
.uk-card-secondary.uk-card-body .h2,
.uk-card-secondary>:not([class*=uk-card-media]) .h2,
.uk-overlay-primary .h2,
.uk-light h3,
.uk-section-primary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-tile-primary:not(.uk-preserve-color) h3,
.uk-tile-secondary:not(.uk-preserve-color) h3,
.uk-card-primary.uk-card-body h3,
.uk-card-primary>:not([class*=uk-card-media]) h3,
.uk-card-secondary.uk-card-body h3,
.uk-card-secondary>:not([class*=uk-card-media]) h3,
.uk-overlay-primary h3,
.uk-light .h3,
.uk-section-primary:not(.uk-preserve-color) .h3,
.uk-section-secondary:not(.uk-preserve-color) .h3,
.uk-tile-primary:not(.uk-preserve-color) .h3,
.uk-tile-secondary:not(.uk-preserve-color) .h3,
.uk-card-primary.uk-card-body .h3,
.uk-card-primary>:not([class*=uk-card-media]) .h3,
.uk-card-secondary.uk-card-body .h3,
.uk-card-secondary>:not([class*=uk-card-media]) .h3,
.uk-overlay-primary .h3,
.uk-light h4,
.uk-section-primary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-tile-primary:not(.uk-preserve-color) h4,
.uk-tile-secondary:not(.uk-preserve-color) h4,
.uk-card-primary.uk-card-body h4,
.uk-card-primary>:not([class*=uk-card-media]) h4,
.uk-card-secondary.uk-card-body h4,
.uk-card-secondary>:not([class*=uk-card-media]) h4,
.uk-overlay-primary h4,
.uk-light .h4,
.uk-section-primary:not(.uk-preserve-color) .h4,
.uk-section-secondary:not(.uk-preserve-color) .h4,
.uk-tile-primary:not(.uk-preserve-color) .h4,
.uk-tile-secondary:not(.uk-preserve-color) .h4,
.uk-card-primary.uk-card-body .h4,
.uk-card-primary>:not([class*=uk-card-media]) .h4,
.uk-card-secondary.uk-card-body .h4,
.uk-card-secondary>:not([class*=uk-card-media]) .h4,
.uk-overlay-primary .h4 {
color: #fff
}
.uk-light .uk-accordion-title:before,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:before,
.uk-card-primary.uk-card-body .uk-accordion-title:before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:before,
.uk-card-secondary.uk-card-body .uk-accordion-title:before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:before,
.uk-overlay-primary .uk-accordion-title:before {
color: #fff
}
.uk-breadcrumb>* {
display: inline
}
.cms-image {
display: inline-block;
position: relative;
overflow: hidden
}
.cms-image img,
.cms-image canvas {
display: block;
width: 100%;
height: auto
}
.cms-image img {
position: absolute;
left: 0;
top: 0
}
.cms-image img.object-fit-cover {
object-fit: cover
}
.cms-image img.object-fit-contain {
object-fit: contain
}
/*! }}} content */
@media (max-width:480px) {
.uk-container {
padding-left: 16px;
padding-right: 16px
}
}
.uk-container {
max-width: 90rem
}
.modal-window {
background: rgba(0, 0, 0, .65);
position: fixed;
top: 0;
left: 0;
padding: 1.25rem .3125rem;
overflow: auto;
width: 100%;
height: 100vh;
z-index: 101;
opacity: 0;
visibility: hidden;
transition: .3s ease-in-out
}
.modal-window.active {
opacity: 1;
visibility: visible
}
.modal-window__table {
display: table;
width: 100%;
height: 100%
}
.modal-window__cell {
display: table-cell;
padding: 0 0;
vertical-align: middle;
text-align: center
}
.modal-window__modal {
display: inline-block;
padding: 3.5rem 4rem;
width: 100%;
max-width: 60rem;
color: #cfd8dc;
text-align: left;
background: #fff;
position: relative;
border-radius: .625rem
}
.modal-window__close {
position: absolute;
right: 2rem;
top: 2rem;
width: 1.4rem;
height: 1.4rem;
cursor: pointer;
transition: .3s ease-in-out;
-webkit-tap-highlight-color: transparent
}
.modal-window__close:hover:before,
.modal-window__close:hover:after {
background: #0050cf
}
.modal-window__close:active {
transform: scale(.9)
}
.modal-window__close:before {
position: absolute;
content: "";
width: 1.75rem;
height: .125rem;
background: #00243b;
top: 50%;
left: 50%;
transform: rotate(45deg) translate(-50%, -50%);
transform-origin: 0 0;
border-radius: .125rem;
transition: .3s ease-in-out
}
.modal-window__close:after {
position: absolute;
content: "";
width: 1.75rem;
height: .125rem;
background: #00243b;
top: 50%;
left: 50%;
transform: rotate(-45deg) translate(-50%, -50%);
transform-origin: 0 0;
transition: .3s ease-in-out
}
.modal-window__title {
font-weight: 500;
font-size: 1.5625rem;
line-height: 2.1875rem;
color: #00243b;
border-radius: .625rem
}
.modal-window__message {
font-family: "MursGothic";
font-size: 2.25rem;
font-weight: 800;
line-height: 1.23;
color: #00243b
}
@media (max-width:1000px) {
.modal-window__modal {
padding: 3.125rem 2.8125rem
}
.modal-window__close {
right: 2.8125rem;
top: 3.4375rem
}
}
@media (max-width:760px) {
.modal-window__modal {
padding: 3rem 4rem 3rem 2rem
}
.modal-window__close {
right: 2rem;
top: 2rem
}
}
@media (min-width:1001px) {
body:not(.inner-page) .block-header.fixed {
transform: translateY(0)
}
}
body:not(.inner-page) .block-header.fixed .block-header__wrap {
background: var(--theme-root)
}
.inner-page .block-header__wrap {
background: var(--theme-root)
}
@media (min-width:1001px) {
.inner-page .block-header {
transform: translateY(-3px)
}
}
.block-header {
padding: 1.4375rem 0 0;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
transform: translateY(.4375rem);
transition: .3s ease-in-out
}
.block-header .uk-container {
max-width: 95rem
}
.block-header__wrap {
border-radius: 2.5rem;
padding: .5625rem 2.5rem .5rem;
display: flex;
align-items: center;
justify-content: space-between;
transition: .3s ease-in-out
}
.block-header__block-logo {
display: flex
}
.block-header__logo {
width: 5.0625rem
}
.block-header__logo img {
display: block;
width: 100%
}
.block-header__logo-text {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: .125rem 0 0 .25rem
}
.block-header__logo-text span:nth-child(1) {
width: 13.8125rem
}
.block-header__logo-text span:nth-child(2) {
width: 10.1875rem;
margin: .375rem 0 0 .125rem
}
.block-header__logo-text span img {
display: block;
width: 100%
}
.block-header__more {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1 0 auto
}
.block-header__menu.menu {
margin: 0 auto
}
.block-header__menu.menu .menu__list {
margin: -.125rem 0 0 .125rem;
padding: 0;
list-style: none;
display: flex;
grid-gap: 2.875rem
}
.block-header__menu.menu .menu__link {
font-family: "Bitum";
font-size: .875rem;
line-height: 1rem;
color: #fff;
letter-spacing: -.03em;
display: block;
position: relative;
-webkit-tap-highlight-color: transparent
}
@media (min-width:1001px) {
.block-header__menu.menu .menu__link:hover:after {
transform: none;
opacity: 1
}
}
.block-header__menu.menu .menu__link:after {
content: "";
position: absolute;
top: calc(100% + .3125rem);
left: 0;
width: 100%;
height: 1px;
background: #fff;
transform: translateY(.5rem);
opacity: 0;
transition: .3s ease-in-out
}
.block-header__social {
display: flex;
grid-gap: 1.25rem
}
.block-header__social a {
display: block;
height: 1.3125rem;
transition: .3s ease-in-out;
-webkit-tap-highlight-color: transparent
}
.block-header__social a:hover {
opacity: .6
}
.block-header__social a img {
display: block;
height: 100%
}
.block-header__menu-toggle {
display: none;
-webkit-tap-highlight-color: transparent
}
@media (max-width:1000px) {
.block-header {
padding: 16px 0 0;
transform: none
}
.block-header.active .block-header__wrap {
background: var(--theme-root)
}
.block-header.active .block-header__more {
opacity: 1;
visibility: visible;
transform: translateY(0)
}
.block-header.active .block-header__menu-toggle:before {
transform: translate(calc(-50% + 2px), -50%) rotate(45deg)
}
.block-header.active .block-header__menu-toggle:after {
transform: translate(calc(-50% + 2px), -50%) rotate(-45deg) scaleX(1.6)
}
.block-header__wrap {
margin: 0-30px;
border-radius: 80px;
padding: 20px 30px;
position: relative
}
.block-header__block-logo {
position: relative
}
.block-header__logo {
width: auto;
height: 60px
}
.block-header__logo img {
display: block;
width: auto;
height: 100%
}
.block-header__logo-text {
display: flex;
margin: 1px 0 0 13px
}
.block-header__logo-text span:nth-child(1) {
width: 200px
}
.block-header__logo-text span:nth-child(2) {
width: 140px;
margin: 6px 0 0-8px
}
.block-header__more {
display: block;
position: absolute;
top: 50%;
border-radius: 0 0 60px 60px;
left: 0;
right: 0;
background: var(--theme-root);
padding: 40px 39px 58px;
z-index: -1;
transition: .3s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateY(-1rem)
}
.block-header__menu.menu {
margin: 66px 0 0
}
.block-header__menu.menu .menu__list {
grid-gap: 32px;
flex-direction: column
}
.block-header__menu.menu .menu__link {
font-size: 14px;
line-height: 16px
}
.block-header__social {
margin: 45px 0 0;
grid-gap: 19px
}
.block-header__social a {
height: 22px
}
.block-header__menu-toggle {
display: block;
width: 30px;
height: 30px;
margin: 0-2px 0 0;
position: relative;
transform: scale(1.5);
transform-origin: right center
}
.block-header__menu-toggle:before {
content: "";
position: absolute;
top: 50%;
left: 74%;
transform: translate(-50%, calc(-50% - 3px));
width: 16px;
height: 2px;
background: #fff;
border-radius: 3px;
transition: .3s ease-in-out;
will-change: top, left
}
.block-header__menu-toggle:after {
content: "";
position: absolute;
top: 50%;
left: 74%;
transform: translate(calc(-50% + 3px), calc(-50% + 4px));
width: 10px;
height: 2px;
background: #fff;
border-radius: 3px;
transition: .3s ease-in-out;
will-change: top, left
}
}
@media (max-width:760px) {
.block-header__wrap {
margin: 0-9px;
border-radius: 80px;
padding: 20px 22px
}
.block-header__logo {
height: 40px
}
.block-header__logo-text {
display: flex;
margin: 1px 0 0 13px
}
.block-header__logo-text span:nth-child(1) {
width: 143px
}
.block-header__logo-text span:nth-child(2) {
width: 106px;
margin: 4px 0 0-9px
}
.block-header__menu-toggle {
transform: scale(1)
}
}
.block-footer {
position: relative;
background: #000;
border-radius: 3.75rem 3.75rem 0 0;
margin: -3.75rem 0 0
}
.block-footer__wrap {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 2.5rem;
padding: 3.5625rem 0 2.5rem
}
.block-footer__logo {
grid-column-start: 1;
grid-column-end: 8
}
.block-footer__logo img {
display: block;
width: 100%
}
.block-footer__main {
grid-column-start: 9;
grid-column-end: 13;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 4.625rem 2.5rem;
margin: 1.9375rem 0 0
}
.block-footer__menu.menu .menu__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column
}
.block-footer__menu.menu .menu__item {
margin: 0 0 1rem
}
.block-footer__menu.menu .menu__item:last-child {
margin: 0
}
.block-footer__menu.menu .menu__link {
font-family: "Bitum";
font-size: .875rem;
line-height: 1rem;
letter-spacing: -.03em;
color: #fff;
display: block;
transition: .3s ease-in-out
}
.block-footer__menu.menu .menu__link:hover {
opacity: .6
}
.block-footer__contacts {
margin: 0 0 0-2.125rem
}
.block-footer__phone {
font-family: "Bitum";
font-size: .875rem;
line-height: 1rem;
letter-spacing: -.03em;
color: #fff
}
.block-footer__phone a {
-webkit-tap-highlight-color: transparent
}
.block-footer__email {
margin: 1.25rem 0 0;
font-family: "Bitum";
font-size: .875rem;
line-height: 1rem;
letter-spacing: -.03em;
color: #fff
}
.block-footer__email a {
-webkit-tap-highlight-color: transparent
}
.block-footer__address {
margin: 1.25rem 0 0;
font-family: "Bitum";
font-size: .875rem;
line-height: 1rem;
letter-spacing: -.03em;
color: #fff
}
.block-footer__social {
margin: 1.25rem 0 0;
display: flex;
grid-gap: 1.25rem
}
.block-footer__social a {
-webkit-tap-highlight-color: transparent;
display: block;
height: 1.3125rem;
transition: .3s ease-in-out
}
.block-footer__social a:hover {
opacity: .6
}
.block-footer__social a img {
display: block;
height: 100%
}
.block-footer__copyright {
grid-column-start: 1;
grid-column-end: 3;
font-family: "Bitum";
font-size: .875rem;
line-height: 1rem;
font-weight: 300;
letter-spacing: -.03em;
color: rgba(255, 255, 255, .6)
}
@media (max-width:760px) {
.block-footer__wrap {
grid-template-columns: repeat(1, 1fr);
padding: 23px 0 30px;
grid-gap: 45px
}
.block-footer__logo {
grid-column-start: 1;
grid-column-end: 2
}
.block-footer__logo img {
width: 101%
}
.block-footer__main {
margin: 0;
grid-column-start: 1;
grid-column-end: 2;
grid-template-columns: repeat(1, 1fr);
grid-gap: 60px
}
.block-footer__menu.menu .menu__item {
margin: 0 0 16px
}
.block-footer__menu.menu .menu__item:last-child {
margin: 0
}
.block-footer__menu.menu .menu__link {
font-size: 14px;
line-height: 16px
}
.block-footer__contacts {
margin: 0
}
.block-footer__phone {
font-size: 14px;
line-height: 16px
}
.block-footer__email {
margin: 20px 0 0;
font-size: 14px;
line-height: 16px
}
.block-footer__address {
margin: 20px 0 0;
font-size: 14px;
line-height: 16px
}
.block-footer__social {
margin: 20px 0 0;
grid-gap: 20px
}
.block-footer__social a {
display: block;
height: 21px
}
.block-footer__copyright {
grid-column-start: 1;
grid-column-end: 2;
font-size: 12px;
line-height: 16px
}
}
form {
display: block;
margin: 0;
padding: 0;
clear: both;
flex: 0 0 auto
}
.group {
padding: 1.25rem;
border-radius: 2px;
background-color: #e6e6e6
}
.group+.group {
margin-top: 1.25rem
}
.group>.field:last-child {
margin-bottom: 0
}
.group--submit {
padding: 1.25rem
}
.group--submit .required,
.notice-required .required {
color: red
}
.field {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: .625rem;
font-size: 1rem;
line-height: 1.5;
flex-wrap: wrap
}
.field>.cm-editor {
width: 100%;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #ccc;
border-radius: 2px;
outline: 0 !important
}
.field-label {
box-sizing: border-box;
display: block;
flex: 0 0 33.3333%;
padding-top: .5rem;
padding-bottom: .5rem;
padding-right: .625rem
}
.field-label .required {
color: red
}
.field-label .label-info {
color: #999
}
.field-input {
box-sizing: border-box;
flex: 0 0 66.6666%;
width: 100%
}
input.input,
select.select,
textarea.textarea,
.input-frame {
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
width: 100%;
color: #000;
padding-left: .625rem;
padding-right: .625rem;
border-width: 1px;
border-style: solid;
border-color: #ccc;
border-radius: 2px;
background-color: #fff;
transition: border-color .3s
}
input.input.with-button,
select.select.with-button,
textarea.textarea.with-button,
.input-frame.with-button {
padding-right: 2.5rem
}
input.input:focus,
select.select:focus,
textarea.textarea:focus,
.input-frame:focus {
border-color: var(--theme-root);
outline: 0
}
input.input.error,
select.select.error,
textarea.textarea.error,
.input-frame.error {
border-color: red
}
input.input,
select.select {
height: 2.5rem
}
input.input::-webkit-input-placeholder,
textarea.textarea::-webkit-input-placeholder {
color: #999
}
input.input:-ms-input-placeholder,
textarea.textarea:-ms-input-placeholder {
color: #999
}
input.input::placeholder,
textarea.textarea::placeholder {
color: #999
}
.input-placeholder {
color: #999
}
input.input[type=month]::-webkit-calendar-picker-indicator,
input.input[type=week]::-webkit-calendar-picker-indicator,
input.input[type=date]::-webkit-calendar-picker-indicator,
input.input[type=time]::-webkit-calendar-picker-indicator,
input.input[type=datetime-local]::-webkit-calendar-picker-indicator {
display: none
}
input.input[list]::-webkit-calendar-picker-indicator {
display: none !important
}
textarea.textarea {
height: 12.5rem;
resize: vertical
}
textarea.textarea2 {
height: 6.25rem
}
textarea.textarea,
.input-frame {
min-height: 2.5rem;
padding-top: calc(.5rem - 1px);
padding-bottom: calc(.5rem - 1px);
line-height: 1.5rem
}
select.select,
input.input[list] {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 2.5rem 2.5rem
}
select.select option {
padding: .3125rem .625rem .3125rem .625rem;
background: #fff;
color: #000
}
select.select optgroup {
padding: .3125rem .625rem .3125rem .625rem;
background: #fff;
font-weight: 700;
font-style: normal;
color: #000
}
select.select[readonly=Y],
select.select[readonly=Y]+.select2 {
pointer-events: none
}
select.select--multiple2 {
display: block;
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: 0
}
.input--upload {
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
flex: 0 0 auto;
width: 66.6666%;
height: 2.5rem;
min-height: 2.5rem;
margin-left: -66.6666%;
opacity: 0;
cursor: pointer
}
.field-input--checkbox,
.field-input--multiple,
.field-input--radio {
padding-top: .3125rem;
padding-bottom: .3125rem
}
.field-input--checkbox .input-group,
.field-input--multiple .input-group,
.field-input--radio .input-group {
display: block;
padding-left: 1.25rem
}
.field-input--checkbox .input-title,
.field-input--multiple .input-title,
.field-input--radio .input-title {
display: block;
padding-left: .25rem;
padding-top: .1875rem;
padding-bottom: .1875rem;
margin-left: -1.25rem;
font-weight: 700
}
.field-input--checkbox~.field-error,
.field-input--multiple~.field-error,
.field-input--radio~.field-error {
background-color: transparent
}
.input-label--checkbox,
.input-label--radio {
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-top: .1875rem;
padding-bottom: .1875rem
}
.input-label--checkbox>.label-text,
.input-label--radio>.label-text {
flex: 0 1 auto;
width: 100%
}
.input-label--checkbox>input,
.input-label--radio>input {
flex: 0 0 auto;
margin-top: .125rem;
margin-bottom: .125rem;
margin-left: .25rem
}
.input-label--checkbox>input+.label-text,
.input-label--radio>input+.label-text {
width: calc(100% - 2rem);
margin-left: .5rem
}
.input--checkbox,
.input--radio {
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
margin: 0;
padding: 0;
border-width: 1px;
border-style: solid;
border-color: #999;
width: 1.25rem;
height: 1.25rem;
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: .625rem .625rem;
transition: border-color .3s
}
.input--checkbox:focus,
.input--radio:focus {
border-color: var(--theme-root);
outline: 0
}
.input--checkbox {
border-radius: 2px
}
.input--checkbox:checked {
background-image: url('data:image/svg+xml;utf8,')
}
.input--radio {
border-radius: 50%
}
.input--radio:checked {
background-image: url('data:image/svg+xml;utf8,')
}
.button-1,
.button-2,
.field-error {
flex: 0 0 auto;
position: relative;
margin: 1px;
padding: 0;
border: 0;
width: calc(2.5rem - 2px);
height: calc(2.5rem - 2px);
font-size: 1.5rem;
color: #999;
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: pointer
}
.button-1::-moz-focus-inner,
.button-2::-moz-focus-inner,
.field-error::-moz-focus-inner {
padding: 0;
border: 0
}
.button-1:focus,
.button-2:focus,
.field-error:focus {
color: var(--theme-root)
}
.button-1.no-pointer,
.button-2.no-pointer,
.field-error.no-pointer {
pointer-events: none
}
.button-1,
.field-error {
margin-left: calc(1px - 2.5rem)
}
.button-2 {
margin-left: -5rem;
margin-right: 2.5rem
}
.field-error {
display: flex;
align-items: center;
justify-content: center;
position: relative;
color: red
}
.field-error svg {
width: 1em;
height: 1em
}
.field-error svg path {
fill: currentColor
}
.field-input--file+.uk-dropdown,
.field-input--image+.uk-dropdown {
--uk-position-offset: 0;
padding: .625rem
}
.field-input--files {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start
}
.field-input--files .dz-message {
flex: 0 0 auto;
width: 100%
}
.field-input--files .dz-preview {
display: block;
position: relative;
flex: 0 0 auto;
margin-top: calc(.125rem + 1px);
margin-bottom: calc(.5rem - 1px);
margin-right: .625rem;
background-color: #fff
}
.field-input--files~.button-1,
.field-input--files~.button-2 {
align-self: flex-end
}
.field-input--tinymce textarea.textarea {
height: 25rem
}
.field-input--tinymce2 textarea.textarea {
height: 12.5rem
}
.field-input--tinymce .tox-tinymce {
border-radius: 2px
}
.field-input--tinymce~.field-error {
z-index: 1
}
.field-input--tinymce .cm-editor {
width: 100%;
height: 100%;
background-color: #fff
}
.field-input--recaptcha,
.field-input--recaptcha .g-recaptcha {
min-height: 79px
}
.field-input--recaptcha .g-recaptcha>div {
border-bottom: 1px solid transparent;
box-sizing: content-box
}
.field-input--color+.uk-dropdown {
--uk-position-offset: 0;
padding: .625rem
}
.field-input--color~.button--sample {
display: flex;
align-items: center;
justify-content: center
}
.field-input--color~.button--sample:before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
width: 1.5rem;
height: 1.5rem;
margin-right: -1.5rem
}
.field-input--color~.button--sample i {
display: block;
width: 1.5rem;
height: 1.5rem
}
.field-input--sort ul {
display: block;
margin: 0;
margin-top: -.3125rem;
padding: 0
}
.field-input--sort li {
box-sizing: border-box;
display: block;
margin: 0;
padding: calc(.625rem - 1px) .625rem calc(.625rem - 1px) .625rem;
border-width: 1px;
border-style: solid;
border-color: #ccc;
border-radius: 2px;
background-color: #fff;
margin-top: .3125rem
}
.field-input--sort li img {
width: 1.75rem;
height: 1.75rem;
margin-top: -.125rem;
margin-bottom: -.125rem;
margin-left: .625rem;
object-fit: cover
}
.field-input--block .block-list {
margin-top: -.3125rem
}
.field-input--block .block-list:empty {
margin-top: 0
}
.field-input--block .block-list>.block-item {
margin-top: .3125rem
}
.field-input--block .block-inner {
box-sizing: border-box;
display: block;
margin: 0;
padding: calc(.625rem - 1px) .625rem calc(.625rem - 1px) .625rem;
border-width: 1px;
border-style: solid;
border-color: #ccc;
border-radius: 2px;
background-color: #fff;
margin-top: .3125rem
}
.field-input--block .label-text {
overflow: hidden;
text-overflow: ellipsis
}
.field-input--block .uk-iconnav>*>a {
font-size: 1rem;
padding: .25rem
}
.field-input--tinymce,
.field-input--menu,
.field-input--sort {
flex-basis: 100%
}
.field--array .uk-placeholder .uk-accordion-title.uk-flex:before {
display: none
}
.field--array .uk-placeholder .uk-accordion-title.uk-flex>.uk-text-small {
height: 1em
}
.field--clear {
clear: both;
width: 100%;
flex: 0 0 auto
}
.field--hr hr {
margin-top: .625rem;
margin-bottom: .625rem
}
.grid-margin-1 {
margin-left: 8.3333%
}
.grid-margin--1 {
margin-left: -8.3333%
}
.grid-margin-2 {
margin-left: 16.6666%
}
.grid-margin--2 {
margin-left: -16.6666%
}
.grid-margin-3 {
margin-left: 25%
}
.grid-margin--3 {
margin-left: -25%
}
.grid-margin-4 {
margin-left: 33.3333%
}
.grid-margin--4 {
margin-left: -33.3333%
}
.grid-margin-5 {
margin-left: 41.6666%
}
.grid-margin--5 {
margin-left: -41.6666%
}
.grid-margin-6 {
margin-left: 50%
}
.grid-margin--6 {
margin-left: -50%
}
.grid-margin-7 {
margin-left: 58.3333%
}
.grid-margin--7 {
margin-left: -58.3333%
}
.grid-margin-8 {
margin-left: 66.6666%
}
.grid-margin--8 {
margin-left: -66.6666%
}
.grid-margin-9 {
margin-left: 75%
}
.grid-margin--9 {
margin-left: -75%
}
.grid-margin-10 {
margin-left: 83.3333%
}
.grid-margin--10 {
margin-left: -83.3333%
}
.grid-margin-11 {
margin-left: 91.6666%
}
.grid-margin--11 {
margin-left: -91.6666%
}
.grid-width-1 {
flex-basis: 8.3333%
}
.grid-width-2 {
flex-basis: 16.6666%
}
.grid-width-3 {
flex-basis: 25%
}
.grid-width-4 {
flex-basis: 33.3333%
}
.grid-width-5 {
flex-basis: 41.6666%
}
.grid-width-6 {
flex-basis: 50%
}
.grid-width-7 {
flex-basis: 58.3333%
}
.grid-width-8 {
flex-basis: 66.6666%
}
.grid-width-9 {
flex-basis: 75%
}
.grid-width-10 {
flex-basis: 83.3333%
}
.grid-width-11 {
flex-basis: 91.6666%
}
.grid-width-12 {
flex-basis: 100%
}
input.input.error,
input.input:user-invalid,
select.select.error,
select.select:user-invalid,
textarea.textarea.error,
textarea.textarea:user-invalid,
.input--checkbox.error,
.input--checkbox:user-invalid,
.input--radio.error,
.input--radio:user-invalid,
.input-frame.error,
.field-input--recaptcha.error .g-recaptcha>div,
select.select.error+.select2 .select2-selection,
select.select:user-invalid+.select2 .select2-selection,
textarea.textarea.error+.tox-tinymce,
textarea.textarea:user-invalid+.tox-tinymce {
border-color: red
}
@media screen and (max-width:760px) {
.field {
flex-wrap: wrap
}
.field-label {
margin-left: 0;
flex-basis: 100%
}
.field-input {
margin-left: 0;
flex-basis: 100%
}
}
.select2-container {
box-sizing: border-box;
font-size: 1rem;
line-height: 1.25rem;
display: block;
margin: 0;
position: relative
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: 0;
font-size: 1em
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0
}
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: 0;
font-size: 1em
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: 0;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
max-width: 100%;
resize: none;
height: 18px;
vertical-align: bottom;
font-family: sans-serif;
overflow: hidden;
word-break: keep-all
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-dropdown {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0
}
.select2-results__option {
padding: 6px;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-results__option--selectable {
cursor: pointer
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-search--dropdown {
display: block;
padding: 4px
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select2-dropdown {
background-color: #fff;
border-color: #ccc;
border-radius: 2px;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .18)
}
.select2-results__option {
padding: .3125rem .3125rem .3125rem .625rem
}
.select2-results__message {
color: #999
}
.select2-search--dropdown {
padding: .25rem
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0)
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
height: 2.5rem
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: .625rem;
padding-right: 2.5rem;
color: #000;
line-height: calc(2.5rem - 2px)
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: calc(2.5rem - 2px);
position: absolute;
top: 1px;
right: 1px;
width: 2.5rem
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: block;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 2.5rem 2.5rem
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #e6e6e6;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #000 transparent;
border-width: 0 4px 4px 4px
}
.select2-container--default .select2-selection--multiple {
background-color: #fff;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 2.5rem 2.5rem;
border: 1px solid #ccc;
border-radius: 2px;
cursor: pointer;
position: relative;
min-height: 2.5rem;
padding-right: 2.5rem;
padding-bottom: .25rem
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
white-space: normal
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
padding-right: 1.5rem
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
font-weight: 700;
height: 20px;
margin-right: 10px;
margin-top: 5px;
position: absolute;
right: 0;
padding: 1px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e6e6e6;
border: 1px solid #ccc;
border-radius: 1px;
box-sizing: border-box;
display: inline-block;
margin-left: .25rem;
margin-top: .25rem;
padding: 0;
padding-right: 1.25rem;
position: relative;
max-width: calc(100% - .25rem)
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
display: block;
cursor: default;
padding: calc(.375rem - 2px)0 calc(.375rem - 2px) calc(.375rem - 1px)
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
display: block;
width: 1.25rem;
height: calc(2rem - 5px);
background-color: transparent;
border: 0;
color: #999;
cursor: pointer;
font-size: 1rem;
font-weight: 700;
position: absolute;
right: 0;
top: 1px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
color: #000
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #fff;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
transition: border-color .3s
}
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: var(--theme-root)
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #ccc;
padding: calc(.375rem - 1px);
font-size: 1rem;
line-height: 1.25rem
}
.select2-container--default .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
color: #999
}
.select2-container--default .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
color: #999
}
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
color: #999
}
.select2-container--default .select2-search--inline {
vertical-align: top
}
.select2-container--default .select2-search--inline .select2-search__field {
background: 0 0;
border: 0;
box-shadow: none;
-webkit-appearance: textfield;
margin-top: calc(.5rem + 1px);
padding-left: calc(.375rem - 1px);
font-size: 1rem;
line-height: 1.25rem;
height: 1.25rem;
max-width: 100%
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder {
color: #999
}
.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder {
color: #999
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
color: #999
}
.select2-container--default .select2-search--inline .select2-search__field[placeholder]:not([placeholder=""]) {
min-width: 100%
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 12.5rem;
overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
display: none
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ccc
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1.25rem
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1.25rem;
padding-left: 2.5rem
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2.5rem;
padding-left: 3.75rem
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3.75rem;
padding-left: 5rem
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5rem;
padding-left: 6.25rem
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -6.25rem;
padding-left: 7.5rem
}
.select2-container--default .select2-results__option--group {
padding: 0
}
.select2-container--default .select2-results__option--disabled {
color: #999
}
.select2-container--default .select2-results__option--selected {
background-color: #ccc
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: var(--theme-root);
color: #fff
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: .3125rem .3125rem .3125rem .625rem
}
.select2-results__option--placeholder {
color: #999
}
.select2-container--placeholder-shown .select2-selection--single .select2-selection__rendered {
color: #999
}
.select2-container--unitech {
font-size: .875rem
}
.select2-container--unitech .select2-selection--single {
display: flex;
align-items: center;
justify-content: flex-start;
border: 1px solid #f3f6fb;
background-color: #f3f6fb;
border-radius: 1.875rem;
height: 5.625rem
}
.select2-container--unitech .select2-selection--single .select2-selection__rendered {
padding-left: 1.875rem;
padding-right: 4.3125rem
}
.select2-container--unitech .select2-selection--single .select2-selection__arrow {
position: absolute;
width: 4.3125rem;
height: 100%;
top: 0;
right: 0
}
.select2-container--unitech .select2-selection--single .select2-selection__arrow b {
display: block;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: .75rem .375rem
}
@media (max-width:760px) {
.select2-container--unitech .select2-selection--single {
height: 3.75rem
}
}
.select2-container--unitech.select2-container--open .select2-selection--single,
.select2-container--unitech.select2-container--open .select2-selection--multiple,
.select2-container--unitech.select2-container--focus .select2-selection--single,
.select2-container--unitech.select2-container--focus .select2-selection--multiple {
border-color: #cfd2d6
}
.select2-container--unitech.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--unitech.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-color: #f3f6fb
}
.select2-container--unitech.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--unitech.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-color: #f3f6fb
}
.select2-container--unitech.select2-container--open {
z-index: 101
}
.select2-container--unitech.select2-container--open .select2-dropdown--above {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: -1px
}
.select2-container--unitech.select2-container--open .select2-dropdown--below {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: -1px
}
.select2-container--unitech.select2-container--open .select2-selection--single .select2-selection__arrow {
transform: scaleY(-1)
}
.select2-container--unitech .select2-dropdown {
background-color: #f3f6fb;
border-color: #cfd2d6;
border-radius: 1.875rem;
box-shadow: none
}
.select2-container--unitech .select2-search--dropdown {
display: none
}
.select2-container--unitech .select2-search--inline {
vertical-align: top
}
.select2-container--unitech .select2-results {
padding-top: .625rem;
padding-bottom: .625rem;
padding-right: .625rem
}
.select2-container--unitech .select2-results__options {
max-height: 20rem;
overflow-y: auto
}
.select2-container--unitech .select2-results__option {
padding: .625rem 1.25rem .625rem 1.875rem
}
.select2-container--unitech .select2-results__option:first-child {
display: none
}
.select2-container--unitech .select2-results__option--selected {
color: #1a9eec
}
.select2-container--unitech .select2-results__option--highlighted.select2-results__option--selectable {
color: #1a9eec
}
.dz-preview [data-dz-uploadprogress] {
transition: opacity .3s;
display: none;
width: 100%
}
.dz-preview.dz-processing [data-dz-uploadprogress] {
display: block;
opacity: 1
}
.dz-preview.dz-complete [data-dz-uploadprogress] {
opacity: 0
}
.dz-preview [uk-dropdown] {
--uk-position-offset: 0;
padding: .625rem
}
.dz-progress {
box-sizing: border-box;
position: absolute;
width: calc(100% - 1.25rem);
left: .625rem;
right: .625rem;
bottom: .25rem
}
.dz-image {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 10rem;
height: 10rem;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #ccc;
box-sizing: border-box;
cursor: pointer
}
.dz-error .dz-image {
border-color: red
}
.dz-image [data-dz-thumbnail] {
flex: 0 0 auto;
width: 9.375rem;
height: 9.375rem;
object-fit: contain;
display: none
}
.dz-image [data-dz-thumbnail][src] {
display: block
}
.dz-image [data-dz-thumbnail][src]+.dz-icon {
display: none
}
.dz-icon {
display: block;
position: absolute;
width: 6rem;
height: 6rem;
left: 2rem;
top: 2rem;
background-image: url(/local/assets/cms/modules/elfinder/img/icons-big.svg);
background-repeat: no-repeat;
background-size: 6rem auto;
font-weight: 400;
font-style: normal;
text-decoration: none
}
.dz-ext {
display: block;
position: absolute;
left: 0;
top: .625rem;
padding: 0 .25rem 0 .25rem;
border-radius: 2px
}
.dropdown-file__view {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: .625rem
}
.dropdown-file__close {
display: block;
position: absolute;
right: .625rem;
top: .625rem;
line-height: 1
}
.dropdown-file__image {
flex: 0 0 auto;
width: 5.3125rem;
height: 5.3125rem
}
.dropdown-file__image img {
flex: 0 0 auto;
width: 4.6875rem;
height: 4.6875rem;
object-fit: contain;
display: none
}
.dropdown-file__image img[src] {
display: block
}
.dropdown-file__image img[src]+.dz-icon {
display: none
}
.dropdown-file__icon {
left: 1rem;
top: 1rem;
transform-origin: 0 0;
transform: scale(.5)
}
.dropdown-file__info {
flex: 0 0 auto;
width: calc(100% - 5.9375rem);
margin-left: .625rem;
margin-top: .625rem
}
.dropdown-file__name {
display: block;
margin-bottom: .625rem;
width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.dropdown-file__iconnav.uk-iconnav {
line-height: 1.25rem
}
.dropdown-file__iconnav.uk-iconnav>*>a {
font-size: 1.25rem
}
.dropdown-file__form {
position: relative
}
.dropdown-file__form .uk-iconnav {
position: absolute;
right: .625rem;
top: .625rem;
visibility: hidden
}
.dropdown-file__form .uk-iconnav a {
background-color: rgba(255, 255, 255, .75)
}
.dropdown-file__form input:focus~.uk-iconnav,
.dropdown-file__form input.change~.uk-iconnav,
.dropdown-file__form select:focus~.uk-iconnav,
.dropdown-file__form select.change~.uk-iconnav,
.dropdown-file__form textarea:focus~.uk-iconnav,
.dropdown-file__form textarea.change~.uk-iconnav {
visibility: visible
}
.dropdown-file__text {
resize: vertical;
min-height: 2.5rem
}
.dropdown-file__other {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
margin-left: -.625rem
}
.dropdown-file__other-item {
margin: .625rem 0 0 .625rem;
position: relative
}
.dropdown-file__other-item:hover .uk-iconnav {
visibility: visible
}
.dropdown-file__other .uk-iconnav {
position: absolute;
right: 1px;
top: 1px;
visibility: hidden
}
.dropdown-file__other .uk-iconnav a {
background-color: rgba(255, 255, 255, .75)
}
.dz-icon .dz-ext {
color: #fff;
background-color: #798da7
}
.dz-icon--directory {
background-position: 0-6.25rem
}
.dz-icon--application {
background-position: 0-18.75rem
}
.dz-icon--text {
background-position: 0-168.75rem
}
.dz-icon--plain,
.dz-icon--x-empty {
background-position: 0-25rem
}
.dz-icon--image,
.dz-icon--vnd-adobe-photoshop {
background-position: 0-31.25rem
}
.dz-icon--postscript {
background-position: 0-193.75rem
}
.dz-icon--audio {
background-position: 0-37.5rem
}
.dz-icon--video,
.dz-icon--flash-video,
.dz-icon--dash-xml,
.dz-icon--vnd-apple-mpegurl,
.dz-icon--x-mpegurl {
background-position: 0-43.75rem
}
.dz-icon--rtf,
.dz-icon--rtfd {
background-position: 0-50rem
}
.dz-icon--pdf {
background-position: 0-56.25rem
}
.dz-icon--ms-excel,
.dz-icon--vnd-ms-excel,
.dz-icon--vnd-ms-excel-addin-macroEnabled-12,
.dz-icon--vnd-ms-excel-sheet-binary-macroEnabled-12,
.dz-icon--vnd-ms-excel-sheet-macroEnabled-12,
.dz-icon--vnd-ms-excel-template-macroEnabled-12,
.dz-icon--vnd-openxmlformats-officedocument-spreadsheetml-sheet,
.dz-icon--vnd-openxmlformats-officedocument-spreadsheetml-template {
background-position: 0-181.25rem
}
.dz-icon--vnd-oasis-opendocument-spreadsheet,
.dz-icon--vnd-oasis-opendocument-spreadsheet-template {
background-position: 0-212.5rem
}
.dz-icon--vnd-ms-powerpoint,
.dz-icon--vnd-ms-powerpoint-addin-macroEnabled-12,
.dz-icon--vnd-ms-powerpoint-presentation-macroEnabled-12,
.dz-icon--vnd-ms-powerpoint-slide-macroEnabled-12,
.dz-icon--vnd-ms-powerpoint-slideshow-macroEnabled-12,
.dz-icon--vnd-ms-powerpoint-template-macroEnabled-12,
.dz-icon--vnd-openxmlformats-officedocument-presentationml-presentation,
.dz-icon--vnd-openxmlformats-officedocument-presentationml-slide,
.dz-icon--vnd-openxmlformats-officedocument-presentationml-slideshow,
.dz-icon--vnd-openxmlformats-officedocument-presentationml-template {
background-position: 0-175rem
}
.dz-icon--vnd-oasis-opendocument-presentation,
.dz-icon--vnd-oasis-opendocument-presentation-template {
background-position: 0-206.25rem
}
.dz-icon--msword,
.dz-icon--vnd-ms-word,
.dz-icon--vnd-ms-word-document-macroEnabled-12,
.dz-icon--vnd-ms-word-template-macroEnabled-12,
.dz-icon--vnd-openxmlformats-officedocument-wordprocessingml-document,
.dz-icon--vnd-openxmlformats-officedocument-wordprocessingml-template {
background-position: 0-187.5rem
}
.dz-icon--vnd-oasis-opendocument-text,
.dz-icon--vnd-oasis-opendocument-text-master,
.dz-icon--vnd-oasis-opendocument-text-template,
.dz-icon--vnd-oasis-opendocument-text-web {
background-position: 0-218.75rem
}
.dz-icon--vnd-ms-office {
background-position: 0-62.5rem
}
.dz-icon--vnd-oasis-opendocument-chart,
.dz-icon--vnd-oasis-opendocument-database,
.dz-icon--vnd-oasis-opendocument-formula,
.dz-icon--vnd-oasis-opendocument-graphics,
.dz-icon--vnd-oasis-opendocument-graphics-template,
.dz-icon--vnd-oasis-opendocument-image,
.dz-icon--vnd-openofficeorg-extension {
background-position: 0-200rem
}
.dz-icon--html {
background-position: 0-68.75rem
}
.dz-icon--css {
background-position: 0-75rem
}
.dz-icon--javascript,
.dz-icon--x-javascript {
background-position: 0-81.25rem
}
.dz-icon--x-perl {
background-position: 0-87.5rem
}
.dz-icon--x-python {
background-position: 0-93.75rem
}
.dz-icon--x-ruby {
background-position: 0-100rem
}
.dz-icon--x-sh,
.dz-icon--x-shellscript {
background-position: 0-106.25rem
}
.dz-icon--x-c,
.dz-icon--x-csrc,
.dz-icon--x-chdr,
.dz-icon--x-c--,
.dz-icon--x-c--src,
.dz-icon--x-c--hdr,
.dz-icon--x-java,
.dz-icon--x-java-source {
background-position: 0-112.5rem
}
.dz-icon--x-php {
background-position: 0-118.75rem
}
.dz-icon--xml {
background-position: 0-125rem
}
.dz-icon--zip,
.dz-icon--x-zip,
.dz-icon--x-xz,
.dz-icon--x-7z-compressed {
background-position: 0-131.25rem
}
.dz-icon--x-gzip,
.dz-icon--x-tar {
background-position: 0-137.5rem
}
.dz-icon--x-bzip,
.dz-icon--x-bzip2 {
background-position: 0-143.75rem
}
.dz-icon--x-rar,
.dz-icon--x-rar-compressed {
background-position: 0-150rem
}
.dz-icon--x-shockwave-flash {
background-position: 0-156.25rem
}
.dz-icon--group {
background-position: 0-162.5rem
}
.dz-icon--text .dz-ext {
background-color: #6f99e6
}
.dz-icon--image .dz-ext {
background-color: #2ea26c
}
.dz-icon--audio .dz-ext {
background-color: #7bad2a
}
.dz-icon--video .dz-ext {
background-color: #322aad
}
.dz-icon--x-empty .dz-ext,
.dz-icon--plain .dz-ext {
background-color: #719be6
}
.dz-icon--rtf .dz-ext,
.dz-icon--rtfd .dz-ext {
background-color: #83aae7
}
.dz-icon--pdf .dz-ext {
background-color: #db7424
}
.dz-icon--html .dz-ext {
background-color: #82bc12
}
.dz-icon--xml .dz-ext,
.dz-icon--css .dz-ext {
background-color: #7c7c7c
}
.dz-icon--x-shockwave-flash .dz-ext {
background-color: #f43a36
}
.dz-icon--zip .dz-ext,
.dz-icon--x-zip .dz-ext,
.dz-icon--x-xz .dz-ext,
.dz-icon--x-7z-compressed .dz-ext,
.dz-icon--x-gzip .dz-ext,
.dz-icon--x-tar .dz-ext,
.dz-icon--x-bzip .dz-ext,
.dz-icon--x-bzip2 .dz-ext,
.dz-icon--x-rar .dz-ext,
.dz-icon--x-rar-compressed .dz-ext {
background-color: #97638e
}
.dz-icon--javascript .dz-ext,
.dz-icon--x-javascript .dz-ext,
.dz-icon--x-perl .dz-ext,
.dz-icon--x-python .dz-ext,
.dz-icon--x-ruby .dz-ext,
.dz-icon--x-sh .dz-ext,
.dz-icon--x-shellscript .dz-ext,
.dz-icon--x-c .dz-ext,
.dz-icon--x-csrc .dz-ext,
.dz-icon--x-chdr .dz-ext,
.dz-icon--x-c-- .dz-ext,
.dz-icon--x-c--src .dz-ext,
.dz-icon--x-c--hdr .dz-ext,
.dz-icon--x-java .dz-ext,
.dz-icon--x-java-source .dz-ext,
.dz-icon--x-php .dz-ext {
background-color: #7c607c
}
.dz-icon--msword .dz-ext,
.dz-icon--vnd-ms-office .dz-ext,
.dz-icon--vnd-ms-word .dz-ext,
.dz-icon--vnd-ms-word-document-macroEnabled-12 .dz-ext,
.dz-icon--vnd-ms-word-template-macroEnabled-12 .dz-ext,
.dz-icon--vnd-openxmlformats-officedocument-wordprocessingml-document .dz-ext,
.dz-icon--vnd-openxmlformats-officedocument-wordprocessingml-template .dz-ext {
background-color: #2b569a
}
.dz-icon--ms-excel .dz-ext,
.dz-icon--vnd-ms-excel .dz-ext,
.dz-icon--vnd-ms-excel-addin-macroEnabled-12 .dz-ext,
.dz-icon--vnd-ms-excel-sheet-binary-macroEnabled-12 .dz-ext,
.dz-icon--vnd-ms-excel-sheet-macroEnabled-12 .dz-ext,
.dz-icon--vnd-ms-excel-template-macroEnabled-12 .dz-ext,
.dz-icon--vnd-openxmlformats-officedocument-spreadsheetml-sheet .dz-ext,
.dz-icon--vnd-openxmlformats-officedocument-spreadsheetml-template .dz-ext {
background-color: #107b10
}
.dz-icon--vnd-ms-powerpoint .dz-ext,
.dz-icon--vnd-ms-powerpoint-addin-macroEnabled-12 .dz-ext,
.dz-icon--vnd-ms-powerpoint-presentation-macroEnabled-12 .dz-ext,
.dz-icon--vnd-ms-powerpoint-slide-macroEnabled-12 .dz-ext,
.dz-icon--vnd-ms-powerpoint-slideshow-macroEnabled-12 .dz-ext,
.dz-icon--vnd-ms-powerpoint-template-macroEnabled-12 .dz-ext,
.dz-icon--vnd-openxmlformats-officedocument-presentationml-presentation .dz-ext,
.dz-icon--vnd-openxmlformats-officedocument-presentationml-slide .dz-ext,
.dz-icon--vnd-openxmlformats-officedocument-presentationml-slideshow .dz-ext,
.dz-icon--vnd-openxmlformats-officedocument-presentationml-template .dz-ext {
background-color: #d24625
}
.dz-icon--vnd-oasis-opendocument-chart .dz-ext,
.dz-icon--vnd-oasis-opendocument-database .dz-ext,
.dz-icon--vnd-oasis-opendocument-formula .dz-ext,
.dz-icon--vnd-oasis-opendocument-graphics .dz-ext,
.dz-icon--vnd-oasis-opendocument-graphics-template .dz-ext,
.dz-icon--vnd-oasis-opendocument-image .dz-ext,
.dz-icon--vnd-oasis-opendocument-presentation .dz-ext,
.dz-icon--vnd-oasis-opendocument-presentation-template .dz-ext,
.dz-icon--vnd-oasis-opendocument-spreadsheet .dz-ext,
.dz-icon--vnd-oasis-opendocument-spreadsheet-template .dz-ext,
.dz-icon--vnd-oasis-opendocument-text .dz-ext,
.dz-icon--vnd-oasis-opendocument-text-master .dz-ext,
.dz-icon--vnd-oasis-opendocument-text-template .dz-ext,
.dz-icon--vnd-oasis-opendocument-text-web .dz-ext,
.dz-icon--vnd-openofficeorg-extension .dz-ext {
background-color: #00a500
}
.dz-icon--postscript .dz-ext {
background-color: #ff5722
}
.sitepro-loader {
position: relative;
margin: 0 auto;
width: 100px;
height: 100px;
min-height: 100px
}
.sitepro-loader-svg {
position: relative;
width: 100px;
height: 100px;
animation: sitepro-loader-rotate 1.8s linear infinite
}
.sitepro-loader-circle {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
animation: sitepro-loader-dash 1.2s ease-in-out infinite
}
@keyframes sitepro-loader-rotate {
to {
transform: rotate(360deg)
}
}
@keyframes sitepro-loader-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35
}
to {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124
}
}
.cms-panel {
box-sizing: border-box;
margin: 1em auto 1em auto;
padding: .5rem .625rem .5rem .625rem;
min-width: 12.5rem;
max-width: 37.5rem;
background: #333;
font-size: .875rem;
line-height: 1.25rem;
color: #999;
text-align: left
}
.cms-panel:first-child {
margin-top: 0
}
.cms-panel a {
display: inline-block;
color: #ccc;
text-decoration: none;
transition: color .3s
}
.cms-panel a:hover {
color: #fff;
text-decoration: none
}
.cms-panel a:before {
display: inline-block;
width: 1.25rem;
margin-right: .3125rem;
color: #999;
text-align: center;
transition: color .3s;
font-family: "Line Awesome Free";
display: inline-block;
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.cms-panel a:hover:before {
color: #e6e6e6
}
.cms-panel-icon:before {
content: ""
}
.cms-panel-icon-add:before {
content: "\f067"
}
.cms-panel-icon-html:before {
content: "\f15c"
}
.cms-panel-icon-edit:before {
content: "\f304"
}
.cms-panel-icon-menu:before {
content: "\f0c9"
}
.cms-panel-icon-move:before {
content: "\f0b2"
}
.cms-panel-icon-sort:before {
content: "\f0dc"
}
.cms-panel-icon-seo:before {
content: "\f002"
}
.cms-panel-icon-delete:before {
content: "\f00d"
}
.cms-panel-icon-todo:before {
content: "\f013"
}
.cms-panel-icon-redirect:before {
content: "\f064"
}
.cms-panel-b {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 37.5rem;
text-align: left;
z-index: 1
}
.cms-panel-b .cms-panel {
position: absolute;
width: 100%;
left: 0;
top: 0;
background: #333;
background: rgba(0, 0, 0, .85);
opacity: 0;
transition: opacity .5s
}
.cms-panel-b .cms-panel-redirect {
display: none
}
ul:hover>.cms-panel-b .cms-panel,
li:hover>.cms-panel-b .cms-panel,
div:hover>.cms-panel-b .cms-panel,
main:hover>.cms-panel-b .cms-panel,
menu:hover>.cms-panel-b .cms-panel,
section:hover>.cms-panel-b .cms-panel,
header:hover>.cms-panel-b .cms-panel,
footer:hover>.cms-panel-b .cms-panel,
article:hover>.cms-panel-b .cms-panel {
opacity: .3
}
ul>.cms-panel-b .cms-panel:hover,
li>.cms-panel-b .cms-panel:hover,
div>.cms-panel-b .cms-panel:hover,
main>.cms-panel-b .cms-panel:hover,
menu>.cms-panel-b .cms-panel:hover,
section>.cms-panel-b .cms-panel:hover,
header>.cms-panel-b .cms-panel:hover,
footer>.cms-panel-b .cms-panel:hover,
article>.cms-panel-b .cms-panel:hover {
opacity: 1
}
.block-b {
background: var(--theme-root);
padding: 6.4375rem 0 0;
position: relative;
border-radius: 0 0 3.625rem 3.625rem
}
.block-b__bg {
position: absolute;
top: 0;
left: 46.35%;
width: 91.6%;
height: 100%;
transform: translateX(-50%)
}
.block-b__bg img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 72%
}
.block-b__wrap {
padding: 11.5rem 0 14.3125rem;
display: flex;
flex-direction: column;
align-items: center
}
.block-b__year {
display: flex;
flex-direction: column;
align-items: center;
position: relative
}
.block-b__year--1:after {
content: "";
position: absolute;
top: 55.5%;
transform: translateY(-50%);
right: -3.125rem;
width: 2.5rem;
height: 100%;
background: url(/local/assets/images/slash.svg)center/contain no-repeat
}
.block-b__year--2 {
margin: 1.125rem 0 0
}
.block-b__year--2:after {
content: "";
position: absolute;
top: 55.5%;
transform: translateY(-50%);
left: -3.125rem;
width: 2.5rem;
height: 100%;
background: url(/local/assets/images/slash.svg)center/contain no-repeat
}
.block-b__year span {
font-family: "RightGrotesk";
font-size: 4.125rem;
line-height: 3.25rem;
letter-spacing: .03em;
font-weight: 500;
text-align: center;
color: #fff
}
.block-b__title {
color: #fff;
font-family: "RightGrotesk";
font-size: 6.875rem;
line-height: 6.25rem;
letter-spacing: -.03em;
font-weight: 900;
font-style: italic;
text-align: center;
margin: .25rem 0 0
}
.block-b__subtitle {
font-family: "Bitum";
font-size: 2.25rem;
line-height: 2.75rem;
letter-spacing: -.03em;
margin: 2.875rem 0 0;
width: 100%;
max-width: 50rem;
text-align: center;
color: #fff
}
@media (max-width:760px) {
.block-b__bg {
left: 50%;
width: 100%
}
.block-b__wrap {
padding: 53px 0 126px
}
.block-b__year--1:after {
right: -32px;
width: 27px
}
.block-b__year--2 {
margin: 8px 0 0
}
.block-b__year--2:after {
left: -32px;
width: 27px
}
.block-b__year span {
font-size: 44px;
line-height: 35px
}
.block-b__title {
font-size: 30px;
line-height: 32px;
margin: 7px 0 0
}
.block-b__subtitle {
font-size: 16px;
line-height: 18px;
margin: 18px 0 0
}
}
.block-advantages {
position: relative;
margin: -5rem 0 0
}
.block-advantages__wrap {
background: #f2f2f2;
border-radius: 3.625rem;
padding: 2.8125rem 2.3125rem 3.0625rem
}
.block-advantages__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 5rem
}
.block-advantages__item {
position: relative
}
.block-advantages__item-bg {
position: absolute;
top: 50%;
left: 50.1%;
transform: translate(-50%, -50%);
width: 84%;
height: 83%
}
.block-advantages__item-bg img {
display: block;
width: 100%;
height: 100%;
object-fit: contain
}
.block-advantages__item-title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -.03em;
text-align: center;
padding: 5.4375rem 0;
position: relative
}
@media (max-width:760px) {
.block-advantages {
margin: -60px 0 0
}
.block-advantages__wrap {
border-radius: 30px;
padding: 30px 52px 42px
}
.block-advantages__list {
grid-template-columns: repeat(1, 1fr);
grid-gap: 32px
}
.block-advantages__item-bg {
top: 53%;
left: 50.4%;
width: 87%;
height: 84%
}
.block-advantages__item-title {
font-size: 20px;
line-height: 26px;
padding: 50px 0;
color: var(--theme-root)
}
}
.block-appeal-1 {
margin: 8.75rem 0 0
}
.block-appeal-1__pic {
border-radius: 3.625rem 3.625rem 0 0;
overflow: hidden
}
.block-appeal-1__pic img,
.block-appeal-1__pic picture {
display: block;
width: 100%
}
.block-appeal-1__message {
margin: -7.5rem 0 0;
background: var(--theme-root);
border-radius: 3.5rem;
display: flex;
align-items: center;
position: relative;
padding: 3.75rem
}
.block-appeal-1__message-text {
font-family: "MursGothic";
font-size: 3.25rem;
line-height: 3.625rem;
font-weight: 900;
color: #fff;
width: 100%;
max-width: 31.25rem;
margin: .375rem 0-.0625rem 0;
position: relative
}
.block-appeal-1__message-text span {
position: absolute;
top: -1.5625rem;
right: -6.375rem;
width: 6.875rem;
height: 4.9375rem;
display: block
}
.block-appeal-1__message-text span img {
display: block;
width: 100%;
height: 100%;
object-fit: contain
}
.block-appeal-1__message-btn {
margin: 0 0 0 auto;
max-width: 36.25rem;
height: 7.5rem
}
@media (max-width:1000px) {
.block-appeal-1__message-text {
font-size: 2.25rem;
line-height: 2.625rem;
max-width: 22.25rem
}
}
@media (max-width:760px) {
.block-appeal-1 {
margin: 45px 0 0
}
.block-appeal-1__pic {
border-radius: 30px 30px 0 0;
overflow: hidden;
aspect-ratio: 4/3
}
.block-appeal-1__pic img,
.block-appeal-1__pic picture {
height: 100%;
object-fit: cover;
object-position: bottom center
}
.block-appeal-1__message {
margin: -48px 0 0;
border-radius: 30px;
padding: 26px 33px 33px;
flex-direction: column
}
.block-appeal-1__message-text {
font-size: 26px;
line-height: 36px;
max-width: none;
margin: 0
}
.block-appeal-1__message-text span {
top: -6px;
right: -14px;
width: 63px;
height: 46px
}
.block-appeal-1__message-btn {
height: 80px;
margin: 20px 0 0
}
}
.block-about {
margin: 7.6875rem 0 0;
position: relative
}
.block-about .anchor {
position: absolute;
top: -7.6875rem
}
.block-about__wrap {
padding: 6rem 0 7.1rem;
display: flex;
justify-content: space-between;
position: relative
}
.block-about__angle {
position: absolute
}
.block-about__angle--1 {
top: 0;
left: -.625rem;
width: 31.1875rem
}
.block-about__angle--2 {
top: 0;
right: -.625rem;
width: 1.875rem
}
.block-about__angle--3 {
bottom: 0;
left: -.625rem;
width: 1.875rem
}
.block-about__angle--4 {
bottom: 0;
right: -.625rem;
width: 31.1875rem
}
.block-about__angle img {
display: block;
width: 100%
}
.block-about__angle img:nth-child(1) {
display: block
}
.block-about__angle img:nth-child(2) {
display: none
}
.block-about__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -.03em;
color: var(--theme-root);
margin: 2.0625rem 0 0
}
.block-about__info {
width: 57.8%
}
.block-about__info-title {
color: var(--theme-root);
font-family: "RightGrotesk";
font-size: 4rem;
line-height: 4.125rem;
letter-spacing: -.03em;
font-weight: 900;
font-style: italic
}
.block-about__info-subtitle {
font-family: "Bitum";
font-size: 1.625rem;
line-height: 2.375rem;
letter-spacing: -.03em;
color: var(--theme-root);
margin: 2.5625rem 0 0
}
.block-about__info-text {
font-family: "Bitum";
font-size: 1.125rem;
line-height: 1.5rem;
letter-spacing: -.03em;
color: var(--theme-root);
margin: 2.5rem 0 0
}
@media (max-width:760px) {
.block-about {
margin: 55px 0 0
}
.block-about .anchor {
top: -100px
}
.block-about__angle--1 {
top: -1px;
left: -4px;
width: 11px
}
.block-about__angle--2 {
top: -2px;
right: -4px;
width: 332px
}
.block-about__angle--3 {
bottom: 1px;
left: -4px;
width: 332px
}
.block-about__angle--4 {
bottom: 2px;
right: -4px;
width: 11px
}
.block-about__angle img:nth-child(1) {
display: none
}
.block-about__angle img:nth-child(2) {
display: block
}
.block-about__wrap {
padding: 29px 0;
flex-direction: column
}
.block-about__wrap:before {
content: "";
position: absolute;
top: 42%;
left: 48.6%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 343px;
aspect-ratio: 1/1;
background: url(/local/assets/images/about/m/about-ellipse.svg)center/contain no-repeat
}
.block-about__title {
margin: 0;
position: relative
}
.block-about__info {
width: 100%;
margin: 27px 0 0;
position: relative
}
.block-about__info-title {
font-size: 24px;
line-height: 28px
}
.block-about__info-subtitle {
font-size: 20px;
line-height: 22px;
margin: 20px 0 0
}
.block-about__info-text {
font-size: 14px;
line-height: 16px;
margin: 21px 0 0
}
}
.block-levels {
margin: 7.75rem 0 0;
background: #f2f2f2;
border-radius: 3.75rem;
position: relative
}
.block-levels .anchor {
position: absolute;
top: -7.75rem
}
.block-levels__wrap {
padding: 5.625rem 0 7.8125rem
}
.block-levels__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -.03em;
color: var(--theme-root)
}
.block-levels__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2.5rem;
margin: 2.5rem 0 0
}
.block-levels__item.item {
background: var(--theme-root);
padding: 2.5rem;
border-radius: 1.875rem;
aspect-ratio: 5/4;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
min-width: 100%;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent
}
@media (min-width:761px) {
.block-levels__item.item:hover .item__link {
min-width: 100%
}
}
.block-levels__item.item .item__title {
font-family: "Bitum";
font-size: 1.375rem;
line-height: 1.8rem;
letter-spacing: -.03em;
color: #fff
}
.block-levels__item.item .item__link {
font-family: "Bitum";
font-size: .875rem;
line-height: 2.125rem;
letter-spacing: -.03em;
color: #fff;
position: relative;
margin: auto 0 0;
min-width: 0%;
text-align: center;
transition: .4s ease-in-out;
transform: translate3d(0, 0, 0)
}
.block-levels__item.item .item__link span {
position: absolute;
left: 0;
top: 78%;
width: 100%;
height: .625rem;
overflow: hidden
}
.block-levels__item.item .item__link span img {
position: absolute;
width: 15.625rem;
right: 0;
top: 50%;
transform: translateY(-50%)
}
@media (max-width:760px) {
.block-levels {
margin: 44px 0 0;
border-radius: 30px
}
.block-levels .anchor {
top: -100px
}
.block-levels__wrap {
padding: 18px 0
}
.block-levels__title {
font-size: 22px;
line-height: 36px
}
.block-levels__list {
grid-template-columns: repeat(1, 1fr);
grid-gap: 16px;
margin: 15px 0 0
}
.block-levels__item.item {
padding: 32px;
border-radius: 30px;
aspect-ratio: auto
}
/*.block-levels__item.item:nth-child(1) .item__link {
margin: 57px 0 5px
}*/
.block-levels__item.item .item__title {
font-size: 18px;
line-height: 23px
}
.block-levels__item.item .item__link {
font-size: 14px;
line-height: 28px;
margin: 10px 0 4px
}
.block-levels__item.item .item__link span {
top: 96%;
height: 5px
}
.block-levels__item.item .item__link span img {
width: 250%
}
}
.block-labs {
margin: 6.25rem 0 0
}
.block-labs__wrap {
padding: 2.5rem 0
}
.block-labs__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -.03em;
color: var(--theme-root)
}
.block-labs__grid {
margin: 2.75rem 0 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2.5rem
}
.block-labs__pic {
border-radius: 1.875rem;
overflow: hidden
}
.block-labs__pic img {
display: block;
width: 100%
}
@media (min-width:761px) {
.block-labs__pic--1 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2
}
.block-labs__pic--2 {
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 2
}
.block-labs__pic--3 {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 4
}
.block-labs__pic--4 {
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 3
}
.block-labs__pic--5 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 3;
grid-row-end: 4
}
.block-labs__pic--6 {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 3;
grid-row-end: 4
}
}
.block-labs__text {
font-family: "Bitum";
font-size: 1rem;
line-height: 1.4375rem;
letter-spacing: -.03em;
color: var(--theme-root);
display: flex;
align-items: center;
position: relative
}
.block-labs__text sup {
line-height: 1;
font-size: .5rem
}
.block-labs__text:before {
content: "";
position: absolute;
width: 1.875rem;
height: 2rem;
background: url(/local/assets/images/labs/labs-before.svg)center/contain no-repeat
}
.block-labs__text:after {
content: "";
position: absolute;
width: 1.875rem;
height: 2rem;
background: url(/local/assets/images/labs/labs-after.svg)center/contain no-repeat
}
.block-labs__text--1:before {
transform: scaleX(-1);
top: -1rem;
left: -.625rem
}
.block-labs__text--1:after {
transform: scaleX(-1);
bottom: -1rem;
right: -.625rem
}
.block-labs__text--2:before {
top: -1rem;
right: -.625rem
}
.block-labs__text--2:after {
bottom: -1rem;
left: -.625rem
}
.block-labs__abstract {
aspect-ratio: 1/1;
position: relative
}
.block-labs__abstract img {
display: block;
width: 82%;
height: 82%;
object-fit: contain;
position: absolute;
top: 50%;
left: 47.5%;
transform: translate(-50%, -50%)
}
@media (max-width:760px) {
.block-labs {
margin: 45px 0 0
}
.block-labs__wrap {
padding: 16px 0
}
.block-labs__title {
font-size: 28px;
line-height: 36px
}
.block-labs__grid {
margin: 19px 0 0;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px
}
.block-labs__pic {
border-radius: 30px
}
.block-labs__pic--1 {
order: 1
}
.block-labs__pic--2 {
order: 3
}
.block-labs__pic--3 {
order: 6
}
.block-labs__pic--4 {
order: 4
}
.block-labs__pic--5 {
order: 7
}
.block-labs__pic--6 {
order: 8
}
.block-labs__text {
font-size: 14px;
line-height: 18px;
min-height: 115px;
padding: 20px 7px;
box-sizing: border-box
}
.block-labs__text:before {
content: "";
position: absolute;
width: 11px;
height: 12px;
top: 0;
left: -3px;
transform: scaleX(1);
background: url(/local/assets/images/labs/m/labs-cross.svg)center/contain no-repeat
}
.block-labs__text:after {
content: "";
position: absolute;
width: 11px;
height: 12px;
bottom: 0;
right: -3px;
left: auto;
transform: scaleX(-1);
background: url(/local/assets/images/labs/m/labs-cross.svg)center/contain no-repeat
}
.block-labs__text--1 {
order: 2
}
.block-labs__text--2 {
order: 5
}
.block-labs__abstract {
display: none
}
}
.block-appeal-2 {
margin: 2.5rem 0 0
}
.block-appeal-2__pic {
border-radius: 3.625rem 3.625rem 0 0;
overflow: hidden
}
.block-appeal-2__pic img {
display: block;
width: 100%
}
.block-appeal-2__message {
background: var(--theme-root);
border-radius: 3.5rem;
display: flex;
align-items: center;
position: relative;
padding: 3.75rem
}
.block-appeal-2__message-text {
font-family: "MursGothic";
font-size: 3.25rem;
line-height: 3.625rem;
font-weight: 900;
color: #fff;
width: 100%;
max-width: 19.55rem;
margin: .375rem 0-.0625rem 0;
position: relative
}
.block-appeal-2__message-text span {
position: absolute;
top: -.8625rem;
right: -6.375rem;
width: 6.875rem;
height: 4.9375rem;
display: block
}
.block-appeal-2__message-text span img {
display: block;
width: 100%;
height: 100%;
object-fit: contain
}
.block-appeal-2__message-btn {
margin: 0 0 0 auto;
max-width: 36.25rem;
height: 7.5rem
}
@media (max-width:1000px) {
.block-appeal-2__message-text {
font-size: 2.25rem;
line-height: 2.625rem;
max-width: 15.25rem
}
}
@media (max-width:760px) {
.block-appeal-2 {
margin: 14px 0 0
}
.block-appeal-2__message {
border-radius: 30px;
padding: 26px 33px 33px;
flex-direction: column
}
.block-appeal-2__message-text {
font-size: 26px;
line-height: 36px;
max-width: none;
margin: 0
}
.block-appeal-2__message-text span {
top: -6px;
right: -14px;
width: 63px;
height: 46px
}
.block-appeal-2__message-btn {
height: 80px;
margin: 20px 0 0
}
}
.block-reviews {
overflow: hidden;
margin: 6.25rem 0 0;
position: relative
}
.block-reviews .anchor {
position: absolute;
top: -6.25rem
}
.block-reviews__wrap {
padding: 2.5rem 0;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative
}
.block-reviews__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -.03em;
color: var(--theme-root);
position: relative
}
.block-reviews__title:after {
content: "";
position: absolute;
top: calc(100% - .625rem);
left: calc(100% + 1.625rem);
width: 100vw;
min-width: 120rem;
height: 1px;
background: url(/local/assets/images/line-dotted.svg)center/100%auto;
transition: .3s ease-in-out
}
.block-reviews__arrows {
position: absolute;
top: 3.6875rem;
right: 0;
display: flex;
grid-gap: 2.375rem
}
.block-reviews__arrow {
width: 5.75rem;
padding: .3125rem 0;
cursor: pointer;
transition: .3s ease-in-out
}
.block-reviews__arrow span {
width: 100%;
height: .3125rem;
display: flex
}
.block-reviews__arrow span img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-reviews__arrow--prev {
transform: scaleX(-1)
}
.block-reviews__arrow.swiper-button-disabled {
opacity: 0;
pointer-events: none
}
.block-reviews__list {
margin: 1.9375rem 0 0
}
.block-reviews__list.swiper {
overflow: visible
}
.block-reviews__list-wrapper:not([aria-live]) {
display: flex
}
.block-reviews__list-wrapper>.swiper-slide {
width: calc(33.33333% - 1.66667rem);
height: auto;
flex: 0 0 calc(33.33333% - 1.66667rem);
margin-right: 2.5rem
}
.block-reviews__list-wrapper>.swiper-slide:last-child {
margin-right: 0
}
.block-reviews__list-wrapper:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3rem 1rem
}
.block-reviews__list-wrapper:not(.swiper-wrapper) .simple-review {
min-width: 100%
}
.block-reviews__item {
position: relative;
display: block
}
.block-reviews__item:hover .block-reviews__item-video:after {
opacity: 0;
visibility: hidden
}
.block-reviews__item:hover .block-reviews__item-btn svg circle {
fill: #1242b2
}
.block-reviews__item-video {
aspect-ratio: 16/9;
overflow: hidden;
border-radius: 1.875rem;
position: relative
}
.block-reviews__item-video img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-reviews__item-video:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(221.57deg, rgba(1, 78, 218, 0) 45.556%, rgba(1, 78, 218, .9) 92.011%);
transition: .3s ease-in-out
}
.block-reviews__item-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 5rem;
height: 5rem;
display: flex;
align-items: center;
justify-content: center
}
.block-reviews__item-btn svg {
width: 100%;
height: 100%;
display: block
}
.block-reviews__item-btn svg circle {
fill: rgba(18, 66, 178, .6);
transition: .3s ease-in-out
}
@media (max-width:760px) {
.block-reviews {
margin: 55px 0 0
}
.block-reviews .anchor {
top: -100px
}
.block-reviews__title {
font-size: 28px;
line-height: 36px
}
.block-reviews__title:after {
display: none
}
.block-reviews__list-wrapper>.swiper-slide {
width: calc(100% - 38px);
height: auto;
flex: 0 0 calc(100% - 38px);
margin-right: 16px
}
.block-reviews__list-wrapper>.swiper-slide:last-child {
margin-right: 0
}
.block-reviews__list-wrapper:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 48px 16px
}
.block-reviews__list-wrapper:not(.swiper-wrapper) .simple-review {
min-width: 100%
}
.block-reviews__item-video {
border-radius: 30px
}
.block-reviews__item-btn {
width: 50px;
height: 50px
}
.block-reviews__arrows {
position: relative;
top: 0;
grid-gap: 38px;
margin: 24px 0 0 auto
}
.block-reviews__arrows:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200vw;
height: 1px;
background: url(/local/assets/images/line-dotted.svg)center/100%auto
}
.block-reviews__arrow {
width: 93px;
padding: 5px 0
}
.block-reviews__arrow span {
height: 5px
}
}
.block-quote {
margin: 6.25rem 0 0;
background: #f2f2f2;
border-radius: 3.75rem
}
.block-quote__wrap {
padding: 2.5rem 0 .9375rem;
display: flex;
align-items: center;
position: relative
}
.block-quote__cross {
position: absolute;
width: 1.875rem;
height: 2rem;
pointer-events: none
}
.block-quote__cross img {
display: block;
width: 100%
}
.block-quote__cross img:nth-child(1) {
display: block
}
.block-quote__cross img:nth-child(2) {
display: none
}
.block-quote__cross--1 {
top: 2.6875rem;
left: -.625rem
}
.block-quote__cross--2 {
top: 2.6875rem;
right: -.625rem;
transform: scaleX(-1)
}
.block-quote__cross--3 {
bottom: 2.25rem;
right: -.625rem;
transform: scaleX(-1)
}
.block-quote__cross--4 {
bottom: 2.25rem;
left: -.625rem
}
.block-quote__pic {
width: 38.625rem;
flex: 0 0 auto;
margin: -2.375rem 0 0-1.0625rem;
position: relative
}
.block-quote__pic:after {
content: "";
position: absolute;
top: 51.8%;
left: 45.6%;
transform: translate(-50%, -50%);
width: 104.7%;
height: 104.7%;
background: url(/local/assets/images/quote/quote-pic-figure.svg)center/contain no-repeat;
pointer-events: none
}
.block-quote__pic img {
display: block;
width: 100%
}
.block-quote__main {
display: flex;
flex-direction: column;
padding: 0 4.5rem 0 4.5rem;
margin: 8.375rem 0 auto
}
.block-quote__text {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.375rem;
letter-spacing: -.03em;
color: var(--theme-root);
position: relative;
padding: 3.5rem 0
}
.block-quote__text:before {
content: "";
position: absolute;
top: -4.1875rem;
left: -3.5rem;
width: 5.5625rem;
height: 4.6875rem;
background: url(/local/assets/images/quote/quote-1-top.svg)center/contain no-repeat
}
.block-quote__text:after {
content: "";
position: absolute;
bottom: -4.25rem;
right: -4.5625rem;
width: 5.5625rem;
height: 4.6875rem;
background: url(/local/assets/images/quote/quote-1-bottom.svg)center/contain no-repeat
}
.block-quote__text span {
position: relative;
display: block
}
.block-quote__text span:before {
content: "";
position: absolute;
top: -3.5rem;
right: -4.75rem;
width: 27.6875rem;
height: .9375rem;
background: url(/local/assets/images/quote/quote-2-top.svg)center/contain no-repeat
}
.block-quote__text span:after {
content: "";
position: absolute;
bottom: -3.5625rem;
left: -3.625rem;
width: 27.6875rem;
height: .9375rem;
background: url(/local/assets/images/quote/quote-2-bottom.svg)center/contain no-repeat
}
.block-quote__author {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -.03em;
color: var(--theme-root);
position: relative;
margin: 1.5rem 0 0
}
.block-quote__post {
font-family: "Bitum";
font-size: 1rem;
line-height: 1.3125rem;
letter-spacing: -.03em;
color: var(--theme-root);
position: relative;
margin: .625rem 0 0
}
@media (max-width:760px) {
.block-quote {
margin: 39px 0 0;
border-radius: 30px;
overflow: hidden
}
.block-quote__wrap {
padding: 20px 0 44px;
flex-direction: column
}
.block-quote__cross {
position: absolute;
width: 11px;
height: 12px;
pointer-events: none
}
.block-quote__cross img {
display: block;
width: 100%
}
.block-quote__cross img:nth-child(1) {
display: none
}
.block-quote__cross img:nth-child(2) {
display: block
}
.block-quote__cross--1 {
top: 19px;
left: -3px
}
.block-quote__cross--2 {
top: 19px;
right: -3px;
transform: scaleX(-1)
}
.block-quote__cross--3 {
bottom: 19px;
right: -3px;
transform: scaleX(-1)
}
.block-quote__cross--4 {
bottom: 19px;
left: -3px
}
.block-quote__pic {
width: calc(100% + 24px);
flex: 1 1 auto;
margin: -33px 0 0-14px
}
.block-quote__main {
padding: 0;
margin: 0
}
.block-quote__text {
font-size: 20px;
line-height: 26px;
padding: 37px 0 27px
}
.block-quote__text:before {
top: -29px;
left: 0;
width: 49px;
height: 41px;
background: url(/local/assets/images/quote/m/quote-1-top.svg)center/contain no-repeat
}
.block-quote__text:after {
bottom: -31px;
right: 0;
width: 49px;
height: 41px;
background: url(/local/assets/images/quote/m/quote-1-bottom.svg)center/contain no-repeat
}
.block-quote__text span:before {
top: -35px;
right: -46px;
width: 364px;
height: 16px;
background: url(/local/assets/images/quote/m/quote-2-top.svg)center/contain no-repeat
}
.block-quote__text span:after {
bottom: -27px;
left: -46px;
width: 364px;
height: 16px;
background: url(/local/assets/images/quote/m/quote-2-bottom.svg)center/contain no-repeat
}
.block-quote__author {
font-size: 24px;
line-height: 31px;
margin: 62px 0 0
}
.block-quote__post {
font-size: 14px;
line-height: 18px;
margin: 6px 0 0
}
}
.block-news {
margin: 6.25rem 0 0
}
.block-news__wrap {
padding: 2.5rem 0
}
.block-news__block-title {
display: flex;
align-items: flex-end;
justify-content: space-between
}
.block-news__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -.03em;
color: var(--theme-root);
position: relative
}
.block-news__all {
font-family: "Bitum";
font-size: .875rem;
line-height: 1.625rem;
letter-spacing: -.03em;
color: rgba(18, 66, 178, .6);
position: relative
}
.block-news__all:hover {
color: var(--theme-root)
}
.block-news__all:hover svg {
opacity: 1;
transform: none
}
.block-news__all svg {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: .4375rem;
opacity: 0;
transform: translateX(-1rem);
transition: .3s ease-in-out
}
.block-news__main {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2.5rem;
margin: 1.9375rem 0 0
}
.block-news__b {
grid-column-start: 1;
grid-column-end: 3;
border-radius: 1.875rem;
overflow: hidden
}
.block-news__b img {
display: block;
width: 100%
}
.block-news__list {
grid-column-start: 3;
grid-column-end: 5;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 2.5rem
}
@media (max-width:760px) {
.block-news {
margin: 39px 0 0
}
.block-news__title {
font-size: 28px;
line-height: 36px
}
.block-news__all {
display: none
}
.block-news__main {
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
margin: 16px 0 0
}
.block-news__b {
grid-column-start: 1;
grid-column-end: 2;
border-radius: 30px
}
.block-news__list {
grid-column-start: 1;
grid-column-end: 2;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px
}
}
.block-feedback {
background: var(--theme-root);
border-radius: 3.75rem 3.75rem 0 0;
margin: 6.25rem 0 0;
position: relative
}
.block-feedback .anchor {
position: absolute;
top: -7.6875rem
}
.block-feedback .uk-container {
max-width: 43.75rem
}
.block-feedback__bg {
position: absolute;
top: 0;
left: 50%;
width: 100%;
height: 85.8%;
transform: translateX(-50%);
pointer-events: none
}
.block-feedback__bg img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%
}
.block-feedback__wrap {
padding: 4.25rem 0 8.9375rem;
position: relative
}
.block-feedback__title {
font-family: "MursGothic";
font-size: 3.0625rem;
font-weight: 800;
line-height: 3.375rem;
color: #fff;
text-align: center
}
.block-feedback__subtitle {
color: #fff;
font-family: "Bitum";
font-size: 1.25rem;
line-height: 1.625rem;
text-align: center;
max-width: 90%;
margin: 1.625rem auto 0
}
.block-feedback__recaptcha {
margin-bottom: 2.4375rem
}
.block-feedback__recaptcha>div {
margin-left: auto;
margin-right: auto
}
.block-feedback__form.form {
margin: 34px 0 0
}
.block-feedback__form.form .form__field {
position: relative;
margin: 0 0 2.4375rem
}
.block-feedback__form.form .form__field--error .form__field-error {
opacity: 1;
visibility: visible
}
.block-feedback__form.form .form__field-input.active input {
background: var(--theme-root)
}
.block-feedback__form.form .form__field-input.focus input {
background: #4167c1
}
.block-feedback__form.form .form__field-input input {
width: 100%;
background: #002147;
border: .125rem solid rgba(255, 255, 255, .8);
padding: 2rem 2.375rem 1.9375rem;
border-radius: 1.875rem;
font-family: "Bitum";
font-size: 1.375rem;
line-height: 1.5rem;
letter-spacing: -.03em;
color: #fff;
position: relative;
transition: .3s ease-in-out;
box-sizing: border-box
}
.block-feedback__form.form .form__field-input input::-webkit-input-placeholder {
color: rgba(255, 255, 255, .6)
}
.block-feedback__form.form .form__field-input input::-moz-placeholder {
color: rgba(255, 255, 255, .6)
}
.block-feedback__form.form .form__field-input input:-ms-input-placeholder {
color: rgba(255, 255, 255, .6)
}
.block-feedback__form.form .form__field-input input:-moz-placeholder {
color: rgba(255, 255, 255, .6)
}
.block-feedback__form.form .form__field-error {
position: absolute;
top: calc(100% + .3125rem);
left: 2.375rem;
font-family: "Bitum";
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: -.03em;
color: #fff;
opacity: 0;
visibility: hidden;
transition: .3s ease-in-out
}
.block-feedback__form.form .form__field.--error .form__field-error {
display: none;
color: #fd362c;
opacity: 1;
visibility: visible
}
.block-feedback__form.form .form__field.--error .form__field-input input {
border-color: #fd362c;
color: #fd362c;
}
.block-feedback__form.form .form__field.--error .form__field-input input::placeholder {
color: #fd362c;
}
.block-feedback__form.form .form__agreement {
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer
}
.block-feedback__form.form .form__agreement.--error .form__agreement-input {
border: 1px solid #f93e26
}
.block-feedback__form.form .form__agreement.--error .form__agreement-title {
color: #fd362c;
}
.block-feedback__form.form .form__agreement-input {
width: 28px;
height: 28px;
border: 1px solid #fff;
border-radius: 50%;
position: relative;
cursor: pointer
}
.block-feedback__form.form .form__agreement-input:checked:after {
opacity: 1;
visibility: visible
}
.block-feedback__form.form .form__agreement-input:after {
content: "";
position: absolute;
left: .25rem;
top: .25rem;
width: calc(100% - .50rem);
height: calc(100% - .50rem);
border-radius: 100%;
background: #fff;
opacity: 0;
visibility: hidden;
transition: .1s ease-in-out
}
.block-feedback__form.form .form__agreement-title {
color: #fff;
font-family: "Bitum";
font-size: 14px;
line-height: 18px;
padding: .0625rem 0 0 .625rem
}
.block-feedback__form.form .form__btn {
margin: 40px 0 0
}
@media (max-width:760px) {
.block-feedback {
border-radius: 30px 30px 0 0;
margin: 8px 0 0
}
.block-feedback .anchor {
top: -100px
}
.block-feedback__bg {
display: none
}
.block-feedback__wrap {
padding: 24px 0 91px
}
.block-feedback__title {
font-size: 24px;
line-height: 26px
}
.block-feedback__subtitle {
font-size: 14px;
line-height: 18px;
max-width: 95%;
margin: 24px auto 0
}
.block-feedback__form.form {
margin: 35px 0 0
}
.block-feedback__form.form .form__field {
margin: 0 0 16px
}
.block-feedback__form.form .form__field-input input {
border: 2px solid rgba(255, 255, 255, .8);
padding: 26px 38px;
border-radius: 30px;
font-size: 22px;
line-height: 24px
}
.block-feedback__form.form .form__field-error {
top: 100%;
font-size: 1rem;
line-height: 1.5rem
}
.block-feedback__form.form .form__btn {
padding: 27px 10px
}
.block-feedback__form.form .form__agreement {
margin: -4px 0 0
}
.block-feedback__form.form .form__agreement-input {
width: 32px
}
}
.simple-news {
transition: .3s ease-in-out;
position: relative;
-webkit-tap-highlight-color: transparent
}
@media (min-width:761px) {
.simple-news:hover .simple-news__hover {
transform: translate(0)
}
.simple-news:hover .simple-news__subtitle {
opacity: 0;
transition: .3s ease-in-out .2s
}
}
.simple-news__pic {
border-radius: 1.875rem;
overflow: hidden;
position: relative;
z-index: 1;
background: var(--theme-root);
aspect-ratio: 4/3
}
.simple-news__pic img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.simple-news__info {
padding: .75rem 0;
transition: .3s ease-in-out
}
.simple-news__hover {
padding: 2.5rem 1.25rem .9375rem;
background: var(--theme-root);
border-radius: 0 0 1.875rem 1.875rem;
transition: .3s ease-in-out;
position: absolute;
bottom: 0;
width: 100%;
height: 10.25rem;
box-sizing: border-box;
transform: translateY(-90%)
}
.simple-news__hover .simple-news__title {
color: #fff
}
.simple-news__date {
font-family: "Bitum";
font-size: 1rem;
line-height: 1.25rem;
font-weight: 300;
letter-spacing: -.03em;
color: #728ccb;
transition: .3s ease-in-out
}
.simple-news__title {
font-family: "Bitum";
font-size: 1.25rem;
line-height: 2.3125rem;
letter-spacing: -.03em;
color: var(--theme-root);
position: relative;
transition: .3s ease-in-out;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden
}
.simple-news__subtitle {
font-family: "Bitum";
font-size: 1rem;
line-height: 1.125rem;
letter-spacing: -.03em;
color: #5c79c4;
position: relative;
margin: .0625rem 0 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
transition: .1s ease-in-out
}
.simple-news__link {
position: absolute;
bottom: 2.1875rem;
left: 50%;
transform: translateX(-50%)
}
.simple-news__link span {
font-family: "Bitum";
font-size: .875rem;
line-height: 1.625rem;
letter-spacing: -.03em;
color: #fff
}
.simple-news__link svg {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: calc(100% + .5rem);
height: .4375rem
}
@media (max-width:760px) {
.simple-news__pic {
border-radius: 30px;
aspect-ratio: 5/3.95
}
.simple-news__info {
padding: 11px 0 28px
}
.simple-news__date {
font-size: 16px;
line-height: 21px
}
.simple-news__title {
font-size: 20px;
line-height: 36px
}
.simple-news__subtitle {
font-size: 16px;
line-height: 18px;
margin: 1px 0 0
}
.simple-news__hover {
display: none
}
}
.block-pr-about__wrap {
padding: 1.25rem 0
}
.block-pr-about__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -.03em;
color: #002147;
font-weight: 700;
margin: 0 0 2.0625rem
}
.block-pr-about__grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 2.5rem
}
.block-pr-about__video {
overflow: hidden;
border-radius: 1.875rem;
display: block;
min-width: 100%;
width: 100%;
position: relative;
cursor: pointer;
}
.block-pr-about__video--1 {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 3;
aspect-ratio: 16/8.98
}
.block-pr-about__video--2 {
grid-column-start: 5;
grid-column-end: 7;
aspect-ratio: 16/8.8
}
.block-pr-about__video img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-pr-about__video-preview {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.3s;
}
.block-pr-about__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.block-pr-about__video--1::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(221.57deg, rgba(1, 78, 218, 0) 45.556%, rgba(1, 78, 218, .9) 92.011%);
pointer-events: none; /* Важно! Позволяет кликам проходить сквозь этот элемент */
z-index: 1;
}
.block-pr-about__video-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 5rem;
height: 5rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 2; /* Кнопка должна быть выше градиента */
pointer-events: none; /* Если используете JS для обработки кликов */
}
.block-pr-about__video-btn svg {
width: 100%;
height: 100%;
display: block
}
.-btn svg circle {
fill: rgba(18, 66, 178, .6);
transition: .3s ease-in-out
}
.block-pr-about__btn--1 {
background: var(--theme-root);
padding: .5rem 0 0
}
.block-pr-about__btn--1.btn .btn__title {
font-size: 1.25rem;
line-height: 1.625rem;
color: #fff
}
.block-pr-about__btn--2 {
border: 4px solid var(--theme-root);
padding: .3125rem 0 0
}
.block-pr-about__btn--2.btn .btn__title {
font-size: .875rem;
line-height: 1.125rem;
color: var(--theme-root)
}
.block-pr-about__btn.btn {
aspect-ratio: 6/7;
min-width: 100%;
width: 100%;
border-radius: 1.875rem;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box
}
.block-pr-about__btn.btn .btn__title {
font-family: "MursGothic";
margin: .625rem 0 0;
text-align: center
}
@media (max-width:760px) {
.block-pr-about {
margin: 46px 0
}
.block-pr-about__wrap {
padding: 25px 0
}
.block-pr-about__title {
font-size: 22px;
line-height: 36px;
margin: 0 0 14px
}
.block-pr-about__grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 16px 8px
}
.block-pr-about__video--1 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2
}
.block-pr-about__video--2 {
grid-column-start: 1;
grid-column-end: 3;
aspect-ratio: 16/8.98
}
.block-pr-about__video-btn {
width: 53px;
height: 53px
}
.block-pr-about__btn.btn {
aspect-ratio: 10/9;
border-radius: 1.875rem
}
.block-pr-about__btn--1 {
padding: 8px 0 0
}
.block-pr-about__btn--1.btn .btn__title {
margin: 0
}
.block-pr-about__btn--2 {
border: 2px solid var(--theme-root)
}
.block-pr-about__btn--2.btn .btn__title {
font-size: 12px;
line-height: 16px
}
.block-pr-about__video.active .block-pr-about__video-preview,
.block-pr-about__video.active .block-pr-about__video-btn {
display: none;
}
.block-pr-about__video.active iframe {
display: block;
}
}
.block-pr-b {
background: #f2f2f2;
border-radius: 0 0 3.75rem 3.75rem;
margin: 0 0 8.75rem;
position: relative;
overflow: hidden
}
.block-pr-b__bg {
position: absolute;
bottom: 0;
right: 0;
width: 62.7%;
opacity: .2
}
.block-pr-b__bg img {
display: block;
width: 100%
}
.block-pr-b__wrap {
padding: 9.9375rem 0 5rem;
position: relative
}
.block-pr-b__title {
font-family: "MursGothic";
font-size: 3.75rem;
line-height: 4.875rem;
color: #002147;
z-index: 1;
position: relative;
max-width: 70%
}
.block-pr-b__subtitle-1 {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -.03em;
color: #002147;
margin: 2rem 0 0;
position: relative;
z-index: 1;
max-width: 70%
}
.block-pr-b__subtitle-2 {
font-family: "Bitum";
font-size: 1.375rem;
line-height: 2.25rem;
letter-spacing: -.03em;
margin: 3.125rem 0 0;
text-transform: uppercase;
padding: 0 0 0 3.75rem;
color: #002147;
position: relative
}
.block-pr-b__subtitle-2:before {
content: "";
position: absolute;
top: -.6875rem;
left: 0;
width: 2.8125rem;
height: 2.8125rem;
background: url(/local/assets/images/pr/b/cap.svg)center/contain no-repeat;
z-index: 1
}
.block-pr-b__education.education {
margin: 2.5rem 0 0;
position: relative;
z-index: 1;
max-width: 58%
}
.block-pr-b__education.education .education__title {
font-family: "Bitum";
font-size: 1.375rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: -.03em;
color: #1a9eec
}
.block-pr-b__education.education .education__list {
display: flex;
margin: 1.25rem 0 0;
grid-gap: 1.1875rem
}
.block-pr-b__education.education .education__item {
position: relative;
height: 4.25rem;
display: flex;
align-items: center;
justify-content: center;
padding: 1.375rem 1.375rem;
min-width: 12.625rem;
box-sizing: border-box;
font-family: "Bitum";
font-size: 1.25rem;
line-height: 1.625rem;
letter-spacing: -.03em
}
.block-pr-b__education.education .education__item:before {
content: "";
position: absolute;
top: -.6875rem;
transform: translateY(50%);
right: 20%;
width: 2.375rem;
height: .75rem;
background: #f2f2f2 url(/local/assets/images/pr/b/btn-1.svg)center right/contain no-repeat;
z-index: 1
}
.block-pr-b__education.education .education__item:after {
content: "";
position: absolute;
bottom: -.3125rem;
left: 20%;
width: 2.8125rem;
height: .75rem;
background: #f2f2f2 url(/local/assets/images/pr/b/btn-2.svg)center left/contain no-repeat;
z-index: 1
}
.block-pr-b__education.education .education__item>span {
margin: 0 0 0 .25rem;
display: inline-block;
color: #1a9eec
}
.block-pr-b__education.education .education__item>span>span {
font-weight: 700
}
.block-pr-b__education.education .education__item-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #002147;
border-radius: 4.375rem;
-webkit-clip-path: polygon(0 0, 75%0, 25% 100%, 0 100%);
clip-path: polygon(0 0, 75%0, 25% 100%, 0 100%)
}
.block-pr-b__education.education .education__item-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #1a9eec;
border-radius: 4.375rem;
-webkit-clip-path: polygon(75%0, 100%0, 100% 100%, 25% 100%);
clip-path: polygon(75%0, 100%0, 100% 100%, 25% 100%)
}
.block-pr-b__links {
position: relative;
z-index: 1;
max-width: 70%;
display: flex;
margin: 5.1rem 0 0;
grid-gap: 2.4375rem
}
.block-pr-b__btn--1.button {
border: 4px solid #002147;
background: #002147;
max-width: 20.625rem;
padding: 2.375rem 1.25rem 2.0625rem;
color: #f2f2f2
}
.block-pr-b__btn--1.button:hover {
background: #f2f2f2;
color: #002147
}
.block-pr-b__btn--2.button {
background: #f2f2f2;
border: 4px solid #002147;
max-width: 36.0625rem;
padding: 1.625rem 1.25rem 1.25rem;
color: #002147;
font-size: 1.75rem
}
.block-pr-b__btn--2.button:hover {
background: #002147;
color: #f2f2f2
}
.block-pr-b__planet {
position: absolute;
top: 49.8%;
transform: translateY(-50%);
right: -.4375rem;
display: flex;
flex-direction: column;
align-items: center
}
.block-pr-b__planet-pic {
position: absolute;
top: 34.4%;
left: 47.2%;
transform: translate(-50%, -50%);
width: 35.6875rem
}
.block-pr-b__planet-pic img {
display: block;
width: 100%
}
.block-pr-b__planet-title {
font-family: "Bitum";
font-size: 1.125rem;
line-height: 1.4375rem;
letter-spacing: -.03em;
margin: 0 0-.5rem;
position: relative
}
.block-pr-b__planet-price {
position: relative;
font-family: "MursGothic";
font-size: 5.375rem;
line-height: 7rem;
color: #002147;
-webkit-text-stroke-width: .125rem;
-webkit-text-stroke-color: #f2f2f2
}
.block-pr-b__planet-price span {
font-family: "Bitum";
font-weight: 700;
font-size: 5.25rem
}
@media (max-width:1000px) {
.block-pr-b__wrap {
padding: 17rem 0 5rem
}
}
@media (max-width:760px) {
.block-pr-b {
margin: 0 0 46px;
border-radius: 0 0 30px 30px
}
.block-pr-b__wrap {
padding: 132px 0 52px
}
.block-pr-b__title {
font-size: 36px;
line-height: 40px;
max-width: 100%
}
.block-pr-b__subtitle-1 {
font-size: 20px;
line-height: 36px;
margin: 20px 0 0;
max-width: 100%
}
.block-pr-b__subtitle-2 {
font-size: 18px;
line-height: 20px;
margin: 37px 0 0;
padding: 0 0 0 47px;
max-width: 100%
}
.block-pr-b__subtitle-2:before {
top: -12px;
width: 36px;
height: 36px
}
.block-pr-b__education.education {
margin: 29px 0 0;
max-width: 100%
}
.block-pr-b__education.education .education__title {
font-size: 20px;
line-height: 26px
}
.block-pr-b__education.education .education__list {
margin: 20px 0 0;
grid-gap: 30px;
flex-direction: column;
align-items: flex-start
}
.block-pr-b__education.education .education__item {
height: 49px;
padding: 13px 21px;
min-width: 203px;
font-size: 16px;
line-height: 21px
}
.block-pr-b__education.education .education__item:before {
top: -11px;
right: 20.8%;
width: 38px;
height: 12px
}
.block-pr-b__education.education .education__item:after {
bottom: -5px;
left: 17.8%;
width: 43px;
height: 12px
}
.block-pr-b__planet {
position: relative;
top: 0;
right: 0;
transform: none;
padding: 93px 0 93px;
margin: 62px 0 0
}
.block-pr-b__planet-pic {
top: 45.2%;
left: 48%;
width: clamp(1px, 100%, 364px)
}
.block-pr-b__planet-title {
font-size: 12px;
line-height: 16px;
font-weight: 700;
margin: 0 0-6px
}
.block-pr-b__planet-price {
font-size: 48px;
line-height: 60px;
letter-spacing: -.03em
}
.block-pr-b__planet-price span {
font-size: 46px
}
.block-pr-b__links {
max-width: 100%;
flex-direction: column;
margin: 38px 0 0;
grid-gap: 20px
}
.block-pr-b__btn--1.button {
max-width: 100%;
padding: 27px 12px 21px;
font-size: 18px;
line-height: 24px
}
.block-pr-b__btn--2.button {
max-width: 100%;
padding: 27px 12px 24px;
font-size: 16px;
line-height: 21px
}
}
.block-pr-future {
background: #f2f2f2;
border-radius: 3.75rem;
margin: 8.75rem 0
}
.block-pr-future__wrap {
padding: 4.5625rem 0 4.9375rem;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 2.5rem
}
.block-pr-future__main {
grid-column-start: 1;
grid-column-end: 8
}
.block-pr-future__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -.03em;
color: #002147;
font-weight: 700;
margin: 0 0 1.9375rem
}
.block-pr-future__list {
display: flex;
flex-wrap: wrap;
margin: 0-1.25rem -1.3125rem 0
}
.block-pr-future__item {
font-family: "Bitum";
font-size: 1rem;
line-height: 1.3125rem;
letter-spacing: -.03em;
color: #002147;
padding: 1.125rem;
border: 2px solid #1a9eec;
border-radius: 1.875rem;
margin: 0 1.25rem 1.3125rem 0
}
.block-pr-future__pic {
grid-column-start: 8;
grid-column-end: 13;
margin: 4.1875rem 0 0;
border-radius: 1.875rem;
overflow: hidden
}
.block-pr-future__pic img {
display: block;
width: 100%
}
.block-pr-future__appeal {
grid-column-start: 1;
grid-column-end: 13
}
.block-pr-future__appeal.appeal .appeal__pic {
border-radius: 3.625rem 3.625rem 0 0;
overflow: hidden
}
.block-pr-future__appeal.appeal .appeal__pic img {
display: block;
width: 100%
}
.block-pr-future__appeal.appeal .appeal__message {
background: var(--theme-root);
border-radius: 3.5rem;
display: flex;
align-items: center;
position: relative;
padding: 3.75rem
}
.block-pr-future__appeal.appeal .appeal__message-text {
font-family: "MursGothic";
font-size: 3.25rem;
line-height: 3.625rem;
font-weight: 900;
color: #fff;
width: 100%;
max-width: 19.55rem;
margin: .375rem 0-.0625rem 0;
position: relative
}
.block-pr-future__appeal.appeal .appeal__message-text span {
position: absolute;
top: -.8625rem;
right: -6.375rem;
width: 6.875rem;
height: 4.9375rem;
display: block
}
.block-pr-future__appeal.appeal .appeal__message-text span img {
display: block;
width: 100%;
height: 100%;
object-fit: contain
}
.block-pr-future__appeal.appeal .appeal__message-btn {
margin: 0 0 0 auto;
max-width: 36.25rem;
height: 7.5rem
}
@media (max-width:1000px) {
.block-pr-future__appeal.appeal .appeal__message-text {
font-size: 2.25rem;
line-height: 2.625rem;
max-width: 15.25rem
}
}
@media (max-width:760px) {
.block-pr-future {
margin: 81px 0 46px;
border-radius: 30px
}
.block-pr-future__wrap {
padding: 31px 0 39px;
grid-template-columns: repeat(1, 1fr);
grid-gap: 18px
}
.block-pr-future__title {
font-size: 22px;
line-height: 36px;
margin: 0 0 13px 4px
}
.block-pr-future__main {
grid-column-start: 1;
grid-column-end: 2
}
.block-pr-future__pic,
.block-pr-future__appeal {
grid-column-start: 1;
grid-column-end: 2
}
.block-pr-future__pic {
margin: 0;
border-radius: 18px
}
.block-pr-future__appeal.appeal .appeal__message {
border-radius: 30px;
padding: 26px 33px 33px;
flex-direction: column
}
.block-pr-future__appeal.appeal .appeal__message-text {
font-size: 26px;
line-height: 36px;
max-width: none;
margin: 0
}
.block-pr-future__appeal.appeal .appeal__message-text span {
top: -6px;
right: -14px;
width: 63px;
height: 46px
}
.block-pr-future__appeal.appeal .appeal__message-btn {
height: 80px;
margin: 20px 0 0
}
.block-pr-future__list {
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
margin: 0
}
.block-pr-future__item {
padding: 10px 8px 9px;
margin: 0 0 9px;
font-size: 14px;
line-height: 16px
}
.block-pr-future__item:last-child {
margin: 0
}
}
.block-pr-partners {
margin: 8.75rem 0
}
.block-pr-partners__wrap {
padding: 1.25rem 0 0
}
.block-pr-partners__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -.03em;
color: #002147;
font-weight: 700;
margin: 0 0 2rem
}
.block-pr-partners__list {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 2.5rem
}
.block-pr-partners__slider.swiper {
display: none
}
.block-pr-partners__item {
border: .125rem solid rgba(18, 66, 178, .2);
border-radius: 1.875rem;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 4/3.08;
transition: .3s ease-in-out
}
.block-pr-partners__item:hover {
border: .125rem solid #1242b2
}
.block-pr-partners__item:hover .block-pr-partners__pic {
filter: grayscale(0)
}
.block-pr-partners__pic {
width: 100%;
height: 100%;
max-width: 60%;
max-height: 60%;
filter: grayscale(1);
transition: .3s ease-in-out
}
.block-pr-partners__pic img {
display: block;
width: 100%;
height: 100%;
object-fit: contain
}
.block-pr-partners__arrows {
display: none
}
@media (max-width:760px) {
.block-pr-partners {
margin: 46px 0 65px;
overflow: hidden
}
.block-pr-partners .anchor {
top: -100px
}
.block-pr-partners__wrap {
padding: 24px 0 0;
display: flex;
flex-direction: column;
align-items: flex-start
}
.block-pr-partners__title {
font-size: 22px;
line-height: 36px;
margin: 0 0 20px
}
.block-pr-partners__list {
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
display: none
}
.block-pr-partners__slider {
width: 100%
}
.block-pr-partners__slider.swiper {
display: block;
overflow: visible;
padding: 0 0 3px
}
.block-pr-partners__slider-wrapper>.swiper-slide {
width: calc(50% - 19px);
height: auto;
flex: 0 0 calc(50% - 19px);
margin-right: 8px
}
.block-pr-partners__slider-wrapper>.swiper-slide:last-child {
margin-right: 0
}
.block-pr-partners__slider-wrapper:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 48px 16px
}
.block-pr-partners__slider-wrapper:not(.swiper-wrapper) .simple-review {
min-width: 100%
}
.block-pr-partners__arrow {
width: 5.75rem;
padding: .3125rem 0;
cursor: pointer;
transition: .3s ease-in-out
}
.block-pr-partners__arrow span {
width: 100%;
height: .3125rem;
display: flex
}
.block-pr-partners__arrow span img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-pr-partners__arrow--prev {
transform: scaleX(-1)
}
.block-pr-partners__arrow.swiper-button-disabled {
opacity: 0;
pointer-events: none
}
.block-pr-partners__arrows {
display: flex;
right: 0;
grid-gap: 38px;
margin: 24px 0 0 auto;
position: relative
}
.block-pr-partners__arrows:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200vw;
height: 1px;
background: url(/local/assets/images/line-dotted.svg)center/100%auto
}
.block-pr-partners__arrow {
width: 93px;
padding: 5px 0
}
.block-pr-partners__arrow span {
height: 5px
}
}
.block-pr-photos {
overflow: hidden;
margin: 8.75rem 0;
position: relative
}
.block-pr-photos .anchor {
position: absolute;
top: -6.25rem
}
.block-pr-photos__wrap {
padding: .1875rem 0 2.625rem;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative
}
.block-pr-photos__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -.03em;
color: var(--theme-root);
position: relative
}
.block-pr-photos__title:after {
content: "";
position: absolute;
top: calc(100% - .625rem);
left: calc(100% + 1.625rem);
width: 100vw;
min-width: 120rem;
height: 1px;
background: url(/local/assets/images/line-dotted.svg)center/100%auto;
transition: .3s ease-in-out
}
.block-pr-photos__arrows {
position: absolute;
top: 3.6875rem;
right: 0;
display: flex;
grid-gap: 2.375rem
}
.block-pr-photos__arrow {
width: 5.75rem;
padding: .3125rem 0;
cursor: pointer;
transition: .3s ease-in-out
}
.block-pr-photos__arrow span {
width: 100%;
height: .3125rem;
display: flex
}
.block-pr-photos__arrow span img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-pr-photos__arrow--prev {
transform: scaleX(-1)
}
.block-pr-photos__arrow.swiper-button-disabled {
opacity: 0;
pointer-events: none
}
.block-pr-photos__list {
margin: 2.0625rem 0 0
}
.block-pr-photos__list.swiper {
overflow: visible
}
.block-pr-photos__list-wrapper:not([aria-live]) {
display: flex
}
.block-pr-photos__list-wrapper>.swiper-slide {
width: calc(33.33333% - 1.66667rem);
height: auto;
flex: 0 0 calc(33.33333% - 1.66667rem);
margin-right: 2.5rem
}
.block-pr-photos__list-wrapper>.swiper-slide:last-child {
margin-right: 0
}
.block-pr-photos__list-wrapper:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3rem 1rem
}
.block-pr-photos__list-wrapper:not(.swiper-wrapper) .simple-review {
min-width: 100%
}
.block-pr-photos__item {
position: relative;
display: block
}
.block-pr-photos__item:hover .block-pr-photos__item-pic:after {
opacity: 0;
visibility: hidden
}
.block-pr-photos__item:hover .block-pr-photos__item-btn svg circle {
fill: #1242b2
}
.block-pr-photos__item-pic {
aspect-ratio: 16/10.6;
overflow: hidden;
border-radius: 1.875rem;
position: relative
}
.block-pr-photos__item-pic img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-pr-photos__item-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 5rem;
height: 5rem;
display: flex;
align-items: center;
justify-content: center
}
.block-pr-photos__item-btn svg {
width: 100%;
height: 100%;
display: block
}
.block-pr-photos__item-btn svg circle {
fill: rgba(18, 66, 178, .6);
transition: .3s ease-in-out
}
@media (max-width:760px) {
.block-pr-photos {
margin: 46px 0
}
.block-pr-photos .anchor {
top: -100px
}
.block-pr-photos__wrap {
padding: 19px 0 0
}
.block-pr-photos__title {
font-size: 22px;
line-height: 36px
}
.block-pr-photos__title:after {
display: none
}
.block-pr-photos__list {
margin: 14px 0 0
}
.block-pr-photos__list.swiper {
padding: 0 0 3px
}
.block-pr-photos__list-wrapper>.swiper-slide {
width: calc(100% - 38px);
height: auto;
flex: 0 0 calc(100% - 38px);
margin-right: 16px
}
.block-pr-photos__list-wrapper>.swiper-slide:last-child {
margin-right: 0
}
.block-pr-photos__list-wrapper:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 48px 16px
}
.block-pr-photos__list-wrapper:not(.swiper-wrapper) .simple-review {
min-width: 100%
}
.block-pr-photos__item-pic {
border-radius: 30px
}
.block-pr-photos__item-btn {
width: 50px;
height: 50px
}
.block-pr-photos__arrows {
position: relative;
top: 0;
grid-gap: 38px;
margin: 24px 0 0 auto
}
.block-pr-photos__arrows:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200vw;
height: 1px;
background: url(/local/assets/images/line-dotted.svg)center/100%auto
}
.block-pr-photos__arrow {
width: 93px;
padding: 5px 0
}
.block-pr-photos__arrow span {
height: 5px
}
}
.block-pr-program {
margin: 8.75rem 0;
overflow: hidden
}
.block-pr-program__wrap {
padding: 4.625rem 0 5.6875rem;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 2.8125rem
}
.block-pr-program__main {
grid-column-start: 1;
grid-column-end: 5;
padding: .9375rem 0 0;
position: relative
}
.block-pr-program__main:before {
content: "";
position: absolute;
top: -50px;
left: -10px;
width: 500px;
height: 34px;
background: url(/local/assets/images/pr/program/before.svg)center/contain no-repeat
}
.block-pr-program__main:after {
content: "";
position: absolute;
bottom: -68px;
right: -13px;
width: 500px;
height: 34px;
background: url(/local/assets/images/pr/program/after.svg)center/contain no-repeat
}
.block-pr-program__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -.03em;
color: #002147;
font-weight: 700;
margin: 0 0 1.875rem
}
.block-pr-program__text {
font-family: "Bitum";
font-size: 1.125rem;
line-height: 1.625rem;
letter-spacing: -.03em;
color: #002147
}
.block-pr-program__text p {
margin: 1.625rem 0
}
.block-pr-program__text p:first-child {
margin-top: 0
}
.block-pr-program__text p:last-child {
margin-bottom: 0
}
.block-pr-program__side {
grid-column-start: 5;
grid-column-end: 7
}
.block-pr-program__card.card {
background: #002147;
border-radius: 1.875rem;
padding: 2.625rem 2.5rem;
position: relative
}
.block-pr-program__card.card:before {
content: "";
position: absolute;
top: 64.7%;
left: 54%;
transform: translate(-50%, -50%);
width: 149.5%;
height: 102%;
background: url(/local/assets/images/pr/program/circle.svg)center/contain no-repeat;
pointer-events: none
}
.block-pr-program__card.card .card__wrap {
position: relative
}
.block-pr-program__card.card .card__wrap:before {
content: "";
position: absolute;
top: 54%;
left: 52%;
transform: translate(-50%, -50%);
width: 82%;
height: 64%;
background: url(/local/assets/images/pr/program/ellipse.svg)center/contain no-repeat
}
.block-pr-program__card.card .card__wrap:after {
content: "";
position: absolute;
top: 88.6%;
left: 95.1%;
transform: translate(-50%, -50%);
width: 4.375rem;
height: 4.375rem;
background: url(/local/assets/images/pr/program/stars.svg)center/contain no-repeat
}
.block-pr-program__card.card .card__title {
font-family: "Bitum";
font-size: 1.625rem;
line-height: 2.125rem;
font-weight: 700;
letter-spacing: -.03em;
color: #fff;
margin: 0 0 41px;
position: relative
}
.block-pr-program__card.card .card__subtitle {
font-family: "Bitum";
font-size: 1.25rem;
line-height: 1.625rem;
font-weight: 700;
letter-spacing: -.03em;
color: #fff;
position: relative
}
.block-pr-program__card.card .card__list {
margin: .875rem 0;
padding: 0;
list-style: none;
position: relative
}
.block-pr-program__card.card .card__list+.card__subtitle {
margin: 2.125rem 0 0
}
.block-pr-program__card.card .card__item {
font-family: "Bitum";
font-size: 1.125rem;
line-height: 1.625rem;
letter-spacing: -.03em;
color: #fff;
padding: 0 3.125rem 0 1.125rem;
margin: 0 0 .4375rem;
position: relative
}
.block-pr-program__card.card .card__item:before {
content: "";
position: absolute;
top: .3125rem;
left: 0;
width: .8125rem;
height: .8125rem;
background: url(/local/assets/images/pr/program/star.svg)center/contain no-repeat
}
@media (max-width:760px) {
.block-pr-program {
margin: 46px 0
}
.block-pr-program__wrap {
padding: 30px 0 25px;
grid-template-columns: repeat(1, 1fr);
grid-gap: 45px
}
.block-pr-program__main {
grid-column-start: 1;
grid-column-end: 2;
padding: 0
}
.block-pr-program__main:before,
.block-pr-program__main:after {
display: none
}
.block-pr-program__side {
grid-column-start: 1;
grid-column-end: 2;
margin: 32px 0 0
}
.block-pr-program__title {
font-size: 18px;
line-height: 22px;
margin: 0 0 20px
}
.block-pr-program__text {
font-size: 12px;
line-height: 18px
}
.block-pr-program__text p {
margin: 18px 0
}
.block-pr-program__card.card {
border-radius: 30px;
padding: 20px
}
.block-pr-program__card.card .card__title {
font-size: 22px;
line-height: 29px;
margin: 0 0 20px
}
.block-pr-program__card.card .card__subtitle {
font-size: 18px;
line-height: 24px
}
.block-pr-program__card.card .card__list {
margin: 13px 0
}
.block-pr-program__card.card .card__list+.card__subtitle {
margin: 13px 0 0
}
.block-pr-program__card.card .card__item {
font-size: 16px;
line-height: 25px;
padding: 0 20px 0 18px;
margin: 0 0 8px
}
.block-pr-program__card.card .card__item:before {
top: 5px;
width: 14px;
height: 14px
}
}
.block-pr-reviews {
overflow: hidden;
margin: 8.75rem 0;
position: relative
}
.block-pr-reviews .anchor {
position: absolute;
top: -6.25rem
}
.block-pr-reviews__wrap {
padding: 1.3125rem 0 1.25rem;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative
}
.block-pr-reviews__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -.03em;
color: var(--theme-root);
position: relative
}
.block-pr-reviews__title:after {
content: "";
position: absolute;
top: calc(100% - .625rem);
left: calc(100% + 1.625rem);
width: 100vw;
min-width: 120rem;
height: 1px;
background: url(/local/assets/images/line-dotted.svg)center/100%auto;
transition: .3s ease-in-out
}
.block-pr-reviews__arrows {
position: absolute;
top: 1.8rem;
right: 100px;
display: flex;
grid-gap: 2.375rem
}
.block-pr-reviews__arrow {
width: 2.75rem;
padding: .3125rem 0;
cursor: pointer;
transition: .3s ease-in-out
}
.block-pr-reviews__arrow span {
width: 100%;
height: .3125rem;
display: flex
}
.block-pr-reviews__arrow span img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-pr-reviews__arrow--prev {
transform: scaleX(-1)
}
.block-pr-reviews__arrow.swiper-button-disabled {
opacity: 0;
pointer-events: none
}
.block-pr-reviews__list {
margin: 2.4375rem 0 0
}
.block-pr-reviews__list.swiper {
overflow: visible
}
.block-pr-reviews__list-wrapper:not([aria-live]) {
display: flex
}
.block-pr-reviews__list-wrapper>.swiper-slide {
width: calc(50% - 1.25rem);
height: auto;
flex: 0 0 calc(50% - 1.25rem);
margin-right: 2.5rem
}
.block-pr-reviews__list-wrapper>.swiper-slide:last-child {
margin-right: 0
}
.block-pr-reviews__list-wrapper:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 3rem 1rem
}
.block-pr-reviews__list-wrapper:not(.swiper-wrapper) .simple-review {
min-width: 100%
}
.block-pr-reviews__item.item {
position: relative;
display: flex;
flex-direction: column;
border-radius: 1.875rem;
border: 1px solid rgba(18, 66, 178, .2);
padding: 2.5rem 2.5rem 2.375rem
}
.block-pr-reviews__item.item .item__main {
display: flex
}
.block-pr-reviews__item.item .item__pic {
position: relative;
width: 9.375rem;
height: 9.375rem;
flex: 0 0 auto
}
.block-pr-reviews__item.item .item__pic:before {
content: "";
position: absolute;
top: 1.75rem;
right: -.75rem;
width: 7.3125rem;
height: 8rem;
background: url(/local/assets/images/pr/reviews/ellipse.svg)center/contain no-repeat
}
.block-pr-reviews__item.item .item__pic-inner {
overflow: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
position: relative
}
.block-pr-reviews__item.item .item__pic-inner img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-pr-reviews__item.item .item__info {
display: flex;
flex-direction: column;
justify-content: center;
padding: .8125rem 0 0 3.6875rem;
width: 100%
}
.block-pr-reviews__item.item .item__info:after {
content: "";
position: absolute;
top: 2.8125rem;
right: 1.4375rem;
width: 6.75rem;
height: 4.875rem;
background: url(/local/assets/images/pr/reviews/stars.svg)center/contain no-repeat
}
.block-pr-reviews__item.item .item__author {
font-family: "Bitum";
font-size: 1.5rem;
line-height: 2.375rem;
letter-spacing: -.03em;
font-weight: 700;
color: #002147;
position: relative
}
.block-pr-reviews__item.item .item__release {
font-family: "Bitum";
font-size: 1.25rem;
line-height: 2.375rem;
letter-spacing: -.03em;
color: #002147;
margin: -3px 0 0;
position: relative
}
.block-pr-reviews__item.item .item__text {
background: #f2f2f2;
font-family: "Bitum";
font-size: 1rem;
line-height: 1.375rem;
letter-spacing: -.03em;
color: var(--theme-root);
padding: 2.5625rem 2.4375rem;
border-radius: .25rem 1.625rem 1.625rem 1.625rem;
margin: 2.5625rem 0 0
}
@media (max-width:760px) {
.block-pr-reviews {
margin: 46px 0
}
.block-pr-reviews .anchor {
top: -100px
}
.block-pr-reviews__wrap {
padding: 2px 0
}
.block-pr-reviews__title {
font-size: 22px;
line-height: 36px
}
.block-pr-reviews__title:after {
display: none
}
.block-pr-reviews__list {
margin: 13px 0 0;
width: 100%
}
.block-pr-reviews__list.swiper {
padding: 0 0 3px
}
.block-pr-reviews__list-wrapper>.swiper-slide {
width: calc(100% - 38px);
height: auto;
flex: 0 0 calc(100% - 38px);
margin-right: 16px
}
.block-pr-reviews__list-wrapper>.swiper-slide:last-child {
margin-right: 0
}
.block-pr-reviews__list-wrapper:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 48px 16px
}
.block-pr-reviews__list-wrapper:not(.swiper-wrapper) .simple-review {
min-width: 100%
}
.block-pr-reviews__item.item {
border-radius: 30px;
padding: 15px
}
.block-pr-reviews__item.item .item__pic {
width: 93px;
height: 93px
}
.block-pr-reviews__item.item .item__pic:before {
top: 19px;
right: -9px;
width: 72px;
height: 79px
}
.block-pr-reviews__item.item .item__info {
padding: 21px 0 0 21px;
width: 100%
}
.block-pr-reviews__item.item .item__info:after {
display: none
}
.block-pr-reviews__item.item .item__author {
font-size: 16px;
line-height: 18px
}
.block-pr-reviews__item.item .item__release {
font-size: 12px;
line-height: 38px;
margin: -8px 0 0
}
.block-pr-reviews__item.item .item__text {
font-size: 12px;
line-height: 16px;
padding: 16px;
border-radius: 4px 26px 26px 26px;
margin: 24px 0 0
}
.block-pr-reviews__arrows {
position: relative;
top: 0;
grid-gap: 38px;
margin: 24px 0 0 auto
}
.block-pr-reviews__arrows:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200vw;
height: 1px;
background: url(/local/assets/images/line-dotted.svg)center/100%auto
}
.block-pr-reviews__arrow {
width: 93px;
padding: 5px 0
}
.block-pr-reviews__arrow span {
height: 20px
}
}
.block-pr-teachers {
overflow: hidden;
margin: 8.75rem 0 3.5625rem;
position: relative
}
.block-pr-teachers .anchor {
position: absolute;
top: -6.25rem
}
.block-pr-teachers__wrap {
padding: 1.3125rem 0 1.25rem;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative
}
.block-pr-teachers__title {
font-family: "Bitum";
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 700;
letter-spacing: -.03em;
color: var(--theme-root);
position: relative
}
.block-pr-teachers__title:after {
content: "";
position: absolute;
top: calc(100% - .625rem);
left: calc(100% + 1.625rem);
width: 100vw;
min-width: 120rem;
height: 1px;
background: url(/local/assets/images/line-dotted.svg)center/100%auto;
transition: .3s ease-in-out
}
.block-pr-teachers__arrows {
position: absolute;
top: 1.8rem;
right: 100px;
display: flex;
grid-gap: 2.375rem
}
.block-pr-teachers__arrow {
width: 5.75rem;
padding: .3125rem 0;
cursor: pointer;
transition: .3s ease-in-out
}
.block-pr-teachers__arrow span {
width: 100%;
height: .3125rem;
display: flex
}
.block-pr-teachers__arrow span img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-pr-teachers__arrow--prev {
transform: scaleX(-1)
}
.block-pr-teachers__arrow.swiper-button-disabled {
opacity: 0;
pointer-events: none
}
.block-pr-teachers__list {
margin: 2.0625rem 0 0
}
.block-pr-teachers__list.swiper {
overflow: visible;
padding: 0 0 10.875rem
}
.block-pr-teachers__list-wrapper:not([aria-live]) {
display: flex
}
.block-pr-teachers__list-wrapper>.swiper-slide {
width: calc(33.33333% - 1.66667rem);
height: auto;
flex: 0 0 calc(33.33333% - 1.66667rem);
margin-right: 2.5rem
}
.block-pr-teachers__list-wrapper>.swiper-slide:last-child {
margin-right: 0
}
.block-pr-teachers__list-wrapper:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3rem 1rem
}
.block-pr-teachers__list-wrapper:not(.swiper-wrapper) .simple-review {
min-width: 100%
}
.block-pr-teachers__item.item {
position: relative;
display: flex
}
.block-pr-teachers__item.item .item__inner {
margin: 5.625rem 0 0;
background: #002147;
border-radius: 1.875rem;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
min-height: 25rem
}
.block-pr-teachers__item.item .item__inner:before {
content: "";
position: absolute;
top: 54.5%;
left: 52%;
transform: translate(-50%, -50%);
width: 78%;
height: 58.4%;
background: url(/local/assets/images/pr/teachers/ellipse.svg)center/contain no-repeat;
transition: .3s ease-in-out
}
.block-pr-teachers__item.item .item__inner:after {
content: "";
position: absolute;
top: 41.1%;
left: 81.3%;
transform: translate(-50%, -50%);
width: 6.75rem;
height: 4.875rem;
background: url(/local/assets/images/pr/teachers/stars.svg)center/contain no-repeat
}
@media (min-width:759px) {
.block-pr-teachers__item.item .item__inner:hover:before {
opacity: 0
}
.block-pr-teachers__item.item .item__inner:hover .item__text {
opacity: 1;
visibility: visible
}
}
.block-pr-teachers__item.item .item__pic {
overflow: hidden;
border-radius: 50%;
position: relative;
margin: -5.625rem 0 0;
width: 12rem;
height: 12rem;
border: .25rem solid #4167c1
}
.block-pr-teachers__item.item .item__pic img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.block-pr-teachers__item.item .item__author {
font-family: "Bitum";
font-size: 1.25rem;
line-height: 1.25rem;
letter-spacing: -.03em;
color: #fff;
margin: 3.1875rem 0 0;
position: relative
}
.block-pr-teachers__item.item .item__post {
font-family: "Bitum";
font-size: 1rem;
line-height: 1.25rem;
letter-spacing: -.03em;
color: #fff;
text-align: center;
max-width: 70%;
margin: 1.875rem 0 0;
position: relative
}
.block-pr-teachers__item.item .item__text {
position: absolute;
top: 14.375rem;
min-height: 13.75rem;
left: 0;
right: 0;
background: #002147;
border-radius: 0 0 1.875rem 1.875rem;
padding: 0 2.5rem 2.5rem;
opacity: 0;
visibility: hidden;
transition: .3s ease-in-out
}
.block-pr-teachers__item.item .item__text-inner {
background: #003066;
font-family: "Bitum";
font-size: 1rem;
line-height: 1.375rem;
letter-spacing: -.03em;
color: #fff;
padding: 1.25rem 1.25rem;
border-radius: .25rem 1.625rem 1.625rem 1.625rem
}
@media (max-width:760px) {
.block-pr-teachers {
margin: 46px 0
}
.block-pr-teachers .anchor {
top: -100px
}
.block-pr-teachers__wrap {
padding: 6px 0
}
.block-pr-teachers__title {
font-size: 22px;
line-height: 36px
}
.block-pr-teachers__title:after {
display: none
}
.block-pr-teachers__list {
margin: 14px 0 0
}
.block-pr-teachers__list.swiper {
width: 100%;
padding: 0 0 3px
}
.block-pr-teachers__list-wrapper>.swiper-slide {
width: calc(100% - 38px);
height: auto;
flex: 0 0 calc(100% - 38px);
margin-right: 16px
}
.block-pr-teachers__list-wrapper>.swiper-slide:last-child {
margin-right: 0
}
.block-pr-teachers__list-wrapper:not(.swiper-wrapper) {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 48px 16px
}
.block-pr-teachers__list-wrapper:not(.swiper-wrapper) .simple-review {
min-width: 100%
}
.block-pr-teachers__item.item .item__inner {
margin: 38px 0 0;
width: auto
}
.block-pr-teachers__item.item .item__pic {
margin: -38px 0 0;
width: 140px;
height: 140px
}
.block-pr-teachers__item.item .item__author {
font-size: 18px;
line-height: 20px;
margin: 31px 0 0;
text-align: center;
max-width: 80%
}
.block-pr-teachers__item.item .item__post {
font-size: 14px;
line-height: 20px;
max-width: 85%;
margin: 30px 0 0
}
.block-pr-teachers__arrows {
position: relative;
top: 0;
grid-gap: 38px;
margin: 24px 0 0 auto
}
.block-pr-teachers__arrows:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200vw;
height: 1px;
background: url(/local/assets/images/line-dotted.svg)center/100%auto
}
.block-pr-teachers__arrow {
width: 93px;
padding: 5px 0
}
.block-pr-teachers__arrow span {
height: 5px
}
}
h1 {
font-family: "MursGothic", sans-serif;
font-weight: 800;
font-size: 3rem;
line-height: 130%;
text-transform: uppercase;
color: #002147;
margin-bottom: 0
}
.breadcrumbs {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0 .625rem;
font-family: "Bitum", sans-serif;
font-weight: 400;
font-size: .75rem;
letter-spacing: -.03em;
color: #002147;
opacity: .4
}
.breadcrumbs+h1 {
margin-top: 3.3125rem
}
h1+.educational-programs {
margin-top: 6.3125rem
}
.block-search {
box-sizing: border-box;
padding-top: 8rem
}
.block-search .inner-page .block-header__wrap {
background-color: #002147
}
.block-search .educational-programs__scroll {
overflow-x: auto;
margin-right: -40px;
margin-left: -40px;
padding-left: 40px;
padding-right: 40px
}
.block-search .educational-programs__list {
display: flex;
align-items: stretch;
justify-content: flex-start;
white-space: nowrap;
gap: 0 2.5rem
}
.block-search .educational-programs__item {
flex: 1 0 auto;
display: flex;
min-height: 5rem;
justify-content: center;
align-items: center;
text-align: center;
font-weight: 800;
font-size: 1.125rem;
padding: 1rem
}
.block-search .educational-programs__item--active {
border-radius: 1.875rem 1.875rem 0 0;
background: #002147;
color: #fff;
font-family: "Murs Gothic", sans-serif;
font-weight: 800
}
.block-search .search-form__form {
display: flex;
gap: 0 2.5rem;
align-items: center;
justify-content: flex-start;
margin-bottom: 4.5625rem;
margin-top: 2.5rem
}
.block-search .search-form__radios {
display: flex;
align-items: center;
justify-content: flex-start;
gap: .625rem 2.5rem;
min-height: 5.625rem;
white-space: nowrap;
flex-wrap: wrap
}
.block-search .search-form__selects {
width: 31.25rem;
min-height: 5.625rem
}
.block-search .search-form__selects .select2 {
width: 100% !important
}
.block-search .search-form__radio {
display: flex;
gap: 0 .625rem;
align-items: center;
justify-content: flex-start
}
.block-search .search-form__radio span {
color: #cfd2d6
}
.block-search .search-form__radio input[type=radio] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #ccc;
border-radius: 50%;
outline: 0;
cursor: pointer;
position: relative;
flex: 0 0 auto
}
.block-search .search-form__radio input[type=radio]::before {
content: "";
display: block;
width: .75rem;
height: .75rem;
border-radius: 50%;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.block-search .search-form__radio input[type=radio]:checked+span {
color: #002147
}
.block-search .search-form__radio input[type=radio]:checked::before {
background-color: #002147
}
.block-search .educational-cards {
font-family: "Bitum", sans-serif;
margin-bottom: 6.25px
}
.block-search .educational-cards__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2.5rem;
box-sizing: border-box;
margin-bottom: 3.75rem
}
.block-search .educational-cards__item:hover {
background-color: var(--theme-root);
transition: .3s
}
.block-search .educational-cards__item:hover h3,
.block-search .educational-cards__item:hover p {
color: #fff
}
.block-search .educational-cards__cost,
.block-search .educational-cards__term {
display: flex;
align-items: flex-start
}
.block-search .educational-cards__cost+.block-search .educational-cards__term {
margin-top: 1.25rem
}
.block-search .educational-cards__item {
min-height: 20.625rem;
display: flex;
flex-direction: column;
justify-content: space-between;
background: #f2f2f2;
border: 1px solid #cfd2d6;
border-radius: 1.875rem;
padding: 2.5rem
}
.block-search .educational-cards__title {
max-width: 13.125rem;
font-weight: 400;
font-size: 1.125rem;
line-height: 131%;
letter-spacing: -.03em;
color: #002147;
margin-bottom: 3.75rem
}
.block-search .educational-cards__price-budget {
margin-right: .6rem;
background-image: url('/local/assets/images/icons/budget.svg');
background-repeat: no-repeat;
background-size: contain;
margin-left: -4px;
width: 37px;
height: 49px;
background-position: 50% 50%;
flex: 0 0 auto
}
.block-search .educational-cards__price-icon {
margin-right: .625rem;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
width: 31px;
height: 49px;
background-position: 50% 50%;
flex: 0 0 auto
}
.block-search .educational-cards__term-icon {
margin-right: .625rem;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
width: 31px;
height: 49px;
background-position: 50% 50%;
flex: 0 0 auto
}
.block-search .educational-cards .price__text,
.block-search .educational-cards .date__text {
font-weight: 400;
font-size: .75rem;
letter-spacing: -.03em;
color: #002147;
opacity: .5;
margin-bottom: 0
}
.block-search .educational-cards .price__correct,
.block-search .educational-cards .date__correct {
font-weight: 400;
font-size: 1.5rem;
letter-spacing: -.03em;
color: #001742;
margin-top: 0
}
.block-search .educational-cards .download__link {
font-family: "Bitum", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 175%;
letter-spacing: -.03em;
color: var(--theme-root);
text-decoration: none;
margin-bottom: .125rem;
border-bottom: 2px solid var(--theme-root);
transition: .3s
}
.block-search .educational-cards .download__link:hover {
border-bottom-color: transparent
}
@media (max-width:1000px) {
.block-search {
padding-top: 132px
}
.block-search .educational-cards__scroll {
margin-right: -40px;
margin-left: -40px
}
.block-search .educational-cards__list {
grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:760px) {
.block-search {
padding-top: 7.25rem
}
.block-search h1 {
font-size: 1.25px
}
.block-search .breadcrumbs+h1 {
margin-top: 1.625rem
}
.block-search h1+.educational-programs {
margin-top: 2.625rem
}
.block-search .educational-programs__scroll {
overflow-x: auto;
margin-right: -30px;
margin-left: -30px;
padding-left: 30px;
padding-right: 30px
}
.block-search .educational-programs__item {
font-size: 12px
}
.block-search .search-form__form {
flex-wrap: wrap;
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
margin-top: 1rem;
margin-bottom: 1.5rem
}
.block-search .search-form__radios {
min-height: 0;
margin-top: 1.5rem
}
.block-search .search-form__selects {
width: 100%;
min-height: 3.75rem
}
.block-search .educational-cards {
margin-bottom: 2.5rem
}
.block-search .educational-cards__list {
grid-template-columns: repeat(1, 1fr);
grid-gap: 1rem;
margin-bottom: 1rem
}
.block-search .educational-cards__item {
min-height: 16.875rem
}
.block-search .educational-cards__title {
margin-bottom: 2rem
}
}
@media (max-width:480px) {
.block-search h1 {
font-size: 20px
}
.block-search .educational-programs__scroll {
overflow-x: auto;
margin-right: -16px;
margin-left: -16px;
padding-left: 16px;
padding-right: 16px
}
}
.hide-on-pc {
display: none!important;
}
.hide-on-mobile {
display: none!important;
}
@media (max-width:1080px) {
.hide-on-pc {
display: block!important;
}
}
@media (min-width:1080px) {
.hide-on-mobile {
display: block!important;
}
}
/* End */
/* /local/assets/style.css?1752841704301903 */