/* Start:/local/templates/lsk/css/fonts.css?17898919603560*/
/* cyrillic-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYlK-4E4Q.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYsK-4E4Q.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYnK-4E4Q.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYmK-4E4Q.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYoK-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYlK-4E4Q.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYsK-4E4Q.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYnK-4E4Q.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYmK-4E4Q.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYoK-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* End */


/* Start:/local/templates/lsk/css/viewer.min.css?17898919607657*/
/*!
 * Viewer.js v1.11.3
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-03-05T07:01:15.525Z
 */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:transparent}.viewer-container ::selection,.viewer-container::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}
/* End */


/* Start:/local/templates/lsk/components/bitrix/menu/top/style.css?17933780862005*/
.moduletable_menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 55px;
}

.moduletable_menu li {
    position: relative;
    list-style: none;
    padding: 0 13px;
}

.moduletable_menu li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 1px #6A6A6A solid;
    height: 13px;
}

.moduletable_menu li a {
    display: block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    max-width: 200px;
}

.moduletable_menu li a.min {
    max-width: 120px;
}
.popup header .moduletable_menu li a:hover {
    text-decoration: underline;
}
.popup .moduletable_menu {
    display: table;
}

.popup .moduletable_menu > ul {
    display: table-cell;
    border: none !important;
    text-align: center;
    margin: auto;
    height: 100%;
    vertical-align: middle;
}

.popup header .moduletable_menu li a {
    font-size: 40px;
    line-height: 80px;
    max-width: none;
}
@media (max-width: 1200px) {
    header .moduletable_menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        padding: 0 !important;
        width: 100%;
        height: 100%;
        background: #000;
        /*rgba(0,0,0,0.7);*/
        z-index: 999;
    }
    .moduletable_menu li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border-left: 1px #6A6A6A solid;
        height: 13px;
    }
}
@media (max-width: 630px) {
    .moduletable_menu li::before {
        display: none;
    }
    .popup header .moduletable_menu li a {
        font-size: 5vw;
        line-height: 50px;
    }
}
/* End */


/* Start:/local/templates/lsk/components/bitrix/menu/footer/style.css?1793378086623*/
#footer .moduletable_menu ul a {
    max-width: none;
}

#footer .moduletable_menu ul {
    height: 100%;
    flex-flow: row;
}

#footer .moduletable_menu {
    position: relative;
    display: block;
    height: 100%;
    padding: 0;
}

#footer .moduletable_menu li a:hover {
    text-decoration: underline;
}
@media (max-width: 1200px) {
    #footer .moduletable_menu ul {
        flex-flow: wrap;
        justify-content: flex-end;
    }
}
@media (max-width: 630px) {
    #footer .moduletable_menu ul {
        flex-flow: column;
        justify-content: center;
        gap: 10px;
    }
}
/* End */


/* Start:/local/templates/lsk/styles.css?179339829938122*/
* {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

html,
body {
    width: 100%;
    height: 100%;

}

html.popup {
    position: fixed;
}

body {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: 'Exo 2', sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

header {
    width: 100%;
    background-color: #373737;
    box-sizing: border-box;
    z-index: 99999;
}

.wrapper {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    overflow: hidden;
}
header > *, section, footer > * {
    width: 100%;
    max-width: 1640px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
header > *, footer > * {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 25px;
}
section > * {
    margin: 20px 0 !important;
}
.del {
    position: relative;
}
.del:before {
    content: "";
    border-bottom: 2px solid red;
    position: absolute;
    width: 150%;
    height: 50%;
    transform: rotate(36deg);
    left: -4px;
    top: 4px;
}
*:focus,
*:active {
    outline: none;
}

button {
    cursor: pointer;
}

#scrollable {
    overflow-y: auto!important;
}

.logo {
    height: 60px;
}

.home .logo,
.manufacture .logo {
    height: 60px;
}

/*.video:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;
}*/


video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.items-row {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.items-row > * {
    max-width: 49.5%;
    height: 200px;
    padding: 10px 0;
}

.items-row .item {
    display: flex;
    border: 2px solid #000;
    border-radius: 10px;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
}

.items-row .item > div:first-child {
    min-width: 200px;
    max-width: 200px;
    width: 200px;
    height: 200px;
}

.items-row .item > div:last-child {
    display: table;
    height: 100%;
}

img {
    max-width: 100%;
}

main .h1,
main h1,
main .h2,
main h2 {
    padding: 0;
    margin: 10px 0;
    font-size: 21px !important;
}

.today {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    color: #007933;
    text-align: right;
    padding-left: 15px;
    padding-right: 15px;
}
#articleBody .today {
    margin: 0 0 20px;
}

.videoHome {
    position: relative;
    display: flex;
    flex-flow: row;
    padding: 22% 0;
    height: 0;
    background: url(/images/fon.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 7px;
    overflow: hidden;
}

.videoHome:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.videoHome h1 {
    position: absolute;
    bottom: 10%;
    left: 5%;
    color: #fff;
    text-decoration: none;
    line-height: normal;
    margin: 0;
    text-shadow: 2px 2px black;
    font-size: 2vw;
}

.video {
    padding: 22% 0;
    height: 0;
}

.video img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
}

.slider-catalog-item__top {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9;
}

.slider-catalog-item__photo_big {
    position: absolute;
    width: 100%;
    max-width: 385px;
    height: 70%;
    right: -30px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.57);
    -webkit-transform: translateX(19%) translateY(19%);
    transform: translateX(19%) translateY(19%);
    border-radius: 50%;
}

.slider-catalog-item__photo_big img {
    max-width: 40%;
    position: absolute;
    bottom: 80px;
    right: 120px;
}

.slider-catalog-item__title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.36;
    color: #212121;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 16px 0;
    max-width: 300px;
}

