/*fonts*/

@font-face {
    font-family: "MuseoSansRegular";
    src: url("../fonts/MuseoSansRegular/MuseoSansRegular.eot");
    src: url("../fonts/MuseoSansRegular/MuseoSansRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansRegular/MuseoSansRegular.woff") format("woff"),
    url("../fonts/MuseoSansRegular/MuseoSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansBold";
    src: url("../fonts/MuseoSansBold/MuseoSansBold.eot");
    src: url("../fonts/MuseoSansBold/MuseoSansBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBold/MuseoSansBold.woff") format("woff"),
    url("../fonts/MuseoSansBold/MuseoSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansItalic";
    src: url("../fonts/MuseoSansItalic/MuseoSansItalic.eot");
    src: url("../fonts/MuseoSansItalic/MuseoSansItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansItalic/MuseoSansItalic.woff") format("woff"),
    url("../fonts/MuseoSansItalic/MuseoSansItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansLight";
    src: url("../fonts/MuseoSansLight/MuseoSansLight.eot");
    src: url("../fonts/MuseoSansLight/MuseoSansLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"),
    url("../fonts/MuseoSansLight/MuseoSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansMedium";
    src: url("../fonts/MuseoSansMedium/MuseoSansMedium.eot");
    src: url("../fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansMedium/MuseoSansMedium.woff") format("woff"),
    url("../fonts/MuseoSansMedium/MuseoSansMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansBlack";
    src: url("../fonts/MuseoSansBlack/MuseoSansBlack.eot");
    src: url("../fonts/MuseoSansBlack/MuseoSansBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBlack/MuseoSansBlack.woff") format("woff"),
    url("../fonts/MuseoSansBlack/MuseoSansBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansBoldItalic";
    src: url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot");
    src: url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.woff") format("woff"),
    url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansMediumItalic";
    src: url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot");
    src: url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.woff") format("woff"),
    url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansLightItalic";
    src: url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot");
    src: url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.woff") format("woff"),
    url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansBlackItalic";
    src: url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot");
    src: url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.woff") format("woff"),
    url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansCyrl";
    src: url("../fonts/MuseoSansCyrl.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "UniSans-Trial-Bold";
    src: url("../fonts/UniSans-Trial-Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

/*reset styles*/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #e0e0e0;
  border-top-color: #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    /* font-family: 'MuseoSansMedium', sans-serif; */
    font-family: "MuseoSansCyrl", sans-serif;
    font-size: 12px;
    min-width: 1000px;
    top: 0 !important;
}
ol, ul {
    list-style: none;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: none;
    outline: none;
}
img {
    max-width: 100%;
    max-height: 100%;
}
.clr {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

.new-dizine {
    /* background: #F5F7FA !important; */
    /* z-index: -1; */
    /* position: relative; */
}

.mod-menu a {
    display: flex;
    align-items: center;
}

/*header*/

.header {
    position: relative;
    height: 40px;
    background: #3e3e3e;
    z-index: 999;
}
.header.custom {
    background: #F5F7FA !important;
    border-bottom: 1px solid #E5E7EB !important;
    height: 100%;
}
.header.custom .header__main-menu-button {
    color: #1e1e1e !important;
    font-weight: 500;
}
.header.custom .nav-item a {
    color: #1e1e1e !important;
    font-weight: 500;
    font-size: 16px !important;
}
.button-soobchestvo a,
.button-companies a,
.button-qazaq-product a {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #E5E7EB;
    background: #fff;
    padding: 0px 10px;
    border-radius: 50px;
    text-decoration: none !important;
    color: #1E1E1E;
    font-weight: 500;
    min-height: 35px;
    font-size: 16px !important;
}
.button-soobchestvo img,
.button-companies img,
.button-qazaq-product img {
    max-height: 30px !important;
}

.button-qazaq-product img {
    width: 25px;
}
.button-qazaq-product b {
    /* font-weight: bold !important; */
    font-family: "UniSans-Trial-Bold", sans-serif !important;
}
.header.custom .header-menu {
    float: none !important;
}
.container-custom-buttons {
    display: flex;
    justify-content: space-between;
    width: 60%;
    align-items: center;
}
.header.custom .top-header {
    display: flex;
    justify-content: space-between;
    padding: 8px 0px !important;
}
.header__main-menu-button {
    display: flex;
    flex-wrap: wrap;
    float: left;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 27px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
}
.header__main-menu-button:before {
    content: ' ';
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 17px;
    height: 15px;
    background: url("../images/sprite.png") no-repeat 0 0;
}
.header__main-menu-button.active:before {
    background: url("../images/sprite.png") no-repeat -21px 0;
}
.header-menu {
    float: right;
    color: #fff;
}
.header-menu li {
    float: left;
    line-height: 40px;
    padding-left: 18px;
}

.main-menu-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
    background-color: #fff;
    z-index: -2;
    display: none;
}
.main-menu-backdrop.active {
    opacity: 0.8;
    z-index: 980;
    display: block;
}
.main-menu-block {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
}
.header.custom .main-menu-block {
    top: 57px !important;
}
.main-logo {
    display: block;
    width: 190px;
    height: 63px;
    background: url("../../../images/logo-domdeneg.png") no-repeat center;
}
.main-menu-block .main-logo {
    margin: 30px auto;
}
.main-menu-block__menu {
    margin: 0 170px 40px;
}
.main-menu-block.custom .main-menu-block__menu {
    margin: 40px 170px;
}
.main-menu-block__menu li {
    float: left;
    width: 215px;
    padding: 9px 5px 9px 0;
    line-height: 20px;
    color: #3e3e3e;
    font-size: 16px;
}

.sub-header.custom .main-logo {
    /* background: url("../../../images/PROBUSINESS.png") no-repeat center; */
    background: none !important;
}

.sub-header.custom .language {
    margin-left: 0px;
    justify-content: space-around;
    margin-bottom: 5px;
    background: #F5F7FA;
    padding: 5px;
    border-radius: 50px;
}

.sub-header.custom .language span {
    color: #1E1E1E;
    text-transform: uppercase;
    font-size: 16px;
    /* font-weight: 500; */
    line-height: normal;
    font-family: "MuseoSansCyrlLight", sans-serif;
}

.sub-header.custom .language span:nth-child(2) {
    border-left: 1px solid #E5E7EB;
    border-right: 1px solid #E5E7EB;
    padding: 0px 10px;
}

.sub-header.custom .btn-login {
    background: #08A5C5;
    font-weight: 700;
}

.sub-header.custom .link-registration {
    color: #1E1E1E;
    font-weight: 700;
}

.sub-header.custom .dashed-link {
    color: #6B7280;
    border-bottom: 1px dashed #6B7280;
}

.sub-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px !important;
}

.sub-header .main-logo {
    flex-shrink: 0;
    float: left;
    margin: 0;
    margin-right: 0;
}
.sub-header-center {
    float: left;
    width: 512px;
    height: 73px;
    margin: 0;
}
.sub-header-right {
    float: right;
    width: 183px;
}

/* block login*/
.btn-login {
    display: block;
    width: 84px;
    height: 28px;
    color: #fff;
    padding: 0;
    font-family: 'MuseoSansBold', sans-serif;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 14px;
    background: #08A5C5;
}
.btn-login:hover {
    text-decoration: none;
}
.user-box-top .btn-login {
    float: left;
    margin-bottom: 5px;
}
.link-registration {
    display: inline-block;
    float: right;
    color: #949494;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    line-height: 28px;
}
.dashed-link {
    display: inline-block;
    color: #d3d3d3;
    font-family: 'MuseoSansBold', sans-serif;
    padding: 1px 0;
    border-bottom: 1px dashed #d3d3d3;
}
.dashed-link:hover {
    text-decoration: none;
    color: #949494;
    border-bottom: 1px dashed #949494;
}

#login-modal-form {
    width: 275px;
    margin-left: -137px;
}
#login-modal-form .modal-header, #login-modal-form .modal-body {
    padding-right: 10px;
}
body .jlslogin #login-form {
    padding: 0;
}

.jlslogin .dashed-link {
    display: flex;
    justify-content: center;
}
.jlslogin .inputbox {
    box-sizing: border-box;
    height: 32px !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 5px;
    margin-bottom: 8px;
    padding-left: 10px !important;
    outline: none;
    font-size: 12px;
    color: #555555;
}

::-webkit-input-placeholder {
    font-family: "MuseoSansMedium", sans-serif;
    color: #d3d3d3;
    font-size: 12px;
    opacity: 1;
}
::-moz-placeholder {
    font-family: "MuseoSansMedium", sans-serif;
    color: #d3d3d3;
    font-size: 12px;
    opacity: 1;
}
:-ms-input-placeholder {
    font-family: "MuseoSansMedium", sans-serif;
    color: #d3d3d3;
    font-size: 12px;
    opacity: 1;
}

.link-forgot-password, .logout-form__link-account {
    display: inline-block;
    line-height: 28px;
    color: #1489ff;
    text-decoration: underline;
}
#login-form .btn-login {
    float: right;
}
.sing-social-title {
    position: relative;
    margin: 21px -30px 10px;
    padding: 18px 30px 0;
    line-height: 14px;
    font-size: 14px;
    color: #3e3e3e;
}
.sing-social-title:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #f3f3f3;
}
.slogin-buttons {
    overflow: hidden;
}
body .jlslogin .slogin-compact a {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
}
body .jlslogin .slogin-compact span {
    height: 20px;
    width: 20px;
}

#login-modal-info .modal-body {
    line-height: 20px;
    color: #3e3e3e;
}

.block-buttons-login {
    width: 186px;
    margin-top: 12px;
}
.block-buttons-login .btn-login {
    float: left;
}
.login-greeting {
    font-family: 'MuseoSansBold', sans-serif;
    font-size: 16px;
}
.logout-form__link-account {
    float: left;
}
.logout-button .btn-login {
    float: right;
}

/* header buttons */
.header-buttons {
    padding: 0 0 30px;
}
.header-buttons a {
    float: left;
    font-size: 16px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    width: 320px;
    line-height: 40px;
    margin-right: 20px;
    border-radius: 5px;
    text-transform: uppercase;
}
.header-buttons a:hover {
    text-decoration: none;
}
.header-buttons a:nth-child(1) {
    background: #60be8b;
}
.header-buttons a:nth-child(2) {
    background: #5b80a1;
}
.header-buttons a:nth-child(3) {
    background: #a8ac70;
    margin-right: 0;
}

.header-buttons.custom a:nth-child(1) {
    background: #00587A;
}
.header-buttons.custom a:nth-child(2) {
    background: #F7901E;
}
.header-buttons.custom a:nth-child(3) {
    background: #4B5563;
    margin-right: 0;
}

/*block banners*/

.promo-block {
    padding-bottom: 30px;
}
.promo-block1 {
    float: left;
    position: relative;
    width: 444px;
    /* margin-right: 18px; */
    max-width: 390px;
}
.promo-block.custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e1e1e1;
}
.promo-block.custom .promo-item1__label,
.promo-block.custom .promo-block__label-new {
    background: #2DB57A;
}
.promo-block.custom .promo-block1:before,
.promo-block.custom .promo-block2:before,
.promo-block.custom .promo-block3:before  {
    background: #196846 !important;
    z-index: 1;
}

