/* Панель администратора */

#uAdminBar {
    display: none;
}

/* Цвет ссылок */

a {
    color: #007eff;
    text-decoration: none;
}

a:hover {
    color: #e30013;
    text-decoration: none;
}

.burlfile {
    padding: 20px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.gofile, .golink {
    background-color: #5eb948;
    color: #fff;
    line-height: 24px;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    padding: 13px 20px;
}

.gofile:hover,
.golink:hover {
    color: #fff;
    opacity: 0.8;
}

.gofile {
    background-color: #278faa;
}

.burlfile {
    padding: 0px;
}

/* Черно-белый блок */

.grey {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.greyop {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
}

/* Цвет ссылок */

.skiptranslate,
.dnone {display: none !important;}

/* Перенос текста из блока, если он вылазит за ширину */

span,
div,
h1,
h2,
h3,
h4,
p,
p b,
p a,
p strong {
    word-wrap: break-word;
    word-break: break-word;
}

/* Оформление заголовков */

h1,
h2,
h3,
h4 {
    margin: 0px;
    margin-bottom: 20px;
}

/* Оформление текста */

p {
    line-height: 24px;
    margin: 0px;
    margin-top: 10px;
}

p:first-child {
    margin-top: 0px;
}

/* Оформление списков */

ul {
    list-style: none;
}

li {
    margin: 0px;
}

ul.spisok {
    margin: 0px;
    border: 1px solid #f3f7fa;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}

ul.spisok li {
    margin: 0px;
    line-height: 24px;
    padding: 0px;
    margin-bottom: 10px;
}

ul.polzul li {
    line-height: 24px;
    margin-bottom: 10px;
}

ul.spisok li:first-child {
}

ul.polzul li:last-child,
ul.spisok li:last-child {
    margin-bottom: 0px;
}

/* Цвет выделяемого текста */

::selection {
    background: #fff2a8;
    color: #000;
}

/* Настройка вида изображений */

.b_img,
img {
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    max-width: 100%;
    transition: all 0.5s;
}

img {
    opacity: 1;
}

img[data-src] {
    opacity: 0;
}

iframe {
    border-radius: 4px;
    margin: 20px auto;
    display: block;
    max-width: 100%;
    background-color: #f3f7fa;
}
/* Оформление разделителя */

hr {
    border: 0px;
    height: 1px;
    background-color: #f3f7fa;
    width: 100%;
    margin: 20px 0px;
}

.bmat_left p b,
.bmat_left p strong {
    font-weight: 700;
}

.bmat_left p.imgr img,
.bmat_left p.imgl img {
    line-height: 0px;
    float: left;
    margin: 3px 8px !important;
    margin-left: 0px !important;
    border-radius: 4px;
}

.bmat_left p.imgr img,
.bmat_left p.imgl img {
    height: calc(100% - 6px);
    max-height: 90px;
}

.bmat_left p.imgr img {
    float: right;
    margin-left: 8px !important;
    margin-right: 0px !important;
}

/* Оформление заполняемых полей */

label {
    line-height: 20px;
    display: inline-block;
    margin-right: 10px;
}

.form-fields label {line-height: 40px;}


.edtTypeMenu {display: none;}

input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0px;
    border: 0px solid #ededed;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    margin: 0px;
    margin-right: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    position: relative;
    box-sizing: border-box !important;
    transition: all .5s ease;
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    overflow: hidden;
}

input[type="checkbox"]:hover {
    border: none;
}

input[type="checkbox"]::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    background-image: url(/whole/img/close.png);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center;
}

input[type="checkbox"]::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0%;
    top: 0px;
    background-color: #adcfe9;
    z-index: 1;
}

input[type="checkbox"]:hover::after {

}

input[type="checkbox"]:checked::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: #5eb948;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(/whole/img/ok.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
}

input[type="checkbox"]:checked::after {
    background-color: #d9eeff;
}


textarea,
input {
    outline: none;
    resize: none;
    box-sizing: border-box;
    color: #000;
    font-family: 'Polomanfont', sans-serif;
    transition: all 0.5s;
    font-size: 13px;
}

textarea {
    overflow: auto;
    border: 1px solid #dfecf5;
    background-color: #fff;
    color: #000;
    line-height: 24px;
    min-height: 36px;
    padding: 15px 20px;
    box-sizing: border-box;
    border-radius: 4px;
}

select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #626262 !important;
    font-weight: 300;
}

select::-ms-input-placeholder,
textarea::-ms-input-placeholder,
input:-ms-input-placeholder {
    color: #626262 !important;
    font-weight: 300;
}

select::placeholder,
textarea::placeholder,
input::placeholder {
    color: #626262 !important;
    font-weight: 300;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
    border: 1px solid #dfecf5;
    background-color: #fff;
    color: #000;
    line-height: 20px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 4px;
}

textarea,
input {
    max-width: 100%;
}

textarea:hover,
input:hover,
.selectric-wrapper:hover {
    border: 1px solid #0092ff;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
    border: none;
    color: #fff;
    height: 40px;
    padding: 0px 20px;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #0092ff;
    transition: all 0.5s;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
    background-color: #5eb948;
    color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
    color: #000;
    border: 1px solid #9ed591 !important;
}

select {
    color: #000;
    border: 1px solid #dfecf5;
    background-color: #fff;
    cursor: pointer;
    line-height: 20px;
    height: 40px;
    padding: 0px 35px 0px 15px;
    background-image: url(/whole/selected/svg/list.svg);
    background-position: top 14px right 11px;
    background-size: 13px;
    background-repeat: no-repeat;
    text-indent: 0px;
    font-family: 'Polomanfont', sans-serif;
    text-overflow: '';
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

select::-ms-expand {
    display: none;
}

select:focus {
    outline: none;
    border: 1px solid #9ed591 !important;
}

/* fancybox - оформление вызываемого окна */

#fancybox-overlay {opacity: 0.5 !important;}

.fancybox-inner {
    max-width: 100%;
    height: auto !important;
}

.fancybox-wrap {
    max-width: calc(100% - 40px) !important;
}

.fancybox-outer {
    background-color: transparent !important;
    color: #000 !important;
}

.fancybox-opened .fancybox-outer {
    box-shadow: none !important;
}

#fancybox-buttons {
    display: none !important;
}

.fancybox-inner {
    border-radius: 4px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 25px rgb(0 0 0 / 50%);
    background-color: #fff !important;
}

.fancybox-close {
    top: -46px !important;
    right: calc(50% - 20px) !important;
    width: 36px !important;
    height: 36px !important;
    background-image: url(/whole/img/close.png) !important;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    background-color: #000;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 5px 5px rgb(0 0 0 / 50%);
}

.fancybox-close:hover {
    background-color: #e30013;
}

.fancybox-prev span, .fancybox-next span {
    background-image: url(/whole/img/fancybox_sprite.png) !important;
}