.block-mp-sliders__grid {
    display: grid;
    grid-template-columns: 74% 24.5%;
    grid-template-rows: auto;
    gap: 1.5%;
}

.slider-catalog-item__bottom {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9;
}

.raschetOnline {
    position: relative;
    flex-flow: column;
    background-color: #D9F4E4;
    border-radius: 7px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.raschetOnline .flex {
    position: relative;
    padding: 33.33333%;
}

.videoHome .webfactor_go {
    position: absolute;
    top: 9%;
    right: 4%;
    z-index: 9;
}

/*.webfactor_default .webfactor_go,
.buttonMenu a,
.buttonTable a,
#btnLabel a {
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	background-color: #ffce0a;
	padding: 20px;
	border-radius: 10px;
	color: #000;
	font-weight: bold;
	border: 2px solid #000;
	text-align: center;
	font-size: 22px;
	cursor: pointer;
}*/
/*.buttonMenu a:hover,
.buttonTable a:hover,
#btnLabel a:hover {
	background-color: #ff0000;
}*/
.webfactor_default .webfactor_go, .buttonMenu a, .buttonTable a, #btnLabel a,
.btn_primary {
    background-color: #007933;
    color: #fff;
    font-weight: 700;
}

.webfactor_default .webfactor_go, .buttonMenu a, .buttonTable a, #btnLabel a,
.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.25;
    padding: 5px 25px;
    min-height: 45px;
    border-radius: 10px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    cursor: pointer;
    text-transform: uppercase;
}

.mobile_menu_toggler {
    display: none;
    height: 64px;
    width: 64px;
    position: relative;
    vertical-align: middle;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    cursor: pointer;
    transition: all 300ms ease;
}

@media (max-width: 1400px) {
    .block-mp-sliders__grid {
        grid-template-columns: none;
        gap: 2%;
    }

    .videoHome {
        padding: 20% 0;
    }

    .videoHome h1 {
        font-size: 3vw;
    }

    .raschetOnline {
        display: flex;
        flex-flow: row;
        height: 250px;
    }

    .raschetOnline .flex {
        position: relative;
        padding: 0;
        width: 50%;
    }

    .slider-catalog-item__photo_big {
        height: 150%;
        right: -30px;
    }

    .slider-catalog-item__photo_big img {
        right: 150px;
    }
}

header .linklogo,
header .contacts,
header .mobile_menu_toggler {
    z-index: 9999;
}


.mobile_menu_toggler span {
    width: 55%;
    height: 6px;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.mobile_menu_toggler span.one {
    top: -28px;
}

.mobile_menu_toggler span.two {
    top: 0;
}

.mobile_menu_toggler span.three {
    top: 28px;
}

.published {
    display: none;
}

#back-top {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #aaa;
    border-radius: 3px;
    z-index: 1000;
    cursor: pointer;
}

.items-row h2 {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 20px;
}

.items-row h2 a {
    color: #000;
    font-size: 21px;
    text-decoration: none;
}

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

.contacts {
    display: flex;
    justify-content: space-between;
    align-self: center;
    flex-direction: column;
    text-align: right;
    width: 200px;
}

.contacts a {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
}

.contacts a:last-child {
    font-size: 20px;
    /*font-weight: bold;*/
}

.slogan {
    position: absolute;
    top: 10%;
    left: 0;
    display: table;
    align-self: center;
    margin: 0 5%;
    font-size: 20px;
    line-height: 45px;
    font-weight: bold;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 0 20px;
    color: #181818;
    text-transform: uppercase;
    cursor: default;
}

