@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&amsubtitlep;display=swap&subset=cyrillic";
@import "https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap";

body {
    color: #000;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 22px
}

body .uk-container-custom {
    max-width: 1170px
}

body p {
    margin: 0
}

body a:hover {
    text-decoration: none
}

body li,
body ol,
body ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.subtitle-underline,
.title-underline {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    position: relative;
    text-align: center
}

.subtitle-underline:after,
.title-underline:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 15px);
    background-color: #000
}

.title-underline {
    font-size: 23px;
    line-height: 30px
}

.title-underline:after {
    height: 2px;
    bottom: -9px
}

.subtitle-underline {
    font-size: 20px;
    line-height: 30px
}

.subtitle-underline:after {
    height: 1px;
    bottom: -6px
}

.popOffers_p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px
}

.popOffers_span {
    font-size: 12px;
    line-height: 16px;
    color: #646464
}

@media screen and (max-width:768px) {
    body {
        font-size: 16px;
        line-height: 22px
    }

    .title-underline {
        line-height: 30px
    }
}

footer {
    background: #000080;
    padding-top: 61px;
    padding-bottom: 38px
}

.footer-left {
    max-width: 800px;
    width: 100%
}

.footer-info .footer-logo {
    max-width: 205px
}

.footer-info .footer-logo a {
    display: block
}

.footer-info_list li,
.footer-info_list li a {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: lighter
}

.footer-info_list li a {
    text-decoration: underline
}

.footer-info_list li:nth-child(2) {
    margin-top: 5px;
    margin-bottom: 2px
}

.footer-contacts {
    max-width: 339px;
    width: 100%
}

.footer-contacts_list li,
.footer-contacts_list li a,
.footer-navigation_list li,
.footer-navigation_list li a {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.info-page a {
    font-size: 16px !important
}

.footer-navigation {
    width: 170px
}

.footer-contacts_list li:first-child,
.footer-navigation_list li:first-child {
    font-weight: 700;
    font-size: 18px
}

.footer-contacts_list li a[href^="mailto:"] {
    text-decoration: underline
}

.footer-social_icons {
    max-width: 250px;
    width: 100%
}

.footer-social_icons a svg {
    width: 67px;
    height: 67px;
    color: #fff
}

.footer-social_icons a svg:hover {
    color: #000080
}

@media screen and (max-width:1200px) {
    .footer-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .footer-left .footer-contacts,
    .footer-navigation {
        margin-top: 22px
    }
}

@media screen and (max-width:768px) {
    footer {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .footer-content {
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }

    .footer-left,
    .footer-social_icons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .footer-social_icons {
        width: 70px;
        margin-left: 15px
    }

    .footer-contacts {
        margin-top: 22px
    }

    .footer-info_list li:nth-child(2) {
        margin-bottom: 0
    }

    .footer-social_icons a img {
        height: 50px
    }

    .footer-contacts_list li,
    .footer-contacts_list li a,
    .footer-info_list li,
    .footer-info_list li a {
        font-size: 13px;
        line-height: 25px
    }

    .footer-contacts_list li:first-child {
        font-size: 16px;
        line-height: 35px
    }
}

@media screen and (max-width:540px) {
    footer {
        padding-top: 25px;
        padding-bottom: 23px
    }
}

.video-section {
    position: relative
}

.video-section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.video-section-subtitle,
.video-section-title {
    color: #fff;
    font-family: Open Sans;
    margin: 0
}

.offer-section {
    padding-top: 50px
}

.offer-content {
    max-width: 970px;
    margin: 0 auto
}

.offer-content .offer-content_text {
    text-align: justify;
    margin-top: 33px;
    margin-bottom: 20px
}

.offer-content .offer-content_button {
    border: 1px solid #000080;
    box-sizing: border-box;
    display: block;
    border-radius: 5px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #000080;
    text-decoration: none;
    padding: 3px 25px 7px;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.hitWorks-section {
    padding-top: 48px;
    padding-bottom: 30px
}

.hitWorks_block {
    margin-top: 47px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1070px
}

.hitWorks_block-item {
    max-width: 295px;
    margin: 0 15px;
    text-align: center
}

.hitWorks_block-item img {
    max-width: 205px
}

.hitWorks_block-item h4 {
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #14242c;
    margin-top: 30px
}

.hitWorks_block-item p {
    color: #14242c;
    text-align: left;
    padding: 0 13px
}

.counter-section {
    background-image: url(../../images/counter_bg4102.jpg?8f879399c77db9edffd2e1b0b059fe2a);
    background-position: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 89px;
    padding-bottom: 82px
}

.counter-item {
    width: 33%
}

.counter-item .counter_curr span,
.counter-item h5 {
    font-weight: 600;
    font-size: 45px;
    line-height: 68px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 32px
}

.counter-item .counter_curr {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.counter-item p {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

@media screen and (max-width:768px) {
    .video-header {
        height: calc(100vh - 55px)
    }
}

@media screen and (max-width:768px) {
    .offer-section {
        padding-top: 29px
    }

    .offer-content .offer-content_button span {
        display: none
    }
}

@media screen and (max-width:768px) {
    .hitWorks-section {
        padding-top: 34px;
        padding-bottom: 47px
    }

    .hitWorks_block {
        flex-wrap: wrap;
        margin-top: 45px
    }

    .hitWorks_block-item {
        max-width: 100%;
        margin: 0 22px 41px
    }

    .hitWorks_block-item:last-child {
        margin-bottom: 0
    }

    .hitWorks_block-item img {
        max-width: 127px
    }

    .hitWorks_block-item h4 {
        margin-top: 26px;
        font-size: 20px;
        line-height: 27px
    }

    .hitWorks_block-item p {
        margin-top: 11px;
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (max-width:768px) {
    .counter-section {
        padding-top: 53px;
        padding-bottom: 54px
    }

    .counter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .counter-item {
        width: 100%;
        margin-bottom: 35px
    }

    .counter-item:last-child {
        margin-bottom: 0
    }

    .counter-item h5 {
        font-size: 48px;
        line-height: 66px
    }

    .counter-item .counter_curr span,
    .counter-item h5 {
        margin-bottom: 0
    }

    .counter-item p {
        font-weight: 400
    }
}

@media screen and (max-width:480px) {
    .video-section-title {
        font-size: 28px
    }

    .video-section-subtitle {
        font-size: 22px;
        margin-top: 15px
    }
}

.about-section {
    padding-top: 66px;
    padding-bottom: 99px
}

.about-content {
    position: relative;
    margin-top: 55px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 36px
}

.about-content img {
    max-width: 643px;
    width: 100%;
    height: auto
}

.about-content p {
    max-width: 550px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    border-radius: 5px;
    position: absolute;
    right: 37px;
    top: 35px;
    bottom: 0;
    margin: auto;
    padding: 34px 35px 38px
}

.advantages-section {
    padding-bottom: 67px
}

.advantages_block {
    margin-left: auto;
    margin-right: auto;
    max-width: 1070px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.advantages_block-item {
    max-width: 300px;
    margin: 40px 15px 0;
    text-align: center
}

.advantages_block-item img {
    max-width: 205px
}

.advantages_block-item h4 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #14242c;
    margin-top: 28px
}

.advantages_block-item p {
    color: #14242c;
    text-align: left;
    padding: 0 13px
}

.history-section {
    background-color: #dcecf9;
    padding-top: 46px;
    padding-bottom: 55px;
    position: relative
}

.history-section:after,
.history-section:before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    width: 100%;
    height: 15px;
    background-image: url(../../images/trianglee4bf.png?05de7e4cbd441cab7458028c314edca1);
    background-position: 50%
}

.history-section:after {
    bottom: -13px;
    top: unset;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.time-line {
    position: relative;
    margin-top: 48px;
    padding-top: 16px;
    padding-bottom: 23px
}

.time-line:after {
    content: "";
    position: absolute;
    width: 2px;
    background: #000;
    height: 100%;
    right: 0;
    left: 0;
    margin: auto;
    top: 0
}

.time-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 54px
}

.time-row:last-child {
    margin-bottom: 0
}

.time-row:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    background: #000;
    top: 0;
    bottom: 0;
    margin: auto
}

.time-row .time-date,
.time-row .time-text {
    width: 50%
}

.time-row:nth-child(odd) .time-date {
    text-align: right;
    margin-right: 48px;
    margin-left: 0
}

.time-row .time-date:before {
    position: absolute;
    content: "";
    width: 23px;
    height: 23px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.time-row:first-child .time-date:before {
    background: #000080;
    right: 62px
}

.time-row:nth-child(2) .time-date:before {
    background: #269bd8;
    left: 62px
}

.time-row:nth-child(3) .time-date:before {
    background: #57bcf0;
    right: 62px
}

.time-row:nth-child(4) .time-date:before {
    background: #90d8fd;
    left: 62px
}

.time-row:nth-child(odd) .time-text {
    text-align: left;
    margin-left: 71px;
    margin-right: 0
}

.time-row .time-date {
    text-align: left;
    margin-right: 0;
    margin-left: 50px;
    position: relative
}

.time-row .time-text {
    text-align: right;
    margin-left: 0;
    margin-right: 71px
}

.mission-section {
    padding-top: 36px;
    padding-bottom: 71px
}

.mission-content {
    position: relative;
    margin-top: 55px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    padding-right: 74px
}

.mission-content img {
    max-width: 641px;
    width: 100%;
    height: auto;
    margin-left: auto
}

.mission-content p {
    max-width: 555px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    border-radius: 5px;
    position: absolute;
    left: 25px;
    top: 35px;
    bottom: 0;
    margin: auto;
    padding: 38px 35px
}

.team-section {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #fff), color-stop(45%, #dcecf9));
    background: linear-gradient(180deg, #fff 45%, #dcecf9 0);
    padding-bottom: 37px
}

.team {
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 55px
}

.team,
.team-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-direction: normal
}

.team-item {
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 5px
}

.team-item .team-item_title {
    margin-top: 48px
}

.team-item img {
    max-width: 208px
}

.team-item p {
    text-align: center
}

.faq-section {
    padding-top: 70px;
    padding-bottom: 68px
}

.faq-accordion {
    margin-top: 35px
}

.faq-accordion li {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 17px 15px
}

.faq-accordion li .uk-accordion-title {
    padding-right: 40px;
    font-size: 18px
}

.faq-accordion li .uk-accordion-title:before {
    margin-right: -40px;
    background-size: contain;
    background-image: url(../../images/circle_plusbc35.png?d891801af3ba34188cf34f5d33cf0dc9);
    width: 25px;
    height: 25px
}

.faq-accordion li.uk-open>.uk-accordion-title:before {
    background-size: contain;
    background-image: url(../../images/circle_minusf065.png?3dbc887b4f47b3bf057ef63fea241a2d)
}

.faq-accordion .uk-accordion-title,
.faq-accordion li {
    color: #000
}

.faq-accordion li.uk-open .uk-accordion-content p {
    padding: 15px 40px 15px 15px
}

.faq-accordion .uk-accordion-title:focus,
.faq-accordion .uk-accordion-title:hover {
    color: #000
}

@media screen and (max-width:1024px) {
    .about-content {
        -webkit-box-align: center;
        align-items: center;
        padding: 0
    }

    .about-content p {
        top: unset;
        left: 0;
        right: 0;
        max-width: 100%
    }
}

@media screen and (max-width:992px) {
    .about-section {
        padding-top: 28px;
        padding-bottom: 35px
    }

    .about-content img {
        max-width: 100%
    }

    .about-content p {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        box-shadow: none;
        position: unset;
        padding: 11px 0 0
    }
}

@media screen and (max-width:768px) {
    .advantages_block-item:first-child {
        margin-top: 41px
    }

    .advantages_block-item {
        max-width: 100%;
        margin: 0 22px 41px
    }

    .advantages_block-item img {
        max-width: 127px
    }

    .advantages_block-item:last-child {
        margin-bottom: 0
    }

    .advantages_block-item h4 {
        margin-top: 26px;
        font-size: 20px;
        line-height: 27px
    }

    .advantages_block-item p {
        margin-top: 11px;
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (max-width:768px) {
    .history-section {
        padding-top: 44px;
        padding-bottom: 60px
    }

    .time-line {
        padding: 0
    }

    .time-line:after,
    .time-row:after {
        display: none
    }

    .time-row .time-date {
        width: 20%
    }

    .time-row .time-text {
        width: 80%
    }

    .time-row .time-text,
    .time-row:nth-child(odd) .time-text {
        margin: 0;
        text-align: left;
        font-size: 16px
    }

    .time-row .time-date,
    .time-row:nth-child(odd) .time-date {
        text-align: center;
        margin: 0 15px 0 0;
        font-size: 18px
    }

    .time-line .time-row .time-date:before {
        right: 0;
        left: 0;
        top: -44px;
        margin: auto
    }

    .time-row:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }

    .time-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse
    }
}

@media screen and (max-width:1024px) {
    .mission-content {
        -webkit-box-align: center;
        align-items: center;
        padding: 0
    }

    .mission-content p {
        top: unset;
        left: 0;
        right: 0;
        max-width: 100%
    }
}

@media screen and (max-width:992px) {
    .mission-section {
        padding-top: 28px;
        padding-bottom: 35px
    }

    .mission-section .uk-container-custom {
        padding: 0
    }

    .mission-content img {
        max-width: 100%;
        min-height: 380px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .mission-content p {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        box-shadow: none;
        position: unset;
        padding: 16px;
        margin: -115px 15px 0;
        z-index: 0
    }
}

@media screen and (max-width:768px) {
    .team-section {
        background: 0 0;
        padding-bottom: 0
    }

    .team-section .uk-container-custom {
        max-width: 100%;
        padding: 0
    }

    .team {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-top: 45px
    }

    .team-item {
        padding: 0 15px 54px
    }

    .team-item:last-child {
        padding-bottom: 50px
    }

    .team-item:nth-child(odd) {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), color-stop(30%, #dcecf9));
        background: linear-gradient(180deg, #fff 30%, #dcecf9 0)
    }

    .team-item:nth-child(2n) {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #dcecf9), color-stop(30%, #fff));
        background: linear-gradient(180deg, #dcecf9 30%, #fff 0)
    }

    .team-item .team-item_title {
        margin-top: 0
    }
}

@media screen and (max-width:480px) {
    .team-item_title {
        font-size: 18px
    }

    .team-item p {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .faq-section {
        padding-top: 35px;
        padding-bottom: 42px
    }

    .faq-accordion {
        margin-top: 30px
    }

    .faq-accordion.uk-accordion>:nth-child(n+2) {
        margin-top: 22px
    }

    .faq-accordion li.uk-open .uk-accordion-content p {
        padding-left: 0
    }

    .faq-accordion .uk-accordion-content p,
    .uk-accordion-title {
        font-size: 16px !important;
        line-height: 22px !important
    }
}

.contacts-section {
    padding-top: 44px;
    margin-bottom: 40px
}

.contacts-content {
    position: relative;
    margin-top: 64px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
}

.contacts-content img {
    max-width: 693px;
    width: 100%;
    height: auto;
    margin-left: auto
}

.contacts-content .contacts-address {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    border-radius: 5px;
    position: absolute;
    left: 50px;
    top: 40px;
    bottom: 0;
    margin: auto;
    font-size: 24px;
    line-height: 33px;
    max-width: 545px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.contacts-content .contacts-address .address {
    position: relative;
    padding: 55px 53px 49px
}

.contacts-content .contacts-address .address:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 26px;
    width: 55px;
    height: 55px;
    background: url(../../images/Logo_black2e76.png?60dddab%e2%80%a6);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.contacts-content .address li {
    margin-top: 10px
}

.contacts-content .address li a {
    color: #000
}

.contacts-content .address li:last-child a {
    text-decoration: underline
}

.contacts-social_icons {
    max-width: 200px;
    margin-top: 20px
}

.contacts-social_icons a svg {
    color: #000;
    height: 55px;
    width: 55px
}

.contacts-social_icons a:hover svg {
    color: #000080
}

.section-map {
    padding-top: 35px;
    padding-bottom: 30px
}

.section-map .g_map {
    border: 1px solid #bebebe;
    border-radius: 5px
}

.section-map .g_map iframe {
    height: 487px;
    border-radius: 5px
}

.contactForm-section {
    padding-top: 24px;
    padding-bottom: 60px
}

.form-content {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    border-radius: 5px;
    padding-bottom: 45px
}

.form-content h5 {
    text-transform: uppercase;
    text-align: center;
    background: #66c4eb;
    letter-spacing: .1em;
    color: #fbfbfb;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    border-radius: 5px 5px 0 0;
    padding: 25px 0;
    margin-bottom: 68px
}

.form-content form {
    margin: 0 97px
}

.form-content form input {
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 80.8%, .7);
    margin-bottom: 44px;
    height: 28px
}

.form-content form textarea {
    border: 1px solid hsla(0, 0%, 80.8%, .7);
    resize: none;
    height: 160px;
    margin-bottom: 52px
}

.form-content form input[type=password]::-webkit-input-placeholder,
.form-content form input[type=text]::-webkit-input-placeholder,
.form-content form textarea::-webkit-input-placeholder {
    font-family: Open Sans;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #2b2b2b;
    opacity: .7
}

.form-content form input[type=password]::-moz-placeholder,
.form-content form input[type=text]::-moz-placeholder,
.form-content form textarea::-moz-placeholder {
    font-family: Open Sans;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #2b2b2b;
    opacity: .7
}

.form-content form input[type=password]:-ms-input-placeholder,
.form-content form input[type=text]:-ms-input-placeholder,
.form-content form textarea:-ms-input-placeholder {
    font-family: Open Sans;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #2b2b2b;
    opacity: .7
}

.form-content form input[type=password]::-ms-input-placeholder,
.form-content form input[type=text]::-ms-input-placeholder,
.form-content form textarea::-ms-input-placeholder {
    font-family: Open Sans;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #2b2b2b;
    opacity: .7
}

.form-content form input[type=password]::placeholder,
.form-content form input[type=text]::placeholder,
.form-content form textarea::placeholder {
    font-family: Open Sans;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #2b2b2b;
    opacity: .7
}

.form-content .contactForm-button {
    background: #000080;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .25);
    border-radius: 5px;
    border: 0;
    font-family: Roboto;
    font-size: 20px;
    line-height: 23px;
    color: #fff;
    letter-spacing: .1em;
    padding: 13px 49px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    display: block
}

.form-content form .uk-input:focus,
.form-content form .uk-select:focus,
.form-content form .uk-textarea:focus {
    border-color: #000080
}

@media screen and (max-width:768px) {
    .section-map {
        padding-top: 0;
        padding-bottom: 30px
    }

    .contacts-content .contacts-address {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: hsla(0, 0%, 100%, .6);
        max-width: 100%;
        height: 100%;
        border-radius: unset
    }
}

@media screen and (max-width:640px) {
    .contacts-section .uk-container-custom {
        max-width: 100%;
        padding: 0
    }

    .contacts-content {
        margin-top: 36px
    }

    .contacts-address+img {
        min-height: 356px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .contacts-social_icons {
        margin-left: auto;
        margin-right: auto
    }

    .contacts-content .address li {
        margin-top: 0;
        font-size: 20px
    }

    .contacts-social_icons a img {
        width: 50px
    }
}

@media screen and (max-width:480px) {
    .contacts-content .contacts-address .address {
        padding: 76px 15px 49px
    }
}

@media screen and (max-width:992px) {
    .section-map .g_map iframe {
        height: 400px
    }
}

@media screen and (max-width:640px) {
    .section-map .uk-container-custom {
        max-width: 100%;
        padding: 0
    }

    .section-map .g_map iframe {
        height: 230px;
        border-radius: unset
    }

    .section-map .g_map {
        border-radius: unset
    }
}

@media screen and (max-width:640px) {
    .contactForm-section {
        padding-top: 0;
        padding-bottom: 36px
    }

    .form-content {
        padding-bottom: 35px
    }

    .form-content form {
        margin: 0 15px
    }

    .form-content form textarea,
    .form-content h5 {
        margin-bottom: 40px
    }
}

.Offers-section {
    padding-top: 53px;
    padding-bottom: 122px
}

.Offers-content {
    margin-top: 52px
}

.Offers-content_item {
    max-width: 360px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    padding-bottom: 40px;
    margin: 0 15px
}

.Offers-content_image {
    position: relative;
    height: 268px;
    max-height: 308px
}

.Offers-content_image img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}

.Offers-content_image-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 83px;
    background: rgba(0, 0, 0, .3)
}

.Offers-content_image p {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-left: 16px;
    color: #fff
}

.Offers-company {
    padding: 17px 15px 15px
}

.Offers-company img {
    margin-right: 20px;
    max-height: 70px;
    height: 100%
}

.Offers-company p {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .2px
}

.Offers-conditions {
    border-top: 1px solid #efeded;
    border-bottom: 1px solid #efeded
}

.Offers-conditions_item:nth-child(2n) {
    border-left: 1px solid #efeded
}

.Offers-conditions_item:first-child,
.Offers-conditions_item:nth-child(2) {
    border-bottom: 1px solid #efeded
}

.Offers-conditions_item {
    width: calc(50% - 1px);
    text-align: center;
    padding: 16px 0
}

.Offers-total {
    text-align: center;
    padding-top: 28px;
    padding-bottom: 23px
}

.Offers-total p {
    margin-bottom: 2px
}

.Offers_span {
    color: #565656;
    font-size: 13px
}

.Offers-button {
    padding: 0 17px
}

.Offers-button a {
    display: block;
    padding: 17px 0;
    text-align: center;
    width: 157px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 5px
}

.Offers-button a:hover {
    color: #fff
}

.Offers-button a:first-child {
    background: #000080;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .25)
}

.Offers-button a:first-child:hover {
    background: #000080;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .2)
}

.Offers-button a:nth-child(2) {
    background: #000080;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .25)
}

.Offers-button a:nth-child(2):hover {
    background: #000080;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .25)
}

.joinUs {
    text-align: center;
    max-width: 640px;
    margin: 53px auto 0
}

.joinUs p {
    margin-bottom: 34px
}

.joinUs a {
    display: block;
    padding: 12px 0;
    background: #000080;
    width: 157px;
    margin: 0 auto;
    border-radius: 5px
}

.joinUs a,
.joinUs a:hover {
    box-shadow: 0 7px 20px rgba(0, 0, 0, .25);
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.joinUs a:hover {
    background: #0694de
}

@media screen and (max-width:1400px) {
    .Offers-button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }

    .Offers-button a:first-child {
        margin-bottom: 20px
    }
}

@media screen and (max-width:1024px) {
    .Offers-company img {
        max-height: 62px
    }

    .Offers-conditions {
        border: none
    }

    .Offers-conditions_item:nth-child(n) {
        width: 100%;
        border: none;
        border-bottom: 1px solid #efeded
    }

    .Offers-conditions_item:first-child {
        border-top: 1px solid #efeded
    }

    .Offers-conditions_item {
        border: 1px solid #efeded
    }
}

@media screen and (max-width:992px) {
    .Offers-content {
        flex-wrap: wrap
    }

    .Offers-content_item {
        max-width: 576px;
        margin: 0 auto 35px
    }

    .Offers-content_item:last-child {
        margin-bottom: 0
    }

    .Offers-content_image {
        overflow: hidden
    }

    .Offers-content_image img {
        width: 100%
    }

    .Offers-company img {
        margin: 0 20px 0 0
    }

    .Offers-conditions_item:nth-child(n) {
        width: calc(50% - 1px);
        border: none
    }

    .Offers-company_text {
        flex-wrap: nowrap
    }

    .Offers-conditions {
        border-top: 1px solid #efeded;
        border-bottom: 1px solid #efeded
    }

    .Offers-conditions_item:first-child {
        border: none
    }

    .Offers-conditions_item:nth-child(2n) {
        border-left: 1px solid #efeded
    }

    .Offers-conditions_item:first-child,
    .Offers-conditions_item:nth-child(2) {
        border-bottom: 1px solid #efeded
    }

    .Offers-button {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: center !important;
        justify-content: center !important
    }

    .Offers-button a:first-child {
        margin-bottom: 0;
        margin-right: 20px
    }
}

@media screen and (max-width:480px) {
    .Offers-company {
        padding: 13px 13px 20px
    }

    .Offers-button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .Offers-button a:first-child {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.privacyPolicy-section {
    padding-top: 48px;
    margin-bottom: 15px
}

.privacyPolicy_title {
    margin-bottom: 36px
}

.terms-section {
    padding-top: 48px;
    margin-bottom: 15px
}

.terms_title {
    margin-bottom: 36px
}

.section-back {
    padding-top: 16px;
    padding-bottom: 14px
}

.arrow-back {
    position: relative;
    font-size: 11px;
    line-height: 16px;
    color: #000;
    margin-left: 17px
}

.arrow-back:before {
    content: "";
    position: absolute;
    top: -2px;
    bottom: 0;
    left: -18px;
    margin: auto;
    background: url(../../images/arrow-backdc19.png?81139c8%e2%80%a6);
    width: 12px;
    height: 10px
}

.section-main-company {
    background: url(../../images/gazpromfb55.png?33a0fda9e7766bf17697862527ab33bb);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    z-index: 0
}

.company-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#000080), color-stop(48.67%, rgba(0, 117, 178, 0)));
    background: linear-gradient(1turn, #000080, rgba(0, 117, 178, 0) 48.67%);
    z-index: -1
}

.banner_company {
    padding-top: 130px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end
}

.company-content_logo {
    max-width: 125px;
    height: auto
}

.company-content_logo img {
    width: 100%;
    height: auto
}

.company-content_title {
    font-size: 32px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 21px
}

.company-content_link {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff
}

.company-content_link:hover {
    color: #fff;
    text-decoration: underline
}

.banner_company-text {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    max-width: 700px;
    margin-right: 68px;
    margin-top: 20px;
    margin-bottom: 6px
}

.companyForm {
    background: rgba(0, 0, 0, .5);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

form.companyForm .companyForm-input {
    background: #fff;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
    border-radius: 5px;
    width: 127px;
    height: 43px
}

.companyForm input[type=number]::-webkit-input-placeholder {
    color: #000
}

.companyForm input[type=number]::-moz-placeholder {
    color: #000
}

.companyForm input[type=number]:-ms-input-placeholder {
    color: #000
}

.companyForm input[type=number]::-ms-input-placeholder {
    color: #000
}

.companyForm input[type=number]::placeholder {
    color: #000
}

.companyForm-button {
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #fff;
    background: #000080;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .25);
    border-radius: 5px;
    border: none;
    margin-left: 27px;
    width: 145px
}

.companyForm-button:hover {
    background: #0694de;
    cursor: pointer
}

.section-about-company {
    padding-top: 63px;
    padding-bottom: 43px
}

.about-company_title {
    margin-bottom: 71px
}

.company-descr_item {
    max-width: 835px;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    margin-bottom: 55px
}

.company-descr_item-content {
    position: relative;
    z-index: 0;
    padding: 25px 23px 19px 18px
}

.company-descr_item-content:before {
    content: "";
    position: absolute;
    top: -8px;
    left: -25px;
    width: 91px;
    height: 91px;
    background: #dcecf9;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1
}

.company-descr_item h5 {
    font-size: 31px;
    line-height: 18px;
    color: #000080
}

.company-descr_item p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-left: 67px
}

.company-descr_item:first-child {
    margin-left: auto;
    margin-right: 90px
}

.company-descr_item:nth-child(2) {
    margin-left: 133px
}

.about_description {
    max-width: 990px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 25px;
    position: relative
}

#description__header {
    display: block;
    color: #000080;
    background: 0 0;
    border: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 22px;
    cursor: pointer;
    margin: 9px auto 0;
    outline: none
}

.description__content {
    position: relative;
    height: 150px;
    padding: 0;
    display: block;
    overflow: hidden;
    -webkit-transition: height .35s ease-in-out;
    transition: height .35s ease-in-out
}

.description__content:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 7em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
}

.description__content.description-content-active:before {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 7em;
    background: 0 0
}

.section-digital_benefits {
    padding-top: 43px;
    padding-bottom: 49px
}

.digital_benefits_counter {
    max-width: 875px;
    margin: 0 auto;
    padding-top: 32px
}

.digital_benefits_counter-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

.digital_benefits_counter-item-divider {
    width: 4px;
    height: 180px;
    background: rgba(0, 117, 178, .3);
    margin-top: -38px
}

.digital_benefits_counter-item h5 {
    font-family: Open Sans;
    font-size: 57px;
    line-height: 69px;
    color: #000080
}

.digital_benefits_counter-item p {
    font-size: 21px;
    line-height: 11px;
    color: #000080
}

.section_company_slider {
    padding-top: 39px;
    padding-bottom: 40px
}

.company_slider {
    max-width: 990px;
    margin: 0 auto
}

.company_slider .uk-slider-container {
    border-radius: 5px
}

.company_slider iframe {
    width: 100%;
    height: 100%
}

.company_slider .uk-slidenav svg {
    width: 28px;
    color: hsla(0, 0%, 100%, .5)
}

.company_slider .uk-dotnav {
    display: none
}

.section-risks {
    padding: 33px 0 53px;
    max-width: 1070px;
    margin: 0 auto
}

.section-risks p {
    text-align: justify
}

.risks_title {
    margin-bottom: 42px
}

section.section-investment {
    padding: 48px 0 45px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #000080), color-stop(75%, #fff));
    background: linear-gradient(180deg, #000080 75%, #fff 0)
}

.investment_title {
    color: #fff;
    margin-bottom: 56px
}

.calculator,
.investment_title.title-underline:after {
    background: #fff
}

.calculator {
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    border-radius: 5px;
    padding: 48px 60px 60px;
    max-width: 980px;
    margin: 0 auto
}

.calculator-profit {
    max-width: 475px;
    margin: 0 auto 58px
}

.calculator-profit_item:nth-child(2n) {
    border-left: 1px solid #efeded
}

.calculator-profit_item:first-child,
.calculator-profit_item:nth-child(2) {
    border-bottom: 1px solid #efeded
}

.calculator-profit_item {
    width: calc(50% - 1px);
    text-align: center;
    padding: 19px 0
}

.calculator-profit_item p {
    font-size: 16px
}

.calculator-profit_item span {
    font-size: 13px;
    line-height: 19px;
    color: #646464
}

.calculator .amount {
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 67px
}

.calculator .amount p {
    font-weight: 600;
    margin-right: 56px
}

.calculator .amount input {
    width: 173px;
    margin-right: 8px;
    text-align: right;
    padding-right: 13px;
    color: #000
}

.calculator .amount input::-webkit-input-placeholder {
    color: #000
}

.calculator .amount input::-moz-placeholder {
    color: #000
}

.calculator .amount input:-ms-input-placeholder {
    color: #000
}

.calculator .amount input::-ms-input-placeholder {
    color: #000
}

.calculator .amount input::placeholder {
    color: #000
}

.calculator .amount span {
    margin-right: 32px;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .1em
}

.calculator .amount button {
    background: #000080;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .1em;
    padding: 4px 43px;
    border: none
}

.calculator .amount button:hover {
    background: #0694de;
    cursor: pointer
}

.amount-scale input.uk-range::-webkit-slider-runnable-track {
    background: #000;
    height: 1px;
    max-width: 1080px;
    width: 100%;
    display: block;
    margin: 0 auto
}

.amount-scale input.uk-range::-webkit-slider-thumb {
    background: url(../../images/range-slider3ba9.png?5b302e720a49f894623e02864811427e);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    border-radius: 0;
    border: none;
    position: relative;
    top: -10px;
    z-index: 1
}

.amount-scale ul {
    margin-top: 31px
}

.amount-scale ul li {
    position: relative
}

.amount-scale ul li:before {
    content: "";
    position: absolute;
    top: -51px;
    left: 0;
    right: 0;
    margin: auto;
    height: 16px;
    width: 1px;
    background: #000
}

.calculator-investments_item {
    margin-top: 67px
}

.calculator-investments_item:first-child {
    margin-right: 130px
}

.calculator-investments_item .image {
    margin-right: 15px
}

.calculator-investments_item p {
    text-align: center
}

.calculator-investments_item span {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #646464;
    text-align: center
}

.section-comp_contacts {
    padding-top: 35px;
    padding-bottom: 88px
}

.comp_contacts_title {
    margin-bottom: 40px
}

.comp_contacts {
    max-width: 540px;
    margin: 0 auto
}

.comp_contacts p,
.comp_contacts ul li:first-child {
    margin-bottom: 14px
}

.comp_contacts ul a {
    color: #000
}

.comp_contacts-social_icons a {
    margin-right: 40px
}

.comp_contacts-social_icons a:last-child {
    margin-right: unset
}

.comp_contacts-social_icons a svg {
    width: 55px;
    height: 55px;
    color: #000
}

.comp_contacts-social_icons a:hover svg path {
    color: #000080
}

@media screen and (max-width:991px) {
    .banner_company {
        padding-top: 33px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start
    }

    form.companyForm {
        margin: 37px auto 0
    }
}

@media screen and (max-width:768px) {
    .section-main-company .uk-container-custom {
        padding: 0 34px
    }

    .company-content_title {
        margin-top: 31px
    }

    .banner_company-text {
        max-width: 100%;
        margin-right: 0;
        margin-top: 24px;
        margin-bottom: 9px
    }
}

@media screen and (max-width:480px) {
    .company-content_title {
        font-size: 25px;
        line-height: 25px
    }

    .banner_company-text {
        font-size: 16px
    }

    form.companyForm {
        margin: 37px auto 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }

    form.companyForm .companyForm-input {
        width: 157px
    }

    .companyForm-button {
        margin-left: 0;
        margin-top: 30px
    }
}

@media screen and (max-width:1200px) {
    .company-descr_item {
        max-width: 700px
    }
}

@media screen and (max-width:991px) {
    .company-descr_item {
        max-width: 560px
    }

    .company-descr_item p {
        color: #000;
        margin-left: 0
    }
}

@media screen and (max-width:768px) {
    .company-descr {
        padding-left: 50px
    }

    .company-descr_item h5 {
        margin-bottom: 23px;
        font-size: 22px
    }

    .company-descr_item:first-child,
    .company-descr_item:nth-child(2) {
        margin-left: auto;
        margin-right: 0
    }
}

@media screen and (max-width:480px) {
    .company-descr {
        padding-left: 25px
    }

    .company-descr_item-content:before {
        top: -14px;
        left: -14px;
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width:768px) {
    .digital_benefits_counter-item h5 {
        font-size: 40px
    }

    .digital_benefits_counter-item p {
        font-size: 20px
    }
}

@media screen and (max-width:640px) {
    .digital_benefits_counter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding-top: 0
    }

    .digital_benefits_counter-item {
        margin-bottom: 60px
    }

    .digital_benefits_counter-item:last-child {
        margin-bottom: 0
    }

    .digital_benefits_counter-item h5 {
        font-size: 64px
    }

    .digital_benefits_counter-item p {
        font-size: 24px
    }

    .digital_benefits_counter-item-divider {
        display: none
    }
}

@media screen and (max-width:768px) {
    .company_slider .nav-in {
        display: none
    }

    .company_slider .uk-dotnav {
        display: -webkit-box;
        display: flex
    }

    .company_slider .uk-dotnav>*>* {
        width: 45px;
        height: 12px;
        border-radius: 6px;
        background: hsla(0, 0%, 76.9%, .3);
        border: none
    }

    .company_slider .uk-dotnav>.uk-active>* {
        border-color: transparent;
        background: #c4c4c4
    }
}

@media screen and (max-width:768px) {
    section.section-investment {
        padding: 52px 0 45px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(68%, #000080), color-stop(68%, #fff));
        background: linear-gradient(180deg, #000080 68%, #fff 0)
    }

    .title-underline {
        font-size: 22px
    }

    .calculator {
        padding: 0 27px 67px
    }

    .amount.uk-flex.uk-flex-center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .amount-scale input.uk-range::-webkit-slider-thumb {
        width: 48px;
        height: 48px;
        top: -16px
    }

    .calculator .amount p {
        margin-right: unset;
        margin-bottom: 30px
    }

    .calculator-input {
        margin-bottom: 32px
    }

    .calculator .amount input {
        width: 132px
    }

    .calculator .amount {
        margin-bottom: 54px
    }

    .calculator .amount span {
        margin-right: unset
    }

    .calculator-investments_item {
        margin-top: 44px
    }

    .calculator-investments {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin: 0 auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .calculator-investments_item:first-child {
        margin-right: unset
    }

    .calculator-investments_item p,
    .calculator-investments_item span {
        text-align: left
    }

    .amount-scale ul li:first-child,
    .amount-scale ul li:last-child {
        display: block
    }

    .amount-scale ul li {
        display: none
    }

    .amount-scale ul li:before {
        top: -48px
    }
}

@media screen and (max-width:640px) {
    .comp_contacts {
        padding: 0 80px
    }

    .comp_contacts ul {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .comp_contacts-data {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width:480px) {
    .comp_contacts {
        padding: unset
    }
}

.uk-modal-dialog.signModal {
    box-shadow: 0 7px 25px rgba(0, 0, 0, .15);
    border-radius: 5px;
    max-width: 832px !important;
    width: 100%;
    padding-bottom: 101px
}

.signModal .signModal-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ededed
}

.uk-tab.signModal-header {
    margin-left: 0;
    margin-bottom: 18px
}

.uk-tab.signModal-header:before {
    display: none
}

.signModal .signModal-header li {
    width: 50%;
    padding-left: 0
}

.signModal .signModal-header a {
    padding: 29px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    background: #66c4eb;
    box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .15);
    border: none;
    color: #fbfbfb
}

.signModal .signModal-header .uk-active a {
    background: #fff;
    color: #000;
    box-shadow: none;
    position: relative
}

.signModal .signModal-header .uk-active a:after {
    position: absolute;
    content: "";
    width: 59px;
    height: 2px;
    background: #000;
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto
}

.signModal .signModal-header li:first-child a {
    border-radius: 5px 0 0 0
}

.signModal .signModal-header li:last-child a {
    border-radius: 0 5px 0 0
}

.signModal ul#signModal-content {
    padding: 0 78px
}

.signModal-Form_fields {
    -webkit-box-orient: vertical;
    flex-direction: column
}

.signModal-Form_fields,
.signModal-Form_row {
    display: -webkit-box;
    display: flex;
    -webkit-box-direction: normal
}

.signModal-Form_row {
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.signModal-Form .signModal-Form_fields .uk-input {
    margin-top: 38px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .7);
    padding-left: 0
}

.signModal-Form .signModal-Form_fields label {
    width: 100%
}

.signModal-Form .signModal-Form_fields label:nth-child(odd) {
    margin-right: 55px
}

.signModal-Form .signModal-Form_fields label.signModal-field_pass-eye {
    position: relative
}

.signModal-Form .signModal-Form_fields label.signModal-field_pass-eye span {
    position: absolute;
    width: 24px;
    height: 14px;
    background-image: url(../../images/eye87ca.png?5cd234951f45d1ffe7a75a4fda7db26e);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 14px;
    cursor: pointer
}

.signModal-Form .signModal-Form_fields label.signModal-field_pass-eye span.view {
    background-image: url(../../images/hide_eye56a0.png?100e9915f9357a2a3dc829102e043e00);
    background-size: contain;
    width: 25px;
    height: 20px;
    bottom: 11px
}

.signModal-Form input[type=password]::-webkit-input-placeholder,
.signModal-Form input[type=text]::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.signModal-Form input[type=password]::-moz-placeholder,
.signModal-Form input[type=text]::-moz-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.signModal-Form input[type=password]:-ms-input-placeholder,
.signModal-Form input[type=text]:-ms-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.signModal-Form input[type=password]::-ms-input-placeholder,
.signModal-Form input[type=text]::-ms-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.signModal-Form input[type=password]::placeholder,
.signModal-Form input[type=text]::placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.loginModal-Form .loginModalpass-Form-button,
.signModal-Form .signModal-Form-button {
    background: #000080;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .25);
    border-radius: 5px;
    border: 0;
    font-family: Roboto;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    letter-spacing: .1em;
    padding: 14px 55px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 58px auto 0;
    display: block;
    cursor: pointer
}

.loginModal-Form label.loginModalpass-eye {
    position: relative;
    display: block
}

.loginModal-Form label.loginModalpass-eye span {
    position: absolute;
    width: 24px;
    height: 14px;
    background-image: url(../../images/eye87ca.png?5cd234951f45d1ffe7a75a4fda7db26e);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 10px;
    cursor: pointer
}

.loginModal-Form label.loginModalpass-eye span.view {
    background-image: url(../../images/hide_eye56a0.png?100e9915f9357a2a3dc829102e043e00);
    background-size: contain;
    width: 25px;
    height: 20px;
    bottom: 8px
}

@media screen and (max-width:768px) {
    .signModal ul#signModal-content {
        padding: 0 30px
    }

    .signModal-Form .signModal-Form_fields label:nth-child(odd) {
        margin-right: 30px
    }
}

@media screen and (max-width:640px) {
    .signModal .signModal-close {
        top: -10px;
        right: -10px;
        width: 25px;
        height: 25px
    }
}

@media screen and (max-width:576px) {
    .uk-modal-dialog.signModal {
        padding-bottom: 60px
    }

    .signModal-Form_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.uk-modal-dialog.userEditModal {
    box-shadow: 0 7px 25px rgba(0, 0, 0, .15);
    border-radius: 5px;
    max-width: 400px !important;
    width: 100%;
    padding-bottom: 25px
}

.userEditModal .userEditModal-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ededed
}

.uk-tab.userEditModal-header {
    margin-left: 0;
    margin-bottom: 18px
}

.uk-tab.userEditModal-header:before {
    display: none
}

.userEditModal .userEditModal-header li {
    width: 50%;
    padding-left: 0
}

.userEditModal .userEditModal-header a {
    padding: 29px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    background: #66c4eb;
    box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .15);
    border: none;
    color: #fbfbfb
}

.userEditModal .userEditModal-header .uk-active a {
    background: #fff;
    color: #000;
    box-shadow: none;
    position: relative
}

.userEditModal .userEditModal-header .uk-active a:after {
    position: absolute;
    content: "";
    width: 59px;
    height: 2px;
    background: #000;
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto
}

.userEditModal .userEditModal-header li:first-child a {
    border-radius: 5px 0 0 0
}

.userEditModal .userEditModal-header li:last-child a {
    border-radius: 0 5px 0 0
}

.userEditModal ul#userEditModal-content {
    padding: 0 78px
}

.userEditModal-Form_fields {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 25px
}

.userEditModal-Form_row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.userEditModal-Form_row,
.userEditModal-Form_row_img {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.userEditModal-Form_row_img {
    background: #f9f9f9;
    width: 100%;
    border: 1px solid #c9d5d9;
    border-radius: 5px;
    padding: 15px
}

.userEditModal-Form_row_img_input {
    background-position-x: 50% !important;
    background-size: cover !important;
    background: #fff;
    border: 1px solid #c9d5d9;
    box-sizing: border-box;
    border-radius: 5px
}

.userEditModal-Form_row_img_input .js-upload {
    height: 100%
}

.userEditModal-Form_row_img_input .js-upload button {
    cursor: pointer;
    height: 100%;
    padding: 0 29px
}

.userEditModal-Form .userEditModal-Form_fields .uk-input {
    margin-top: 38px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .7);
    padding-left: 0
}

.userEditModal-Form .userEditModal-Form_fields label {
    width: 100%
}

.userEditModal-Form .userEditModal-Form_fields label.userEditModal-field_pass-eye {
    position: relative
}

.userEditModal-Form .userEditModal-Form_fields label.userEditModal-field_pass-eye span {
    position: absolute;
    width: 24px;
    height: 14px;
    background-image: url(../../images/eye87ca.png?5cd234951f45d1ffe7a75a4fda7db26e);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 14px;
    cursor: pointer
}

.userEditModal-Form .userEditModal-Form_fields label.userEditModal-field_pass-eye span.view {
    background-image: url(../../images/hide_eye56a0.png?100e9915f9357a2a3dc829102e043e00);
    background-size: contain;
    width: 25px;
    height: 20px;
    bottom: 11px
}

.userEditModal-Form input[type=password]::-webkit-input-placeholder,
.userEditModal-Form input[type=text]::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.userEditModal-Form input[type=password]::-moz-placeholder,
.userEditModal-Form input[type=text]::-moz-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.userEditModal-Form input[type=password]:-ms-input-placeholder,
.userEditModal-Form input[type=text]:-ms-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.userEditModal-Form input[type=password]::-ms-input-placeholder,
.userEditModal-Form input[type=text]::-ms-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.userEditModal-Form input[type=password]::placeholder,
.userEditModal-Form input[type=text]::placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.loginModal-Form .userEditModal-Form-button,
.userEditModal-Form .userEditModal-Form-button {
    background: #000080;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .25);
    border-radius: 5px;
    border: 0;
    font-family: Roboto;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    letter-spacing: .1em;
    padding: 14px 55px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    display: block;
    cursor: pointer
}

.loginModal-Form {
    max-width: 310px;
    margin: 0 auto
}

.loginModal-Form .uk-input {
    margin-top: 44px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .7);
    padding-left: 0
}

.loginModal-Form input[type=password]::-webkit-input-placeholder,
.loginModal-Form input[type=text]::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.loginModal-Form input[type=password]::-moz-placeholder,
.loginModal-Form input[type=text]::-moz-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.loginModal-Form input[type=password]:-ms-input-placeholder,
.loginModal-Form input[type=text]:-ms-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.loginModal-Form input[type=password]::-ms-input-placeholder,
.loginModal-Form input[type=text]::-ms-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.loginModal-Form input[type=password]::placeholder,
.loginModal-Form input[type=text]::placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: rgba(0, 0, 0, .7)
}

.loginModal-Form label.userEditModal-eye {
    position: relative;
    display: block
}

.loginModal-Form label.userEditModal-eye span {
    position: absolute;
    width: 24px;
    height: 14px;
    background-image: url(../../images/eye87ca.png?5cd234951f45d1ffe7a75a4fda7db26e);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 10px;
    cursor: pointer
}

.loginModal-Form label.userEditModal-eye span.view {
    background-image: url(../../images/hide_eye56a0.png?100e9915f9357a2a3dc829102e043e00);
    background-size: contain;
    width: 25px;
    height: 20px;
    bottom: 8px
}

.auth-danger {
    font-size: 14px;
    color: red;
    position: absolute
}

.danger {
    color: red
}

.danger span {
    border-bottom: 1px solid red
}

@media screen and (max-width:768px) {
    .userEditModal ul#userEditModal-content {
        padding: 0 30px
    }
}

@media screen and (max-width:640px) {
    .userEditModal .userEditModal-close {
        top: -10px;
        right: -10px;
        width: 25px;
        height: 25px
    }
}

@media screen and (max-width:576px) {
    .uk-modal-dialog.userEditModal {
        padding-bottom: 60px
    }

    .userEditModal-Form_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .userEditModal-Form_row_img {
        width: auto
    }
}

#errorServerModal .uk-modal-dialog {
    position: relative;
    box-shadow: 0 7px 25px rgba(0, 0, 0, .15);
    border-radius: 5px
}

#errorServerModal .uk-modal-dialog .errorServerModal-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ededed
}

#errorServerModal .uk-modal-dialog .errorServerModal-header {
    padding: 29px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    background: #66c4eb;
    color: #fbfbfb;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px 5px 0 0
}

.errorServerModal-title {
    font-size: 22px;
    text-align: center;
    padding: 30px
}

@media screen and (max-width:640px) {
    #errorServerModal .uk-modal-dialog .errorServerModal-close {
        top: -10px;
        right: -10px;
        width: 25px;
        height: 25px
    }
}

#confirmInvest .uk-modal-dialog {
    position: relative;
    box-shadow: 0 7px 25px rgba(0, 0, 0, .15);
    border-radius: 5px;
    padding: 30px
}

#confirmInvest .uk-modal-dialog .confirmInvest-title {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em
}