.slideshowck {
    z-index: 2 !important;
}

.promo-block.custom .promo-block3,
.promo-block.custom .promo-block2,
.promo-block.custom .promo-block1 {
    border: none !important;
}

.promo-block.custom .promo-block3 img,
.promo-block.custom .promo-block2 img,
.promo-block.custom .promo-block1 img {
    box-shadow: 4px 4px 6.3px 0px #0000006E;
    border-radius: 10px;
    z-index: 1;
    position: relative;
}

.promo-block.custom .promo-block1 img {
    min-height: 240px !important;
    object-fit: cover;
}

.promo-block.custom .promo-block1 .slideshowck {
    height: 240px !important;
}

.promo-block.custom .promo-block1 .camera_target {
    border-radius: 10px;
    box-shadow: 4px 4px 6.3px 0px #0000006E;
}
.promo-block.custom  .promo-block3__info {
    display: block;
    position: absolute;
    top: 10px;
    left: -12px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #2DB57A;
    z-index: 2;
    max-height: 30px;
    max-width: 100px;
}
.promo-item1__label {
    position: absolute;
    top: 10px;
    left: -12px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #01a23c;
    z-index: 2;
}
.promo-block1:before {
    content: '';
    width: 18px;
    height: 9px;
    position: absolute;
    top: 37px;
    left: -11px;
    background: #00551f;
    z-index: -1;
    transform: rotate(33deg);
}
.promo-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    padding: 65px 5px 0 17px;
    color: #fff;
    font-size: 16px;
    background: url("../images/bg_slider_info.png") repeat-x;
}
body .bx-wrapper .bx-prev {
    left: 18px;
}
body .bx-wrapper .bx-next {
    right: 18px;
}

.promo-block2 {
    float: left;
    position: relative;
    width: 199px;
    height: 240px;
    border: 1px solid #e1e1e1;
    max-width: 210px;
}
.promo-block2 img, .promo-block3 img {
    max-width: 100%;
    max-height: 100%;
}
.promo-block__label-new {
    display: block;
    position: absolute;
    top: 10px;
    left: -12px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #b90101;
    z-index: 2;
}
.promo-block2:before {
    content: '';
    width: 18px;
    height: 9px;
    position: absolute;
    top: 37px;
    left: -11px;
    background: #5d0000;
    z-index: -1;
    transform: rotate(33deg);
}

.promo-block3 {
    float: right;
    position: relative;
    width: 318px;
    height: 240px;
    border: 1px solid #e1e1e1;
    max-width: 325px;
}
.promo-block3 img {
    width: 100%;
}
.promo-block3:before {
    content: '';
    width: 18px;
    height: 9px;
    position: absolute;
    top: 37px;
    left: -11px;
    background: #824600;
    z-index: 1;
    transform: rotate(33deg);
}
.promo-block__label-sale {
    display: block;
    position: absolute;
    top: 10px;
    left: -12px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #f8a217;
    z-index: 2;
}
.promo-block3__info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 114px;
    box-sizing: border-box;
    padding: 79px 5px 0 17px;
    color: #fff;
    font-size: 16px;
    background: url("../images/bg_banner_sale_info.png") repeat-x;
}

/*menu icons*/

.menu-icons {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #3e3e3e;
    padding-bottom: 30px;
}
.menu-icons li {
    height: 34px;
    line-height: 34px;
}
.menu-icons img {
    max-height: 34px;
    float: left;
    margin-right: 10px;
}

/* .nav.menu-icons {
  margin: 30px auto;
} */


/*main style*/

.not-front-page {
    display: none !important;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px 30px;
}

@media screen and (max-width: 1050px) {
    .container {

    }
}

.main-page.container {
    margin-bottom: 50px;
}

.content_block {
    color: #3e3e3e;
    line-height: 20px;
}
.content_block.column-left {
    float: left;
    width: 693px;
    padding-right: 25px;
    margin-right: -1px;
    /* border-right: 1px solid #f2f2f2; */
    border-right: 1px solid #E5E7EB;
}

.module-block__header {
    line-height: 24px;
    padding-bottom: 10px;
}
.module-block__header h3 {
    float: left;
    font-size: 24px;
    font-family: 'MuseoSansBlack', sans-serif;
}
.module-block__header a {
    float: right;
    font-family: 'MuseoSansBold', sans-serif;
    color: #222;
}

/*home page*/

.news-cat-slider {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 20px;
}

.news-cat-slider .slick-slide a {
    font-weight: bold;
    font-size: 16px;
}

.news-cat-slider .slick-slide h3 {
    text-align: center;
}

.news-cat-slider .slick-slide {
    display: flex;
    justify-content: center;
}

.news-cat-slider .slick-track {
    display: flex;
    align-items: center;
}

.news-cat-slider .slick-prev,
.news-cat-slider .slick-next {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
}

.news-cat-slider .slick-prev img,
.news-cat-slider .slick-next img {
    box-shadow: 0px 0px 12px 2px #00000026;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    max-width: unset !important;
    max-height: unset !important;
}

.empty-cat-slider-custom .slick-track {
    width: 100% !important;
}

.empty-cat-custom {
    width: 100% !important;
}

.arrow-custom {
    width: unset !important;
    height: unset !important;
}

.news-home-page.custom.news {
    margin-bottom: 20px;
}

.module-block__header a:hover {
    color: #949494;
}
.news-home-page, .blog-home-page {
    padding: 0 30px 10px 0;
}
.news-home-page__item {
    padding-bottom: 20px;
}
.news-home-page__item-info {
    color: #222;
    line-height: 20px;
}
.news-home-page__item-created {
    margin-right: 12px;
}
.views-box, .comments-box {
    display: inline-block;
    position: relative;
    height: 20px;
    line-height: 20px;
    padding-left: 17px;
    font-family: 'MuseoSansBold', sans-serif;
    margin-right: 3px;
    color: #222;
}
.views-box:before, .comments-box:before {
    content: '';
    display: block;
    width: 15px;
    height: 14px;
    position: absolute;
    top: 1px;
    left: 0;
    background: url("../images/sprite.png") no-repeat -54px 2px;
}
.comments-box:before {
    background: url("../images/sprite.png") no-repeat -80px 2px;
}
.news-home-page__item-title {
    display: block;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    margin-bottom: 4px;
}
.news-home-page__item-intro {
    margin-top: 15px;
    line-height: 20px;
    clear:both;
}

.blog-home-page__item {
    padding-bottom: 25px;
}
.blog-home-page__item-author {
    display: block;
    float: left;
    width: 90px;
    margin-right: 18px;
}
.blog-home-page__item-author img {
    width: 90px;
}
.blog-home-page__item-body {
    float: left;
    width: 555px;
    margin-top: -4px;
}

.block-about-info {
    padding-right: 30px;
}
.block-about-info img {
    display: block;
    padding: 15px 0;
}
.block-about-info p {
    margin-bottom: 15px;
}

.block-last-members__title {
    line-height: 22px;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #d3d3d3;
}
.block-last-members__count {
    line-height: 24px;
    font-size: 20px;
    font-family: 'MuseoSansBlack', sans-serif;
    margin-bottom: 15px;
}
.btn-green, .btn-grey {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 50px;
    border: none;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    background: #7bb33c;
}
.btn-green:hover, .btn-grey:hover {
    text-decoration: none;
}
.btn-grey {
    font-size: 12px;
    padding: 0 25px;
    background: #c5c5c5;
}

/*sidebar*/

.sidebar {
    float: left;
    width: 250px;
    border-left: 1px solid #f2f2f2;
    padding-left: 31px;
    color: #3e3e3e;
}
.sidebar-info {
    line-height: 20px;
    font-family: 'MuseoSansBold', sans-serif;
    padding-bottom: 35px;
}
.sidebar-info__phone {
    font-size: 16px;
    font-family: 'MuseoSansBlack', sans-serif;
    color: #7bb33c;
}
.sidebar-info a {
    font-size: 14px;
    color: #1489ff;
    text-decoration: underline;
}

.house-menu-box {
    position: relative;
    margin: 47px 0 38px;
    padding: 25px 25px 52px 15px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    background: #fff;
}
.house-menu-box:before {
    content: '';
    display: block;
    width: 256px;
    height: 60px;
    position: absolute;
    top: -47px;
    left: 0;
    background: url("../images/sprite.png") no-repeat -545px -2px;
}
.house-menu-box:after {
    content: '';
    display: block;
    width: 285px;
    height: 50px;
    position: absolute;
    bottom: -5px;
    left: -14px;
    background: url("../images/sprite.png") no-repeat -517px -80px;
}
.house-menu-box__title {
    font-family: 'MuseoSansBlack', sans-serif;
    color: #d3d3d3;
    line-height: 25px;
}
.house-menu-box li {
    line-height: 18px;
    padding: 4px 0;
}
.house-menu-box a {
    text-decoration: underline;
}