header h1 {
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    font-size: 55px;
    line-height: 61px;
    font-weight: bold;
    color: #fff;
}

header h1 span {
    display: block;
    font-size: 48px;
}

.home header {
    background: #373737;
}


.down-scroll {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    color: #fff;
    width: 49px;
    height: 49px;
    line-height: 45px;
    text-align: center;
    background: rgba(255, 255, 255, .3);
    cursor: pointer;
    animation: scrolldown .8s running alternate infinite;
    z-index: 2;
    position: absolute;
    bottom: 0;
    max-width: 50px;
    left: 50%;
    margin-left: -25px;
}

div.down-scroll:hover {
    opacity: .4;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
}

.down-scroll i {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    font-size: 0;
    height: 10px;
    width: 10px;
    margin: 16px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#back-top i {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

td {
    position: relative;
}

textarea {
    font-family: 'Exo 2', sans-serif;
}

#articleBody table textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    resize: none;
}

#articleBody table input[type="text"],
#articleBody table select {
    width: 100%;
    box-sizing: border-box;
}

#articleBody .num td:first-child {
    width: 2%;
}

#articleBody .num td {
    width: 48%;
}

#searchTable.okp tr td:nth-child(even) {
    text-align: center;
}

#searchTable.rkp tr td {
    text-align: left;
}

#searchTable.rkp tr td:first-child,
#searchTable.rkp tr td:last-child {
    text-align: center;
}

#searchTable.okp tr td:last-child {
    text-align: left;
}

#searchTable tbody tr:first-child {
    background: none;
}

#searchTable.okp tr.hide {
    display: none;
}

#searchTable tr.show {
    display: table-row;
}

#searchInput {
    width: 100%;
    height: 40px;
    padding: 5px 40px 5px 10px;
    font-size: 16px;
    box-sizing: border-box;
    border: 3px solid red;
    background-image: url("/images/search.svg");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 24px;
}

#rkpSave {
    display: table;
    border: 1px dashed #ddd;
    min-width: 460px;
    width: 460px;
    height: 230px;
    box-sizing: border-box;
}

#rkpLabel {
    padding: 10px;
}

#rkpLabel > div {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}

#rkpLabel > div > div {
    display: flex;
    height: 50%;
    padding: 10px;
}

#rkpLabel > div > div:first-child {
    padding-bottom: 5px;
}

#rkpLabel > div > div:last-child {
    padding-top: 5px;
}

#rkpLabel > div > div > div {
    display: flex;
}

#rkpLabel .nameLabel {
    width: 60%;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    padding-right: 9px;
}

#rkpLabel .valueLabel {
    width: 40%;
    background: white;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 60px;
}

/*whiteRed*/
#rkpLabel.whiteRedLabel {
    background: white;
}

#rkpLabel.whiteRedLabel > div {
    background: red;
}

#rkpLabel.whiteRedLabel > div > div {
    background: white;
}

#rkpLabel.whiteRedLabel .valueLabel {
    border: 5px solid red;
    color: red;
}

#rkpLabel.whiteRedLabel .nameLabel {
    color: red;
}

/*Red*/
#rkpLabel.redLabel {
    background: red;
}

#rkpLabel.redLabel > div {
    background: white;
}

#rkpLabel.redLabel > div > div {
    background: red;
}

#rkpLabel.redLabel .valueLabel {
    border: 5px solid white;
    color: red;
}

#rkpLabel.redLabel .nameLabel {
    color: white;
}

/*whiteBlue*/

#rkpLabel.whiteBlueLabel {
    background: white;
}

#rkpLabel.whiteBlueLabel > div {
    background: blue;
}

#rkpLabel.whiteBlueLabel > div > div {
    background: white;
}

#rkpLabel.whiteBlueLabel .valueLabel {
    border: 5px solid blue;
    color: blue;
}

#rkpLabel.whiteBlueLabel .nameLabel {
    color: blue;
}

/*Blue*/
#rkpLabel.blueLabel {
    background: blue;
}

#rkpLabel.blueLabel > div {
    background: white;
}

#rkpLabel.blueLabel > div > div {
    background: blue;
}

#rkpLabel.blueLabel .valueLabel {
    border: 5px solid white;
    color: blue;
}

#rkpLabel.blueLabel .nameLabel {
    color: white;
}

#rkpLabelWrap {
    position: relative;
    display: flex;
    font-family: "Helvetica", Arial, serif;
}

#btnLabel {
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    padding-left: 10px;
}

#btnLabel > div {
    display: flex;
    align-items: center;
}

#btnLabel > div:last-child {
    align-items: center;
}