.fancybox-prev:before, .fancybox-next:before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    opacity: 0;
}

.fancybox-prev:before {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
}

.fancybox-next:before {
    right: 0;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);
}

.fancybox-prev:hover:before, .fancybox-next:hover:before {
    opacity: .5;
    width: 100%
}


/* Прогрузка страницы */

.shoploader,
.webloader {
 display: block;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 background-color: #f3f7fa;
 z-index: 999999;
}

.shoploader {
    position: relative;
    z-index: 1;
    height: 300px;
}

.shoploader:before,
.webloader:before {
 content: "";
 background-image: url(/whole/svg/logo/itlogo.svg);
 background-size: 40px auto;
 background-position: center;
 background-repeat: no-repeat;
 border-radius: 50%;
 width: 80px;
 height: 80px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -40px 0 0 -40px;
}

.shoploader:after,
.webloader:after {
content: '';
 display: block;
 width: 80px;
 height: 80px;
 position: absolute;
 border-top: 2px solid #e30013;
 top: 50%;
 left: 50%;
 margin: -41px 0 0 -41px;
 animation: rad-ring .5s linear infinite;
 border-radius: 100%;
}

 @keyframes rad-ring {
 0% {
 transform: rotate(0deg);
 }
 100% {
 transform: rotate(360deg);
 }
 }

/* Рекламный блок */

.rb_r {
    background: #2fa8df;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: 120px;
}

.rb_r.inst {
    background: #cc2fdf;
}

.rqcqlqtr {
    position: absolute;
    padding: 5px 10px;
    background: #ffe100;
    color: #000;
    font-size: 12px;
    right: -4px;
    font-weight: 500;
    top: 15px;
    border-radius: 4px 0px 0px 4px;
    z-index: 1;
    line-height: 16px;
}

.rqcqlqtr::before {
    content: '';
    display: block;
    border-width: 4px 0px 0px 4px;
    border-style: solid;
    border-color: #d3ba00 #d3ba00 #d3ba00 transparent;
    position: absolute;
    bottom: -4px;
    right: 0px;
    transition: border .2s ease;
    -webkit-transition: border .2s ease;
    transform: scale(-1, 1);
}

.rqcqlqtr::after {
    content: '';
    display: block;
    border-width: 4px 0px 0px 4px;
    border-style: solid;
    border-color: #d3ba00 #d3ba00 #d3ba00 transparent;
    position: absolute;
    top: -4px;
    right: 0px;
    transition: border .2s ease;
    -webkit-transition: border .2s ease;
    transform: scale(-1, -1);
}

.rbr_abs {
    position: absolute;
    height: calc(100% - 0px);
    top: 0px;
    left: 0px;
    width: 100%;
    display: inline-grid;
    background: linear-gradient(0deg, rgb(0 146 255) 0px, rgba(240, 185, 5, 0) 100%);
    text-align: center;
    color: #fff;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    padding: 0px 0px;
    font-weight: 500;
}

.rb_r.inst .rbr_abs {
    background: linear-gradient(0deg, rgb(110 0 255) 0px, rgba(240, 185, 5, 0) 100%);
}


.rb_r a.rbr_knopka {
    background-color: #4cb3f7;
    min-width: 100px;
    padding: 0px 20px;
    display: table;
    line-height: 30px;
    color: #fff;
    font-weight: 900;
    margin: 0px auto 15px auto;
    text-transform: uppercase;
    font-size: 9px;
    border-radius: 4px;
    box-shadow: 0 10px 30px -10px rgb(15 23 51 / 25%) !important;
}

.rb_r.inst a.rbr_knopka {
    background-color: #c225dd;
}

.rb_r a.rbr_knopka:hover {
    background-color: #ffe100;
    color: #000;
}

.rbr_title {
    font-size: 20px;
    font-weight: 900;
    display: block;
    padding: 0px 20px;
    margin: 15px auto 0px auto;
    line-height: 20px;
}

.rbr_text {
    font-size: 12px;
    line-height: 20px;
    display: block;
    padding: 0px 20px;
    margin: 0px auto;
    font-weight: 300;
}


.rbr_back {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #2fa8df;
    background-image: url(/whole/image/block/100.png);
    background-repeat: revert;
    background-position: center;
    background-size: auto 60px;
    top: 0px;
    left: 0px;
    opacity: 0.5;
}

.rb_r.inst .rbr_back {
    background-color: #df2fcd;
    background-image: url(/whole/image/block/01.png);
}

/* Маска телефонов */

#telegram,
#telegrams,
#phone,
#phones,
#zaphone,
#zaphones {
    position: relative;
    background-repeat: no-repeat;
    background-position: left 20px center;
    padding-left: 44px;
    padding-right: 20px;
    background-size: 14px auto;
    width: 100%;
}

.maskUA {
    background-image: url(/whole/image/flag/ukr.png);
}

.maskRU {
    background-image: url(/whole/image/flag/rus.png);
}

.maskPL {
    background-image: url(/whole/image/flag/pln.png);
}

.maskKZ {
    background-image: url(/whole/image/flag/kzn.png);
}

.maskBY {
    background-image: url(/whole/image/flag/bel.png);
}

.maskUK {
    background-image: url(/whole/image/flag/eng.png);
}

.maskNO {
    background-image: url(/whole/icon/home/phone.svg);
}
.maskDE {
    background-image: url(/whole/image/flag/dee.png);
}

.maskKYIV {
    background-image: none;
    padding-right: 10px !important;
}


/* Пользовательское соглашение COOKIE */

.bottom-info-wrapper {
    background-color: #0092ffd4 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-family: 'Polomanfont', sans-serif !important;
    left: 80px !important;
    bottom: 10px !important;
    width: calc(100% - 160px);
    border-radius: 4px;
}

.bottom-info-wrapper .bottom-info-block {
    align-items: center;
    margin: 20px !important;
}

.bottom-info-wrapper .bottom-info-block-content {
    margin-right: 0px !important;
}

.bottom-info-wrapper .bottom-info-block-action {
    width: 200px !important;
}

.bottom-info-wrapper .bottom-info-button-agree {
    background-color: #ffe100 !important;
    color: #000 !important;
    width: 200px !important;
    padding: 0px !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 48px !important;
    font-family: 'Polomanfont', sans-serif !important;
    transition: all .5s ease;
}

.bottom-info-wrapper .bottom-info-button-hide {
    display: none !important;
}


/* Вернуться на предыдущую страницу */

.history_link {
    display: none;
    background-color: #d9eeff;
    margin-top: 10px;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    height: 40px;
}

.history_link .hl_prev {
    display: block;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    padding: 0px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    height: 40px;
    position: relative;
}