.box-form-subscribe {
    padding: 18px 18px 2px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.box-form-subscribe__title {
    font-size: 14px;
    line-height: 20px;
    font-family: 'MuseoSansBlack', sans-serif;
    margin-bottom: 15px;
    text-align: center;
}
body form.pwebcontact-form input.pweb-input, body form.pwebcontact-form select, body form.pwebcontact-form textarea {
    height: 32px;
    padding: 5px 5px 5px 10px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    outline: none;
}
form.pwebcontact-form select {
    color: #d3d3d3;
}
form.pwebcontact-form option {
    color: #3e3e3e;
}
body form.pwebcontact-form input.pweb-input:focus, body form.pwebcontact-form select:focus, body form.pwebcontact-form textarea:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
body .pweb-labels-inline form.pwebcontact-form .pweb-field-container {
    margin-bottom: 9px;
}
body form.pwebcontact-form button, body form.pwebcontact-form .btn {
    padding: 0 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
body .pweb-labels-inline form.pwebcontact-form .pweb-field-container.pweb-field-buttons {
    margin-bottom: 2px;
}
.box-form-subscribe .btn-green {
    width: 100%;
    box-sizing: border-box;
}
.box-form-subscribe .pweb-msg-after {
    text-align: center;
}

/*content*/

.breadcrumbs {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px;
}
.breadcrumbs li {
    display: inline;
}

.control-group {
    margin-bottom: 10px;
}
.control-group input {
    width: 260px;
    height: 32px;
    padding: 5px 5px 5px 10px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
}

.alert {
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.mainheading {
    font-size: 24px;
    font-family: 'MuseoSansBlack', sans-serif;
    line-height: 34px;
    margin: -5px 0 20px;
}

/*blog*/
.box-filter {
    padding: 16px 20px 6px;
    margin-bottom: 25px;
    font-size: 14px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.box-filter > div {
    float: left;
    line-height: 20px;
    padding: 0 5px 10px 0;
    box-sizing: border-box;
}
.box-filter a {
    text-decoration: underline;
}
.box-filter .col3x {
    width: 33.333%;
}
.box-filter .col4x {
    width: 25%;
}

.mod-news-slider.news  p {
    font-size: 20px;
    font-weight: 250;
    vertical-align: middle;
    line-height: 100%;
}

.mod-news-slider.news {
    margin-bottom: 20px;
}

.tagspopular {
    margin-bottom: 20px;
}
.tagspopular li {
    display: inline-block;
    line-height: 20px;
    margin-right: 8px;
}
.tagspopular a {
    font-size: 16px;
    color: #08A5C5;
    text-decoration: underline;
}
.tagspopular.news.container {
    margin-bottom: 0px;
}
.tags-item-close {
    font-size: 16px;
    font-family: 'MuseoSansBlack', sans-serif;
    color: #08A5C5;
    cursor: pointer;
    display: none !important;
}

.box-blog {
    margin-bottom: -30px;
}
.box-blog__item {
    float: left;
    width: 208px;
    margin: 0 0 30px 34px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.box-blog__item:nth-child(3n+1){
    margin: 0 0 30px 0;
    clear: both;
}
.box-blog__item-img {
    height: 132px;
    line-height: 132px;
    margin: 10px 10px 20px;
    text-align: center;
}
.box-blog__item-img img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.box-blog__item-title {
    display: block;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    margin: 0 10px 4px;
}
.box-blog__item-intro {
    height: 120px;
    overflow: hidden;
    margin: 0 10px 10px;
}
.box-blog__item-author {
    padding: 10px;
    margin-bottom: 15px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}
.box-blog__item-author-avatar {
    display: block;
    width: 60px;
    float: left;
    margin-right: 8px;
}
.box-blog__item-author-body {
    float: left;
    width: 120px;
    padding-top: 10px;
}
.box-blog__item-author-name {
    color: #000;
}
.box-blog__item-author-name a {
    text-decoration: underline;
}
.box-blog__item .btn-grey {
    width: 188px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 10px 15px;
}

.pagination button {
    margin-top: 45px;
    padding: 10px;
    background: #fff;
    border: none !important;
    border-radius: 10px;
    box-shadow: 0px 0px 12px 0px #00000026;
    cursor: pointer;
    width: 180px;
}

.sidebar-button {
    margin-bottom: 50px;
}

.sidebar-button a {
    background: #08A5C5;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px 0px;
    width: 100%;
    display: block;
    text-align: center;
}

.pagination {
    clear: both;
    text-align: center;
}
.pagination li {
    display: inline-block;
    padding: 0 3px;
    font-size: 14px;
}
.pagination a, .pagination a:hover {
    color: #1489ff;
    text-decoration: none;
}
.icon-previous, .icon-next {
    font-family: 'MuseoSansBlack', sans-serif;
}

/*news*/

.box-news-sidebar {
    margin-bottom: 30px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.box-news-sidebar.box-news-sidebar--editor-choice {
    margin-bottom: 0;
}
.box-news-sidebar__title {
    line-height: 24px;
    padding: 10px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-family: 'MuseoSansBold', sans-serif;
}
.box-news-sidebar--top .box-news-sidebar__title, .box-news-sidebar--top .box-news-sidebar__item-date {
    background: #b90101;
}
.box-news-sidebar--editor-choice .box-news-sidebar__title, .box-news-sidebar--editor-choice .box-news-sidebar__item-date {
    background: #f8a217;
}
.news-tab-bar {
    padding: 15px 5px;
    text-align: center;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #f2f2f2;
}
.news-tab-bar span {
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
    line-height: 22px;
}
.news-tab-bar span.active {
    text-decoration: underline;
}
.box-news-sidebar__item {
    padding: 13px;
    border-bottom: 1px solid #f2f2f2;
}
.box-news-sidebar__info .comments-box {
    float: right;
}
.box-news-sidebar__item-date {
    display: inline-block;
    float: left;
    line-height: 24px;
    width: 80px;
    text-align: center;
    color: #fff;
    font-family: 'MuseoSansBold', sans-serif;
}
.box-news-sidebar__item-title {
    display: inline-block;
    line-height: 20px;
    margin-top: 3px;
    text-decoration: underline;
}
.btn-green-small {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: none;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #fff;
    border-radius: 20px;
    background: #7bb33c;
}
.btn-green-small:hover {
    text-decoration: none;
}
.box-news-sidebar .btn-green-small {
    margin: 15px 30px 20px;
    width: 190px;
    box-sizing: border-box;
    text-align: center;
}

.top-news-tab, .editor-choice-news-tab {
    display: none;
}
.top-news-tab.active, .editor-choice-news-tab.active {
    display: block;
}

/*article item*/

.item-page .mainheading {
    text-transform: uppercase;
}
.item-page__author {
    margin-bottom: 15px;
}
.item-page__author-avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
}
.item-page__author-body {
    float: left;
}
.item-page__author-name {
    color: #000;
}
.item-page__info-date {
    font-family: 'MuseoSansBold', sans-serif;
    color: #d3d3d3;
}
.item-page p {
    margin-bottom: 20px;
}
.item-page__tags {
    font-size: 14px;
    line-height: 26px;
    color: #000;
    margin-bottom: 25px;
}
.item-page__tags a {
    color: #1489ff;
    text-decoration: underline;
}
.item-page__info .btn-grey {
    margin-left: 30px;
}
.item-page__data {
    margin-bottom: 30px;
}
.item-page__data p {
    margin: 0;
}
.subheading {
    font-size: 20px;
    line-height: 26px;
    font-family: 'MuseoSansBlack', sans-serif;
    margin-bottom: 20px;
}
.comments-form-row {
    margin-bottom: 18px;
}
#comments-form .comments-form-row label {
    display: block;
    float: left;
    width: 122px;
    font-size: 14px;
    line-height: 36px;
}
#comments-form .comments-form-row label.comments-form-row__label {
    line-height: 16px;
}
#comments-form .comments-form-row input, #comments-form .comments-form-row textarea {
    float: left;
    width: 425px;
    height: 34px;
    padding-left: 15px !important;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
}
#comments-form .comments-form-row textarea {
    height: 120px;
    padding-top: 10px !important;
    max-width: inherit !important;
}
body #comments-form .grippie {
    display: none;
}
#comments-form .comments-form-row input.captcha {
    width: 90px;
    margin: 0 15px 0 0;
}
#comments-form .comments-form-row img.captcha {
    float: left;
    width: 80px;
    height: 32px;
    margin: 1px 8px 0 0;
}
#comments-form .comments-form-row span.captcha {
    float: left;
    margin-top: 11px;
}
body  #comments-form  #comments-form-buttons {
    padding-top: 7px;
    font: inherit;
    margin-left: 0 !important;
    margin-top: 0;
    margin-bottom: 25px;
}
div #comments-footer {
    border-top: none;
}

.blog-articles-related {
    margin-bottom: 0;
}

.box-additional-news {
    margin-bottom: -30px;
}

.box-additional-news__item {
    width: 324px;
    height: 142px;
    float: left;
    margin: 0 25px 30px 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 5px;
    background: #fff;
}
.box-additional-news__item:nth-child(2n) {
    margin: 0 0 30px 0;
}
.box-additional-news__item-img {
    width: 109px;
    height: 122px;
    float: left;
    margin: 10px;
    text-align: center;
}
.box-additional-news__item-title {
    float: left;
    max-width: 180px;
    display: inline-block;
    font-family: 'MuseoSansBold', sans-serif;
    color: #000;
    text-decoration: underline;
    margin: 10px 15px 3px 0;
}
.box-additional-news__date {
    font-family: 'MuseoSansBold', sans-serif;
    color: #b90101;
    float: left;
}

.label-warning {
    color: #b90101;
}

/*block news*/

.box-all-news {
    margin-bottom: 30px;
}
.box-all-news__column-left {
    float: left;
    width: 347px;
    margin-right: 20px;
}
.box-all-news__main-news {
    padding: 10px 10px 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background: #fef6e7;
}
.box-all-news__main-news-img img {
    display: block;
}
.box-all-news__main-news-date {
    width: 80px;
    margin: 20px 0 10px;
    font-size: 12px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #fff;
    text-align: center;
    background: #b90101;
}
.box-all-news__main-news-title {
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #000;
    margin-bottom: 10px;
    text-decoration: underline;
}
.box-all-news__second-news, .box-all-news__item {
    padding: 10px 10px 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.box-all-news__second-news-img {
    float: left;
    width: 109px;
    margin-right: 10px;
    text-align: center;
}
.box-all-news__second-news-info {
    float: left;
    width: 208px;
}
.box-all-news__second-news-title, .box-all-news__title {
    font-family: 'MuseoSansBold', sans-serif;
    color: #000;
    text-decoration: underline;
}
.box-all-news__second-news-date, .box-all-news__date {
    margin: 10px 0 5px;
    font-size: 10px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #b90101;
    line-height: 10px;
}

.box-all-news__column-right {
    float: left;
    width: 325px;
}
.box-all-news__item {
    padding: 10px 10px 12px;
    margin-bottom: 20px;
}
.box-all-news__item:last-child {
    margin-bottom: 0;
}
.box-all-news__img {
    float: left;
    width: 110px;
    margin-right: 10px;
    text-align: center;
}
.box-all-news__body {
    float: left;
    width: 185px;
}
.box-all-news__date {
    margin: 5px 0;
}

.banner-news img {
    width: 100%;
}

.box-list-news {
    margin-top: 25px;
}
.box-list-news .btn-green {
    margin-left: 5px;
    font-size: 12px;
}
.box-list-news-item {
    line-height: 22px;
    margin-bottom: 20px;
}
.box-list-news__date {
    display: inline-block;
    width: 80px;
    height: 22px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #000;
    text-align: center;
    margin-right: 20px;
    background: #fef6e7;
}
.box-list-news__title {
    font-family: 'MuseoSansBold', sans-serif;
    color: #000;
    text-decoration: underline;
    margin-right: 15px;
}

/*comments*/

body #comments > .comments-list {
    margin-left: 0;
    margin-bottom: 30px;
}
body #comments .comments-list__item {
    padding: 10px;
    color: #3e3e3e;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.comments-list__item-avatar {
    width: 60px;
    float: left;
    margin-right: 10px;
}
body #comments .comments-list__item-body {
    overflow: hidden;
    padding-left: 0;
}
.comments-list__item-author {
    color: #000;
    font-family: 'MuseoSansBold', sans-serif;
    margin-right: 15px;
}
.comments-list__item-date {
    color: #d3d3d3;
}
.comments-list__item-votes {
    float: right;
}
#jc .comments-list__item-votes span.vote-good, #jc .comments-list__item-votes span.vote-poor, #jc .comments-list__item-votes span.vote-none {
    font: inherit;
    line-height: 20px;
}
#jc .coute_minus {
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    border-top: 2px solid #b90101;
    border-left: 2px solid #b90101;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#jc .coute_pluss {
    display: block;
    width: 6px;
    height: 6px;
    float: right;
    margin-top: 7px;
    margin-right: 5px;
    margin-left: 10px;
    border-bottom: 2px solid #7bb33c;
    border-left: 2px solid #7bb33c;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
