/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
@import url('/css/inter.css');
/*@import url('https://i.icomoon.io/public/ce1f1167f4/RealElectro/style.css')*/
/*@import url('/css/icons.css');*/


html,
body {
    padding: 0;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    background-color: var(--page-bg);
}

body {
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    min-height: 100vh;
    margin: 0 auto;
    width: 100%;
}

.showroom-video
{
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    gap:5px;
}
.logo .cls-1 {
    fill: #1d1d1b;
}

.logo .cls-2 {
    fill: #1c3e88;
}

.flogo .cls-1 {
    fill: #FFFFFF;
}

.flogo .cls-2 {
    fill: #FFFFFF;
}

a {
    text-decoration: none;
    color: var(--dark-greent);
}

h1 {
    font: var(--fs-h1);
    color: var(--blackt);
}

.h2 {
    font: var(--fs-h2);
    color: var(--blackt);
    font-weight: 500;
}

header {
    position: relative;
    z-index: 6;
}

.wrapper {
    margin: 0 auto;
    display: block;
}

a {
    text-decoration: none;
}

.bmarg48 {
    margin-bottom: 48px;
}

.header-top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--light-greent);
}
.soglasie
{
    margin-top: 20px;
}

.checker {
    display: inline-block;
    position: relative;
}

.checker .checker-button {
    display: block;
    font: var(--fs-nav2);
    text-decoration: none;
    color: var(--blackt);
    padding: 0 12px;
}

.checker .checker-button:after {
    font-family: "icomoon" !important;
    content: "\e907";
    font-size: 0.5em;
    position: relative;
    top: -1px;
    padding-left: 8px;
}

.checker .checker-content {
    display: none;
}

.checker:hover .checker-content {
    display: block;
    position: absolute;
    min-width: 100%;
    top: 100%;
    left: 0;
    background-color: var(--page-bg);
    border: 1px solid var(--light-greent);
    padding: 10px;
    border-radius: 3px;
    box-sizing: border-box;
    z-index: 2;
}

.checker .checker-content a {
    display: block;
    font: var(--fs-nav2);
    color: var(--blackt);
    word-wrap: all;
    margin: 5px 0;
    white-space: nowrap;
}

.hcontacts {
    display: flex;
    justify-content: flex-end;
    padding: 7px 0 8px;
    align-items: center;
}

.calc-project {
    color: var(--dark-green);
    font: var(--fs-nav2);
    margin-left: 12px;
}

.calc-project i {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: var(--dark-green);
    color: var(--white);
    line-height: 32px;
    text-align: center;
    margin-left: 12px;
}

.departments {
    display: flex;
    justify-content: flex-start;
}

.departments a,
.departments span {
    font: var(--fs-nav2);
    padding: 13px 28px 14px;
}

.departments a {
    background-color: var(--light-greent);
    color: var(--blackt);
}

.departments a:hover {
    background-color: var(--sup-greyt);
}

.departments a {
    border-right: 1px solid var(--sup-greyt);
}

.departments a:last-child {
    border-right: none;
}

.departments span {
    background-color: var(--dark-green);
    color: var(--white);
}

.actions {
    display: grid;
    grid-template-columns: 227px 1fr repeat(4, max-content);
    grid-gap: 40px;
    padding: 16px 0;
}

.blocks3to1 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 100px;
}

.static .blocks3to1 {
    padding-top: 50px;
}

.sinput {
    display: grid;
    grid-template-columns: 1fr 22px;
    grid-gap: 10px;
    padding: 13px 20px;
    border: 1px solid var(--light-greent);
}

.cab-menu form.search {
    height: 100%;
    width: 50vw;
}

.cab-menu .sinput {
    height: 100%;
    box-sizing: border-box;
}

.cab-menu .sinput>* {
    display: flex;
    align-items: center;
}

.sinput .field input {
    --webkit-appearance: none;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    width: 100%;
    font: var(--fs-nav2);
    height: 22px;
    color: var(--blackt);
    background-color: var(--page-bg);
    outline: none;
}

.sinput button {
    --webkit-appearance: none;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    width: 100%;
    font: var(--fs-nav2);
    height: 22px;
    font-size: 22px;
    color: var(--dark-green);
    background-color: transparent;
    cursor: pointer;
}

.act {
    display: flex;
    align-items: center;
    font: var(--fs-nav2);
    color: var(--blackt);
}

.act span {
    margin-left: 12px;
}

.cab-menu .act span {
    display: none;
}

.act i {
    color: var(--dark-green);
    font-size: 24px;
    position: relative;
}

.cart {
    display: flex;
    align-items: center;
    font: var(--fs-nav2);
    color: var(--blackt);
}

.cart i {
    position: relative;
    color: var(--dark-green);
    font-size: 24px;
    margin-right: 12px;
}

.cart i sup,
.act i sup {
    position: absolute;
    display: flex;
    width: 18px;
    align-items: center;
    justify-content: center;
    height: 18px;
    border-radius: 9px;
    color: var(--blackt);
    background-color: var(--light-greent);
    text-align: center;
    font: 10px/12px "Inter";
    top: -6px;
    right: -6px;
}

.logo {
    display: flex;
    align-items: center;
}

.logo img,
.logo svg {
    width: 187px;
}

.main-menu {
    display: grid;
    border-top: 1px solid var(--light-greent);
    border-bottom: 1px solid var(--light-greent);
}

.main-menu.cab-menu {
    padding: 0 20px;
    grid-template-columns: 1fr;
}

.main-menu .catalog-menu {
    padding: 21px 33px 22px;
    border-right: 1px solid var(--light-greent);
    position: relative;
}

.main-menu .catalog-menu .top-cat-struct {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;

    background-color: var(--light-greent);
}

.main-menu .catalog-menu:hover .top-cat-struct {
    display: block;
}

.main-menu .catalog-menu .top-cat-struct>div>a,
.main-menu .all-cats {
    display: flex;
    height: 63px;
    width: 100%;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    justify-content: flex-start;
    padding: 13px 52px 13px 20px;
    border-bottom: 1px solid var(--sup-greyt);
    color: var(--blackt);
    font: var(--fs-nav3);
}

.main-menu .catalog-menu .top-cat-struct>div .subcat-menu {
    display: none;
}

.main-menu .catalog-menu .top-cat-struct>div:hover .subcat-menu {
    display: block;
    position: absolute;
    box-sizing: border-box;
    padding: 32px;

    top: 0;
    bottom: 0;
    background-color: var(--light-greent);
    border-left: 1px solid var(--sup-greyt);
}

.sm-list-wrapper {
    display: block;
    overflow: auto;
    width: 100%;
    max-height: 100%;
}

.sm-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
}

.sm-list a {
    display: grid;
    width: auto;
    height: 150px;
    background-color: var(--page-bg);
    grid-template-columns: 140px 1fr;
    /*margin: 0 32px 32px 0;*/
}

.sm-list a div {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--light-greent);
}

.sm-list a div img {
    max-height: 80%;
    max-width: 80%;
}

.sm-list a span {
    display: block;
    box-sizing: border-box;
    padding: 24px;
    font: var(--fs-nav3);
    position: relative;
    color: var(--blackt);
}

.sm-list a span:after {
    font-family: "Icomoon";
    content: "\e906";
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border: 1px solid var(--sup-greyt);
    color: var(--gray-textt);
    position: absolute;
    background-color: var(--page-bg);
    left: 24px;
    bottom: 24px;
}

.sm-list a:hover span:after {
    background-color: var(--sup-greyt);
}



.main-menu .catalog-menu .top-cat-struct a.all-cats,
.main-menu .catalog-menu .top-cat-struct a:hover {
    background-color: var(--sup-greyt);
}

.main-menu .catalog-menu .top-cat-struct>div>a:after,
a.all-cats:after {
    font-family: "Icomoon";
    content: "\e906";
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border: 1px solid var(--sup-greyt);
    color: var(--gray-textt);
    position: absolute;
    background-color: var(--light-greent);
    right: 20px;
}

.main-menu .catalog-menu>a {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    color: var(--blackt);
}

.main-menu .catalog-menu a i {
    position: absolute;
    left: -33px;
    top: 2px;
    color: var(--dark-green);
}

.main-menu .menu {
    display: flex;
    justify-content: space-between;
    padding-left: 32px;
    align-items: center;
}

.main-menu.cab-menu .menu {
    padding-left: 0;
}

.main-menu .menu .submenu {
    position: absolute;
    display: none;
    width: 100%;
    bottom: -59px;
    left: 0;
    min-height: 60px;
    background-color: var(--light-greent);
    z-index: 100;
}

.main-menu .menu .submenu .shadow {
    display: none;
    position: absolute;
    top: 60px;
    height: calc(100vh - 251px);
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    left: 0;
}

.main-menu .menu .submenu .wrapper {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.main-menu .menu .submenu .wrapper a {
    margin-right: 32px;
    font: var(--fs-nav2);
    color: var(--blackt);
    white-space: nowrap;
    line-height: 30px;
}

.main-menu .menu>div {
    height: 60px;
    display: flex;
    align-items: center;
}

.main-menu .menu>div:hover a {
    color: var(--dark-greent);
}

.main-menu .menu>div:hover .submenu {
    display: block;
}

.main-menu .menu>div a {
    color: var(--blackt);
}

.main-menu .menu>div a i {
    font-size: 8px;
    margin-left: 8px;
}

.main-menu .menu>div:last-child a {
    background-color: var(--dark-green);
    color: var(--white);
    padding: 21px 24px;
}

.green-footer {
    background-color: var(--dark-green);
    padding: 80px 0;
}

.g-footer {
    display: grid;
    grid-template-columns: 280px 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas: "years tp""years bt";
    grid-column-gap: 38px;
    grid-row-gap: 0;
    color: var(--white);
}

.g-footer .many-years {
    grid-area: years;
    margin-top: 20px;
}

.g-footer .many-years .twenty {
    font-size: 70px;
    display: block;
}

.g-footer .many-years .t-text {
    font: var(--fs-p2);
    display: block;
}

.g-footer .gf-top {
    grid-area: tp;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.g-footer .gf-top p {
    font: var(--fs-h5);
    margin-right: 32px;
}

.g-footer a {
    transition: all 0.2s ease;
}

.g-footer a:hover {
    transform: scale(1.1);
}

.button {
    display: flex;
    padding: 21px 24px;
    justify-content: space-between;
    font: var(--fs-nav1);
    align-items: center;
    height: 32px;
    cursor: pointer;
}

.button i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 8px;
    border-radius: 16px;
    margin-left: 18px;
}

.button span[class^="icon-"] {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 26px;
}

.button.bwhite {
    background-color: var(--white);
    color: var(--dark-green);
}

.button.bwhite i {
    background-color: var(--dark-green);
    color: var(--white);
}

.button.bgreen {
    background-color: var(--dark-green);
    color: var(--white);
    transition: all 0.2s ease;

}

.button.bgreen i {
    background-color: var(--white);
    color: var(--dark-green);
}

.button.bgreen:hover {
    transform: scale(1.05);
}

.button.blightgreen {
    background-color: var(--light-green);
    color: var(--dark-green);
}

.button.blightgreen i {
    background-color: var(--white);
    color: var(--dark-green);
}

.button.mini {
    padding: 14px 24px;
}

.recalcer
{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.recalcer h2
{
    width: 100%;
}

.recalcer .button
{
    padding: 10px 15px;
}

.changer, .changer ul
{
    list-style-type: none;
    padding: 0;
}

.changer li>a
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
}


.changer>li>a:before, .changer>li>ul>li>a:before
{
    content: "+";
}

.changer>li.opened>a:before, .changer>li>ul>li.opened>a:before 
{
    content: "-";
    font-weight: normal;
}

.changer>li.opened>a, .changer>li>ul>li.opened>a
{
    font-weight: bold;
}

.changer li ul
{
    display: none;
}

.changer li.opened>ul
{
    display: block;
    padding-left: 30px;
    padding-bottom: 10px;
}

.g-footer .gf-bottom {
    grid-area: bt;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--whiteO2);
}

.g-footer .gf-bottom .presentation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
}

.g-footer .gf-bottom .presentation i {
    font-size: 40px;
    margin-right: 18px;
}

.g-footer .gf-bottom .gf-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.g-footer .gf-bottom .gf-buttons a {
    display: flex;
    width: 176px;
    height: 36px;
    justify-content: space-between;
    align-items: center;
    color: var(--white);
    padding: 12px 16px 11px;
    box-sizing: border-box;
    margin-left: 24px;
    background-color: var(--whiteO2);
}

.g-footer .gf-bottom .presentation span {
    font: var(--fs-p2);
}

footer {
    background-color: var(--black);
    color: var(--white);
}

footer .t-footer {
    padding: 80px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px;
}

footer a {
    display: block;
    color: var(--gray-text);
    text-decoration: none;
    font: var(--fs-p5);
}

.bm-column a:hover {
    color: var(--sup-grey);
}

.bm-column .bmi:hover {
    text-decoration: underline;
}

footer .t-footer a.bmi {
    color: var(--sup-grey);
    font: var(--fs-h6);
    text-decoration: none;
    display: block;
    margin: 0px 0 16px;
}

footer .flogo img,
footer .flogo svg {
    width: 189px;
}

footer .f-del {
    display: block;
    height: 32px;
}

footer .contact p {
    font: var(--fs-p5);
    margin: 20px 0 12px;
}

footer #subscribe {
    background-color: #454949;
    padding: 13px 8px 12px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 48px;
}

footer #subscribe .frm
{
    display: flex;
    justify-content: space-between;

}

footer #subscribe .soglasie{
    margin-top: 0;
}

footer #subscribe label
{
    line-height: 110%;
}

footer #subscribe a
{
    display: inline;
    font-size: 12px;
    line-height: 110%;
}

footer .address,
footer .phone,
footer .email {
    font: var(--fs-p5);
    color: var(--sup-grey);
    margin: 12px 0;
    text-decoration: none;
    display: block;
}

footer #subscribe input {
    -webkit-appearance: none;
    background-color: transparent;
    font: var(--fs-nav2);
    color: var(--white);
    border: none;
    margin-right: 10px;
    outline: none;
}

footer #subscribe button {
    -webkit-appearance: none;
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: var(--dark-green);
    background-color: #383D3D;
    border: none;
    border-radius: 16px;
    cursor: pointer;
}

footer .social {
    display: flex;
    justify-content: flex-start;
    margin-top: 24px;
}

footer .social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #454949;
    border-radius: 20px;
    color: var(--dark-green);
    font-size: 14px;
    line-height: 40px;
    margin-right: 10px;
    transition: all 0.2s ease;
}

footer .social a:hover {
    transform: scale(1.2);
}

footer .f-s-del {
    display: block;
    height: 1px;
    background-color: #454949;
}

footer .b-footer {
    display: flex;
    justify-content: space-between;
    padding: 32px 0;
}

.breadcrumbs {
    display: block;
    padding: 24px 0;
    font: var(--fs-nav3);
    color: var(--gray-text);
}

.breadcrumbs a {
    text-decoration: none;
    color: var(--gray-text);
}

.b-wrapper {
    display: block;
    overflow: hidden;
    height: 363px;
    width: 100%;
}

.brands-mlist {
    margin-top: 60px;
}

.bml-list {
    display: grid;
    position: relative;
    grid-gap: 1px;
    border: 1px solid var(--light-greent);
    background-color: var(--light-greent);
    width: fit-content;
}

.bml-list div {
    display: grid;
    grid-template-rows: repeat(2, 180px);
    grid-gap: 1px;
}

.bml-list a {
    background-color: var(--page-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bml-list a:hover {
    background-color: var(--light-greent);
}

.brands-mlist {
    position: relative;
}

.b-arrow-l,
.b-arrow-r {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border: 1px solid var(--light-greent);
    border-radius: 29px;
    color: var(--dark-green);
    position: absolute;
    top: calc(50% - 30px);
}

.b-arrow-l {
    left: -70px;
}

.b-arrow-r {
    right: -70px;
}

.bml-list a img {
    max-width: 60%;
    max-height: 60%;
}

#slider {
    margin-top: 30px;
    display: grid;
    height: 598px;
    grid-template-rows: 1fr 63px;
}

.project-detail #slider {
    width: 100%;
    margin-left: 0;
}

#slider .s-img-block {
    display: block;
    padding: 100px 80px;
    position: relative;
}

#slider .s-img-block .s-bg {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    display: block;
    z-index: 0;
}

#slider .s-img-block .s-info {
    display: grid;
    width: 500px;
    grid-template-rows: 1fr 60px;
    grid-gap: 10px;
    height: -webkit-fill-available;
    position: relative;
    z-index: 1;
}

#slider .s-img-block .s-info {
    color: var(--white);
}

#slider .s-img-block .s-info .sl-title {
    font: var(--fs-h3);
    display: block;
}

#slider .s-img-block .s-info .sl-text {
    font: var(--fs-h5);
    display: block;
    padding-top: 20px;
}

#slider .button.bwhite {
    width: 50%;
}

#slider .s-line {
    background-color: var(--dark-green);
    display: grid;
    box-sizing: border-box;
    padding-left: 80px;
    grid-template-columns: 52px 1fr 127px;
    grid-gap: 32px;
}

#slider .s-line .s-counter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white);
    font: var(--fs-nav2);
}

.s-arrows {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1px;
    background-color: var(--sup-grey);
}

.s-arrows a {
    background-color: var(--light-green);
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

#slider .s-line .s-lines {
    display: grid;
}

#slider .s-line .s-lines div {
    display: flex;
    align-items: center;
}

#slider .s-line .s-lines div span {
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--whiteO2);
}

#slider .s-line .s-lines div.line-now span {
    background-color: var(--white);
}

.big-mbutton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    border: 1px solid var(--light-greent);
    border-bottom: 3px solid var(--dark-green);
    margin-top: 48px;
    transition: all 0.2s ease;
}

.big-mbutton span {
    font: var(--fs-nav1);
    color: var(--dark-green);
}

.big-mbutton i {
    font-size: 13px;
    color: var(--dark-green);
    /*transition: all 0.2s ease;*/
}

.big-mbutton:hover {
    border: 1px solid var(--dark-green);
    border-bottom: 3px solid var(--dark-green);
    background-color: var(--dark-green);
    transform: scale(1.05);
}

.big-mbutton:hover span,
.big-mbutton:hover i {
    color: var(--white);
}

.big-mbutton:hover i {
    /*transform: rotate(-90deg);*/
}