#btnLabel > div > div:first-child {
    width: 350px;
    min-width: 350px;
}

#btnLabel > div:last-child > div:first-child > div:last-child {
    margin-bottom: 30px;
}

#btnLabel > div:last-child > div:last-child > div:last-child > div:first-child {
    margin-bottom: 5px;
}

#btnLabel > div:last-child > div:last-child > div:last-child button {
    width: 55px;
}

#btnLabel button {
    background: white;
    border: 1px solid black;
    padding: 5px 10px;
    cursor: pointer;
}

#btnLabel button:hover {
    background: black;
    color: white;
}

#rkpLabelWrap + label {
    margin-left: 10px;
}

#colorLabel {
    line-height: 40px;
    height: 30px;
    margin: 20px 0;
    padding: 5px;
}

#megaButton {
    height: 30px;
    padding: 5px 10px;
}

#modalBG {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    z-index: 999999;
}

#labelModal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: 2% auto;
    padding: 2%;
    background: #fff;
    border-radius: 10px;
    z-index: 9999999;
}

#closeLabel {
    position: absolute;
    top: -30px;
    right: -30px;
    font-size: 50px;
    color: #000;
    padding-left: 2px;
    cursor: pointer;
    background: #fff;
    width: 58px;
    height: 60px;
    line-height: 62px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #000;
}

@keyframes scrolldown {
    100% {
        margin-bottom: 70px;
    }

    0% {
        margin-bottom: 80px;
    }
}

th,
td {
    border: 1px solid #000;
    padding: 5px;
}

.buttonMenu {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 0;
}

.buttonMenu.one {
    justify-content: center;
}

.buttonMenu li {
    width: 48%;
    text-align: center;
    list-style: none;
}

.menu.buttonMenu li {
    width: 100%;
}

.nolist {
    list-style: none;
}


.buttonMenu li > div {
    line-height: 38px;
}


.redTable tr:first-child {
    background: red;
    color: white;
    font-size: 18px;
    text-align: center;
}

.greenTable,
.greenTable td {
    border: 1px solid #92D050;
}

.greenTable tr:first-child {
    background: #92D050;
    font-size: 18px;
    text-align: center;
}

.yellowTable thead tr {
    background: #ffce0a;
    font-size: 18px;
    text-align: center;
}

.rkp-flex-btn h1,
.rkp-flex-btn h2 {
    text-align: left !important;
}

.rkp-flex-btn ul {
    margin-left: 20px;
}

.rkp-flex-btn {
    display: flex;
    align-items: center;
}

.fix-table td {
    text-align: center;
    padding: 5px 12px;
}

.fix-table tr:last-child td:first-child {
    text-align: left;
}

.fix-table {
    max-width: 800px;
    width: 800px;
    min-width: 800px;
    margin: 0 0 0 auto;
}

.rkt select {
    height: 21px;
}

#colLSK .numLSK p {
    margin: 10px 0 0;
}

#colLSK {
    text-align: right;
}

.rkt select.znak {
    display: inline-block;
    width: 35px !important;
}

#z51 .zred,
.rkt #cate.zred {
    background: red;
}

table.vr tbody tr td:nth-child(3),
table.vr tbody tr td:nth-child(4) {
    text-align: center;
}

.yellowTable.okp tr:first-child {
    text-align: left;
}

.redTable,
.redTable td {
    border: 1px solid #ff0000;
}

/* Таблицы на /ndoc: как redTable, но без красной шапки и с чёрными рамками */
.blackTable,
.blackTable td {
    border: 1px solid #000;
}

.blackTable tr:first-child {
    font-size: 18px;
    text-align: center;
}

.nowrap1 td:first-child {
    white-space: nowrap;
}

ol::marker {
    font-weight: bold;
}

ul,
ol {
    padding-left: 20px;
}

.buttonMenu {
    margin: 20px 0;
}

table {
    margin: 20px 0 0;
    min-width: 100%;
    border-spacing: 0;
    border: 1px solid;
    overflow: auto;
}

.borderTable ol {
    margin: 0;
}

.img150 img {
    max-width: 150px;
}

.borderTable,
.borderTable td {
    border: none;
}


#easily table {
    /*border: 1px solid #000;*/
}

#easily thead {
}

#easily tr {
    /*border-bottom: 1px solid #000;*/
}

#easily td {
    /*
    padding: 5px 10px;
    vertical-align: middle;
    *
     */
    /*border-right: 1px solid #000;*/
}

#size_cell input {
    width: 50% !important;
}

#size_cell input,
#easily input:last-child,
#easily select:last-child {
    margin: 0 !important;
}