#confirmInvest .uk-modal-dialog .confirmInvest-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ededed
}

.confirmInvest {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin: 40px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#confirmInvest .uk-input {
    border: none;
    border-bottom: 1px solid rgba(112, 115, 116, .7);
    padding-left: 0;
    padding-right: 0;
    max-width: 172px;
    width: 100%;
    margin-right: 5px;
    text-align: right
}

#confirmInvest .confirmInvest input[type=number]::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #000
}

#confirmInvest .confirmInvest input[type=number]::-moz-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #000
}

#confirmInvest .confirmInvest input[type=number]:-ms-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #000
}

#confirmInvest .confirmInvest input[type=number]::-ms-input-placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #000
}

#confirmInvest .confirmInvest input[type=number]::placeholder {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #000
}

.confirmInvest-btn {
    background: #000080;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 15px 55px;
    font-family: Roboto;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #fff;
    align-self: center;
    border: none;
    cursor: pointer;
    display: block;
    margin: 56px auto 18px
}

@media screen and (max-width:640px) {
    #confirmInvest .uk-modal-dialog .confirmInvest-close {
        top: -10px;
        right: -10px;
        width: 25px;
        height: 25px
    }

    #confirmInvest .uk-modal-dialog .confirmInvest-title,
    .confirmInvest-btn {
        font-size: 16px
    }
}

body,
html {
    height: 100% !important
}

#app {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 100%
}

footer,
header {
    -webkit-box-flex: 0;
    flex: 0 0 auto
}

main {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    display: -webkit-box !important;
    display: flex !important
}

main .main {
    width: 100%
}

.cursor-pointer {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #666
}

body {
    margin: 0
}

a:active,
a:hover {
    outline: none
}

.uk-link,
a {
    color: #000080;
    text-decoration: none;
    cursor: pointer
}

.uk-link-toggle:focus .uk-link,
.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
    color: #000080;
    text-decoration: underline
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-style: dotted
}

b,
strong {
    font-weight: bolder
}

:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
    font-family: Consolas, monaco, monospace;
    font-size: .875rem;
    color: #f0506e;
    white-space: nowrap;
    padding: 2px 6px;
    background: #f8f8f8
}

em {
    color: #f0506e
}

ins {
    text-decoration: none
}

ins,
mark {
    background: #ffd;
    color: #666
}

q {
    font-style: italic
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

canvas,
img,
video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

@supports(display:block) {
    svg {
        max-width: 100%;
        height: auto;
        box-sizing: border-box
    }
}

svg:not(:root) {
    overflow: hidden
}

img:not([src]) {
    min-width: 1px;
    visibility: hidden
}

iframe {
    border: 0
}

address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
    margin: 0 0 20px
}

*+address,
*+dl,
*+fieldset,
*+figure,
*+ol,
*+p,
*+pre,
*+ul {
    margin-top: 20px
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 400;
    color: #333;
    text-transform: none
}

*+.uk-h1,
*+.uk-h2,
*+.uk-h3,
*+.uk-h4,
*+.uk-h5,
*+.uk-h6,
*+.uk-heading-2xlarge,
*+.uk-heading-large,
*+.uk-heading-medium,
*+.uk-heading-small,
*+.uk-heading-xlarge,
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    margin-top: 40px
}

.uk-h1,
h1 {
    font-size: 2.23125rem;
    line-height: 1.2
}

.uk-h2,
h2 {
    font-size: 1.7rem;
    line-height: 1.3
}

.uk-h3,
h3 {
    font-size: 1.5rem;
    line-height: 1.4
}

.uk-h4,
h4 {
    font-size: 1.25rem;
    line-height: 1.4
}

.uk-h5,
h5 {
    font-size: 16px;
    line-height: 1.4
}

.uk-h6,
h6 {
    font-size: .875rem;
    line-height: 1.4
}

@media(min-width:960px) {

    .uk-h1,
    h1 {
        font-size: 2.625rem
    }

    .uk-h2,
    h2 {
        font-size: 2rem
    }
}

ol,
ul {
    padding-left: 30px
}

ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
    margin: 0
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.uk-hr,
hr {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px;
    border: 0;
    border-top: 1px solid #e5e5e5
}

*+.uk-hr,
*+hr {
    margin-top: 20px
}

address {
    font-style: normal
}

blockquote {
    margin: 0 0 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
    color: #333
}

*+blockquote {
    margin-top: 20px
}

blockquote p:last-of-type {
    margin-bottom: 0
}

blockquote footer {
    margin-top: 10px;
    font-size: .875rem;
    line-height: 1.5;
    color: #666
}

blockquote footer:before {
    content: "\2014   "
}

pre {
    font: .875rem/1.5 Consolas, monaco, monospace;
    color: #666;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    overflow: auto;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff
}

pre code {
    font-family: Consolas, monaco, monospace
}

::-moz-selection {
    background: #39f;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #39f;
    color: #fff;
    text-shadow: none
}

details,
main {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

.uk-breakpoint-s:before {
    content: "640px"
}

.uk-breakpoint-m:before {
    content: "960px"
}

.uk-breakpoint-l:before {
    content: "1200px"
}

.uk-breakpoint-xl:before {
    content: "1600px"
}

:root {
    --uk-breakpoint-s: 640px;
    --uk-breakpoint-m: 960px;
    --uk-breakpoint-l: 1200px;
    --uk-breakpoint-xl: 1600px
}

.uk-link-muted a,
a.uk-link-muted {
    color: #999
}

.uk-link-muted a:hover,
.uk-link-toggle:focus .uk-link-muted,
.uk-link-toggle:hover .uk-link-muted,
a.uk-link-muted:hover {
    color: #666
}

.uk-link-text a,
a.uk-link-text {
    color: inherit
}

.uk-link-text a:hover,
.uk-link-toggle:focus .uk-link-text,
.uk-link-toggle:hover .uk-link-text,
a.uk-link-text:hover {
    color: #999
}

.uk-link-heading a,
a.uk-link-heading {
    color: inherit
}

.uk-link-heading a:hover,
.uk-link-toggle:focus .uk-link-heading,
.uk-link-toggle:hover .uk-link-heading,
a.uk-link-heading:hover {
    color: #491165;
    text-decoration: none
}

.uk-link-reset a,
.uk-link-toggle,
a.uk-link-reset {
    color: inherit !important;
    text-decoration: none !important
}

.uk-link-toggle:focus {
    outline: none
}

.uk-heading-small {
    font-size: 2.6rem;
    line-height: 1.2
}

.uk-heading-medium {
    font-size: 2.8875rem;
    line-height: 1.1
}

.uk-heading-large {
    font-size: 3.4rem;
    line-height: 1.1
}

.uk-heading-xlarge {
    font-size: 4rem;
    line-height: 1
}

.uk-heading-2xlarge {
    font-size: 6rem;
    line-height: 1
}

@media(min-width:960px) {
    .uk-heading-small {
        font-size: 3.25rem
    }

    .uk-heading-medium {
        font-size: 3.5rem
    }

    .uk-heading-large {
        font-size: 4rem
    }

    .uk-heading-xlarge {
        font-size: 6rem
    }

    .uk-heading-2xlarge {
        font-size: 8rem
    }
}

@media(min-width:1200px) {
    .uk-heading-medium {
        font-size: 4rem
    }

    .uk-heading-large {
        font-size: 6rem
    }

    .uk-heading-xlarge {
        font-size: 8rem
    }

    .uk-heading-2xlarge {
        font-size: 11rem
    }
}

.uk-heading-divider {
    padding-bottom: calc(5px + .1em);
    border-bottom: calc(.2px + .05em) solid #e5e5e5
}

.uk-heading-bullet {
    position: relative
}

.uk-heading-bullet:before {
    content: "";
    display: inline-block;
    position: relative;
    top: -.1em;
    vertical-align: middle;
    height: calc(4px + .7em);
    margin-right: calc(5px + .2em);
    border-left: calc(5px + .1em) solid #e5e5e5
}

.uk-heading-line {
    overflow: hidden
}

.uk-heading-line>* {
    display: inline-block;
    position: relative
}

.uk-heading-line>:after,
.uk-heading-line>:before {
    content: "";
    position: absolute;
    top: calc(50% - (.2px + .05em)/2);
    width: 2000px;
    border-bottom: calc(.2px + .05em) solid #e5e5e5
}

.uk-heading-line>:before {
    right: 100%;
    margin-right: calc(5px + .3em)
}

.uk-heading-line>:after {
    left: 100%;
    margin-left: calc(5px + .3em)
}

[class*=uk-divider] {
    border: none;
    margin-bottom: 20px
}

*+[class*=uk-divider] {
    margin-top: 20px
}

.uk-divider-icon {
    position: relative;
    height: 20px;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBmaWxsPSdub25lJyBzdHJva2U9JyNlNWU1ZTUnIHN0cm9rZS13aWR0aD0nMicgY3g9JzEwJyBjeT0nMTAnIHI9JzcnLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.uk-divider-icon:after,
.uk-divider-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    max-width: calc(50% - 25px);
    border-bottom: 1px solid #e5e5e5
}

.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 #e5e5e5;
    vertical-align: top
}

.uk-divider-vertical {
    width: 1px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #e5e5e5
}

.uk-list {
    padding: 0;
    list-style: none
}

.uk-list>li:after,
.uk-list>li:before {
    content: "";
    display: table
}

.uk-list>li:after {
    clear: both
}

.uk-list>li>:last-child {
    margin-bottom: 0
}

.uk-list ul {
    margin: 0;
    padding-left: 30px;
    list-style: none
}

.uk-list>li:nth-child(n+2),
.uk-list>li>ul {
    margin-top: 10px
}

.uk-list-divider>li:nth-child(n+2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5
}

.uk-list-striped>li {
    padding: 10px
}

.uk-list-striped>li:nth-of-type(odd) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #f8f8f8
}

.uk-list-striped>li:nth-child(n+2) {
    margin-top: 0
}

.uk-list-bullet>li {
    position: relative;
    padding-left: calc(1.5em + 10px)
}

.uk-list-bullet>li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nNicgaGVpZ2h0PSc2JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxjaXJjbGUgZmlsbD0nIzY2NicgY3g9JzMnIGN5PSczJyByPSczJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block
}

.uk-list-large>li:nth-child(n+2),
.uk-list-large>li>ul {
    margin-top: 20px
}

.uk-list-large.uk-list-divider>li:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px
}

.uk-list-large.uk-list-striped>li {
    padding: 20px 10px
}

.uk-list-large.uk-list-striped>li:nth-of-type(odd) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.uk-list-large.uk-list-striped>li:nth-child(n+2) {
    margin-top: 0
}

.uk-description-list>dt {
    color: #333;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase
}

.uk-description-list>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 #e5e5e5
}

.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px
}

*+.uk-table {
    margin-top: 20px
}

.uk-table th {
    padding: 16px 12px;
    text-align: left;
    vertical-align: bottom;
    font-size: .875rem;
    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: .875rem
}

.uk-table caption {
    font-size: .875rem;
    text-align: left;
    color: #999
}

.uk-table-middle,
.uk-table-middle td {
    vertical-align: middle !important
}

.uk-table-divider>:first-child>tr:not(:first-child),
.uk-table-divider>:not(:first-child)>tr,
.uk-table-divider>tr:not(:first-child) {
    border-top: 1px solid #e5e5e5
}

.uk-table-striped>tr:nth-of-type(odd),
.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.uk-table-hover>tr:hover,
.uk-table-hover tbody tr:hover,
.uk-table>tr.uk-active,
.uk-table tbody tr.uk-active {
    background: #ffd
}

.uk-table-small td,
.uk-table-small th {
    padding: 10px 12px
}

.uk-table-large td,
.uk-table-large th {
    padding: 22px 12px
}

.uk-table-justify td:first-child,
.uk-table-justify th:first-child {
    padding-left: 0
}

.uk-table-justify td:last-child,
.uk-table-justify th:last-child {
    padding-right: 0
}

.uk-table-shrink {
    width: 1px
}

.uk-table-expand {
    min-width: 150px
}

.uk-table-link {
    padding: 0 !important
}

.uk-table-link>a {
    display: block;
    padding: 16px 12px
}

.uk-table-small .uk-table-link>a {
    padding: 10px 12px
}

@media(max-width:959px) {

    .uk-table-responsive,
    .uk-table-responsive tbody,
    .uk-table-responsive td,
    .uk-table-responsive th,
    .uk-table-responsive tr {
        display: block
    }

    .uk-table-responsive thead {
        display: none
    }

    .uk-table-responsive td,
    .uk-table-responsive th {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        overflow: visible !important;
        white-space: normal !important
    }

    .uk-table-responsive .uk-table-link:not(:first-child)>a,
    .uk-table-responsive td:not(:first-child):not(.uk-table-link),
    .uk-table-responsive th:not(:first-child):not(.uk-table-link) {
        padding-top: 5px !important
    }

    .uk-table-responsive .uk-table-link:not(:last-child)>a,
    .uk-table-responsive td:not(:last-child):not(.uk-table-link),
    .uk-table-responsive th:not(:last-child):not(.uk-table-link) {
        padding-bottom: 5px !important
    }

    .uk-table-justify.uk-table-responsive td,
    .uk-table-justify.uk-table-responsive th {
        padding-left: 0;
        padding-right: 0
    }
}

.uk-table tbody tr {
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear
}

.uk-icon {
    margin: 0;
    border: none;
    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>* {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.uk-icon-image {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle
}

.uk-icon-link {
    color: #999
}

.uk-icon-link:focus,
.uk-icon-link:hover {
    color: #666;
    outline: none
}

.uk-active>.uk-icon-link,
.uk-icon-link:active {
    color: #595959
}

.uk-icon-button {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #f8f8f8;
    color: #999;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.uk-icon-button:focus,
.uk-icon-button:hover {
    background-color: #ebebeb;
    color: #666;
    outline: none
}

.uk-active>.uk-icon-button,
.uk-icon-button:active {
    background-color: #dfdfdf;
    color: #666
}

.uk-range {
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    -webkit-appearance: none;
    background: 0 0;
    padding: 0
}

.uk-range:focus {
    outline: none
}

.uk-range::-moz-focus-outer {
    border: none
}

.uk-range::-ms-track {
    height: 15px;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

.uk-range:not(:disabled)::-webkit-slider-thumb {
    cursor: pointer
}

.uk-range:not(:disabled)::-moz-range-thumb {
    cursor: pointer
}

.uk-range:not(:disabled)::-ms-thumb {
    cursor: pointer
}

.uk-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -7px;
    height: 15px;
    width: 15px;
    border-radius: 500px;
    background: #fff;
    border: 1px solid #ccc
}

.uk-range::-moz-range-thumb {
    height: 15px;
    width: 15px;
    border-radius: 500px;
    background: #fff;
    border: 1px solid #ccc
}

.uk-range::-ms-thumb {
    margin-top: 0;
    height: 15px;
    width: 15px;
    border-radius: 500px;
    background: #fff;
    border: 1px solid #ccc
}

.uk-range::-ms-tooltip {
    display: none
}

.uk-range::-webkit-slider-runnable-track {
    height: 3px;
    background: #ebebeb;
    border-radius: 500px
}

.uk-range:active::-webkit-slider-runnable-track,
.uk-range:focus::-webkit-slider-runnable-track {
    background: #d2d2d2
}

.uk-range::-moz-range-track {
    height: 3px;
    background: #ebebeb;
    border-radius: 500px
}

.uk-range:focus::-moz-range-track {
    background: #d2d2d2
}

.uk-range::-ms-fill-lower,
.uk-range::-ms-fill-upper {
    height: 3px;
    background: #ebebeb;
    border-radius: 500px
}

.uk-range:focus::-ms-fill-lower,
.uk-range:focus::-ms-fill-upper {
    background: #d2d2d2
}

.uk-checkbox,
.uk-input,
.uk-radio,
.uk-select,
.uk-textarea {
    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-checkbox:not(:disabled),
.uk-radio:not(:disabled) {
    cursor: pointer
}

.uk-fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.uk-input,
.uk-textarea {
    -webkit-appearance: none
}

.uk-input,
.uk-select,
.uk-textarea {
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: color, background-color, border;
    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: 4px;
    padding-bottom: 4px;
    vertical-align: top
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    outline: none;
    background-color: #fff;
    color: #666;
    border-color: #491165
}

.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
    background-color: #f8f8f8;
    color: #999;
    border-color: #e5e5e5
}

.uk-input::-ms-input-placeholder {
    color: #999 !important
}

.uk-input::-webkit-input-placeholder {
    color: #999
}

.uk-input::-moz-placeholder {
    color: #999
}

.uk-input:-ms-input-placeholder {
    color: #999
}

.uk-input::placeholder {
    color: #999
}

.uk-textarea::-ms-input-placeholder {
    color: #999 !important
}

.uk-textarea::-webkit-input-placeholder {
    color: #999
}

.uk-textarea::-moz-placeholder {
    color: #999
}

.uk-textarea:-ms-input-placeholder {
    color: #999
}

.uk-textarea::placeholder {
    color: #999
}

.uk-form-small {
    font-size: .875rem
}

.uk-form-small:not(textarea):not([multiple]):not([size]) {
    height: 30px;
    padding-left: 8px;
    padding-right: 8px
}

.uk-form-small:not(select):not(input):not(textarea) {
    line-height: 28px
}

.uk-form-large {
    font-size: 1.25rem
}

.uk-form-large:not(textarea):not([multiple]):not([size]) {
    height: 55px;
    padding-left: 12px;
    padding-right: 12px
}

.uk-form-large:not(select):not(input):not(textarea) {
    line-height: 53px
}

.uk-form-danger,
.uk-form-danger:focus {
    color: #f0506e;
    border-color: #f0506e
}

.uk-form-success,
.uk-form-success:focus {
    color: #32d296;
    border-color: #32d296
}

.uk-form-blank {
    background: 0 0;
    border-color: transparent
}

.uk-form-blank:focus {
    border-color: #e5e5e5;
    border-style: dashed
}

input.uk-form-width-xsmall {
    width: 50px
}

select.uk-form-width-xsmall {
    width: 75px
}

.uk-form-width-small {
    width: 130px
}

.uk-form-width-medium {
    width: 200px
}

.uk-form-width-large {
    width: 500px
}

.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzY2NicgZD0nTTEyIDFMOSA2aDZ6TTEyIDEzTDkgOGg2eicvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.uk-select:not([multiple]):not([size])::-ms-expand {
    display: none
}

.uk-select:not([multiple]):not([size]) option {
    color: #444
}

.uk-select:not([multiple]):not([size]):disabled {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzk5OScgZD0nTTEyIDFMOSA2aDZ6TTEyIDEzTDkgOGg2eicvPjwvc3ZnPg==)
}

.uk-input[list] {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.uk-input[list]:focus,
.uk-input[list]:hover {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzY2NicgZD0nTTEyIDEyTDggNmg4eicvPjwvc3ZnPg==)
}

.uk-input[list]::-webkit-calendar-picker-indicator {
    display: none
}

.uk-checkbox,
.uk-radio {
    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 #ccc;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: background-color, border;
    transition-property: background-color, border
}

.uk-radio {
    border-radius: 50%
}

.uk-checkbox:focus,
.uk-radio:focus {
    outline: none;
    border-color: #491165
}

.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked {
    background-color: #491165;
    border-color: transparent
}

.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus {
    background-color: #290a39
}

.uk-radio:checked {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBmaWxsPScjZmZmJyBjeD0nOCcgY3k9JzgnIHI9JzInLz48L3N2Zz4=)
}

.uk-checkbox:checked {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTEyIDFMNSA3LjUgMiA1bC0xIC41TDUgMTBsOC04LjV6Jy8+PC9zdmc+)
}

.uk-checkbox:indeterminate {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTMgOGgxMHYxSDN6Jy8+PC9zdmc+)
}

.uk-checkbox:disabled,
.uk-radio:disabled {
    background-color: #f8f8f8;
    border-color: #e5e5e5
}

.uk-radio:disabled:checked {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBmaWxsPScjOTk5JyBjeD0nOCcgY3k9JzgnIHI9JzInLz48L3N2Zz4=)
}

.uk-checkbox:disabled:checked {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzk5OScgZD0nTTEyIDFMNSA3LjUgMiA1bC0xIC41TDUgMTBsOC04LjV6Jy8+PC9zdmc+)
}

.uk-checkbox:disabled:indeterminate {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzk5OScgZD0nTTMgOGgxMHYxSDN6Jy8+PC9zdmc+)
}

.uk-legend {
    width: 100%;
    color: inherit;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.4
}

.uk-form-custom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

.uk-form-custom input[type=file],
.uk-form-custom select {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-appearance: none;
    opacity: 0;
    cursor: pointer
}

.uk-form-custom input[type=file] {
    font-size: 500px;
    overflow: hidden
}

.uk-form-label {
    color: #333;
    font-size: .875rem
}

.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 5px
}

@media(max-width:959px) {
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 5px
    }
}

@media(min-width:960px) {
    .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 7px;
        float: left
    }

    .uk-form-horizontal .uk-form-controls {
        margin-left: 215px
    }

    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 7px
    }
}

.uk-form-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #999
}

.uk-form-icon:hover {
    color: #666
}

.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: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color
}

.uk-button:not(:disabled) {
    cursor: pointer
}

.uk-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-button:hover {
    text-decoration: none
}

.uk-button:focus {
    outline: none
}