.nswitcher {
    padding-top: 122px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.nswitcher span {
    font: var(--fs-h1);
    color: var(--gray-text);
    cursor: pointer;
}

.nswitcher span.checked {
    color: var(--blackt);
}

.nswitcher h2 {
    font: var(--fs-h1);
    color: var(--gray-text);
    cursor: pointer;
}

span.checked>h2 {
    color: var(--blackt);
}

.nswitch {
    cursor: pointer;
    display: block;
    position: relative;
    width: 98px;
    height: 46px;
    border-radius: 23px;
    border: 1px solid var(--light-greent);
    margin: 0 28px;
}

.nswitch i {
    display: flex;
    position: absolute;
    left: 0;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    color: var(--white);
    background-color: var(--dark-green);
    align-items: center;
    justify-content: center;
}

.infoswitcher-mini {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.infoswitcher-mini span {
    font: var(--fs-nav1);
    color: var(--gray-text);
}

.infoswitcher-mini span.checked {
    color: var(--blackt);
}

.infoswitcher-mini .nswitch {
    cursor: pointer;
    display: block;
    position: relative;
    width: 64px;
    height: 32px;
    border-radius: 16px;
    border: 1px solid var(--light-greent);
    margin: 0 28px;
}

.infoswitcher-mini .nswitch i {
    display: flex;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    color: var(--white);
    background-color: var(--dark-green);
    align-items: center;
    justify-content: center;
}

.mnews {
    display: grid;
    grid-template-columns: 1fr 45%;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 138px;
    margin-top: 48px;
}

.mnews .big-nblock {
    grid-row: span 3;
}

.mnews .big-nblock .bnb-image {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 47%;
    background-size: cover;
    background-position: center;
    background-color: var(--dark-green);
}

.mnews .big-nblock .bnb-image .blogo {
    position: absolute;
    right: 20px;
    bottom: 20px;
    max-width: 100px;
    max-height: 100px;
}

.news-date {
    display: flex;
    align-items: top;
    color: var(--dark-green);
}

.news-date .nd-day {
    font-size: 42px;
    line-height: 38px;
}

.news-date .nd-month {
    font-size: 18px;
}

.mnews .big-nblock .news-date {
    margin: 49px 0 29px;
}

.mnews .big-nblock .news-title {
    font: var(--fs-h3);
    color: var(--blackt);
}

.mnews .normal-nblock,
.csi-content .normal-nblock {
    display: grid;
    grid-template-columns: 85px 1fr;
    grid-gap: 50px;
    padding: 40px 0 54px;
    border-top: 1px solid var(--light-greent);
}

.messages {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px;
    border: 1px solid var(--light-greent);
}

.messages>div {
    display: grid;
    grid-template-columns: 150px 1fr 150px;
    padding: 10px;
    border-bottom: 1px solid var(--light-greent);
}

.messages>div.newmessage {
    background-color: var(--light-greenth5);
}

.bbdoc {
    display: grid;
    width: 100%;
    padding: 10px;
    grid-template-columns: 100px 1fr 100px 60px;
    grid-gap: 10px;
    color: var(--black);
    text-decoration: none;
    box-sizing: border-box;
    border-bottom: 1px solid var(--light-green);
}

.bbdoc:hover {
    background-color: var(--light-green);
}

.bbdoc i {
    color: var(--dark-green);
}

.csi-content.csi-mess {
    display: grid;
    grid-template-rows: 1fr 30px;
    height: calc(100% - 37px);
    box-sizing: border-box;
}

.csi-content .normal-nblock {
    padding: 0;
    border: none;
    grid-gap: 20px;
}

.mnews .normal-nblock:nth-child(4) {
    border-bottom: 1px solid var(--light-greent);
}

.mnews .normal-nblock .news-title,
.csi-content .normal-nblock .news-title {
    color: var(--blackt);
    font: var(--fs-h5);
}

.csi-content .normal-nblock .news-title {
    font: var(--fs-p3);
}

.actions-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 80px;
}

.actions-block p {
    grid-column: span 2;
    font: var(--fs-h1);
    color: var(--blackt);
}

.actions-block a,
a.caction {
    display: grid;
    grid-template-columns: 1fr 46%;
    grid-template-rows: 1fr 62px;
    grid-template-areas: "image title""image date";
    grid-column-gap: 32px;
}

a.caction {
    grid-template-columns: 1fr 60%;
}

.actions-block a .act-image,
a.caction .act-image {
    grid-area: image;
}

.actions-block a .act-image div,
a.caction .act-image div {
    display: block;
    width: 100%;
    padding-top: 74%;
    background-size: cover;
    background-position: center;
}

.actions-block a .act-name,
a.caction .act-name {
    grid-area: title;
    font: var(--fs-h5);
    color: var(--blackt);
}

.actions-block a .act-date {
    display: flex;
    grid-area: date;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid var(--light-greent);
}

.actions-block a .act-date .ad-before {
    font: var(--fs-nav2);
    color: var(--blackt);
    margin-right: 26px;
}

.main-about {
    margin-top: 120px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 140px;
    color: var(--blackt);
}

.ma-title {
    font: var(--fs-h1);
    margin: 0;
}

.ma-text {
    font: var(--fs-h5);
}


.presentation2 {
    display: block;
    width: 100%;
}

.presentation2 .pres-button {
    transition: all 0.5s ease;
}

.presentation2:hover .pres-button {
    background-color: var(--dark-green);
    color: var(--white);
    border-color: var(--dark-green);
    transform: scale(1.05);
}

.presentation2:hover .pres-button i {
    color: var(--white);
}

.ma-first-col .presentation2 {
    position: absolute;
    bottom: 0;
}

.presentation2 span {
    display: block;
}

.presentation2 i {
    font-size: 48px;
    color: var(--dark-green);
}

.presentation2 .pres-name {
    font: var(--fs-p2);
    color: var(--blackt);
    margin-top: 20px;
}

.presentation2 .pres-size {
    font: var(--fs-p4);
    color: var(--gray-text);
    margin-bottom: 16px;
}

.pres-button {
    display: inline-block;
    border: 1px solid var(--light-greent);
    color: var(--dark-green);
    font: 11px/12px 'Inter';
    padding: 8px;
}

.pres-button i {
    font: 11px/12px 'Inter';
    margin-right: 12px;
}

.ma-good {
    display: grid;
    width: 100%;
    grid-template-columns: 44px 1fr;
    grid-gap: 18px;
    padding-bottom: 42px;
}

.ma-first-col {
    position: relative;
}

.ma-good:nth-child(6) {
    padding-bottom: 0;
}

.ma-good i {
    font-size: 44px;
    color: var(--dark-green);
}

.ma-good>div {
    padding-top: 10px;
}

.ma-good .mag-title {
    font: var(--fs-h6);
    color: var(--blackt);
    display: block;
    padding-bottom: 8px;
}

.ma-good .mag-text {
    font: var(--fs-p4);
    color: var(--blackt);
}

.main-video {
    background: url('/images/videopreview.jpg') center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-video i {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--dark-green);
    background-color: var(--white);
    width: 120px;
    height: 120px;
    font-size: 24px;
    border-radius: 60px;
    transition: all .2s ease;
}

.main-video:hover i {
    transform: scale(1.1);
    font-size: 30px;
}

.m-partner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 120px;
}

.m-partner .mp-image {
    background: url('/images/main-partner.jpg') center center no-repeat;
    background-size: cover;
}

.m-partner.demostend .mp-image {
    background: url('/upload/images/demostend/sl5.jpg') center center no-repeat;
    background-size: contain;
}

.m-partner .mp-text {
    background-color: var(--light-greent);
    padding: 50px;
}

.m-partner .mp-text h2
{
    font: var(--fs-h1);
margin: 0 0 16px;
color: var(--blackt);
}

.m-partner .mp-text p {
    font: var(--fs-h1);
    margin: 0 0 16px;
    color: var(--blackt);
}

.m-partner .mp-text>span {
    font: var(--fs-h5);
    margin: 0;
    display: block;
    color: var(--blackt);
}

.m-partner.demostend .mp-text>span {
    font: var(--fs-h6);
    height: 347px;
}

.m-partner .mp-text a {
    color: var(--dark-greent);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    font: var(--fs-h6);
    transition: all 0.2s ease;
    border-bottom: 1px solid var(--sup-grey);
}

.m-partner .mp-text a i,
.m-partner .mp-text a span {
    transition: all 0.2s ease;
}

.m-partner .mp-text a:hover i {
    transform: scale(1.8);
}

.m-partner .mp-text a:hover span {
    transform: scale(1.05);
}

.about-company-menu {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--light-greent);
}

.about-company-menu .ac-menu {
    display: flex;
    justify-content: space-between;
}

.about-company-menu .ac-menu a {
    margin: 0 16px;
}

.about-company-menu a {
    color: var(--dark-green);
    font: var(--fs-h6);
    padding: 30px 0;
    display: block;
}

.about-company-menu .ac-menu a.selected {
    border-bottom: 3px solid var(--dark-green);
    padding-bottom: 28px;
    margin-bottom: -1px;
    color: var(--blackt);
}

.about-company-menu .ac-menu a:first-child {
    margin-left: 0;
}

.about-company-menu .ac-menu a:last-child {
    margin-right: 0;
}

.about-top {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    grid-gap: 100px;
    padding: 60px 0;
}

.about-top p {
    margin: 0;
    font: var(--fs-h3);
    padding-bottom: 40px;
    color: var(--blackt);
}

.avideo {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    color: var(--dark-green);
    font: var(--fs-h5);
}

.avideo i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background-color: var(--dark-green);
    width: 48px;
    height: 48px;
    border-radius: 24px;
    font-size: 15px;
    margin-right: 20px;
}

.mission {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 3px solid var(--dark-green);
}

.mission .mis-left {
    /*background-color: var(--light-greent);*/
    display: grid;
    grid-template-rows: 515px 50px;
    background: var(--light-greent) url('/images/ryabov.png') right bottom no-repeat;
    background-size: 50% auto;
    padding: 100px;
    box-sizing: border-box;
}

.s-title {
    font: var(--fs-h2);
    color: var(--blackt);
}

.mis-text {
    font: var(--fs-p2);
    max-width: 70%;
    padding: 24px 0 47px;
    color: var(--blackt);
}

.mis-counter {
    max-width: 70%;
    display: flex;
    justify-content: space-between;
    color: var(--blackt);
}

.mis-counter .numbers {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.mis-counter .numbers .mn-now {
    font: var(--fs-p2);
}

.mis-counter .arrows {
    display: flex;
    justify-content: flex-end;
}

.mis-counter .arrows a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    color: var(--dark-greent);
    width: 38px;
    height: 38px;
    border: 1px solid var(--sup-greyt);
    border-radius: 19px;
    margin-left: 12px;
}

.mis-counter .numbers .mn-all {
    font: var(--fs-p6);
}

.mis-bottom span {
    display: block;
    font: var(--fs-p3);
    color: var(--gray-text);
}

.mis-bottom p {
    display: block;
    font: var(--fs-p3);
    color: var(--black);
    margin: 0;
    max-width: 57%;
}

.mis-right {
    padding: 100px 0 100px 150px;
}

.mis-right p {
    font: var(--fs-p1);
    color: var(--blackt);
    margin: 0 0 90px;
}

.mis-right .routes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2vw;
}

.mis-right .routes .route-item {
    display: block;
    text-align: left;
}

.mis-right .routes .route-item i {
    font-size: 46px;
    color: var(--dark-green);
    display: block;
}

.mis-right .routes .route-item span {
    display: block;
    font: var(--fs-p4);
    color: var(--blackt);
    padding-top: 20px;
}

.history {
    margin-top: 120px;
}

.history-block {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "year image""text image";
    grid-column-gap: 45px;
    grid-row-gap: 90px;
    margin-top: 50px;
}

.history-block .h-year {
    color: var(--dark-green);
    display: block;
    font-size: 100px;
    line-height: 100px;
    grid-area: year;
}

.history-block .h-text {
    color: var(--blackt);
    font: var(--fs-p2);
    grid-area: text;
    height: 250px;
}

.history-block .h-text a {
    text-decoration: none;
    font-weight: bold;
    color: var(--blackt);
}

.history-block .h-image {
    grid-area: image;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.history-block .h-image img {
    max-width: 100%;
}

.years-list {
    display: block;
    border-bottom: 1px solid var(--dark-green);
    height: 75px;
    margin-top: 80px;
}

.years-list .wrapper {
    display: grid;
}

.years-list .wrapper a {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.years-list .wrapper a div {
    display: block;
    font: var(--fs-p2);
    color: var(--blackt);
    text-align: center;
    width: 100%;
    transition: all 0.6s ease;
}

.years-list .wrapper a span {
    display: block;
    height: 20px;
    width: 1px;
    background-color: var(--dark-green);
    margin: 0 auto;
    transition: all 0.6s ease;
}

.years-list .wrapper a.selected div {
    font: var(--fs-h4);
    color: var(--dark-green);
}

.years-list .wrapper a.selected span {
    height: 40px;
}

.structure {
    display: block;
    background-color: var(--light-greent);
    padding: 60px 0 80px;
    margin-top: 60px;
}

.struct-dept {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1px;
    background-color: var(--sup-greyt);
    border-top: 1px solid var(--sup-greyt);
    border-bottom: 1px solid var(--sup-greyt);
}

.sd-item {
    display: grid;
    grid-template-rows: 50px 1fr max-content;
    grid-gap: 37px;
    background-color: var(--light-greent);
    box-sizing: border-box;
    padding: 80px 60px;
}

.sd-item a {
    color: var(--dark-greent);
}

.sd-item:first-child {
    padding-left: 0;
}

.sdi-links a {
    display: block;
    font: var(--fs-nav1);
    color: var(--dark-greent);
}

.sdi-text {
    font: var(--fs-p2);
    color: var(--blackt);
}

.sdi-name {
    font-size: 50px;
    color: var(--dark-green);
}

.sdi-name svg {
    height: 36px;
    width: auto;
}

.geographi {
    display: flex;
    position: relative;
    justify-content: flex-end;
    margin-top: 90px;
}

.geotext {
    position: absolute;
    left: 0;
    width: 32%;
}

.geotext .gt-text {
    font: var(--fs-p2);
    margin: 16px 0 48px;
}

.geotext .button {
    width: 50%;
}

.geomap {
    width: 83%;
    padding-top: 48%;
    background-image: url('/images/map.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

.geomap a {
    position: absolute;
    color: var(--dark-green);
    transition: all 0.2s ease;
    font: var(--fs-p3);
}

.geomap a:hover {
    transform: scale(1.1);
}

.geomap .map-info {
    opacity: 0;
    display: block;
    position: absolute;
    right: 20%;
    top: 0;
    width: 250px;
    background-color: var(--white);
    transition: all 0.2s ease;
}

.geomap .map-info>span {
    display: block;
    position: absolute;
    background-color: var(--dark-green);
    transition: all 0.8s ease;
}

.geomap .map-info>span.left {
    left: 0;
    width: 1px;
    top: 0;
    height: 0%;
}

.geomap .map-info>span.right {
    right: 0;
    width: 1px;
    bottom: 0;
    height: 0%;
}

.geomap .map-info>span.top {
    left: 0;
    width: 0%;
    top: 0;
    height: 1px;
}

.geomap .map-info>span.bottom {
    right: 0;
    width: 0%;
    bottom: 0;
    height: 1px;

}

.geomap .map-info.mi-visible {
    opacity: 1;
}

.geomap .map-info.mi-svisible>span.left {
    height: 100%;
}

.geomap .map-info.mi-svisible>span.right {
    height: 100%;
}

.geomap .map-info.mi-svisible>span.top {
    width: 100%;
}

.geomap .map-info.mi-svisible>span.bottom {
    width: 100%;
}

.geomap .map-info .mi-content {
    padding: 20px;
}

.makers {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "title text""icons text";
    margin-top: 120px;
}

.aboutmakers .bml-list div {
    grid-template-rows: repeat(1, 180px);
    /*width: 180px;*/
}

.aboutmakers .b-wrapper {
    height: 182px;
}

.m-title {
    grid-area: title;
}

.m-icons {
    grid-area: icons;
    color: var(--dark-green);
    font-size: 35px;
}

.m-text {
    font: var(--fs-p1);
    grid-area: text;
    color: var(--blackt);
}

.triple-block {
    margin-top: 120px;
    display: block;
}

.triple-block.pad48 {
    margin-top: 48px;
}

.triple-line {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
    margin-top: 48px;
}

.chanel {
    display: grid;
    grid-template-rows: 1fr 32px;
    padding: 48px;
    box-sizing: border-box;
    height: 350px;
    background-color: var(--light-greent);
    background-size: cover;
    background-position: center;
}

.chanel-name {
    font: var(--fs-h5);
    color: var(--blackt);
}

.chanel-link a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--dark-greent);
}

.chanel-link a i {
    display: flex;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: var(--dark-greent);
    color: var(--page-bg);
    border-radius: 16px;
    margin-left: 16px;
}

.about-srv {
    padding: 28px;
    box-sizing: border-box;
    height: 350px;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    color: var(--white);
    font: var(--fs-h5);
}

.project-item {
    display: block;
}

.project-item .pi-image {
    display: block;
    position: relative;
    padding-top: 62.5%;
    background-size: cover;
    background-position: center center;
}

.project-item .pi-image .pi-shadow {
    display: flex;
    align-items: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 28px;
    font: var(--fs-h5);
    color: var(--white);
    background: linear-gradient(rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 1) 100%);
}

.project-item .pi-image .pi-shadow span {
    top: 28px;
    left: 28px;
    display: block;
    opacity: 0;
    padding: 8px 12px;
    background-color: rgba(48, 51, 51, 0.4);
    font-size: 12px;
    line-height: 16px;
    box-sizing: border-box;
    max-width: calc(100% - 56px);
    color: var(--white);
    position: absolute;
    transition: all 0.3s ease;
}

.project-item:hover .pi-image .pi-shadow span {
    opacity: 1;
}

.pi-info {
    display: block;
    min-height: 103px;
    padding: 28px;
    box-sizing: border-box;
    background-color: var(--light-greent);
}

.pi-info .pi-info-top {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 10px;
    color: var(--gray-textt);
    font: var(--fs-nav3);
    padding-bottom: 8px;
}

.pi-info .pi-info-bottom {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 10px;
    color: var(--blackt);
    font: var(--fs-nav2);
}

.whywe {
    margin-top: 120px;
}

.whywe-block {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1px;
    background-color: var(--light-greent);
    border-top: 1px solid var(--light-greent);
    border-bottom: 1px solid var(--light-greent);
}

.wwb-right {
    background-color: var(--page-bg);
    padding: 80px 0 80px 150px;
}

.wwb-left {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    background-color: var(--light-greent);
    grid-gap: 1px;
}

.wwbl {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: var(--page-bg);
    padding: 80px 0;
    grid-gap: 60px;
}

.wwbl span {
    color: var(--dark-green);
    font-size: 80px;
    line-height: 80px;
}

.wwbl p {
    margin: 0;
    color: var(--blackt);
    font: var(--fs-p3);
}

.bigform {
    margin-top: 120px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: var(--light-greent);
}

.bigform .form-image {
    background-size: cover;
    background-position: center center;
}

.bigform .form-content {
    padding: 100px;
    box-sizing: border-box;
}

.bigform .form-text {
    margin-top: 16px;
    font: var(--fs-p2);
    color: var(--blackt);
}

.bf-input {
    display: block;
    padding-top: 20px;
}

.bf-input.bf-select {
    position: relative;
    font: var(--fs-p3);
}

.bf-input.bf-select span {
    padding: 20px 0;
    border: none;
    border-bottom: 1px solid var(--dark-green);
    display: flex;
    width: 100%;
    justify-content: space-between;
    font: var(--fs-p3);
    outline: none;
    position: relative;
    color: var(--black);
    transition: all .2s ease;
}

.bf-input.bf-select:hover span {
    color: var(--dark-green);
}

.bf-input.bf-select span:after {
    font-family: "Icomoon";
    content: "\e907";
}

.bf-input.bf-select select {
    -webkit-appearance: none;
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    height: 100%;
}


.bf-input input {
    -webkit-appearance: none;
    background-color: transparent;
    padding: 20px 0;
    border: none;
    border-bottom: 1px solid var(--dark-green);
    display: block;
    width: 100%;
    font: var(--fs-p3);
    outline: none;
    color: var(--black);
}

.bf-input input[type=file] {
    display: none;
}

.bf-input input[type=file]+label {
    padding: 20px 0;
    border: none;
    border-bottom: 1px solid var(--dark-green);
    display: flex;
    width: 100%;
    justify-content: space-between;
    font: var(--fs-p3);
    outline: none;
    color: var(--black);
}

.bf-input input[type=file]+label:hover {
    color: var(--dark-green);
}

.bf-input input[type=file]+label:after {
    font-family: "Icomoon";
    content: "\e931";
}

.bf-input textarea {
    -webkit-appearance: none;
    background-color: transparent;
    padding: 20px 0;
    border: none;
    border-bottom: 1px solid var(--dark-green);
    display: block;
    width: 100%;
    height: 80px;
    font: var(--fs-p3);
    outline: none;
    color: var(--blackt);
}

.bf-input input[type=text] {
    -webkit-appearance: none;
    background-color: transparent;
    padding: 5px 10px;
    border: none;
    border-bottom: 1px solid var(--dark-green);
    display: block;
    width: 100%;
    font: var(--fs-p3);
    outline: none;
    color: var(--blackt);
}

.bigform .form-footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    margin-top: 40px;
}

.bigform .form-footer button {
    -webkit-appearance: none;
    border: none;
    box-sizing: content-box;
    width: calc(100% - 48px);
}


.soglasie input[type=checkbox] {
    display: none;
}

.soglasie input[type=checkbox]+label {
    display: block;
    padding-left: 31px;
    font-size: 12px;
    line-height: 16px;
    color: var(--black);
    position: relative;
     margin-top: 20px;
}

.soglasie input[type=checkbox]+label:before {
    content: "";
    display: flex;
    width: 19px;
    height: 19px;
    background-color: var(--white);
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-family: "icomoon";
    font-size: 10px;
    color: var(--dark-green);
}

.soglasie input[type=checkbox]:checked+label:before {
    content: "\e916";
    color: var(--dark-green);
}

.news-item {
    display: block;
    border-bottom: 1px solid var(--light-greent);
    padding-bottom: 60px;
}

.news-item .bnb-image {
    display: block;
    position: relative;
    padding-top: 62%;
    background-size: cover;
    background-position: center center;
    margin-bottom: 48px;
    background-color: var(--dark-green);
}

.news-item .bnb-image .blogo {
    position: absolute;
    right: 10px;
    bottom: 10px;
    max-width: 50px;
    max-height: 50px;
}

.news-item .news-title {
    font: var(--fs-h6);
    color: var(--blackt);
    padding-top: 24px;
}

.actions-checker {
    display: flex;
    justify-content: space-between;
    margin: 48px 0 40px;
}

.select {
    display: block;
    position: relative;
}

.select span {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 14px 48px 14px 20px;
    font: var(--fs-nav2);
    color: var(--blackt);
    background-color: var(--light-greent);
    position: relative;
}

.select span:before {
    font-family: "icomoon";
    content: "\e907";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 48px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 8px;
    color: var(--blackt);
}

.select select {
    position: absolute;
    -webkit-appearance: none;
    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.partners-list {
    margin-top: 120px;
    display: block;
}

.headmasters {
    display: block;
    margin-top: 120px;
}

.persons {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
    padding: 0;
}

.persons li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 400px;
}

.persons li .hm-photo {
    background-size: cover;
    background-position: center center;
}

.persons li .hm-info {
    padding: 48px;
    background-color: var(--light-greent);
    display: grid;
    grid-template-rows: repeat(2, 1fr);
}

.persons li .hm-info .hm-top p {
    font: var(--fs-h5);
    margin: 0 0 12px;
    color: var(--blackt);
}