.history_link .hl_prev:after,
.history_link .hl_prev:before {
    content: '';
    display: inline;
    text-align: center;
    width: auto;
    height: 40px;
    line-height: 40px;
    top: 0px;
    left: 0px;
    background-image: url(/whole/image/icon/hl_prev.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left 0px center;
    padding-left: 19px;
}

.history_link .hl_prev:after {
    display: none;
    content: 'Вернуться назад';
}

/* Подсказка при наведении */

[data-title]:hover {
    position: relative;
    cursor: help;
}

[data-title]::before,
[data-title]:hover::before {
    all: initial;
    line-height: 14px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Polomanfont', sans-serif;
    display: block;
    border-radius: 4px;
    padding: 0px;
    background-color: #000;
    content: attr(data-title);
    color: #fff;
    position: absolute;
    bottom: 0%;
    max-width: 140px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 0px;
    text-align: center;
    opacity: 0;
    transition: all .5s ease;
    height: 0px;
    overflow: hidden;
}

[data-title]:hover::before {
    opacity: 1;
    transition: all .5s ease;
    bottom: calc(100% + 8px);
    height: auto;
    padding: 5px 10px;
    cursor: help;
    line-height: 20px;
    z-index: 9999;
    white-space: nowrap;
}

[data-title]::after,
[data-title]:hover::after {
    all: initial;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0%;
    content: attr(data-title);
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 0px;
    opacity: 0;
    transition: all .5s ease;
    height: 0px;
    overflow: hidden;
    background: url(/whole/img/bottomtip.png) top center no-repeat;
    color: transparent;
    max-width: 140px;
}

[data-title]:hover::after {
    opacity: 1;
    transition: all .5s ease;
    bottom: 100%;
    height: 8px;
    cursor: help;
    padding: 0px 10px;
    line-height: 20px;
    width: auto;
    z-index: 9999;
}

/* Категории */

ul.cat_menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: table;
}

ul.cat_menu li {
    float: right;
    margin-left: 10px;
    font-size: 13px;
    transition: all 0.5s;
}

ul.cat_menu li:last-child {
    margin-left: 0px;
}

ul.cat_menu li span,
ul.cat_menu li a {
    color: #000;
    display: block;
    background-color: #e8f6ff;
    border-radius: 4px;
    line-height: 40px;
    padding: 0px 44px 0px 20px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 14px auto;
}

ul.cat_menu li span.firstserv {
    background-image: url(/whole/icon/home/r.png);
    background-color: #d9eeff;
    background-repeat: no-repeat;
    background-position: right 5px top 15.5px;
    padding: 0px 19px 0px 10px;
    background-size: 10px auto;
        opacity: 1;
    cursor: help;
}

ul.cat_menu li span {opacity: 0.5;}


ul.cat_menu li a:hover {
    color: #0092ff;
}

ul.cat_menu li:last-child {
    margin-right: 0px;
}

ul.cat_menu li.active {}

ul.cat_menu li.active a {
    background-color: #fff;
}

/* Кнопка вверх  */

#gotop {
    display: block;
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: #e30013;
    color: #fff;
    background-image: url(/whole/image/icon/send.png);
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    bottom: -70px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    transform: rotate(-90deg);
    border-radius: 4px;
}

#gotop:hover {
    bottom: 20px !important;
    background-color: #5eb948;
    opacity: 1 !important;
}

/* Плавность действий  */

.selectric-wrapper,
.fancybox-close,
.hlb_img,
.plb_button:hover,
.plb_button,
a,
.c-hamburger--htx,
.plav {
    transition: all 0.5s;
}

.rstars ul a,
.rate-stars-wrapper a {
    transition: all 0.0s;
}

.rstars {
    margin-top: 1px;
    margin-left: -1px;
}

/* Общий красный цвет */

.c-hamburger--htx.is-active:hover,
.c-hamburger--htx.is-active,
.c-hamburger--htx {
    background-color: #e30013;
}

/* Общий зеленый цвет */

.c-hamburger--htx:hover,
.datetime:after {
    background-color: #5eb948;
}

/* Общий синий цвет */

.datetime {
    background-color: #0092ff;
}

/* Выравнивание текста */

.float_right {
    float: right;
}

.float_left {
    float: left;
}

/* Цвет при выделении текста */

::selection {
    background: #fff2a8;
    color: #000;
}

/* Тип блока */

.disp_flex,
.disp_tabl {
    display: table;
}

.disp_flex {
    display: flow-root;
}

.disp_none {
    display: none;
}

.width_100 {
    width: 100%;
}

.width_400 {
    width: 400px;
}

/* Version */

.miniversion {
    display: none;
}

.fullversion {
    display: block;
}

/* Position */

.pos_initial {
    position: initial;
}

.pos_relative {
    position: relative;
}

/* Блок на странице материалов */

.cbmat_right {
    width: calc(25% - 8px);
    float: right;
    display: block;
    position: sticky;
    top: 10px;
}

.cbmat_r_3 {
    display: block;
}

.cbmat_r_2 {
    display: block;
    margin-top: 10px;
}

.cbmat_r_1 {
    display: block;
    margin-top: 10px;
}

.seo_mysocial {
    margin-top: 10px;
}

/* MySocial */

.mysocial {
    display: table;
    width: calc(100% + 10px);
    margin: -5px;
    padding: 0px;
}

.mysocial li {
    float: left;
    width: calc(25% - 10px);
    margin: 5px;
    padding: 0px;
}

.mysocial li a {
    width: 100%;
    display: block;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    position: relative;
}

.mysocial li a:hover {
    opacity: 0.8;
    cursor: pointer;
}

