.header {
    background: #111111;
}

.footer-section {
    padding: 12px 6px;
}

.j-footer-block a {
    font-weight: bold;
    color: #fab702;
}

.b-nav-btn {
    padding: 4px 20px;
}

.mainmenu li a {
    font-size: 12px;
}

.j-head-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 14px;
}

.mainmenu li:hover {
    color: #f9b701;
}

.j-top-btn-order-call:hover {
    background: #009D91;
}

.mainmenu li:hover .j-top-nav-link {
    color: #f9b701;
}

.mainmenu li ul li a {
    color: #ffffff;
    opacity: 1;
}

.mainmenu li ul {
    background: rgb(249, 183, 1) none repeat scroll 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: 58px;
}

a,
a:hover,
img,
button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mainmenu li ul li a {
    border-bottom: 1px solid #fff;
}

.mainmenu li:hover ul {
    top: 58px;
}

.mainmenu li ul li a:hover {
    background: #009D91;
}

.j-top-btn-order-call {
    cursor: pointer;
    user-select: none;
}

.j-bottom-btn-order-call {
    cursor: pointer;
    user-select: none;
    font-size: 18px;
    font-weight: bold;
}

.j-bottom-btn-order-call.b-btn::before,
.j-bottom-btn-order-call.b-btn::after {
    top: -6px;
    height: 120%;
}

.j-display-inline-block {
    letter-spacing: 1px;
    font-size: 20px;
}

.j-header-logo {
    display: flex;
}

.slicknav_nav {
    background-color: #fab702;
}

.mob-brand-logo {
    display: none;
}

.j-h1 {
    letter-spacing: 0px;
    border-bottom: 1px solid #fab702;
    font-weight: 700;
    text-shadow: 1px 1px 6px #554e4e;
}

.j-page-heading {
    background-attachment: initial;
    height: 300px;
}

.j-hero-content {
    padding-top: 12%;
    padding-left: 14px;
}

.contact-wrapper .fas,
.contact-wrapper .fab {
    color: #fab702;
    width: 20px;
    text-align: center;
}

.contact-wrapper a {
    color: #009D91;
    font-weight: 600;
}

.j-form-fix {
    display: block;
}

.j-set-text {
    font-size: 16px;
    color: #474545;
}

.cf-wrapper .form-control {
    font-size: 16px;
}

.j-contact-wrapper .b-btn {
    font-size: 14px;
}

.j-contact-wrapper .cf-wrapper {
    margin-top: 24px;
}

.j-about-content h2 {
    margin: 10px 0px 20px 0px;
}

.j-about-oplata-variant h4 {
    font-size: 12px;
}

.j-about-oplata-variant {
    padding: 14px;
}

.j-about-oplata-name {
    padding: 16px 12px;
}

.j-about-content ul {
    padding: 0px 0px 0px 34px;
}

.j-about-content ul li {
    list-style: disc;
}

.j-customers-variant-tile {
    font-size: 20px;
    border-bottom: 2px solid #009D91;
    padding-bottom: 8px
}

.j-customers a:hover {
    text-decoration: none;
}

.j-customers .fas {
    position: relative;
    margin-right: 4px;
    color: #009d91;
}

.customers-bottom-title {
    letter-spacing: 2px;
}

.customers-wrap {
    height: 400px;
}

.delvery-first-abx-text,
.guarantees-first-abx-text {
    padding: 0px 20px;
}

.delvery-content-abx-text,
.guarantees-content-abx-text {
    margin-top: 80px;
}

.delvery-content-abx-text strong,
.guarantees-content-abx-text strong {
    font-weight: bold;
}

.j-delvery-wrap,
.j-guarantees-wrap {
    padding-bottom: 40px;
}

.portfolio-box-wrap {}

.portfolio-box {
    border: 6px solid #e1e1e1;
}

.portfolio-mini-des {
    color: #000;
    padding: 4px;
}

.portfolio-mini-fon {
    background: rgb(255 216 0 / 67%);
}

.portfolio-mini-title {
    background-color: rgb(0 157 145 / 76%);
    border-radius: 2px;
    transition: 0.5s;
}

.portfoio-section .filter-menu {
    padding: 0px 16px;
}

.katalog-product .service-item .post-info {
    background-color: rgb(34 34 34 / 65%);
}

.katalog-product a.text-white:hover {
    opacity: 1;
}

.katalog-product-mini-des {
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px;
}

.j-products .service-items .post-info {
    background-color: #333;
    position: relative;
    border-left: 4px solid rgb(249, 183, 1);
    border-right: 4px solid rgb(249, 183, 1);
    border-bottom: 4px solid #000;
}

.j-products .j-product-title {
    width: 100%;
    padding: 12px 24px;
    background: #009D91;
    border-bottom-right-radius: 22px;
}