.persons li .hm-info .hm-top span {
    font: var(--fs-nav1);
    color: var(--gray-textt);
}

.persons li .hm-info .hm-bottom {
    display: flex;
    align-items: flex-end;

}

.persons li .hm-info .hm-bottom a {
    display: block;
    font: var(--fs-p3);
    color: var(--blackt);
    width: 100%;
}

.where-to-buy {
    display: grid;
    grid-template-columns: 26vw 1fr;
    height: 1050px;
}


.where-to-buy .addresses {
    border: 1px solid var(--light-greent);
    height: 100%;
    overflow: auto;
}

.where-to-buy .map {
    height: 1050px;
}

.where-to-buy .okrug {
    padding: 28px;
    box-sizing: border-box;
}

.where-to-buy .okrug .okrug-name {
    font: var(--fs-nav3);
    color: var(--gray-textt);
    display: block;
    margin-top: 40px;
}

.where-to-buy .okrug .okrug-name:first-child {
    margin-top: 0;
}

.where-to-buy .okrug a {
    display: flex;
    justify-content: space-between;
    font: var(--fs-h6);
    color: var(--blackt);
    border-bottom: 1px solid var(--light-greent);
    padding: 13px 0 20px;
}

.where-to-buy .okrug a i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: var(--dark-green);
    color: var(--white);
    font-size: 13px;
}

.point-photos
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
    margin-top: 30px;
}

.point-photos a
{
    display: block;
    width: 100px;
    height: 60px;
}

.point-photos a img
{
    display: block;
}

.ci-back {
    font: var(--fs-nav2);
    color: var(--gray-textt);
    padding-bottom: 22px;
}

.ci-back i {
    margin-right: 16px;
}

.ci-city-name {
    font: var(--fs-h5);
    color: var(--blackt);
}

.city-info {
    display: grid;
    grid-template-rows: 175px 1fr;
    padding: 0;
    grid-gap: 2px;
    box-sizing: border-box;
}

.ci-top {
    display: grid;
    grid-template-rows: 43px 30px 65px;
    padding: 28px 28px 0;
    grid-gap: 2px;
    box-sizing: border-box;
}

.ci-menu {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid var(--sup-greyt);
}

.ci-menu a {
    display: block;
    padding: 22px 0;
    margin-right: 24px;
    font: var(--fs-nav2);
    color: var(--dark-green);
}

.ci-menu a.selected {
    padding: 22px 0 20px;
    color: var(--blackt);
    border-bottom: 2px solid var(--dark-greent);
}

.ci-addr-list {
    display: block;
    overflow-y: auto;
    /*max-height: 678px;*/
    box-sizing: border-box;
    padding: 0 14px;
    margin: 0 14px;
}

.ci-addr-list::-webkit-scrollbar {
    width: 2px;
    margin-right: -10px;
}

.ci-addr-list::-webkit-scrollbar-track {}

.ci-addr-list::-webkit-scrollbar-thumb {
    background-color: var(--dark-greent);
    outline: none;
}

.ci-address {
    display: block;
    font: var(--fs-nav1);
    color: var(--blackt);
    margin-top: 30px;
}

.ci-address-desc {
    font: var(--fs-nav3);
    color: var(--gray-textt);
    margin-top: 12px;
}

.doroute {
    display: flex;
    align-items: flex-start;
    color: var(--dark-greent);
    font: var(--fs-nav3);
    margin-top: 19px;
}

.doroute i {
    margin-right: 11px;
}

.ci-main-phone {
    display: block;
    margin-top: 24px;
}

.ci-main-phone a {
    font-size: var(--fs-nav1);
    color: var(--blackt);
    display: block;
}

.ci-email {
    display: block;
    margin-top: 20px;
    padding-bottom: 4px;
}

.ci-email span {
    display: block;
    color: var(--gray-textt);
    font: var(--fs-nav3);
}

.ci-email a {
    display: block;
    color: var(--blackt);
    font: var(--fs-nav1);
}

.ci-depname {
    color: var(--blackt);
    font: var(--fs-h6);
    margin-top: 40px;
}

.ci-depphone {
    color: var(--blackt);
    font: var(--fs-nav1);
    margin-top: 12px;
    padding-bottom: 4px;
}

.ci-depcont {
    display: flex;
    justify-content: space-between;
    font: var(--fs-nav3);
    color: var(--blackt);
    margin-top: 8px;
}

.projects-list {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 32px;
}

#pl-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
}

.p-filter-name {
    font: var(--fs-h6);
    color: var(--blackt);
}

.p-filter .button {
    display: inline-flex;
    padding: 10px 12px;
    height: 20px;
    margin-top: 32px;
}

.cbi {
    display: none;
}

.cbi+label {
    display: block;
    font: var(--fs-nav2);
    color: var(--blackt);
    padding-left: 31px;
    position: relative;
    margin: 9px 0;
}

.cbi+label:before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    font-family: "icomoon";
    width: 19px;
    height: 19px;
    background-color: var(--light-greent);
    left: 0;
    position: absolute;
}

.cbi:checked+label:before {
    background-color: var(--dark-green);
    color: var(--white);
    content: "\e916";
    font-size: 8px;
}

.top-s-block {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 32px;
    padding: 12px 0 0;
}

.top-s-block .tsb-button p {
    display: block;
    color: var(--blackt);
    font: var(--fs-p2);
    margin-top: 0;
    margin-bottom: 20px;
}

.tsb-text {
    font: var(--fs-h3);
    color: var(--blackt);
}

.tsb-line {
    display: block;
    height: 3px;
    background-color: var(--dark-greent);
    margin: 80px 0;
}

.partner-block {
    display: grid;
    position: relative;
    grid-template-rows: 48px 1fr 32px;
    grid-gap: 25px;
    padding: 48px;
    background-color: var(--light-greent);
}

.pb-line1 {
    z-index: 1;
}

.pb-line1 i {
    font-size: 48px;
    color: var(--dark-greent);
    z-index: 1;
}

.pb-line2 {
    font: var(--fs-h5);
    color: var(--blackt);
    z-index: 1;
    min-height: 100px;
}

.partner-block .chanel-link {
    z-index: 1;
}

.pb-bg {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    z-index: 0;
}

.pb-bg-shadow {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /*background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);*/
}



.project-short-info {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    padding: 40px 0;
    border-bottom: 3px solid var(--dark-greent);
}

.project-short-info>div:nth-child(3) {
    text-align: right;
}

.project-short-info span {
    font: var(--fs-nav2);
    color: var(--gray-textt);
    display: block;
    margin-bottom: 8px;
}

.project-short-info p {
    font: var(--fs-nav1);
    color: var(--blackt);
    display: block;
    margin: 0;
}

.pfi-right-container {
    display: flex;
    justify-content: flex-end;
}


.pfi-right {
    width: 75%;
}

.pfi-right i {
    font-size: 38px;
    color: var(--dark-greent);
    display: block;
}

.pfi-right p {
    font: var(--fs-h6);
    color: var(--blackt);
    margin: 24px 0 8px;
}

.pfi-right span {
    font: var(--fs-p4);
    color: var(--blackt);
    margin: 0px 0 32px;
    display: block;
}

.pfi-right .button {
    display: inline-flex;
}

.pfi-text {
    color: var(--blackt);
    font: var(--fs-p3);
}

.project-full-info {
    display: grid;
    /*display: none;*/
    grid-template-columns: 2fr 1fr 1fr;
    margin-top: 68px;
}

.serv-slider {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 80px;
}

.serv-slider #slider {
    width: 100%;
    margin-top: 0;
}

.serv-slider #slider .s-img-block .s-info {
    width: 100%;
    grid-template-rows: 80px 1fr;
}

.s-info-text {
    display: flex;
    align-items: flex-end;
}

.serv-slider #slider .s-img-block {
    box-sizing: border-box;
}

.serv-slider #slider .s-img-block a {
    color: var(--white);
    text-decoration: underline;
}

.serv-slider #slider .s-img-block a:hover {
    color: var(--white);
    text-decoration: none;
}

.s-info-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s-info-name div {
    color: var(--white);
    font: var(--fs-h3);
}

.s-info-name span {
    color: var(--whiteO5);
    font-size: 80px;
    line-height: 80px;
}

.serv-info {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.si-name {
    font: var(--fs-h2);
    color: var(--blackt);
}

.si-text {
    font: var(--fs-p1);
    color: var(--blackt);
}

#pshadow {
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(48, 51, 51, 0.7);
    z-index: 1000;
}

#popup {
    display: block;
    background-color: var(--light-green);
    width: 630px;
    max-width: 90vw;
    max-height: 98vh;
    position: relative;
}

#popup .popup-block {
    display: block;
    padding: 9.5% 9.5% 8%;
}

#popup-header {
    font: var(--fs-h3);
    color: var(--black);
}

#popup-content {
    display: block;
    max-height: 75vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 14px 0;
}

#popup-content::-webkit-scrollbar {
    width: 0px;
}

#popup-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.0);

}

#popup-content::-webkit-scrollbar-thumb {
    background-color: var(--dark-green);
    opacity: 0.0;
    outline: 0px solid slategrey;
}

#popup-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 69px;
    background-color: var(--sup-grey);
}

#popup-buttons .button {
    padding: 5px 15px;
    color: var(--white);
}

#popup-buttons a {
    color: var(--black);
    font: var(--fs-nav2);
}

#popup.no_button #popup-buttons {
    display: none;
}

#popup .pcloser {
    position: absolute;
    display: block;
    font-size: 24px;
    color: var(--dark-green);
    top: 24px;
    right: 24px;
}

.loginForm .form-footer {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loginForm .form-footer a {
    color: var(--dark-green);
    font: var(--fs-nav1);
}

.form-footer button {
    --webkit-appearance: none;
    border: none;
}

.actions404 {
    display: grid;
    max-width: 100%;
    width: 600px;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    margin: 0 auto;
}

.actions404 p {
    grid-column: span 2;
    color: var(--blackt);
    font: var(--fs-p2);
    text-align: center;
}

#b-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
}

.brand-item {
    display: block;
    background-color: var(--light-greent);
    padding: 32px 28px;
}

.bi-image {
    display: flex;
    height: 248px;
    align-items: center;
    justify-content: center;
}

.bi-image img {
    max-width: 70%;
    max-height: 50%;
}

.bi-desc {
    display: block;
    padding: 32px 0 24px;
    border-bottom: 1px solid var(--sup-greyt);
    border-top: 1px solid var(--sup-greyt);
}

.bi-desc>a {
    font: var(--fs-h5);
    color: var(--blackt);
}

.bi-desc>p {
    font: var(--fs-p5);
    color: var(--blackt);
    margin: 4px 0;
}

.bi-desc .bi-short-info {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.bi-desc .bi-short-info span {
    display: block;
    color: var(--gray-textt);
    font: var(--fs-nav3);
}

.bi-desc .bi-short-info p {
    display: block;
    color: var(--blackt);
    font: var(--fs-nav3);
    margin: 8px 0 0;
}

.bi-sert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font: var(--fs-nav3);
    color: var(--blackt);
    padding: 15px 0;
    border-bottom: 1px solid var(--sup-greyt);

}

.bi-sert a {
    display: block;
    background-color: var(--white);
    color: var(--dark-green);
    font: var(--fs-nav3);
    text-transform: uppercase;
    padding: 12px 16px 11px;
}

.bi-sert a i {
    margin-right: 12px;
}

.found-brands {
    display: block;
}

.found-brands.grid-edition {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 48px;
}

.found-brands p {
    font: var(--fs-nav2);
    color: var(--blackt);
    margin: 0;
}

.found-brands.grid-edition p {
    padding-top: 16px;
}

.found-brands div {
    display: flex;
    justify-content: flex-start;
    padding: 16px 0 32px;
    flex-wrap: wrap;
}

.found-brands div a {
    display: block;
    margin-right: 12px;
    margin-bottom: 12px;
    border: 1px solid var(--light-greent);
    color: var(--blackt);
    padding: 14px 20px;
    font: var(--fs-nav3);
}

.found-brands div a.selected {
    background-color: var(--light-greent);
}

.back-line {
    display: flex;
    justify-content: space-between;
    margin: 6px 0 60px;
}

.back-line>a {
    color: var(--dark-greent);
    font: var(--fs-nav2);
}

.back-line>a i {
    margin-right: 16px;
}

.bd-top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    width: 100%;
}

.brand-buttons div .bb-image {
    display: flex;
    height: 160px;
    align-items: flex-start;
    justify-content: center;
    border-bottom: 1px solid var(--light-greent);
    margin-bottom: 40px;
}

.brand-buttons div .bb-image img {
    /*max-width: 60%;
    max-width: 100px;*/
    max-width: 100%;
}

.brand-buttons div .bgreen {
    margin-bottom: 16px;
}

.bb-other {
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
}

.bb-other a {
    color: var(--dark-greent);
    border-bottom: 1px dashed var(--light-green);
    font: var(--fs-nav1);
}

.bdti-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.bdti-top>div {
    font: var(--fs-h3);
    color: var(--blackt);
}

.bdti-top>a {
    color: var(--dark-greent);
    font: var(--fs-nav1);
    display: flex;
    align-items: center;
}

.bdti-top>a i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    font-size: 12px;
    height: 32px;
    border-radius: 16px;
    background-color: var(--dark-greent);
    color: var(--white);
    margin-right: 12px;
}

.bi-detail {
    max-height: 230px;
    overflow: hidden;
    position: relative;
}

.bi-detail.full {
    max-height: none;
    overflow: auto;
}

.bi-detail.full img {
    max-width: 100%;
}

.bi-detail .hideble {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 180px;
    height: 50px;
    background: linear-gradient(var(--bwgrad-s), var(--bwgrad-e));
}

.bi-detail.full .hideble {
    display: none;
}

.bi-detail p,
.bi-detail ul {
    color: var(--blackt);
    font: var(--fs-p3);
}

.bi-detail h4 {
    color: var(--blackt);
    font: var(--fs-h5);
}

.btitle {
    margin-top: 120px;
    font: var(--fs-h3);
    color: var(--blackt);
}

.bstitle {
    padding-top: 32px;
    font: var(--fs-h5);
    color: var(--blackt);
    display: block;
}

.bfiles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
    margin-top: 24px;
}

.bfiles.onefile
{
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 24px;
    margin-top: -100px;
}

.bfiles a {
    height: 250px;
    box-sizing: border-box;
    padding: 28px;
    display: grid;
    grid-template-rows: 1fr 30px;
    border: 1px solid var(--light-greent);
}

.bfiles.onefile a
{
    height: 160px;
    background: var(--light-greent);
}

.bfiles a:hover {
    background: var(--light-greent);
}

.bfiles.onefile a:hover
{
    background:transparent;
}

.bfiles a .bff-title {
    font: var(--fs-p3);
    color: var(--blackt);
}

.bfiles a .bff-info-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bfiles a .bff-info-block .bff-info {
    font: var(--fs-nav2);
    color: var(--gray-textt);
}

.bfiles a .bff-info-block .bdownload {
    display: block;
    background-color: var(--white);
    color: var(--dark-green);
    font: var(--fs-nav3);
    padding: 8px;
    border: 1px solid var(--light-greent);
}

.bfiles a .bff-info-block .bdownload i {
    margin-right: 8px;
}

.bshow-all {
    margin: 30px 0;
    font: var(--fs-nav1);
    color: var(--dark-greent);
    display: block;
}

.bprod-block {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 32px;
    margin-top: 48px;
}

.bprod-menu div {
    display: block;
}

.bprod-menu div a {
    display: block;
    padding: 8px 32px;
    font: var(--fs-nav1);
    color: var(--blackt);
    border-left: 1px solid var(--light-greent);
}

.bprod-menu div a.selected {
    display: block;
    padding: 8px 32px 8px 30px;
    font: var(--fs-nav1);
    color: var(--dark-greent);
    border-left: 3px solid var(--dark-greent);
}

.bprod-prods {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
}

.bprod-item {
    display: grid;
    grid-template-rows: 250px 1fr 346px;
    background-color: var(--light-greent);
}

.bprod-item.no-ser {
    grid-template-rows: 250px 1fr;
}

.bprod-item .bprod-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.bprod-item .bprod-info {
    padding: 32px 48px;
}

.bprod-item .bprod-info .bprod-info-name {
    font: var(--fs-h4);
    color: var(--blackt);
}

.bprod-item .bprod-info .bprod-info-text {
    margin: 12px 0 0;
    font: var(--fs-p4);
    color: var(--blackt);
}

.bprod-series {
    padding: 0 48px 32px;
}

.bps-top {
    border-top: 1px solid var(--sup-greyt);
    padding: 32px 0 15px;
    display: flex;
    justify-content: space-between;
}

.bps-top .bprod-info-name {
    font: var(--fs-h5);
    color: var(--blackt);
}

.bps-top .bps-buttons {
    display: flex;
    justify-content: flex-end;
}

.bps-top .bps-buttons a {
    display: flex;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    border: 1px solid var(--sup-greyt);
    align-items: center;
    justify-content: center;
    color: var(--dark-greent);
    margin-left: 12px;
}

.bps-list {
    display: block;
    /*grid-template-columns: repeat(2, 1fr);
	grid-gap: 32px;*/
    max-width: 100%;
}

.bps-lwrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
}

.bps-list .bps-lwrap a:nth-child(n+3) {
    display: none;
}

.bps-list a {
    display: grid;
    grid-template-rows: 150px 1fr;
    background-color: var(--page-bg);
    color: var(--blackt);
}

.bps-list a .bps-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bps-list a .bps-image img {
    max-width: 70%;
    max-height: 70%;
}

.bps-list a .bps-name {
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    font: var(--fs-nav2);
}

.bp-delimetr {
    display: block;
    height: 48px;
}

.mnews.brand-news {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 32px;
}

.mnews.brand-news .normal-nblock {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: max-content max-content;
    border-bottom: 1px solid var(--light-greent);
}

.catalog-groups {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

.catalog-groups .cat-group-wrapper {
    position: relative;
    display: block;
    height: 635px;
}

.cat-group {
    background-color: var(--light-greent);
    padding: 32px 28px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 635px;
}

.cat-group:hover {
    z-index: 5;
    box-shadow: 0 0 10px var(--blackt);
}

.cat-group .group-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    padding-bottom: 38px;
    border-bottom: 1px solid var(--sup-greyt);
}

.cat-group .group-image img {
    max-height: 100%;
    max-width: 60%;
}

.cat-group .groups-list {
    display: block;
    max-height: 300px;
    margin-top: 32px;
    overflow: hidden;
}

.cat-group:hover .groups-list {
    max-height: 3000px;
}

.cat-group .groups-list .big-gname {
    font: var(--fs-h6);
    color: var(--blackt);
    display: block;
    margin: 0px 0 12px;
    transition: all 0.2s ease;
}

.cat-group .groups-list .big-gname:hover {
    text-decoration: underline;
}

.cat-group .groups-list .gname {
    display: block;
    margin: 8px 0;
    font: var(--fs-nav1);
    color: var(--blackt);
}

.cat-group .groups-list .gname:hover {
    text-decoration: underline;
}

.cat-group .group-hider {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 80px;
    bottom: 20px;
    background: linear-gradient(180deg, var(--light-greenta) 0%, var(--light-greent) 81.25%);
}

.cat-group:hover .group-hider {
    display: none;
}

.catalog-page {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 32px;
}

.catalog-page .back-line {
    margin-bottom: 0px;
}

.catalog-page .subcats {
    padding: 20px 0;
    border-top: 1px solid var(--light-greent);
    border-bottom: 1px solid var(--light-greent);
    margin-bottom: 32px;
}

.catalog-page .subcats a {
    display: block;
    margin: 12px 0;
    color: var(--blackt);
}

.catalog-page .subcats a.selected {
    color: var(--dark-greent);
}

.catalog-page .subcats a.selected span {
    border-bottom: 1px solid var(--light-greent);
}

.filters {
    padding: 32px 0;
}

.f-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.f-title a {
    color: var(--dark-greent);
    font: var(--fs-nav3);
}

.checked-now {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 16px 0 8px;
}

.checked-now a {
    color: var(--gray-textt);
    display: inline-block;
    margin: 0 20px 8px 0;
    font: var(--fs-nav3);
}

.checked-now a i {
    font-size: 0.9em;
}

.f-group-name {
    display: flex;
    justify-content: space-between;
}

.f-group-name i {
    color: var(--dark-greent);
}

.f-checkbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
}

.f-checkbox>div {
    font: var(--fs-nav2);
    color: var(--blackt);
}

.f-checkbox>div span {
    color: var(--gray-text);
}

.f-checkbox input[type=checkbox] {
    display: none;
}

.f-checkbox input[type=checkbox]+label {
    display: block;
    width: 46px;
    height: 22px;
    border-radius: 12px;
    border: 1px solid var(--sup-greyt);
    position: relative;
}

.f-checkbox input[type=checkbox]+label:before {
    display: block;
    content: " ";
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: var(--gray-textt);
    border-radius: 8px;
    top: 3px;
    left: 3px;
    transition: all 0.3s ease;
}

.f-checkbox input[type=checkbox]:checked+label:before {
    left: 26px;
    background-color: var(--dark-greent);
    transition: all 0.3s ease;
}