#sendler, .sendler {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#sendler span {
    width: 100%;
    text-align: center;
}

#sendler input.send_easily {
    height: 30px;
}

#sendler > * {
    margin: 0;
    align-self: center;
    width: 32%;
}

ul,
ol {
    margin: 10px;
}

p {
    margin: 10px 0;
}

.inputerror {
    border-color: red !important;
}

.inputerror::-webkit-input-placeholder {
    color: red;
}

.inputerror:-moz-placeholder {
    color: red;
}

.inputerror::-moz-placeholder {
    color: red;
}

.inputerror:-ms-input-placeholder {
    color: red;
}

#pname {
    margin-top: 10px
}

#rpage {
}

#rpage > div {
    border: 2px solid #000;
    padding: 2%;
    margin-top: 2%;
    border-radius: 10px;
}

#rpage > div > ul {
    margin-bottom: 0;
}

footer {
    background-color: #373737;
}

.footerLeft {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

#footer .contacts {
    text-align: left;
    padding-top: 20px;
}

#mailler > div {
    background: none !important;
}

#mailler,
#mailler table,
#mailler tr,
#mailler td {
    min-width: auto;
    border: none !important;
}

ul.breadcrumb {
    display: table;
    padding: 0;
    list-style: none;
}

ul.breadcrumb * {
    font-size: 16px;
    color: #000;
    font-weight: bold;

}

ul.breadcrumb .divider {
    padding: 0 5px 0 2px;
}

ul.breadcrumb li {
    float: left;
}

ul.breadcrumb a {
    text-decoration: none;
}

ul.breadcrumb a:hover * {
    color: #ffce0a;
}

.tableflimg {
    margin: 30px auto;
}

.tableflimg td {
    padding: 10px !important;
}

.tableflimg img {
    max-width: 100%;
    max-height: 250px;
}

#tablefl {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    min-width: auto;
}

#tablefl select {
    width: 30px !important;
}

#tablefl .start {
    width: 1px;
    height: 50px;
    margin: auto;
    border-left: 1px solid black;
}

#tablefl .next {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid black;
}

#tablefl .end, #tablefl .endi {
    width: 35px;
    height: 25px;
    margin: 0 0 24px auto;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

#tablefl .endi {
    width: 65px;
}

#tablefl td, .tableflimg td {
    padding: 0;
    text-align: center;
}

#tablefl td {
    border: none;
}

#tablefl tr:not(:first-child) td {
    height: 50px;
}

#tablefl tr:first-child td {
    padding: 0 5px;
}

#tablefl tr:first-child td:first-child, #tablefl tr:first-child td:last-child {
    font-weight: bold;
}

#tablefl tr td:last-child {
    padding: 0 0 0 10px;
    text-align: left;
    white-space: pre;
}

#tablefl td input {
    width: 120px !important;
}

#tablefl td select {
    width: 60px !important;
}

#tablefl td input, #tablefl td select {
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#tablefl td > * {
    text-align: center;
}

#tableflres {
    display: block;
    margin: auto;
    width: 600px;
    text-align: center;
    border: 0;
    font-weight: bold;
}
.math1 *, .math2 * {
    font-size: 24px;
}

.math1 input, .math2 input {
    text-align: center;
    border: 1px solid #eee;
}
.math1 sub, .math2 sub {
    font-size: 16px;
}

#mathT {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

#mathT td {
    border: none;
}

#mathT td:nth-child(3) {
    white-space: pre;
}

#mathT tr td:first-child {
    text-align: right;
}

.mathI input, .math1 input, #mathT td:nth-child(2) {
    width: 90px;
    box-sizing: border-box;
}

#mathB2 tr td:first-child, #mathB3 tr td:first-child {
    font-size: 20px;
}
#mathB1 td:not(:nth-child(2)), #mathB2 tr td:first-child, #mathB3 tr td:first-child {
    text-align: center;
}

#mathB1 tbody tr {
    cursor: pointer;
}

#mathB1 .active {
    background: bisque;
}
#graph {
    width: 100%;
    height: 600px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.graph-container {
    width: 100%;
    height: 500px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}
.results {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-family: 'Courier New', monospace;
}
.results h3 {
    margin-top: 0;
}
#a1  {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}
#math1 {
    position: relative;
}
#math2 .result {
    text-align: left !important;
}
#math2 .right {
    text-align: right !important;
}
#math2 .input {
    display: flex;
    justify-content: center;
    width: 90px;
}
#math2 input::-webkit-input-placeholder {
    color: black;
}

#math2 input:-moz-placeholder {
    color: black;
}

#math2 input::-moz-placeholder {
    color: black;
}

#math2 input:-ms-input-placeholder {
    color: black;
}