.uk-button-default {
    background-color: transparent;
    color: #333;
    border: 1px solid #e5e5e5
}

.uk-button-default:focus,
.uk-button-default:hover {
    background-color: transparent;
    color: #333;
    border-color: #b2b2b2
}

.uk-button-default.uk-active,
.uk-button-default:active {
    background-color: transparent;
    color: #333;
    border-color: #999
}

.uk-button-primary {
    background-color: #491165;
    color: #fff;
    border: 1px solid transparent
}

.uk-button-primary:focus,
.uk-button-primary:hover {
    background-color: #390d4f;
    color: #fff
}

.uk-button-primary.uk-active,
.uk-button-primary:active {
    background-color: #290a39;
    color: #fff
}

.uk-button-secondary {
    background-color: #222;
    color: #fff;
    border: 1px solid transparent
}

.uk-button-secondary:focus,
.uk-button-secondary:hover {
    background-color: #151515;
    color: #fff
}

.uk-button-secondary.uk-active,
.uk-button-secondary:active {
    background-color: #090909;
    color: #fff
}

.uk-button-danger {
    background-color: #f0506e;
    color: #fff;
    border: 1px solid transparent
}

.uk-button-danger:focus,
.uk-button-danger:hover {
    background-color: #ee395b;
    color: #fff
}

.uk-button-danger.uk-active,
.uk-button-danger:active {
    background-color: #ec2147;
    color: #fff
}

.uk-button-danger:disabled,
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled {
    background-color: transparent;
    color: #999;
    border-color: #e5e5e5
}

.uk-button-small {
    padding: 0 15px;
    line-height: 28px;
    font-size: .875rem
}

.uk-button-large {
    padding: 0 40px;
    line-height: 53px;
    font-size: .875rem
}

.uk-button-text {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #333;
    position: relative
}

.uk-button-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    border-bottom: 1px solid #333;
    -webkit-transition: right .3s ease-out;
    transition: right .3s ease-out
}

.uk-button-text:focus,
.uk-button-text:hover {
    color: #333
}

.uk-button-text:focus:before,
.uk-button-text:hover:before {
    right: 0
}

.uk-button-text:disabled {
    color: #999
}

.uk-button-text:disabled:before {
    display: none
}

.uk-button-link {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #000080
}

.uk-button-link:focus,
.uk-button-link:hover {
    color: #000080;
    text-decoration: underline
}

.uk-button-link:disabled {
    color: #999;
    text-decoration: none
}

.uk-button-group {
    display: -webkit-inline-box;
    display: inline-flex;
    vertical-align: middle;
    position: relative
}

.uk-button-group>.uk-button:nth-child(n+2),
.uk-button-group>div:nth-child(n+2) .uk-button {
    margin-left: -1px
}

.uk-button-group .uk-button.uk-active,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button:focus,
.uk-button-group .uk-button:hover {
    position: relative;
    z-index: 1
}

.uk-section {
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px
}

@media(min-width:960px) {
    .uk-section {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.uk-section:after,
.uk-section:before {
    content: "";
    display: table
}

.uk-section:after {
    clear: both
}

.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:960px) {
    .uk-section-large {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

.uk-section-xlarge {
    padding-top: 140px;
    padding-bottom: 140px
}

@media(min-width:960px) {
    .uk-section-xlarge {
        padding-top: 210px;
        padding-bottom: 210px
    }
}

.uk-section-default {
    background: #fff
}

.uk-section-muted {
    background: #f8f8f8
}

.uk-section-primary {
    background: #491165
}

.uk-section-secondary {
    background: #222
}

.uk-container {
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width:640px) {
    .uk-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(min-width:960px) {
    .uk-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-container:after,
.uk-container:before {
    content: "";
    display: table
}

.uk-container:after {
    clear: both
}

.uk-container>: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: 1600px
}

.uk-container-expand {
    max-width: none
}

.uk-container-expand-left {
    margin-left: 0
}

.uk-container-expand-right {
    margin-right: 0
}

@media(min-width:640px) {

    .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:960px) {

    .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% + 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:640px) {

    .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:960px) {

    .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-grid {
    display: -webkit-box;
    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-margin,
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin {
    margin-top: 30px
}

@media(min-width:1200px) {
    .uk-grid {
        margin-left: -40px
    }

    .uk-grid>* {
        padding-left: 40px
    }

    *+.uk-grid-margin,
    .uk-grid+.uk-grid,
    .uk-grid>.uk-grid-margin {
        margin-top: 40px
    }
}

.uk-grid-column-small,
.uk-grid-small {
    margin-left: -15px
}

.uk-grid-column-small>*,
.uk-grid-small>* {
    padding-left: 15px
}

*+.uk-grid-margin-small,
.uk-grid+.uk-grid-row-small,
.uk-grid+.uk-grid-small,
.uk-grid-row-small>.uk-grid-margin,
.uk-grid-small>.uk-grid-margin {
    margin-top: 15px
}

.uk-grid-column-medium,
.uk-grid-medium {
    margin-left: -30px
}

.uk-grid-column-medium>*,
.uk-grid-medium>* {
    padding-left: 30px
}

*+.uk-grid-margin-medium,
.uk-grid+.uk-grid-medium,
.uk-grid+.uk-grid-row-medium,
.uk-grid-medium>.uk-grid-margin,
.uk-grid-row-medium>.uk-grid-margin {
    margin-top: 30px
}

.uk-grid-column-large,
.uk-grid-large {
    margin-left: -40px
}

.uk-grid-column-large>*,
.uk-grid-large>* {
    padding-left: 40px
}

*+.uk-grid-margin-large,
.uk-grid+.uk-grid-large,
.uk-grid+.uk-grid-row-large,
.uk-grid-large>.uk-grid-margin,
.uk-grid-row-large>.uk-grid-margin {
    margin-top: 40px
}

@media(min-width:1200px) {

    .uk-grid-column-large,
    .uk-grid-large {
        margin-left: -70px
    }

    .uk-grid-column-large>*,
    .uk-grid-large>* {
        padding-left: 70px
    }

    *+.uk-grid-margin-large,
    .uk-grid+.uk-grid-large,
    .uk-grid+.uk-grid-row-large,
    .uk-grid-large>.uk-grid-margin,
    .uk-grid-row-large>.uk-grid-margin {
        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 #e5e5e5
}

.uk-grid-divider.uk-grid-stack>.uk-grid-margin:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #e5e5e5
}

.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:1200px) {
    .uk-grid-divider {
        margin-left: -80px
    }

    .uk-grid-divider>* {
        padding-left: 80px
    }

    .uk-grid-divider>:not(.uk-first-column):before {
        left: 40px
    }

    .uk-grid-divider.uk-grid-stack>.uk-grid-margin {
        margin-top: 80px
    }

    .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before {
        top: -40px;
        left: 80px
    }
}

.uk-grid-divider.uk-grid-column-small,
.uk-grid-divider.uk-grid-small {
    margin-left: -30px
}

.uk-grid-divider.uk-grid-column-small>*,
.uk-grid-divider.uk-grid-small>* {
    padding-left: 30px
}

.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column):before,
.uk-grid-divider.uk-grid-small>:not(.uk-first-column):before {
    left: 15px
}

.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-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-column-medium,
.uk-grid-divider.uk-grid-medium {
    margin-left: -60px
}

.uk-grid-divider.uk-grid-column-medium>*,
.uk-grid-divider.uk-grid-medium>* {
    padding-left: 60px
}

.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column):before,
.uk-grid-divider.uk-grid-medium>:not(.uk-first-column):before {
    left: 30px
}

.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,
.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-column-large,
.uk-grid-divider.uk-grid-large {
    margin-left: -80px
}

.uk-grid-divider.uk-grid-column-large>*,
.uk-grid-divider.uk-grid-large>* {
    padding-left: 80px
}

.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column):before,
.uk-grid-divider.uk-grid-large>:not(.uk-first-column):before {
    left: 40px
}

.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
.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:1200px) {

    .uk-grid-divider.uk-grid-column-large,
    .uk-grid-divider.uk-grid-large {
        margin-left: -140px
    }

    .uk-grid-divider.uk-grid-column-large>*,
    .uk-grid-divider.uk-grid-large>* {
        padding-left: 140px
    }

    .uk-grid-divider.uk-grid-column-large>:not(.uk-first-column):before,
    .uk-grid-divider.uk-grid-large>:not(.uk-first-column):before {
        left: 70px
    }

    .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
    .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-item-match,
.uk-grid-match>* {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.uk-grid-item-match>:not([class*=uk-width]),
.uk-grid-match>*>:not([class*=uk-width]) {
    box-sizing: border-box;
    width: 100%;
    -webkit-box-flex: 1;
    flex: auto
}

.uk-tile {
    position: relative;
    box-sizing: border-box;
    padding: 40px 15px
}

@media(min-width:640px) {
    .uk-tile {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(min-width:960px) {
    .uk-tile {
        padding: 70px 40px
    }
}

.uk-tile:after,
.uk-tile:before {
    content: "";
    display: table
}

.uk-tile:after {
    clear: both
}

.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:960px) {
    .uk-tile-large {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

.uk-tile-xlarge {
    padding-top: 140px;
    padding-bottom: 140px
}

@media(min-width:960px) {
    .uk-tile-xlarge {
        padding-top: 210px;
        padding-bottom: 210px
    }
}

.uk-tile-default {
    background: #fff
}

.uk-tile-muted {
    background: #f8f8f8
}

.uk-tile-primary {
    background: #491165
}

.uk-tile-secondary {
    background: #222
}

.uk-card {
    position: relative;
    box-sizing: border-box;
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out
}

.uk-card-body {
    padding: 30px
}

.uk-card-footer,
.uk-card-header {
    padding: 15px 30px
}

@media(min-width:1200px) {
    .uk-card-body {
        padding: 40px
    }

    .uk-card-footer,
    .uk-card-header {
        padding: 20px 40px
    }
}

.uk-card-body:after,
.uk-card-body:before,
.uk-card-footer:after,
.uk-card-footer:before,
.uk-card-header:after,
.uk-card-header:before {
    content: "";
    display: table
}

.uk-card-body:after,
.uk-card-footer:after,
.uk-card-header:after {
    clear: both
}

.uk-card-body>:last-child,
.uk-card-footer>:last-child,
.uk-card-header>:last-child {
    margin-bottom: 0
}

.uk-card-title {
    font-size: 1.5rem;
    line-height: 1.4
}

.uk-card-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1
}

.uk-card-badge:first-child+* {
    margin-top: 0
}

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background: #fff;
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.uk-card-default {
    background: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.uk-card-default .uk-card-title {
    color: #333
}

.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 #e5e5e5
}

.uk-card-default .uk-card-footer {
    border-top: 1px solid #e5e5e5
}

.uk-card-primary {
    background: #491165;
    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: #491165;
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.uk-card-secondary {
    background: #222;
    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: #222;
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.uk-card-small.uk-card-body,
.uk-card-small .uk-card-body {
    padding: 20px
}

.uk-card-small .uk-card-footer,
.uk-card-small .uk-card-header {
    padding: 13px 20px
}

@media(min-width:1200px) {

    .uk-card-large.uk-card-body,
    .uk-card-large .uk-card-body {
        padding: 70px
    }

    .uk-card-large .uk-card-footer,
    .uk-card-large .uk-card-header {
        padding: 35px 70px
    }
}

.uk-card-body>.uk-nav-default {
    margin-left: -30px;
    margin-right: -30px
}

.uk-card-body>.uk-nav-default:only-child {
    margin-top: -15px;
    margin-bottom: -15px
}

.uk-card-body .uk-nav-default .uk-nav-divider,
.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-body .uk-nav-default>li>a {
    padding-left: 30px;
    padding-right: 30px
}

.uk-card-body .uk-nav-default .uk-nav-sub {
    padding-left: 45px
}

@media(min-width:1200px) {
    .uk-card-body>.uk-nav-default {
        margin-left: -40px;
        margin-right: -40px
    }

    .uk-card-body>.uk-nav-default:only-child {
        margin-top: -25px;
        margin-bottom: -25px
    }

    .uk-card-body .uk-nav-default .uk-nav-divider,
    .uk-card-body .uk-nav-default .uk-nav-header,
    .uk-card-body .uk-nav-default>li>a {
        padding-left: 40px;
        padding-right: 40px
    }

    .uk-card-body .uk-nav-default .uk-nav-sub {
        padding-left: 55px
    }
}

.uk-card-small>.uk-nav-default {
    margin-left: -20px;
    margin-right: -20px
}

.uk-card-small>.uk-nav-default:only-child {
    margin-top: -5px;
    margin-bottom: -5px
}

.uk-card-small .uk-nav-default .uk-nav-divider,
.uk-card-small .uk-nav-default .uk-nav-header,
.uk-card-small .uk-nav-default>li>a {
    padding-left: 20px;
    padding-right: 20px
}

.uk-card-small .uk-nav-default .uk-nav-sub {
    padding-left: 35px
}

@media(min-width:1200px) {

    .uk-card-large>.uk-nav-default,
    .uk-card-large>.uk-nav-default:only-child {
        margin: 0
    }

    .uk-card-large .uk-nav-default .uk-nav-divider,
    .uk-card-large .uk-nav-default .uk-nav-header,
    .uk-card-large .uk-nav-default>li>a {
        padding-left: 0;
        padding-right: 0
    }

    .uk-card-large .uk-nav-default .uk-nav-sub {
        padding-left: 15px
    }
}

.uk-close {
    color: #999;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity
}

.uk-close:focus,
.uk-close:hover {
    color: #666;
    outline: none
}

.uk-spinner>* {
    -webkit-animation: uk-spinner-rotate 1.4s linear infinite;
    animation: uk-spinner-rotate 1.4s linear infinite
}

@-webkit-keyframes uk-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes uk-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

.uk-spinner>*>* {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: uk-spinner-dash 1.4s ease-in-out infinite;
    animation: uk-spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round
}

@-webkit-keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.uk-totop {
    padding: 5px;
    color: #999;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.uk-totop:focus,
.uk-totop:hover {
    color: #666;
    outline: none
}

.uk-totop:active {
    color: #333
}

.uk-marker {
    padding: 5px;
    background: #222;
    color: #fff;
    border-radius: 500px
}

.uk-marker:focus,
.uk-marker:hover {
    color: #fff;
    outline: none
}

.uk-alert {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 29px 15px 15px;
    background: #f8f8f8;
    color: #666
}

*+.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:focus,
.uk-alert-close:hover {
    color: inherit;
    opacity: .8
}

.uk-alert-primary {
    background: #c1aecb;
    color: #491165
}

.uk-alert-success {
    background: #edfbf6;
    color: #32d296
}

.uk-alert-warning {
    background: #fef5ee;
    color: #faa05a
}

.uk-alert-danger {
    background: #fef4f6;
    color: #f0506e
}

.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]),
.uk-alert a:not([class]):hover {
    color: inherit;
    text-decoration: underline
}

.uk-badge {
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    background: #491165;
    color: #fff;
    font-size: .875rem;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.uk-badge:focus,
.uk-badge:hover {
    color: #fff;
    text-decoration: none;
    outline: none
}

.uk-label {
    display: inline-block;
    padding: 0 10px;
    background: #491165;
    line-height: 1.5;
    font-size: .875rem;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase
}

.uk-label-success {
    background-color: #32d296;
    color: #fff
}

.uk-label-warning {
    background-color: #faa05a;
    color: #fff
}

.uk-label-danger {
    background-color: #f0506e;
    color: #fff
}

.uk-overlay {
    padding: 30px
}

.uk-overlay>:last-child {
    margin-bottom: 0
}

.uk-overlay-default {
    background: hsla(0, 0%, 100%, .8)
}

.uk-overlay-primary {
    background: rgba(34, 34, 34, .8)
}

.uk-article:after,
.uk-article:before {
    content: "";
    display: table
}

.uk-article:after {
    clear: both
}

.uk-article>:last-child {
    margin-bottom: 0
}

.uk-article+.uk-article {
    margin-top: 70px
}

.uk-article-title {
    font-size: 2.23125rem;
    line-height: 1.2
}

@media(min-width:960px) {
    .uk-article-title {
        font-size: 2.625rem
    }
}

.uk-article-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: #999
}

.uk-article-meta a {
    color: #999
}

.uk-article-meta a:hover {
    color: #666;
    text-decoration: none
}

.uk-comment-body {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.uk-comment-header {
    margin-bottom: 20px
}

.uk-comment-body:after,
.uk-comment-body:before,
.uk-comment-header:after,
.uk-comment-header:before {
    content: "";
    display: table
}

.uk-comment-body:after,
.uk-comment-header:after {
    clear: both
}

.uk-comment-body>:last-child,
.uk-comment-header>:last-child {
    margin-bottom: 0
}

.uk-comment-title {
    font-size: 1.25rem;
    line-height: 1.4
}

.uk-comment-meta {
    font-size: .875rem;
    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;
    padding-left: 30px;
    list-style: none
}

@media(min-width:960px) {
    .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: #f8f8f8
}

.uk-search {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0
}

.uk-search-input::-webkit-search-cancel-button,
.uk-search-input::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-search-input::-moz-placeholder {
    opacity: 1
}

.uk-search-input {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    overflow: visible;
    -webkit-appearance: none;
    vertical-align: middle;
    width: 100%;
    border: none;
    color: #666
}

.uk-search-input:focus {
    outline: none
}

.uk-search-input:-ms-input-placeholder {
    color: #999 !important
}

.uk-search-input::-webkit-input-placeholder {
    color: #999
}

.uk-search-input::-moz-placeholder {
    color: #999
}

.uk-search-input::-ms-input-placeholder {
    color: #999
}

.uk-search-input::placeholder {
    color: #999
}

.uk-search-icon:focus {
    outline: none
}

.uk-search .uk-search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #999
}

.uk-search .uk-search-icon:hover {
    color: #999
}

.uk-search .uk-search-icon:not(a):not(button):not(input) {
    pointer-events: none
}

.uk-search .uk-search-icon-flip {
    right: 0;
    left: auto
}

.uk-search-default {
    width: 180px
}

.uk-search-default .uk-search-input {
    height: 40px;
    padding-left: 6px;
    padding-right: 6px;
    background: 0 0;
    border: 1px solid #e5e5e5
}

.uk-search-default .uk-search-input:focus {
    background-color: transparent
}

.uk-search-default .uk-search-icon {
    width: 40px
}

.uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
    padding-left: 40px
}

.uk-search-default .uk-search-icon-flip~.uk-search-input {
    padding-right: 40px
}

.uk-search-navbar {
    width: 400px
}

.uk-search-navbar .uk-search-input {
    height: 40px;
    background: 0 0;
    font-size: 1.5rem
}

.uk-search-navbar .uk-search-icon {
    width: 40px
}

.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
    padding-left: 40px
}

.uk-search-navbar .uk-search-icon-flip~.uk-search-input {
    padding-right: 40px
}

.uk-search-large {
    width: 500px
}

.uk-search-large .uk-search-input {
    height: 80px;
    background: 0 0;
    font-size: 2.625rem
}

.uk-search-large .uk-search-icon {
    width: 80px
}

.uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
    padding-left: 80px
}

.uk-search-large .uk-search-icon-flip~.uk-search-input {
    padding-right: 80px
}

.uk-search-toggle {
    color: #999
}

.uk-search-toggle:focus,
.uk-search-toggle:hover {
    color: #666
}

.uk-nav,
.uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-nav li>a {
    display: block;
    text-decoration: none
}

.uk-nav li>a:focus {
    outline: none
}

.uk-nav>li>a {
    padding: 5px 0
}

ul.uk-nav-sub {
    padding: 5px 0 5px 15px
}

.uk-nav-sub ul {
    padding-left: 15px
}

.uk-nav-sub a {
    padding: 2px 0
}

.uk-nav-parent-icon>.uk-parent>a:after {
    content: "";
    width: 1.5em;
    height: 1.5em;
    float: right;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjNjY2JyBzdHJva2Utd2lkdGg9JzEuMScgZD0nTTEwIDFMNCA3bDYgNicvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.uk-nav-parent-icon>.uk-parent.uk-open>a:after {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjNjY2JyBzdHJva2Utd2lkdGg9JzEuMScgZD0nTTEgNGw2IDYgNi02Jy8+PC9zdmc+)
}

.uk-nav-header {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: .875rem
}

.uk-nav-header:not(:first-child) {
    margin-top: 20px
}

.uk-nav-divider {
    margin: 5px 0
}

.uk-nav-default {
    font-size: .875rem
}

.uk-nav-default>li>a {
    color: #999
}

.uk-nav-default>li>a:focus,
.uk-nav-default>li>a:hover {
    color: #666
}

.uk-nav-default .uk-nav-header,
.uk-nav-default>li.uk-active>a {
    color: #333
}

.uk-nav-default .uk-nav-divider {
    border-top: 1px solid #e5e5e5
}

.uk-nav-default .uk-nav-sub a {
    color: #999
}

.uk-nav-default .uk-nav-sub a:focus,
.uk-nav-default .uk-nav-sub a:hover {
    color: #666
}

.uk-nav-default .uk-nav-sub li.uk-active>a {
    color: #333
}

.uk-nav-primary>li>a {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #999
}

.uk-nav-primary>li>a:focus,
.uk-nav-primary>li>a:hover {
    color: #666
}

.uk-nav-primary .uk-nav-header,
.uk-nav-primary>li.uk-active>a {
    color: #333
}

.uk-nav-primary .uk-nav-divider {
    border-top: 1px solid #e5e5e5
}

.uk-nav-primary .uk-nav-sub a {
    color: #999
}

.uk-nav-primary .uk-nav-sub a:focus,
.uk-nav-primary .uk-nav-sub a:hover {
    color: #666
}

.uk-nav-primary .uk-nav-sub li.uk-active>a {
    color: #333
}

.uk-nav-center {
    text-align: center
}

.uk-nav-center .uk-nav-sub,
.uk-nav-center .uk-nav-sub ul {
    padding-left: 0
}

.uk-nav-center.uk-nav-parent-icon>.uk-parent>a:after {
    position: absolute
}

.uk-navbar {
    display: -webkit-box;
    display: flex;
    position: relative
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #f8f8f8
}

.uk-navbar-container>:after,
.uk-navbar-container>:before {
    display: none !important
}

.uk-navbar-center,
.uk-navbar-center-left>*,
.uk-navbar-center-right>*,
.uk-navbar-left,
.uk-navbar-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-sizing: border-box;
    z-index: 990
}

.uk-navbar-center-left,
.uk-navbar-center-right {
    position: absolute;
    top: 0
}

.uk-navbar-center-left {
    right: 100%
}

.uk-navbar-center-right {
    left: 100%
}

[class*=uk-navbar-center-] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-sizing: border-box
}

.uk-navbar-nav {
    display: -webkit-box;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-navbar-center:only-child,
.uk-navbar-left,
.uk-navbar-right {
    flex-wrap: wrap
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 80px;
    padding: 0 15px;
    font-size: .875rem;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    text-decoration: none
}

.uk-navbar-nav>li>a {
    color: #999;
    text-transform: uppercase;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a.uk-open,
.uk-navbar-nav>li>a:focus {
    color: #666;
    outline: none
}

.uk-navbar-nav>li.uk-active>a,
.uk-navbar-nav>li>a:active {
    color: #333
}

.uk-navbar-item {
    color: #666
}

.uk-navbar-toggle {
    color: #999
}

.uk-navbar-toggle.uk-open,
.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover {
    color: #666;
    outline: none;
    text-decoration: none
}

.uk-navbar-subtitle {
    font-size: .875rem
}

.uk-navbar-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 200px;
    padding: 25px;
    background: #fff;
    color: #666;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
}

.uk-navbar-dropdown.uk-open {
    display: block
}

[class*=uk-navbar-dropdown-top] {
    margin-top: -15px
}

[class*=uk-navbar-dropdown-bottom] {
    margin-top: 15px
}

[class*=uk-navbar-dropdown-left] {
    margin-left: -15px
}

[class*=uk-navbar-dropdown-right] {
    margin-left: 15px
}

.uk-navbar-dropdown-grid {
    margin-left: -50px
}

.uk-navbar-dropdown-grid>* {
    padding-left: 50px
}

.uk-navbar-dropdown-grid>.uk-grid-margin {
    margin-top: 50px
}

.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid>* {
    width: 100% !important
}

.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
    width: 400px
}

.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
    width: 600px
}

.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
    width: 800px
}

.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
    width: 1000px
}

.uk-navbar-dropdown-dropbar {
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none
}

.uk-navbar-dropdown-nav {
    font-size: .875rem
}

.uk-navbar-dropdown-nav>li>a {
    color: #999
}

.uk-navbar-dropdown-nav>li>a:focus,
.uk-navbar-dropdown-nav>li>a:hover {
    color: #666
}

.uk-navbar-dropdown-nav .uk-nav-header,
.uk-navbar-dropdown-nav>li.uk-active>a {
    color: #333
}

.uk-navbar-dropdown-nav .uk-nav-divider {
    border-top: 1px solid #e5e5e5
}

.uk-navbar-dropdown-nav .uk-nav-sub a {
    color: #999
}

.uk-navbar-dropdown-nav .uk-nav-sub a:focus,
.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
    color: #666
}

.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a {
    color: #333
}

.uk-navbar-dropbar {
    background: #fff
}

.uk-navbar-dropbar-slide {
    position: absolute;
    z-index: 980;
    left: 0;
    right: 0;
    box-shadow: 0 5px 7px rgba(0, 0, 0, .05)
}

.uk-navbar-container>.uk-container .uk-navbar-left {
    margin-left: -15px;
    margin-right: -15px
}

.uk-navbar-container>.uk-container .uk-navbar-right {
    margin-right: -15px
}

.uk-navbar-dropdown-grid>* {
    position: relative
}

.uk-navbar-dropdown-grid>:not(.uk-first-column):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    border-left: 1px solid #e5e5e5
}

.uk-navbar-dropdown-grid.uk-grid-stack>.uk-grid-margin:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50px;
    right: 0;
    border-top: 1px solid #e5e5e5
}