.f-group {
    display: block;
    padding: 18px 0;
}

.f-group .f-group-list {
    display: none;
}

.f-group.open .f-group-list {
    display: block;
}

.f-group .icon-arrow-long-down {
    display: block;
}

.f-group .icon-arrow-long-up {
    display: none;
}

.f-group.open .icon-arrow-long-up {
    display: block;
}

.f-group.open .icon-arrow-long-down {
    display: none;
}

.cl-main-filter {
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 32px;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--sup-greyt);
}

.cl-main-filter .cl-mf-name span {
    display: block;
    font: var(--fs-nav2);
    color: var(--blackt);
    padding-top: 16px;
}

.cl-main-filter .cl-mf-vals {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.cl-main-filter .cl-mf-vals a {
    display: block;
    font: var(--fs-nav3);
    color: var(--blackt);
    text-decoration: none;
    padding: 14px 20px;
    border: 1px solid var(--sup-greyt);
    margin: 0 12px 16px 0;
}

.cl-main-filter .cl-mf-vals a.selected {
    background-color: var(--dark-greent);
    border: 1px solid var(--dark-greent);
    color: var(--white);
}

.cl-top-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.cl-top-line .found {
    color: var(--blackt);
    font: var(--fs-nav2);
}

.cl-top-line .tl-actions {
    display: flex;
    justify-content: flex-end;
}

.cl-top-line .tl-actions .select {
    height: 48px;
    width: 300px;
}

.view-checker {
    display: grid;
    grid-template-columns: repeat(2, 46px);
    grid-template-rows: 46px;
    margin-left: 32px;
}

.view-checker a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--grey-textt);
    font-size: 19px;
    border: 1px solid var(--sup-greyt);
    color: var(--gray-textt);
}

.view-checker a.selected {
    background-color: var(--sup-greyt);
    color: var(--dark-greent);
}

.catalog-list.tile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
}

.fullsearch .catalog-list.tile {
    grid-template-columns: repeat(4, 1fr);
}

.search-info {
    display: block;
    padding: 10px 0 30px;
    font: var(--fs-h5);
}

.catalog-list.tile .catalog-item {
    display: grid;
    grid-template-rows: 280px 18px 84px 0px 44px 48px 48px;
    grid-template-areas: "image""artcount""name""dprice""price""discount""buyblock";
    grid-gap: 8px;
    padding: 24px 28px;
    box-sizing: border-box;
    border: 1px solid var(--light-greent);
    position: relative;
}

.catalog-list .catalog-item .ci-image {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: image;
}

.catalog-list .catalog-item .ci-image img {
    display: block;
    max-height: 232px;
    max-width: 80%;
}

.catalog-list .catalog-item .art-count {
    grid-area: artcount;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
}

.catalog-list .catalog-item .art-count .article {
    font: var(--fs-nav3);
    color: var(--gray-textt);
}

.catalog-list .catalog-item .art-count .onboard {
    font: var(--fs-nav3);
    position: relative;
    padding-left: 21px;
}

.catalog-list .catalog-item .art-count .onboard.yes {
    color: var(--dark-greent);
}

.catalog-list .catalog-item .art-count .onboard.yes:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Icomoon";
    content: "\e916";
    font-size: 5px;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    border: 1px solid var(--dark-greent);
    position: absolute;
    left: 0;
    top: 1px;
}

.catalog-list .catalog-item .art-count .onboard.no {
    color: var(--sup-greyt);
}

.catalog-list .catalog-item .art-count .onboard.no:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Icomoon";
    content: "\e92f";
    font-size: 5px;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    border: 1px solid var(--sup-greyt);
    position: absolute;
    left: 0;
    top: 1px;
}

.catalog-list .catalog-item .ci-name {
    grid-area: name;
    font: var(--fs-nav2);
    color: var(--blackt);
}

.catalog-list.tile .catalog-item:hover .ci-name {
    color: var(--dark-greent);
}

.catalog-list .catalog-item .oldprice {
    grid-area: dprice;
    display: block;
    text-align: left;
    color: var(--gray-textt);
    font: var(--fs-nav2);
}

.catalog-list .catalog-item .oldprice span {
    text-decoration: line-through;
}

.catalog-list .catalog-item .prices {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-area: price;
}

.catalog-list .catalog-item .prices div span.tarif {
    display: block;
    color: var(--gray-textt);
    font: var(--fs-nav4);
}

.catalog-list .catalog-item .prices div span.price {
    font: var(--fs-nav2);
    color: var(--blackt);
}

.catalog-list .catalog-item .prices div.pr-opt span.price>span {
    font: var(--fs-h6);
    font-weight: 500;
}

.catalog-list .catalog-item .discount {
    grid-area: discount;
}

.catalog-list .catalog-item .discount .button {
    height: 46px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid var(--light-greent);
}

.catalog-list .catalog-item .discount .button:hover {
    background-color: var(--light-greent);
}

.catalog-list .catalog-item .discount .button i {
    margin: 0;
    width: 32px;
    display: block;
}

.catalog-list .catalog-item .discount .button span {
    font: var(--fs-nav4);
}

.catalog-list .catalog-item .buyblock {
    grid-area: buyblock;
    display: grid;
    grid-template-columns: 6fr 11fr;
}

.buyblock>a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--dark-greent);
    color: var(--page-bg);
    font: var(--fs-nav2);
    transition: all 0.2s ease;
}

.buyblock>a:hover {
    transform: scale(1.1);
}

.counter {
    display: grid;
    background-color: var(--light-greent);
    grid-template-columns: 1fr 1fr 1fr;
}

.counter input {
    -webkit-appearance: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font: var(--fs-nav2);
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    height: 100%;
    color: var(--blackt);
    outline: none;
}

.counter a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--blackt);
    transition: all 0.2s ease;
}

.counter a:hover {
    transform: scale(1.2);
}

.catalog-list.tile .catalog-item .props-block,
.catalog-list.tile .catalog-item .actions-blockp {
    display: none;
}

.catalog-list.tile .catalog-item:hover .props-block {
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    height: 300px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 13px 28px;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(180deg, var(--light-greenth) 0%, var(--light-greent) 81.25%);
    z-index: 1;
}

.ci-prop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 42px;
    color: var(--blackt);
    border-bottom: 1px solid var(--sup-greyt);
}

.catalog-list.tile .catalog-item:hover .actions-blockp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 13px 28px;
    z-index: 2;
}

.catalog-list .catalog-item .actions-blockp a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--blackt);
    font: var(--fs-nav3);
}

.catalog-list .catalog-item .actions-blockp a:hover {
    color: var(--dark-greent);
}

.catalog-list .catalog-item .actions-blockp a i {
    color: var(--dark-greent);
    margin-right: 11px;
    font-size: 1.3em;
}

.catalog-list.list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 32px;
}

.catalog-list.list .catalog-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 5px;
    grid-column-gap: 32px;
    grid-template-areas:
        "image artcount dprice"
        "image name price"
        "image name discount"
        "image chars discount"
        "image chars buyblock"
        "image chars actblock"
    ;
    padding: 28px 32px;
    border: 1px solid var(--light-greent);
}

.catalog-list .catalog-item .props-block {
    grid-area: chars;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 1;
}

.actions-blockp {
    grid-area: actblock;
    display: flex;
    justify-content: space-between;
}

.prod-main-block {
    display: grid;
    grid-template-columns: 1fr 29% 32%;
    border-top: 1px solid var(--light-greent);
    border-bottom: 1px solid var(--light-greent);
}

.pmb-image .icons-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.pmb-image .icons-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    position: relative;
}

.pmb-image .icons-list a.video i {
    width: 58px;
    height: 58px;
    border-radius: 30px;
    border: 1px solid var(--light-greent);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pmb-image .icons-list a.video i:before {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--dark-greent);
    color: var(--white);
    width: 32px;
    height: 32px;
    border-radius: 16px;
    font-size: 12px;
}

.pmb-image .icons-list a.selected {
    border-top: 3px solid var(--dark-greent);
    height: 88px;
    margin-top: -1px;
}

.pmb-image .icons-list a img {
    max-width: 60px;
    max-height: 60px;
}

.pmb-image .full-image {
    display: grid;
    grid-template-columns: 60px 1fr 60px;
    grid-gap: 20px;
    margin-top: 36px;
}

.pmb-image .full-image .fi-arrow {
    display: flex;
    align-items: center;
}

.pmb-image .full-image .fi-arrow a {
    display: flex;
    width: 58px;
    height: 58px;
    border: 1px solid var(--light-greent);
    color: var(--dark-greent);
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.pmb-image .full-image .round {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pmb-image .full-image .round a {
    color: var(--dark-greent);
    font-size: 26px;
}

.pmb-image .full-image .fi-image {
    display: grid;
    grid-template-rows: 1fr 26px;
    grid-gap: 10px;
}

.pmb-image .full-image .fi-image-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pmb-image .full-image .fi-image-img img {
    max-width: 80%;
    max-height: 80%;
}

.pmb-info {
    display: block;
    padding: 48px 55px;
}

.pmb-info a {
    display: inline-block;
    color: var(--dark-greent);
    font: var(--fs-nav2);
    border-bottom: 1px solid var(--light-greent);
    padding-top: 8px;
}

.pmb-info-item {
    display: block;
    margin-bottom: 24px;
}

.pmb-info-item span {
    display: block;
    font: var(--fs-nav3);
    color: var(--gray-textt);
}

.pmb-info-item p {
    display: block;
    font: var(--fs-nav2);
    color: var(--blackt);
    margin: 8px 0 0;
}

.pmb-buyblock {
    display: block;
    background-color: var(--light-greent);
    padding: 48px 60px;
}

.pmb-buyblock .ob-block {
    display: block;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--sup-greyt);
}

.pmb-buyblock .ob-block>div {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.pmb-buyblock .ob-block .onboard {
    font: var(--fs-nav2);
    color: var(--black);
    padding-left: 21px;
    position: relative;
}

.pmb-buyblock .ob-block .onboard.yes:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Icomoon";
    content: "\e916";
    font-size: 5px;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    border: 1px solid var(--dark-greent);
    position: absolute;
    left: 0;
    top: 1px;
}

.pmb-buyblock .ob-block .onboard.no:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Icomoon";
    content: "\e92f";
    font-size: 5px;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    border: 1px solid var(--sup-greyt);
    position: absolute;
    left: 0;
    top: 1px;
}

.pmb-buyblock .ob-block a {
    color: var(--dark-greent);
    font: var(--fs-nav2);
}

.pmb-buyblock .ob-block a:after {
    font-family: "Icomoon";
    content: "\e906";
    margin-left: 10px;
    font-size: 0.9em;
}

.pmbb-price {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 16px;
}

.pmbb-price .opt-price .old-price {
    font: var(--fs-nav2);
    color: var(--gray-textt);
    text-decoration: line-through;
    display: block;
}

.pmbb-price .opt-price .tprice {
    font: var(--fs-nav2);
    display: block;
    margin-top: 8px;
}

.pmbb-price .opt-price .tprice span {
    font: var(--fs-h2);
}

.pmbb-price .opt-price
{
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 10px;
}

.pmbb-price .opt-price .opt-price-name {
    margin-top: 8px;
    display: block;
    font: var(--fs-nav3);
    color: var(--gray-textt);
    grid-column: span 2;
}

.pmbb-price .roz-price {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
}

.pmbb-price .roz-price .s220 {
    display: block;
    text-align: right;
    transition: all 0.2s ease;
}

.pmbb-price .roz-price .s220:hover {
    transform: scale(1.2);
}

.pmbb-price .roz-price .s220 img {
    height: 26px;
}

.pmbb-price .roz-price .a-with-rarrow {
    transition: all .2s ease;
}

.pmbb-price .roz-price .a-with-rarrow:hover {
    transform: scale(1.1);
}

.pmb-buyblock .getopt {
    transition: all .2s ease;
}

.pmb-buyblock .getopt:hover {
    background-color: var(--dark-greent);
}

.pmb-buyblock .getopt:hover .go-text,
.pmb-buyblock .getopt:hover .opt-discount {
    color: var(--page-bg);
}


.pmbb-price .roz-price .r-price {
    display: block;
    text-align: right;
    font: var(--fs-nav2);
    margin-top: 8px;
    color: var(--black);
}

.pmbb-price .roz-price .a-with-rarrow {
    color: var(--dark-greent);
    font: var(--fs-nav3);
    text-align: right;
    display: block;
    margin-top: 8px;
}

.pmbb-price .roz-price .a-with-rarrow:after {
    font-family: "Icomoon";
    content: "\e906";
    margin-left: 10px;
    font-size: 0.9em;
}

.pmb-buyblock .getopt {
    display: grid;
    grid-template-columns: 1fr 25px 32px;
    grid-gap: 10px;
    align-items: center;
    padding: 23px 24px;
    background-color: var(--sup-greyt);
    margin-top: 24px;
}

.pmb-buyblock .getopt .go-text {
    font: var(--fs-nav3);
    color: var(--gray-textt);
}

.pmb-buyblock .getopt .opt-discount {
    color: var(--dark-greent);
    font: var(--fs-h2);
    position: relative;
}

.pmb-buyblock .getopt .opt-discount sub {
    font: var(--fs-nav3);
    position: absolute;
    left: -20px;
    bottom: 4px;
}

.pmb-buyblock .getopt i {
    background-color: var(--dark-greent);
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    color: var(--white);
}

.pmb-buyblock .counter {
    margin-top: 25px;
}

.pmb-buyblock .counter input {
    font: var(--fs-nav1);
}

.pmb-buyblock .counter a {
    font-size: 24px;
}

.pmb-buyblock .dg-button {
    margin-top: 24px;
    color: var(--white);
    transition: all 0.2s ease;
    display: block;
}

.pmb-buyblock .dg-button:hover {
    transform: scale(1.1);
}

.cab-content .pmb-buyblock
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 20px 20px;
}

.cab-content .pmb-buyblock .ob-block, 
{
    grid-column: span 3;
}

.cab-content .pmb-buyblock .actions-block-pmp
{
    grid-column: span 1;
}

.cab-content .pmb-buyblock .ob-block
{
    padding-bottom: 0;
    grid-column: span 3;
    border-bottom: none;
}

.cab-content .actions-block-pmp a
{
    flex-direction: column;
}

.cab-content .fo-ob
{
    box-sizing: border-box;
    padding-right: 30px;
}

.cab-content .pmb-buyblock .dg-button
{
    padding: 7px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cab-content .pmbb-price .opt-price
{
    grid-gap: 0;
}

.cab-content .pmbb-price
{
    padding: 0;
}

.cab-content .pmb-info
{
    padding: 20px 20px;
}

.cab-content .pmb-full-info
{
    padding: 0px;
    grid-column: span 3;
}

.cab-content .pmb-other
{
    display: none;
}

.cab-content .pmbb-price .opt-price .tprice span
{
    font: var(--fs-h5);
}

.cab-content .char-item span
{
    white-space: nowrap;
}

.cab-content .pmb-info-item
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.cab-content .pmb-info-item p
{
    width: -webkit-min-content;
    word-break: keep-all;
    white-space: nowrap;
}

.actions-block-pmp {
    display: flex;
    justify-content: space-between;
    padding-top: 28px;
}

.actions-block-pmp a {
    font: var(--fs-nav2);
    color: var(--blackt);
    display: flex;
    align-items: center;
}

.actions-block-pmp a:hover {
    color: var(--dark-greent);
}

.actions-block-pmp a i {
    color: var(--dark-greent);
    margin-right: 8px;
    font-size: 1.3em;
    transition: all 0.2s ease;
}

.actions-block-pmp a:hover i {
    transform: scale(1.2);
}

.dg-button {
    display: block;
    text-align: center;
    padding: 28px 0;
    background-color: var(--dark-greent);
    font: var(--fs-nav1);
}

.pmb-full-info {
    grid-column: span 2;
    border-top: 1px solid var(--light-greent);
    border-right: 1px solid var(--light-greent);
    padding: 56px 32px 56px 0;
}

.cab-content .pmb-full-info
{
    border-right: none;
}

.pmb-fi-menu {
    display: block;
    border-bottom: 1px solid var(--light-greent);
}

.pmb-fi-menu a {
    position: relative;
    padding: 30px 0;
    font: var(--fs-h6);
    color: var(--dark-greent);
    margin-right: 32px;
    display: inline-block;
}

.pmb-fi-menu a.selected {
    padding: 30px 0 28px;
    border-bottom: 3px solid var(--dark-greent);
    bottom: -1px;
    color: var(--blackt);
}

.pmb-fi-content {
    padding: 48px 20% 0 0;
    color: var(--blackt);
}

.pmb-files {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.pmb-files a {
    display: grid;
    grid-template-columns: 40px 1fr;
    color: var(--blackt);
    grid-template-areas: "icon name""icon size";
}

.pmb-files a .ico {
    grid-area: icon;
    font-size: 30px;
}

.pmb-files a .fname {
    grid-area: name;
}

.pmb-files a .fsize {
    grid-area: size;
}

.pmb-other {
    padding: 80px 0 80px 60px;
}

.analog-top {
    display: flex;
    justify-content: space-between;
}

.analog-top .a-block-name {
    font: var(--fs-h5);
    color: var(--dark-greent);
}

.analog-top .a-arrows {
    display: flex;
    justify-content: flex-end;
}

.analog-top .a-arrows a {
    display: flex;
    width: 38px;
    height: 38px;
    border: 1px solid var(--light-greent);
    border-radius: 20px;
    margin-left: 12px;
    align-items: center;
    justify-content: center;
    color: var(--dark-greent);
}

.analog-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 6px;
    margin-top: 15px;
}

.analog-list a {
    display: block;
    border: 1px solid var(--light-greent);
}

.analog-list a .a-image {
    display: flex;
    height: 150px;
    justify-content: center;
    align-items: center;
}

.analog-list a .a-image img {
    max-height: 90px;
    max-width: 60%;
}

.analog-list a .a-name {
    display: block;
    height: 66px;
    box-sizing: border-box;
    padding: 21px 24px;
    font: var(--fs-nav2);
    color: var(--blackt);
}

.quest {
    display: block;
    margin-top: 80px;
}

.quest .q-icon {
    display: flex;
    width: 40px;
    height: 40px;
    border: 1px solid var(--dark-greent);
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    line-height: 100%;
    color: var(--dark-greent);
}

.q-big {
    display: block;
    font: var(--fs-h6);
    color: var(--blackt);
    margin: 24px 0 8px 0;
}

.q-small {
    display: block;
    font: var(--fs-p4);
    color: var(--blackt);
    margin: 0 0 32px 0;
}

.quest a {
    background-color: var(--dark-greent);
    color: var(--white);
    padding: 15px 24px;
    font: var(--fs-nav2);
    display: inline-block;
    transition: all 0.2s ease;
}

.quest a:hover {
    transform: scale(1.1);
}

.char-item {
    display: flex;
    /*grid-template-columns: max-content 1fr max-content;
    grid-gap: 8px;*/
    gap: 8px;
    justify-content: space-between;
    margin: 8px 0;
}



.char-item .dots {
    border-bottom: 1px dotted var(--blackt);
    width: 100%;
}

.pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.pager .showed {
    font: var(--fs-nav2);
    color: var(--gray-textt);
}

.pager .pages {
    display: flex;
    justify-content: flex-end;
}

.pager .pages a,
.pager .pages span {
    display: flex;
    width: 32px;
    font: var(--fs-nav2);
    color: var(--blackt);
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    border-bottom: 3px solid var(--page-bg);
}

.pager .pages a.selected {
    color: var(--dark-greent);
    border-bottom: 3px solid var(--dark-greent);
}

.pager .pages a.next-c-page {
    color: var(--dark-greent);
}

.my-company {
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-gap: 0px;
    padding: 0px 0;
    position: sticky;
    top: 0;
    border-top: 1px solid var(--light-greent);
}

.my-info {
    border-right: 1px solid var(--dark-greent);
}

content.cabinet-content {
    padding: 0;
}

.cab-main-page {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
    padding: 20px;
}

.short-info {
    display: block;
    border: 1px solid var(--dark-green);
}

.short-info .csi-name {
    display: block;
    text-align: center;
    padding: 10px;
    background-color: var(--dark-green);
    color: var(--white);
}

.fast-buttons {
    grid-column: span 3;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}

.fast-buttons .button i {
    font-size: 40px;
    border-radius: 0;
    background-color: transparent;
    color: var(--white);
}

.csi-content {
    padding: 10px 20px 30px;
}

.csi-params {
    display: grid;
    grid-template-columns: 1fr 180px 180px 180px;
    padding: 10px 0;
    border-top: 1px solid var(--light-green);
}

.csi-params>div:nth-child(n+2)
{
    text-align: right;
}

.csi-params h4 {
    margin: 0;
}

.csi-param-value {
    font-weight: bold;
}

.csi-param-value.big {
    font-size: 1.5em;
}

.red {
    color: #ff0000;
}

.green {
    color: var(--dark-green);
}

.cab-content {
    border-top: 1px solid var(--light-greent);
    box-sizing: border-box;
    padding: 20px;
    color: var(--blackt);
    position: relative;
    height: fit-content;
    /*overflow: auto;*/
}

.cc-wrapper
{
    width: fit-content;
    min-width: 100%;
    display: block;
    height: fit-content;
}

.cab-content h1 {
    margin-top: 0;
}

.cab-block {
    display: grid;
    grid-template-columns: 250px 7fr;
}

.cab-block.hidden
{
    grid-template-columns: 60px 1fr;   
}


.mc-icon {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--page-bg);
    background-color: var(--dark-greent);
    padding: 10px 0 10px 20px;
}