.mysocial a[data-social="vk"] {background-color: #4d75a3;}
.mysocial a[data-social="fb"] {background-color: #3b5998;}
.mysocial a[data-social="ok"] {background-color: #e67e17;}
.mysocial a[data-social="tw"] {background-color: #55acee;}
.mysocial a[data-social="ld"] {background-color: #0077b5;}
.mysocial a[data-social="tg"] {background-color: #37aee2;}
.mysocial a[data-social="vb"] {background-color: #8950a1;}
.mysocial a[data-social="wa"] {background-color: #25d366;}

/* Конец MySocial*/

.cbmat_r_block {
    display: block;
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
}

.cbmat_right .cbmat_r_min_content,
.cbmat_right .cbmat_r_content {
    height: 0px;
    min-height: 60px;
    max-height: calc(100vh - 492px - 124px);
    transition: all 0.5s;
}

.cbmat_r_title {
    line-height: 20px;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f7fa;
    margin-bottom: 20px;
    display: block;
}

.absol_right {
    width: calc(25% - 7px);
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    overflow: hidden;
}

.bmat_left {
    width: calc(75% - 2px);
    position: relative;
    float: left;
}

.bmat_left p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 24px;
        text-align: justify;
}
.bmat_left p:last-child {
    margin-bottom: 0px;
}

.list-item .moder_panel,
div[id*="entryID"] .moder_panel {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    transition: all 0.5s;
    z-index: 10;
}

.list-item:hover .moder_panel,
div[id*="entryID"]:hover .moder_panel {
    opacity: 1;
}

.bmat_left .moder_panel {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    transition: all 0.5s;
}

.bmat_left:hover .moder_panel {
    opacity: 1;
}

.otidopinf {
    display: table;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 0px;
    width: 100%;
}

.otidopinf div {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
    position: relative;
}

.otidopinf div:last-child {
    margin-right: 0px;
}

.datainfo {
    overflow: hidden;
    text-overflow: ellipsis;
    display: table-cell;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: calc(100% - 90px - 90px);
}

.bmat_left_bottom {
    border-top: 1px solid #f3f7fa;
    margin-top: 20px;
    padding-top: 5px;
    margin-bottom: -5px;
}

.bmat_left_bottom a {
    display: inline-block;
    line-height: 20px;
    font-size: 13px;
    text-transform: capitalize;
    margin-top: 5px;
    color: #000;
}

.rat_cifr {
    color: #5eb948;

}

.bmat_left_bottom a:hover {
    color: #e30013;
}

.bmat_left_bottom .fa {
    margin-right: 10px;
    color: #5eb948;
}

.bmat_left_bottom noindex {
    font-size: 0px;
}

.bmat_left_bottom noindex a:first-child {
    margin-left: 0px;
}

.bmat_left_bottom noindex a:after {
    content: ',';
    display: inline;
    text-align: center;
    width: auto;
    color: #000 !important;
    margin-right: 5px;
}

.bmat_left_bottom noindex a:last-child:after {
    content: '.';
    margin-right: 0px;
}

.styleimg {
    display: block;
    line-height: 0px;
    margin: 20px 0px;
    text-align: center;
    border-top: 1px solid #f3f7fa;
    border-bottom: 1px solid #f3f7fa;
    padding: 20px 0px;
}

.styleimg.last {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.obloshka_pda,
.obloshka {
    line-height: 0px;
    margin: 20px 0px;
}

.obloshka_pda a,
.obloshka a {
    display: block;
}

.obloshka_pda img,
.obloshka img {
    border-radius: 4px;
}

.styleimg hr {
    height: 1px;
    margin: 10px 0px 20px 0px;
}

.styleimg:last-child {
    margin-bottom: 0px;
}

.styleimg a {
    display: table;
    line-height: 0px;
    margin: 0px auto;
    overflow: hidden;
}

.styleimg .photoalt {
    display: block;
    text-align: center;
    margin-top: 10px;
    line-height: 20px;
    font-size: 13px;
    padding: 0px 20px;
    margin-bottom: 0px;
}

.styleimg img {
   width: calc(100% - 2px);
   max-width: 598px;
   border: 1px solid #f3f7fa !important;
   border-radius: 4px;
}

.igroupimg,
.igroupi {
    display: table;
    width: 100%;
    margin: -10px auto;
}

.igroupi a {
    float: left;
    width: calc(50% - 10px);
    margin: 10px 0px;
}

.igroupi a:nth-child(2n) {
    margin-left: 20px;
}

.igroupimg img {
    float: left;
    width: calc(50% - 12px);
    margin: 10px 0px !important;
}

.igroupimg img:nth-child(2n) {
    margin-left: 20px !important;
}

/* overflow блока */

.over_hid {
    overflow: hidden;
}

/* Отступы блока */

.marg_b_10 {
    margin-bottom: 10px;
}

.marg_b_40 {
    margin-bottom: 40px;
}

.marg_t_10 {
    margin-top: 10px;
}

.marg_tb_10x0 {
    margin: 10px 0px;;
}

.margn_bot_none {
    margin-bottom: 0px;
}

/* Отступы в блоке */

.pad_40x80 {
    padding: 40px 80px;
}

.pad_10 {
    padding: 10px;
}

.pad_20 {
    padding: 20px;
}

.pad_40 {
    padding: 40px;
}

/* Цвет фона блока */

.back_fff {
    background-color: #fff;
}

.back_0f1733 {
    background-color: #0f1733;
}

.back_17212b {
    background-color: #17212b;
}

.back_d9eeff {
    background: #d9eeff;
}

.back_18334c {
    background: #18334c;
}
.text_w {
    color: #fff;
}

/* Home */

.home_client h2 {
    font-size: 34px;
    margin-bottom: 10px;
}

.clientul {
    display: flex;
    margin: 10px -10px;
    padding: 0px;
    margin-bottom: 10px;
    width: calc(100% + 20px);
    flex-flow: wrap;
}

.clientul li {
    width: calc(16.666% - 22px);
    margin: 10px;
    background-color: #fff;
    border: 1px solid #d9eeff;
    border-radius: 4px;
    line-height: 60px;
    color: #000;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.5s;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}

.clientul li:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.clientul li.brand {
        font-size: 0px;
}

/* Скругление блока */

.rad_4 {
    border-radius: 4px;
}

.rad_4400 {
    border-radius: 4px 4px 0px 0px;
}

.rad_0044 {
    border-radius: 0px 0px 4px 4px;
}

/* Стиль border */

.bor_bot_1 {
    border-bottom: 1px solid #f3f7fa;
}

/* Информация о странице */

.page_style h1 {
    width: 72%;
    max-width: 840px;
    position: relative;
}

.page_style p {
    width: 72%;
    position: relative;
}

.page_style {
    background-size: 30%, 100%;
    background-repeat: no-repeat;
    BACKGROUND-POSITION: center right 0%;
    position: relative;
}

.page_style:after {
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    BACKGROUND-POSITION: center;
    height: calc(100% - 0px);
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30.5%;
}

.page_style:before {
    content: '';
    display: none;
    background-size: contain;
    background-repeat: no-repeat;
    BACKGROUND-POSITION: center right;
    height: calc(100% - 0px);
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    opacity: 0.2;
}

.page_style_cat {
    background-size: auto 80%;
        background-repeat: no-repeat;
    BACKGROUND-POSITION: center right 10%;
}

.page_style:before {
    background-image: url(/whole/cover/bg.svg);
}

.all {
    background-image: url(/whole/icon/otzyvy/star.png);
}

.page_contact:after {
    background-image: url(/whole/cover/contact.png),url(/whole/cover/fonra.svg);
}

.page_otzyvy:after {
    background-image: url(/whole/cover/blog.png),url(/whole/cover/fonra.svg);
}

.page_journal:after {
    background-image: url(/whole/cover/publ.png),url(/whole/cover/fonra.svg);
}

.page_shop:after {
    background-image: url(/whole/cover/shop.png),url(/whole/cover/fonra.svg);
}

.page_case:after {
    background-image: url(/whole/cover/dir.png),url(/whole/cover/fonra.svg);
}

.page_faq:after {
    background-image: url(/whole/cover/faq.png),url(/whole/cover/fonra.svg);
}

.page_home:after {
    background-image: url(/whole/cover/home.png),url(/whole/cover/fonra.svg);
}

/* FAQ acrod */

.faq-item {
    border-radius: 4px;
    overflow: hidden;
}

.faq-title span {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    float: right;
    width: 21px;
    height: 21px;
}

.faq-title {
    background-color: #fff;
    padding: 20px;
    padding-right: 51px;
    line-height: 20px;
    color: #000;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    transition: all 0.5s;
    margin: 0px;
    font-weight: 400;
}

.faq-item.opened .faq-title {
    font-weight: 700;
}

.faq-title span:before {
    content: '';
    display: block;
    width: 21px;
    height: 1px;
    top: 10px;
    left: 0;
}

.faq-title span:after {
    content: '';
    display: block;
    width: 1px;
    height: 21px;
    left: 10px;
    top: 0;
}

.faq-title span:before,
.faq-title span:after {
    background-color: #000;
    position: absolute;
    transition: all 0.5s;
}

.faq-item.opened .faq-title span:before, .faq-item.opened .faq-title span:after {

}

.faq-item.opened .faq-title span::after {
    transform: rotate(90deg);
}

.faq-message {
    padding: 20px;
    padding-top: 0px;
    background: #fff;
    margin-top: -10px;
    position: relative;
        display: none;
}

/* Количество материалов $BODY$ */

.allcolstat {
    float: right;
    line-height: 30px;
    color: #000;
    font-weight: 400;
    margin: 5px 0px;
    font-size: 12px;
}

.allcolstat .acsblock {
    background: #e8f6ff;
    padding: 0px 15px;
    display: inline-block;
    margin-left: 10px;
    float: right;
    border-radius: 4px;
}

/* Область контента в $BODY$ */

#allEntries table td {
    padding: 0px;
}

.archiveNoEntry {
    text-align: center;
    line-height: 100px;
    background-color: #fff;
    margin: 5px 5px 0px 5px;
    border-radius: 4px;
}

#goods_cont,
#allEntries {
    display: table;
    margin: -10px -5px 0px -5px;
    width: calc(100% + 10px);
    position: relative;
    transition: all 0.5s;
}

#allEntries table,
.archiveEntries table {
    overflow: unset;
    padding-bottom: 0px;
}

#goods_cont .list-item,
.archiveEntries div[id*="entryID"],
#allEntries div[id*="entryID"] {
    display: block;
    float: left;
    width: calc(33.333% - 10px);
    margin: 10px 5px 0px 5px;
    transition: all 0.5s;
    position: relative;
}

#goods_cont .list-item:hover,
.archiveEntries div[id*="entryID"]:hover,
#allEntries div[id*="entryID"]:hover {
    box-shadow: 0 20px 30px -20px rgb(15, 23, 51, 0.25);
}

/* Переключатель страниц */

.shoppage1,
.pagesBlockuz1,
.catPages1 {
    display: table;
    margin: 10px 5px 0px 5px;
    padding: 10px 15px;
    line-height: 30px;
    font-size: 14px;
    float: left;
    width: calc(100% - 40px);
    background: #d9eeff;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.shoppage1 {
    float: none;
    margin: 10px 0px 0px 0px;
    width: calc(100% - 30px);
}

.pagesBlockuz1 {
    margin: 0px;
    margin-top: 10px;
    width: calc(100% - 30px);
    float: none;
}

.pnext .pgSwch,
.pprev .pgSwch,
.pgSwchA,
.pgSwch,
.swchItemDots,
.swchItem,
.swchItemA {
    display: inline-block;
    background: transparent;
    padding: 0px;
    border-radius: 4px;
    margin: 5px;
    color: #000;
    font-weight: normal;
    text-align: center;
    width: 50px;
}

.swchItemDots {
    width: 10px
}

.plist {
        font-size: 0px;
    color: transparent;
}

.plist a {font-size: 14px;}

.pgSwchA,
.swchItemA {
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.pnext .pgSwch,
.pprev .pgSwch,
.pgSwch,
.swchItem {
    background: #e8f6ff;
    color: #000;
}

.pnext .pgSwch:hover,
.pprev .pgSwch:hover,
.pgSwch:hover,
.swchItem:hover {
    color: #fff;
    background: #5eb948;
}

.swchItem span,
.swchItem span:hover {
    transition: all .0s ease;
}

.swchItemDots {
    display: none;
}

.pnext .pgSwch,
.pprev .pgSwch,
.pgSwchA,
.pgSwch,
.swchItem,
.swchItemA {
    width: calc(100% / 15 - 10px);
    float: left;
}

/* Форма заказать звонок */

#mail-form-2 {
    display: none;
    background: #fff;
    overflow: hidden;
}

#zakzvon h4 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 24px;
}

#zakzvon .tabs {
    display: table;
    border: 1px solid #dfecf5;
    margin: 0px;
    padding: 0px;
    border-radius: 6px;
    font-size: 10px;
    line-height: 23px;
    font-weight: 400;
    width: calc(100% - 2px);
    overflow: hidden;
    margin-bottom: 10px;
}

#zakzvon .tabs li.active {
    background: #fdec84;
    color: #000;
}

#zakzvon .tabs li {
    display: inline-block;
    float: left;
    margin-right: 0px;
    padding: 0px 0px;
    width: calc(33.333% - 1px);
    border-right: 1px solid #dfecf5;
    position: relative;
    border-radius: 0px;
}

#zakzvon .tabs li:hover {
    cursor: pointer;
}