#math2 [readonly="readonly"] {
    text-align: center;
    border: none;
}
#math2 input.pt {
    width: 100px;
    text-align: left;
}
#tablefl2 {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

#tablefl2 td {
    border: none;
}

#linePoint {
    display: none;
    position: absolute;
    bottom: -793px;
    right: 100%;
    height: 825px;
    border-right: 2px #5b9bd5 solid;
    z-index: 9;
}

#linePoint .val {
    display: inline-block;
}

#linePoint .point {
    display: flex;
    flex-flow: row;
    white-space: pre;
    background: #5b9bd5;
    color: white;
    padding: 0 5px;
}

#tablefl3 .anchor {
    color: black;
}

#tablefl3 .anchor.bold {
    font-weight: bold;
}

#tablefl3 th {
    position: relative;
}

#tablefl3 .line {
    width: 70%;
    padding: 0;
}

#tablefl3 .line > div {
    height: 130px;
    line-height: 130px;
    text-align: center;
    white-space: pre;
}

#tablefl3 .line1 {
    width: 2.5%;
    margin: 0 auto 0 0;
    background: #ffff00;
}

#tablefl3 .line2 {
    width: 10%;
    margin: 0 auto 0 0;
    background: #ffff00;
}

#tablefl3 .line3 {
    width: 25%;
    margin: 0 auto 0 0;
    background: #ffff00;
}

#tablefl3 .line4 {
    width: 38%;
    margin: 0 auto 0 25%;
    background: #9bc2e6;
}

#tablefl3 .line5 {
    width: 60.5%;
    margin: 0 auto 0 2.5%;
    background: #ffd966;
}

#tablefl3 .line6 {
    width: 37%;
    margin: 0 0 0 auto;
    background: #e2efda;
}

#lsko {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #1e293b;
    line-height: 1.7;
}

#lsko > .div {
    margin-bottom: 40px;
    background: #ffffff;
    border-radius: 16px;
    padding: 32px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

#lsko .div {
    display: flex;
    gap: 20px;
}

#lsko figcaption {
    padding: 5px 0;
    font-size: 0.9rem;
    color: #475569;
    text-align: center;
    line-height: normal;
}

#lsko figure {
    margin: 0;
    overflow: hidden;
    width: 100%;
}

#lsko figure figure:not(.figure) {
    width: 100%;
}

#lsko figure.figure {
    max-width: 300px;
    margin: auto;
}

#lsko td, .tablefl td {
    padding: 6px 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #475569;
    text-align: left;
}

#lsko table textarea {
    position: relative;
    border: none;
    width: 100%;
    height: 100%;
    padding: 0;
}

#lsko tr td:first-child {
    text-align: center;
}

#lsko thead tr, .tablefl thead tr {
    background: #e2e8f0;
}

#lsko th, .tablefl th {
    padding: 12px 16px;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 600;
    color: #0f172a;
    min-width: 50px;
}

#lsko tr th:first-child, .tablefl th {
    text-align: center;
}

#lsko table, .tablefl {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    margin: 0;
}

#lsko li {
    margin-bottom: 12px;
}

#lsko ol {
    margin: 0;
    padding-left: 20px;
    color: #475569;
}

#lsko h1 {
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
}

#lsko h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #3b82f6;
    margin: 0 0 16px 0;
}

#lsko h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 20px 0;
    padding-bottom: 16px;
    border-bottom: 2px solid #e2e8f0;
}

#lsko .div2 {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

#lsko img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    cursor: pointer;
    border-radius: 12px;
}

#lsko p {
    color: #475569;
}

#lsko .div2 p {
    font-size: 1.25rem;
    font-weight: 600;
    color: #92400e;
    margin: 0;
}

.popup .videoHome h1 {
    display: none;
}



/* these styles are for the demo, but are not required for the plugin */
.zoom {
    display: inline-block;
    position: relative;
}

/* magnifying glass icon */
.zoom:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
}

.zoom img {
    display: block;
}

.zoom img::selection {
    background-color: transparent;
}

.zoomed .zoomable {
    scale: 3;
}

.map2 img {
    display: block;
    max-width: 100%;
    max-height: 130px;
    margin: auto;
}


/*
@media (max-width: 800px) {
	main {
		padding: 0 2% 2%;
	}
	header h1,
	header h1 span {
		font-size: 30px;
	}
	header h1 {
		line-height: 30px;
	}
}
@media (max-width: 700px) {
	header h1,
	header h1 span {
		font-size: 25px;
	}
	header h1 {
		line-height: 25px;
	}
	.items-row {
		flex-direction: column;
	}
	.items-row > * {
		width: 100%;
	}
}
@media (max-width: 600px) {
	header h1,
	header h1 span {
		font-size: 20px;
	}
	header h1 {
		line-height: 20px;
	}
	.row {
		flex-direction: column;
	}
	.linklogo {
		margin: auto;
	}
	.contacts {
		text-align: center;
	}
}
*/