#comments .btn-green-small {
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    cursor: pointer;
}
body #comments-inline-edit {
    margin: 10px 0 0 0;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    padding: 10px;
}
body #comments-form label, body #comments-report-form label {
    color: #3e3e3e;
}
#comments-form-send button, #comments-form-cancel button {
    cursor: pointer;
}
#comments #comments-form-send, #comments #comments-form-cancel {
    float: left;
    margin-right: 20px;
}

.my-comments-list_item {
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}
.my-comments-list_item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.my-comments-list_item-article a {
    font-family: 'MuseoSansBold', sans-serif;
    font-size: 14px;
    color: #000;
    text-decoration: underline;
}
.my-comments-list_item-date {
    opacity: 0.2;
    margin: 5px 20px;
}
.my-comments-list_item-comment {
    margin: 0 30px 0 10px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/*page add post*/

.page-add-post .control-group {
    font-size: 14px;
}
.page-add-post .control-label {
    float: left;
    width: 265px;
}
.page-add-post .control-group input {
    width: 322px;
    height: 37px;
    border: 1px solid #f2f2f2;
}
.input-append {
    position: relative;
}
.input-append .btn-grey {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 54px;
    text-align: center;
    height: 36px;
    line-height: 36px;
}
label #jform_title-lbl title, .popover, .tooltip, .tip-wrap, .toggle-editor {
    display: none!important;
}
.tab-pane .control-group .controls #jform_catid_chzn,
.tab-pane .control-group .controls #jform_tags_chzn {
    width: 322px!important;
    padding: 0;
}
.tab-pane .control-group .controls #jform_catid_chzn .chzn-single,
.tab-pane .control-group .controls #jform_tags_chzn .chzn-choices {
    color: #3e3e3e;
    background: none;
    box-shadow: none;
    border-radius: 5px;
    min-height: 36px;
    line-height: 36px;
    border: 1px solid #f2f2f2;
}
body .chzn-container-single .chzn-single div b {
    background-position: 0 8px;
}
body .chzn-container-active.chzn-with-drop .chzn-single div b {
    background-position: -18px 8px;
}
body .chzn-container .chzn-drop {
    border: 1px solid #f2f2f2;
    box-shadow: none;
}
body .chzn-container-multi .chzn-choices li.search-choice {
    margin: 7px 5px 3px 0;
}
#mceu_54, #mceu_55, #mceu_56, #mceu_57, #mceu_58, #mceu_59, #mceu_60, #mceu_61, #mceu_62 {
    display: none;
}
.hint-editor {
    padding: 5px 0 25px;
    font-style: italic;
    color: #777;
}
.page-add-post .btn-grey {
    color: #000;
    margin-left: 10px;
    cursor: pointer;
    background: #f0f0f0;
}
.page-add-post .btn-green {
    font-size: 12px;
    cursor: pointer;
}

/*profile user*/

.profile-edit .input-append .btn-grey {
    bottom: 0;
    right: inherit;
    top: inherit;
    left: 270px;
    margin-left: 0;
    height: 32px;
    line-height: 32px;
}
.account-menu {
    width: 680px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.account-menu a {
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
    background: #f2f2f2;
}
.account-menu a:first-child {
    color: #fff;
    background: #7bb33c;
}
.account-menu a:hover {
    text-decoration: none;
}
.profile-head {
    width: 680px;
    text-align: right;
    margin-bottom: 30px;
}
.profile-head .mainheading {
    margin: 0;
    float: left;
    line-height: 40px;
    text-transform: uppercase;
}
.account-left {
    float: left;
    width: 200px;
    margin-right: 20px;
}
.account-avatar {
    display: block;
    width: 200px;
}
.account-name {
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    background: #f2f2f2;
}

.account-right {
    float: left;
    width: 460px;
}
.account-right_head {
    margin: -3px 0 15px;
}
.account-right_head {
    font-family: 'MuseoSansBold', sans-serif;
    text-transform: uppercase;
}
.account-right_head h3 {
    float: left;
    color: #7bb33c;
    font-size: 17px;
}
.btn-account-setting {
    display: block;
    float: right;
    font-size: 14px;
    opacity: 0.2;
}
.account-info_date, .account-info_status {
    font-size: 14px;
    margin-bottom: 15px;
}
.account-info_status span {
    color: #7bb33c;
}

.account-links {
    margin-bottom: 30px;
}

.account-links_item {
    float: left;
    width: 125px;
    margin: 0 35px 0 0;
    text-align: center;
    font-size: 14px;
}
.account-links_item i {
    display: block;
    line-height: 70px;
    font-size: 40px;
    color: #d3d3d3;
}

.box-bloggers .box-blog__item-img {
    margin: 10px;
}
.box-bloggers .box-blog__item-title {
    text-align: center;
    margin-bottom: 10px;
}


/*footer*/

.footer {
    padding: 65px 5px 50px;
    color: #fff;
    background: #3e3e3e;
}
.footer-container {
    width: 1085px;
    margin: 0 auto;
}
.footer-container > div {
    float: left;
}
.footer__column1 {
    width: 275px;
    padding-right: 10px;
}
.footer__column2 {
    width: 268px;
    padding-right: 10px;
}
.footer__column3 {
    width: 310px;
    padding-right: 10px;
}
.footer__column4 {
    width: 202px;
}
.footer ul {
    margin-bottom: 15px;
}
.footer li {
    line-height: 22px;
}
.footer .font-w-bold {
    font-family: 'MuseoSansBlack', sans-serif;
    font-size: 14px;
}


/* Component Companies*/

/*page application*/
.companies-application h1 {
    font-family: "MuseoSansBlack", sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
}
.companies-application_box-title {
    font-family: "MuseoSansBlack", sans-serif;
    font-size: 16px;
    margin: 10px 0;
}
.companies-application_box-field {
    float: left;
    margin: 0 19px 15px 0;
}
.companies-application_box-field label {
    display: block;
    font-family: "MuseoSansMedium", sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 3px 9px;
}
.companies-application_box-field input, .companies-application_box-field select {
    width: 212px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding-left: 8px;
    font-family: "MuseoSansMedium", sans-serif;
    font-size: 12px;
}
.companies-application_box-field .input-large {
    width: 443px;
}
.companies-application_box-field.wrap-checkbox {
    padding-top: 27px;
}
.companies-application_box-field input[type="checkbox"], .companies-application_box-field input[type="file"],
.companies-application_box-field #city_id option, .companies-application_box-field input[type="radio"] {
    display: none;
}
#city_id option:first-child {
    display: block;
}
.companies-application_box-field input[type="checkbox"] + label,
.companies-application_box-field input[type="radio"] + label{
    position: relative;
    margin: 0;
    font-size: 11px;
    padding-left: 20px;
    line-height: 16px;
    cursor: pointer;
}
.companies-application_box-field input[type="checkbox"] + label:before,
.companies-application_box-field input[type="radio"] + label:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
}
.companies-application_box-field input[type="checkbox"]:checked + label:before,
.companies-application_box-field input[type="radio"]:checked + label:before {
    background: #e1e1e1;
}
.companies-application_box-field input[type="radio"] + label:before {
    border-radius: 50%;
}
.box-radio-button input[type="radio"] + label {
    display: block;
    float: left;
    margin-right: 30px;
    font-size: 14px;
}
.box-list-head-offices {
    display: none;
    clear: both;
}
.companies-application_box-field option {
    color: #3e3e3e;
}
.companies-application_box-field select:invalid, .companies-application_box-field option:first-child {
    color: #d3d3d3;
}
.companies-application_box-field .label-load-file {
    position: relative;
    width: 92px;
    height: 92px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    text-align: center;
    line-height: 90px;
    color: #5b80a1;
    margin: 0;
    padding: 0 5px;
    cursor: pointer;
    background: transparent;
}
.companies-application_box-field .label-load-file.choice {
    color: transparent;
}
.label-load-file span {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}
.box-load-gallery {
    display: none !important;
}
.box-load-gallery .label-load-file {
    float: left;
    margin: 0 19px 10px 0;
}
.box-load-logo {
    position: relative;
}
#logo-preview, .label-load-file .box-preview-gallery {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}
#logo-preview {
    bottom: 1px;
    left: 1px;
}
#logo-preview img, .box-preview-gallery img {
    display: inline-block;
    max-width: 90px;
    max-height: 90px;
    vertical-align: middle;
}
.companies-application_box-field.box-load-gallery {
    margin-right: 0;
}
.box-btn-gallery-more {
    float: left;
    line-height: 92px;
    cursor: pointer;
    color: #7bb33c;
    font-size: 12px;
}
.companies-application_box-field textarea {
    width: 674px;
    height: 92px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 8px;
    font-family: "MuseoSansMedium", sans-serif;
    font-size: 12px;
}

.box-additional-city, .box-additional-industry {
    display: none;
    padding-left: 462px;
}
.map-box {
    height: 220px;
    overflow: hidden;
    margin: 10px 0 15px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}
#company-location {
    height: 100%;
}
.map-box img {
    max-height: inherit;
}

.companies-application_box-field.box-company-add-industry {
    width: 307px;
    margin-right: 0;
}
.companies-application .btn-green {
    margin: 30px 0 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    letter-spacing: 0.8px;
    padding: 0 40px;
}
.companies-application_branch-title {
    font-size: 20px;
    margin: 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e1e1e1;
}
.companies-application_branch-title span {
    font-family: "MuseoSansBlack", sans-serif;
}