#zakzvon .tabs li a,
#zakzvon .tabs li a:hover {
    display: block;
    padding: 18px 0px 3px 0px;
    text-align: center;
    color: #000;
    position: relative;
    border-radius: 0px;
}

#zakzvon .tabs li:last-child {
    width: calc(33.333% - 0px);
    border-right: 0px solid #f3f7fa;
}


#zakzvon .tabs li a::before {
    display: block;
    content: ' ';
    width: 100%;
    height: 23px;
    position: absolute;
    top: 10px;
    left: 0px;
}


#zakzvon .tabs li:nth-child(1) a::before {
    background: url(/pstyle/contact/svgicon/tel.svg) top center no-repeat;
    background-size: 12px 12px;
}

#zakzvon .tabs li:nth-child(2) a::before {
    background: url(/pstyle/contact/svgicon/viber.svg) top center no-repeat;
    background-size: 10px 10px;
}

#zakzvon .tabs li:nth-child(3) a::before {
    background: url(/pstyle/contact/svgicon/whatsapp.svg) top center no-repeat;
    background-size: 10px 10px;
}

#zakzvon .fosotpr {
    display: table;
    border: 2px solid #ffe100 !important;
    background: #fff !important;
    color: #000 !important;
    padding: 0px 20px !important;
    line-height: 36px;
    font-weight: 500 !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    width: 100% !important;
    margin-top: 0px !important;
}

#zakzvon .fosotpr:hover {
    background: #ffe100 !important;
    border: 2px solid #ffe100 !important;
    color: #000 !important;
}

/* Вид товаров в магазине */

