/* ОСНОВНОЙ ЗЕЛЁНЫЙ ЦВЕТ: #293d33
*/
.uk-section-default {
    background: #f8f8f8;
}
:not(.uk-sticky-below)>.uk-navbar-container:not(.uk-navbar) {
    padding-top: 13px;
    padding-bottom: 13px;
    background: rgb(0 0 0 / 29%);
}
.tm-page {
    border-top: none;
}
.uk-navbar-nav>li.uk-active>a {
    color: #fff;
}
.uk-navbar-nav>li>a {
    padding: 0 0;
    color: #fff;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    position: relative;
    z-index: 1;
    text-transform: none;
    letter-spacing: -.04em;
}
.uk-navbar-nav>li.uk-active>a::before {
    background-color: #fff;
}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true] {
    color: #fff;
}
.uk-navbar-nav>li:hover>a::before, .uk-navbar-nav>li>a[aria-expanded=true]::before {
    background-color: #fff;
}
.contact-top {
    color: #fff;
}
.contact-top a {
    color: #fff;
}
.contact-top span {
    color: #fff !important;
    position: relative;
    top: -1px;
    padding: 0 11px 0 0;
}
.contact-top-os {
    border-left: 1px solid rgb(255 255 255 / 20%);
    padding: 0 0 0 58px;
}
.title-zg {
    color: #fff;
    font-size: 75px;
    font-weight: 700;
    text-align: center;
}
.title-txt {
    color: #fff;
}
.title-txt2 {
    color: #fff;
}
.title-but .uk-button {
    border-radius: 10px;
}
.preim-txt {
    text-align: center;
    position: relative;
    margin-top: -36px;
    font-weight: 300;
    color: #fff;
    background: #293d33;
    padding: 6px 0 5px 0;
    text-transform: uppercase;
    border-radius: 0 0 10px 10px;
}
.preim-b .uk-button-default {
    background-color: transparent !important;
    color: #293d33;
    box-shadow: none;
}
.preim-b .uk-button-default:hover {
    background-color: transparent !important;
    color: #293d33;
    box-shadow: none;
}
.preim-b .uk-button {
    margin-top: -20px;
}
.preim-b .el-title {
    margin-top: 12px !important;
    font-weight: 400;
    line-height: 25px;
}
.preim-b img {
    border-radius: 10px;
}
.preim-b .uk-overlay-default {
    border-radius: 10px !important;
}
.preim-os {
    margin-top: -200px;
}
.preim-b .uk-grid {
    box-shadow: 0 0 0 7px #fff;
}
.uk-divider-icon {
    position: relative;
    height: 20px;
    background-image: url("/images/elements/divider.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.zg-dark {
    font-size: 55px;
    color: #000;
}
.meta-os {
    background: rgb(50 87 68 / 38%);
    color: #293d33;
    border-radius: 20px;
    width: 46%;
    text-align: center;
    padding: 2px 0px;
}
.zg-dark-small {
    color: #000;
    margin-top: -22px;
    font-size: 31px;
}
.gallery-gl  .uk-button-default {
    background-color: transparent !important;
    color: #293d33;
    box-shadow: none;
}
.gallery-gl  .uk-button-default:hover {
    background-color: transparent !important;
    color: #293d33;
    box-shadow: none;
}
.o-nas-img img {
    position: absolute;
    top: 62px;
    left: -158px;
}
.nashi-nomera img {
    position: absolute;
    top: 201px;
    right: -123px;
    z-index: 10;
}
.restoran-slide img {
    border-radius: 10px;
}
.restoran-os p {
    color: #000;
}
.restoran-os div {
    color: #000;
}
.restoran-os .uk-button-primary {
    border-radius: 10px;
}
.about-os {
    color: #000;
}
.restoran-list {
    margin-top: -20px;
}
.footer-txt {
    margin-top: -24px;
    color: #fff;
}
.bread-os h1 {
    color: #fff;
}
.bread-os p {
    color: #fff;
}
.uk-breadcrumb>*>* {
    font-size: 16px;
    color: #fff;
    letter-spacing: -.04em;
}
.nomera-zg {
    color: #325744;
    font-weight: 500;
}
.nomera-zg span {
    font-weight: 700;
}
.nomera-txt-os {
    color: #000;
}
.nomera-txt-os span {
    padding: 0 5px 0 0;
    position: relative;
    top: -1px;
}
.restoran-list {
    line-height: 18px;
    margin-top: 9px !important;
}
.akcii-os .el-title {
    font-weight: 500;
    color: #293d33;
}
.akcii-os .el-title span {
    font-size: 30px;
    font-weight: 700;
}
.akcii-os .uk-card {
    border-radius: 10px;
}
.nomera-oss .el-content span {
    font-size: 25px;
    font-weight: 700;
    padding: 0 0 0 8px;
    position: relative;
}
.bread-nomera {
    line-height: 10px;
}
.button-prog .uk-button-danger {
    background-color: #2cb742;
    color: #fff;
    border-radius: 10px;
}
.button-prog .uk-button-danger:hover {
    background-color: #1c7d2a;
    color: #fff;
    border-radius: 10px;
}
@media screen and (max-width: 768px) {
p,div, h1,h2,h3,h4,h5,h6 {
    text-align: center;
}
    .uk-navbar-toggle {
    padding: 0 0;
    color: #fff;
    text-transform: none;
    letter-spacing: -.04em;
    font-size: 24px;
}
.title-zg {
    color: #fff;
    font-size: 56px;
    font-weight: 700;
}
.contact-top {
    color: #000;
    font-size: 21px;
}
.contact-top a {
    color: #000;
}
.contact-top span {
    color: #000 !important;
    position: relative;
    top: -1px;
    padding: 0 11px 0 0;
}
.contact-top-os {
    border-left: none;
    padding: 0;
}
.uk-nav-default>li>a {
    color: #000;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow,opacity,filter;
    font-size: 25px;
}
.uk-nav-default>li.uk-active>a {
    color: #293d33;
    font-size: 33px;
    font-weight: 700;
}
.preim-os {
    margin-top: 0;
}
.title-txt2 {
    color: #000;
}
.about-os h3 {
    font-size: 20px;
}
.about-os h3 {
    font-size: 47px;
}
.zg-dark {
    font-size: 47px;
    color: #000;
}
.bread-nomera {
    line-height: 24px;
}
.nomera-oss .el-content span {
    font-size: 24px;
    font-weight: 700;
    padding: 0 0 0 8px;
    position: relative;
}
.title-zg {
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    padding: 51px 0 0 0;
}
}