/*list companies*/
.companies-list h1 {
    font-family: "MuseoSansBlack", sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
}
.box-companies-filter {
    padding: 20px;
    margin: 0 0 25px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.companies-filter_box-search {
    float: left;
    margin-bottom: 15px;
}
.companies-filter_field-search {
    float: left;
    display: block;
    width: 328px;
    height: 34px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 13px;
    font-family: "MuseoSansMedium", sans-serif;
    font-size: 12px;
    outline: none;
}
.companies-filter_field-submit {
    float: left;
    display: block;
    width: 80px;
    height: 34px;
    box-sizing: border-box;
    border: none;
    outline: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    font-family: "MuseoSansBold", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    background: #7bb33c;
}
.companies-filter_box-country {
    float: left;
    margin-bottom: 15px;
}
.companies-filter_box-user {
    float: left;
    margin: 0 0 0px 25px;
    line-height: 34px;
}
.companies-filter_box-user input {
    display: none;
}
.companies-filter_box-user label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    cursor: pointer;
}
.companies-filter_box-user label:before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.companies-filter_box-user input:checked + label:before {
    border: 1px solid #7bb33c;
    background: #7bb33c;
}
.companies-filter_box-city {
    float: right;
}
.box-companies-filter select {
    width: 224px;
    height: 34px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding-left: 8px;
    font-family: "MuseoSansMedium", sans-serif;
    font-size: 12px;
    outline: none;
}
.companies-filter_box-select select {
    float: left;
    margin: 0 19px 15px 0;
}
#reset-filter-companies {
    float: right;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    font-size: 12px;
    padding: 0 32px;
}
.companies-filter_box-alphabet {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    text-transform: uppercase;
}
.companies-items_not-found, .box-companies_box-count-companies {
    font-size: 16px;
    margin: 0 0 20px;
    line-height: 20px;
}
.box-companies_box-count-companies {
    float: left;
}
.box-companies-sorting {
    float: right;
    font-size: 12px;
    color: #e1e1e1;
    line-height: 20px;
}
.box-companies-sorting input {
    display: none;
}
.box-companies-sorting label {
    display: inline-block;
    color: #7bb33c;
    padding-left: 4px;
    cursor: pointer;
}
.box-companies-sorting input:checked + label {
    color: #3e3e3e;
    text-decoration: underline;
    cursor: default;
}
.companies-item {
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.companies-item_logo {
    float: left;
    width: 110px;
    padding-right: 20px;
    min-height: 20px;
    text-align: center;
}
.companies-item_logo img {
    max-width: 100%;
}
.companies-item_box {
    float: left;
    width: 523px;
    line-height: 20px;
    margin-bottom: 10px;
}
.companies-item_title {
    font-family: "MuseoSansBold", sans-serif;
    font-size: 16px;
    color: #000;
    text-decoration: underline;
}
.companies-item_info {
    padding: 5px 0 15px;
    line-height: 20px;
    color: #7bb33c;
    font-family: "MuseoSansBoldItalic", sans-serif;
    font-size: 12px;
}
.companies-item_short-desc {
    max-height: 40px;
    color: #565656;
    overflow: hidden;
}
.box-banner-list-companies {
    margin-bottom: 20px;
}
.box-banner-list-companies img {
    display: block;
    width: 100%;
}

/*page item company*/
.company-item-page_title {
    line-height: 30px;
    margin: 5px 0 0;
    font-family: "MuseoSansBlack", sans-serif;
    font-size: 24px;
}
.company-item-page .companies-item_info {
    padding: 4px 0 10px;
}
.company-item-page_address {
    font-size: 12px;
}
.tabs-big_tab-item, .tabs-small_tab-item {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    margin: 0 20px 20px 0;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    background: #f2f2f2;
}
.tabs-big_tab-item.active, .tabs-small_tab-item.active {
    position: relative;
    cursor: default;
    color: #fff;
    background: #7bb33c;
}
.tabs-big_tab-item.active:after, .tabs-small_tab-item.active:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-top: 5px solid #7bb33c;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.company-item-page_box-title {
    font-family: "MuseoSansBlack", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #0b0b0b;
    margin: 20px 0 5px;
    display: none !important;
}
.tabs-big_item, .tabs-small_item {
    display: none;
}
.tabs-big_item.active, .tabs-small_item.active {
    display: block;
}
.company-item-page .map-box {
    height: 400px;
}
.company-item-page_product-item {
    float: left;
    margin: 15px 20px 10px 0;
    text-align: center;
}
.company-item-page_product-item a {
    font-size: 14px;
    color: #1489ff;
}
.company-item-page_product-item span, .company-item-page_tabs-branches span {
    color: #e1e1e1;
}
.company-item-page_product-item-icon {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}
.company-item-page_product-item-icon.product-icon-1 {
    background: url("../images/sprite.png") -106px 0;
}
.company-item-page_product-item-icon.product-icon-2 {
    background: url("../images/sprite.png") -162px 0;
}
.company-item-page_product-item-icon.product-icon-3 {
    background: url("../images/sprite.png") -221px 0;
}
.company-item-page_product-item-icon.product-icon-4 {
    background: url("../images/sprite.png") -282px 0;
}
.company-item-page_box-tabs-branches {
    max-width: 693px;
}
.company-item-page_tabs-branches {
    padding: 5px 0;
}
.company-item-page_tabs-branches a {
    display: inline-block;
    color: #1489ff;
    cursor: pointer;
    text-decoration: underline;
}
.company-item-page_tabs-branches a.active {
    color: #0b0b0b;
}
.company-item-page_tabs-branches span + a {
    margin-left: 15px;
}
.tabs-branches-item {
    display: none;
    padding: 10px;
    line-height: 20px;
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.tabs-branches-item.active {
    display: block;
}
.tabs-branches-item i {
    color: #7bb33c;
}
#link-all-branches {
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
    color: #1489ff;
    cursor: pointer;
    text-decoration: underline;
}
.company-item-page_box-gallery {
    max-width: 693px;
    padding-top: 10px;
    display: none !important;
}
.company-item-page_gallery-item {
    display: block;
    float: left;
    width: 166px;
    height: 120px;
    margin: 0 7px 9px 0;
    text-align: center;
    outline: none;
    border: 1px solid #e1e1e1;
}
.company-item-page_gallery-item:nth-child(4n) {
    margin: 0 0 9px 0;
}
.company-item-page_gallery-item:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.company-item-page_gallery-item img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.tabs-small {
    margin-top: 30px;
    display: flex;
}
.tabs-small_tab-item {
    margin: 0 0 20px 0;
    margin-right: 14px;
    padding: 0 22px;
}

.tabs-small_tab-item:last-child {
    margin-right: 0;
}

.wrap-company-item-page_description {
    max-height: 100px;
    overflow: hidden;
}
.box-company-item-page_description {
    position: relative;
    padding-bottom: 20px;
}
.company-description-more, .company-description-collapse {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 5px;
    font-size: 13px;
    color: #1489ff;
    cursor: pointer;
    background: #fff;
}
.company-description-more.active, .company-description-collapse.active {
    display: block;
}

/* Карточка агента */
.card-user {
    max-width: 250px;
    color: #3e3e3e;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    overflow: hidden;
}

.card-user__title {
    margin: 0;
    padding: 12px 17px 10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    background-color: #e1e1e1;
}

.card-user__content {
    padding: 15px 30px 20px;
}

.card-user__pic {
    display: block;
    margin: 0 0 8px;
    line-height: 0;
    text-align: center; 
}

.card-user__pic img {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    object-fit: cover;
}

.card-user__subtitle {
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.card-user__desc {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #e1e1e1;
    text-align: center;
}

.card-user__desc p {

}

.card-user__desc p:first-of-type {
    margin-top: 0;
}

.card-user__desc p:last-of-type {
    margin-bottom: 0;
}

.card-user__question {
    display: none;
    margin-bottom: 8px;
    padding: 8px 20px;
    font-family: inherit;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: #7bb33c;
    border: none;
    border-radius: 30px;
    outline: none;
    cursor: pointer;
}

.card-user__question:hover,
.card-user__question:focus {
    text-decoration: none;
}

.card-user__answer {
    display: none;
    font-size: 14px;
    line-height: 20px;
    text-transform: lowercase;
    text-align: center;
    color: #1489ff;
    text-decoration: underline;
}

.card-user__answer:hover,
.card-user__answer:focus {
    text-decoration: none;
}

.card-user__social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px 0;
}

.card-user__social-item {
    margin-right: 10px;
}

.card-user__social-item:last-child {
    margin-right: 0;
}

.account-wrapp {
    margin-bottom: 30px;
}

/* Профиль аккаунта view */
.account-company {

}

.account-company__title {
    margin: 0 0 15px;
    font-size: 17px;
    color: #7bb33c;
    text-transform: uppercase;
}

.account-company__list {
    font-size: 14px;
    line-height: 20px;
}

/* Профиль аккаунта edit */
.member-profile .control-group {
    margin-bottom: 15px;
}

.member-profile .control-group .btn-group.radio .controls-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    line-height: 1 !important;
}

.member-profile .control-group .btn-group.radio input {
    width: 15px;
    height: 15px;
    margin: 0;
    margin-right: 5px;
    padding: 0;
}

.member-profile .control-group .control-label label {
    display: inline-block;
    margin-bottom: 5px;
}

.branch-checkbox input[type="checkbox"] ~ input[type="hidden"] {
    display: block;
}

.branch-checkbox input[type="checkbox"]:checked ~ input[type="hidden"] {
    display: none;
}

.field-captcha {
    margin-bottom: 50px;
}

.control-group-checkbox {
    margin: 30px 0;
    font-size: 14px;
}

.chzn-container {
    width: auto !important;
}

.chzn-container-single-nosearch .chzn-single div {
    top: -5px !important;
}

.hidden {
    display: none !important;
}

form[action="/add-post?a_id=0"] #attrib-fields-4 .control-group:nth-child(2) {
    display: none;
}

.company-title-blog {
    color: #7d7d7d;
}

.item-page .fields-container {
    display: none;
}

.item-page__author + .fields-container {
    display: none;
}

.item-page .article-body {
    /* margin-bottom: 60px; */
    margin-bottom: 0px;
}

.tabs-small_item .module-block__header h3 {
    margin-bottom: 30px;
    float: unset;
}

.module-block__header .blog-home-page__item a {
    float: left;
}

.account-social {
    display: flex;

    margin: 0;
    padding: 0;
    list-style: none;
}

.account-social__item {
    margin-right: 15px;
}

.account-social__item:last-child {
    margin-right: 0;
}

.account-social__item a {

}

.account-social__item img {

}

.page-header p {
    margin: 0;
}

/* Прячем панель гугла */
.skiptranslate {
    display: none !important;
}

/* language */
.language {
    margin-left: 20px;
    /* position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%); */
    display: flex;
    /* flex-direction: column; */
    /* padding: 10px; */
    /* background-color: #fff; */
}

.language__img {
    margin: 2px;
    color: #fff;
    line-height: 36px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.language__img:hover,
.language__img_active {
    color: #ccc;
}

#bin-result {
    position: absolute;
}

.companies-filter_box-country,
.companies-filter_box-city {
    width: 48%;
}

.companies-filter_box-city {
    float: right;
}

.companies-filter_box-country select,
.companies-filter_box-city select {
    width: 100%;
}

.companies-filter_box-search {
    width: 48%;
}

.companies-filter_box-search:nth-child(2) {
    float: right;
}

.companies-filter_box-search input {
    width: 100%;
    border-radius: 5px;
}

.companies-filter_field-submit {
    border-radius: 5px;
}

.companies-items_not-found h3 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
}

.companies-items_not-found p {
    margin-bottom: 15px;
}