.uk-subnav {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

.uk-subnav>* {
    -webkit-box-flex: 0;
    flex: none;
    padding-left: 20px;
    position: relative
}

.uk-subnav>*>:first-child {
    display: block;
    color: #999;
    font-size: .875rem;
    text-transform: uppercase;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.uk-subnav>*>a:focus,
.uk-subnav>*>a:hover {
    color: #666;
    text-decoration: none;
    outline: none
}

.uk-subnav>.uk-active>a {
    color: #333
}

.uk-subnav-divider>* {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before {
    content: "";
    height: 1.5em;
    margin-left: 0;
    margin-right: 20px;
    border-left: 1px solid #e5e5e5
}

.uk-subnav-pill>*>:first-child {
    padding: 5px 10px;
    background: 0 0;
    color: #999
}

.uk-subnav-pill>*>a:active,
.uk-subnav-pill>*>a:focus,
.uk-subnav-pill>*>a:hover {
    background-color: #f8f8f8;
    color: #666
}

.uk-subnav-pill>.uk-active>a {
    background-color: #491165;
    color: #fff
}

.uk-subnav>.uk-disabled>a {
    color: #999
}

.uk-breadcrumb {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.uk-breadcrumb>* {
    -webkit-box-flex: 0;
    flex: none
}

.uk-breadcrumb>*>* {
    display: inline-block;
    font-size: .875rem;
    color: #999
}

.uk-breadcrumb>*>:focus,
.uk-breadcrumb>*>:hover {
    color: #666;
    text-decoration: none
}

.uk-breadcrumb>:last-child>* {
    color: #666
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before {
    content: "/";
    display: inline-block;
    margin: 0 20px;
    color: #999
}

.uk-pagination {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

.uk-pagination>* {
    -webkit-box-flex: 0;
    flex: none;
    padding-left: 20px;
    position: relative
}

.uk-pagination>*>* {
    display: block;
    color: #999;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.uk-pagination>*>:focus,
.uk-pagination>*>:hover {
    color: #666;
    text-decoration: none
}

.uk-pagination>.uk-active>* {
    color: #666
}

.uk-pagination>.uk-disabled>* {
    color: #999
}

.uk-tab {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none;
    position: relative
}

.uk-tab:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    border-bottom: 1px solid #e5e5e5
}

.uk-tab>* {
    -webkit-box-flex: 0;
    flex: none;
    padding-left: 20px;
    position: relative
}

.uk-tab>*>a {
    display: block;
    text-align: center;
    padding: 5px 10px;
    color: #999;
    border-bottom: 1px solid transparent;
    font-size: .875rem;
    text-transform: uppercase;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.uk-tab>*>a:focus,
.uk-tab>*>a:hover {
    color: #666;
    text-decoration: none
}

.uk-tab>.uk-active>a {
    color: #333;
    border-color: #491165
}

.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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-left: 0
}

.uk-tab-left>*,
.uk-tab-right>* {
    padding-left: 0
}

.uk-tab-left:before {
    left: auto;
    right: 0
}

.uk-tab-left:before,
.uk-tab-right:before {
    top: 0;
    bottom: 0;
    border-left: 1px solid #e5e5e5;
    border-bottom: none
}

.uk-tab-right:before {
    left: 0;
    right: auto
}

.uk-tab-left>*>a {
    text-align: left;
    border-right: 1px solid transparent;
    border-bottom: none
}

.uk-tab-right>*>a {
    text-align: left;
    border-left: 1px solid transparent;
    border-bottom: none
}

.uk-tab .uk-dropdown {
    margin-left: 30px
}

.uk-slidenav {
    padding: 5px 10px;
    color: hsla(0, 0%, 40%, .5);
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.uk-slidenav:focus,
.uk-slidenav:hover {
    color: hsla(0, 0%, 40%, .9);
    outline: none
}

.uk-slidenav:active {
    color: hsla(0, 0%, 40%, .5)
}

.uk-slidenav-large {
    padding: 10px
}

.uk-dotnav,
.uk-slidenav-container {
    display: -webkit-box;
    display: flex
}

.uk-dotnav {
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 0 -12px
}

.uk-dotnav>* {
    -webkit-box-flex: 0;
    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 hsla(0, 0%, 40%, .4);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color
}

.uk-dotnav>*>:focus,
.uk-dotnav>*>:hover {
    background-color: hsla(0, 0%, 40%, .6);
    outline: none;
    border-color: transparent
}

.uk-dotnav>*>:active {
    background-color: hsla(0, 0%, 40%, .2);
    border-color: transparent
}

.uk-dotnav>.uk-active>* {
    background-color: hsla(0, 0%, 40%, .6);
    border-color: transparent
}

.uk-dotnav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-left: 0;
    margin-top: -12px
}

.uk-dotnav-vertical>* {
    padding-left: 0;
    padding-top: 12px
}

.uk-thumbnav {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 0 -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: hsla(0, 0%, 100%, .4);
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.uk-thumbnav>*>:focus,
.uk-thumbnav>*>:hover {
    outline: none
}

.uk-thumbnav>*>:focus:after,
.uk-thumbnav>*>:hover:after,
.uk-thumbnav>.uk-active>:after {
    background-color: transparent
}

.uk-thumbnav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-left: 0;
    margin-top: -15px
}

.uk-thumbnav-vertical>* {
    padding-left: 0;
    padding-top: 15px
}

.uk-accordion {
    padding: 0;
    list-style: none
}

.uk-accordion>:nth-child(n+2) {
    margin-top: 20px
}

.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
    overflow: hidden
}

.uk-accordion-title:before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nMTMnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzY2NicgZD0nTTAgNmgxM3YxSDB6Jy8+PHBhdGggZmlsbD0nIzY2NicgZD0nTTYgMGgxdjEzSDZ6Jy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.uk-open>.uk-accordion-title:before {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nMTMnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzY2NicgZD0nTTAgNmgxM3YxSDB6Jy8+PC9zdmc+)
}

.uk-accordion-title:focus,
.uk-accordion-title:hover {
    color: #666;
    text-decoration: none;
    outline: none
}

.uk-accordion-content {
    margin-top: 20px
}

.uk-accordion-content:after,
.uk-accordion-content:before {
    content: "";
    display: table
}

.uk-accordion-content:after {
    clear: both
}

.uk-accordion-content>:last-child {
    margin-bottom: 0
}

.uk-drop {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 300px
}

.uk-drop.uk-open {
    display: block
}

[class*=uk-drop-top] {
    margin-top: -20px
}

[class*=uk-drop-bottom] {
    margin-top: 20px
}

[class*=uk-drop-left] {
    margin-left: -20px
}

[class*=uk-drop-right] {
    margin-left: 20px
}

.uk-drop-stack .uk-drop-grid>* {
    width: 100% !important
}

.uk-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    min-width: 200px;
    padding: 25px;
    background: #fff;
    color: #666;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
}

.uk-dropdown.uk-open {
    display: block
}

.uk-dropdown-nav {
    white-space: nowrap;
    font-size: .875rem
}

.uk-dropdown-nav>li>a {
    color: #999
}

.uk-dropdown-nav>li.uk-active>a,
.uk-dropdown-nav>li>a:focus,
.uk-dropdown-nav>li>a:hover {
    color: #666
}

.uk-dropdown-nav .uk-nav-header {
    color: #333
}

.uk-dropdown-nav .uk-nav-divider {
    border-top: 1px solid #e5e5e5
}

.uk-dropdown-nav .uk-nav-sub a {
    color: #999
}

.uk-dropdown-nav .uk-nav-sub a:focus,
.uk-dropdown-nav .uk-nav-sub a:hover,
.uk-dropdown-nav .uk-nav-sub li.uk-active>a {
    color: #666
}

[class*=uk-dropdown-top] {
    margin-top: -10px
}

[class*=uk-dropdown-bottom] {
    margin-top: 10px
}

[class*=uk-dropdown-left] {
    margin-left: -10px
}

[class*=uk-dropdown-right] {
    margin-left: 10px
}

.uk-dropdown-stack .uk-dropdown-grid>* {
    width: 100% !important
}

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

@media(min-width:640px) {
    .uk-modal {
        padding: 50px 30px
    }
}

@media(min-width:960px) {
    .uk-modal {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-page {
    overflow: hidden
}

.uk-modal-dialog {
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: calc(100% - .01px) !important;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.uk-open>.uk-modal-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    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%;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.uk-modal-body {
    padding: 30px
}

.uk-modal-header {
    padding: 15px 30px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.uk-modal-footer {
    padding: 15px 30px;
    background: #fff;
    border-top: 1px solid #e5e5e5
}

.uk-modal-body:after,
.uk-modal-body:before,
.uk-modal-footer:after,
.uk-modal-footer:before,
.uk-modal-header:after,
.uk-modal-header:before {
    content: "";
    display: table
}

.uk-modal-body:after,
.uk-modal-footer:after,
.uk-modal-header:after {
    clear: both
}

.uk-modal-body>:last-child,
.uk-modal-footer>:last-child,
.uk-modal-header>:last-child {
    margin-bottom: 0
}

.uk-modal-title {
    font-size: 2rem;
    line-height: 1.3
}

[class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px
}

[class*=uk-modal-close-]:first-child+* {
    margin-top: 0
}

.uk-modal-close-outside {
    top: 0;
    right: -5px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #fff
}

.uk-modal-close-outside:hover {
    color: #fff
}

@media(min-width:960px) {
    .uk-modal-close-outside {
        right: 0;
        -webkit-transform: translate(100%, -100%);
        transform: translate(100%, -100%)
    }
}

.uk-modal-close-full {
    top: 0;
    right: 0;
    padding: 20px;
    background: #fff
}

.uk-lightbox {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.uk-lightbox.uk-open {
    display: block;
    opacity: 1
}

.uk-lightbox-page {
    overflow: hidden
}

.uk-lightbox-items>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: hsla(0, 0%, 100%, .7);
    will-change: transform, opacity
}

.uk-lightbox-items>*>* {
    max-width: 100vw;
    max-height: 100vh
}

.uk-lightbox-items>:focus {
    outline: none
}

.uk-lightbox-items>*>:not(iframe) {
    width: auto;
    height: auto
}

.uk-lightbox-items>.uk-active {
    display: -webkit-box;
    display: flex
}

.uk-lightbox-toolbar {
    padding: 10px;
    background: rgba(0, 0, 0, .3)
}

.uk-lightbox-toolbar,
.uk-lightbox-toolbar>* {
    color: hsla(0, 0%, 100%, .7)
}

.uk-lightbox-toolbar-icon {
    padding: 5px;
    color: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .7);
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.uk-lightbox-button:hover {
    color: #fff
}

.uk-lightbox-iframe {
    width: 80%;
    height: 80%
}

.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
}

.uk-slideshow-items>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    will-change: transform, opacity;
    touch-action: pan-y
}

.uk-slideshow-items>:focus {
    outline: none
}

.uk-slideshow-items>:not(.uk-active) {
    display: none
}

.uk-slider {
    -webkit-tap-highlight-color: transparent
}

.uk-slider-container {
    overflow: hidden
}

.uk-slider-items {
    will-change: transform;
    position: relative
}

.uk-slider-items:not(.uk-grid) {
    display: -webkit-box;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-touch-callout: none
}

.uk-slider-items.uk-grid {
    flex-wrap: nowrap
}

.uk-slider-items>* {
    -webkit-box-flex: 0;
    flex: none;
    position: relative;
    touch-action: pan-y
}

.uk-slider-items>:focus {
    outline: none
}

.uk-sticky-fixed {
    z-index: 980;
    box-sizing: border-box;
    margin: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.uk-sticky.uk-animation-reverse,
.uk-sticky[class*=uk-animation-] {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.uk-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.uk-offcanvas-flip .uk-offcanvas {
    right: 0;
    left: auto
}

.uk-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -270px;
    box-sizing: border-box;
    width: 270px;
    padding: 20px;
    background: #222;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media(min-width:960px) {
    .uk-offcanvas-bar {
        left: -350px;
        width: 350px;
        padding: 40px
    }
}

.uk-offcanvas-flip .uk-offcanvas-bar {
    left: auto;
    right: -270px
}

@media(min-width:960px) {
    .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 {
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
    -webkit-transition-property: right;
    transition-property: right
}

.uk-offcanvas-reveal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: width .3s ease-out;
    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:960px) {
    .uk-open>.uk-offcanvas-reveal {
        width: 350px
    }
}

.uk-offcanvas-flip .uk-offcanvas-reveal {
    right: 0;
    left: auto
}

.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: 20px;
    padding: 5px
}

.uk-offcanvas-overlay {
    width: 100vw;
    touch-action: none
}

.uk-offcanvas-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .1);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.uk-offcanvas-overlay.uk-open:before {
    opacity: 1
}

.uk-offcanvas-container,
.uk-offcanvas-page {
    overflow-x: hidden
}

.uk-offcanvas-container {
    position: relative;
    left: 0;
    -webkit-transition: left .3s ease-out;
    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:960px) {
    :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-leader {
    overflow: hidden
}

.uk-leader-fill:after {
    display: inline-block;
    margin-left: 15px;
    width: 0;
    content: attr(data-fill);
    white-space: nowrap
}

.uk-leader-fill.uk-leader-hide:after {
    display: none
}

.uk-leader-fill-content:before {
    content: "."
}

:root {
    --uk-leader-fill-content: .
}

.uk-iconnav {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 0 -10px
}

.uk-iconnav>* {
    padding-left: 10px
}

.uk-iconnav>*>a {
    display: block;
    color: #999
}

.uk-iconnav>*>a:focus,
.uk-iconnav>*>a:hover {
    color: #666;
    outline: none
}

.uk-iconnav>.uk-active>a {
    color: #666
}

.uk-iconnav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-left: 0;
    margin-top: -10px
}

.uk-iconnav-vertical>* {
    padding-left: 0;
    padding-top: 10px
}

.uk-notification {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    box-sizing: border-box;
    width: 350px
}

.uk-notification-bottom-right,
.uk-notification-top-right {
    left: auto;
    right: 10px
}

.uk-notification-bottom-center,
.uk-notification-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notification-bottom-center,
.uk-notification-bottom-left,
.uk-notification-bottom-right {
    top: auto;
    bottom: 10px
}

@media(max-width:639px) {
    .uk-notification {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notification-message {
    position: relative;
    padding: 15px;
    background: #f8f8f8;
    color: #666;
    font-size: 1.25rem;
    line-height: 1.4;
    cursor: pointer
}

*+.uk-notification-message {
    margin-top: 10px
}

.uk-notification-close {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px
}

.uk-notification-message:hover .uk-notification-close {
    display: block
}

.uk-notification-message-primary {
    color: #491165
}

.uk-notification-message-success {
    color: #32d296
}

.uk-notification-message-warning {
    color: #faa05a
}

.uk-notification-message-danger {
    color: #f0506e
}

.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    box-sizing: border-box;
    max-width: 200px;
    padding: 3px 6px;
    background: #666;
    border-radius: 2px;
    color: #fff;
    font-size: 12px
}

.uk-tooltip.uk-active {
    display: block
}

[class*=uk-tooltip-top] {
    margin-top: -10px
}

[class*=uk-tooltip-bottom] {
    margin-top: 10px
}

[class*=uk-tooltip-left] {
    margin-left: -10px
}

[class*=uk-tooltip-right] {
    margin-left: 10px
}

.uk-placeholder {
    margin-bottom: 20px;
    padding: 30px;
    background: 0 0;
    border: 1px dashed #e5e5e5
}

*+.uk-placeholder {
    margin-top: 20px
}

.uk-placeholder>:last-child {
    margin-bottom: 0
}

.uk-progress {
    vertical-align: baseline;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    border: 0;
    background-color: #f8f8f8;
    margin-bottom: 20px;
    height: 15px;
    border-radius: 500px;
    overflow: hidden
}

*+.uk-progress {
    margin-top: 20px
}

.uk-progress:indeterminate {
    color: transparent
}

.uk-progress::-webkit-progress-bar {
    background-color: #f8f8f8;
    border-radius: 500px;
    overflow: hidden
}

.uk-progress:indeterminate::-moz-progress-bar {
    width: 0
}

.uk-progress::-webkit-progress-value {
    background-color: #491165;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.uk-progress::-moz-progress-bar {
    background-color: #491165
}

.uk-progress::-ms-fill {
    background-color: #491165;
    -ms-transition: width .6s ease;
    transition: width .6s ease;
    border: 0
}

.uk-sortable {
    position: relative
}

.uk-sortable svg {
    pointer-events: none
}

.uk-sortable>:last-child {
    margin-bottom: 0
}

.uk-sortable-drag {
    position: absolute !important;
    z-index: 1050 !important;
    pointer-events: none
}

.uk-sortable-placeholder {
    opacity: 0;
    pointer-events: none
}

.uk-sortable-empty {
    min-height: 50px
}

.uk-sortable-handle:hover {
    cursor: move
}

.uk-countdown-number,
.uk-countdown-separator {
    line-height: .8
}

.uk-countdown-number {
    font-size: 2rem
}

@media(min-width:640px) {
    .uk-countdown-number {
        font-size: 4rem
    }
}

@media(min-width:960px) {
    .uk-countdown-number {
        font-size: 6rem
    }
}

.uk-countdown-separator {
    font-size: 1rem
}

@media(min-width:640px) {
    .uk-countdown-separator {
        font-size: 2rem
    }
}

@media(min-width:960px) {
    .uk-countdown-separator {
        font-size: 3rem
    }
}

[class*=uk-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.uk-animation-scale-up {
    -webkit-animation-name: uk-fade-scale-02;
    animation-name: uk-fade-scale-02
}

.uk-animation-scale-down {
    -webkit-animation-name: uk-fade-scale-18;
    animation-name: uk-fade-scale-18
}

.uk-animation-slide-top {
    -webkit-animation-name: uk-fade-top;
    animation-name: uk-fade-top
}

.uk-animation-slide-bottom {
    -webkit-animation-name: uk-fade-bottom;
    animation-name: uk-fade-bottom
}

.uk-animation-slide-left {
    -webkit-animation-name: uk-fade-left;
    animation-name: uk-fade-left
}

.uk-animation-slide-right {
    -webkit-animation-name: uk-fade-right;
    animation-name: uk-fade-right
}

.uk-animation-slide-top-small {
    -webkit-animation-name: uk-fade-top-small;
    animation-name: uk-fade-top-small
}

.uk-animation-slide-bottom-small {
    -webkit-animation-name: uk-fade-bottom-small;
    animation-name: uk-fade-bottom-small
}

.uk-animation-slide-left-small {
    -webkit-animation-name: uk-fade-left-small;
    animation-name: uk-fade-left-small
}

.uk-animation-slide-right-small {
    -webkit-animation-name: uk-fade-right-small;
    animation-name: uk-fade-right-small
}

.uk-animation-slide-top-medium {
    -webkit-animation-name: uk-fade-top-medium;
    animation-name: uk-fade-top-medium
}

.uk-animation-slide-bottom-medium {
    -webkit-animation-name: uk-fade-bottom-medium;
    animation-name: uk-fade-bottom-medium
}

.uk-animation-slide-left-medium {
    -webkit-animation-name: uk-fade-left-medium;
    animation-name: uk-fade-left-medium
}

.uk-animation-slide-right-medium {
    -webkit-animation-name: uk-fade-right-medium;
    animation-name: uk-fade-right-medium
}

.uk-animation-kenburns {
    -webkit-animation-name: uk-scale-kenburns;
    animation-name: uk-scale-kenburns;
    -webkit-animation-duration: 15s;
    animation-duration: 15s
}

.uk-animation-shake {
    -webkit-animation-name: uk-shake;
    animation-name: uk-shake
}

.uk-animation-stroke {
    -webkit-animation-name: uk-stroke;
    animation-name: uk-stroke;
    stroke-dasharray: var(--uk-animation-stroke);
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.uk-animation-reverse {
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.uk-animation-fast {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
    -webkit-animation-name: none;
    animation-name: none
}

.uk-animation-toggle {
    -webkit-tap-highlight-color: transparent
}

.uk-animation-toggle:focus {
    outline: none
}

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes uk-scale-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes uk-scale-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes uk-shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes uk-shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@-webkit-keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    to {
        stroke-dashoffset: 0
    }
}

[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]) {
    -webkit-box-flex: 1;
    flex: 1;
    min-width: 1px
}

@media(min-width:640px) {
    .uk-child-width-1-1\@s>* {
        width: 100%
    }

    .uk-child-width-1-2\@s>* {
        width: 50%
    }

    .uk-child-width-1-3\@s>* {
        width: 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]) {
        -webkit-box-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media(min-width:960px) {
    .uk-child-width-1-1\@m>* {
        width: 100%
    }

    .uk-child-width-1-2\@m>* {
        width: 50%
    }

    .uk-child-width-1-3\@m>* {
        width: 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]) {
        -webkit-box-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media(min-width:1200px) {
    .uk-child-width-1-1\@l>* {
        width: 100%
    }

    .uk-child-width-1-2\@l>* {
        width: 50%
    }

    .uk-child-width-1-3\@l>* {
        width: 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]) {
        -webkit-box-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media(min-width:1600px) {
    .uk-child-width-1-1\@xl>* {
        width: 100%
    }

    .uk-child-width-1-2\@xl>* {
        width: 50%
    }

    .uk-child-width-1-3\@xl>* {
        width: 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]) {
        -webkit-box-flex: 1;
        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-xxlarge {
    width: 750px
}

.uk-width-auto {
    width: auto
}

.uk-width-expand {
    -webkit-box-flex: 1;
    flex: 1;
    min-width: 1px
}

@media(min-width:640px) {
    .uk-width-1-1\@s {
        width: 100%
    }

    .uk-width-1-2\@s {
        width: 50%
    }

    .uk-width-1-3\@s {
        width: 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-xxlarge\@s {
        width: 750px
    }

    .uk-width-auto\@s {
        width: auto
    }

    .uk-width-expand\@s {
        -webkit-box-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media(min-width:960px) {
    .uk-width-1-1\@m {
        width: 100%
    }

    .uk-width-1-2\@m {
        width: 50%
    }

    .uk-width-1-3\@m {
        width: 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-xxlarge\@m {
        width: 750px
    }

    .uk-width-auto\@m {
        width: auto
    }

    .uk-width-expand\@m {
        -webkit-box-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media(min-width:1200px) {
    .uk-width-1-1\@l {
        width: 100%
    }

    .uk-width-1-2\@l {
        width: 50%
    }

    .uk-width-1-3\@l {
        width: 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-xxlarge\@l {
        width: 750px
    }

    .uk-width-auto\@l {
        width: auto
    }

    .uk-width-expand\@l {
        -webkit-box-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media(min-width:1600px) {
    .uk-width-1-1\@xl {
        width: 100%
    }

    .uk-width-1-2\@xl {
        width: 50%
    }

    .uk-width-1-3\@xl {
        width: 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-xxlarge\@xl {
        width: 750px
    }

    .uk-width-auto\@xl {
        width: auto
    }

    .uk-width-expand\@xl {
        -webkit-box-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

[class*=uk-height] {
    box-sizing: border-box
}

.uk-height-1-1 {
    height: 100%
}

.uk-height-viewport {
    min-height: 100vh
}

.uk-height-small {
    height: 150px
}

.uk-height-medium {
    height: 300px
}

.uk-height-large {
    height: 450px
}

.uk-height-max-small {
    max-height: 150px
}

.uk-height-max-medium {
    max-height: 300px
}

.uk-height-max-large {
    max-height: 450px
}

.uk-text-lead {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #333
}

.uk-text-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: #999
}

.uk-text-meta a {
    color: #999
}

.uk-text-meta a:hover {
    color: #666;
    text-decoration: none
}

.uk-text-small {
    font-size: .875rem;
    line-height: 1.5
}

.uk-text-large {
    font-size: 1.5rem;
    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-muted {
    color: #999 !important
}

.uk-text-emphasis {
    color: #333 !important
}

.uk-text-primary {
    color: #491165 !important
}

.uk-text-secondary {
    color: #222 !important
}

.uk-text-success {
    color: #32d296 !important
}

.uk-text-warning {
    color: #faa05a !important
}

.uk-text-danger {
    color: #f0506e !important
}

.uk-text-background {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    color: #491165 !important
}

@supports(-webkit-background-clip:text) {
    .uk-text-background {
        background-color: #491165
    }
}

.uk-text-left {
    text-align: left !important
}

.uk-text-right {
    text-align: right !important
}

.uk-text-center {
    text-align: center !important
}

.uk-text-justify {
    text-align: justify !important
}

@media(min-width:640px) {
    .uk-text-left\@s {
        text-align: left !important
    }

    .uk-text-right\@s {
        text-align: right !important
    }

    .uk-text-center\@s {
        text-align: center !important
    }
}

@media(min-width:960px) {
    .uk-text-left\@m {
        text-align: left !important
    }

    .uk-text-right\@m {
        text-align: right !important
    }

    .uk-text-center\@m {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .uk-text-left\@l {
        text-align: left !important
    }

    .uk-text-right\@l {
        text-align: right !important
    }

    .uk-text-center\@l {
        text-align: center !important
    }
}

@media(min-width:1600px) {
    .uk-text-left\@xl {
        text-align: left !important
    }

    .uk-text-right\@xl {
        text-align: right !important
    }

    .uk-text-center\@xl {
        text-align: center !important
    }
}

.uk-text-top {
    vertical-align: top !important
}

.uk-text-middle {
    vertical-align: middle !important
}

.uk-text-bottom {
    vertical-align: bottom !important
}

.uk-text-baseline {
    vertical-align: baseline !important
}

.uk-text-nowrap,
.uk-text-truncate {
    white-space: nowrap
}

.uk-text-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

td.uk-text-truncate,
th.uk-text-truncate {
    max-width: 0
}

.uk-text-break {
    overflow-wrap: break-word;
    word-wrap: break-word
}

td.uk-text-break,
th.uk-text-break {
    word-break: break-all
}

[class*=uk-column-] {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

@media(min-width:1200px) {
    [class*=uk-column-] {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

[class*=uk-column-] img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.uk-column-divider {
    -webkit-column-rule: 1px solid #e5e5e5;
    -moz-column-rule: 1px solid #e5e5e5;
    column-rule: 1px solid #e5e5e5;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px
}

@media(min-width:1200px) {
    .uk-column-divider {
        -webkit-column-gap: 80px;
        -moz-column-gap: 80px;
        column-gap: 80px
    }
}

.uk-column-1-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.uk-column-1-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.uk-column-1-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.uk-column-1-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5
}

.uk-column-1-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6
}

@media(min-width:640px) {
    .uk-column-1-2\@s {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .uk-column-1-3\@s {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .uk-column-1-4\@s {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .uk-column-1-5\@s {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }

    .uk-column-1-6\@s {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

@media(min-width:960px) {
    .uk-column-1-2\@m {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .uk-column-1-3\@m {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .uk-column-1-4\@m {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .uk-column-1-5\@m {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }

    .uk-column-1-6\@m {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

@media(min-width:1200px) {
    .uk-column-1-2\@l {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .uk-column-1-3\@l {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .uk-column-1-4\@l {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .uk-column-1-5\@l {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }

    .uk-column-1-6\@l {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

@media(min-width:1600px) {
    .uk-column-1-2\@xl {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .uk-column-1-3\@xl {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .uk-column-1-4\@xl {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .uk-column-1-5\@xl {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }

    .uk-column-1-6\@xl {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

.uk-column-span {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all
}

.uk-cover {
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

iframe.uk-cover {
    pointer-events: none
}

.uk-cover-container {
    overflow: hidden;
    position: relative
}

.uk-background-default {
    background-color: #fff
}

.uk-background-muted {
    background-color: #f8f8f8
}

.uk-background-primary {
    background-color: #491165
}

.uk-background-secondary {
    background-color: #222
}

.uk-background-contain,
.uk-background-cover {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.uk-background-cover {
    background-size: cover
}

.uk-background-contain {
    background-size: contain
}

.uk-background-top-left {
    background-position: 0 0
}

.uk-background-top-center {
    background-position: 50% 0
}

.uk-background-top-right {
    background-position: 100% 0
}

.uk-background-center-left {
    background-position: 0 50%
}

.uk-background-center-center {
    background-position: 50% 50%
}

.uk-background-center-right {
    background-position: 100% 50%
}

.uk-background-bottom-left {
    background-position: 0 100%
}

.uk-background-bottom-center {
    background-position: 50% 100%
}

.uk-background-bottom-right {
    background-position: 100% 100%
}

.uk-background-norepeat {
    background-repeat: no-repeat
}

.uk-background-fixed {
    background-attachment: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media(pointer:coarse) {
    .uk-background-fixed {
        background-attachment: scroll
    }
}

@media(max-width:639px) {
    .uk-background-image\@s {
        background-image: none !important
    }
}

@media(max-width:959px) {
    .uk-background-image\@m {
        background-image: none !important
    }
}

@media(max-width:1199px) {
    .uk-background-image\@l {
        background-image: none !important
    }
}

@media(max-width:1599px) {
    .uk-background-image\@xl {
        background-image: none !important
    }
}

.uk-background-blend-multiply {
    background-blend-mode: multiply
}

.uk-background-blend-screen {
    background-blend-mode: screen
}

.uk-background-blend-overlay {
    background-blend-mode: overlay
}

.uk-background-blend-darken {
    background-blend-mode: darken
}

.uk-background-blend-lighten {
    background-blend-mode: lighten
}

.uk-background-blend-color-dodge {
    background-blend-mode: color-dodge
}

.uk-background-blend-color-burn {
    background-blend-mode: color-burn
}

.uk-background-blend-hard-light {
    background-blend-mode: hard-light
}

.uk-background-blend-soft-light {
    background-blend-mode: soft-light
}

.uk-background-blend-difference {
    background-blend-mode: difference
}

.uk-background-blend-exclusion {
    background-blend-mode: exclusion
}

.uk-background-blend-hue {
    background-blend-mode: hue
}

.uk-background-blend-saturation {
    background-blend-mode: saturation
}

.uk-background-blend-color {
    background-blend-mode: color
}

.uk-background-blend-luminosity {
    background-blend-mode: luminosity
}

[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:640px) {
    .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:960px) {
    .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:1200px) {
    .uk-align-left\@l {
        margin-top: 0;
        float: left
    }

    .uk-align-right\@l {
        margin-top: 0;
        float: right
    }

    .uk-align-left,
    .uk-align-left\@l,
    .uk-align-left\@m,
    .uk-align-left\@s {
        margin-right: 40px
    }

    .uk-align-right,
    .uk-align-right\@l,
    .uk-align-right\@m,
    .uk-align-right\@s {
        margin-left: 40px
    }
}

@media(min-width:1600px) {
    .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 {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.uk-panel {
    position: relative;
    box-sizing: border-box
}

.uk-panel:after,
.uk-panel:before {
    content: "";
    display: table
}

.uk-panel:after {
    clear: both
}

.uk-panel>:last-child {
    margin-bottom: 0
}

.uk-panel-scrollable {
    height: 170px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    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;
    -webkit-overflow-scrolling: touch
}

.uk-overflow-auto>:last-child {
    margin-bottom: 0
}

.uk-resize {
    resize: both
}

.uk-resize-vertical {
    resize: vertical
}

.uk-display-block {
    display: block !important
}

.uk-display-inline {
    display: inline !important
}

.uk-display-inline-block {
    display: inline-block !important
}

[class*=uk-inline] {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    -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-height,
.uk-responsive-width {
    box-sizing: border-box
}

.uk-responsive-width {
    max-width: 100% !important;
    height: auto
}

.uk-responsive-height {
    max-height: 100%;
    width: auto;
    max-width: none
}

.uk-border-circle {
    border-radius: 50%
}

.uk-border-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] {
    -webkit-transition: box-shadow .1s ease-in-out;
    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((-webkit-filter:blur(0)) or (filter:blur(0))) {
    .uk-box-shadow-bottom {
        display: inline-block;
        position: relative;
        max-width: 100%;
        vertical-align: middle
    }

    .uk-box-shadow-bottom:before {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 0;
        right: 0;
        height: 30px;
        border-radius: 100%;
        background: #444;
        -webkit-filter: blur(20px);
        filter: blur(20px)
    }

    .uk-box-shadow-bottom>* {
        position: relative
    }
}

.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%
    }
}

@supports(-ms-ime-align:auto) {
    .uk-dropcap>p:first-of-type:first-letter {
        font-size: 1em
    }
}

.uk-logo {
    font-size: 1.5rem;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: #666;
    text-decoration: none
}

.uk-logo:focus,
.uk-logo:hover {
    color: #666;
    outline: none;
    text-decoration: none
}

.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 hsla(0, 0%, 39.2%, .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 {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.uk-transform-origin-top-left {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.uk-transform-origin-top-center {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.uk-transform-origin-top-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.uk-transform-origin-center-left {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.uk-transform-origin-center-right {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.uk-transform-origin-bottom-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.uk-transform-origin-bottom-center {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.uk-transform-origin-bottom-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.uk-flex {
    display: -webkit-box;
    display: flex
}

.uk-flex-inline {
    display: -webkit-inline-box;
    display: inline-flex
}

.uk-flex-inline:after,
.uk-flex-inline:before,
.uk-flex:after,
.uk-flex:before {
    display: none
}

.uk-flex-left {
    -webkit-box-pack: start;
    justify-content: flex-start
}

.uk-flex-center {
    -webkit-box-pack: center;
    justify-content: center
}

.uk-flex-right {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.uk-flex-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.uk-flex-around {
    justify-content: space-around
}

@media(min-width:640px) {
    .uk-flex-left\@s {
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .uk-flex-center\@s {
        -webkit-box-pack: center;
        justify-content: center
    }

    .uk-flex-right\@s {
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .uk-flex-between\@s {
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .uk-flex-around\@s {
        justify-content: space-around
    }
}

@media(min-width:960px) {
    .uk-flex-left\@m {
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .uk-flex-center\@m {
        -webkit-box-pack: center;
        justify-content: center
    }

    .uk-flex-right\@m {
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .uk-flex-between\@m {
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .uk-flex-around\@m {
        justify-content: space-around
    }
}

@media(min-width:1200px) {
    .uk-flex-left\@l {
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .uk-flex-center\@l {
        -webkit-box-pack: center;
        justify-content: center
    }

    .uk-flex-right\@l {
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .uk-flex-between\@l {
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .uk-flex-around\@l {
        justify-content: space-around
    }
}

@media(min-width:1600px) {
    .uk-flex-left\@xl {
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .uk-flex-center\@xl {
        -webkit-box-pack: center;
        justify-content: center
    }

    .uk-flex-right\@xl {
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .uk-flex-between\@xl {
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .uk-flex-around\@xl {
        justify-content: space-around
    }
}

.uk-flex-stretch {
    -webkit-box-align: stretch;
    align-items: stretch
}

.uk-flex-top {
    -webkit-box-align: start;
    align-items: flex-start
}

.uk-flex-middle {
    -webkit-box-align: center;
    align-items: center
}

.uk-flex-bottom {
    -webkit-box-align: end;
    align-items: flex-end
}

.uk-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.uk-flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.uk-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.uk-flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: 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 {
    -webkit-box-ordinal-group: 0;
    order: -1
}

.uk-flex-last {
    -webkit-box-ordinal-group: 100;
    order: 99
}

@media(min-width:640px) {
    .uk-flex-first\@s {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .uk-flex-last\@s {
        -webkit-box-ordinal-group: 100;
        order: 99
    }
}

@media(min-width:960px) {
    .uk-flex-first\@m {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .uk-flex-last\@m {
        -webkit-box-ordinal-group: 100;
        order: 99
    }
}

@media(min-width:1200px) {
    .uk-flex-first\@l {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .uk-flex-last\@l {
        -webkit-box-ordinal-group: 100;
        order: 99
    }
}

@media(min-width:1600px) {
    .uk-flex-first\@xl {
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .uk-flex-last\@xl {
        -webkit-box-ordinal-group: 100;
        order: 99
    }
}

.uk-flex-none {
    -webkit-box-flex: 0;
    flex: none
}

.uk-flex-auto {
    -webkit-box-flex: 1;
    flex: auto
}

.uk-flex-1 {
    -webkit-box-flex: 1;
    flex: 1
}

.uk-margin {
    margin-bottom: 20px
}

*+.uk-margin,
.uk-margin-top {
    margin-top: 20px !important
}

.uk-margin-bottom {
    margin-bottom: 20px !important
}

.uk-margin-left {
    margin-left: 20px !important
}

.uk-margin-right {
    margin-right: 20px !important
}

.uk-margin-small {
    margin-bottom: 10px
}

*+.uk-margin-small,
.uk-margin-small-top {
    margin-top: 10px !important
}

.uk-margin-small-bottom {
    margin-bottom: 10px !important
}

.uk-margin-small-left {
    margin-left: 10px !important
}

.uk-margin-small-right {
    margin-right: 10px !important
}

.uk-margin-medium {
    margin-bottom: 40px
}

*+.uk-margin-medium,
.uk-margin-medium-top {
    margin-top: 40px !important
}

.uk-margin-medium-bottom {
    margin-bottom: 40px !important
}

.uk-margin-medium-left {
    margin-left: 40px !important
}

.uk-margin-medium-right {
    margin-right: 40px !important
}

.uk-margin-large {
    margin-bottom: 40px
}

*+.uk-margin-large,
.uk-margin-large-top {
    margin-top: 40px !important
}

.uk-margin-large-bottom {
    margin-bottom: 40px !important
}

.uk-margin-large-left {
    margin-left: 40px !important
}

.uk-margin-large-right {
    margin-right: 40px !important
}

@media(min-width:1200px) {
    .uk-margin-large {
        margin-bottom: 70px
    }

    *+.uk-margin-large,
    .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,
.uk-margin-xlarge-top {
    margin-top: 70px !important
}

.uk-margin-xlarge-bottom {
    margin-bottom: 70px !important
}

.uk-margin-xlarge-left {
    margin-left: 70px !important
}

.uk-margin-xlarge-right {
    margin-right: 70px !important
}

@media(min-width:1200px) {
    .uk-margin-xlarge {
        margin-bottom: 140px
    }

    *+.uk-margin-xlarge,
    .uk-margin-xlarge-top {
        margin-top: 140px !important
    }

    .uk-margin-xlarge-bottom {
        margin-bottom: 140px !important
    }

    .uk-margin-xlarge-left {
        margin-left: 140px !important
    }

    .uk-margin-xlarge-right {
        margin-right: 140px !important
    }
}

.uk-margin-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:640px) {
    .uk-margin-auto\@s {
        margin-right: auto !important
    }

    .uk-margin-auto-left\@s,
    .uk-margin-auto\@s {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@s {
        margin-right: auto !important
    }
}

@media(min-width:960px) {
    .uk-margin-auto\@m {
        margin-right: auto !important
    }

    .uk-margin-auto-left\@m,
    .uk-margin-auto\@m {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@m {
        margin-right: auto !important
    }
}

@media(min-width:1200px) {
    .uk-margin-auto\@l {
        margin-right: auto !important
    }

    .uk-margin-auto-left\@l,
    .uk-margin-auto\@l {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@l {
        margin-right: auto !important
    }
}

@media(min-width:1600px) {
    .uk-margin-auto\@xl {
        margin-right: auto !important
    }

    .uk-margin-auto-left\@xl,
    .uk-margin-auto\@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:640px) {
    .uk-margin-remove-left\@s {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@s {
        margin-right: 0 !important
    }
}

@media(min-width:960px) {
    .uk-margin-remove-left\@m {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@m {
        margin-right: 0 !important
    }
}

@media(min-width:1200px) {
    .uk-margin-remove-left\@l {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@l {
        margin-right: 0 !important
    }
}

@media(min-width:1600px) {
    .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:1200px) {
    .uk-padding {
        padding: 40px
    }
}

.uk-padding-small {
    padding: 15px
}

.uk-padding-large {
    padding: 30px
}

@media(min-width:1200px) {
    .uk-padding-large {
        padding: 70px
    }
}

.uk-padding-remove {
    padding: 0 !important
}

.uk-padding-remove-top {
    padding-top: 0 !important
}

.uk-padding-remove-bottom {
    padding-bottom: 0 !important
}

.uk-padding-remove-left {
    padding-left: 0 !important
}

.uk-padding-remove-right {
    padding-right: 0 !important
}

.uk-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.uk-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important
}

[class*=uk-position-bottom],
[class*=uk-position-center],
[class*=uk-position-left],
[class*=uk-position-right],
[class*=uk-position-top] {
    position: absolute !important;
    max-width: 100%
}

.uk-position-top {
    top: 0;
    left: 0;
    right: 0
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-left {
    top: 0;
    bottom: 0;
    left: 0
}

.uk-position-right {
    top: 0;
    bottom: 0;
    right: 0
}

.uk-position-top-left {
    top: 0;
    left: 0
}

.uk-position-top-right {
    top: 0;
    right: 0
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0
}

.uk-position-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

[class*=uk-position-center-left],
[class*=uk-position-center-right] {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uk-position-center-left {
    left: 0
}

.uk-position-center-right {
    right: 0
}

.uk-position-center-left-out {
    right: 100%
}

.uk-position-center-left-out,
.uk-position-center-right-out {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.uk-position-center-right-out {
    left: 100%
}

.uk-position-bottom-center,
.uk-position-top-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

.uk-position-top-center {
    top: 0
}

.uk-position-bottom-center {
    bottom: 0
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-relative {
    position: relative !important
}

.uk-position-absolute {
    position: absolute !important
}

.uk-position-fixed {
    position: fixed !important
}

.uk-position-z-index {
    z-index: 1
}

.uk-position-small {
    max-width: calc(100% - 30px);
    margin: 15px
}

.uk-position-small.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-15px, -15px);
    transform: translate(-50%, -50%) translate(-15px, -15px)
}

.uk-position-small[class*=uk-position-center-left],
.uk-position-small[class*=uk-position-center-right] {
    -webkit-transform: translateY(-50%) translateY(-15px);
    transform: translateY(-50%) translateY(-15px)
}

.uk-position-small.uk-position-bottom-center,
.uk-position-small.uk-position-top-center {
    -webkit-transform: translateX(-50%) translateX(-15px);
    transform: translateX(-50%) translateX(-15px)
}

.uk-position-medium {
    max-width: calc(100% - 60px);
    margin: 30px
}

.uk-position-medium.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-30px, -30px);
    transform: translate(-50%, -50%) translate(-30px, -30px)
}

.uk-position-medium[class*=uk-position-center-left],
.uk-position-medium[class*=uk-position-center-right] {
    -webkit-transform: translateY(-50%) translateY(-30px);
    transform: translateY(-50%) translateY(-30px)
}

.uk-position-medium.uk-position-bottom-center,
.uk-position-medium.uk-position-top-center {
    -webkit-transform: translateX(-50%) translateX(-30px);
    transform: translateX(-50%) translateX(-30px)
}

.uk-position-large {
    max-width: calc(100% - 60px);
    margin: 30px
}

.uk-position-large.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-30px, -30px);
    transform: translate(-50%, -50%) translate(-30px, -30px)
}

.uk-position-large[class*=uk-position-center-left],
.uk-position-large[class*=uk-position-center-right] {
    -webkit-transform: translateY(-50%) translateY(-30px);
    transform: translateY(-50%) translateY(-30px)
}

.uk-position-large.uk-position-bottom-center,
.uk-position-large.uk-position-top-center {
    -webkit-transform: translateX(-50%) translateX(-30px);
    transform: translateX(-50%) translateX(-30px)
}

@media(min-width:1200px) {
    .uk-position-large {
        max-width: calc(100% - 100px);
        margin: 50px
    }

    .uk-position-large.uk-position-center {
        -webkit-transform: translate(-50%, -50%) translate(-50px, -50px);
        transform: translate(-50%, -50%) translate(-50px, -50px)
    }

    .uk-position-large[class*=uk-position-center-left],
    .uk-position-large[class*=uk-position-center-right] {
        -webkit-transform: translateY(-50%) translateY(-50px);
        transform: translateY(-50%) translateY(-50px)
    }

    .uk-position-large.uk-position-bottom-center,
    .uk-position-large.uk-position-top-center {
        -webkit-transform: translateX(-50%) translateX(-50px);
        transform: translateX(-50%) translateX(-50px)
    }
}

.uk-transition-toggle {
    -webkit-tap-highlight-color: transparent
}

.uk-transition-toggle:focus {
    outline: none
}

.uk-transition-fade,
[class*=uk-transition-scale],
[class*=uk-transition-slide] {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
    transition-property: opacity, -webkit-transform, -webkit-filter;
    transition-property: opacity, transform, filter;
    transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter;
    opacity: 0
}

.uk-transition-active.uk-active .uk-transition-fade,
.uk-transition-toggle:focus .uk-transition-fade,
.uk-transition-toggle:hover .uk-transition-fade {
    opacity: 1
}

.uk-transition-scale-up {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.uk-transition-scale-down {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.uk-transition-active.uk-active .uk-transition-scale-up,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-toggle:hover .uk-transition-scale-up {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.uk-transition-active.uk-active .uk-transition-scale-down,
.uk-transition-toggle:focus .uk-transition-scale-down,
.uk-transition-toggle:hover .uk-transition-scale-down {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.uk-transition-slide-top {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.uk-transition-slide-bottom {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.uk-transition-slide-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.uk-transition-slide-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.uk-transition-slide-top-small {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.uk-transition-slide-bottom-small {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.uk-transition-slide-left-small {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.uk-transition-slide-right-small {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.uk-transition-slide-top-medium {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.uk-transition-slide-bottom-medium {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.uk-transition-slide-left-medium {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.uk-transition-slide-right-medium {
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
}

.uk-transition-active.uk-active [class*=uk-transition-slide],
.uk-transition-toggle:focus [class*=uk-transition-slide],
.uk-transition-toggle:hover [class*=uk-transition-slide] {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.uk-transition-opaque {
    opacity: 1
}

.uk-transition-slow {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

.uk-hidden,
[hidden] {
    display: none !important
}

@media(min-width:640px) {
    .uk-hidden\@s {
        display: none !important
    }
}

@media(min-width:960px) {
    .uk-hidden\@m {
        display: none !important
    }
}

@media(min-width:1200px) {
    .uk-hidden\@l {
        display: none !important
    }
}

@media(min-width:1600px) {
    .uk-hidden\@xl {
        display: none !important
    }
}

@media(max-width:639px) {
    .uk-visible\@s {
        display: none !important
    }
}

@media(max-width:959px) {
    .uk-visible\@m {
        display: none !important
    }
}

@media(max-width:1199px) {
    .uk-visible\@l {
        display: none !important
    }
}

@media(max-width:1599px) {
    .uk-visible\@xl {
        display: none !important
    }
}

.uk-invisible {
    visibility: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
    opacity: 0 !important
}

.uk-visible-toggle {
    -webkit-tap-highlight-color: transparent
}

.uk-visible-toggle:focus {
    outline: none
}

@media(pointer:coarse) {
    .uk-hidden-touch {
        display: none !important
    }
}

.uk-hidden-notouch {
    display: none !important
}

@media(pointer:coarse) {
    .uk-hidden-notouch {
        display: block !important
    }
}

.uk-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-light,
.uk-offcanvas-bar,
.uk-overlay-primary,
.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) {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-link,
.uk-card-primary.uk-card-body .uk-link:hover,
.uk-card-primary.uk-card-body a,
.uk-card-primary.uk-card-body a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,
.uk-card-primary>:not([class*=uk-card-media]) a,
.uk-card-primary>:not([class*=uk-card-media]) a:hover,
.uk-card-secondary.uk-card-body .uk-link,
.uk-card-secondary.uk-card-body .uk-link:hover,
.uk-card-secondary.uk-card-body a,
.uk-card-secondary.uk-card-body a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,
.uk-card-secondary>:not([class*=uk-card-media]) a,
.uk-card-secondary>:not([class*=uk-card-media]) a:hover,
.uk-light .uk-link,
.uk-light .uk-link:hover,
.uk-light a,
.uk-light a:hover,
.uk-offcanvas-bar .uk-link,
.uk-offcanvas-bar .uk-link:hover,
.uk-offcanvas-bar a,
.uk-offcanvas-bar a:hover,
.uk-overlay-primary .uk-link,
.uk-overlay-primary .uk-link:hover,
.uk-overlay-primary a,
.uk-overlay-primary a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-primary:not(.uk-preserve-color) a,
.uk-section-primary:not(.uk-preserve-color) a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-secondary:not(.uk-preserve-color) a,
.uk-section-secondary:not(.uk-preserve-color) a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-primary:not(.uk-preserve-color) a,
.uk-tile-primary:not(.uk-preserve-color) a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) a,
.uk-tile-secondary:not(.uk-preserve-color) a:hover {
    color: #fff
}

.uk-card-primary.uk-card-body :not(pre)>code,
.uk-card-primary.uk-card-body :not(pre)>kbd,
.uk-card-primary.uk-card-body :not(pre)>samp,
.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,
.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,
.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,
.uk-card-secondary.uk-card-body :not(pre)>code,
.uk-card-secondary.uk-card-body :not(pre)>kbd,
.uk-card-secondary.uk-card-body :not(pre)>samp,
.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,
.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,
.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,
.uk-light :not(pre)>code,
.uk-light :not(pre)>kbd,
.uk-light :not(pre)>samp,
.uk-offcanvas-bar :not(pre)>code,
.uk-offcanvas-bar :not(pre)>kbd,
.uk-offcanvas-bar :not(pre)>samp,
.uk-overlay-primary :not(pre)>code,
.uk-overlay-primary :not(pre)>kbd,
.uk-overlay-primary :not(pre)>samp,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp {
    color: hsla(0, 0%, 100%, .7);
    background: hsla(0, 0%, 100%, .1)
}

.uk-card-primary.uk-card-body .uk-h1,
.uk-card-primary.uk-card-body .uk-h2,
.uk-card-primary.uk-card-body .uk-h3,
.uk-card-primary.uk-card-body .uk-h4,
.uk-card-primary.uk-card-body .uk-h5,
.uk-card-primary.uk-card-body .uk-h6,
.uk-card-primary.uk-card-body .uk-heading-2xlarge,
.uk-card-primary.uk-card-body .uk-heading-large,
.uk-card-primary.uk-card-body .uk-heading-medium,
.uk-card-primary.uk-card-body .uk-heading-small,
.uk-card-primary.uk-card-body .uk-heading-xlarge,
.uk-card-primary.uk-card-body blockquote,
.uk-card-primary.uk-card-body em,
.uk-card-primary.uk-card-body h1,
.uk-card-primary.uk-card-body h2,
.uk-card-primary.uk-card-body h3,
.uk-card-primary.uk-card-body h4,
.uk-card-primary.uk-card-body h5,
.uk-card-primary.uk-card-body h6,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-card-primary>:not([class*=uk-card-media]) blockquote,
.uk-card-primary>:not([class*=uk-card-media]) em,
.uk-card-primary>:not([class*=uk-card-media]) h1,
.uk-card-primary>:not([class*=uk-card-media]) h2,
.uk-card-primary>:not([class*=uk-card-media]) h3,
.uk-card-primary>:not([class*=uk-card-media]) h4,
.uk-card-primary>:not([class*=uk-card-media]) h5,
.uk-card-primary>:not([class*=uk-card-media]) h6,
.uk-card-secondary.uk-card-body .uk-h1,
.uk-card-secondary.uk-card-body .uk-h2,
.uk-card-secondary.uk-card-body .uk-h3,
.uk-card-secondary.uk-card-body .uk-h4,
.uk-card-secondary.uk-card-body .uk-h5,
.uk-card-secondary.uk-card-body .uk-h6,
.uk-card-secondary.uk-card-body .uk-heading-2xlarge,
.uk-card-secondary.uk-card-body .uk-heading-large,
.uk-card-secondary.uk-card-body .uk-heading-medium,
.uk-card-secondary.uk-card-body .uk-heading-small,
.uk-card-secondary.uk-card-body .uk-heading-xlarge,
.uk-card-secondary.uk-card-body blockquote,
.uk-card-secondary.uk-card-body em,
.uk-card-secondary.uk-card-body h1,
.uk-card-secondary.uk-card-body h2,
.uk-card-secondary.uk-card-body h3,
.uk-card-secondary.uk-card-body h4,
.uk-card-secondary.uk-card-body h5,
.uk-card-secondary.uk-card-body h6,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-card-secondary>:not([class*=uk-card-media]) blockquote,
.uk-card-secondary>:not([class*=uk-card-media]) em,
.uk-card-secondary>:not([class*=uk-card-media]) h1,
.uk-card-secondary>:not([class*=uk-card-media]) h2,
.uk-card-secondary>:not([class*=uk-card-media]) h3,
.uk-card-secondary>:not([class*=uk-card-media]) h4,
.uk-card-secondary>:not([class*=uk-card-media]) h5,
.uk-card-secondary>:not([class*=uk-card-media]) h6,
.uk-light .uk-h1,
.uk-light .uk-h2,
.uk-light .uk-h3,
.uk-light .uk-h4,
.uk-light .uk-h5,
.uk-light .uk-h6,
.uk-light .uk-heading-2xlarge,
.uk-light .uk-heading-large,
.uk-light .uk-heading-medium,
.uk-light .uk-heading-small,
.uk-light .uk-heading-xlarge,
.uk-light blockquote,
.uk-light em,
.uk-light h1,
.uk-light h2,
.uk-light h3,
.uk-light h4,
.uk-light h5,
.uk-light h6,
.uk-offcanvas-bar .uk-h1,
.uk-offcanvas-bar .uk-h2,
.uk-offcanvas-bar .uk-h3,
.uk-offcanvas-bar .uk-h4,
.uk-offcanvas-bar .uk-h5,
.uk-offcanvas-bar .uk-h6,
.uk-offcanvas-bar .uk-heading-2xlarge,
.uk-offcanvas-bar .uk-heading-large,
.uk-offcanvas-bar .uk-heading-medium,
.uk-offcanvas-bar .uk-heading-small,
.uk-offcanvas-bar .uk-heading-xlarge,
.uk-offcanvas-bar blockquote,
.uk-offcanvas-bar em,
.uk-offcanvas-bar h1,
.uk-offcanvas-bar h2,
.uk-offcanvas-bar h3,
.uk-offcanvas-bar h4,
.uk-offcanvas-bar h5,
.uk-offcanvas-bar h6,
.uk-overlay-primary .uk-h1,
.uk-overlay-primary .uk-h2,
.uk-overlay-primary .uk-h3,
.uk-overlay-primary .uk-h4,
.uk-overlay-primary .uk-h5,
.uk-overlay-primary .uk-h6,
.uk-overlay-primary .uk-heading-2xlarge,
.uk-overlay-primary .uk-heading-large,
.uk-overlay-primary .uk-heading-medium,
.uk-overlay-primary .uk-heading-small,
.uk-overlay-primary .uk-heading-xlarge,
.uk-overlay-primary blockquote,
.uk-overlay-primary em,
.uk-overlay-primary h1,
.uk-overlay-primary h2,
.uk-overlay-primary h3,
.uk-overlay-primary h4,
.uk-overlay-primary h5,
.uk-overlay-primary h6,
.uk-section-primary:not(.uk-preserve-color) .uk-h1,
.uk-section-primary:not(.uk-preserve-color) .uk-h2,
.uk-section-primary:not(.uk-preserve-color) .uk-h3,
.uk-section-primary:not(.uk-preserve-color) .uk-h4,
.uk-section-primary:not(.uk-preserve-color) .uk-h5,
.uk-section-primary:not(.uk-preserve-color) .uk-h6,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-primary:not(.uk-preserve-color) blockquote,
.uk-section-primary:not(.uk-preserve-color) em,
.uk-section-primary:not(.uk-preserve-color) h1,
.uk-section-primary:not(.uk-preserve-color) h2,
.uk-section-primary:not(.uk-preserve-color) h3,
.uk-section-primary:not(.uk-preserve-color) h4,
.uk-section-primary:not(.uk-preserve-color) h5,
.uk-section-primary:not(.uk-preserve-color) h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-secondary:not(.uk-preserve-color) blockquote,
.uk-section-secondary:not(.uk-preserve-color) em,
.uk-section-secondary:not(.uk-preserve-color) h1,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) h5,
.uk-section-secondary:not(.uk-preserve-color) h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-h1,
.uk-tile-primary:not(.uk-preserve-color) .uk-h2,
.uk-tile-primary:not(.uk-preserve-color) .uk-h3,
.uk-tile-primary:not(.uk-preserve-color) .uk-h4,
.uk-tile-primary:not(.uk-preserve-color) .uk-h5,
.uk-tile-primary:not(.uk-preserve-color) .uk-h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-primary:not(.uk-preserve-color) blockquote,
.uk-tile-primary:not(.uk-preserve-color) em,
.uk-tile-primary:not(.uk-preserve-color) h1,
.uk-tile-primary:not(.uk-preserve-color) h2,
.uk-tile-primary:not(.uk-preserve-color) h3,
.uk-tile-primary:not(.uk-preserve-color) h4,
.uk-tile-primary:not(.uk-preserve-color) h5,
.uk-tile-primary:not(.uk-preserve-color) h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-secondary:not(.uk-preserve-color) blockquote,
.uk-tile-secondary:not(.uk-preserve-color) em,
.uk-tile-secondary:not(.uk-preserve-color) h1,
.uk-tile-secondary:not(.uk-preserve-color) h2,
.uk-tile-secondary:not(.uk-preserve-color) h3,
.uk-tile-secondary:not(.uk-preserve-color) h4,
.uk-tile-secondary:not(.uk-preserve-color) h5,
.uk-tile-secondary:not(.uk-preserve-color) h6 {
    color: #fff
}

.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-light blockquote footer,
.uk-offcanvas-bar blockquote footer,
.uk-overlay-primary 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 {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-hr,
.uk-card-primary.uk-card-body hr,
.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,
.uk-card-primary>:not([class*=uk-card-media]) hr,
.uk-card-secondary.uk-card-body .uk-hr,
.uk-card-secondary.uk-card-body hr,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,
.uk-card-secondary>:not([class*=uk-card-media]) hr,
.uk-light .uk-hr,
.uk-light hr,
.uk-offcanvas-bar .uk-hr,
.uk-offcanvas-bar hr,
.uk-overlay-primary .uk-hr,
.uk-overlay-primary hr,
.uk-section-primary:not(.uk-preserve-color) .uk-hr,
.uk-section-primary:not(.uk-preserve-color) hr,
.uk-section-secondary:not(.uk-preserve-color) .uk-hr,
.uk-section-secondary:not(.uk-preserve-color) hr,
.uk-tile-primary:not(.uk-preserve-color) .uk-hr,
.uk-tile-primary:not(.uk-preserve-color) hr,
.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,
.uk-tile-secondary:not(.uk-preserve-color) hr {
    border-top-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-link-muted,
.uk-card-primary.uk-card-body .uk-link-muted a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,
.uk-card-secondary.uk-card-body .uk-link-muted,
.uk-card-secondary.uk-card-body .uk-link-muted a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,
.uk-light .uk-link-muted,
.uk-light .uk-link-muted a,
.uk-offcanvas-bar .uk-link-muted,
.uk-offcanvas-bar .uk-link-muted a,
.uk-overlay-primary .uk-link-muted,
.uk-overlay-primary .uk-link-muted a,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-link-muted:hover,
.uk-card-primary.uk-card-body .uk-link-muted a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,
.uk-card-secondary.uk-card-body .uk-link-muted:hover,
.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,
.uk-light .uk-link-muted:hover,
.uk-light .uk-link-muted a:hover,
.uk-offcanvas-bar .uk-link-muted:hover,
.uk-offcanvas-bar .uk-link-muted a:hover,
.uk-overlay-primary .uk-link-muted:hover,
.uk-overlay-primary .uk-link-muted a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-link-text:hover,
.uk-card-primary.uk-card-body .uk-link-text a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,
.uk-card-secondary.uk-card-body .uk-link-text:hover,
.uk-card-secondary.uk-card-body .uk-link-text a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,
.uk-light .uk-link-text:hover,
.uk-light .uk-link-text a:hover,
.uk-offcanvas-bar .uk-link-text:hover,
.uk-offcanvas-bar .uk-link-text a:hover,
.uk-overlay-primary .uk-link-text:hover,
.uk-overlay-primary .uk-link-text a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-link-heading:hover,
.uk-card-primary.uk-card-body .uk-link-heading a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,
.uk-card-secondary.uk-card-body .uk-link-heading:hover,
.uk-card-secondary.uk-card-body .uk-link-heading a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,
.uk-light .uk-link-heading:hover,
.uk-light .uk-link-heading a:hover,
.uk-offcanvas-bar .uk-link-heading:hover,
.uk-offcanvas-bar .uk-link-heading a:hover,
.uk-overlay-primary .uk-link-heading:hover,
.uk-overlay-primary .uk-link-heading a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover {
    color: #fff
}

.uk-card-primary.uk-card-body .uk-heading-divider,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,
.uk-card-secondary.uk-card-body .uk-heading-divider,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,
.uk-light .uk-heading-divider,
.uk-offcanvas-bar .uk-heading-divider,
.uk-overlay-primary .uk-heading-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider {
    border-bottom-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-heading-bullet:before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet:before,
.uk-card-secondary.uk-card-body .uk-heading-bullet:before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet:before,
.uk-light .uk-heading-bullet:before,
.uk-offcanvas-bar .uk-heading-bullet:before,
.uk-overlay-primary .uk-heading-bullet:before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet:before {
    border-left-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-heading-line>:after,
.uk-card-primary.uk-card-body .uk-heading-line>:before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>:after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>:before,
.uk-card-secondary.uk-card-body .uk-heading-line>:after,
.uk-card-secondary.uk-card-body .uk-heading-line>:before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>:after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>:before,
.uk-light .uk-heading-line>:after,
.uk-light .uk-heading-line>:before,
.uk-offcanvas-bar .uk-heading-line>:after,
.uk-offcanvas-bar .uk-heading-line>:before,
.uk-overlay-primary .uk-heading-line>:after,
.uk-overlay-primary .uk-heading-line>:before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>:after,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>:after,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>:after,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>:after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>:before {
    border-bottom-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-divider-icon,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,
.uk-card-secondary.uk-card-body .uk-divider-icon,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,
.uk-light .uk-divider-icon,
.uk-offcanvas-bar .uk-divider-icon,
.uk-overlay-primary .uk-divider-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBmaWxsPSdub25lJyBzdHJva2U9J3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKScgc3Ryb2tlLXdpZHRoPScyJyBjeD0nMTAnIGN5PScxMCcgcj0nNycvPjwvc3ZnPg==)
}

.uk-card-primary.uk-card-body .uk-divider-icon:after,
.uk-card-primary.uk-card-body .uk-divider-icon:before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon:after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon:before,
.uk-card-secondary.uk-card-body .uk-divider-icon:after,
.uk-card-secondary.uk-card-body .uk-divider-icon:before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon:after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon:before,
.uk-light .uk-divider-icon:after,
.uk-light .uk-divider-icon:before,
.uk-offcanvas-bar .uk-divider-icon:after,
.uk-offcanvas-bar .uk-divider-icon:before,
.uk-overlay-primary .uk-divider-icon:after,
.uk-overlay-primary .uk-divider-icon:before,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon:after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon:after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon:after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon:after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon:before {
    border-bottom-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-divider-small:after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small:after,
.uk-card-secondary.uk-card-body .uk-divider-small:after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small:after,
.uk-light .uk-divider-small:after,
.uk-offcanvas-bar .uk-divider-small:after,
.uk-overlay-primary .uk-divider-small:after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-small:after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small:after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small:after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small:after {
    border-top-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-divider-vertical,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,
.uk-card-secondary.uk-card-body .uk-divider-vertical,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,
.uk-light .uk-divider-vertical,
.uk-offcanvas-bar .uk-divider-vertical,
.uk-overlay-primary .uk-divider-vertical,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical {
    border-left-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-list-divider>li:nth-child(n+2),
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>li:nth-child(n+2),
.uk-card-secondary.uk-card-body .uk-list-divider>li:nth-child(n+2),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>li:nth-child(n+2),
.uk-light .uk-list-divider>li:nth-child(n+2),
.uk-offcanvas-bar .uk-list-divider>li:nth-child(n+2),
.uk-overlay-primary .uk-list-divider>li:nth-child(n+2),
.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>li:nth-child(n+2),
.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>li:nth-child(n+2),
.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>li:nth-child(n+2),
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>li:nth-child(n+2) {
    border-top-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-list-striped>li:nth-of-type(odd),
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>li:nth-of-type(odd),
.uk-card-secondary.uk-card-body .uk-list-striped>li:nth-of-type(odd),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>li:nth-of-type(odd),
.uk-light .uk-list-striped>li:nth-of-type(odd),
.uk-offcanvas-bar .uk-list-striped>li:nth-of-type(odd),
.uk-overlay-primary .uk-list-striped>li:nth-of-type(odd),
.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd),
.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd),
.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd),
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd) {
    border-top-color: hsla(0, 0%, 100%, .2);
    border-bottom-color: hsla(0, 0%, 100%, .2);
    background-color: hsla(0, 0%, 100%, .1)
}

.uk-card-primary.uk-card-body .uk-list-bullet>li:before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>li:before,
.uk-card-secondary.uk-card-body .uk-list-bullet>li:before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>li:before,
.uk-light .uk-list-bullet>li:before,
.uk-offcanvas-bar .uk-list-bullet>li:before,
.uk-overlay-primary .uk-list-bullet>li:before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>li:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>li:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>li:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>li:before {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nNicgaGVpZ2h0PSc2JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxjaXJjbGUgZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpJyBjeD0nMycgY3k9JzMnIHI9JzMnLz48L3N2Zz4=)
}

.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-light .uk-icon-link,
.uk-offcanvas-bar .uk-icon-link,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,
.uk-card-primary.uk-card-body .uk-icon-link:active,
.uk-card-primary.uk-card-body .uk-icon-link:focus,
.uk-card-primary.uk-card-body .uk-icon-link:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,
.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link:active,
.uk-card-secondary.uk-card-body .uk-icon-link:focus,
.uk-card-secondary.uk-card-body .uk-icon-link:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,
.uk-light .uk-active>.uk-icon-link,
.uk-light .uk-icon-link:active,
.uk-light .uk-icon-link:focus,
.uk-light .uk-icon-link:hover,
.uk-offcanvas-bar .uk-active>.uk-icon-link,
.uk-offcanvas-bar .uk-icon-link:active,
.uk-offcanvas-bar .uk-icon-link:focus,
.uk-offcanvas-bar .uk-icon-link:hover,
.uk-overlay-primary .uk-active>.uk-icon-link,
.uk-overlay-primary .uk-icon-link:active,
.uk-overlay-primary .uk-icon-link:focus,
.uk-overlay-primary .uk-icon-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover {
    color: hsla(0, 0%, 100%, .7)
}

.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-light .uk-icon-button,
.uk-offcanvas-bar .uk-icon-button,
.uk-overlay-primary .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 {
    background-color: hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-icon-button:focus,
.uk-card-primary.uk-card-body .uk-icon-button:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,
.uk-card-secondary.uk-card-body .uk-icon-button:focus,
.uk-card-secondary.uk-card-body .uk-icon-button:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,
.uk-light .uk-icon-button:focus,
.uk-light .uk-icon-button:hover,
.uk-offcanvas-bar .uk-icon-button:focus,
.uk-offcanvas-bar .uk-icon-button:hover,
.uk-overlay-primary .uk-icon-button:focus,
.uk-overlay-primary .uk-icon-button:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover {
    background-color: hsla(0, 0%, 94.9%, .1);
    color: hsla(0, 0%, 100%, .7)
}

.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-light .uk-icon-button:active,
.uk-offcanvas-bar .uk-icon-button:active,
.uk-overlay-primary .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 {
    background-color: hsla(0, 0%, 90.2%, .1);
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-input,
.uk-card-primary.uk-card-body .uk-select,
.uk-card-primary.uk-card-body .uk-textarea,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-select,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,
.uk-card-secondary.uk-card-body .uk-input,
.uk-card-secondary.uk-card-body .uk-select,
.uk-card-secondary.uk-card-body .uk-textarea,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-select,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,
.uk-light .uk-input,
.uk-light .uk-select,
.uk-light .uk-textarea,
.uk-offcanvas-bar .uk-input,
.uk-offcanvas-bar .uk-select,
.uk-offcanvas-bar .uk-textarea,
.uk-overlay-primary .uk-input,
.uk-overlay-primary .uk-select,
.uk-overlay-primary .uk-textarea,
.uk-section-primary:not(.uk-preserve-color) .uk-input,
.uk-section-primary:not(.uk-preserve-color) .uk-select,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea,
.uk-section-secondary:not(.uk-preserve-color) .uk-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-select,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-primary:not(.uk-preserve-color) .uk-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-select,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea {
    background-color: hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .7);
    background-clip: padding-box;
    border-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-input:focus,
.uk-card-primary.uk-card-body .uk-select:focus,
.uk-card-primary.uk-card-body .uk-textarea:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,
.uk-card-secondary.uk-card-body .uk-input:focus,
.uk-card-secondary.uk-card-body .uk-select:focus,
.uk-card-secondary.uk-card-body .uk-textarea:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,
.uk-light .uk-input:focus,
.uk-light .uk-select:focus,
.uk-light .uk-textarea:focus,
.uk-offcanvas-bar .uk-input:focus,
.uk-offcanvas-bar .uk-select:focus,
.uk-offcanvas-bar .uk-textarea:focus,
.uk-overlay-primary .uk-input:focus,
.uk-overlay-primary .uk-select:focus,
.uk-overlay-primary .uk-textarea:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus {
    background-color: hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .7);
    border-color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,
.uk-light .uk-input::-ms-input-placeholder,
.uk-offcanvas-bar .uk-input::-ms-input-placeholder,
.uk-overlay-primary .uk-input::-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5) !important
}

.uk-card-primary.uk-card-body .uk-input::-webkit-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input::-webkit-input-placeholder,
.uk-card-secondary.uk-card-body .uk-input::-webkit-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::-webkit-input-placeholder,
.uk-light .uk-input::-webkit-input-placeholder,
.uk-offcanvas-bar .uk-input::-webkit-input-placeholder,
.uk-overlay-primary .uk-input::-webkit-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-input::-moz-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input::-moz-placeholder,
.uk-card-secondary.uk-card-body .uk-input::-moz-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::-moz-placeholder,
.uk-light .uk-input::-moz-placeholder,
.uk-offcanvas-bar .uk-input::-moz-placeholder,
.uk-overlay-primary .uk-input::-moz-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-input:-ms-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-input:-ms-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:-ms-input-placeholder,
.uk-light .uk-input:-ms-input-placeholder,
.uk-offcanvas-bar .uk-input:-ms-input-placeholder,
.uk-overlay-primary .uk-input:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,
.uk-light .uk-input::-ms-input-placeholder,
.uk-offcanvas-bar .uk-input::-ms-input-placeholder,
.uk-overlay-primary .uk-input::-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-input::placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,
.uk-card-secondary.uk-card-body .uk-input::placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,
.uk-light .uk-input::placeholder,
.uk-offcanvas-bar .uk-input::placeholder,
.uk-overlay-primary .uk-input::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,
.uk-light .uk-textarea::-ms-input-placeholder,
.uk-offcanvas-bar .uk-textarea::-ms-input-placeholder,
.uk-overlay-primary .uk-textarea::-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5) !important
}

.uk-card-primary.uk-card-body .uk-textarea::-webkit-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::-webkit-input-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::-webkit-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::-webkit-input-placeholder,
.uk-light .uk-textarea::-webkit-input-placeholder,
.uk-offcanvas-bar .uk-textarea::-webkit-input-placeholder,
.uk-overlay-primary .uk-textarea::-webkit-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-textarea::-moz-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::-moz-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::-moz-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::-moz-placeholder,
.uk-light .uk-textarea::-moz-placeholder,
.uk-offcanvas-bar .uk-textarea::-moz-placeholder,
.uk-overlay-primary .uk-textarea::-moz-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-textarea:-ms-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea:-ms-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:-ms-input-placeholder,
.uk-light .uk-textarea:-ms-input-placeholder,
.uk-offcanvas-bar .uk-textarea:-ms-input-placeholder,
.uk-overlay-primary .uk-textarea:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,
.uk-light .uk-textarea::-ms-input-placeholder,
.uk-offcanvas-bar .uk-textarea::-ms-input-placeholder,
.uk-overlay-primary .uk-textarea::-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-textarea::placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,
.uk-light .uk-textarea::placeholder,
.uk-offcanvas-bar .uk-textarea::placeholder,
.uk-overlay-primary .uk-textarea::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
.uk-light .uk-select:not([multiple]):not([size]),
.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),
.uk-overlay-primary .uk-select:not([multiple]):not([size]),
.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]) {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpJyBkPSdNMTIgMUw5IDZoNnpNMTIgMTNMOSA4aDZ6Jy8+PC9zdmc+)
}

.uk-card-primary.uk-card-body .uk-input[list]:focus,
.uk-card-primary.uk-card-body .uk-input[list]:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,
.uk-card-secondary.uk-card-body .uk-input[list]:focus,
.uk-card-secondary.uk-card-body .uk-input[list]:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,
.uk-light .uk-input[list]:focus,
.uk-light .uk-input[list]:hover,
.uk-offcanvas-bar .uk-input[list]:focus,
.uk-offcanvas-bar .uk-input[list]:hover,
.uk-overlay-primary .uk-input[list]:focus,
.uk-overlay-primary .uk-input[list]:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpJyBkPSdNMTIgMTJMOCA2aDh6Jy8+PC9zdmc+)
}

.uk-card-primary.uk-card-body .uk-checkbox,
.uk-card-primary.uk-card-body .uk-radio,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio,
.uk-card-secondary.uk-card-body .uk-checkbox,
.uk-card-secondary.uk-card-body .uk-radio,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,
.uk-light .uk-checkbox,
.uk-light .uk-radio,
.uk-offcanvas-bar .uk-checkbox,
.uk-offcanvas-bar .uk-radio,
.uk-overlay-primary .uk-checkbox,
.uk-overlay-primary .uk-radio,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-section-primary:not(.uk-preserve-color) .uk-radio,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio {
    background-color: hsla(0, 0%, 94.9%, .1);
    border-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-checkbox:focus,
.uk-card-primary.uk-card-body .uk-radio:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:focus,
.uk-card-secondary.uk-card-body .uk-radio:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,
.uk-light .uk-checkbox:focus,
.uk-light .uk-radio:focus,
.uk-offcanvas-bar .uk-checkbox:focus,
.uk-offcanvas-bar .uk-radio:focus,
.uk-overlay-primary .uk-checkbox:focus,
.uk-overlay-primary .uk-radio:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus {
    border-color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,
.uk-light .uk-checkbox:checked,
.uk-light .uk-checkbox:indeterminate,
.uk-light .uk-radio:checked,
.uk-offcanvas-bar .uk-checkbox:checked,
.uk-offcanvas-bar .uk-checkbox:indeterminate,
.uk-offcanvas-bar .uk-radio:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
    background-color: #fff;
    border-color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-primary.uk-card-body .uk-radio:checked:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-secondary.uk-card-body .uk-radio:checked:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,
.uk-light .uk-checkbox:checked:focus,
.uk-light .uk-checkbox:indeterminate:focus,
.uk-light .uk-radio:checked:focus,
.uk-offcanvas-bar .uk-checkbox:checked:focus,
.uk-offcanvas-bar .uk-checkbox:indeterminate:focus,
.uk-offcanvas-bar .uk-radio:checked:focus,
.uk-overlay-primary .uk-checkbox:checked:focus,
.uk-overlay-primary .uk-checkbox:indeterminate:focus,
.uk-overlay-primary .uk-radio:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus {
    background-color: #e6e6e6
}

.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,
.uk-light .uk-radio:checked,
.uk-offcanvas-bar .uk-radio:checked,
.uk-overlay-primary .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBmaWxsPScjNjY2JyBjeD0nOCcgY3k9JzgnIHI9JzInLz48L3N2Zz4=)
}

.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-light .uk-checkbox:checked,
.uk-offcanvas-bar .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzY2NicgZD0nTTEyIDFMNSA3LjUgMiA1bC0xIC41TDUgMTBsOC04LjV6Jy8+PC9zdmc+)
}

.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-light .uk-checkbox:indeterminate,
.uk-offcanvas-bar .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzY2NicgZD0nTTMgOGgxMHYxSDN6Jy8+PC9zdmc+)
}

.uk-card-primary.uk-card-body .uk-form-label,
.uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,
.uk-card-secondary.uk-card-body .uk-form-label,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,
.uk-light .uk-form-label,
.uk-offcanvas-bar .uk-form-label,
.uk-overlay-primary .uk-form-label,
.uk-section-primary:not(.uk-preserve-color) .uk-form-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label {
    color: #fff
}

.uk-card-primary.uk-card-body .uk-form-icon,
.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,
.uk-card-secondary.uk-card-body .uk-form-icon,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,
.uk-light .uk-form-icon,
.uk-offcanvas-bar .uk-form-icon,
.uk-overlay-primary .uk-form-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-form-icon:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,
.uk-card-secondary.uk-card-body .uk-form-icon:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,
.uk-light .uk-form-icon:hover,
.uk-offcanvas-bar .uk-form-icon:hover,
.uk-overlay-primary .uk-form-icon:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-button-default,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,
.uk-card-secondary.uk-card-body .uk-button-default,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,
.uk-light .uk-button-default,
.uk-offcanvas-bar .uk-button-default,
.uk-overlay-primary .uk-button-default,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default {
    background-color: transparent;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-button-default.uk-active,
.uk-card-primary.uk-card-body .uk-button-default:active,
.uk-card-primary.uk-card-body .uk-button-default:focus,
.uk-card-primary.uk-card-body .uk-button-default:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,
.uk-card-secondary.uk-card-body .uk-button-default.uk-active,
.uk-card-secondary.uk-card-body .uk-button-default:active,
.uk-card-secondary.uk-card-body .uk-button-default:focus,
.uk-card-secondary.uk-card-body .uk-button-default:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,
.uk-light .uk-button-default.uk-active,
.uk-light .uk-button-default:active,
.uk-light .uk-button-default:focus,
.uk-light .uk-button-default:hover,
.uk-offcanvas-bar .uk-button-default.uk-active,
.uk-offcanvas-bar .uk-button-default:active,
.uk-offcanvas-bar .uk-button-default:focus,
.uk-offcanvas-bar .uk-button-default:hover,
.uk-overlay-primary .uk-button-default.uk-active,
.uk-overlay-primary .uk-button-default:active,
.uk-overlay-primary .uk-button-default:focus,
.uk-overlay-primary .uk-button-default:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.uk-card-primary.uk-card-body .uk-button-primary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,
.uk-card-secondary.uk-card-body .uk-button-primary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,
.uk-light .uk-button-primary,
.uk-offcanvas-bar .uk-button-primary,
.uk-overlay-primary .uk-button-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary {
    background-color: #fff;
    color: #666
}

.uk-card-primary.uk-card-body .uk-button-primary:focus,
.uk-card-primary.uk-card-body .uk-button-primary:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,
.uk-card-secondary.uk-card-body .uk-button-primary:focus,
.uk-card-secondary.uk-card-body .uk-button-primary:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,
.uk-light .uk-button-primary:focus,
.uk-light .uk-button-primary:hover,
.uk-offcanvas-bar .uk-button-primary:focus,
.uk-offcanvas-bar .uk-button-primary:hover,
.uk-overlay-primary .uk-button-primary:focus,
.uk-overlay-primary .uk-button-primary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
    background-color: #f2f2f2;
    color: #666
}

.uk-card-primary.uk-card-body .uk-button-primary.uk-active,
.uk-card-primary.uk-card-body .uk-button-primary:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,
.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-primary:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,
.uk-light .uk-button-primary.uk-active,
.uk-light .uk-button-primary:active,
.uk-offcanvas-bar .uk-button-primary.uk-active,
.uk-offcanvas-bar .uk-button-primary:active,
.uk-overlay-primary .uk-button-primary.uk-active,
.uk-overlay-primary .uk-button-primary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active {
    background-color: #e6e6e6;
    color: #666
}

.uk-card-primary.uk-card-body .uk-button-secondary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,
.uk-card-secondary.uk-card-body .uk-button-secondary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,
.uk-light .uk-button-secondary,
.uk-offcanvas-bar .uk-button-secondary,
.uk-overlay-primary .uk-button-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary {
    background-color: #fff;
    color: #666
}

.uk-card-primary.uk-card-body .uk-button-secondary:focus,
.uk-card-primary.uk-card-body .uk-button-secondary:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,
.uk-card-secondary.uk-card-body .uk-button-secondary:focus,
.uk-card-secondary.uk-card-body .uk-button-secondary:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,
.uk-light .uk-button-secondary:focus,
.uk-light .uk-button-secondary:hover,
.uk-offcanvas-bar .uk-button-secondary:focus,
.uk-offcanvas-bar .uk-button-secondary:hover,
.uk-overlay-primary .uk-button-secondary:focus,
.uk-overlay-primary .uk-button-secondary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover {
    background-color: #f2f2f2;
    color: #666
}

.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-primary.uk-card-body .uk-button-secondary:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,
.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-secondary:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,
.uk-light .uk-button-secondary.uk-active,
.uk-light .uk-button-secondary:active,
.uk-offcanvas-bar .uk-button-secondary.uk-active,
.uk-offcanvas-bar .uk-button-secondary:active,
.uk-overlay-primary .uk-button-secondary.uk-active,
.uk-overlay-primary .uk-button-secondary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active {
    background-color: #e6e6e6;
    color: #666
}

.uk-card-primary.uk-card-body .uk-button-text,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,
.uk-card-secondary.uk-card-body .uk-button-text,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,
.uk-light .uk-button-text,
.uk-offcanvas-bar .uk-button-text,
.uk-overlay-primary .uk-button-text,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text {
    color: #fff
}

.uk-card-primary.uk-card-body .uk-button-text:before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:before,
.uk-card-secondary.uk-card-body .uk-button-text:before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:before,
.uk-light .uk-button-text:before,
.uk-offcanvas-bar .uk-button-text:before,
.uk-overlay-primary .uk-button-text:before,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:before {
    border-bottom-color: #fff
}

.uk-card-primary.uk-card-body .uk-button-text:focus,
.uk-card-primary.uk-card-body .uk-button-text:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,
.uk-card-secondary.uk-card-body .uk-button-text:focus,
.uk-card-secondary.uk-card-body .uk-button-text:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,
.uk-light .uk-button-text:focus,
.uk-light .uk-button-text:hover,
.uk-offcanvas-bar .uk-button-text:focus,
.uk-offcanvas-bar .uk-button-text:hover,
.uk-overlay-primary .uk-button-text:focus,
.uk-overlay-primary .uk-button-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover {
    color: #fff
}

.uk-card-primary.uk-card-body .uk-button-link,
.uk-card-primary.uk-card-body .uk-button-text:disabled,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,
.uk-card-secondary.uk-card-body .uk-button-link,
.uk-card-secondary.uk-card-body .uk-button-text:disabled,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,
.uk-light .uk-button-link,
.uk-light .uk-button-text:disabled,
.uk-offcanvas-bar .uk-button-link,
.uk-offcanvas-bar .uk-button-text:disabled,
.uk-overlay-primary .uk-button-link,
.uk-overlay-primary .uk-button-text:disabled,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-button-link:focus,
.uk-card-primary.uk-card-body .uk-button-link:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,
.uk-card-secondary.uk-card-body .uk-button-link:focus,
.uk-card-secondary.uk-card-body .uk-button-link:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,
.uk-light .uk-button-link:focus,
.uk-light .uk-button-link:hover,
.uk-offcanvas-bar .uk-button-link:focus,
.uk-offcanvas-bar .uk-button-link:hover,
.uk-overlay-primary .uk-button-link:focus,
.uk-overlay-primary .uk-button-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column):before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column):before,
.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column):before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column):before,
.uk-light .uk-grid-divider>:not(.uk-first-column):before,
.uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column):before,
.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column):before,
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column):before,
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column):before,
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column):before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column):before {
    border-left-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin:before {
    border-top-color: hsla(0, 0%, 100%, .2)
}

.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-light .uk-close,
.uk-offcanvas-bar .uk-close,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-close:focus,
.uk-card-primary.uk-card-body .uk-close:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-close:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,
.uk-card-secondary.uk-card-body .uk-close:focus,
.uk-card-secondary.uk-card-body .uk-close:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,
.uk-light .uk-close:focus,
.uk-light .uk-close:hover,
.uk-offcanvas-bar .uk-close:focus,
.uk-offcanvas-bar .uk-close:hover,
.uk-overlay-primary .uk-close:focus,
.uk-overlay-primary .uk-close:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-totop,
.uk-card-primary>:not([class*=uk-card-media]) .uk-totop,
.uk-card-secondary.uk-card-body .uk-totop,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,
.uk-light .uk-totop,
.uk-offcanvas-bar .uk-totop,
.uk-overlay-primary .uk-totop,
.uk-section-primary:not(.uk-preserve-color) .uk-totop,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-totop:focus,
.uk-card-primary.uk-card-body .uk-totop:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,
.uk-card-secondary.uk-card-body .uk-totop:focus,
.uk-card-secondary.uk-card-body .uk-totop:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,
.uk-light .uk-totop:focus,
.uk-light .uk-totop:hover,
.uk-offcanvas-bar .uk-totop:focus,
.uk-offcanvas-bar .uk-totop:hover,
.uk-overlay-primary .uk-totop:focus,
.uk-overlay-primary .uk-totop:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-totop:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,
.uk-card-secondary.uk-card-body .uk-totop:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,
.uk-light .uk-totop:active,
.uk-offcanvas-bar .uk-totop:active,
.uk-overlay-primary .uk-totop:active,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active {
    color: #fff
}

.uk-card-primary.uk-card-body .uk-badge,
.uk-card-primary>:not([class*=uk-card-media]) .uk-badge,
.uk-card-secondary.uk-card-body .uk-badge,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,
.uk-light .uk-badge,
.uk-offcanvas-bar .uk-badge,
.uk-overlay-primary .uk-badge,
.uk-section-primary:not(.uk-preserve-color) .uk-badge,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge {
    background-color: #fff;
    color: #666
}

.uk-card-primary.uk-card-body .uk-badge:focus,
.uk-card-primary.uk-card-body .uk-badge:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-badge:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-badge:hover,
.uk-card-secondary.uk-card-body .uk-badge:focus,
.uk-card-secondary.uk-card-body .uk-badge:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge:hover,
.uk-light .uk-badge:focus,
.uk-light .uk-badge:hover,
.uk-offcanvas-bar .uk-badge:focus,
.uk-offcanvas-bar .uk-badge:hover,
.uk-overlay-primary .uk-badge:focus,
.uk-overlay-primary .uk-badge:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover {
    color: #666
}

.uk-card-primary.uk-card-body .uk-label,
.uk-card-primary>:not([class*=uk-card-media]) .uk-label,
.uk-card-secondary.uk-card-body .uk-label,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-label,
.uk-light .uk-label,
.uk-offcanvas-bar .uk-label,
.uk-overlay-primary .uk-label,
.uk-section-primary:not(.uk-preserve-color) .uk-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-label {
    background-color: #fff;
    color: #666
}

.uk-card-primary.uk-card-body .uk-article-meta,
.uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,
.uk-card-secondary.uk-card-body .uk-article-meta,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,
.uk-light .uk-article-meta,
.uk-offcanvas-bar .uk-article-meta,
.uk-overlay-primary .uk-article-meta,
.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-search-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,
.uk-light .uk-search-input,
.uk-offcanvas-bar .uk-search-input,
.uk-overlay-primary .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,
.uk-light .uk-search-input:-ms-input-placeholder,
.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder,
.uk-overlay-primary .uk-search-input:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5) !important
}

.uk-card-primary.uk-card-body .uk-search-input::-webkit-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::-webkit-input-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::-webkit-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::-webkit-input-placeholder,
.uk-light .uk-search-input::-webkit-input-placeholder,
.uk-offcanvas-bar .uk-search-input::-webkit-input-placeholder,
.uk-overlay-primary .uk-search-input::-webkit-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-search-input::-moz-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::-moz-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::-moz-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::-moz-placeholder,
.uk-light .uk-search-input::-moz-placeholder,
.uk-offcanvas-bar .uk-search-input::-moz-placeholder,
.uk-overlay-primary .uk-search-input::-moz-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,
.uk-light .uk-search-input:-ms-input-placeholder,
.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder,
.uk-overlay-primary .uk-search-input:-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-search-input::-ms-input-placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::-ms-input-placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::-ms-input-placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::-ms-input-placeholder,
.uk-light .uk-search-input::-ms-input-placeholder,
.uk-offcanvas-bar .uk-search-input::-ms-input-placeholder,
.uk-overlay-primary .uk-search-input::-ms-input-placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-search-input::placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,
.uk-light .uk-search-input::placeholder,
.uk-offcanvas-bar .uk-search-input::placeholder,
.uk-overlay-primary .uk-search-input::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,
.uk-light .uk-search .uk-search-icon,
.uk-light .uk-search .uk-search-icon:hover,
.uk-offcanvas-bar .uk-search .uk-search-icon,
.uk-offcanvas-bar .uk-search .uk-search-icon:hover,
.uk-overlay-primary .uk-search .uk-search-icon,
.uk-overlay-primary .uk-search .uk-search-icon:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,
.uk-light .uk-search-default .uk-search-input,
.uk-offcanvas-bar .uk-search-default .uk-search-input,
.uk-overlay-primary .uk-search-default .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input {
    background-color: transparent;
    border-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,
.uk-light .uk-search-default .uk-search-input:focus,
.uk-light .uk-search-large .uk-search-input,
.uk-light .uk-search-navbar .uk-search-input,
.uk-offcanvas-bar .uk-search-default .uk-search-input:focus,
.uk-offcanvas-bar .uk-search-large .uk-search-input,
.uk-offcanvas-bar .uk-search-navbar .uk-search-input,
.uk-overlay-primary .uk-search-default .uk-search-input:focus,
.uk-overlay-primary .uk-search-large .uk-search-input,
.uk-overlay-primary .uk-search-navbar .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input {
    background-color: transparent
}

.uk-card-primary.uk-card-body .uk-search-toggle,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,
.uk-card-secondary.uk-card-body .uk-search-toggle,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,
.uk-light .uk-search-toggle,
.uk-offcanvas-bar .uk-search-toggle,
.uk-overlay-primary .uk-search-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-search-toggle:focus,
.uk-card-primary.uk-card-body .uk-search-toggle:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,
.uk-card-secondary.uk-card-body .uk-search-toggle:focus,
.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,
.uk-light .uk-search-toggle:focus,
.uk-light .uk-search-toggle:hover,
.uk-offcanvas-bar .uk-search-toggle:focus,
.uk-offcanvas-bar .uk-search-toggle:hover,
.uk-overlay-primary .uk-search-toggle:focus,
.uk-overlay-primary .uk-search-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent>a:after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a:after,
.uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent>a:after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a:after,
.uk-light .uk-nav-parent-icon>.uk-parent>a:after,
.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a:after,
.uk-overlay-primary .uk-nav-parent-icon>.uk-parent>a:after,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a:after,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a:after,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a:after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a:after {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyknIHN0cm9rZS13aWR0aD0nMS4xJyBkPSdNMTAgMUw0IDdsNiA2Jy8+PC9zdmc+)
}

.uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-light .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-overlay-primary .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a:after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a:after {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyknIHN0cm9rZS13aWR0aD0nMS4xJyBkPSdNMSA0bDYgNiA2LTYnLz48L3N2Zz4=)
}

.uk-card-primary.uk-card-body .uk-nav-default>li>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,
.uk-card-secondary.uk-card-body .uk-nav-default>li>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,
.uk-light .uk-nav-default>li>a,
.uk-offcanvas-bar .uk-nav-default>li>a,
.uk-overlay-primary .uk-nav-default>li>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-nav-default>li>a:focus,
.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default>li>a:focus,
.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,
.uk-light .uk-nav-default>li>a:focus,
.uk-light .uk-nav-default>li>a:hover,
.uk-offcanvas-bar .uk-nav-default>li>a:focus,
.uk-offcanvas-bar .uk-nav-default>li>a:hover,
.uk-overlay-primary .uk-nav-default>li>a:focus,
.uk-overlay-primary .uk-nav-default>li>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,
.uk-light .uk-nav-default .uk-nav-header,
.uk-light .uk-nav-default>li.uk-active>a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-header,
.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,
.uk-overlay-primary .uk-nav-default .uk-nav-header,
.uk-overlay-primary .uk-nav-default>li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a {
    color: #fff
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,
.uk-light .uk-nav-default .uk-nav-divider,
.uk-offcanvas-bar .uk-nav-default .uk-nav-divider,
.uk-overlay-primary .uk-nav-default .uk-nav-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider {
    border-top-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,
.uk-light .uk-nav-default .uk-nav-sub a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,
.uk-light .uk-nav-default .uk-nav-sub a:focus,
.uk-light .uk-nav-default .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a {
    color: #fff
}

.uk-card-primary.uk-card-body .uk-nav-primary>li>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,
.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,
.uk-light .uk-nav-primary>li>a,
.uk-offcanvas-bar .uk-nav-primary>li>a,
.uk-overlay-primary .uk-nav-primary>li>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-nav-primary>li>a:focus,
.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:focus,
.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,
.uk-light .uk-nav-primary>li>a:focus,
.uk-light .uk-nav-primary>li>a:hover,
.uk-offcanvas-bar .uk-nav-primary>li>a:focus,
.uk-offcanvas-bar .uk-nav-primary>li>a:hover,
.uk-overlay-primary .uk-nav-primary>li>a:focus,
.uk-overlay-primary .uk-nav-primary>li>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,
.uk-light .uk-nav-primary .uk-nav-header,
.uk-light .uk-nav-primary>li.uk-active>a,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-header,
.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,
.uk-overlay-primary .uk-nav-primary .uk-nav-header,
.uk-overlay-primary .uk-nav-primary>li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a {
    color: #fff
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,
.uk-light .uk-nav-primary .uk-nav-divider,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,
.uk-overlay-primary .uk-nav-primary .uk-nav-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider {
    border-top-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,
.uk-light .uk-nav-primary .uk-nav-sub a,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,
.uk-light .uk-nav-primary .uk-nav-sub a:focus,
.uk-light .uk-nav-primary .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a {
    color: #fff
}

.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-light .uk-navbar-nav>li>a,
.uk-offcanvas-bar .uk-navbar-nav>li>a,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a.uk-open,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:focus,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a.uk-open,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:focus,
.uk-light .uk-navbar-nav>li:hover>a,
.uk-light .uk-navbar-nav>li>a.uk-open,
.uk-light .uk-navbar-nav>li>a:focus,
.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,
.uk-offcanvas-bar .uk-navbar-nav>li>a.uk-open,
.uk-offcanvas-bar .uk-navbar-nav>li>a:focus,
.uk-overlay-primary .uk-navbar-nav>li:hover>a,
.uk-overlay-primary .uk-navbar-nav>li>a.uk-open,
.uk-overlay-primary .uk-navbar-nav>li>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,
.uk-light .uk-navbar-nav>li.uk-active>a,
.uk-light .uk-navbar-nav>li>a:active,
.uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,
.uk-offcanvas-bar .uk-navbar-nav>li>a:active,
.uk-overlay-primary .uk-navbar-nav>li.uk-active>a,
.uk-overlay-primary .uk-navbar-nav>li>a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active {
    color: #fff
}

.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-light .uk-navbar-item,
.uk-offcanvas-bar .uk-navbar-item,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .7)
}

.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-light .uk-navbar-toggle,
.uk-offcanvas-bar .uk-navbar-toggle,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,
.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,
.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,
.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,
.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,
.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,
.uk-light .uk-navbar-toggle.uk-open,
.uk-light .uk-navbar-toggle:focus,
.uk-light .uk-navbar-toggle:hover,
.uk-offcanvas-bar .uk-navbar-toggle.uk-open,
.uk-offcanvas-bar .uk-navbar-toggle:focus,
.uk-offcanvas-bar .uk-navbar-toggle:hover,
.uk-overlay-primary .uk-navbar-toggle.uk-open,
.uk-overlay-primary .uk-navbar-toggle:focus,
.uk-overlay-primary .uk-navbar-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,
.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,
.uk-light .uk-subnav>*>:first-child,
.uk-offcanvas-bar .uk-subnav>*>:first-child,
.uk-overlay-primary .uk-subnav>*>:first-child,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-subnav>*>a:focus,
.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,
.uk-card-secondary.uk-card-body .uk-subnav>*>a:focus,
.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,
.uk-light .uk-subnav>*>a:focus,
.uk-light .uk-subnav>*>a:hover,
.uk-offcanvas-bar .uk-subnav>*>a:focus,
.uk-offcanvas-bar .uk-subnav>*>a:hover,
.uk-overlay-primary .uk-subnav>*>a:focus,
.uk-overlay-primary .uk-subnav>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,
.uk-light .uk-subnav>.uk-active>a,
.uk-offcanvas-bar .uk-subnav>.uk-active>a,
.uk-overlay-primary .uk-subnav>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a {
    color: #fff
}

.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column):before {
    border-left-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,
.uk-light .uk-subnav-pill>*>:first-child,
.uk-offcanvas-bar .uk-subnav-pill>*>:first-child,
.uk-overlay-primary .uk-subnav-pill>*>:first-child,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child {
    background-color: transparent;
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,
.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:focus,
.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:focus,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,
.uk-light .uk-subnav-pill>*>a:active,
.uk-light .uk-subnav-pill>*>a:focus,
.uk-light .uk-subnav-pill>*>a:hover,
.uk-offcanvas-bar .uk-subnav-pill>*>a:active,
.uk-offcanvas-bar .uk-subnav-pill>*>a:focus,
.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,
.uk-overlay-primary .uk-subnav-pill>*>a:active,
.uk-overlay-primary .uk-subnav-pill>*>a:focus,
.uk-overlay-primary .uk-subnav-pill>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover {
    background-color: hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,
.uk-light .uk-subnav-pill>.uk-active>a,
.uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,
.uk-overlay-primary .uk-subnav-pill>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a {
    background-color: #fff;
    color: #666
}

.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,
.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,
.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,
.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,
.uk-light .uk-breadcrumb>*>*,
.uk-light .uk-subnav>.uk-disabled>a,
.uk-offcanvas-bar .uk-breadcrumb>*>*,
.uk-offcanvas-bar .uk-subnav>.uk-disabled>a,
.uk-overlay-primary .uk-breadcrumb>*>*,
.uk-overlay-primary .uk-subnav>.uk-disabled>a,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-breadcrumb>*>:focus,
.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,
.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,
.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:focus,
.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,
.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,
.uk-light .uk-breadcrumb>*>:focus,
.uk-light .uk-breadcrumb>*>:hover,
.uk-light .uk-breadcrumb>:last-child>*,
.uk-offcanvas-bar .uk-breadcrumb>*>:focus,
.uk-offcanvas-bar .uk-breadcrumb>*>:hover,
.uk-offcanvas-bar .uk-breadcrumb>:last-child>*,
.uk-overlay-primary .uk-breadcrumb>*>:focus,
.uk-overlay-primary .uk-breadcrumb>*>:hover,
.uk-overlay-primary .uk-breadcrumb>:last-child>*,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>* {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-card-primary.uk-card-body .uk-pagination>*>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,
.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-card-secondary.uk-card-body .uk-pagination>*>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,
.uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-light .uk-pagination>*>*,
.uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-offcanvas-bar .uk-pagination>*>*,
.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-overlay-primary .uk-pagination>*>*,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>* {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-pagination>*>:focus,
.uk-card-primary.uk-card-body .uk-pagination>*>:hover,
.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,
.uk-card-secondary.uk-card-body .uk-pagination>*>:focus,
.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,
.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,
.uk-light .uk-pagination>*>:focus,
.uk-light .uk-pagination>*>:hover,
.uk-light .uk-pagination>.uk-active>*,
.uk-offcanvas-bar .uk-pagination>*>:focus,
.uk-offcanvas-bar .uk-pagination>*>:hover,
.uk-offcanvas-bar .uk-pagination>.uk-active>*,
.uk-overlay-primary .uk-pagination>*>:focus,
.uk-overlay-primary .uk-pagination>*>:hover,
.uk-overlay-primary .uk-pagination>.uk-active>*,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>* {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,
.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,
.uk-light .uk-pagination>.uk-disabled>*,
.uk-offcanvas-bar .uk-pagination>.uk-disabled>*,
.uk-overlay-primary .uk-pagination>.uk-disabled>*,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>* {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-tab:before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab:before,
.uk-card-secondary.uk-card-body .uk-tab:before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab:before,
.uk-light .uk-tab:before,
.uk-offcanvas-bar .uk-tab:before,
.uk-overlay-primary .uk-tab:before,
.uk-section-primary:not(.uk-preserve-color) .uk-tab:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab:before {
    border-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-tab>*>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,
.uk-card-secondary.uk-card-body .uk-tab>*>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,
.uk-light .uk-tab>*>a,
.uk-offcanvas-bar .uk-tab>*>a,
.uk-overlay-primary .uk-tab>*>a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-tab>*>a:focus,
.uk-card-primary.uk-card-body .uk-tab>*>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,
.uk-card-secondary.uk-card-body .uk-tab>*>a:focus,
.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,
.uk-light .uk-tab>*>a:focus,
.uk-light .uk-tab>*>a:hover,
.uk-offcanvas-bar .uk-tab>*>a:focus,
.uk-offcanvas-bar .uk-tab>*>a:hover,
.uk-overlay-primary .uk-tab>*>a:focus,
.uk-overlay-primary .uk-tab>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,
.uk-light .uk-tab>.uk-active>a,
.uk-offcanvas-bar .uk-tab>.uk-active>a,
.uk-overlay-primary .uk-tab>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a {
    color: #fff;
    border-color: #fff
}

.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,
.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,
.uk-light .uk-tab>.uk-disabled>a,
.uk-offcanvas-bar .uk-tab>.uk-disabled>a,
.uk-overlay-primary .uk-tab>.uk-disabled>a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a {
    color: hsla(0, 0%, 100%, .5)
}

.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-light .uk-slidenav,
.uk-offcanvas-bar .uk-slidenav,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-slidenav:focus,
.uk-card-primary.uk-card-body .uk-slidenav:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,
.uk-card-secondary.uk-card-body .uk-slidenav:focus,
.uk-card-secondary.uk-card-body .uk-slidenav:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,
.uk-light .uk-slidenav:focus,
.uk-light .uk-slidenav:hover,
.uk-offcanvas-bar .uk-slidenav:focus,
.uk-offcanvas-bar .uk-slidenav:hover,
.uk-overlay-primary .uk-slidenav:focus,
.uk-overlay-primary .uk-slidenav:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover {
    color: hsla(0, 0%, 100%, .95)
}

.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-light .uk-slidenav:active,
.uk-offcanvas-bar .uk-slidenav:active,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .7)
}

.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-light .uk-dotnav>*>*,
.uk-offcanvas-bar .uk-dotnav>*>*,
.uk-overlay-primary .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>*>* {
    background-color: transparent;
    border-color: hsla(0, 0%, 100%, .9)
}

.uk-card-primary.uk-card-body .uk-dotnav>*>:focus,
.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,
.uk-card-secondary.uk-card-body .uk-dotnav>*>:focus,
.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,
.uk-light .uk-dotnav>*>:focus,
.uk-light .uk-dotnav>*>:hover,
.uk-offcanvas-bar .uk-dotnav>*>:focus,
.uk-offcanvas-bar .uk-dotnav>*>:hover,
.uk-overlay-primary .uk-dotnav>*>:focus,
.uk-overlay-primary .uk-dotnav>*>:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover {
    background-color: hsla(0, 0%, 100%, .9);
    border-color: transparent
}

.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-light .uk-dotnav>*>:active,
.uk-offcanvas-bar .uk-dotnav>*>:active,
.uk-overlay-primary .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 {
    background-color: hsla(0, 0%, 100%, .5);
    border-color: transparent
}

.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-light .uk-dotnav>.uk-active>*,
.uk-offcanvas-bar .uk-dotnav>.uk-active>*,
.uk-overlay-primary .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>* {
    background-color: hsla(0, 0%, 100%, .9);
    border-color: transparent
}

.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-light .uk-accordion-title:before,
.uk-offcanvas-bar .uk-accordion-title:before,
.uk-overlay-primary .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 {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nMTMnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpJyBkPSdNMCA2aDEzdjFIMHonLz48cGF0aCBmaWxsPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyknIGQ9J002IDBoMXYxM0g2eicvPjwvc3ZnPg==)
}

.uk-card-primary.uk-card-body .uk-open>.uk-accordion-title:before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title:before,
.uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title:before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title:before,
.uk-light .uk-open>.uk-accordion-title:before,
.uk-offcanvas-bar .uk-open>.uk-accordion-title:before,
.uk-overlay-primary .uk-open>.uk-accordion-title:before,
.uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title:before,
.uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title:before,
.uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title:before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title:before {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nMTMnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpJyBkPSdNMCA2aDEzdjFIMHonLz48L3N2Zz4=)
}

.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-light .uk-iconnav>*>a,
.uk-offcanvas-bar .uk-iconnav>*>a,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .5)
}

.uk-card-primary.uk-card-body .uk-iconnav>*>a:focus,
.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,
.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,
.uk-card-primary.uk-card-body .uk-text-lead,
.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,
.uk-card-secondary.uk-card-body .uk-iconnav>*>a:focus,
.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,
.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-text-lead,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,
.uk-light .uk-iconnav>*>a:focus,
.uk-light .uk-iconnav>*>a:hover,
.uk-light .uk-iconnav>.uk-active>a,
.uk-light .uk-text-lead,
.uk-offcanvas-bar .uk-iconnav>*>a:focus,
.uk-offcanvas-bar .uk-iconnav>*>a:hover,
.uk-offcanvas-bar .uk-iconnav>.uk-active>a,
.uk-offcanvas-bar .uk-text-lead,
.uk-overlay-primary .uk-iconnav>*>a:focus,
.uk-overlay-primary .uk-iconnav>*>a:hover,
.uk-overlay-primary .uk-iconnav>.uk-active>a,
.uk-overlay-primary .uk-text-lead,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead {
    color: hsla(0, 0%, 100%, .7)
}

.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-light .uk-text-meta,
.uk-offcanvas-bar .uk-text-meta,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .5)
}

.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-light .uk-text-muted,
.uk-offcanvas-bar .uk-text-muted,
.uk-overlay-primary .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 {
    color: hsla(0, 0%, 100%, .5) !important
}

.uk-card-primary.uk-card-body .uk-text-emphasis,
.uk-card-primary.uk-card-body .uk-text-primary,
.uk-card-primary.uk-card-body .uk-text-secondary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,
.uk-card-secondary.uk-card-body .uk-text-emphasis,
.uk-card-secondary.uk-card-body .uk-text-primary,
.uk-card-secondary.uk-card-body .uk-text-secondary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,
.uk-light .uk-text-emphasis,
.uk-light .uk-text-primary,
.uk-light .uk-text-secondary,
.uk-offcanvas-bar .uk-text-emphasis,
.uk-offcanvas-bar .uk-text-primary,
.uk-offcanvas-bar .uk-text-secondary,
.uk-overlay-primary .uk-text-emphasis,
.uk-overlay-primary .uk-text-primary,
.uk-overlay-primary .uk-text-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary {
    color: #fff !important
}

.uk-card-primary.uk-card-body .uk-column-divider,
.uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,
.uk-card-secondary.uk-card-body .uk-column-divider,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,
.uk-light .uk-column-divider,
.uk-offcanvas-bar .uk-column-divider,
.uk-overlay-primary .uk-column-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider {
    -webkit-column-rule-color: hsla(0, 0%, 100%, .2);
    -moz-column-rule-color: hsla(0, 0%, 100%, .2);
    column-rule-color: hsla(0, 0%, 100%, .2)
}

.uk-card-primary.uk-card-body .uk-logo,
.uk-card-primary.uk-card-body .uk-logo:focus,
.uk-card-primary.uk-card-body .uk-logo:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,
.uk-card-secondary.uk-card-body .uk-logo,
.uk-card-secondary.uk-card-body .uk-logo:focus,
.uk-card-secondary.uk-card-body .uk-logo:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,
.uk-light .uk-logo,
.uk-light .uk-logo:focus,
.uk-light .uk-logo:hover,
.uk-offcanvas-bar .uk-logo,
.uk-offcanvas-bar .uk-logo:focus,
.uk-offcanvas-bar .uk-logo:hover,
.uk-overlay-primary .uk-logo,
.uk-overlay-primary .uk-logo:focus,
.uk-overlay-primary .uk-logo:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-logo,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover {
    color: hsla(0, 0%, 100%, .7)
}

.uk-card-primary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-light .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-offcanvas-bar .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-overlay-primary .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type) {
    display: none
}

.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-light .uk-logo-inverse,
.uk-offcanvas-bar .uk-logo-inverse,
.uk-overlay-primary .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 {
    display: inline
}

@media print {

    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

header {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
    background: #fff;
    z-index: 1
}

.header-left .main-navbar li.active-page a {
    color: #000080;
    position: relative
}

.header-left .main-navbar li.active-page a:after {
    position: absolute;
    content: "";
    width: calc(100% - 58px);
    height: 1px;
    background: #000080;
    bottom: 22px
}

.header-left .main-navbar {
    margin-left: 60px;
    font-family: Open Sans
}

.header-left .logo-image img {
    max-width: 220px;
    width: 100%
}

.header-right .admin-header-navbar {
    font-family: Open Sans
}

.header-right .uk-navbar-dropdown {
    width: 100px;
    padding: 5px
}

.header-right .admin-header-navbar li a {
    text-transform: none
}

.header-left .main-navbar li a,
.header-right .admin-header-navbar li a {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #000;
    font-family: Open sans, sans-serif
}

.header-left .main-navbar li a:hover,
.header-right .admin-header-navbar li a:hover {
    color: #000080
}

.nav-lang-flag a img:first-child {
    border: 1px solid #9cddff;
    border-radius: 5px;
    margin-right: 5px;
    width: 29px
}

.nav-lang-flag ul {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.nav-sign {
    margin-left: 18px;
    margin-right: 5px
}

.nav-name {
    text-decoration: underline
}

.header.header-mobile {
    display: none
}

.menu-btn:hover {
    cursor: pointer
}

.header-desktop .logo-image a:first-child {
    display: block
}

.header-desktop .logo-image a:last-child {
    display: none
}

@media screen and (max-width:1200px) {
    .logo-image {
        max-width: 200px
    }

    .header-left .main-navbar {
        margin-left: 30px
    }

    .header-left .main-navbar li a,
    .header-right .admin-header-navbar li a {
        font-size: 16px
    }
}

@media screen and (max-width:991px) {

    .header-left .main-navbar li a,
    .header-right .admin-header-navbar li a {
        font-size: 14px
    }

    .header-left .main-navbar {
        margin-left: 30px
    }

    .header-left .logo-image img {
        border: 1px solid #000;
        border-radius: 50%
    }

    .header-desktop .logo-image a:first-child {
        display: none
    }

    .header-desktop .logo-image a:last-child {
        display: block
    }
}

@media screen and (max-width:768px) {
    header {
        height: 64px;
        box-shadow: none;
        background: #000080
    }

    .mobile-logo .logo-image img {
        width: 100%;
        max-width: 40px
    }

    .header.header-desktop.uk-flex {
        display: none
    }

    .header.header-mobile {
        display: -webkit-box;
        display: flex
    }

    .header-mobile {
        margin: 10px 0
    }

    .mobile_menu-left,
    .mobile_menu-right {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    .header-mobile .uk-dropdown {
        min-width: 100px;
        padding: 5px;
        left: -70px
    }

    .mobile_flag-btn {
        border: none;
        padding: 0;
        background: 0 0
    }

    .mobile-dropdown-flags {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto
    }

    .mobile_flag img {
        width: 41px;
        height: 30px;
        border: 1px solid #ced9de;
        border-radius: 5px
    }

    .mobile_flag .mobile-dropdown-flags img {
        margin-right: 10px
    }

    .mobile_menu-right>a {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        letter-spacing: .1em;
        color: #fff;
        border: 1px solid #fff;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 8px 16px;
        margin-right: 18px
    }

    .mobile_menu-right_icon svg {
        color: #fff;
        height: 40px;
        width: 40px
    }

    .mobile_menu-right_icon a.logout {
        margin: 0 15px
    }

    .burger-menu {
        width: 44px;
        height: 44px;
        display: -webkit-box;
        display: flex;
        margin-right: 11px
    }

    .burger-menu span {
        width: 32px;
        height: 2px;
        background: #fff;
        display: block;
        margin: auto;
        position: relative
    }

    .burger-menu span:after,
    .burger-menu span:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 32px;
        height: 2px;
        background: #fff
    }

    .burger-menu span:before {
        top: -14px
    }

    .burger-menu span:after {
        bottom: -14px
    }

    .mobile-nav {
        width: 100%;
        background: #000080;
        z-index: 999;
        padding-top: 28px;
        max-height: 400px;
        height: 100%;
        position: absolute;
        top: 64px;
        left: -100%;
        overflow: hidden
    }

    .mobile-nav,
    .mobile-nav_active {
        -webkit-transition: .3s ease;
        transition: .3s ease
    }

    .mobile-nav_active {
        left: 0;
        overflow: visible
    }

    .profile-nav {
        max-height: 400px
    }

    .mobile-nav .nav-links .link {
        margin-bottom: 24px;
        margin-left: 21px
    }

    .mobile-nav .nav-links .link a {
        font-family: Open Sans;
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #fff
    }

    .active-page_mobile a {
        position: relative
    }

    .active-page_mobile a:after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 0;
        right: 0;
        margin: auto;
        width: calc(100% - 20px);
        background: #fff;
        height: 2px
    }
}

.main-profile {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: 100%;
    background: #dcecf9
}

.main-profile-row {
    width: 100%;
    margin: 0;
    font-size: 28px;
    padding: 20px 30px 100px;
    background: #dcecf9
}

@media screen and (max-width:1600px) {
    .main-profile-row {
        width: 100%;
        padding: 25px 25px 100px
    }
}

@media screen and (max-width:1120px) {
    .main-profile-row {
        padding: 10px
    }
}

@media screen and (max-width:768px) {
    .main-profile-row {
        width: 100%;
        padding: 0
    }
}

.main-profile a:hover {
    color: #000080
}

.sidenav {
    width: 100%;
    max-width: 245px;
    padding: 10px 10px 10px 53px;
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    z-index: 0
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #4c4d4c;
    display: block
}

.sidenav a:hover {
    color: #000080
}

@media screen and (max-width:1600px) {
    .sidenav {
        max-width: 233px;
        padding: 20px 10px 10px 18px
    }
}

@media screen and (max-width:992px) {
    .sidenav {
        max-width: 180px
    }
}

@media screen and (max-width:768px) {
    .sidenav {
        display: none
    }
}

.adminPanel a {
    display: inline-block;
    font-size: 19px;
    line-height: 55px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000
}

@media screen and (max-width:1600px) {
    .adminPanel a {
        font-size: 16px;
        line-height: 43px
    }
}

.adminPanel li.active-page a {
    color: #000080;
    position: relative
}

.adminPanel li.active-page a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #000080;
    bottom: 15px;
    left: 10px
}

.pi-portfolio {
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 40px 28px 63px 38px;
    margin: 0 20px 20px 0
}

.pi-portfolio h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 30px
}

@media screen and (max-width:1600px) {
    .pi-portfolio h2 {
        font-size: 16px
    }
}

.pi-portfolio .pi-balance,
.pi-portfolio .pi-structure {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    text-align: center
}

.pi-portfolio .pi-balance--content,
.pi-portfolio .pi-structure--content {
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    letter-spacing: .1em;
    color: #3a3a3a
}

.pi-portfolio .pi-balance--content .primary,
.pi-portfolio .pi-structure--content .primary {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: .1em;
    color: #000
}

@media screen and (max-width:1400px) {

    .pi-portfolio .pi-balance--content .primary,
    .pi-portfolio .pi-structure--content .primary {
        font-size: 16px
    }
}

@media screen and (max-width:1400px) {

    .pi-portfolio .pi-balance--content,
    .pi-portfolio .pi-structure--content {
        font-size: 14px
    }
}

.pi-portfolio .pi-balance {
    margin-bottom: 20px
}

@media screen and (max-width:1400px) {
    .pi-portfolio {
        padding: 25px
    }
}

@media screen and (max-width:992px) {
    .pi-portfolio {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .pi-portfolio {
        margin: 0 20px 20px
    }
}

.nav-dots {
    margin-top: 5px !important;
    margin-bottom: 10px !important
}

.nav-dots li a {
    width: 30px;
    height: 6px;
    background: #c4c4c4;
    opacity: .3;
    border-radius: 3px
}

.nav-dots .uk-active a {
    background: #c4c4c4;
    border-radius: 3px;
    opacity: 1
}

.pi-user {
    position: relative;
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 27px 35px;
    margin: 0 20px 20px 0
}

.pi-user--info_edit {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 6px
}

@media screen and (max-width:1600px) {
    .pi-user--info_edit {
        right: 10px;
        top: 4px
    }
}

.pi-user--info .user {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center
}

.pi-user--info .user_img {
    background-size: auto 70px;
    height: 70px;
    width: 70px;
    margin-right: 20px;
    border-radius: 50%
}

@media screen and (max-width:1600px) {
    .pi-user--info .user_img {
        background-size: auto 60px;
        height: 60px;
        width: 60px;
        margin-right: 15px
    }
}

.pi-user--info .user-info_name {
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: .1em;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 5px
}

@media screen and (max-width:1600px) {
    .pi-user--info .user-info_name {
        font-size: 16px;
        line-height: 22px
    }
}

.pi-user--info .user-info_state {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #000
}

@media screen and (max-width:1600px) {
    .pi-user--info .user-info_state {
        font-size: 14px
    }
}

.pi-user--info .userBalanceInfo {
    margin-top: 40px
}

.pi-user--info .userBalanceInfo .balanceInfo,
.pi-user--info .userBalanceInfo .scoreInfo {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .1em;
    color: #000
}

@media screen and (max-width:1600px) {

    .pi-user--info .userBalanceInfo .balanceInfo,
    .pi-user--info .userBalanceInfo .scoreInfo {
        font-size: 16px
    }
}

@media screen and (max-width:1400px) {
    .pi-user {
        padding: 25px
    }
}

@media screen and (max-width:1310px) {
    .pi-user {
        padding: 20px
    }
}

@media screen and (max-width:1120px) {
    .pi-user {
        width: 50%
    }
}

@media screen and (max-width:992px) {
    .pi-user {
        width: auto;
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .pi-user {
        margin: 0 20px 20px
    }
}

.profile-info {
    padding: 20px 30px;
    background: #dcecf9;
    width: 76%
}

.profile-info .pi-portfolio {
    padding: 32px 27px 42px 35px
}

.profile-info .pi-portfolio--info {
    padding: 0 7px 0 2px
}

@media screen and (max-width:1190px) {
    .profile-info .pi-portfolio--info {
        padding: 0 1px 0 2px
    }
}

@media screen and (max-width:1120px) {
    .profile-info .pi-user {
        width: auto
    }
}

.profile-info .pi-block {
    -webkit-box-orient: horizontal;
    flex-direction: row;
    max-width: 1192px
}

.profile-info .pi-block,
.profile-info .pi-block--column {
    display: -webkit-box;
    display: flex;
    -webkit-box-direction: normal
}

.profile-info .pi-block--column {
    -webkit-box-orient: vertical;
    flex-direction: column;
    width: 30%
}

.profile-info .pi-block--column .pi-portfolio .pi-balance,
.profile-info .pi-block--column .pi-portfolio .pi-structure {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    text-align: center
}

.profile-info .pi-block--column .pi-portfolio .pi-balance {
    margin-bottom: 20px
}

@media screen and (max-width:992px) {
    .profile-info .pi-block--column .pi-portfolio {
        width: auto;
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .profile-info .pi-block--column .pi-portfolio {
        width: auto;
        margin: 0 20px 20px
    }
}

.profile-info .pi-block--column .pi-offer {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 373px;
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 22px 27px 22px 35px;
    margin: 0 20px 20px 0
}

.profile-info .pi-block--column .pi-offer .no-offers {
    -webkit-box-align: center;
    align-items: center;
    color: #646464
}

.profile-info .pi-block--column .pi-offer .no-offers img {
    width: 150px
}

.profile-info .pi-block--column .pi-offer .no-offers p {
    margin: 15px 0
}

.profile-info .pi-block--column .pi-offer h2 {
    font-weight: 600;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--column .pi-offer h2 {
        font-size: 16px
    }
}

.profile-info .pi-block--column .pi-offer--button {
    text-align: center;
    margin: auto 0 0
}

.profile-info .pi-block--column .pi-offer--button button {
    cursor: pointer;
    padding: 13px 27px;
    background: #000080;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #fff;
    border: none
}

.profile-info .pi-block--column .pi-offer--button button:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--column .pi-offer--button button {
        padding: 12px 20px
    }
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--column .pi-offer {
        padding: 22px 27px 22px 35px;
        min-height: 337px
    }
}

@media screen and (max-width:1310px) {
    .profile-info .pi-block--column .pi-offer {
        padding: 22px 20px
    }
}

@media screen and (max-width:1190px) {
    .profile-info .pi-block--column .pi-offer {
        margin: 0 0 20px
    }
}

@media screen and (max-width:992px) {
    .profile-info .pi-block--column .pi-offer {
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .profile-info .pi-block--column .pi-offer {
        padding: 15px;
        margin: 0 20px 20px
    }
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--column {
        width: 36%
    }
}

@media screen and (max-width:1190px) {
    .profile-info .pi-block--column {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .profile-info .pi-block--column {
        margin-top: 20px
    }
}

.profile-info .pi-block--list {
    width: 70%
}

.profile-info .pi-block--list .events,
.profile-info .pi-block--list .investment,
.profile-info .pi-block--list .investment-mob {
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 20px;
    margin: 0 0 20px
}

.profile-info .pi-block--list .events h2,
.profile-info .pi-block--list .investment-mob h2,
.profile-info .pi-block--list .investment h2 {
    font-weight: 600;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000
}

@media screen and (max-width:1600px) {

    .profile-info .pi-block--list .events h2,
    .profile-info .pi-block--list .investment-mob h2,
    .profile-info .pi-block--list .investment h2 {
        font-size: 16px
    }
}

@media screen and (max-width:992px) {

    .profile-info .pi-block--list .events,
    .profile-info .pi-block--list .investment,
    .profile-info .pi-block--list .investment-mob {
        margin: 0 0 20px
    }
}

.profile-info .pi-block--list .events {
    height: 449px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 25px 45px 12px
}

.profile-info .pi-block--list .events .pi-news-slider {
    width: 50%
}

.profile-info .pi-block--list .events .pi-events {
    margin: 0;
    width: 50%
}

.profile-info .pi-block--list .events .pi-events h2 {
    margin: 0 0 20px
}

@media screen and (max-width:1310px) {
    .profile-info .pi-block--list .events .pi-events {
        margin: 0 0 auto
    }
}

.profile-info .pi-block--list .events .pi-events--divider {
    width: 1px;
    height: 415px;
    background: hsla(0, 0%, 62%, .3);
    margin: auto 15px
}

@media screen and (max-width:1300px) {
    .profile-info .pi-block--list .events .pi-events--divider {
        height: 370px
    }
}

@media screen and (max-width:1024px) {
    .profile-info .pi-block--list .events .pi-events--divider {
        width: 100%;
        height: 1px;
        margin: 15px 0
    }
}

.profile-info .pi-block--list .events .pi-events .events-list li {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-bottom: 21px
}

.profile-info .pi-block--list .events .pi-events .events-list li p {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .1em;
    text-transform: capitalize;
    font-weight: 400;
    color: #000
}

.profile-info .pi-block--list .events .pi-events .events-list li p:first-child {
    margin-right: 10px
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--list .events .pi-events .events-list li p {
        font-size: 12px;
        margin: 0
    }
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--list .events .pi-events .events-list li {
        margin-bottom: 29px
    }
}

@media screen and (max-width:1310px) {
    .profile-info .pi-block--list .events .pi-events .events-list li {
        margin-bottom: 25px
    }
}

@media screen and (max-width:1190px) {
    .profile-info .pi-block--list .events .pi-events {
        width: 50%
    }
}

@media screen and (max-width:1024px) {
    .profile-info .pi-block--list .events .pi-events {
        margin: 0 auto;
        width: 100%
    }
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--list .events {
        padding: 24px 45px 20px;
        margin-left: 0;
        height: 428px
    }
}

@media screen and (max-width:1400px) {
    .profile-info .pi-block--list .events {
        height: 424px
    }
}

@media screen and (max-width:1310px) {
    .profile-info .pi-block--list .events {
        padding: 20px;
        min-height: 373px
    }
}

@media screen and (max-width:1190px) {
    .profile-info .pi-block--list .events {
        min-height: unset;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:1024px) {
    .profile-info .pi-block--list .events {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        height: auto
    }
}

@media screen and (max-width:992px) {
    .profile-info .pi-block--list .events {
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .profile-info .pi-block--list .events {
        padding: 15px;
        margin: 0 20px 20px
    }
}

.profile-info .pi-block--list .investment {
    padding: 22px 34px 22px 45px
}

.profile-info .pi-block--list .investment-pi {
    margin-bottom: 46px
}

.profile-info .pi-block--list .investment-pi--showMore {
    overflow-y: scroll
}

.profile-info .pi-block--list .investment-pi ul {
    height: 240px
}

.profile-info .pi-block--list .investment-pi ul li.inv {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 15px
}

.profile-info .pi-block--list .investment-pi ul li.inv .inv-amount p:first-child,
.profile-info .pi-block--list .investment-pi ul li.inv .inv-deposit p:first-child,
.profile-info .pi-block--list .investment-pi ul li.inv .inv-rate p:first-child,
.profile-info .pi-block--list .investment-pi ul li.inv .inv-type p:first-child {
    font-size: 18px;
    line-height: 46px;
    letter-spacing: .1em;
    color: #000
}

@media screen and (max-width:1600px) {

    .profile-info .pi-block--list .investment-pi ul li.inv .inv-amount p:first-child,
    .profile-info .pi-block--list .investment-pi ul li.inv .inv-deposit p:first-child,
    .profile-info .pi-block--list .investment-pi ul li.inv .inv-rate p:first-child,
    .profile-info .pi-block--list .investment-pi ul li.inv .inv-type p:first-child {
        font-size: 16px;
        line-height: 22px
    }
}

.profile-info .pi-block--list .investment-pi ul li.inv .inv-amount p:last-child,
.profile-info .pi-block--list .investment-pi ul li.inv .inv-deposit p:last-child,
.profile-info .pi-block--list .investment-pi ul li.inv .inv-rate p:last-child,
.profile-info .pi-block--list .investment-pi ul li.inv .inv-type p:last-child {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .1em;
    color: #646464
}

@media screen and (max-width:1600px) {

    .profile-info .pi-block--list .investment-pi ul li.inv .inv-amount p:last-child,
    .profile-info .pi-block--list .investment-pi ul li.inv .inv-deposit p:last-child,
    .profile-info .pi-block--list .investment-pi ul li.inv .inv-rate p:last-child,
    .profile-info .pi-block--list .investment-pi ul li.inv .inv-type p:last-child {
        font-size: 12px
    }
}

.profile-info .pi-block--list .investment-pi ul li.inv .inv-img img {
    width: 70px;
    max-width: 70px
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--list .investment-pi ul li.inv {
        margin-bottom: 14px
    }
}

@media screen and (max-width:480px) {
    .profile-info .pi-block--list .investment-pi ul li.inv {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--list .investment-pi ul {
        height: 240px
    }
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--list .investment-pi {
        margin: 0 0 12px
    }
}

.profile-info .pi-block--list .investment--button {
    text-align: center
}

.profile-info .pi-block--list .investment--button a {
    display: inline-block;
    background: #000080;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #fff;
    border: none;
    padding: 13px 40px
}

.profile-info .pi-block--list .investment--button a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--list .investment--button a {
        font-size: 14px;
        padding: 12px 35px
    }
}

@media screen and (max-width:1310px) {
    .profile-info .pi-block--list .investment {
        padding: 20px 20px 24px
    }
}

@media screen and (max-width:992px) {
    .profile-info .pi-block--list .investment {
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .profile-info .pi-block--list .investment {
        padding: 15px 15px 30px;
        margin: 0 20px 20px
    }
}

@media screen and (max-width:480px) {
    .profile-info .pi-block--list .investment {
        display: none
    }
}

@media screen and (max-width:1600px) {
    .profile-info .pi-block--list {
        width: 66%
    }
}

@media screen and (max-width:1190px) {
    .profile-info .pi-block--list {
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }
}

@media screen and (max-width:1190px) {
    .profile-info .pi-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width:1600px) {
    .profile-info {
        padding: 25px 25px 100px;
        width: 100%
    }
}

@media screen and (max-width:1120px) {
    .profile-info {
        padding: 10px
    }
}

@media screen and (max-width:768px) {
    .profile-info {
        max-width: 100%;
        width: 100%;
        padding: 0
    }
}

@media screen and (max-width:1310px) {

    .profile-info .events,
    .profile-info .investment,
    .profile-info .pi-offer,
    .profile-info .pi-portfolio,
    .profile-info .pi-user {
        padding: 20px
    }
}

@media screen and (max-width:1190px) {

    .profile-info .events,
    .profile-info .investment,
    .profile-info .pi-offer,
    .profile-info .pi-portfolio,
    .profile-info .pi-user {
        margin-right: 0
    }
}

@media screen and (max-width:992px) {

    .profile-info .events,
    .profile-info .investment,
    .profile-info .pi-offer,
    .profile-info .pi-portfolio,
    .profile-info .pi-user {
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {

    .profile-info .events,
    .profile-info .investment,
    .profile-info .pi-offer,
    .profile-info .pi-portfolio,
    .profile-info .pi-user {
        margin: 0 20px 20px
    }
}

.investment-mob {
    display: none;
    margin: 0 20px 20px !important
}

.investment-mob .inv {
    margin-bottom: 30px
}

.investment-mob .inv-img {
    text-align: center;
    margin-bottom: 10px
}

.investment-mob .inv-img img {
    width: 70px;
    max-width: 70px
}

.investment-mob--item {
    width: calc(50% - 1px);
    text-align: center;
    padding: 16px 0
}

.investment-mob--item p {
    font-size: 18px;
    line-height: 46px;
    letter-spacing: .1em;
    color: #000;
    font-weight: 600
}

@media screen and (max-width:1600px) {
    .investment-mob--item p {
        font-size: 16px;
        line-height: 22px
    }
}

.investment-mob--item span {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .1em;
    color: #646464
}

@media screen and (max-width:1600px) {
    .investment-mob--item span {
        font-size: 12px
    }
}

.investment-mob--item:first-child,
.investment-mob--item:nth-child(2) {
    border-bottom: 1px solid #efeded
}

.investment-mob--item:nth-child(2n) {
    border-left: 1px solid #efeded
}

@media screen and (max-width:480px) {
    .investment-mob {
        display: block
    }
}

.pi-news-slider--button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    margin: 20px auto 10px
}

.pi-news-slider--button a {
    padding: 12px 38px;
    background: #000080;
    border: 1px solid #555;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #000
}

.pi-news-slider--button a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media screen and (max-width:1600px) {
    .pi-news-slider--button a {
        padding: 12px 37px;
        font-size: 14px
    }
}

@media screen and (max-width:1600px) {
    .pi-news-slider--button {
        margin: 19px auto 10px
    }
}

.pi-news-slider .uk-slider-container {
    max-width: 280px;
    margin: 0 auto
}

.pi-news-slider .uk-slider-container ul.newsSliderItem {
    max-width: 310px;
    border-radius: 5px
}

.pi-news-slider .uk-slider-container ul.newsSliderItem li {
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.pi-news-slider .uk-slider-container ul.newsSliderItem li img {
    max-width: 343px;
    width: inherit;
    max-height: 158px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

@media screen and (max-width:1024px) {
    .pi-news-slider .uk-slider-container ul.newsSliderItem li img {
        width: 100%
    }
}

.pi-news-slider .uk-slider-container ul.newsSliderItem li .description {
    max-height: 65px;
    max-width: 305px;
    word-break: break-word;
    left: 0;
    right: 0;
    margin: 20px 0 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: .1em;
    color: #000;
    text-align: left
}

@media screen and (max-width:1600px) {
    .pi-news-slider .uk-slider-container ul.newsSliderItem li .description {
        font-size: 14px
    }
}

@media screen and (max-width:1024px) {
    .pi-news-slider .uk-slider-container ul.newsSliderItem li .description {
        margin: 20px auto 0
    }
}

@media screen and (max-width:992px) {
    .pi-news-slider .uk-slider-container ul.newsSliderItem li .description {
        text-align: center
    }
}

@media screen and (max-width:1024px) {
    .pi-news-slider .uk-slider-container ul.newsSliderItem li {
        text-align: center
    }
}

@media screen and (max-width:1024px) {
    .pi-news-slider .uk-slider-container ul.newsSliderItem {
        max-width: 100%
    }
}

@media screen and (max-width:576px) {
    .pi-news-slider .uk-slider-container ul.newsSliderItem {
        max-width: none
    }
}

@media screen and (max-width:992px) {
    .pi-news-slider .uk-slider-container {
        margin: 0 auto
    }
}

.pi-news-slider .uk-position-bottom {
    background: rgba(0, 0, 0, .5)
}

@media screen and (max-width:1024px) {
    .pi-news-slider {
        margin: 0;
        width: 100% !important
    }
}

@media screen and (max-width:992px) {
    .pi-news-slider {
        margin: 0 0 20px;
        width: 100% !important
    }
}

.active_invest_block {
    width: calc(100% - 45px);
    border-top: 1px solid #c9d5d9;
    border-bottom: 1px solid #c9d5d9;
    margin-bottom: 10px
}

@media screen and (max-width:1368px) {
    .active_invest_block {
        width: calc(100% - 25px)
    }
}

.active_invest_block .active_invest_block_item {
    display: -webkit-box;
    display: flex;
    height: 40px;
    border-bottom: 1px solid #c9d5d9;
    justify-content: space-around
}

.active_invest_block .active_invest_block_item .color_title {
    color: #646464;
    font-size: 14px
}

.active_invest_block .active_invest_block_item .date {
    margin: auto 0 auto -20px
}

.active_invest_block .active_invest_block_item .days {
    margin: auto 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 190px
}

.active_invest_block .active_invest_block_item .amount {
    margin: auto 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 200px
}

@media screen and (max-width:1368px) {
    .active_invest_block .active_invest_block_item .amount {
        width: 190px
    }
}

.active_invest_block .active_invest_block_item:last-child {
    border-bottom: none
}

@media screen and (max-width:480px) {
    .active_invest_block .active_invest_block_item {
        height: auto;
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 10px
    }

    .active_invest_block .active_invest_block_item .amount,
    .active_invest_block .active_invest_block_item .days {
        width: auto
    }

    .active_invest_block .active_invest_block_item .date {
        margin: auto 0
    }
}

.profile {
    -webkit-box-orient: horizontal;
    flex-direction: row;
    justify-content: space-around;
    max-width: 1192px
}

.profile,
.profile__balance {
    display: -webkit-box;
    display: flex;
    -webkit-box-direction: normal
}

.profile__balance {
    -webkit-box-orient: vertical;
    flex-direction: column;
    margin-bottom: 25px;
    width: 30%
}

@media screen and (max-width:1310px) {
    .profile__balance .pi-user {
        padding: 20px
    }
}

.profile__balance-info,
.profile__balance-refill-form {
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin: 0 20px 20px 0
}

@media screen and (max-width:1120px) {

    .profile__balance-info,
    .profile__balance-refill-form {
        margin: 0 0 20px
    }
}

.profile__balance-refill-form {
    padding: 39px 35px 50px;
    margin: 0 20px 20px 0;
    height: 287px
}

.profile__balance-refill-form-headline {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 70px
}

@media screen and (max-width:1600px) {
    .profile__balance-refill-form-headline {
        font-size: 16px;
        margin-bottom: 38px
    }
}

.profile__balance-refill-form .refill-form_input {
    max-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 40px;
    text-align: center
}

.profile__balance-refill-form .refill-form_input_amount,
.profile__balance-refill-form .refill-form_input_system {
    width: 40%;
    text-align: left;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.profile__balance-refill-form .refill-form_input_amount input,
.profile__balance-refill-form .refill-form_input_system input {
    background: #fff;
    border: 1px solid #c9d5d9;
    box-sizing: border-box;
    border-radius: 5px;
    height: 33px;
    padding: 0 8px
}

@media screen and (max-width:1600px) {

    .profile__balance-refill-form .refill-form_input_amount input,
    .profile__balance-refill-form .refill-form_input_system input {
        height: 29px
    }
}

@media screen and (max-width:992px) {

    .profile__balance-refill-form .refill-form_input_amount input,
    .profile__balance-refill-form .refill-form_input_system input {
        max-width: 100% !important;
        width: 100%
    }
}

.profile__balance-refill-form .refill-form_input_amount label,
.profile__balance-refill-form .refill-form_input_system label {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 0;
    color: #000
}

@media screen and (max-width:1600px) {

    .profile__balance-refill-form .refill-form_input_amount label,
    .profile__balance-refill-form .refill-form_input_system label {
        font-size: 14px
    }
}

@media screen and (max-width:1600px) {

    .profile__balance-refill-form .refill-form_input_amount,
    .profile__balance-refill-form .refill-form_input_system {
        width: 39%
    }
}

@media screen and (max-width:992px) {

    .profile__balance-refill-form .refill-form_input_amount,
    .profile__balance-refill-form .refill-form_input_system {
        width: 45%
    }
}

@media screen and (max-width:1600px) {
    .profile__balance-refill-form .refill-form_input_amount input {
        max-width: 102px
    }
}

.profile__balance-refill-form .refill-form_input_system {
    width: 50%
}

.profile__balance-refill-form .refill-form_input_system label {
    width: 160px;
    word-break: break-all
}

@media screen and (max-width:1600px) {
    .profile__balance-refill-form .refill-form_input {
        margin-bottom: 38px
    }
}

.profile__balance-refill-form .refill-form_button_block {
    width: 100%;
    text-align: center
}

.profile__balance-refill-form .refill-form_button_block button {
    background: #000080;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .1em;
    color: #fff;
    padding: 3px 37px
}

.profile__balance-refill-form .refill-form_button_block button:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media screen and (max-width:1600px) {
    .profile__balance-refill-form .refill-form_button_block button {
        padding: 4px 36px
    }
}

@media screen and (max-width:1600px) {
    .profile__balance-refill-form {
        padding: 32px 35px 42px;
        height: 255px
    }
}

@media screen and (max-width:1310px) {
    .profile__balance-refill-form {
        padding: 20px;
        height: 255px
    }
}

@media screen and (max-width:1120px) {
    .profile__balance-refill-form {
        margin: 0 0 20px;
        width: 50%
    }
}

@media screen and (max-width:992px) {
    .profile__balance-refill-form {
        width: auto;
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .profile__balance-refill-form {
        margin: 0 20px 20px
    }
}

@media screen and (max-width:1600px) {
    .profile__balance {
        width: 36%
    }
}

@media screen and (max-width:1120px) {
    .profile__balance {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin: 0
    }
}

@media screen and (max-width:992px) {
    .profile__balance {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width:768px) {
    .profile__balance {
        margin: 20px 0 0
    }
}

.profile__refill {
    display: inline-table;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 70%
}

.profile__refill-block {
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.profile__refill-block-transfer,
.profile__refill-block-withdrawal {
    width: 50%
}

.profile__refill-block-transfer .itf-row,
.profile__refill-block-transfer .wdf-row,
.profile__refill-block-withdrawal .itf-row,
.profile__refill-block-withdrawal .wdf-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 23px;
    width: 100%
}

.profile__refill-block-transfer .itf-row .transferAmount,
.profile__refill-block-transfer .itf-row .withdrawalAmount,
.profile__refill-block-transfer .wdf-row .transferAmount,
.profile__refill-block-transfer .wdf-row .withdrawalAmount,
.profile__refill-block-withdrawal .itf-row .transferAmount,
.profile__refill-block-withdrawal .itf-row .withdrawalAmount,
.profile__refill-block-withdrawal .wdf-row .transferAmount,
.profile__refill-block-withdrawal .wdf-row .withdrawalAmount {
    margin-right: 25px;
    max-width: 31%
}

.profile__refill-block-transfer .itf-row .transferAmount input,
.profile__refill-block-transfer .itf-row .withdrawalAmount input,
.profile__refill-block-transfer .wdf-row .transferAmount input,
.profile__refill-block-transfer .wdf-row .withdrawalAmount input,
.profile__refill-block-withdrawal .itf-row .transferAmount input,
.profile__refill-block-withdrawal .itf-row .withdrawalAmount input,
.profile__refill-block-withdrawal .wdf-row .transferAmount input,
.profile__refill-block-withdrawal .wdf-row .withdrawalAmount input {
    max-width: 120px
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer .itf-row .transferAmount input,
    .profile__refill-block-transfer .itf-row .withdrawalAmount input,
    .profile__refill-block-transfer .wdf-row .transferAmount input,
    .profile__refill-block-transfer .wdf-row .withdrawalAmount input,
    .profile__refill-block-withdrawal .itf-row .transferAmount input,
    .profile__refill-block-withdrawal .itf-row .withdrawalAmount input,
    .profile__refill-block-withdrawal .wdf-row .transferAmount input,
    .profile__refill-block-withdrawal .wdf-row .withdrawalAmount input {
        max-width: 102px
    }
}

@media screen and (max-width:992px) {

    .profile__refill-block-transfer .itf-row .transferAmount input,
    .profile__refill-block-transfer .itf-row .withdrawalAmount input,
    .profile__refill-block-transfer .wdf-row .transferAmount input,
    .profile__refill-block-transfer .wdf-row .withdrawalAmount input,
    .profile__refill-block-withdrawal .itf-row .transferAmount input,
    .profile__refill-block-withdrawal .itf-row .withdrawalAmount input,
    .profile__refill-block-withdrawal .wdf-row .transferAmount input,
    .profile__refill-block-withdrawal .wdf-row .withdrawalAmount input {
        max-width: 100%;
        width: 100%
    }
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer .itf-row .transferAmount,
    .profile__refill-block-transfer .itf-row .withdrawalAmount,
    .profile__refill-block-transfer .wdf-row .transferAmount,
    .profile__refill-block-transfer .wdf-row .withdrawalAmount,
    .profile__refill-block-withdrawal .itf-row .transferAmount,
    .profile__refill-block-withdrawal .itf-row .withdrawalAmount,
    .profile__refill-block-withdrawal .wdf-row .transferAmount,
    .profile__refill-block-withdrawal .wdf-row .withdrawalAmount {
        max-width: none;
        margin-right: 10px
    }
}

@media screen and (max-width:1200px) {

    .profile__refill-block-transfer .itf-row .transferAmount,
    .profile__refill-block-transfer .itf-row .withdrawalAmount,
    .profile__refill-block-transfer .wdf-row .transferAmount,
    .profile__refill-block-transfer .wdf-row .withdrawalAmount,
    .profile__refill-block-withdrawal .itf-row .transferAmount,
    .profile__refill-block-withdrawal .itf-row .withdrawalAmount,
    .profile__refill-block-withdrawal .wdf-row .transferAmount,
    .profile__refill-block-withdrawal .wdf-row .withdrawalAmount {
        margin-right: 5px
    }
}

@media screen and (max-width:992px) {

    .profile__refill-block-transfer .itf-row .transferAmount,
    .profile__refill-block-transfer .itf-row .withdrawalAmount,
    .profile__refill-block-transfer .wdf-row .transferAmount,
    .profile__refill-block-transfer .wdf-row .withdrawalAmount,
    .profile__refill-block-withdrawal .itf-row .transferAmount,
    .profile__refill-block-withdrawal .itf-row .withdrawalAmount,
    .profile__refill-block-withdrawal .wdf-row .transferAmount,
    .profile__refill-block-withdrawal .wdf-row .withdrawalAmount {
        width: 45%
    }
}

.profile__refill-block-transfer .itf-row .transferAccount,
.profile__refill-block-transfer .itf-row .withdrawalSystem,
.profile__refill-block-transfer .wdf-row .transferAccount,
.profile__refill-block-transfer .wdf-row .withdrawalSystem,
.profile__refill-block-withdrawal .itf-row .transferAccount,
.profile__refill-block-withdrawal .itf-row .withdrawalSystem,
.profile__refill-block-withdrawal .wdf-row .transferAccount,
.profile__refill-block-withdrawal .wdf-row .withdrawalSystem {
    width: 47%
}

.profile__refill-block-transfer .itf-row .transferAccount select,
.profile__refill-block-transfer .itf-row .withdrawalSystem select,
.profile__refill-block-transfer .wdf-row .transferAccount select,
.profile__refill-block-transfer .wdf-row .withdrawalSystem select,
.profile__refill-block-withdrawal .itf-row .transferAccount select,
.profile__refill-block-withdrawal .itf-row .withdrawalSystem select,
.profile__refill-block-withdrawal .wdf-row .transferAccount select,
.profile__refill-block-withdrawal .wdf-row .withdrawalSystem select {
    max-width: 100%;
    margin: 13px 5px 0 0
}

@media screen and (max-width:768px) {

    .profile__refill-block-transfer .itf-row .transferAccount select,
    .profile__refill-block-transfer .itf-row .withdrawalSystem select,
    .profile__refill-block-transfer .wdf-row .transferAccount select,
    .profile__refill-block-transfer .wdf-row .withdrawalSystem select,
    .profile__refill-block-withdrawal .itf-row .transferAccount select,
    .profile__refill-block-withdrawal .itf-row .withdrawalSystem select,
    .profile__refill-block-withdrawal .wdf-row .transferAccount select,
    .profile__refill-block-withdrawal .wdf-row .withdrawalSystem select {
        margin: 13px 0 0
    }
}

.profile__refill-block-transfer .itf-row .transferAccount input,
.profile__refill-block-transfer .itf-row .withdrawalSystem input,
.profile__refill-block-transfer .wdf-row .transferAccount input,
.profile__refill-block-transfer .wdf-row .withdrawalSystem input,
.profile__refill-block-withdrawal .itf-row .transferAccount input,
.profile__refill-block-withdrawal .itf-row .withdrawalSystem input,
.profile__refill-block-withdrawal .wdf-row .transferAccount input,
.profile__refill-block-withdrawal .wdf-row .withdrawalSystem input {
    margin: 13px 5px 0 0
}

@media screen and (max-width:768px) {

    .profile__refill-block-transfer .itf-row .transferAccount input,
    .profile__refill-block-transfer .itf-row .withdrawalSystem input,
    .profile__refill-block-transfer .wdf-row .transferAccount input,
    .profile__refill-block-transfer .wdf-row .withdrawalSystem input,
    .profile__refill-block-withdrawal .itf-row .transferAccount input,
    .profile__refill-block-withdrawal .itf-row .withdrawalSystem input,
    .profile__refill-block-withdrawal .wdf-row .transferAccount input,
    .profile__refill-block-withdrawal .wdf-row .withdrawalSystem input {
        margin: 13px 0 0
    }
}

.profile__refill-block-transfer .itf-row .withdrawalSystem label,
.profile__refill-block-transfer .wdf-row .withdrawalSystem label,
.profile__refill-block-withdrawal .itf-row .withdrawalSystem label,
.profile__refill-block-withdrawal .wdf-row .withdrawalSystem label {
    width: 171px;
    word-break: break-all
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer .itf-row .withdrawalSystem label,
    .profile__refill-block-transfer .wdf-row .withdrawalSystem label,
    .profile__refill-block-withdrawal .itf-row .withdrawalSystem label,
    .profile__refill-block-withdrawal .wdf-row .withdrawalSystem label {
        width: 130px
    }
}

.profile__refill-block-transfer .itf-row .transferNote,
.profile__refill-block-transfer .itf-row .withdrawalRequisites,
.profile__refill-block-transfer .wdf-row .transferNote,
.profile__refill-block-transfer .wdf-row .withdrawalRequisites,
.profile__refill-block-withdrawal .itf-row .transferNote,
.profile__refill-block-withdrawal .itf-row .withdrawalRequisites,
.profile__refill-block-withdrawal .wdf-row .transferNote,
.profile__refill-block-withdrawal .wdf-row .withdrawalRequisites {
    margin-bottom: 72px
}

.profile__refill-block-transfer .itf-row .transferNote input,
.profile__refill-block-transfer .itf-row .withdrawalRequisites input,
.profile__refill-block-transfer .wdf-row .transferNote input,
.profile__refill-block-transfer .wdf-row .withdrawalRequisites input,
.profile__refill-block-withdrawal .itf-row .transferNote input,
.profile__refill-block-withdrawal .itf-row .withdrawalRequisites input,
.profile__refill-block-withdrawal .wdf-row .transferNote input,
.profile__refill-block-withdrawal .wdf-row .withdrawalRequisites input {
    background: #fff;
    border: 1px solid #c9d5d9;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    height: 35px;
    padding: 0 8px
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer .itf-row .transferNote input,
    .profile__refill-block-transfer .itf-row .withdrawalRequisites input,
    .profile__refill-block-transfer .wdf-row .transferNote input,
    .profile__refill-block-transfer .wdf-row .withdrawalRequisites input,
    .profile__refill-block-withdrawal .itf-row .transferNote input,
    .profile__refill-block-withdrawal .itf-row .withdrawalRequisites input,
    .profile__refill-block-withdrawal .wdf-row .transferNote input,
    .profile__refill-block-withdrawal .wdf-row .withdrawalRequisites input {
        height: 29px
    }
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer .itf-row .transferNote,
    .profile__refill-block-transfer .itf-row .withdrawalRequisites,
    .profile__refill-block-transfer .wdf-row .transferNote,
    .profile__refill-block-transfer .wdf-row .withdrawalRequisites,
    .profile__refill-block-withdrawal .itf-row .transferNote,
    .profile__refill-block-withdrawal .itf-row .withdrawalRequisites,
    .profile__refill-block-withdrawal .wdf-row .transferNote,
    .profile__refill-block-withdrawal .wdf-row .withdrawalRequisites {
        margin-bottom: 32px
    }
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer .itf-row,
    .profile__refill-block-transfer .wdf-row,
    .profile__refill-block-withdrawal .itf-row,
    .profile__refill-block-withdrawal .wdf-row {
        margin-bottom: 20px
    }
}

.profile__refill-block-transfer p,
.profile__refill-block-withdrawal p {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 42px
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer p,
    .profile__refill-block-withdrawal p {
        letter-spacing: .1em;
        margin-bottom: 20px
    }
}

.profile__refill-block-transfer .transferBtn,
.profile__refill-block-transfer .withdrawalBtn,
.profile__refill-block-withdrawal .transferBtn,
.profile__refill-block-withdrawal .withdrawalBtn {
    margin-top: 45px;
    text-align: center
}

.profile__refill-block-transfer .transferBtn button,
.profile__refill-block-transfer .withdrawalBtn button,
.profile__refill-block-withdrawal .transferBtn button,
.profile__refill-block-withdrawal .withdrawalBtn button {
    padding: 16px 55px;
    background: #000080;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    border-radius: 5px;
    border: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #fff;
    cursor: pointer
}

.profile__refill-block-transfer .transferBtn button:hover,
.profile__refill-block-transfer .withdrawalBtn button:hover,
.profile__refill-block-withdrawal .transferBtn button:hover,
.profile__refill-block-withdrawal .withdrawalBtn button:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer .transferBtn button,
    .profile__refill-block-transfer .withdrawalBtn button,
    .profile__refill-block-withdrawal .transferBtn button,
    .profile__refill-block-withdrawal .withdrawalBtn button {
        padding: 12px 36px
    }
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer .transferBtn,
    .profile__refill-block-transfer .withdrawalBtn,
    .profile__refill-block-withdrawal .transferBtn,
    .profile__refill-block-withdrawal .withdrawalBtn {
        margin-top: 40px
    }
}

.profile__refill-block-transfer .internalTransferForm input,
.profile__refill-block-transfer .withdrawalForm input,
.profile__refill-block-withdrawal .internalTransferForm input,
.profile__refill-block-withdrawal .withdrawalForm input {
    background: #fff;
    border: 1px solid #c9d5d9;
    box-sizing: border-box;
    border-radius: 5px;
    height: 35px;
    padding: 0 8px
}

@media screen and (max-width:1600px) {

    .profile__refill-block-transfer .internalTransferForm input,
    .profile__refill-block-transfer .withdrawalForm input,
    .profile__refill-block-withdrawal .internalTransferForm input,
    .profile__refill-block-withdrawal .withdrawalForm input {
        height: 29px
    }
}

@media screen and (max-width:1120px) {

    .profile__refill-block-transfer,
    .profile__refill-block-withdrawal {
        width: 50% !important
    }
}

@media screen and (max-width:1400px) {

    .profile__refill-block-transfer,
    .profile__refill-block-withdrawal {
        max-width: 295px !important
    }
}

@media screen and (max-width:1310px) {

    .profile__refill-block-transfer,
    .profile__refill-block-withdrawal {
        max-width: 270px !important
    }
}

@media screen and (max-width:1290px) {

    .profile__refill-block-transfer,
    .profile__refill-block-withdrawal {
        max-width: 235px !important;
        width: 43%
    }
}

@media screen and (max-width:1120px) {

    .profile__refill-block-transfer,
    .profile__refill-block-withdrawal {
        max-width: 100% !important
    }
}

.profile__refill-block-transfer {
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 23px 25px 30px 35px;
    margin: 0 20px 0 0
}

.profile__refill-block-transfer .internalTransferForm .transferAccount,
.profile__refill-block-transfer .internalTransferForm .transferAmount,
.profile__refill-block-transfer .internalTransferForm .transferNote {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.profile__refill-block-transfer .internalTransferForm .transferAccount {
    word-break: break-all;
    width: 50%
}

@media screen and (max-width:1600px) {
    .profile__refill-block-transfer {
        padding: 21px 21px 30px 23px
    }
}

@media screen and (max-width:1310px) {
    .profile__refill-block-transfer {
        padding: 20px
    }
}

@media screen and (max-width:1120px) {
    .profile__refill-block-transfer {
        max-width: 100%
    }
}

@media screen and (max-width:992px) {
    .profile__refill-block-transfer {
        width: auto !important;
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .profile__refill-block-transfer {
        margin: 0 20px 20px
    }
}

.profile__refill-block-withdrawal {
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 23px 25px 30px 35px;
    margin: 0
}

.profile__refill-block-withdrawal .withdrawalForm .withdrawalAmount,
.profile__refill-block-withdrawal .withdrawalForm .withdrawalRequisites,
.profile__refill-block-withdrawal .withdrawalForm .withdrawalSystem {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media screen and (max-width:1600px) {
    .profile__refill-block-withdrawal {
        padding: 21px 21px 30px 23px
    }
}

@media screen and (max-width:1400px) {
    .profile__refill-block-withdrawal {
        padding: 21px 20px
    }
}

@media screen and (max-width:1310px) {
    .profile__refill-block-withdrawal {
        padding: 20px
    }
}

@media screen and (max-width:992px) {
    .profile__refill-block-withdrawal {
        width: auto !important;
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:1120px) {
    .profile__refill-block-withdrawal {
        max-width: 100%
    }
}

@media screen and (max-width:768px) {
    .profile__refill-block-withdrawal {
        margin: 0 20px 20px
    }
}

@media screen and (max-width:992px) {
    .profile__refill-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin: 0
    }
}

.profile__refill-form,
.profile__refill-social {
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px
}

.profile__refill-social {
    padding: 53px 50px;
    margin: 0 0 20px
}

.profile__refill-social p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .1em;
    color: #000;
    margin-bottom: 40px
}

@media screen and (max-width:1600px) {
    .profile__refill-social p {
        font-size: 16px;
        margin-bottom: 25px
    }
}

@media screen and (max-width:1400px) {
    .profile__refill-social p {
        margin-bottom: 40px
    }
}

@media screen and (max-width:768px) {
    .profile__refill-social p {
        margin-bottom: 10px
    }
}

.profile__refill-social .socialLinks {
    text-align: center
}

.profile__refill-social .socialLinks a {
    cursor: pointer;
    font-size: 17px
}

@media screen and (max-width:1600px) {
    .profile__refill-social {
        padding: 48px 50px
    }
}

@media screen and (max-width:1400px) {
    .profile__refill-social {
        padding: 38px 35px;
        margin: 0
    }
}

@media screen and (max-width:1310px) {
    .profile__refill-social {
        padding: 22px 20px
    }
}

@media screen and (max-width:1200px) {
    .profile__refill-social {
        padding: 22px 14px
    }
}

@media screen and (max-width:1120px) {
    .profile__refill-social {
        margin: 0 0 20px
    }
}

@media screen and (max-width:992px) {
    .profile__refill-social {
        width: auto;
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .profile__refill-social {
        margin: 0 20px 20px;
        padding: 15px
    }
}

@media screen and (max-width:1600px) {
    .profile__refill {
        width: 64%
    }
}

@media screen and (max-width:1120px) {
    .profile__refill {
        width: 100%
    }
}

@media screen and (max-width:1120px) {
    .profile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.dropwdown {
    background: #fff;
    border: 1px solid #c9d5d9;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 4px;
    height: 33px;
    margin: 13px 5px 0 0
}

.dropwdown ul li {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .1em;
    color: #3a3a3a;
    margin-bottom: 10px
}

@media screen and (max-width:1600px) {
    .dropwdown {
        height: 29px
    }
}

@media screen and (max-width:768px) {
    .dropwdown {
        margin: 13px 0 0
    }
}

label {
    word-break: break-word;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #000
}

@media screen and (max-width:1600px) {
    label {
        font-size: 14px;
        margin-bottom: 4px
    }
}

.amount-input {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: baseline;
    align-items: baseline;
    font-size: 15px
}

.amount-input input {
    max-width: 100%;
    margin: 13px 5px 0 0;
    padding: 0 8px
}

@media screen and (max-width:768px) {
    .amount-input input {
        margin: 13px 0 0
    }
}

.withdrawal-it .amount-input {
    margin: auto 0 0
}

.withdrawal-it .withdrawalSystem {
    width: 60% !important
}

.withdrawal-it .withdrawalSystem label {
    width: 100% !important;
    word-break: break-word !important
}

.transfer-it .amount-input {
    margin: auto 0 0
}

.refill_block {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:476px) {
    .refill_block {
        display: block
    }
}

.refill_block .modal-refill-block-info {
    width: calc(100% - 120px)
}

@media screen and (max-width:476px) {
    .refill_block .modal-refill-block-info {
        width: 100%
    }
}

.refill_block .qr_code {
    width: 110px;
    height: 110px;
    text-align: right
}

@media screen and (max-width:476px) {
    .refill_block .qr_code {
        width: 100%;
        margin-top: 30px;
        height: 100%;
        text-align: center
    }
}

.copy_balance {
    width: 13px;
    cursor: pointer
}

.profile-operations {
    background: #dbebf8;
    width: 100%;
    padding: 20px 30px 100px
}

.profile-operations .po-block {
    max-width: 1104px;
    min-height: 499px;
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 27px 44px
}

.profile-operations .po-block--nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center
}

.profile-operations .po-block--nav .headline {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    margin: 0 auto 0 0
}

@media screen and (max-width:1600px) {
    .profile-operations .po-block--nav .headline {
        font-size: 16px
    }
}

@media screen and (max-width:992px) {
    .profile-operations .po-block--nav .headline {
        margin-bottom: 20px
    }
}

.profile-operations .po-block--table {
    margin-top: 26px
}

.profile-operations .po-block--table td {
    padding: 20px 7px 20px 0;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .1em;
    color: #000;
    width: 16%;
    word-break: break-word
}

.profile-operations .po-block--table td:last-child {
    text-align: center
}

.profile-operations .po-block--table td img {
    max-width: 18px
}

@media screen and (max-width:1400px) {
    .profile-operations .po-block--table td {
        font-size: 12px;
        padding: 10px 7px 10px 0
    }
}

.profile-operations .po-block--table th {
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .1em;
    color: #000;
    padding: 8px 15px 8px 0
}

.profile-operations .po-block--table th:last-child {
    text-align: center
}

@media screen and (max-width:1400px) {
    .profile-operations .po-block--table th {
        font-size: 14px;
        line-height: 19px
    }
}

@media screen and (max-width:1400px) {
    .profile-operations .po-block--table {
        margin-top: 15px
    }
}

.profile-operations .po-block .showMore-block {
    width: 100%;
    text-align: center
}

.profile-operations .po-block .showMore-block .showMore {
    background: 0 0;
    border: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #000;
    margin: 0 auto
}

@media screen and (max-width:992px) {
    .profile-operations .po-block .showMore-block .showMore {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
        background: #000080;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 5px 10px;
        font-weight: 600
    }
}

@media screen and (max-width:1400px) {
    .profile-operations .po-block {
        padding: 23px 40px
    }
}

@media screen and (max-width:1200px) {
    .profile-operations .po-block {
        width: 90%
    }
}

@media screen and (max-width:1120px) {
    .profile-operations .po-block {
        width: auto
    }
}

@media screen and (max-width:992px) {
    .profile-operations .po-block {
        margin-right: 20px;
        padding: 0;
        background: 0 0;
        box-shadow: none
    }
}

@media screen and (max-width:768px) {
    .profile-operations .po-block {
        margin: 0
    }
}

@media screen and (max-width:1600px) {
    .profile-operations {
        padding: 25px 25px 100px
    }
}

@media screen and (max-width:1120px) {
    .profile-operations {
        padding: 10px
    }
}

@media screen and (max-width:768px) {
    .profile-operations {
        padding: 20px
    }
}

@media screen and (max-width:992px) {
    table.po-block--table {
        display: none
    }

    .profile-operations .po-block--nav .headline {
        margin: 0 auto 15px 0
    }
}

.table-mobile--wrapper {
    display: none
}

.table-mobile--wrapper .uk-accordion-title {
    color: #000
}

.table-mobile--wrapper .table-mobile--inner--short {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: auto;
    font-family: Open Sans;
    background: #f8fcfd;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin: 0 0 20px;
    padding: 12px 20px
}

.table-mobile--wrapper .table-mobile--inner--short:after,
.table-mobile--wrapper .table-mobile--inner--short:before {
    display: none
}

.table-mobile--wrapper .table-mobile--inner--short .short-transaction--wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center
}

.table-mobile--wrapper .table-mobile--inner--short .transaction-image {
    margin-right: 25px
}

.table-mobile--wrapper .table-mobile--inner--short .transaction-data {
    text-align: left
}

.table-mobile--wrapper .table-mobile--inner--short .transaction-data p {
    font-weight: 700;
    font-size: 16px
}

.table-mobile--wrapper .table-mobile--inner--short .transaction-data span {
    color: grey;
    font-size: 13px
}

.table-mobile--wrapper .table-mobile--inner--short .transaction-amount {
    font-weight: 700;
    font-size: 16px
}

.table-mobile--wrapper .table-mobile--inner--full {
    text-align: center;
    background: #f8fcfd;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 7px 20px;
    margin-bottom: 20px
}

.table-mobile--wrapper .table-mobile--inner--full>div {
    border-bottom: 1px solid grey;
    margin-bottom: 15px;
    padding: 10px 0
}

.table-mobile--wrapper .table-mobile--inner--full>div p {
    font-weight: 700;
    font-size: 16px;
    color: #000
}

.table-mobile--wrapper .table-mobile--inner--full>div span {
    color: grey;
    font-size: 13px
}

@media screen and (max-width:992px) {
    .table-mobile--wrapper {
        display: block
    }
}

.profile-referrals {
    background: #dbebf8;
    width: 100%;
    padding: 20px 30px 100px
}

.profile-referrals .pr-block {
    max-width: 1192px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.profile-referrals .pr-block .pr-userReferal--col {
    width: 30%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info {
    position: relative;
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 27px 35px;
    margin: 0 20px 20px 0
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info .user {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info .user_img {
    background-size: auto 70px;
    height: 70px;
    width: 70px;
    margin-right: 20px;
    border-radius: 50%
}

@media screen and (max-width:1600px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info .user_img {
        background-size: auto 60px;
        height: 60px;
        width: 60px;
        margin-right: 15px
    }
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info .user-info_name {
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: .1em;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 5px
}

@media screen and (max-width:1600px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info .user-info_name {
        font-size: 16px;
        line-height: 22px
    }
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info .user-info_state {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #000
}

@media screen and (max-width:1600px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info .user-info_state {
        font-size: 14px
    }
}

@media screen and (max-width:1400px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info .user {
        margin-bottom: 16px
    }
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info_referal {
    margin-top: 40px
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info_referal .inviter-info {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #000;
    margin-bottom: 9px
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info_referal .inviter-info .inviter {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: .1em;
    color: #000;
    margin-bottom: 7px
}

@media screen and (max-width:1400px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info_referal .inviter-info .inviter {
        font-size: 16px
    }
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info_referal .referal-info .referal {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: .1em;
    color: #000;
    margin-bottom: 7px
}

@media screen and (max-width:1400px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info_referal .referal-info .referal {
        font-size: 16px
    }
}

.profile-referrals .pr-block .pr-userReferal--col .pr-user--info_referal .referal-info a {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: .1em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #000
}

@media screen and (max-width:1400px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info_referal .referal-info a {
        font-size: 14px
    }
}

@media screen and (max-width:1400px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info {
        padding: 26px 25px 33px
    }
}

@media screen and (max-width:1310px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info {
        padding: 20px
    }
}

@media screen and (max-width:992px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info {
        width: auto
    }
}

@media screen and (max-width:768px) {
    .profile-referrals .pr-block .pr-userReferal--col .pr-user--info {
        margin: 0 20px 20px
    }
}

.profile-referrals .pr-block .pr-userReferal--col .pi-portfolio {
    padding: 26px 28px 48px 32px
}

@media screen and (max-width:1400px) {
    .profile-referrals .pr-block .pr-userReferal--col .pi-portfolio {
        padding: 33px 28px;
        width: auto
    }
}

@media screen and (max-width:1310px) {
    .profile-referrals .pr-block .pr-userReferal--col .pi-portfolio {
        padding: 20px
    }
}

@media screen and (max-width:1600px) {
    .profile-referrals .pr-block .pr-userReferal--col {
        width: 36%
    }
}

@media screen and (max-width:1190px) {
    .profile-referrals .pr-block .pr-userReferal--col {
        width: auto
    }
}

@media screen and (max-width:768px) {
    .profile-referrals .pr-block .pr-userReferal--col {
        margin: 20px 0 0
    }
}

@media screen and (max-width:576px) {
    .profile-referrals .pr-block .pr-userReferal--col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.profile-referrals .pr-block .pr-partners {
    width: 63%;
    -webkit-box-flex: 1;
    flex: auto;
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin: 0 0 20px;
    padding: 20px 0 20px 20px
}

.profile-referrals .pr-block .pr-partners h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 25px
}

@media screen and (max-width:1600px) {
    .profile-referrals .pr-block .pr-partners h2 {
        font-size: 16px
    }
}

.profile-referrals .pr-block .pr-partners--table {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.profile-referrals .pr-block .pr-partners--table ::-webkit-scrollbar {
    width: 5px
}

.profile-referrals .pr-block .pr-partners--table ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 3px
}

.profile-referrals .pr-block .pr-partners--table ::-webkit-scrollbar-thumb {
    background: #dbebf8
}

.profile-referrals .pr-block .pr-partners--table .desktop {
    width: 100%
}

@media screen and (max-width:600px) {
    .profile-referrals .pr-block .pr-partners--table .desktop {
        display: none
    }
}

.profile-referrals .pr-block .pr-partners--table .desktop .header {
    width: calc(100% - 5px);
    display: -webkit-box;
    display: flex
}

.profile-referrals .pr-block .pr-partners--table .desktop .header .block {
    width: calc(50% - 27px);
    border-bottom: 1px solid #c5d9e1;
    padding: 10px
}

.profile-referrals .pr-block .pr-partners--table .desktop .header .block:first-child {
    border-right: 1px solid #c5d9e1
}

.profile-referrals .pr-block .pr-partners--table .desktop .header .block:last-child {
    padding-right: 20px
}

.profile-referrals .pr-block .pr-partners--table .desktop .header .block .title {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: .1em;
    color: #000;
    text-transform: uppercase
}

.profile-referrals .pr-block .pr-partners--table .desktop .users {
    width: 100%;
    display: -webkit-box;
    display: flex;
    overflow-y: scroll;
    height: 429px
}

@media screen and (max-width:1600px) {
    .profile-referrals .pr-block .pr-partners--table .desktop .users {
        height: 393px
    }
}

@media screen and (max-width:1310px) {
    .profile-referrals .pr-block .pr-partners--table .desktop .users {
        height: 345px
    }
}

.profile-referrals .pr-block .pr-partners--table .desktop .users .list {
    width: calc(50% - 27px);
    display: inline-table;
    padding: 0 10px
}

.profile-referrals .pr-block .pr-partners--table .desktop .users .list:first-child {
    border-right: 1px solid #c5d9e1
}

.profile-referrals .pr-block .pr-partners--table .mobile {
    display: none;
    width: 100%;
    padding-right: 20px;
    padding-bottom: 20px
}

@media screen and (max-width:600px) {
    .profile-referrals .pr-block .pr-partners--table .mobile {
        display: block
    }
}

.profile-referrals .pr-block .pr-partners--table .mobile .block {
    width: 100%
}

.profile-referrals .pr-block .pr-partners--table .mobile .block .title {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: .1em;
    color: #000;
    text-transform: uppercase
}

@media screen and (max-width:1600px) {
    .profile-referrals .pr-block .pr-partners {
        width: 61%
    }
}

@media screen and (max-width:1200px) {
    .profile-referrals .pr-block .pr-partners {
        width: auto
    }
}

@media screen and (max-width:992px) {
    .profile-referrals .pr-block .pr-partners {
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .profile-referrals .pr-block .pr-partners {
        margin: 0 20px 20px
    }
}

@media screen and (max-width:992px) {
    .profile-referrals .pr-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width:1600px) {
    .profile-referrals {
        padding: 25px 25px 100px
    }
}

@media screen and (max-width:1120px) {
    .profile-referrals {
        padding: 10px
    }
}

@media screen and (max-width:768px) {
    .profile-referrals {
        max-width: 100%;
        width: 100%;
        padding: 0
    }
}

.profile-news {
    background: #dcecf9;
    padding: 20px 30px;
    width: 100%
}

.profile-news .showMore-block {
    width: 100%;
    text-align: center
}

.profile-news .showMore-block .showMore {
    background: 0 0;
    border: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #000;
    margin: 0 auto
}

@media screen and (max-width:992px) {
    .profile-news .showMore-block .showMore {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
        background: #000080;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 5px 10px;
        font-weight: 600
    }
}

.profile-news .pn-block {
    background: #000080;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 27px 35px;
    max-width: 1122px;
    min-height: 330px
}

.profile-news .pn-block h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000
}

@media screen and (max-width:1600px) {
    .profile-news .pn-block h2 {
        font-size: 16px
    }
}

.profile-news .pn-block-news {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-bottom: 60px
}

.profile-news .pn-block-news .news-img img {
    max-width: 290px;
    min-height: 195px;
    margin-right: 25px;
    border-radius: 5px
}

@media screen and (max-width:1400px) {
    .profile-news .pn-block-news .news-img img {
        max-width: 250px;
        min-height: 140px
    }
}

@media screen and (max-width:480px) {
    .profile-news .pn-block-news .news-img img {
        margin: 0
    }
}

@media screen and (max-width:992px) {
    .profile-news .pn-block-news .news-img {
        margin: 0 25px 10px 0
    }
}

@media screen and (max-width:480px) {
    .profile-news .pn-block-news .news-img {
        margin: 0 auto 15px;
        text-align: center
    }
}

.profile-news .pn-block-news .news-content h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000
}

@media screen and (max-width:1400px) {
    .profile-news .pn-block-news .news-content h2 {
        font-size: 14px
    }
}

@media screen and (max-width:576px) {
    .profile-news .pn-block-news .news-content h2 {
        margin: 0 0 5px
    }
}

.profile-news .pn-block-news .news-content--date {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: .1em;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 10px
}

@media screen and (max-width:1400px) {
    .profile-news .pn-block-news .news-content--date {
        font-size: 11px
    }
}

@media screen and (max-width:576px) {
    .profile-news .pn-block-news .news-content--date {
        margin: 0 0 15px
    }
}

.profile-news .pn-block-news .news-content--description {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .1em;
    color: #000;
    max-width: 760px;
    word-break: break-word
}

@media screen and (max-width:1400px) {
    .profile-news .pn-block-news .news-content--description {
        font-size: 12px
    }
}

.profile-news .pn-block-news .read-more {
    border: none;
    background: #000080;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .1em;
    color: #fff;
    padding: 10px 50px;
    margin-top: 15px
}

.profile-news .pn-block-news .read-more:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    cursor: pointer
}

@media screen and (max-width:1400px) {
    .profile-news .pn-block-news {
        margin-bottom: 30px
    }
}

@media screen and (max-width:576px) {
    .profile-news .pn-block-news {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media screen and (max-width:1400px) {
    .profile-news .pn-block {
        padding: 20px 30px;
        width: auto
    }
}

@media screen and (max-width:992px) {
    .profile-news .pn-block {
        max-width: 100%;
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width:768px) {
    .profile-news .pn-block {
        padding: 15px;
        margin: 0 20px 20px
    }
}

@media screen and (max-width:1600px) {
    .profile-news {
        padding: 25px 25px 100px
    }
}

@media screen and (max-width:1120px) {
    .profile-news {
        padding: 10px
    }
}

@media screen and (max-width:768px) {
    .profile-news {
        padding: 0;
        margin-top: 20px
    }
}

.uk-modal-dialog a.uk-modal-close.news-modal--back {
    color: #000;
    font-weight: 700;
    line-height: 21px
}

.uk-modal-dialog .news-img {
    max-width: 500px;
    margin: 10px 0
}

@media screen and (max-width:992px) {
    .uk-modal-dialog .news-img {
        max-width: 400px
    }
}

@media screen and (max-width:768px) {
    .uk-modal-dialog .news-img {
        max-width: 350px;
        margin: 0 auto
    }
}

.uk-modal-dialog .modal-date {
    color: grey;
    font-size: 13px
}

.uk-modal-dialog .modal-headline {
    margin: 5px 0;
    font-size: 30px;
    font-weight: 600
}

.uk-modal-dialog .modal-desc {
    font-size: 14px
}

#messageModal .uk-modal-dialog {
    position: relative
}

#messageModal .uk-modal-dialog .uk-close {
    background: #fff;
    border: 1px solid #ededed;
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    border-radius: 15px;
    position: absolute;
    top: -10px;
    right: -10px
}

#messageModal .uk-modal-dialog .modal-content {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .1em;
    color: #000
}

#messageModal .uk-modal-dialog .modal-button {
    border: none;
    text-align: center !important
}

#messageModal .uk-modal-dialog .modal-button a {
    max-width: 190px;
    padding: 15px;
    background: #000080;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .1em;
    color: #fff
}

.uk-modal-dialog {
    width: 1100px;
    position: relative
}

.uk-modal-dialog section .img-wrapper {
    max-width: 500px;
    margin: 10px 0
}

@media screen and (max-width:992px) {
    .uk-modal-dialog section .img-wrapper {
        max-width: 400px
    }
}

@media screen and (max-width:768px) {
    .uk-modal-dialog section .img-wrapper {
        max-width: 350px;
        margin: 0 auto
    }
}

.uk-modal-dialog section h3 {
    margin: 5px 0;
    font-size: 30px;
    font-weight: 600
}

.uk-modal-dialog section p {
    font-size: 14px
}

.uk-modal-dialog section li {
    margin-bottom: 25px
}

.uk-modal-dialog .uk-close {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    position: absolute;
    top: 15px;
    right: 15px;
    color: #000
}

.modal-refill .uk-modal-body {
    position: relative
}

.modal-refill .uk-close {
    background: #fff;
    border: 1px solid #ededed;
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    border-radius: 15px;
    position: absolute;
    top: -10px;
    right: -10px
}

@media screen and (max-width:480px) {
    .modal-refill .uk-close {
        right: -8px
    }
}

.modal-refill-block h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    text-align: left
}

.modal-refill-block-alert {
    box-sizing: border-box;
    padding: 24px 38px;
    margin: 25px 0;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #000080;
    word-break: break-word
}

.modal-refill-block-alert p {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .1em;
    color: #000
}

.modal-refill-block-transaction {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 25px 0
}

.modal-refill-block-transaction label {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    letter-spacing: .1em;
    color: #000;
    margin-bottom: 5px
}

.modal-refill-block-transaction input {
    padding: 8px 0;
    background: #fff;
    border: 1px solid #c9d5d9;
    box-sizing: border-box;
    border-radius: 5px
}

.modal-refill-button {
    text-align: center
}

.modal-refill-button button {
    background: #000080;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .1em;
    color: #fff
}

.modal-refill-button button:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.invest-error {
    border: 1px solid red !important;
    border-radius: 10px !important
}

.video-section-overlay {
    font-family: Montserrat !important
}

.video-section-overlay .slide--parent {
    margin: auto;
    overflow: hidden;
    width: 100%;
    max-height: 100%
}

.video-section-overlay .flickity-button {
    display: none !important
}

.video-section-overlay p {
    line-height: 1.8
}

.video-section-overlay h1 {
    font-size: 55px
}

@media screen and (max-width:550px) {
    .video-section-overlay h1 {
        font-size: 27px
    }
}

.video-section-overlay h1,
.video-section-overlay h2 {
    letter-spacing: 3px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    text-transform: uppercase
}

.video-section-overlay small {
    font-family: Montserrat !important;
    font-size: 20px;
    margin-bottom: .5em;
    display: inline-block;
    color: #f5f5f5;
    position: relative;
    padding-left: 3em
}

.video-section-overlay small:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 4px;
    width: 2.4em;
    background: #000080;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video-section-overlay .parent--el {
    width: 100%;
    max-width: 1000px;
    margin: auto
}

.video-section-overlay .parent--el .two--col {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.video-section-overlay figure {
    margin: 0
}

.video-section-overlay .is-item {
    width: 100%
}

.video-section-overlay .is-item.has--img {
    width: 40%
}

.video-section-overlay .the-img {
    width: 100%;
    position: relative
}

.video-section-overlay .the-img img {
    width: 100%
}

.video-section-overlay .is-item--inner {
    padding: 0 3em
}

.video-section-overlay hr {
    margin: .5em 0;
    height: 4px;
    background: #eee;
    border: none
}

.video-section-overlay .the-img {
    overflow: hidden
}

.video-section-overlay .the-img img {
    position: relative;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.video-section-overlay .is-item--inner p {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    position: relative;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.video-section-overlay h1,
.video-section-overlay h2 {
    overflow: hidden;
    font-family: Montserrat !important
}

.video-section-overlay h1 span,
.video-section-overlay h2 span {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: inline-block
}

.video-section-overlay hr {
    width: 0;
    max-width: 8em;
    -webkit-transition: all 2.5s ease;
    transition: all 2.5s ease
}

.video-section-overlay small {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.video-section-overlay small:after {
    width: 0;
    max-width: 2.4em;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.video-section-overlay .parent--el.is-selected .the-img {
    overflow: hidden
}

.video-section-overlay .parent--el.is-selected .the-img img {
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.video-section-overlay .parent--el.is-selected .is-item--inner p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    position: relative;
    opacity: 1
}

.video-section-overlay .parent--el.is-selected .is-item--inner p:nth-of-type(2) {
    color: #000080;
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.video-section-overlay .parent--el.is-selected .is-item--inner p:nth-of-type(3) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.video-section-overlay .parent--el.is-selected h1,
.video-section-overlay .parent--el.is-selected h2 {
    overflow: hidden;
    font-family: Montserrat !important
}

.video-section-overlay .parent--el.is-selected h1 span,
.video-section-overlay .parent--el.is-selected h2 span {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: relative;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    display: inline-block
}

.video-section-overlay .parent--el.is-selected hr {
    width: 100%;
    max-width: 8em;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.video-section-overlay .parent--el.is-selected small {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.video-section-overlay .parent--el.is-selected small:after {
    width: 100%;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    max-width: 2.4em
}

#modal_refill_message {
    -webkit-transition: all .3s;
    transition: all .3s
}