.popular_block {
    display: block;
    overflow: hidden;
    position: relative;
}

.popular_url {
    position: absolute;
    bottom: 0px;
    width: calc((100% / 3) + (100% / 3) - 4px - 40px);
    left: calc((100% / 3 / 2) + 2px);
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
    z-index: 1;
    line-height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 20px;
    color: #000;
}

.goods-list,
.sorttovars {
    width: calc(100% + 10px);
    margin: 0px -5px;
}

#goods_cont .goods-list,
#goods_cont .sorttovars {
    width: calc(100% + 0px);
    margin: 0px;
}

.slick-slide .usluga_razrab {
    width: calc(100% - 50px) !important;
    margin: 0px 5px;
    float: left;
    margin-bottom: 50px;
    transition: all 0.5s;
    padding: 20px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.goods-list .slick-slide .usluga_razrab {
    padding: 0px;
    width: calc(100% - 10px) !important;
    margin-bottom: 45px;
}

.slick-slide .usluga_razrab:hover {
    box-shadow: 0 20px 30px -20px rgb(15 23 51 / 25%);
}

.uslugtov {
    display: block;
    float: left;
    width: calc(25% - 50px);
    margin: 10px 5px 0px 5px;
    padding: 20px;
}

.utuscont {
    display: block;
    overflow: hidden;
}

.utname {
    display: table;
    font-size: 18px;
    line-height: 20px;
    margin-top: 5px;
    z-index: 1;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shoptittext .utname {
    margin: 10px 0px 5px 0px;
}

.uslugtov p {
    text-align: left;
    margin: 10px 0px;
    font-size: 14px;
    line-height: 20px;
    background: #f4f7fa;
    padding: 10px 15px;
    border-radius: 4px;
}

.uslugtov p::after {
    content: '';
    position: absolute;
    left: 6px;
    top: -15px;
    border: 8px solid transparent;
    border-bottom: 8px solid #f4f7fa;
}

.utrating {
    display: table;
}

.utrating ul,
.utrating li {
    background-size: 16px !important;
}

.utimg {
    display: table;
    margin: 0px auto;
    max-width: 80%;
}

.utprice {
    display: table;
    float: left;
    line-height: 40px;
    width: calc(50% - 10px);
}

.otoldpric {
    display: none;
    font-size: 10px;
    line-height: 20px;
    text-align: right;
    font-weight: 900;
    padding: 0px 5px;
    color: #000;
    position: absolute;
    top: 0px;
    right: 0px;
}

.utprice [data-title]:hover {
    position: absolute;
}

.otoldpric line {
    display: block;
    width: 100%;
    background: #e13d3d;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0px;
    transform: rotate(2deg);
    z-index: 1;
}

.otnewpric {
    font-size: 14px;
    font-weight: 900;
    background-color: #fff;
    border: 1px solid #5eb948;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 4px;
    color: #5eb948;
    transition: all 0.5s;
}

.otnewpric span:first-child {
    display: inline-block;
    text-align: center;
}

.uslugtov:hover {
    transform: translateY(-10px);
    transition: all .8s ease;
    box-shadow: 0 20px 30px -10px rgb(15, 23, 51, 0.25) !important;
}

.colortit #shop-currency .selectric-wrapper {
    margin-right: 0px;
}


ul.utperech {
    margin: 10px 0px;
    padding-left: 5px;
    display: block;
    min-height: 70px;
    transition: all 0.5s;
    opacity: 0.7;
    min-height: 82px;
}

.usluga_razrab:hover ul.utperech {
    opacity: 1;
}

.utperech li {
    padding-left: 15px;
    margin-bottom: 5px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.utperech li:last-child {
    margin-bottom: 0px;
}

.utperech li:after {
    width: 4px;
    height: 4px;
    background-color: #5eb948;
    border-radius: 2px;
    top: 10px;
    left: 0;
    display: block;
    content: "";
    position: absolute;
    opacity: 0.5;
    transition: all 0.5s;
}

.utperech li:hover:after {
    opacity: 1;
}

.usluga_razrab {
    display: block;
    margin: 0px;
    position: relative;
    border-radius: 4px;
    transition: all 0.5s;
}

.usluga_razrab .utname {
    font-weight: 900;
    color: #000;
}

.usluga_razrab .utname:hover {
    color: #e13d3d;
}

.shop_usluga_text {
    display: none;
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
    background: #f5fbff;
    padding: 15px 20px;
    border-radius: 8px;
    position: relative;
    font-style: italic;
}

.shop_usluga_text::after {
    content: '';
    position: absolute;
    left: 12px;
    top: -15px;
    border: 8px solid transparent;
    border-bottom: 8px solid #f5fbff;
}

.shop_usluga_text p {
    margin: 0px;
    padding: 0px;
    height: 96px;
    overflow: hidden;
    text-align: left;
    position: relative;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.zindextop {
    z-index: 2;
}

.usluga_razrab .d {
    height: 100px;
    width: 50%;
    max-width: 220px;
    top: -24px;
    right: -24px;
    margin: 0px;
    position: absolute;
    transform: rotate(20deg);
    border-radius: 0px;
}

.usluga_razrab .d:before,
.usluga_razrab .d:after {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    background: #e7f5e3;
    transition: all 0.5s;
}

.usluga_razrab .d:before {
    left: 4px;
    transform: skew(0deg, 20deg);
    border-radius: 0px 0px 8px 16px;
    top: -9px;
}

.usluga_razrab .d:after {
    right: 4px;
    transform: skew(0deg, -10deg);
    border-radius: 0px 0px 0px 8px;
    top: 0px;
}

.usluga_razrab .img {
    display: block;
    position: absolute;
    width: 20%;
    max-width: 100px;
    height: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    top: 20px;
    right: 5%;
    opacity: 0.2;
}

.onshopbut a {
    text-align: center;
    background: #f5fbff;
    line-height: 40px;
    width: calc(50% - 10px);
    display: inline-block;
    color: #000;
    float: right;
    padding: 0px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 900;
    opacity: 0.8;
}

.onshopbut .addutov:hover,
.onshopbut a:hover {
    opacity: 1;
}

.onshopbut .addutov span,
.onshopbut a span,
.onshopbut .addutov:hover span,
.onshopbut a:hover span {
    transition: all .0s ease;
}

.onshopbut .addutov {
    background: #5eb948;
    color: #fff;
}

.name_vid_uslug {
    font-size: 13px;
    display: table;
    color: #7ec76c;
    line-height: 20px;
    margin-bottom: 10px;
    transition: all 0.5s;
}

.name_vid_uslug a {
    color: #7ec76c;
}

.name_vid_uslug a:hover {
    color: #e30013;
}

.utcol1 .utname {
    color: #333;
}

.utcol1 {
    background-image: url(/whole/icon/shop/1.png);
}

.utcol2 {
    background-image: url(/whole/icon/shop/2.png);
}

.utcol12 {
    background-image: url(/whole/icon/shop/12.png);
}

.utcol13 {
    background-image: url(/whole/icon/shop/13.png);
}

.utcol14 {
    background-image: url(/whole/icon/shop/14.png);
}

.utcol15 {
    background-image: url(/whole/icon/shop/15.png);
}

.utcol16 {
    background-image: url(/whole/icon/shop/16.png);
}

.utcol17 {
    background-image: url(/whole/icon/shop/17.png);
}

.utcol18 {
    background-image: url(/whole/icon/shop/18.png);
}

.utcol19 {
    background-image: url(/whole/icon/shop/19.png);
}

.utcol20 {
    background-image: url(/whole/icon/shop/19.png);
}

.utcol21 {
    background-image: url(/whole/icon/shop/21.png);
}

.utcol22 {
    background-image: url(/whole/icon/shop/22.png);
}

.utcol23 {
    background-image: url(/whole/icon/shop/23.png);
}

.utcol24 {
    background-image: url(/whole/icon/shop/24.png);
}

.utcol25 {
    background-image: url(/whole/icon/shop/25.png);
}

.utcol26 {
    background-image: url(/whole/icon/shop/26.png);
}

.utcol62 {
    background-image: url(/whole/icon/shop/62.png);
}

.utcol63 {
    background-image: url(/whole/icon/shop/63.png);
}

.utcol64 {
    background-image: url(/whole/icon/shop/64.png);
}

.utcol65 {
    background-image: url(/whole/icon/shop/65.png);
}

.utcol66 {
    background-image: url(/whole/icon/shop/66.png);
}

.utcol67 {
    background-image: url(/whole/icon/shop/67.png);
}

.utcol68 {
    background-image: url(/whole/icon/shop/68.png);
}

.utcol69 {
    background-image: url(/whole/icon/shop/69.png);
}

.utcol70 {
    background-image: url(/whole/icon/shop/70.png);
}

.redprice .otnewpric {
    border: 1px solid #e30013;
    color: #e30013;
}

.redprice .onshopbut .addutov {
    background: #e30013;
}

.redprice.usluga_razrab .d:before,
.redprice.usluga_razrab .d:after {
    background: #fef0f1;
}

.redprice .utperech li:after {
    background-color: #e30013;
}

.redprice .name_vid_uslug a {
    color: #e30013;
    opacity: 0.8;
}

.redprice .name_vid_uslug a:hover {
    opacity: 1;
}

/* Список в правом блоке */

.cbmat_rjournal {
    display: block;
}

.cbmat_rjournal .col-questions {
    display: block;
    padding: 0px;
}

.cbmat_rjournal ul {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
}

.cbmat_rjournal li {
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #f3f7fa;
}

.cbmat_rjournal li:last-child {
    margin: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.cbmat_rjournal li::before {
    display: block;
    content: ' ';
    background: url(/whole/img/arright.png) center no-repeat;
    background-size: 5px 8px;
    float: left;
    height: 20px;
    width: 5px;
    padding: 0px;
    margin-left: -15px;
    transition: all 0.5s;
}

.cbmat_rjournal li:hover:before {
    margin-left: -10px;
}

.cbmat_rjournal .active a {
    color: #0092ff;
}

.cbmat_rjournal a {
    color: #333;
}

.cbmat_rjournal a:hover {
    color: #e30013;
}

/* Вид комментариев */

.uf-form.ucf-form .ucf-option {
    width: 40px !important;
    height: 40px !important;
    margin: 0px !important;
}

.uf-form.ucf-form .ucf-option-label {
    width: 40px !important;
    height: 40px !important;
    margin: 0px !important;
    border-radius: 4px !important;
}

.uf-form.ucf-form .ucf-option .ucf-option-subscribe {
        background-color: #5eb948;
    background-position: center -55px;
}

.uForm {
    margin: 0px !important;
}

.commError {
        margin-bottom: 10px;
}

.com-order-block {
    display: none;
}

.uForm .ucf-options {
    display: flex;
}

.comment_secur_code {
    margin-right: 10px;
}

img.captcha-renew.publ-com-add {
    margin: 0px 10px;
}

img.captcha-question.publ-com-add {
    border-radius: 4px;
    height: 36px;
}

input#captcha-answer-publ-com-add {
    width: 120px;
}

.bmat_left #commentform h3 {
    border-top: none;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.soc_type {
    position: absolute;
    top: -10px;
    left: 40px;
}

.soc_type img {
    border-radius: 50% !important;
    background-color: #fff;
    padding: 2px;
}

.uComment .uc-opacity {
    font-size: 12px;
}

.uComment .uc-opacity a {
        color: #000;
}

.uComment .uc-opacity a:hover {
        color: #5eb948;
}

.uComment .mod_panel {
    display: block;
    position: absolute;
    top: 60px;
    left: 12.5px;
    opacity: 0;
    transition: all 0.5s;
}

.uComment:hover .mod_panel {
    opacity: 1;
}

.uc-top-right {
    background-color: #f3f7fa;
    font-size: 12px;
    line-height: 24px;
    border-radius: 4px;
    width: 60px;
    text-align: center;
}

.uc-top-left {
    line-height: 24px;
}

.uc-answer.cAnswer:before {
    content: '';
    transform: rotate(45deg);
    border: 1px solid #5eb948;
    width: 10px;
    height: 10px;
    margin-top: -26px;
    position: absolute;
    background-color: #fff;
    border-color: #5eb948 transparent transparent #5eb948;
}

.uc-answer {
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
    line-height: 24px;
    border: 1px solid #5eb948;
    border-radius: 4px;
}

.com_otvet {
    color: #fff;
    background-color: #5eb948;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.uc-message {
    margin: 0px !important;
    padding: 0;
    line-height: 24px;
    margin-top: 5px !important;
}

#commentform #allEntries {
    margin: 0px;
    width: 100%;
    margin-bottom: -30px;
    display: table;
}

#commentform #newEntryB {
    padding: 0px;
    background-color: #f3f7fa;
    border-radius: 4px;
    display: table;
    width: 100%;
}

#commentform #newEntryB .uComment {
    margin: 20px;
}