.companies-items_not-found p:last-of-type {
    margin-bottom: 0;
}

.companies-items_not-found b {
    font-weight: bold;
}

.tariff-user {

}

.tariff-user__title {
    margin: 0 0 20px;
    font-size: 17px;
}

.tariff-user__list {
    padding-left: 15px;
    list-style: decimal;
    color: #000;
}

.tariff-user__item {
    margin-bottom: 15px;
    font-size: 14px;
}

.tariff-user__company {

}

.tariff-user__sublist {
    margin-top: 10px;
    /* list-style: disc; */
    color: #7bb33c;
}

.tariff-user__subitem {
    margin-bottom: 5px;
}

.tariff-user__desc {
    font-size: 14px;
    line-height: 22px;
}

.tariff-user__button {
    margin-top: 15px;
}

.account-company a {
    color: #7bb33c;
    text-decoration: underline;
}

.account-company a:hover,
.account-company a:focus {
    text-decoration: none;
}

.companies-item-no {
    padding: 20px;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.companies-item-no h3,
.companies-items_not-found h3,
.js-result h3 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
}

.companies-item-no p,
.companies-items_not-found p,
.js-result p {
    margin-bottom: 15px;
}

.companies-item-no p:last-of-type,
.companies-items_not-found p:last-of-type,
.js-result p:last-of-type {
    margin-bottom: 0;
}

.companies-item-no b,
.companies-items_not-found b,
.js-result b {
    font-weight: bold;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #000;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.fade.in {
  display: block;
}

#system-message-container .alert-danger,
#system-message-container joomla-alert[type="danger"] {
    display: none;
}

/* Сайдбар на странице компании */
.container-custom-companies-page {
    display: flex;
    justify-content: space-between;
}

.container-custom-companies-page .company-item-page {
    max-width: 70%;
}

.container-custom-companies-page .card-user {
    /* max-width: 25%; */
    max-width: 100%;
    max-height: 250px;
}

@media (max-width: 1024px) {
    .container-custom-companies-page {
        display: flex;
        flex-direction: column;
        justify-content: unset;
    }

    .container-custom-companies-page .company-item-page {
        max-width: 100%;
    }
}
/*  */

/* Форма добавления блога */
#attrib-fields-1,
#attrib-fields-2,
#attrib-fields-3,
#jform_tags-desc,
#jform_images_image_intro-desc {
    display: none;
}

#company-wrapp .chosen-single {
    width: 160px;
}

#company-wrapp .chosen-with-drop {
    width: 160px !important;
}

#jform_com_fields_for_company_chosen .chosen-single,
#jform_com_fields_for_company_chosen .chosen-drop {
    width: 60px;
}

.choices .choices__list--dropdown {
    z-index: 999 !important;
    width: 100% !important;
}

.choices {
    width: 100% !important;
}

.chosen-choices {
    display: none;
}
/*  */

/* Переводчик */
.new-dizine .language {
    display: flex !important;
}
.language {
    display: none !important;
}
/*  */

.page-add-post joomla-field-media .field-media-preview {
    background-color: unset !important;
    border: unset !important;
    border-bottom-width: unset !important;
    border-radius: unset !important;
    justify-content: unset !important;
    align-items: unset !important;
    max-width: unset !important;
    height: unset !important;
    padding: unset !important;
    display: unset !important;
    overflow: unset !important;
}

.page-add-post .button-select {
    padding: 10px 20px !important;
    border: 1px solid #fafafa !important;
    cursor: pointer !important;
}

.alert-heading {
    display: none !important;
}

.choices__button_joomla {
    position: relative;
    color: transparent; /* Прячет текст */
    visibility: hidden;
    border: none;
    background: none;
    display: none;
}

.choices__button_joomla::before {
    content: 'x'; /* Новый текст */
    position: absolute;
    left: 0;
    color: black; /* Цвет нового текста */
}

.label-warning {
    display: none;
}

.container-custom-button-list {
    height: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.button-reset-searsh-custom {
    border-radius: 5px;
    color: grey;
    border: none;
    cursor: pointer;
    margin-left: 30px;
    background: #7bb33c;
    color: #fff;
    padding: 7px;
}

.button-reset-searsh-custom:hover {
    text-decoration: none;
}

.button-reset-searsh-custom-2 {
    border-radius: 5px;
    color: grey;
    border: none;
    cursor: pointer;
    background: #7bb33c;
    color: #fff;
    padding: 7px;
    margin-top: 5px;
    font-size: 14px;
}

.button-reset-searsh-custom-2:hover {
    text-decoration: none;
}

.list-item-buttons-custom {
    text-align: right;
}

.companies-filter_qazaq-product {
    margin-left: 30px;
    display: flex;
    align-items: center;
}

.qazaq-product-img img {
    padding-left: 15px;
}

/* Стили для чекбокса */
#qazaq_product {
    appearance: none; /* Убираем стандартный вид чекбокса */
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
}

/* Состояние, когда чекбокс выбран */
#qazaq_product:checked {
    border: 1px solid #7bb33c;
    background-color: #7bb33c;
}

/* Добавляем галочку */
#qazaq_product:checked::after {
    /* content: ""; */
    display: block;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin: 3px auto;
}

.custom-div-card-item {
    max-width: 25%;
}

.chek-egov-card {
    margin-top: 30px;
}

.chek-egov-card {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: 20px; */
}

.egov-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid #818181;
    border-radius: 15px;
    padding: 10px 20px;
    background-color: #f2f2f2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.egov-button span {
    font-size: 18px;
    margin-bottom: 5px;
}

.egov-button:hover {
    background-color: #f5f5f5;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

.egov-button img {

}

.custom-modal-title {
    text-align: center;
    color: #575757;
    font-size: 24px;
    width: 90%;
}

.modal-dialog {
    z-index: 1050; 
}

/* Затемнение заднего фона */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный черный фон */
    z-index: 1040; /* Под контентом модального окна */
}

#modal-company-info p {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 16px;
    display: flex;
}

#modal-company-info b {
    font-weight: bold;
    font-size: 18px;
    display: block;
    width: 40%;
}

#modal-company-info span {
    display: block;
    width: 60%;
}

.custom-modal {
    left: 43%;
    width: 700px;
    border: 1px solid #a5a5a5;
    border-radius: 10px;
}

.custom-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-header {
    color: #08A5C5 !important;
}

.modal-footer-custom {
    text-align: right;
    margin-top: 50px;
}

.modal-footer-custom img {
    width: 100px;
}

.custom-filter-sbros-button #reset-filter-companies {
    border-radius: 5px !important;
    color: grey !important;
    border: none !important;
    cursor: pointer !important;
    margin-left: 30px !important;
    background: #7bb33c !important;
    color: #fff !important;
    padding: 7px !important;
    float: unset;
    height: unset;
    line-height: unset;
    font-size: unset;
}

/* === Навигация вкладок === */
.news-home-page.custom {
    padding: 0px;
}
.news-home-page.custom .tabs__nav {
  display: flex;
  list-style: none;
  margin: 0;
  /* padding: 4px; */
  /* background: #FEF6E7; */
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.news-home-page.custom .tabs__nav li {
  margin: 0 4px 0 0;
  padding: 8px 16px;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  border-radius: 4px 4px 0 0;
  border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 4px 2px 4px 0px #00000087;
  transition: background .2s;
  background: #FEF6E7;
  margin-left: -12px;
  font-weight: 500;

  height: 50px;
  top: 35px;
  position: relative;

  transition: all 0.2s ease-out;
}
.news-home-page.custom .tabs__nav li:first-child {
    z-index: 3;
    margin-left: 0px;
}
.news-home-page.custom .tabs__nav li:nth-child(2) {
    z-index: 2;
}
.news-home-page.custom .tabs__nav li:nth-child(3) {
    z-index: 1;
}
.news-home-page.custom .tabs__nav li.active {
    top: 25px;
}
.news-home-page.custom .tabs__nav li:hover {
    top: 25px;
}
/* === Контейнер с контентом === */
.news-home-page.custom .tabs__content {
  display: none;
  /* border: 1px solid #ddd; */
  border-top: none;
  border-radius: 0 8px 8px 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: transparent;
}
.news-home-page.custom .tabs__content.active {
  display: block;
}
.tabs__content.lenta .card__header {
    background: #fff !important;
}

.tabs__content.lenta .card__footer {
    background: #fff !important;
}
/* === Карточка статьи === */
.news-home-page.custom .card {
  /* margin: 16px; */
  border-radius: 8px;
  overflow: hidden;
  /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
  background: #fff;
  max-height: 550px;
    min-height: 550px;
}

/* Заголовок карточки */
.news-home-page.custom .card__header {
  padding: 16px;
  background: #FEF6E7;
}
.news-home-page.custom .card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #6B7280;
  font-weight: 500;
}
.news-home-page.custom .card__meta img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}
.news-home-page.custom .card__title {
    margin-top: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #111;
  min-height: 45px;
}
.news-home-page.custom .card__title a {
  color: inherit;
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
}
.author-name-custom {
    color: #1E1E1E;
    font-weight: 500;
    /* font-family: "MuseoSansLight", sans-serif; */
    font-size: 16px;
}
.news-home-page.custom .card__title a:hover {
  text-decoration: underline;
}

/* Изображение */
.news-home-page.custom .card__image img {
  width: 100%;
  display: block;
  /* max-width: 690px; */
  max-height: 375px;
  object-fit: cover;
}

/* Футер карточки */
.news-home-page.custom .card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  font-size: 12px;
  color: #6B7280;
  background: #FEF6E7;
}
.news-home-page.custom .card__footer .actions {
  display: flex;
  gap: 16px;
}
.news-home-page.custom .card__footer .actions span {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6B7280;
  cursor: pointer;
  font-size: 12px !important;
}

.news-home-page.custom .card__footer .views {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #6B7280;
  cursor: pointer;
  font-size: 12px !important;
}

.news-home-page.custom .card__footer .views-div {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #6B7280;
    cursor: pointer;
    font-size: 12px !important;
}
.home-news-single .views-div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.news-home-page.custom .tabs__content.news {
    border-radius: unset;
    box-shadow: unset;
}
.news-home-page.custom .card__footer .actions span:hover,
.news-home-page.custom .card__footer .views:hover {
  color: #333;
}