.mc-text {
    grid-column: span 2;
}

.mc-text>span {
    display: block;
    padding: 10px 20px;
}

.mc-text a {
    display: flex;
    align-items: center;
    background-color: var(--light-greent);
    color: var(--black);
    padding: 20px 20px;
    border-top: 1px solid var(--dark-greent);
}

.mc-text a i {
    font-size: 25px;
    line-height: 14px;
    margin-right: 10px;
    position: relative;
}

.mc-text a i sup
{
    position: absolute;
    right: -11px;
    top: -11px;
    display: block;
    padding: 3px;
    border-radius: 50%;
    min-width: 15px;
    text-align: center;
    background-color: var(--dark-green);
    color: var(--white);
    font-size: 10px;
    font-family: Arial;
}

.mc-info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    background-color: var(--dark-green);
    color: var(--page-bg);
    padding: 10px 0;
}

.mc-info a,
.mc-info span {
    display: block;
    padding-bottom: 10px;
    font: var(--fs-nav2);
    color: var(--white);
}

.mc-info span.name {
    font: var(--fs-h5);
}

.mc-info a {
    font-weight: bold;
    text-decoration: underline;
    /*color: var(--dark-greent);*/
}

.cab-block .my-info .icon-arrow-left
{
    display: block;
}

.cab-block.hidden .mc-info, .cab-block.hidden .oaddrs a span, .cab-block.hidden .bb-cat-list, .cab-block.hidden .my-info .icon-arrow-left, .cab-block .my-info .icon-arrow-right
{
    display: none;
}

.cab-block.hidden .my-info .icon-arrow-right
{
    display: block;
}

.bcatalog {
    display: block;
    margin-bottom: 12px;
}

.bcatalog .brand-name {
    display: flex;
    padding: 28px 32px;
    justify-content: space-between;
    background-color: var(--light-greent);
    color: var(--dark-greent);
    font: var(--fs-nav1);
}

.bcatalog.open {
    border: 1px solid var(--light-greent);
    border-bottom: 3px solid var(--dark-greent);
}

.bcatalog.open .brand-name {
    background-color: transparent;
}

.bcatalog .brand-name i.icon-arrow-long-up {
    display: none;
}

.bcatalog.open .brand-name i.icon-arrow-long-up {
    display: block;
}

.bcatalog.open .brand-name i.icon-arrow-long-down {
    display: none;
}

.bcatalog .bcatalog-list {
    display: none;
}

.bcatalog.open .bcatalog-list {
    display: block;
    padding: 28px 32px;
}

.bcatalog.open .bcatalog-list .bcatalog-list-item {
    display: block;
    margin-bottom: 44px;
}

.bcatalog.open .bcatalog-list .bcatalog-list-item .bcatalog-list-gname {
    display: block;
    font: var(--fs-h6);
    color: var(--blackt);
    font-weight: 500;
}

.bcatalog.open .bcatalog-list .bcatalog-list-item a {
    display: flex;
    padding: 24px 0 24px;
    border-bottom: 1px solid var(--light-greent);
    align-items: center;
    justify-content: space-between;
}

.bcatalog.open .bcatalog-list .bcatalog-list-item a .bf-name {
    color: var(--blackt);
    font: var(--fs-p3);
}

.bcatalog.open .bcatalog-list .bcatalog-list-item a .bf-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bcatalog-list .bcatalog-list-item a:hover .bf-name {
    text-decoration: underline;
}

.bcatalog-list .bcatalog-list-item a:hover .pres-button {
    background-color: var(--dark-green);
    color: var(--white);
}


.bcatalog.open .bcatalog-list .bcatalog-list-item a .bf-info .bf-size {
    color: var(--gray-textt);
    font: var(--fs-nav2);
    margin-right: 24px;
}

.certificates {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

.certificates a {
    display: grid;
    grid-template-rows: 220px 88px;
}

.certificates a .ci-thumb {
    display: grid;
    grid-template-rows: 1fr;
    padding: 40px 67px 0;
}

.certificates a .ci-thumb div {
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
}

.certificates a .ci-name {
    padding: 28px;
    font: var(--fs-p4);
    background-color: var(--light-greent);
    color: var(--blackt);
}

.news-detail {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 48px;
}

.news-detail .text {
    color: var(--blackt);
    font: var(--fs-p3);
}

.news-detail .text a {
    color: var(--dark-greent);
}
.news-detail .text a.bgreen
{
    color: var(--white);
}

.news-detail .text img {
    max-width: 100%;
    height: auto !important;
}
.news-detail .text img.logo_brend_in_news
{
    display: block;
    margin:30px 0 10px;
    width: auto;
    height: 50px !important;
}
.news-detail .text img.logo_brend_in_news.realelectro, .news-detail .text img.logo_brend_in_news.realintellect
{
    height: 30px !important;
}

.news-detail .text .nd-main-image {
    width: 100%;
    margin-bottom: 32px;
}

.nd-date .news-date {
    margin-bottom: 40px;
}

.nd-date .nd-pname {
    display: block;
    font: var(--fs-nav3);
    color: var(--gray-textt);
    margin-bottom: 12px;
}

.ost-item {
    display: block;
    padding: 0px 28px 32px;
    background-color: var(--light-greent);
}

.ost-item .ost-blogo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
}

.ost-item .ost-blogo img {
    max-width: 50%;
    max-width: 50%;
}

.ost-item .ost-desc {
    display: block;
    padding: 32px 0 23px;
    border-top: 1px solid var(--sup-greyt);
    border-bottom: 1px solid var(--sup-greyt);
}

.ost-item .ost-desc p {
    margin: 0 0 33px;
    font: var(--fs-p2);
    color: var(--blackt);
}

.ost-item .ost-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ost-item .ost-info .fname {
    color: var(--blackt);
    font: var(--fs-p3);
}

.ost-item .ost-info .ost-size {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ost-item .ost-info .ost-size div {
    color: var(--gray-textt);
    font: var(--fs-nav2);
    margin-right: 24px;
}

.ost-item .ost-info .ost-size .pres-button {
    background-color: var(--page-bg);
    min-width: 71px;
}

.unreg-cart-block {
    display: grid;
    grid-template-columns: 3fr 4fr;
    border-top: 1px solid var(--light-greent);
    border-bottom: 1px solid var(--light-greent);
}

.unreg-cart-block .reg-info {
    border-right: 1px solid var(--light-greent);
    padding: 48px 152px 48px 0;
    box-sizing: border-box;
}

.ri-title {
    font: var(--fs-h4);
    color: var(--blackt);
}

.ri-subtitle {
    font: var(--fs-h5);
    color: var(--blackt);
    margin-top: 40px;
}

.ri-icon {
    display: block;
    padding: 32px 0 20px;
    font-size: 32px;
    color: var(--dark-greent);
}

.unreg-cart-block .reg-info p {
    font: var(--fs-p3);
    margin: 12px 0 32px;
    color: var(--blackt);
}

.ri-buttons {
    display: flex;
    justify-content: space-between;
}

.ucb-cart {
    display: block;
    box-sizing: border-box;
    padding: 18px 0px 48px 152px;
}

.ucb-cart-top {
    display: grid;
    grid-template-columns: 1fr 140px;
    grid-gap: 32px;
}

.ucb-cart-bottom {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 32px;
}

.cart-info .count-info {
    font: var(--fs-nav1);
    color: var(--gray-textt);
}

.cart-info .full-sum {
    font: var(--fs-h2);
    color: var(--blackt);
    font-weight: 500;
}

.cart-item {
    display: grid;
    grid-template-columns: 2fr 3fr 1fr;
    grid-gap: 10px;
    grid-template-areas: "image info rem""image price cnt";
    border: 1px solid var(--light-greent);
    padding: 40px;
    margin: 32px 0;
}

.cart-item .cai-image {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: image;
}

.cart-item .cai-image img {
    max-width: 80%;
    /*max-height: 80%;*/
}

.cart-item .cai-info {
    grid-area: info;
}

.cart-item .cai-info .article {
    font: var(--fs-nav3);
    color: var(--gray-textt);
    display: block;
}

.cart-item .cai-info a {
    font: var(--fs-nav2);
    color: var(--blackt);
    margin-top: 8px;
    display: block;
}

.cart-item .cai-price {
    grid-area: price;
}

.cart-item .cai-price div {
    font: var(--fs-h6);
    color: var(--blackt);
}

.cart-item .cai-price span {
    font: var(--fs-nav3);
    color: var(--gray-textt);
}

.cart-item .remover {
    grid-area: rem;
    text-align: right;
}

.cart-item .remover a {
    color: var(--gray-textt);
    font: var(--fs-nav3);
}

.cart-item .cai-cblock {
    grid-area: cnt;
    display: flex;
    align-items: flex-end;
}

.cart-item .cai-cblock .counter {
    height: 48px;
    grid-template-columns: 3fr 5fr 3fr;
}

#configure2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#configure2 #conf_left_part {
    background: url('/images/grid.png');
    display: flex;
    justify-content: center;
    align-items: center;
}

#configure2 #conf_left_part #wall {
    display: block;
    width: 200px;
    height: 200px;
}

#configure2 #conf_left_part #wall #frame {
    display: block;
    width: 200px;
    height: 200px;
    margin: 20px;
    background-size: cover;
}

#configure2 #conf_left_part #wall #switch {
    display: block;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#configure2 .frames {
    width: 615px;
    overflow: auto;
}

#configure2 .frames a {
    display: block;
    width: 100px;
    height: 150px;
    text-align: center;
    float: left;
    margin: 10px;
    font: var(--fs-nav3);
    color: var(--blackt);
    position: relative;
}

#configure2 .frames a.selected:after {
    content: " ";
    background: url('/images/check.png') center center no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
}


#configure2 .frames a img {
    max-width: 100%;
}

#configure2 .conf-right {
    background-color: var(--page-bg);
    border-top: 1px solid var(--light-greent);
    border-right: 1px solid var(--light-greent);
    border-left: 1px solid var(--light-greent);
}

#configure2 .conf-rblock {
    padding: 28px;
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid var(--light-greent);
}

#configure2 .conf_action_name {
    font-weight: bold;
    font: var(--fs-h6);
    color: var(--blackt);
    padding: 0px 0px 8px;
}

#configure {
    display: grid;
    width: 100%;
    grid-template-columns: 240px auto;
}

#configure2 #conf_left_part {
    position: relative;
}

#configure #conf_left_part #wall {
    display: block;
    width: 240px;
    height: 240px;
}

#configure2 #conf_left_part .color-checker {
    display: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0 23px 33px;
    background-color: var(--white);
    left: 0;
    bottom: 0;
    position: absolute;
}

#configure2 #conf_left_part .conf_action_name {
    padding: 20px 0;
}

.bg {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 20px;
    bottom: 20px;
    background-color: var(--page-bg);
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    box-shadow: 0px 3px 20px rgba(15, 23, 10, 0.08);
    border-radius: 5px;
    color: var(--blackt);
}

#configure2 #conf_left_part .color-checker .palet {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(9, 15px);
}

#configure2 #conf_left_part .color-checker .palet div.selected {
    border: 2px solid var(--white);
}

.series-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px;
}

.series-list a {
    display: block;
    padding: 24px 28px;
    border: 1px solid var(--light-greent);
    color: var(--blackt);
}

.series-list a .sl-image {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.series-list a .sl-name {
    font: var(--fs-h5);
    font-weight: 500;
}

.series-list a .sl-desc {
    font: var(--fs-p5);
    max-height: 120px;
    overflow: hidden;
    display: block;
}

.series-list a .sl-image img {
    max-width: 90%;
    max-height: 90%;
}

.search-card {
    display: grid;
    border-bottom: 1px solid var(--light-greent);
    padding: 10px;
    box-sizing: border-box;
    grid-template-columns: 60px 1fr 30px 150px;
    grid-gap: 10px;
}

.search-card:hover,
.search-card.selected {
    background-color: var(--light-greent);
}

.search-card .sc-image {
    height: 60px;
}

.search-card .sc-image img {
    max-width: 100%;
    max-height: 60px;
}

.search-card .sc-info span {
    display: block;
}

.search-card .sc-info span.sc-article {
    font: var(--fs-nav3);
    color: var(--gray-textt);
}

.search-card .sc-info span.sc-name {
    font: var(--fs-nav2);
    color: var(--blackt);
}

.search-card .onboard {
    position: relative;
}

.sc-price {
    display: flex;
    align-items: center;
    font: var(--fs-h6);
    color: var(--blackt);
}

.search-card .onboard.yes:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Icomoon";
    content: "\e916";
    font-size: 8px;
    width: 18px;
    height: 18px;
    border-radius: 11px;
    color: var(--dark-greent);
    border: 1px solid var(--dark-greent);
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -10px;
}