.viewer-fixed {
    z-index: 99999 !important;
    background: rgba(0, 0, 0, 0.8);
}

.viewer-button.viewer-close {
    border: 2px solid white;
}

.viewerjs img {
    cursor: zoom-in;
}

.sort .tablesorter-headerAsc,
table.sk .tablesorter-headerAsc {
    background-image: url(/images/asc.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    padding-right: 20px;
}

.sort .tablesorter-headerDesc,
table.sk .tablesorter-headerDesc {
    background-image: url(/images/desc.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    padding-right: 20px;
}

.sort .tablesorter-headerUnSorted,
table.sk .tablesorter-headerUnSorted {
    background-image: url(/images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    padding-right: 15px;
}

.sort thead > tr > *:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

th[title="Сортировать"] {
    background-color: #ffce0a;
    cursor: pointer;
}

th[title="Сортировать"]:hover {
    background-color: #e2b500;
}

.plashki {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}

.plashki > a {
    width: 24%;
    border-radius: 7px;
    display: flex;
    flex-flow: column;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: #000;
    overflow: hidden;
    margin: 0 0 1%;
}

.plashki > a > div.left {
    width: 100%;
    height: 0;
    padding: 30% 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.plashki > a > div.right {
    padding: 20px;
}

.plashki > a:hover {
    box-shadow: 0px 0px 6px #ccc;
}

@media (max-width: 1200px) {
    #lsko .div {
        flex-flow: column;
    }

    header h1,
    header h1 span {
        font-size: 35px;
    }

    header h1 {
        line-height: 35px;
    }

    .contacts {
        text-align: center;
    }

    .contactsTable * {
        font-size: 24px;
    }

    .mobile_menu_toggler {
        display: block;
    }



    .plashki > a {
        width: 32%;
    }




}

@media (max-width: 980px) {
    .plashki > a {
        width: 49%;
    }

    .raschetOnline {
        flex-flow: column;
        height: 500px;
    }

    .raschetOnline .flex {
        width: auto;
        height: 50%;
    }

    .slider-catalog-item__photo_big img {
        bottom: 150px;
    }

    .slider-catalog-item__title {
        max-width: none;
    }
}

@media (max-width: 630px) {
    .videoHome {
        padding: 40% 0;
    }

    .videoHome h1 {
        font-size: 4.3vw;
        bottom: 5%;
    }

    .videoHome .webfactor_go {
        top: 30%;
    }

    .videoHome .webfactor_go {
        left: 5%;
        right: auto;
    }

    #footer {
        flex-flow: column;
    }

    #footer .contacts {
        padding: 20px;
    }

    #footer, .footerLeft {
        flex-flow: column-reverse;
    }

    .footerLeft, .contacts a {
        text-align: center;
    }





    .home .container {
        padding: 4% 2%;
    }

    .webfactor_modal_form.webfactor_default {
        width: 80%;
    }


}

@media (max-width: 500px) {
    .plashki > a {
        width: 100% !important;
    }

    .items-row .item {
        display: block;
        box-sizing: border-box;
    }

    .items-row > * {
        height: auto;
    }

    .items-row .item > div:first-child {
        min-width: auto;
        max-width: none;
        width: 100%;
        height: auto;
    }

    .items-row .item > div:last-child {
        height: auto;
    }
}

/* Стили для nice-таблиц */

table.nice {
    width: 100%;
    border-collapse: collapse;
    border: none;
    font-size: 14px;
    line-height: 1.5;
}

table.nice th,
table.nice td {
    position: relative;
    padding: 7px 10px;
    border: 10px solid rgba(0, 0, 0, 0);
    z-index: 0;
    text-align: left;
}

table.nice tr > th:first-child,
table.nice tr > td:first-child {
    border-left: none;
}

table.nice tr > th:last-child,
table.nice tr > td:last-child {
    border-right: none;
}

table.nice tr:first-child:not(thead + tbody > tr) > * {
    border-top: none;
}

table.nice tr:last-child:not(thead > tr) > * {
    border-bottom: none;
}

table.nice th:before,
table.nice td:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background: #cef;
    pointer-events: none;
    z-index: -1;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

table.nice thead > tr > th:before {
    background: #afd;
}

table.nice thead > tr > th {
    white-space: nowrap;
}

table.nice tbody > tr:hover > td:before {
    background: #adf;
}