.btn-like,
.btn-fav {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.container-vkladki {
    display: flex;
}

.news-home-page.custom.news .tabs__content.active {
    border-radius: 10px;
}

.container-vkladki.news-page {
    margin-bottom: 15px;
    border-bottom: 6px solid #E5E7EB;
    align-items: center;
    justify-content: space-between;
}

.vkladki-custom.lenta .tabs__nav li {
    background: #fff;
}

.vkladki-custom {
    width: 50%;
}

.vkladki-custom h2 {
    font-weight: 700;
    font-size: 24px;
    color: #1E1E1E;
}

/* === Comments Section === */
.comments-section {
  max-width: 800px;
  /* padding: 0 20px; */
}
.comments-section__title {
  font-size: 24px;
  margin-bottom: 16px;
  display: flex;
  align-items: baseline;
}
.comments-section__count {
  margin-left: 8px;
  font-size: 18px;
  color: #777;
}

/* === List of comments === */
.comments-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comments-list__item {
  display: flex;
  gap: 16px;
  padding: 16px;
  border: 1px solid #eee;
  border-radius: 8px;
  margin-bottom: 12px;
  background: #fff;
}
.comments-list__avatar img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.comments-list__body {
  flex: 1;
}
.comments-list__meta {
  font-size: 14px;
  color: #555;
  margin-bottom: 8px;
}
.comments-list__author {
  font-weight: 600;
  margin-right: 10px;
}
.comments-list__date {
  font-style: normal;
  color: #999;
}
.comments-list__text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

/* === Comment form === */
.comment-form {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-right: 25px;
  margin-right: -1px;
}
.comment-form__textarea {
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 4px;
  resize: vertical;
}
.comment-form__submit {
  align-self: flex-end;
  padding: 10px 20px;
  font-size: 14px;
  background: #28a745;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.comment-form__submit:hover {
  background: #218838;
}

/* === Login notice === */
.comments-section__login {
  font-size: 14px;
  color: #555;
}
.comments-section__login a {
  color: #007bff;
  text-decoration: none;
}
.comments-section__login a:hover {
  text-decoration: underline;
}

/* === Панель статистики под заголовком статьи === */
.article-stats {
  background: #F5F5F5;
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 24px;
}

.article-stats__actions {
  display: flex;
  align-items: center;
  gap: 24px;
}

.article-stats__actions button,
.article-stats__actions a,
.article-stats__item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #6B7280;
  background: none;
  border: none;
  cursor: pointer;
}

.views-count {
    color: #6B7280;
}

.article-stats__actions button:hover,
.article-stats__actions a:hover,
.article-stats__item:hover {
  opacity: 0.8;
}

.article-stats__actions img,
.article-stats__item img,
.article-stats__views img {
  /* width: 18px; */
  /* height: 18px; */
}

.article-stats__views {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #333;
}

.article-stats__share {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* Изначально скрываем соцшары: прозрачность 0, высота 0 */
.article-body .share-container {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, height 0.3s ease;
}

/* Когда нужно показать: opacity=1 + height:auto */
.article-body .share-container.visible {
  opacity: 1;
  /* height: auto; но у нас дополнительно JS будет вычислять реальную высоту */
  height: auto;
}

/* оболочка модуля */
.mod-news-slider {
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  margin-top: 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.mod-news-slider .tns-controls button {
    background: transparent !important;
    border: none !important;
    z-index: 99;
    position: absolute;
    top: 30%;
}

.mod-news-slider .tns-controls button:first-child {
    left: 22%;
}

.mod-news-slider .tns-controls button:last-child {
    left: 59%;
}

.mod-news-slider .tns-controls button img {
    border-radius: 50%;
    box-shadow: 0px 0px 12px 2px #00000026;
}

.mod-news-slider .btn-comm {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.mod-news-slider .btn-like,
.mod-news-slider .btn-fav,
.mod-news-slider .btn-comm {
    font-size: 12px;
    color: #6B7280;
}

.mod-news-slider .tns-item {
    padding-right: 0px !important;
    margin-right: 20px;
    margin-bottom: 10px;
}
.mod-news-slider h3 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 25px;
}
/* заголовок */
.mns-header {
  margin-bottom: 16px;
}
.mns-header h3 {
  font-size: 1.3rem;
  margin: 0;
}
.mod-news-slider.news .mns-slider,
.mod-news-slider .mns-slider {
    position: relative;
}
.mod-news-slider.news .mns-slider .slick-slide,
.mod-news-slider      .mns-slider .slick-slide {
    padding: 0px 10px;
}
.mod-news-slider.news .mns-slider .slick-next,
.mod-news-slider.news .mns-slider .slick-prev,
.mod-news-slider .mns-slider .slick-next,
.mod-news-slider      .mns-slider .slick-prev {
    background: transparent !important;
    border: none !important;
    position: absolute;
    z-index: 99;
    bottom: 50%;
}
.mod-news-slider.news .mns-slider .slick-next,
.mod-news-slider .mns-slider .slick-next {
    left: 99%;
}
.mod-news-slider.news .mns-slider .slick-prev,
.mod-news-slider .mns-slider .slick-prev {
    right: 99%;
}
.mod-news-slider.news .mns-slider .slick-next img,
.mod-news-slider.news .mns-slider .slick-prev img,
.mod-news-slider .mns-slider .slick-next img,
.mod-news-slider .mns-slider .slick-prev img {
    max-width: unset !important;
    max-height: unset !important;
    box-shadow: 0px 0px 12px 2px #00000026;
    border-radius: 50%;
    cursor: pointer;
} 
.mns-slider {
    display: flex;
}

.mns-slider.initialized {
visibility: visible;
}
  
/* каждая карточка */
.mns-card {
  /* background: #fafafa; */
  border-radius: 8px;
  overflow: hidden;
  /* box-shadow: 0 1px 4px rgba(0,0,0,0.1); */
  flex: 0 0 200px;
}
.mns-img img {
  width: 100%;
  display: block;
  max-height: 90px;
  /* max-width: 180px; */
  object-fit: cover;
  border-radius: 10px;
}
.mns-title {
  /* padding: 8px; */
  font-size: 16px;
  line-height: 1.2;
  height: 2.4em; /* две строки */
  overflow: hidden;
  margin: 10px 0px;
  font-weight: 700;
}
.mns-footer {
  /* padding: 8px; */
}
.actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
.actions button,
.actions a {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: .9rem;
  color: #555;
}
.btn-fav.favorited img,
.btn-like.liked img {
  filter: hue-rotate(300deg) saturate(5) brightness(0.2);
}
/* стрелки */
.mns-controls {
  text-align: right;
  margin-top: 12px;
}
.mns-controls button {
  background: #eee;
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 1.2rem;
  line-height: 0;
  cursor: pointer;
  margin-left: 8px;
}

/* --- Обёртка --- */
.home-news-single {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
}

/* --- Хидер --- */
.home-news-single__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  justify-content: space-between;
}
.home-news-single__avatar {
  width: 40px; height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.home-news-single__avatar img {
  width: 100%; height: auto;
}
.home-news-single__author {
  font-weight: 500;
  color: #1E1E1E;
  font-size: 16px;
  font-weight: 100;
}
.home-news-single__company {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 50px;
  color: #1E1E1E;
  font-weight: 500;
  font-size: 16px;
  max-width: 300px;
  gap: 5px;
}
.home-news-single__date {
  /* margin-left: auto; */
  color: #6B7280;
  font-size: 12px;
  font-weight: 700;
}
.home-news-single__date.custom {
    font-weight: 500;
}
.home-news-single__conteiner_rigth {
    display: flex;
    align-items: center;
    gap: 15px;
}
.home-news-single__conteiner_left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.home-news-single__category {
  font-size: 12px;
  color: #6B7280;
  text-decoration: none;
  font-weight: 700;
}
.home-news-single__category:hover {
  text-decoration: underline;
}

/* --- Заголовок и текст --- */
.home-news-single__title {
  margin: 0 0 16px;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #222;
}
.home-news-single__title a {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}
.home-news-single__intro {
  font-size: 20px;
  font-family: "MuseoSansLight", sans-serif;
  line-height: 100%;
  color: #444;
  margin-bottom: 24px;
  font-weight: 500;
}

/* --- Футер с действиями --- */
.home-news-single__footer {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}
.home-news-single__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6B7280;
  font-size: 0.9rem;
}
.home-news-single__action img {
  width: 20px; height: 20px;
}
.home-news-single__action--fav.favorited img {
  /* цветное сердце */
  filter: invert(37%) sepia(85%) saturate(1261%) hue-rotate(324deg) brightness(95%) contrast(102%);
}
.home-news-single__action--view {
  margin-left: auto;
}

.comms-count-custom {
    display: flex;
    align-items: center;
    gap: 5px;
}

.home-news-single__company-icon {
    max-width: 30px !important;
    border-radius: 50% !important;
}

.mod-news-grid {
    margin-top: 20px;
}

.mod-news-grid.news .home-news-grid-date {
    gap: 5px;
}

.pred-title-head {
    font-size: 20px;
    font-weight: 250;
    vertical-align: middle;
    line-height: 100%;
    width: 100%;
}

.mns-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
}