.search-card .search-tocart {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.contract {
    display: block;
    border: 1px solid var(--light-greent);
    padding: 15px;
    margin: 15px 0;
}

.contract>h4:first-child {
    margin-top: 0;
}

.contract a {
    color: var(--dark-greent);
}

.contract-param {
    display: grid;
    grid-template-columns: 150px 1fr;
    padding: 5px 10px;
    color: var(--blackt);
}

.cp-name {
    font-weight: bold;
}

.address-form {
    display: block;
    max-width: 600px;
    padding: 15px 30px;
    border: 1px solid var(--light-greent);
}

.address-form .form-footer {
    margin-top: 20px;
}

.uaddr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.ua-map {
    display: block;
    width: 100%;
    height: 200px;
}



.order-item {
    display: grid;
    grid-template-columns: 140px 90px 250px 1fr 150px 100px 120px 100px 100px 50px;
    grid-gap: 1px;
    padding: 5px 0;

    color: var(--blackt);
    border-top: 1px solid var(--light-green);
    /*font-size: 12px;*/
}

.bproject-item {
    display: grid;
    grid-template-columns: 100px 100px 80px 100px 100px 150px 150px 100px 100px 1fr 50px;
    grid-gap: 1px;
    padding: 5px 0;
    width: 100%;
    color: var(--blackt);
    border-top: 1px solid var(--light-green);
    /*font-size: 12px;*/
}

.shipment-list .order-item
{
    grid-template-columns: 100px 140px 140px 1fr 1fr 150px 100px 1fr 100px;
}

.reklam-list .order-item
{
    grid-template-columns: 100px 140px 1fr 1fr 150px 150px max-content;
}

.one-shipment-item
{
    display: grid;
    grid-template-columns: 40px 150px 70px 1fr 100px 150px 130px 150px 100px 100px 100px 100px;
    grid-gap: 1px;
    padding: 5px 0;
    color: var(--blackt);
    border-top: 1px solid var(--light-green);
}

.type3 .one-shipment-item
{
    grid-template-columns: 40px max-content 150px 70px 1fr 100px 150px 130px 150px 100px;
}

.type1 .one-shipment-item
{
    grid-template-columns: 40px 150px 70px 1fr 100px 150px 130px 150px 100px max-content;
}

.one-shipment-item.rek
{
    grid-template-columns: 40px 150px 70px 1fr 100px 150px 130px 150px 100px;
}

.one-shipment-item:nth-child(1)>div
{
    text-align: center;
    justify-content: center;
}

.one-shipment-item:nth-child(1)>div:nth-child(2),
.one-shipment-item:nth-child(1)>div:nth-child(4)
{
    text-align: left;
    justify-content: flex-start;
}

.order-item:nth-child(n+2) .order-sum
{
    text-align: right;
    justify-content: flex-end;
}

.one-shipment-item:nth-child(n+2)>div:nth-child(5),
.one-shipment-item:nth-child(n+2)>div:nth-child(6),
.one-shipment-item:nth-child(n+2)>div:nth-child(7),
.one-shipment-item:nth-child(n+2)>div:nth-child(8)
{
    text-align: right;
    justify-content: flex-end;
}

.one-shipment-item.result div
{
    font-size: 1.5em;
    font-weight: bold;
}

.one-shipment-item.result div:nth-child(1)
{
    grid-column: span 7;
}
.one-shipment-item.result div:nth-child(2)
{
    grid-column: span 1;
    text-align: right;
    justify-content: flex-end;
}

.one-shipment-item img
{
    display: block;
    max-width: 100%;
    max-height: 50px;
    transition: all 0.3s ease;
}

.one-shipment-item img:hover
{
    transform: scale(5.0);
}

.orders-list, .docs-list
{
    border: 1px solid var(--light-green);   
}

.order-item:nth-child(2n+1) {
    /*background-color: var(--light-greent);*/
}

.order-item>*, .one-shipment-item>*
{
    align-items: center;
    display: flex;
}

.order-item>*.order-contr
{
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.titles {
    color: var(--dark-greent);
    border: none;
}

.order-item div, .one-shipment-item div {
    padding: 5px 10px;
}

.order-item .order-actions {
    display: flex;
    justify-content: flex-start;
}

.order-item .order-actions a {
    color: var(--dark-greent);
    margin-left: 10px;
}

.fastOrderList {
    border-collapse: collapse;
    width: 100%;
}

.fastOrderList td {
    padding: 5px;
    border: 1px solid var(--dark-green);
}

.fullOrderList {
    display: block;
    width: 100%;
    margin-top: 20px;
    border: 1px solid var(--light-green);
}

.fullOrderList .my-order-item
{
    display: grid;
    grid-template-columns: 50px 150px 50px 1fr repeat(3,100px) 90px 100px repeat(2,90px) 170px 100px 30px;
    border-top: 1px solid var(--light-green);
}

.fullOrderList .my-order-item.ns_d
{
    grid-template-columns: 50px 150px 50px 1fr repeat(3,100px) 90px repeat(2,90px) 170px 100px 30px;
}

.fullOrderList .my-order-item.ns_s, .fullOrderList .my-order-item.ns_r
{
    grid-template-columns: 50px 150px 50px 1fr repeat(3,100px) 90px 100px repeat(1,90px) 170px 100px 30px;
}

.fullOrderList .my-order-item.ns_s.ns_d, .fullOrderList .my-order-item.ns_r.ns_d, .fullOrderList .my-order-item.ns_r.ns_s
{
    grid-template-columns: 50px 150px 50px 1fr repeat(3,100px) 90px 90px 90px repeat(1,90px) 170px 100px 30px;   
}

.fullOrderList .my-order-item.ns_s.ns_d.ns_r
{
    grid-template-columns: 50px 150px 50px 1fr repeat(3,100px) 90px 170px 100px 30px;      
}

.fullOrderList>.my-order-item:nth-child(1)
{
    color: var(--dark-green);
}

.fullOrderList .my-order-item:nth-child(2n)
{
    /*background-color: var(--light-green);*/
}

.fullOrderList .my-order-item>div
{
    padding: 5px;
}

.fullOrderList>.my-order-item:nth-child(1)>div
{
    text-align: center;
}

.fullOrderList>.my-order-item:nth-child(1)>div:nth-child(2),
.fullOrderList>.my-order-item:nth-child(1)>div:nth-child(4)
{
    text-align: left;
}

.fullOrderList .my-order-item:nth-child(1)>div:nth-child(1), .fullOrderList .my-order-item:nth-child(1)>div:nth-child(3)
{
    text-align: left;
}

.fullOrderList .my-order-item:nth-child(n+2)>div
{
    display: flex;
    align-items: center;
}

.fullOrderList ol .my-order-item:nth-child(n+1)>div:nth-child(4)
{
    font-size: 12px;
}

[class*="-filters-block"]
{
    position: sticky;
top: 0;
    z-index: 5;
}

.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(5),
.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(6),
.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(7),
.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(8),
.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(9),
.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(10),
.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(15),
.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(12),
.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(13),
.fullOrderList .sorter .my-order-item:nth-child(n+1)>div:nth-child(14)
{
    text-align: right;
    justify-content: flex-end;
}

.fullOrderList .my-order-item .col2 {grid-column: span 2; text-align: right; justify-content: flex-end;}
.fullOrderList .my-order-item .col10 {grid-column: span 12;}

.fullOrderList .my-order-item.final
{
    font-size: 1.5em;
    font-weight: bold;
    border-top: 1px solid var(--light-green);
    border-bottom: 1px solid var(--light-green);
}

.fullOrderList .my-order-item:nth-child(n+2)>div:nth-child(2)
{
    font-size: 1em;
}

.fullOrderList .c-input {display: flex;}

.fullOrderList .my-order-item img
{
    max-width: 100%;
    max-height: 50px;
    transition: all 0.3s ease;
}

.fullOrderList .my-order-item img:hover
{
    transform: scale(5.0);
}

/*.fullOrderList tbody {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1px;
    background-color: var(--dark-green);
    width: 100%;
}

.fullOrderList thead {
    font-size: 0.8em;
}

.fullOrderList tr {
    display: grid;
    grid-template-columns: repeat(19, 1fr) 30px;
    grid-gap: 1px;
    background-color: var(--dark-green);
}

.fullOrderList td {
    display: block;
    padding: 5px;
    background-color: var(--page-bg);
}

.fullOrderList td:nth-child(1) {
    grid-column: span 1;
}

.fullOrderList td:nth-child(2) {
    grid-column: span 2;
}

.fullOrderList td:nth-child(3) {
    grid-column: span 3;
}

.fullOrderList td:nth-child(4) {
    grid-column: span 2;
}

.fullOrderList td:nth-child(5) {
    padding: 0;
    grid-column: span 2;
}


.fullOrderList thead td:nth-child(5) {
    padding: 5px;
    grid-column: span 2;
}

.fullOrderList td:nth-child(6) {
    grid-column: span 2;
}*/

.fullOrderList .warehouse {
    display: flex;
    align-items: center;
    justify-content: center;

}

.winfo {
    display: block;
    position: relative;
    margin-left: 7px;
}

.winfo div {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: var(--white);
    border: 1px solid var(--dark-green);
    padding: 10px;
    z-index: 5;
}

.winfo:hover div {
    display: block;
}

.winfo div .fo-ob {
    display: flex;
    justify-content: space-between;
    background: no-repeat;
    color: var(--black);
    white-space: nowrap;
}

.winfo div .fo-ob b {
    margin-left: 15px;
}

.fo-ob {
    display: inline-grid;
    grid-template-columns: 20px max-content;
    padding: 5px;
    border-radius: 3px;
    color: var(--white);
    margin-bottom: 5px;
}

.fo-ob b {
    text-align: right;
}

.fo-ob>i:first-child {
    margin-right: 10px;
}

.fo-ob.ob1 {
    background: var(--dark-green);
}

.fo-ob.ob2 {
    background: var(--orange);
}

.fo-ob.ob3 {
    background: var(--red);
}

.fullOrderList thead td:nth-child(3) {
    padding: 5px;
}

.fullOrderList td:nth-child(7) {
    grid-column: span 2;
    display: block;
    justify-content: flex-start;
    align-items: center;
}

.fullOrderList td:nth-child(7) span {
    margin-right: 10px;
}

.fullOrderList td:nth-child(8) {
    grid-column: span 3;
}

.fullOrderList td:nth-child(9) {
    grid-column: span 2;
}

.fullOrderList .foitog td:nth-child(1) {
    grid-column: span 17;
}

.fullOrderList .foitog td:nth-child(2) {
    grid-column: span 3;
}



.fullOrderList .counter {
    grid-template-columns: 25px 1fr 25px;
    grid-template-rows: 1fr;
    height: 100%;
}

.fullOrderList .counter a {
    background-color: var(--dark-green);
    color: var(--page-bg);
}

.fullOrderList .remover {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--dark-greent);
}

.full-order-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

.full-order-actions a {
    display: grid;
    grid-template-columns: 20px 1fr;
    background-color: var(--dark-green);
    color: var(--white);
    padding: 5px 10px;
    grid-gap: 10px;
    font: var(--fs-nav2);
    margin-right: 20px;
}

.full-order-actions a span
{
    display: flex;
    align-items: center;
}

.full-order-actions a:hover {
    opacity: 0.8;
}

.full-order-actions a i {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.focomment {
    display: block;
    margin-top: 15px;
    border: 1px solid var(--dark-greent);
    background-color: var(--page-bg);
    color: var(--blackt);
    -webkit-appearance: none;
    width: 100%;
    max-width: 400px;
    height: 200px;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
}

.add-new-product {
    display: grid;
    grid-template-columns: 1fr 100px 160px;
    border: 1px solid var(--dark-greent);
    margin-top: 0px;
}

.anp-count {display: flex;}

.af-results {
    display: none;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid var(--dark-greent);
    background-color: var(--page-bg);
    width: calc(100% + 2px);
    left: -1px;
    max-height: 150px;
    overflow: auto;
    top: 32px;
}

.af-results a {
    display: block;
    color: var(--blackt);
    padding: 5px;
}

.anp-count .counter {
    height: 100%;
}

.prod-adder .button
{
    padding: 0px 10px;
    font-size: 14px;
    text-align: center;
    justify-content: center;
}

.prod-adder
{
    display: grid;
    width: 100%;
    grid-gap: 20px;
    grid-template-columns: 200px 1fr 250px 50px;
}

.prod-adder .infoBtn
{
    display: flex;
    background-color: var(--dark-green);
    color: var(--white);
    justify-content: center;
    font-weight: bold;
    align-items: center;
}

.add-npff
{
    display: grid;
    grid-template-columns: 1fr;
}

.add-npff .bf-input
{
    padding: 0 20px;
}

.add-npff .button .bf-input
{
    padding: 0;
    width: 100%;
}

.add-npff .bf-input input[type=file]+label
{
    padding: 0 20px;
    box-sizing: border-box;
}

.add-npff .button .bf-input input[type=file]+label
{
    color: var(--white);
    width: 100%;
    font-size: 14px;
}

.art-finder {
    display: flex;
    position: relative;
    border-right: 1px solid var(--dark-greent);
}

.art-finder.unvisible {
    display: none;
}

.art-selected {
    border-right: 1px solid var(--dark-greent);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    box-sizing: border-box;
}

.art-selected.unvisible {
    display: none;
}

.art-finder input {
    -webkit-appearance: none;
    display: flex;
    border: none;
    margin: 0;
    box-sizing: border-box;
    font: var(--fs-p2);
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0 10px;
    outline: none;
}

.partnership-text {
    display: block;
    border-top: 3px solid var(--dark-greent);
    border-bottom: 3px solid var(--dark-greent);
    color: var(--blackt);
    padding: 80px 0;
    margin: 20px 0 80px;
    font: var(--fs-p3);
}

.partnership-text ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.partnership-text ul li {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding-left: 100px;
    padding-bottom: 48px;
}

.partnership-text ul li:before {
    content: "\e916";
    font-family: 'icomoon';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    background-color: var(--dark-greent);
    color: var(--white);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    left: 10px;
    top: 30px;
}

.partnership-text ul li:last-child {
    padding-bottom: 0;
}

.partnership-text ul li .name {
    display: block;
    font: var(--fs-h5);
}

.compare-type {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.compare-type div {
    display: flex;
    justify-content: flex-start;
}

.compare-type div a {
    margin-left: 20px;
    padding: 14px 20px;
    border: 1px solid var(--light-green);
    font: var(--fs-nav3);
    color: var(--blackt);
}

.compare-type div a.selected {
    border-color: var(--dark-greent);
    background-color: var(--dark-greent);
    color: var(--white);
}

.compare-type div a:first-child {
    margin-left: 0;
}

.top-list {
    display: grid;
}

.prop-list .cl-row {
    display: grid;
    padding: 0px 0;
    font: var(--fs-nav2);
    color: var(--blackt);
}

.cl-row:nth-child(2n+1) {
    background-color: var(--light-green);
}

.top-list.cl-row:nth-child(2n+1),
.buy-list.cl-row:nth-child(2n+1) {
    background-color: var(--white);
}

.compare-list {
    display: block;
    width: 100vw;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    border-top: 1px solid var(--grey);

}

.cl-wrapper {
    padding-top: 0px;
}

.cprop-name {
    padding-left: 30px;
}

.rm {
    display: flex;
    justify-content: flex-end;
}

.as-cmp {
    display: flex;
    justify-content: space-between;
    font: var(--h6);
    margin-bottom: 11px;
}

.top-item .name {
    font: var(--h5);
}

.buy-list {
    display: grid;
    height: 110px;
    border-top: 1px solid var(--grey);
}

.buy-list .gbutton {
    display: inline-block;
}

.buy-list>div {
    padding: 35px 0;
}

.cl-row>div {
    padding-top: 23px;
    padding-bottom: 23px;
}

.cl-row>div:first-child {
    border-right: 1px solid var(--grey);
}

.cl-row.buy-list>div:first-child {
    border-right: none;
}

.cl-row.buy-list>div {
    text-align: center;
}

.cp-remover i {
    font-size: 0.9em;
    color: var(--gold);
}

.bmh-column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.bmh-column a {
    opacity: 0.7;
    background-color: var(--dark-green);
    color: var(--white);
    transition: all 0.2s ease;
    padding: 10px 20px;
    text-align: center;
}

.bmh-column a:hover {
    opacity: 1;
}

.rekl {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0px 0;
    margin: 20px 0;
    grid-gap: 1px;
    background-color: var(--dark-greent);
    border: 1px solid var(--dark-greent);
}

.rekl .rekitem {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 1px;
}

.rekl .rekitem>div {
    background-color: var(--page-bg);
    font: var(--fs-p3);
    padding: 10px;
}

.sl-block {
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-gap: 10px;
    margin-bottom: 10px;
}

.sl-block span {
    display: block;
    padding: 5px;
}

.bb-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bb-pager a {
    display: block;
    padding: 5px 10px;
    border: 1px solid var(--dark-green);
    margin: 5px;
}

.bb-pager a.selected {
    color: var(--white);
    background-color: var(--dark-green);
}

.o-contract {
    display: grid;
    grid-template-columns: 130px 1fr 20px;
    width: 90%;
    grid-gap: 20px;
}

.o-contract .button
{
    box-sizing: border-box;
    text-align: center;
    display: flex;
    padding: 10px 20px;
    height: 100%;
    justify-content: center;
}

.o-contract>div:first-child {
    display: flex;
    align-items: center;
}

.o-contract>div, .o-contract div.bf-input
{
    padding-top: 0;
}

.o-contract .bf-input.bf-select span
{
    padding: 5px 0;
    font:  var(--fs-p4);
}

.bill {
    display: block;
    padding-top: 20px;
}

.bill a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--dark-greent);
    padding: 10px 20px;
    border-radius: 3px;
}

.bill a i {
    font-size: 2em;
    margin-right: 10px;
}

#order-name
{
    font-size: 18px;
    padding: 10px 20px;
    -webkit-appearance: none;
    border: 1px solid var(--light-green);
    margin-bottom: 20px;
}

.shipment-top
{
    display: grid;
    grid-template-columns: 1fr 250px;
}

.shipment-top>div:nth-child(2)
{
    display: flex;
    align-items: center;
}

.one-shipment-item .files, .one-shipment-item .package
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
}

.one-shipment-item .files .floader, .one-shipment-item .files .packloader
{
    background: var(--light-green);
    border: 1px dashed var(--dark-green);
    display: flex;
    width: 60px;
    height: 60px;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 0px 0;
    font-size: 25px;
    box-sizing: border-box;
}

.one-shipment-item input[name=condition]
{
    -webkit-appearance: none;
    border: 1px solid var(--light-green);
    padding: 5px 10px;
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box;
}

.one-shipment-item .files .loaded, .one-shipment-item .package .loaded
{
    background: var(--white);
    border: 1px solid var(--dark-green);
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    padding: 30px 10px;
    box-sizing: border-box;
}

.files-flex
{
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.files-flex>div
{
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
}

.files-flex>div a
{
    display: block;
    width: 60px;
    height: 60px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.rek-image
{
    position: relative;
}

.one-shipment-item .package
{
    flex-direction: column;
}
.one-shipment-item .files
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px;
}
.one-shipment-item .files .loaded>div, .one-shipment-item .package .loaded>div
{
    position: relative;
}

.one-shipment-item .files .floader span, .one-shipment-item .packloader span
{
    opacity: 0.6;
}

.one-shipment-item h3
{
    font-size: 12px;
}

.one-shipment-item .files .floader input, .one-shipment-item .files .packloader input
{
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.one-shipment-item .info
{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;   
}

.one-shipment-item .info textarea
{
    -webkit-appearance: none;
    border: 1px solid var(--light-green);
    padding: 10px;
    width: 100%;
    height: 60px;
    resize: none;
}

.loaded
{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.loaded a
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.loaded a i
{
    font-size: 30px;
    display: block;
}

.loaded a span
{
    font-size: 10px;
    display: block;
    height: 12px;
    overflow: hidden;
    max-width: 40px;
}

#mbanalog
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
}

#mbanalog .bf-input.bf-select
{
    padding-top: 0;
}

#mbanalog .bf-input.bf-select span
{
    padding: 3px 5px 3px 0;
    font-size: 14px;
}

@media all and (min-width: 959px) {
    .catalog-list.tile.cb-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .partner-block:hover .pb-line1 i,
.partner-block:hover .pb-line2,
.partner-block:hover .chanel-link a span {
    color: var(--white);
}

.partner-block:hover .pb-bg {
    display: block;
}

    footer .t-footer {
        grid-template-rows: 1fr max-content;
        grid-gap: 0;
        grid-column-gap: 60px;
        grid-row-gap: 10px;
    }

    #slider.prj-slider {
        height: 90vh;
    }

    .text #slider.prj-slider {
        height: auto;
    }

    .t-footer .contacts {
        grid-row: span 2;
    }

    .t-footer .bm-column.bm-first {
        grid-row: span 2;
    }

    .t-footer .bmh-column {
        grid-column: span 2;
    }

    .about-top.long-first>div:nth-child(1) {
        grid-column: span 2;
        box-sizing: border-box;
        padding-right: 100px;
    }

    .projects-list form {
        position: sticky;
        top: 0;
    }

    form.search {
        position: relative;
    }

    form.search .search-results {
        display: none;
        overflow: auto;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        right: 0;
        top: 50px;
        background-color: var(--page-bg);
        border: 1px solid var(--light-greent);
        max-height: 50vh;
        position: absolute;
        box-shadow: 0 10px 10px var(--light-greenth);
        z-index: 5;
    }

    .ms {
        display: none !important;
    }

    #filtcount {
        display: block;
        position: absolute;
        background-color: var(--dark-greent);
        color: var(--page-bg);
        font: var(--fs-nav1);
        padding: 5px 10px 5px 15px;
        z-index: 100;
    }

    #filtcount:before {
        content: "";
        display: block;
        position: absolute;
        transform: rotate(45deg);
        left: -11px;
        background-color: var(--dark-greent);
        width: 21px;
        height: 21px;
    }

    content {
        padding-bottom: 120px;
    }

    .right-actions {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1px;
        width: 56px;
        background-color: #BDC6C8;
        position: fixed;
        right: 0;
        bottom: 218px;
    }

    .right-actions div {
        height: 56px;
        display: block;
        position: relative;
    }

    .right-actions div a {
        display: flex;
        position: absolute;
        justify-content: center;
        align-items: center;
        min-width: 100%;
        box-sizing: border-box;
        height: 56px;
        top: 0;
        right: 0;
        color: var(--dark-green);
        text-decoration: none;
        font: var(--fs-nav3);
        padding: 0 19px;
        background-color: var(--light-green);
    }

    .right-actions div a i {
        font-size: 18px;
    }

    .right-actions div a span {
        display: none;
    }

    .right-actions div a:hover span {
        display: block;
        margin-right: 8px;
    }

    .p-filter {
        position: relative;
    }

}