#commentform textarea.uf-txt-input {
    overflow: auto !important;
    border: 1px solid #dfecf5 !important;
    background-color: #fff !important;
    color: #000 !important;
    line-height: 24px !important;
    padding: 15px 20px !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    font-family: 'Polomanfont', sans-serif;
    transition: all 0.5s;
    font-size: 13px !important;
        height: 150px;
}

.pagesBlock1 {
    line-height: 30px;
    font-size: 14px;
    display: table;
    width: calc(100% + 10px);
    margin: -5px;
    margin-top: 25px;
}

.pagesBlock1 .swchItemA {
    background: #0092ff;
    color: #fff;
}

.pagesBlock1 .swchItem {
    background: #f3f7fa;
    color: #000;
}
.pagesBlock1 .swchItem:hover {
color: #fff;
    background: #5eb948;
}

#commentform .uauth-small-links {
    margin: -5px -5px 5px 55px;
    display: table;
    font-size: 0px;
    color: transparent;
    width: calc(100% - 50px);
}

#commentform a.login-with i {
    border-radius: 4px;
    width: calc(100% - 4px);
    height: 36px;
}

#commentform a.login-with {
    float: left;
    width: calc(25% - 10px);
    margin: 5px;
}

@media only screen and (min-width:1279px) {
    .minicoment {display: none;}
}