.mns-card-custom {
    max-width: 47%;
    width: 100%;
    background: #FEF6E7;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.mns-card-custom .mns-img img {
    max-height: 115px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.mns-card-custom .mns-title {
    margin: 0px !important;
}

.mod-news-grid .mns-title {
    padding: 0px 16px;
    color: #1E1E1E;
}

.mod-news-grid .mns-footer {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mod-news-grid .btn-comm {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #6B7280;
}

.mod-news-grid .btn-like,
.mod-news-grid .btn-fav {
    font-size: 12px;
    color: #6B7280;
}

.home-news-grid-date {
    padding: 14px 16px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.mns-list {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    margin-top: 20px;
}

.mod-news-list.news-item .mns-list {
    background: #FEF6E7;
}

.mod-news-list.news-item .mns-lsit-title {
    max-width: 80%;
}

.list-date {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mns-card-list-custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mns-card-list-custom .btn-comm {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #6B7280;
    font-size: 12px;
}

.mns-lsit-title a {
    font-weight: 250;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    font-family: "MuseoSansLight", sans-serif;
}

.mns-lsit-title {
    max-width: 70%;
}

.list-hr {
    margin: 10px 0px;
    border: 1px solid #E5E7EB;
}

.list-hr:last-child {
    display: none;
}

.block-about-info.custom {
    margin-top: 0px;
}

.block-about-info.custom h3 {
    font-size: 40px;
    color: #1E1E1E;
    font-family: "MuseoSansCyrl", sans-serif;
    font-weight: 700;
}

.block-about-info.custom h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.block-about-info.custom p {
    font-size: 16px;
    font-family: "MuseoSansLight", sans-serif;
    font-weight: 500;
}

.home-news-single__footer .btn-like,
.home-news-single__footer .btn-fav,
.home-news-single__footer .comms-count-custom {
    font-size: 12px !important;
    color: #6B7280 !important;
}

.home-news-single__footer .views {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #6B7280;
    cursor: pointer;
    font-size: 12px !important;
}

.mns-list.custom {
    margin-top: 70px;
}

.mns-list.custom h3 {
    color: #1E1E1E;
    font-size: 36px;
    text-align: center;
    line-height: 100%;
    font-weight: 700;
    margin-bottom: 30px;
}

.qazaq-product-button a {
    background: #32BB5C;
    color: #fff;
    border: 1px solid #E5E7EB;
    padding: 5px 0px;
    border-radius: 10px;
    font-size: 24px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: 700;
}

.qazaq-prodcut-div {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.qazaq-product-text p {
    color: #1E1E1E;
    font-size: 26px;
    font-weight: 500;
}

.qazaq-product-button {
    width: 30%;
}

.qazaq-product-text {
    width: 70%;
}

.qazaq-product-list {
    border: 1px solid #E5E7EB;
    padding: 10px;
    border-radius: 10px;
}

.qazaq-product-list ul li {
    color: #1E1E1E;
    font-size: 32px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: "MuseoSansLight", sans-serif;
    font-weight: 100;
}

.qazaq-product-list ul li img {
    max-width: 36px;
    max-height: 36px;
}

.qazaq-product-list ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.side-bar-container {
    background: #fff;
    border-radius: 10px;
    padding: 20px 15px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
}

.side-bar-container h3 {
    text-align: center;
    color: #1E1E1E;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 500;
}

.side-bar-container a {
    color: #fff;
    font-size: 12px;
    display: flex;
    justify-content: center;
    background: #C5C5C5;
    padding: 20px 10px;
    border-radius: 50px;
    font-weight: 500;
}

.vacansii-all a {
    background: unset !important;
}

.qazaq-product-all a {
    background: unset !important;
    padding: 0px !important;
}

.razvivaesh-all a {
    background: unset !important;
    padding: 0px !important;
    color: #08A5C5 !important;
    font-size: 32px;
    text-decoration: underline;
}

.razvivaesh-all a:hover {
    text-decoration-style: dashed;
}

.functional-all a {
    background: unset !important;
    padding: 0px !important;
    color: #1E1E1E !important;
    font-size: 20px !important;
}

.functional-all a:hover {
    text-decoration-style: dashed;
}

.functional-all h3 {
    margin: 0px !important;
}

.side-bar-container .count p {
    color: #08A5C5;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
}

.count {
    margin-bottom: 30px;
}

.side-bar-container span {
    margin-top: 10px;
    color: #6B7280;
    text-decoration: underline;
}

.header-avatar-user {
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    object-fit: cover;
}

.header-avatar-user:nth-child(1) {
  position: relative;
  z-index: 1;
}

.header-avatar-user:nth-child(2) {
  position: relative;
  z-index: 2;
  margin-left: -10px;
}

.header-avatar-user:nth-child(3) {
  position: relative;
  z-index: 3;
  margin-left: -10px;
}

.footer.new {
    background: #F5F7FA;
    padding: 0px;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
}

.footer.new hr {
    padding: 0px !important;
    margin: 20px 0px !important;
    border: 1px solid #E5E7EB;
}

.social-icons {
    padding: 20px 0px;
    display: flex;
    gap: 10px;
}

.footer.new h3 {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}
.footer.new .nav-item a {
    color: #000 !important;
    font-size: 14px;
}

.footer.new .mod-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prava-footer {
    color: #000;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: "MuseoSansLight", sans-serif;
}

.prava-footer-2 {
    color: #000;
    font-size: 14px;
    font-family: "MuseoSansLight", sans-serif;
}

/* .share-wrapper уже имеет position: relative; */
/* Скрываем контейнер по умолчанию */
.share-wrapper .share-container {
  position: absolute;
  bottom: 100%;           /* появляется над кнопкой */
  left: 50%;              /* по горизонтали центрируем относительно share-wrapper */
  transform: translateX(-80%);
  background: white;      /* на ваш вкус можно задать фон */
  border: 1px solid #ccc; /* лёгкая рамка, чтобы отделить от остального */
  border-radius: 4px;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  display: none;          /* по умолчанию скрыт */
  z-index: 100;           /* чтобы поверх всех элементов */
  white-space: nowrap;    /* чтобы выпадашка не «ломалась» по строкам */
}

.share-wrapper .share-container .socialshare-buttons li {
    width: 100% !important;
}

.share-wrapper .share-container .socialshare-buttons li a {
    width: 110px !important;
}

/* Когда нужно показать: display:block */
.share-wrapper .share-container.visible {
  display: block;
}

.camera_commands {
    display: none !important;
}

.camera_next,
.camera_prev {
    background: unset !important;
}

.mod-finder .finder {
    display: none !important;
}

.mod-finder input {
    width: 120px;
    height: 35px;
    border-radius: 50px;
    padding-top: 3px;
    padding-right: 24px;
    padding-bottom: 3px;
    padding-left: 24px;
    border: 1px solid #E5E7EB;
    color: #6B7280;
}

/* ------------------------------------------------------------------ */
/* 1) Скрываем старый label (он генерируется модулем mod_finder)       */
/* ------------------------------------------------------------------ */
.custom-smart-search-wrapper label.finder {
  display: none !important;
}

/* ------------------------------------------------------------------ */
/* 2) Сбрасываем отступы/фоны у формы Smart Search                     */
/* ------------------------------------------------------------------ */
.custom-smart-search-wrapper .mod-finder,
.custom-smart-search-wrapper .js-finder-searchform,
.custom-smart-search-wrapper .form-search {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

/* Сбрасываем стили Awesomplete (чтобы не было рамок/подсказок) */
.custom-smart-search-wrapper .awesomplete {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
.custom-smart-search-wrapper .awesomplete ul {
  display: none !important; /* прячем выпадающий список подсказок */
}
.custom-smart-search-wrapper .awesomplete span {
  display: none !important; /* прячем aria-live спаны */
}

/* ------------------------------------------------------------------ */
/* 3) Основные стили для input: «пилюля», скругления, иконка-лупа     */
/* ------------------------------------------------------------------ */
.custom-smart-search-wrapper input.js-finder-search-query {
  /* Размеры «пилюли» */
  width: 120px;           /* при необходимости подкорректируйте */
  height: 35px;           /* высота 35px, как на вашем примере */
  line-height: 35px;

  font-weight: 500;

  /* Скругление, граница */
  border: 1px solid #E5E7EB; /* светло-серая рамка */
  border-radius: 50px;       /* максимально скруглённая «пилюля» */

  /* Отступы: слева – место под иконку (примерно 32px), справа – 24px */
  padding-left: 32px;
  padding-right: 24px;
  padding-top: 3px;   /* чтобы текст не прилипал к верху */
  padding-bottom: 3px;

  /* Цвет текста и фон */
  font-size: 14px;
  color: #6B7280;       /* серый цвет текста */
  background-color: #fff;

  /* Убираем стандартный outline */
  outline: none;

  /* Отключаем браузерное оформление input[type=search] */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Наводим курсор “текст”, чтобы пользователь видел, что можно печатать */
  cursor: text;

  /* Добавляем иконку-лупу слева */
  background-image: url('/images/Vector.png');
  background-repeat: no-repeat;
  background-position: 8px center;  /* 8px от левого края – центр по вертикали */
  background-size: 16px 16px;       /* размер иконки 16×16 */
}

/* При фокусе делаем рамку чуть темнее (опционально) */
.custom-smart-search-wrapper input.js-finder-search-query:focus {
  border-color: #999;
}

/* ------------------------------------------------------------------ */
/* 4) Скрываем стандартную кнопку submit (она генерируется модулем)    */
/* ------------------------------------------------------------------ */
.custom-smart-search-wrapper button[type="submit"] {
  display: none !important;
}

/* ------------------------------------------------------------------ */
/* 5) Если хотите, чтобы placeholder «ПОИСК» был полупрозрачным       */
/*    (иногда делают цвет #A0AEC0 или #9CA3AF), замените цвет выше     */
/* ------------------------------------------------------------------ */
.custom-smart-search-wrapper input.js-finder-search-query::placeholder {
  color: #A0AEC0;
}

/* ------------------------------------------------------------------ */
/* 6) Центрируем или сдвигаем сам блок в контейнере .vkladki-custom   */
/* ------------------------------------------------------------------ */
.vkladki-custom.serch {
  display: flex;
  justify-content: flex-end;  /* выравниваем вправо */
}

.footer-container ul li a {
    font-family: "MuseoSansLight", sans-serif;
}

.socialshare-instagram a {
    background: url('/images/vector-instagram-background-gradient-colors_921039-4890.jpg') center;
}

/* Страница Новости */
.news-grid {
  display: flex;
  gap: 20px;
}
.news-grid .actions {
    justify-content: space-between;
}

.news-grid .main-action {
    display: flex;
    flex-direction: row;
    gap: 18px;
}
.main-action span {
    font-size: 12px;
    color: #6B7280;
}
.news-featured {
  flex: 2;
    background: #FEF6E7;
    border-radius: 10px;
    box-shadow: 0px 0px 12px 0px #00000026;
    max-width: 336px;
    position: relative;
}
.news-featured .item__label {
    position: absolute;
    top: 40px;
    left: -12px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #2DB57A;
    z-index: 3;
}
.news-featured .img-fut {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 250px;
    object-fit: cover;
    position: relative;
    z-index: 2;
}

.news-featured::before {
    content: '';
    width: 18px;
    height: 9px;
    position: absolute;
    top: 67px;
    left: -11px;
    background: #196846 !important;
    z-index: 1;
    transform: rotate(33deg);
}
.news-meta {
    padding: 14px 0px 14px 10px;
    color: #6B7280;

}
.futered-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-medium-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-medium .news-meta,
.news-small .news-meta {
    padding: 10px 0px 6px 0px;
}
.news-small-list {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.news-small, .news-medium {
    background: #FEF6E7;
    border-radius: 10px;
    box-shadow: 0px 0px 12px 0px #00000026;
    display: flex;
    gap: 15px;
    width: 100%;
}

.news-small img,
.news-medium img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    max-width: 120px;
    min-height: 135px;
    object-fit: cover;
    height: 100%;
}

.news-medium .text,
.news-small .text {
    display: flex;
    flex-direction: column;
}

.news-medium .text h4,
.news-small .text h5,
.news-featured h3 {
    font-size: 13px;
    font-weight: bold;
    color: #1e1e1e;
    padding-right: 10px;
}

.news-featured h3 {
    padding: 0px 10px 14px 10px;
    min-height: 109px;
    max-height: 109px;
}

.news-featured .actions {
    padding: 0px 10px 14px 10px;
}

.news-grid .btn-comm {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #6B7280;
}

/* Страница Новости */

/* Mobile */
@media (max-width: 600px) {
  .article-stats {
    flex-direction: column;
    align-items: stretch;
  }
  .article-stats__views {
    margin-left: 0;
  }
}

/* === Responsive === */
@media (max-width: 600px) {
  .comments-list__item {
    flex-direction: column;
    align-items: start;
  }
  .comments-list__avatar img {
    width: 40px;
    height: 40px;
  }
}

/* === Адаптив === */
@media (max-width: 768px) {
  .news-home-page.custom .tabs__nav {
    flex-wrap: wrap;
  }
  .news-home-page.custom .tabs__nav li {
    margin-bottom: 4px;
  }
  .news-home-page.custom .card {
    margin: 16px 8px;
  }
}