@media all and (max-width: 958px) {
    .fs {
        display: none !important;
    }

    body {
        padding-bottom: 59px;
    }

    h2
    {
        font: var(--fs-h2new);
        margin: 30px 0 20px;
    }

    .mob-menu {
        display: none;
        position: absolute;
        width: 100vw;
        top: 60px;
        left: 0;
        height: calc(100vh - 120px);
        background-color: var(--white);
        overflow: auto;
        font-size: 16px;
    }

    header
    {
        position: sticky;
        z-index: 3;
        top: 0;
        background: var(--white);
    }

    .mm-block div>div {
        display: none;
    }

    .mm-block div {
        display: block;
    }

    .mm-block>div>a {
        display: block;
        padding: 16px;
        color: var(--blackt);
        font: var(--fs-nav2);
        font-size: 16px;
        border-top: 1px solid var(--sup-greyt);
    }

    .mm-block>div>div>.wrapper a {
        display: block;
        padding: 16px 16px 16px 32px;
        color: var(--blackt);
        font: var(--fs-nav2);
    }

    .mm-block div a i {
        float: right;
        font-size: 0.8em;
        line-height: 1.6em;
    }

    .mm-top {
        display: block;
        padding: 0 0 15px;
    }

    .mcat-button {
        display: flex;
        justify-content: space-between;
        padding: 15px 15px;
        color: var(--white);
        background-color: var(--dark-greent);
    }

    .mob-top-cat-struct {
        display: none;
    }

    .mob-top-cat-struct>div>div>a /*,.mob-top-cat-struct>a*/ {
        display: block;
        color: var(--blackt);
        font: var(--fs-nav2);
        font-size: 16px;
        padding: 16px;
        border-top: 1px solid var(--sup-greyt);
    }

    .mob-top-cat-struct>div>a.mm-selector
    {
        padding: 16px;
        display: block;
        color: var(--gray-text);
    }

    .mob-top-cat-struct>div>div>a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mob-top-cat-struct>div>div>a i {
        font-size: 0.8em;
    }

    .mob-top-cat-struct>div>.subcat-menu {
        display: none;
        padding: 0px 0px 0px 16px;
    }

    .mob-top-cat-struct>div>.subcat-menu a {
        display: block;
        padding: 16px;
        color: var(--blackt);
        font: var(--fs-nav2);
    }

    .calc-project {
        padding: 10px 14px 10px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--sup-greyt);
        margin-left: 0;
        margin-top: 12px;
        margin-bottom: 20px;
    }

    .mm-top .checker {
        display: block;
        padding: 4px 0;
    }

    footer #subscribe
    {
        margin-bottom: 36px;
    }

    .cart i sup, .act i sup
    {
        display: none;
    }

    .main-video i
    {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

    .green-footer {
        padding: 48px 0px 36px;
        box-sizing: border-box;
        margin-top: 42px;
    }

    .g-footer .many-years
    {
        margin-top: 0;
    }

    .g-footer .many-years .twenty
    {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 10px;
    }

    footer p
    {
        font: var(--fs-p2);
    }

    footer .address, footer .phone, footer .email
    {
        font: var(--fs-p2);
    }

    .green-footer .wrapper {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .g-footer {
        grid-template-columns: 1fr;
        grid-template-areas: "years""tp""bt";
        grid-template-rows: repeat(3, auto);
        grid-gap: 24px;
    }

    .g-footer .gf-top,
    .g-footer .gf-bottom {
        display: block;
    }

    .g-footer .gf-top p {
        margin-top: 0;
    }

    .gf-bottom {
        padding-top: 24px;
    }

    .g-footer .gf-bottom .gf-buttons {
        display: block;
    }

    .g-footer .gf-bottom .gf-buttons a {
        width: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 12px 0;
        text-align: right;
        text-transform: uppercase;
    }

    .g-footer .gf-bottom .presentation {
        justify-content: flex-start;

    }

    .header-top {
        display: none;
    }

    .main-menu {
        display: none;
    }

    .actions {
        display: grid;
        width: 100vw;
        position: fixed;
        bottom: 0;
        grid-template-columns: repeat(5, 1fr);
        border-top: 1px solid #B2D0CD;
        background-color: #B2D0CD;
        grid-gap: 1px;
        padding: 0;
        z-index: 10;
    }

    .search-results {
        max-height: 80vh;
        overflow: auto;
        width: 100vw;
        z-index: 5;
        background: var(--page-bg);
    }

    .search-card {
        grid-template-columns: 60px 30px 1fr;
    }

    .search-card .sc-image {
        grid-row: span 2;
    }

    .search-card .sc-info {
        grid-column: span 2;
    }

    .actions .act,
    .actions .cart {
        background-color: var(--light-green);
        justify-content: center;
        height: 59px;
    }

    .actions .logo,
    .actions form.search {
        display: none;
    }

    .actions form.search.open {
        display: block;
        position: absolute;
        top: calc(-100vh + 145px);
        z-index: 100;
        width: calc(100vw - 70px);
        left: 5px;
        background: var(--page-bg);
    }

    .about-company-menu-mobile {
        display: block;
        padding: 0 0px;
        position: relative;
        z-index: 2;
    }

    .about-company-menu-mobile .mob-select,
    .mob-filter {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        padding: 14px 20px;
        background-color: var(--light-greent);
        color: var(--blackt);
        font: var(--fs-nav2);
    }

    .about-company-menu-mobile .about-company-menu {
        display: none;
        position: absolute;
        width: calc(100vw - 30px);
        left: 0px;
        top: 46px;
        background-color: var(--light-greent);
        box-sizing: border-box;
    }

    .about-company-menu-mobile .about-company-menu .ac-menu {
        display: block;
    }

    .about-company-menu-mobile .about-company-menu .ac-menu a {
        display: block;
        padding: 14px 20px;
        color: var(--blackt);
        font: var(--fs-nav2);
        margin: 0;
    }

    .about-company-menu-mobile .about-company-menu .ac-menu a.selected {
        border: none;
    }

    .about-company-menu a {
        padding: 14px 20px;
    }

    .about-top {
        grid-template-columns: 1fr;
    }

    .mission {
        grid-template-columns: 1fr;
    }

    .mission .mis-left {
        padding: 24px 20px;
    }

    .mis-right {
        padding: 24px 20px;
    }

    .mis-right .routes {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
    }

    .mis-right p {
        margin-bottom: 30px;
    }

    .history {
        margin-top: 48px;
    }

    .history-block .h-year {
        font-size: 60px;
        line-height: 60px;
    }

    .history-block {
        grid-template-columns: 1fr;
        grid-template-areas: "year""text""image";
        grid-row-gap: 20px;
    }

    .years-list {
        overflow: auto;
    }

    .years-list .wrapper a {
        width: 100px;
    }

    .structure {
        padding: 24px 0;
        width: 100vw;
    }

    .structure .wrapper {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .struct-dept {
        grid-template-columns: 1fr;
    }

    .sd-item {
        padding: 24px 0;
    }

    .sdi-name svg {
        height: 28px;
    }

    .sdi-name {
        font-size: 30px;
    }

    .geomap {
        display: none;
    }

    .geotext {
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }

    .makers {
        margin-top: 48px;
        grid-template-columns: 1fr;
        grid-template-areas: "title""text""icons";
        grid-row-gap: 32px;
    }

    .aboutmakers .b-wrapper {
        height: 192px;
    }

    .subcatalog .b-wrapper {
        height: auto;
    }

    .aboutmakers .bml-list div {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 120px);
    }

    .triple-line {
        /*grid-template-columns: repeat(1, 1fr);*/
        display: flex;
        height: fit-content;
        overflow: auto;
        margin-top: 0;
        grid-gap: 10px;
    }

    .news-full-list .triple-line
    {
        overflow: unset;
        display: flex;
        flex-wrap: wrap;
    }

    .news-full-list .triple-line>*
    {
        width: 100%;
    }

    .partner-block
    {
        flex: none;
        padding: 16px 20px;
        border-radius: 10px;
        width: 255px;
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
    }

    .partner-block .pb-line2
    {
        min-height: 0;
        font: var(--fs-p3);
    }

    .mob-new-slider
    {
        display: flex;
        grid-gap: 10px;
        height: fit-content;
        overflow: auto;
    }

    .mob-new-slider>*
    {
        flex: none;
    }

    .mns-services .about-srv
    {
        width: 230px;
        height: auto;
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 10px;
    }

    .mob-new-slider.mns-partners
    {
        grid-gap: 0;
    }

    .mob-new-slider.mns-partners>div
    {
        width: 146px;
        height: 145px;
        border-left: 1px solid var(--light-green);
        border-top: 1px solid var(--light-green);
        border-bottom: 1px solid var(--light-green);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .mob-new-slider.mns-partners>div:last-child
    {
        border-right: 1px solid var(--light-green);
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .mob-new-slider.mns-partners>div:first-child
    {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .mob-new-slider.mns-partners>div a img
    {
        max-width: 108px;
        max-height: 108px;
    }

    .mns-brands a
    {
        width: 230px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        grid-gap: 14px;
    }

    .mns-brands a div
    {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 156px;
        background-color: var(--light-green);
        border-radius: 10px;
    }

    .mns-brands a div img
    {
        max-width: 167px;
        max-height: 130px;
    }

    .mns-brands a span
    {
        display: block;
        text-align: center;
        color: var(--black);
        font: var(--fs-p2);
    }

    .mns-prods a
    {
        width: 230px;
    }

    .mns-prods a div
    {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border: 1px solid var(--light-green);
        border-radius: 10px;
        height: 280px;
    }

    .mns-prods a span
    {
        margin-top: 16px;
        display: block;
        text-align: center;
        padding: 0 10px;
        color: var(--black);
        font: var(--fs-p2);
    }

    .mns-prods a div img
    {
        max-width: 130px;
        max-height: 146px;
    }

    .breadcrumbs
    {
        padding-bottom: 30px;
    }
    h1
    {
        margin-top: 0;
    }


    .mns-services .about-srv>div:first-child
    {
        height: 156px;
        background-size: cover;
        background-position: center;
        border-radius: 10px;
        display: block;
        width: 100%;
    }

    .mns-services .about-srv>div
    {
        font: var(--fs-p5);
        color: var(--black);
    }

    .services-block
    {
        display: flex;
        flex-direction: column;
        grid-gap: 16px;
    }

    .services-block a
    {
        height: 220px;
        border-radius: 10px;
        padding: 20px;
    }

    .aboutmakers .b-wrapper
    {

    }

    .chanel {
        height: 220px;
        padding: 20px;
    }

    .triple-block {
        margin-top: 20px;
    }

    .pfi-right
    {
        width: 100%;
    }

    .pfi-right p
    {
        font: var(--fs-h4);
    }

    .pfi-right span
    {
        font: var(--fs-p2);
        margin-bottom: 20px;
    }

    .pfi-right-container
    {
        margin-bottom: 54px;
        padding-top: 24px;
    }

    .triple-line.mob-slider
    {
        display: flex;
        overflow: auto;
        height: fit-content;
        margin: 20px 0;
        grid-gap: 0;
    }

    .certificates
    {
        grid-template-columns: 1fr;
    }

    .ostatki .triple-line
    {
        display: grid;
        grid-template-columns: 1fr;
        
    }

    .bcatalog.open .bcatalog-list .bcatalog-list-item a
    {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 12px;
        padding: 12px 0 24px;
    }

    .bcatalog.open .bcatalog-list
    {
        padding: 0 20px;
    }

    .bcatalog.open .bcatalog-list .bcatalog-list-item
    {
        margin-bottom: 32px;
    }

    .bcatalog.open .bcatalog-list .bcatalog-list-item a .bf-info
    {
        flex-direction: column;
        align-items: flex-start;   
        grid-gap: 8px;
    }

    .bcatalog-file
    {
        padding-top: 12px;
    }

    #pl-list .project-item .pi-shadow
    {
        padding: 20px;
    }

    #pl-list .project-item .pi-shadow span
    {
        display: block;
        opacity: 1;
        top: 20px;
        left: 20px;
    }

    #pl-list .pi-info-top, #pl-list .pi-info-bottom
    {
        display: block;
        padding: 0;
    }

    #pl-list .pi-info
    {
        padding: 20px 20px 8px;
    }

    #pl-list .pi-info-bottom
    {
        padding: 4px 0px 12px;
    }

    .triple-line.mob-slider .project-item
    {
        width: 230px;
        height: 156px;
        flex: none;
    }

    .triple-line.mob-slider .project-item .pi-image
    {
        padding-top: 156px;
        border-radius: 10px;
        margin-right: 10px;
    }

    .triple-line.mob-slider .project-item .pi-image .pi-shadow
    {
        border-radius: 10px;
        padding: 20px;
        font: var(--fs-p3);
    }

    .triple-line.mob-slider .project-item:hover .pi-image .pi-shadow span
    {
        opacity: 0;
    }

    .project-short-info span
    {
        font: var(--fs-p2);
    }

    .project-short-info p
    {
        font: var(--fs-h5);
    }

    .tsb-text
    {
        font: var(--fs-p3);
    }

    .top-s-block
    {
        padding-top: 0;
        grid-gap: 20px;
    }

    .tsb-button .pfi-right
    {
        display: none;
    }

    .button.bgreen
    {
        padding: 17px 24px;
        font: var(--fs-h5);
    }

    .tsb-line
    {
        margin: 20px 0;
    }

    .s-title
    {
        font: var(--fs-h2new);
    }

    .whywe-block {
        grid-template-columns: 1fr;
    }

    .wwb-left {
        grid-gap: 0;
    }

    .wwbl {
        padding: 10px 0;
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }

    .wwb-right {
        padding: 24px 20px;
    }

    .top-s-block {
        grid-template-columns: 1fr;
    }

    .persons {
        grid-template-columns: 1fr;
    }

    .persons li {
        grid-template-columns: 1fr;
        height: auto;
    }

    .bigform {
        grid-template-columns: 1fr;
        margin-top: 48px;
    }

    .bigform .form-footer {
        grid-template-columns: 1fr;
    }

    .bigform .form-content {
        padding: 20px;
    }

    .bigform .form-image {
        height: 260px;
    }

    .mheader {
        display: grid;
        grid-template-columns: 1fr 60px;
        height: 60px;
        width: 100vw;
        position: relative;
        z-index: 7;
    }

    .mheader .logo {
        border-bottom: 1px solid var(--light-green);
        box-sizing: border-box;
        padding-left: 15px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .mheader .logo img {
        height: 20px;
    }

    .mheader .mmenu {
        background-color: var(--dark-green);
        color: var(--white);
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mmenu .icon-burger {display: block;}
    .mmenu.opened .icon-burger {display: none;}
    .mmenu .icon-cros {display: none;}
    .mmenu.opened .icon-cros {display: block;}

    footer .t-footer {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
        padding: 48px 0 0;
    }

    footer .t-footer .bm-column {
        display: none;
    }

    footer .t-footer .contacts {
        padding: 0 15px;
    }

    .right-actions {
        margin-top: 27px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 1px;
        background-color: var(--whiteO1);
        border-top: 1px solid var(--whiteO1);
    }

    .right-actions div {
        display: block;
        background-color: var(--black);
    }

    .right-actions div a {
        display: grid;
        width: 100%;
        box-sizing: border-box;
        grid-template-columns: 18px 1fr;
        grid-template-areas: "icon text";
        grid-gap: 9px;
        padding: 16px 15px;
    }

    .right-actions div a i {
        grid-area: icon;
        color: var(--dark-green);
        font-size: 18px;
    }

    .right-actions div a span {
        grid-area: text;
        color: var(--light-green);
        font: var(--fs-p2);
    }

    footer .b-footer {
        display: block;
        padding: 20px 15px;
        box-sizing: border-box;
    }

    footer .b-footer * {
        display: block;
        font: var(--fs-p3);
        color: var(--gray-text);
    }

    .gf-top h3
    {
        margin-top: 4px;
    }

    .button {
        padding: 10px 20px;
    }

    #slider {
        margin: 15px 0px 0 0px;
        grid-template-rows: 1fr;
        border-radius: 10px;
        height: calc(100vw - 30px);
    }

    .news-detail #slider
    {
        grid-template-rows: 1fr 40px;
        height: 50vh;
    }

    .news-detail #slider .s-img-block .s-bg
    {
        background-size: cover !important;
        border-radius: 0;
    }

    .project-detail #slider.prj-slider
    {
        margin: 15px 10px 0 10px;
        border-radius: 0;
        width: calc(100vw - 20px);
    }

    #slider .s-img-block .s-bg
    {
        border-radius: 10px;
    }

    #slider .s-img-block {
        box-sizing: border-box;
        padding: 0;
        border-radius: 10px;
    }

    

    #slider .s-img-block .s-info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%;
        padding: 24px 0px;
        box-sizing: border-box;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }

    .s-info-name{align-items: flex-start;}
    .s-info-name div {font: var(--fs-h4);}
    .s-info-name span {font-size: 60px;}

    #slider .s-img-block .s-info .sl-title {
font: var(--fs-h4);
font-weight: 600;
}

    .project-detail #slider.prj-slider .s-img-block, .project-detail #slider.prj-slider .s-img-block .s-bg, #slider.prj-slider .s-img-block .s-info
    {
        border-radius: 0;
    }

    .project-detail #slider.prj-slider
    {
        grid-template-rows: 1fr 48px;
    }

    #slider.prj-slider .s-img-block .s-info
    {
        /*box-sizing: border-box;
        padding: 0;*/
        display: none;
    }

    .project-short-info>div:nth-child(3)
    {
        text-align: left;
    }

    .project-short-info
    {
        grid-gap: 20px;
        padding: 32px 0;
    }

    #slider .s-img-block .s-info>*
    {
        padding-left: 20px;
        padding-right: 20px;
    }

    #slider .s-img-block .s-info>.s-button
    {
        padding: 0;
    }

    #slider .button.bwhite {
        width: auto;
        justify-content: center;
    }

    #slider .s-line {
        padding-left: 24px;
        grid-template-columns: 52px 1fr 97px;
    }

    .bml-list
    {
        grid-column-gap: 5px;
        grid-row-gap: 10px;
        background-color: var(--white);
        border: none;
        display: flex;
        overflow: auto;
    }

    .bml-list div {
        grid-template-rows: repeat(2, 1fr);
        grid-template-columns: repeat(1, 107px);
        grid-gap: 10px;
    }

    .bml-list div>a
    {
        border: 1px solid var(--light-green);
        border-radius: 5px;
    }

    .brands-mlist {
        width: calc(100vw - 30px);
        margin: 0px auto 20px;
    }

    .b-wrapper {
        height: 142px;
        margin-bottom: 20px;
    }

    .b-arrow-l,
    .b-arrow-r {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border: none;
        border-radius: 0px;
        color: var(--blackt);
        background-color: var(--light-greent);
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
    }

    .b-arrow-l {
        right: 48px;
        left: auto;
        border-right: 1px solid var(--sup-greyt);
    }

    .big-mbutton {
        margin: 0px 0px 0 0px;
        justify-content: center;
        padding: 9px 0;
        border: none;
        background-color: var(--dark-green);
        color: var(--white);
        border-radius: 5px;
    }

    .big-mbutton span
    {
        color: var(--white);
        font: var(--fs-nav2);
    }

    /*.big-mbutton span:after {
        font-family: 'icomoon';
        content: "\e909";
    }*/

    .big-mbutton i {
       /* display: none;*/
       color: var(--white);
       margin-left: 10px;
       font-size: 1.6em;
    }

    .nswitcher {
        padding: 30px 0px 0;
    }

    .nswitcher h2
    {
        font: var(--fs-h5);
        margin: 0;
    }

    .nswitcher span {
        font: var(--fs-h3);
    }

    .nswitch {
        height: 32px;
        width: 64px;
        border-radius: 16px;
        margin: 0 10px;
    }

    .nswitch i {
        height: 24px;
        width: 24px;
        border-radius: 12px;
        font-size: 10;
        top: 4px;
        left: 4px;
    }

    .ri-subtitle {
        margin-top: 0;
    }

    .ri-icon {
        padding: 10px 0;
    }

    .unreg-cart-block .reg-info p {
        margin: 12px 0;
    }

    .mnews, .actions-block {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        padding: 0 0px;
        margin-top: 20px;
        margin-bottom: 20px;
        grid-column-gap: 10px;
    }

    .mnews.mob-slider, .actions-block.mob-slider
    {
        display: flex;
        overflow: auto;
        height: fit-content;
    }

    .mnews .big-nblock .bnb-image, .news-full-list .news-item .bnb-image {
        display: none;
        grid-row: span 1;
    }

    .mnews .big-nblock .bnb-image img, .news-full-list .news-item .bnb-image img
    {
        display: none;
    }

    .mnews .bnb-image, .actions-block a .act-image div, .news-full-list .news-item .bnb-image
    {
        background-size: cover;
        background-position: center;
        border-radius: 10px;
        margin-bottom: 14px;
    }

    .mnews .big-nblock .news-title, .mnews .normal-nblock .news-title, .actions-block a .act-name, .news-full-list .news-item .news-title {
        color: var(--blackt);
        font: var(--fs-nav3);
    }

    .mnews .big-nblock .news-date, .actions-block a .act-date, .news-full-list .news-item .news-date {
        margin: 0;
    }

    .mnews .normal-nblock,
    .mnews .big-nblock, .actions-block a, .news-full-list .news-item {
        display: flex;
        grid-gap: 0;
        /*grid-row: span 1;
        grid-template-columns: 1fr;
        grid-gap: 12px;*/
        flex-direction: column;
        justify-content: flex-start;
        padding: 0px 0;
        border-top: none;/* 1px solid var(--light-greent);*/
        border-bottom: none; /*1px solid var(--light-greent);*/
    }

    /*.mnews a:nth-child(n+2) {
        display: none;
    }*/

    .mobile-arrows {
        display: flex;
        justify-content: space-between;
        padding: 24px 15px 0;
    }
    .mnews-counter.mobile-arrows.ms
    {
        display: none;
    }

    .mnews a, .actions-block a
    {
        width: 230px;
        flex: none;
        position: relative;
    }

    .news-full-list .news-item
    {
        flex: none;
        position: relative;
    }



    .mnews a .news-date, .actions-block a .act-date, .news-full-list .news-item .news-date
    {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px 17px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: var(--light-green);
    }

    .mnews a .news-date span, .actions-block a .act-date span, .news-full-list .news-item .news-date span
    {
        color: var(--white);
    }

    .mnews a .news-date .nd-day, .actions-block a .act-date .nd-day, .news-full-list .news-item .news-date .nd-day
    {
        font-size: 22px;
        line-height: 32px;
    }

    .news-full-list .news-item
    {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--light-green);
        margin-bottom: 20px;
    }

    .mnews a .news-date .nd-month, .actions-block a .act-date .nd-month, .news-full-list .news-item .news-date .nd-month
    {
        font-size: 10px;
        padding-top: 5px;
    }

    .mnews .big-nblock .bnb-image, .mnews a .bnb-image, .actions-block a .act-image div, .news-full-list .news-item .bnb-image
    {
        display: block;
        padding-top: 156px;
        height: 0;
    }
    .macts-counter.mobile-arrows.ms
    {
        display: none;
    }

    .mobile-arrows.mnc-hide {
        display: none;
    }

    .actions-block a .act-date .ad-before
    {
        margin-right: 5px;
        color: var(--white);
    }

    .mobile-arrows .mnc-nums {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font: var(--fs-nav3);
    }

    .mobile-arrows .mnc-nums .mnc-nums-slash {
        margin: 0 5px;
    }

    .mobile-arrows .mnc-arrows {
        display: grid;
        grid-template-columns: repeat(2, 48px);
        grid-template-rows: 48px;
        grid-gap: 1px;
        background-color: var(--sup-greyt);
    }

    .mobile-arrows .mnc-arrows a {
        background-color: var(--light-greent);
        color: var(--blackt);
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*.actions-block {
        grid-template-columns: 1fr;
        padding: 0 15px;
    }

    .actions-block a {
        grid-template-columns: 1fr;
        grid-template-rows: max-content max-content 62px;
        grid-gap: 20px;
        grid-template-areas: "image""title""date";
    }

    .mactions a:nth-child(n+3) {
        display: none;
    }

    .actions-block p {
        grid-column: span 1;
    }*/

    .main-about {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 0px;
        grid-gap: 0px;
        margin-top: 0px;
    }

    .main-video {
        /*height: calc(100vw - 30px);*/
        height: 221px;
        border-radius: 5px;
        margin: 30px 0 30px;
    }

    .ma-good, .ma-good:nth-child(6)
    {
        display: block;
        padding: 21px 30px 21px 20px;
        box-sizing: border-box;
        background-color: var(--grey6);
        border-radius: 10px;
        width: 271px;
        flex: none ;
        margin-right: 10px;
    }

    .ma-text
    {
        font: var(--fs-p3);
    }

    .ma-first-col .presentation2 {
        position: relative;
        display: grid;
        grid-template-columns: 69px 1fr;
        grid-template-areas: "icon line1" "icon line2" "icon line3";
        grid-column-gap: 27px;
    }

    .main-about .wrapper
    {
        padding: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .ma-mob-pre
    {
        display: flex;
        height: fit-content;
        overflow: auto;
    }

    .ma-buttons
    {
        display: none;
        grid-template-columns: repeat(2, 48px);
        height: 48px;
        width: 96px;
        background-color: var(--light-green);
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .ma-buttons a
    {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: var(--black);
        font-size: 25px;
    }

    .ma-buttons a:first-child
    {
        border-right: 1px solid var(--sup-grey);
    }

    .ma-first-col .presentation2>div:nth-child(1)
    {
        display: flex;
        align-items: center;
    }

    .ma-first-col .presentation2>div:nth-child(1) i
    {
        font-size: 69px;
    }

    .ma-good .mag-title
    {
        font: var(--fs-nav1);
    }

    .ma-good .mag-text
    {
        font: var(--fs-nav3);
    }

    .presentation2 .pres-button
    {
        display: inline-block;
        text-transform: uppercase;
    }

    .presentation2 .pres-name
    {
        margin-top: 12px;
    }

    /*.ma-first-col .presentation2>span:nth-child(2) {grid-area: line1; margin-top: 0;}
    .ma-first-col .presentation2>span:nth-child(3) {grid-area: line2;}
    .ma-first-col .presentation2>span:nth-child(4) {grid-area: line3;}*/

    .m-partner {
        margin-top: 48px;
        grid-template-columns: repeat(1, 1fr);
        padding: 0 0px;
        margin-bottom: 0px;
    }

    .m-partner .mp-image {
        height: 260px; /*calc(100vw - 30px);*/
    }

    .m-partner .mp-text {
        padding: 24px 20px;
    }
    .m-partner .mp-text h2
    {
        font: var(--fs-h4);
        font-weight: 500;
    }

    .m-partner .mp-text a
    {
        padding: 16px 0;
    }

    .projects-list {
        grid-template-columns: 1fr;
        margin-top: 32px;
    }

    .p-filter {
        margin-top: 20px;
        display: none;
        position: relative;
    }

    #b-list,
    #pl-list {
        grid-template-columns: 1fr;
    }

    .bd-top {
        grid-template-columns: 1fr;
        grid-template-areas: "logo""info";
        grid-gap: 32px;
    }

    .bd-top .brand-info {
        grid-area: info;
    }

    .bd-top .brand-buttons {
        grid-area: logo;
    }

    .bfiles {
        grid-template-columns: 1fr;
    }

    .bfiles.onefile
    {
        margin-top: 10px;
    }

    .bprod-block {
        grid-template-columns: 1fr;
    }

    .bprod-prods {
        grid-template-columns: 1fr;
    }

    .mnews.brand-news {
        grid-template-columns: 1fr;
    }

    .project-short-info,
    .project-full-info {
        grid-template-columns: 1fr;
    }

    .wrapper.mob-no-margin {
        padding: 0;
    }

    .news-detail {
        grid-template-columns: 1fr;
        grid-template-areas: "info""text";
    }

    .news-detail .nd-date {
        grid-area: info;
    }

    .news-detail .text {
        grid-area: text;
    }

    .actions-checker {
        grid-template-columns: 1fr;
        display: grid;
        grid-gap: 20px;
    }

    .actions-checker .infoswitcher-mini {
        justify-content: space-around;
    }

    .where-to-buy {
        grid-template-columns: 1fr;
        height: auto;
    }

    .where-to-buy .map {
        height: 100wv;
    }

    .serv-info {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .serv-slider {
        grid-template-columns: 1fr;
    }

    .serv-slider #slider {
        margin: 0;
    }

    .serv-slider-right {
        display: none;
    }

    .history-block .h-text {
        overflow: auto;
    }

    /*.mob-slider>a:nth-child(n+2) {
        display: none;
    }*/

    .bi-detail img {
        max-width: 100%;
    }

    .catalog-page {
        grid-template-columns: 1fr;
    }

    .catalog-page .back-line {
        margin-bottom: 32px;
    }

    .catalog-list.tile {
        grid-template-columns: 1fr;
    }

    .cl-top-line {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .cl-top-line .view-checker {
        display: none;
    }

    .cl-top-line .tl-actions {
        justify-content: center;
    }

    .cl-top-line .found {
        text-align: center;
    }

    .cl-main-filter {
        grid-template-columns: 1fr;
        grid-template-rows: 16px 62px;
    }

    .catalog-list.tile .catalog-item {
        grid-template-rows: 280px 18px 84px 18px 44px 48px 48px 44px;
        grid-template-areas: "image""artcount""name""dprice""price""discount""buyblock""acts";
    }

    .catalog-list.tile .catalog-item .actions-blockp,
    .catalog-list.tile .catalog-item:hover .actions-blockp {
        grid-area: acts;
        display: flex;
        padding: 13px 0;
    }

    .cl-main-filter .cl-mf-vals {
        max-width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .cl-main-filter .cl-mf-vals a {
        white-space: nowrap;
    }

    .prod-main-block {
        grid-template-columns: 1fr;
        border: none;
        grid-gap: 20px;
    }

    .pmb-fi-menu {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--light-greent);
        overflow-x: auto;
        overflow-y: hidden;
        max-width: calc(100vw - 30px);
    }

    .char-item {
        grid-template-columns: max-content 1fr min-content;
    }

    .char-item>span:first-child {
        max-width: 60vw;
    }

    .pmb-fi-menu a {
        white-space: nowrap;
        padding: 20px 0;
    }

    .pmb-fi-menu a.selected {
        padding: 20px 0 18px;
    }

    .pmb-full-info {
        grid-column: span 1;
        border: none;
    }

    .pmb-image .full-image .fi-image-img img {
        max-width: 100%;
    }

    .pmb-buyblock {
        padding: 20px;
    }

    .round {
        font-size: 60px;
        color: var(--dark-greent);
    }

    .pmb-image .icons-list {
        justify-content: space-between;
    }

    .pmb-image .icons-list a {
        width: 60px;
        height: 60px;
    }

    .pmb-image .full-image {
        grid-template-columns: 1fr;
    }

    .pmb-image .full-image .fi-arrow {
        display: none;
    }

    .pmb-image .full-image .round {
        display: none;
    }

    .pmb-info {
        display: none;
    }

    .pmb-other,
    .pmb-full-info,
    .pmb-fi-content {
        padding: 0;
    }

    .catalog-groups {
        grid-template-columns: 1fr;
    }

    .cat-group {
        display: grid;
        grid-template-columns: 1fr 3fr;
        padding: 20px;
        grid-gap: 15px;
    }

    .cat-group .groups-list {
        margin: 0;
    }

    .cat-group .groups-list .gname {
        display: none;
    }

    .cat-group .group-image {
        height: auto;
        padding: 0;
        border: none;
    }

    .cat-group .group-hider {
        display: none;
    }

    .unreg-cart-block {
        grid-template-columns: 1fr;
        padding: 20px 0;
        grid-gap: 32px;
    }

    .ucb-cart,
    .unreg-cart-block .reg-info {
        padding: 0;
        border: none;
    }

    .ucb-cart-bottom,
    .ucb-cart-top {
        grid-template-columns: 1fr;
    }

    .cart-item {
        padding: 20px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "image image""info info""price price""cnt rem";
    }

    #filtcount {
        display: block;
        position: absolute;
        background-color: var(--dark-greent);
        color: var(--page-bg);
        font: var(--fs-nav1);
        padding: 5px 10px 5px 15px;
    }

    #filtcount:before {
        content: "";
        display: block;
        position: absolute;
        transform: rotate(45deg);
        left: -11px;
        background-color: var(--dark-greent);
        width: 21px;
        height: 21px;
    }

    .where-to-buy .map {
        height: 600px;
    }

    .brands-mlist .b-arrow-l,
    .brands-mlist .b-arrow-r {
        top: 100%;
        display: none;
    }
}