@media only screen and (max-width:1279px) {
    .minicoment {display: block;}
    .fullcoment {display: none;}

    input#captcha-answer-publ-com-add {
    width: 80px;
    padding: 0px;
}
    img.captcha-question.publ-com-add {
    border-radius: 4px;
    height: 36px;
    width: 100px;
}
}


@media only screen and (max-width:699px) {
    .uf-form.ucf-form .ucf-option {    display: none !important;}
    .comment_secur_code {
    margin-right: 0px;
}
    img.captcha-question.publ-com-add,
    input#captcha-answer-publ-com-add {
    width: calc(100% / 2 - 16px);
}
    .minicoment {display: none;}
    .fullcoment {display: block;width:100%;text-align: center;padding: 0px !important;}

}

/* Оформление тарифов */

#view_tarifs {
display:block;
position:relative;
}

.vt_header {
margin: 0px -2.5px;
    margin-top: -5px;
 list-style: none;
 display: flex;
 width: calc(100% + 5px);
 padding: 0px;
 line-height: 30px;
 position: sticky;
 top: 0px;
 z-index: 1;
 float: left;
        border-top: 5px solid #fff;
    background-color: #fff;
    box-shadow: 0 5px 0px 0px rgb(255 255 255);
}

#tab2 .vt_header {display:none;}

.vt_content {
margin: 0px -2.5px;
 list-style: none;
 display: flex;
 width: calc(100% + 5px);
 padding: 0px;
 line-height: 30px;
 position: relative;
}

.vtc_last {
margin-top: 5px;
}

.vtc_catrazd_none {
    margin-top: 20px !important;
    padding-top: 20px !important;
}

.vtc_notarif {
    margin-top: 0px !important;
}

.vt_content li,
.vt_header li {
float:left;
margin:0px 2.5px;
width:calc(15% - 17px);
text-align:center;
        border: 1px solid #f1f0f0;
    background-color: #f3f7fa;
    border-radius: 4px;
        transition: all 0.5s;
    font-size: 13px;
    padding:0px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vt_content li:hover,
.vt_header li:hover {cursor:default;    transition: all 0.5s;}

.vt_header li {
    line-height: 40px;
        font-size: 13px;
    font-weight: 500;
}

.vt_cont {
    display: block;
    padding: 47px 0px 0px 0px;
}

#tab2 .vt_cont {padding: 0px;}

.vt_cont ul {
    margin-bottom: 5px;
}
.vt_cont ul:last-child {
    margin-bottom: 0px;
}

.vt_title {
    display: block;
    padding: 0px;
    width: calc(100% + 0px);
    margin: 0px;
    margin-bottom: 5px;
}

.vt_title .vt_content li:first-child {
    font-size: 18px;
    font-weight: 500;
        border: 1px solid #fff;
}

.vt_content li {
    background-color: #fff;
}

.vt_header li.vth_hover,
.vt_content:hover li:first-child,
.vt_content:hover li:hover {
        background-color: #fff6c1;
    border: 1px solid #fff6c1;
}

.vt_content li input,
.vt_header li input {width:100%;text-align: center;}
.vt_content li:first-child input,
.vt_header li:first-child input {width:100%;text-align: left;}

.vt_content li:first-child,
.vt_header li:first-child {
width:calc(40% - 27px);
text-align:left;
    padding: 0px 10px;
}

.vt_header li:first-child {
    width:calc(40% - 27px);
    background-color: #fff;
    border: 1px solid #fff;
    padding: 0px 10px;
        font-size: 18px;
    font-weight: 500;
}

.vtc_b,
.vtc_m,
.vtc_p {
    display: block;
    height: 30px;
    width: 40px;
    margin: 0px auto;
    background-image: url(/whole/icon/shop/vtc_p.png);
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
}

.vtc_m {
    background-image: url(/whole/icon/shop/vtc_m.png);
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.vtc_b {
    background-image: url(/whole/icon/shop/vtc_b.png);
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1239px) {

    .vt_header li:first-child {display: none;}
.vt_content li:first-child, .vt_header li:first-child {
    width: calc(100% - 7px);
    padding: 0px 0px;
    border: 1px solid #fff;
}
    .vt_content li, .vt_header li {
        width: calc(25% - 17px);
    }

    .vt_content {display: table;}

    .vt_header li.vth_hover {
    border: 1px solid #f1f0f0;
    background-color: #f3f7fa;
    }
    .vt_content:hover li:first-child {background-color: #fff;border: 1px solid #fff;}
.vt_content:hover li:hover {
        background-color: #fff;
    border: 1px solid #f1f0f0;
}
}

@media only screen and (max-width:1023px) {

    a.plogin:nth-child(2n) {
    margin-left: 10px;
}
    .plogin {
    display: table;
    width: calc(50% - 71px);
    }

}

@media only screen and (max-width:699px) {

            .greyop {display: none !important;}
        .plogin {
    display: table;
    width: calc(100% - 66px);
    }
        a.plogin:nth-child(2n) {
    margin-left: 0px;
}

    .vt_content li:first-child, .vt_header li:first-child {
    width: calc(100% - 5px);
    border: none;
}
    .vt_title .vt_content li:first-child,
    .vt_content:hover li:first-child,
    .vt_header li.vth_hover,
    .vt_content li:first-child, .vt_header li:first-child,
    .vt_content:hover li:hover,
    .vt_content li, .vt_header li {
        border:none;
    }

        .vt_content li, .vt_header li {
        width: calc(25% - 5px);
    padding-left: 0px;
    padding-right: 0px;
    }

    .vt_header li {
    font-size: 8px;
    font-weight: 500;
    padding: 22px 0px 1px 0px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: top 7px center;
}
        .vt_header li:nth-child(2) {
    background-image: url(/whole/icon/shop/tarif_baz.png);
background-size: 12px;
    background-position: top 10px center;
}
            .vt_header li:nth-child(3) {
background-image: url(/whole/icon/shop/tarif_sta.png);
background-size: 16px;
    background-position: top 8px center;
}
            .vt_header li:nth-child(4) {
    background-image: url(/whole/icon/shop/tarif_pre.png);
background-size: 18px;
    background-position: top 7px center;
}
            .vt_header li:nth-child(5) {
    background-image: url(/whole/icon/shop/tarif_maxi.png);
background-size: 20px;
    background-position: top 6px center;
}
}