table.nice th:empty:after,
table.nice td:empty:after {
    content: " ";
}

.ca_container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

.ca_content {
    background: #FFFFFF;
    border-radius: 7px;
    margin: 20px;
    padding: 0;
    max-width: 350px;
}

.ca_content > div:nth-child(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.ca_content > div:nth-child(1):before {
    content: 'Добро пожаловать!';
    font-weight: bold;
    font-size: 24px;
    padding: 15px 20px;
    pointer-events: none;
}

.ca_content > div:nth-child(2):before {
    content: 'ООО "НТЦ "ОВВ" приветствует Вас.';
    display: block;
    margin: 20px;
}

.ca_content > div:nth-child(2):after {
    content: 'Чтобы перейти к просмотру сайта нажмите "Перейти к просмотру".';
    display: block;
    margin: 20px;
}

.ca_content > div:nth-child(3) {
    pointer-events: none;
}

.ca_content > div:nth-child(3):after {
    display: block;
    content: 'Перейти к просмотру';
    text-align: center;
    font-weight: bold;
    margin: 20px;
    padding: 15px 20px;
    background: #afd;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    pointer-events: auto;
}

.ca_content > div:nth-child(3):hover:after {
    background: #9fc;
}

@keyframes horizontal-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(5px)
    }

    50% {
        transform: translateX(-5px)
    }

    75% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}

.ca_content > div.shake:nth-child(3) {
    animation: horizontal-shaking 0.35s 1;
}

.sert2 {
    display: flex;
    gap: 20px;
}

.sert2 > * {
    width: calc(25% - 15px);
    cursor: zoom-in;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

.mygal {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    text-align: center;
}

.mygal > div {
    flex-grow: 1;
    width: calc(50% - 80px);
    border-radius: 7px;
    box-shadow: 0 0 5px 0 #ccc;
    padding: 20px;
}

.mygal > div > img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
    cursor: zoom-in;
    border-radius: 6px;
    margin-top: 20px;
}

div.viewer-title {
    background: #000;
    color: #fff;
    padding: 5px 10px 8px 10px;
    border: 2px solid #ff9;
    border-radius: 7px;
    font-size: 18px;
    line-height: 1.5;
    white-space: break-spaces;
}

.viewer-canvas img {
    border-radius: 10px;
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

#sendler, .sendler {
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.sendler {
    justify-content: end;
}

div#recaptchaError:empty {
    display: none;
}

.g-recaptcha > * {
    margin: auto;
}

div#recaptchaError {
    color: #f00;
    font-weight: bold;
    text-align: center;
}

@keyframes blinkAnimation {
    0% {
        background-color: #fee;
    }

    50% {
        background-color: transparent;
    }

    100% {
        background-color: #fee;
    }
}

#tovar1:target {
    animation: blinkAnimation 1s steps(1, start) infinite;
}

#tovar2:target {
    animation: blinkAnimation 1s steps(1, start) infinite;
}

a.zkzbtn {
    display: block;
    background: #adf;
    padding: 10px 20px 12px 20px;
    text-decoration: none;
    color: #000;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

a.zkzbtn:hover {
    background: #afd;
}

.gsop_table_scroll_block {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

.gsop_table_scroll_block::-webkit-scrollbar {
    width: 8px;
}

.gsop_table_scroll_block::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.gsop_table_scroll_block::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

.gsop_table_scroll_block::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.gsop_table_scroll_block {
    overflow: auto;
    width: 100%;
    max-height: 350px;
    box-sizing: border-box;
}

.gsop_calc {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
}

.gsop_calc > input {
    flex-grow: 1;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    padding: 15px;
    border: 3px solid #FF0000;
}

@media (min-width: 980px) {

    .gsop_calc > input#temperature {
        min-width: 540px;
    }

    .gsop_calc > input#location {
        min-width: 290px;
    }

}

@media (max-width: 980px) {

    .gsop_calc {
        flex-direction: column;
    }

}

.hashtags {
    display: none;
}

.gsop_block {
    border-left: 3px solid #0a7;
    padding-left: 20px;
}

span.gsop_result_span {
    border-bottom: 3px solid;
    white-space: nowrap;
}

.gsop_calc_result:empty {
    display: none;
}

input, textarea {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
}
/* End */
/* /local/templates/lsk/css/fonts.css?17898919603560 */
/* /local/templates/lsk/css/viewer.min.css?17898919607657 */
/* /local/templates/lsk/components/bitrix/menu/top/style.css?17933780862005 */
/* /local/templates/lsk/components/bitrix/menu/footer/style.css?1793378086623 */
/* /local/templates/lsk/styles.css?179339829938122 */