.preloader {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: var(--whitebg);
    z-index: 2;
}

.bar {
    width: 10px;
    height: 70px;
    background: #fff;
    display: inline-block;
    transform-origin: bottom center;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    /*   box-shadow:5px 10px 20px inset rgba(255,23,25.2); */
    animation: loader 1.2s linear infinite;
}

.bar1 {
    animation-delay: 0.1s;
}

.bar2 {
    animation-delay: 0.2s;
}

.bar3 {
    animation-delay: 0.3s;
}

.bar4 {
    animation-delay: 0.4s;
}

.bar5 {
    animation-delay: 0.5s;
}

.bar6 {
    animation-delay: 0.6s;
}

.bar7 {
    animation-delay: 0.7s;
}

.bar8 {
    animation-delay: 0.8s;
}

@keyframes loader {
    0% {
        transform: scaleY(0.1);
        background: ;
    }

    50% {
        transform: scaleY(1);
        background: var(--dark-greent);
    }

    100% {
        transform: scaleY(0.1);
        background: transparent;
    }
}

.puscroller {
    cursor: pointer;
    -webkit-animation: panorama 0.5s linear infinite;
    /* Safari 4+ */
    -moz-animation: panorama 0.5s linear infinite;
    /* Fx 5+ */
    -o-animation: panorama 0.5s linear infinite;
    /* Opera 12+ */
    animation: panorama 0.5s linear infinite;
}

@keyframes panorama {
    0% {
        transform: scale(1.0);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1.0);
    }
}

.legend {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 0;
}

.legend .l-item {
    display: flex;
    align-items: center;
    margin-left: 15px;
    font-size: 12px;
}

.legend .l-item i {
    font-size: 1.5em;
    margin-right: 5px;
    color: var(--dark-greent);
}

.b2b-table {
    border-collapse: collapse;
    border: 1px solid var(--dark-greent);
}

.b2b-table td {
    padding: 5px;
    border-top: 1px solid var(--dark-greent);
}

.b2b-table tr.lg
{
    background-color: var(--light-green);
}

.b2b-table tr.lr
{
    background-color: rgba(255, 0, 0, 0.1);
}

.b2b-table tr.titles
{
    background-color: var(--white);
}

.b2b-table tr.aprod
{
    font-size: 0.8em;
    background-color: var(--white);
}

.b2b-table .aprod td
{
    border-top: 1px solid var(--light-green);
}

.b2b-table .aprod td:nth-child(n+4)
{
    text-align: right;
}

.b2b-filter .checked-now
{
    grid-column: span 4;
}

.order-variants {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    padding-top: 40px;
}

.order-variant {
    padding: 0 20px 20px;
    border: 1px solid var(--dark-greent);
}

.ov-info {
    display: block;
    padding: 20px;
    background-color: var(--light-greent);
}

.order-variant .input {
    background-color: var(--light-greent);
    padding: 20px;
}

.order-variant textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--dark-greent);
    min-height: 100px;
    margin-top: 20px;
    -webkit-appearance: none;
}

.ny-ball {
    display: block;
    position: absolute;
    max-width: 80px;
    width: 10vw;
    top: -200px;
    z-index: 10;
    left: 10px;
    -webkit-animation: ny 2s ease infinite;
    /* Safari 4+ */
    -moz-animation: ny 2s ease infinite;
    /* Fx 5+ */
    -o-animation: ny 2s ease infinite;
    /* Opera 12+ */
    animation: ny 2s ease infinite;
    transition: all 1s ease;
}

.ny-ball.showed {
    top: -10px;
}

@keyframes ny {
    0% {
        transform: rotate(5deg) translateX(-8px);
    }

    50% {
        transform: rotate(-5deg) translateX(8px);
    }

    100% {
        transform: rotate(5deg) translateX(-8px);
    }
}

@media all and (max-width: 700px) {
    .ny-ball {
        left: 65vw;
    }
}

.cab-content .pmb-cab
{
    grid-column: span 2;
}

.b2b-catalog-item {
    display: grid;
    grid-template-columns: 180px 50px 100px 1fr 60px 180px 120px 120px 120px;
    grid-gap: 1px;
    border-top: 1px solid var(--dark-green);
    border-left: 1px solid var(--dark-green);
    border-right: 1px solid var(--dark-green);
    /*background-color: var(--dark-green);*/
}

.analogs .b2b-catalog-item
{
    grid-template-columns: 100px 50px 80px 1fr 60px 120px 100px 100px 120px;
}

.analogs .b2b-catalog-item>*
{
    font-size: 0.9em;
    word-break: break-all;
}

.b2b-catalog-item .ci-image img {
    transition: all 0.3s ease;
}

.b2b-catalog-item .ci-image img:hover {
    transform: scale(5);
}

.b2b-catalog-item:nth-child(2n) {
    /*background-color: var(--light-green);*/
}


.b2b-catalog-item img {
    max-width: 100%;
}

.b2b-catalog-item>* {
    display: flex;
    align-items: center;
    padding: 3px 5px;
    background-color: transparent;
}

.b2b-catalog-item:nth-child(n+2)>*:nth-child(5),
.b2b-catalog-item:nth-child(n+2)>*:nth-child(6),
.b2b-catalog-item:nth-child(n+2)>*:nth-child(7),
.b2b-catalog-item:nth-child(n+2)>*:nth-child(8)
{
    justify-content: flex-end;
}

.b2b-catalog-item .buyblock .counter
{
    grid-template-columns: 1fr 2fr 1fr;
    margin-right: 10px;
}

.b2b-catalog-item .buyblock .counter .c-input
{
    display: flex;
}

.b2b-catalog-item .warehouse {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.b2b-catalog-item .buyblock {
    display: flex;
    align-items: center;
    justify-content: center;
}

.b2b-catalog-item .buyblock a {
    background-color: transparent;
    color: var(--dark-green);
    font-size: 18px;
}

.cab-content .wrapper {
    width: 100%;
}

.cab-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    color: var(--white);
    background-color: var(--dark-green);
    height: 46px;
    box-sizing: border-box;
    margin-right: 20px;
}

.hidden-filter {
    display: block;
    position: relative;
    background-color: var(--white);
    /*top: 160px;
    height: calc(100vh - 160px);
    overflow: auto;
    z-index: 5;*/
    box-sizing: border-box;
}

.hidden-filter .filters {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
}

.hidden-filter .filters .f-title {
    grid-column: span 4;
}

.hidden-filter .filters .f-group-list {
    max-height: 200px;
    overflow: auto;
}

.hidden-filter .filters .f-group-list a {
    display: block;
    padding: 5px 0;
}

.cart-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    position: relative;
}

.main-menu .menu>div.cart-selector a {
    background-color: transparent;
    color: var(--black);
}

.cart-selector .carts {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    background-color: var(--white);
    border: 1px solid var(--light-green);
    padding: 10px 20px;
    max-height: 300px;
    overflow: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.cart-selector .carts a {
    display: block;
    padding: 5px 0 !important;
    white-space: nowrap;
}

.cart-selector .carts a span
{
    display: block;
    font-size: 0.7em;
    color: var(--dark-green);
}

.c-selector
{
    padding: 0 !important;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

.c-selector span
{
    display: block;
    font-size: 0.7em;
    color: var(--dark-green);
}

.bb-cat-list a
{
    padding: 7px 10px 7px 40px;
    border: none;
}

.bb-cat-list a.selected
{
    font-weight: bold;
}

.bb-cat-list .bb-cat-list a
{
    padding-left: 60px;
}

.catalog-list.b2b
{
    border-bottom: 1px solid var(--dark-green);
}

.cab-content .pmb-image .icons-list { flex-wrap: wrap;}

.cab-content .fo-ob
{
    grid-template-columns: 1fr max-content;
    width: 100%;
}

.cab-content .fo-ob.ob1
{
    background-color: transparent;
    color: var(--black);
}

.cab-content .pager
{
    align-items: flex-start;
    flex-wrap: wrap;
}
.cab-content .pager .pages
{
    flex-wrap: wrap;

}

.pager.b2b-pager
{
    border: 1px solid var(--light-green);
    padding: 5px 10px;
    margin: 10px 0;
    justify-content: flex-start;
}

.pager.b2b-pager>*
{
    margin-right: 20px;
}

.pager-block
{
    display: flex;
    align-items: center;
    height: 40px;
}

.pager-block>*
{
    margin: 0 10px;
}

.pager-block .select span
{
    padding: 8px 48px 8px 20px;
    white-space: nowrap;
}

.p-filter.b2b-filter
{
    z-index: 1;
    padding: 10px 0 0px;
    background: #fff;
    position: sticky;
    top: 0;
    border-bottom: 1px solid var(--dark-green);
}

.p-filter.b2b-filter .filter-block
{
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 10px;
    width: -webkit-max-content;
}

.p-filter.b2b-filter .filter-block>.c-search
{
    grid-column: span 6;
}

.sorder-filt
{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap:20px;
}

.sorder-filt>div>span
{
    display: block;
    margin-bottom: 10px;
}

.sorder-list
{
    width: 100%;
    border-collapse: collapse;
    margin-top: 40px;
}

.sorder-list td
{
    border: 1px solid var(--dark-green);
    padding: 5px;
}

.sorder-list thead td
{
    font-size: 14px;
}

.filt-button
{
    position: relative;
}

.col5
{
    grid-column: span 5;
}
.col4 {grid-column: span 4;}
.col3 {grid-column: span 3;}
.col2 {grid-column: span 2;}
.filt-button a
{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--dark-green);
    color: var(--white);
}


.p-filter.b2b-filter .f-group
{
    position: relative;
    padding: 0px 0;
    grid-column: span 3;
}

.f-group.ord
{
    position: relative;
    padding: 0px 0;
}

.p-filter.b2b-filter .f-group .f-group-name, .p-filter.b2b-filter .f-group .f-group-name .p-filter-name, .f-group.ord .f-group-name, .f-group.ord .f-group-name .p-filter-name
{
    width: 100%;
}

.p-filter.b2b-filter .f-group .f-group-list, .f-group.ord .f-group-list
{
    position: absolute;
    background: var(--white);
    border: 1px solid var(--light-green);
    max-height: 200px;
    overflow: auto;
    padding: 0 15px;
    width: calc(100% - 2px);
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.p-filter.b2b-filter .f-group .p-filter-name, .f-group.ord .p-filter-name
{
    display: block;
    padding: 5px 25px 5px 10px;
    border: 1px solid var(--light-green);
    position: relative;
    font: var(--fs-nav2);
}

.p-filter.b2b-filter .f-group .has-check .p-filter-name
{
    border: 1px solid var(--dark-green);
    background-color: var(--light-green);
}

.p-filter.b2b-filter .f-group.hidden
{
    display: none !important;
}

.p-filter.b2b-filter .f-group .p-filter-name:after, .f-group.ord .p-filter-name:after
{
    font-family: 'icomoon';
    content: "\e907";
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 0.8em;
}

.p-filter.b2b-filter .checked-now
{
    /*display: grid;
    grid-template-columns: 1fr 150px;*/
}

.p-filter.b2b-filter .checked-now>div:first-child
{
    /*display: flex;
    justify-content: flex-start;*/
}

.p-filter.b2b-filter .checked-now>div:first-child>*
{
    /*margin-right: 10px;*/
}

.cab-content .big-mbutton
{
    padding: 11px 20px;
    width: 30%;
    margin: 20px auto;
}

.cab-content .f-group.open
{
    position: relative;
    z-index: 1;
}

.p-filter.b2b-filter .f-group.bb-cats
{
    display: block;
    position: relative;
    grid-column: span 6;
}

.p-filter.b2b-filter .f-group.bb-cats.col3
{
    grid-column: span 3;   
}

.bb-cats input
{
    -webkit-appearance: none;
    display: flex;
    height: 30px;
    width: calc(100% - 0px);
    align-items: center;
    justify-content: flex-start;
    padding: 5px;
    box-sizing: border-box;
    margin-top: 0;
    border: none;
    font-size: 16px;
    outline: none;
    position: relative;
    border: 1px solid var(--light-green);
}

.bb-cats input.selected
{
    border: 1px solid var(--dark-green);
    background-color: var(--light-green);;
}

.bb-cats>i
{
    position: absolute;
    right: 6px;
    top: 10px;
font-size: 12px;
    pointer-events: none;
}

.bb-cats .cat-remover
{
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    color: var(--dark-green);
    align-items: center;
    justify-content: center;
}

.bb-cats-search
{
    display: none;
    position: absolute;
    left: 0;
    top: 28px;
    width: calc(100% - 2px);
    border: 1px solid var(--dark-green);
    max-height: 150px;
    overflow: auto;
    background-color: #fff;
    z-index: 2;
}

.bb-cats-search a
{
    display: block;
    padding: 5px 10px;
}

.b2b-loader
{
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 10;
}

.b2b-loader.lfilter, .b2b-loader.lpager, .b2b-loader.lcatalog
{
    display: flex;
}

.top-filt
{
    display: flex;
    justify-content: flex-end;
    padding-left: 30px;
}

.shiptbl
{
    border-collapse: collapse;
    width: 100%;
}

.shiptbl tr:first-child td
{
    color: var(--dark-green);
}

.shiptbl tr td
{
    padding: 5px;
    border: 1px solid var(--dark-green);
}

.shiptbl tr:nth-child(n+2) td:nth-child(3), .shiptbl tr:nth-child(n+2) td:nth-child(6), .shiptbl tr:last-child td:nth-child(2)
{
    text-align: right;
}

.flexright_block
{
    justify-content: flex-end;
    text-align: right;
}

.flex-center
{
    justify-content: center;
    text-align: center;   
}

.whiteSpace
{
    word-break: break-all;
}

#partnerpForm .bf-input
{
    padding: 0;
}

#partnerpForm .bf-input input
{
    padding: 10px 0;
}

table.holiday {display: table; border-collapse: collapse; width: 100%} 
table.holiday tr{display:table-row; font-size: 14px}
table.holiday tr td {border: 1px solid rgba(0, 0, 0, 0.4); padding: 5px}
table.holiday tr:nth-child(2n+1) td {background: rgba(0, 0, 0, 0.2);}

.logo
{
    position: relative;
}

.logo img.may9
{
    display: block;
    position: absolute;
    right: -10px;
    top:0;
    width: auto;
    min-width: 0;
    height: 54px;
}

@media all and (max-width: 700px)
{
    .logo img.may9
    {
        right:20px;
        top: 2px;
    }
}

.project-param
{
    display: grid;
    grid-template-columns: 200px 1fr;
    margin: 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--light-green);
}

.project-param label
{
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.project-param span, .project-param div
{
    font-weight: bold;
    display: block;
    font-size: 14px;
}

.project-param input, .project-param textarea
{
    -webkit-appearance:none;
    padding: 5px 10px;
    border: 1px solid var(--dark-green);
    margin: 0;
    box-sizing: border-box;
    width: 500px;
}

.project-param .file-loader
{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 500px;
    height: 60px;
    border: 1px solid var(--dark-green);
    background: var(--light-green);
}

.project-param .file-loader input
{
    position: absolute;
    opacity: 0;
    top: 0;
    bottom:0;
    left: 0;
    width: 500px;
}

.project-form button
{
    background-color: var(--dark-green);
    color: var(--white);
    -webkit-appearance:none;
    border: none;
}

.file-list div
{
    display: flex;
    padding: 5px 0;
    justify-content: space-between;
    align-items: center;
    width: 500px;
}

.serlist
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-top: 25px;
}

.serlist a
{
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    border: 1px solid var(--dark-green);
}

.serlist a img
{
    width: 90%;
}

.serlist a:hover
{
    background: var(--dark-green);
    color: var(--white);
}

.flex-line
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 10px 0;
}

.flex-line .bf-input
{
    padding-top: 0;
}

footer #subscribe label
{
    color: #ddd;
}