.j-products .j-product-des {
    padding: 24px;
    line-height: 18px;
    text-transform: none;
    font-size: 14px;
    display: flex;
    min-height: 160px;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.j-products .service-item img {
    border-top: 4px solid rgb(82 158 143);
    border-top-left-radius: 22px;
}

.bbhtel {
    font-size: 34px;
    line-height: 41px;
    color: #FFC107;
}

.j-products-pagination,
.j-article-pagination {
    margin-top: 54px;
    display: flex;
    justify-content: center;
}

.article-box {
    border-bottom: 2px solid rgb(249, 183, 1);
    border-top: 4px solid #009D91;
}

.j-mini-article .read-more {
    background: #525957;
    width: 100%;
    display: flex;
    color: #fff;
    padding-left: 8px;
}

.j-mini-article .read-more:hover {
    color: rgb(249, 183, 1);
    opacity: 1;
    text-decoration: none;
    background: #3d413f;
}

.entry-content-title {
    border-left: 2px solid rgb(249, 183, 1);
    padding-left: 6px;
    min-height: 44px;
    display: flex;
    align-items: center;
}

.j-mini-article {
    padding: 12px;
}

.entry-content-des {
    min-height: 100px;
}

.j-one-article-img {
    margin-bottom: 60px;
}

.j-one-article .meta-info {
    font-size: 16px;
}

.j-one-article strong {
    font-weight: bold;
}

.j-one-article a {
    color: #009D91;
}

.j-one-article ol {
    padding-left: 24px;
    list-style: decimal;
}

.j-one-article ul {
    padding-left: 24px;
    list-style: disc;
}

.j-one-content img {
    padding: 8px;
    border: 1px solid #FFC107;
    margin: 18px;
}

.j-articles-wrap {
    padding-bottom: 36px;
}

.j-home .slider-content {
    margin-top: 80px;
}

.j-home-b1-title {
    letter-spacing: 1px;
}

.j-home-b-1,
.j-home-b-2,
.j-home-b-3,
.j-home-b-4,
.j-home-b-5 {
    overflow: hidden;
}

.j-home-b-4-all-pj {
    font-size: 14px;
    color: #009D91;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0.2px;
}

.j-home-b-4 h2 {
    line-height: 24px;
}

.help-button {
    position: fixed;
    bottom: 52px;
    right: 116px;
    width: 66px;
    height: 66px;
    background: rgb(57, 208, 87);
    background: linear-gradient(319deg, rgba(57, 208, 87, 1) 0%, rgba(4, 112, 36, 1) 100%);
    border: 0px;
    border-radius: 2px;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    transform: rotate(-90deg);
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-transform: rotate(-90deg) translateY(180px);
    -moz-transform: rotate(-90deg) translateY(180px);
    -ms-transform: rotate(-90deg) translateY(180px);
    -o-transform: rotate(-90deg) translateY(180px);
    transform: rotate(-90deg) translateY(180px);
    text-transform: none;
    text-align: center;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 16px;
    letter-spacing: 2px;
    transition: 0.5s;
    border-radius: 40px;
    text-decoration: none;
    z-index: 100;
}

.help-button:hover {
    color: #eeeeee;
}

.show-button {
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: rotate(-90deg) translateY(70px);
    transition: 0.5s;
}

.scroll-to-top {
    display: none;
    bottom: 110px;
}

.j-products .j-product-des p {
    width: 100%;
}

.j-products .j-product-des strong {
    font-weight: bold;
}

.j-top-btn-order-call-kons,
.portfolio-box-wrap .portfolio-mini-title {
    cursor: pointer;
}

.j-product-price {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFC107;
    padding: 6px 6px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    min-height: 44px;
    cursor: pointer;
}

.j-product-price:hover {
    background: #b38807;
}

.portfolio-mini-title:hover {
    background-color: #607D8B;
    border-radius: 0px;
}

.j-contact-ya-maps {
    margin-top: 80px;
}

.j-customers-block {
    min-height: 284px;
}

.top-info .j-top-ico {
    border: none;
    font-size: 22px;
    color: #fab702;
}

.j-top-li-ico {
    margin-right: 4px !important;
}

.top-info-fix {
    justify-content: flex-end;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.top-info .j-top-ico:hover {
    color: #856204;
}

.footer-addr .j-bottom-ico {
    font-size: 20px;
    margin-right: 4px;
}

.wrap-top-info {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}


/* эксперементально */
.header,
.fixed-top.header .header-bottom,
.fixed-top.header,
.fixed-top.double-header,
.header-bottom {
    background: #fff;
}

.mainmenu li a {
    color: #000;
}

.top-info .fa-vk,
.addr-info .fa-vk {
    color: #337ab7;
}

.top-info .fa-telegram-plane,
.addr-info .fa-telegram-plane {
    color: #03a5b7;
}

.top-info .fa-whatsapp,
.addr-info .fa-whatsapp {
    color: #00b362;
}

.top-info li a {
    color: #000;
}

.top-info .ti-mobile {
    color: #fff;
    background: #fab702;
}

.top-info .ti-email {
    color: #fff;
    background: #fab702;
}

.mainmenu ul li:hover>a,
.mainmenu ul li.current_page_item>a {
    color: rgb(249, 183, 1);
}

.navbar-header .brand-logo {
    margin-top: -20px;
    padding-top: 4px;
}

.header,
.fixed-top.header .header-bottom,
.fixed-top.header,
.fixed-top.double-header,
.header-bottom {
    border-bottom: 1px solid rgb(249, 183, 1);
}

/* эксперементально */