@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/*otstypi*/
.container {padding-right: calc(50vw - 560.5px);padding-left: calc(50vw - 560.5px);margin: 0 0 70px 0;flex: auto;}
.left {min-width: 258px;max-width: 258px;margin: 0 30px 0 0;}
.left__close {display: none;}
.right {width: 100%;}
.left .moduletable  {margin:0 0 37px 0;}
.right .moduletable  {margin:20px 0 45px 0;}
.moduletable2 {margin: 30px 0;}
/*otstypi end*/


/*bazovie nastroiki*/
html, body {font-family: 'Roboto', sans-serif;font-weight: 400;/*height: 100%;*/display: flex;flex-direction: column;justify-content: space-between;background: #F5F5F5;}
main {flex:auto;display:flex;}

* {margin: 0px; padding: 0px;}

.item-page ul {margin:0 0 25px 0;}
ul li {padding: 0 0 0 30px;position:relative;font-size: 15px;margin: 10px 0 12px 0;list-style: none; line-height: 1.5;}
ol li {padding: 0 0 0 25px;font-size: 15px;margin: 0 0 12px 19px;}
ul li:before {content:'';width: 10px;height: 10px;position:absolute;left:0px;top: 6px;/* background: url(/images/content/obshee/star.svg) center center no-repeat; */background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC0SURBVHgBnU/BCYNAENzd5KGPgFaQa8GHIL5iB+lAO0lKSAupJOYn3McS7CD+TgLeZk8hiBcIOI+73WV2ZwZghVeWKZPnx/WcwMfpPY7nv8Qdc4kAHhGdFFlbzh328t6AuZf6Kn/kxpbojpOvNK2I6CKlWh3q5Eh10PqJyxDE/FiQWxuGRVzXTgX2390g6MEYNcnOUL/DDIML0FnmQjwlzi8ZU/pExEikkljrNm6aziIWsAUfnng/Rtlr0TUAAAAASUVORK5CYII=') center center no-repeat;}

a {text-decoration: underline;color:black;}
a:hover {text-decoration: none;}
p {line-height: 1.6em;font-size: 15px;margin: 0 0 20px 0;}
table {border-collapse: collapse; border-spacing: 0px;}
tr {}
th {background: #1776cd;color:#fff;font-weight:400;padding: 14px 15px 12px;}
td:nth-child(2) {text-align:center;}
td  {border: 1px solid #ccc;background: #f1f1f1;padding: 14px 15px 12px;font-size: 16px;}
b {font-weight:700;}
/*bazovie nastroiki end*/


/*vspomogatelnie klassi*/
.active {display: block;}
.pasive {display: none;}
.material-vremennii {display: flex;justify-content: space-between;margin: 0 0 13px 0;}
.material-vremennii ul {max-width: 361px;margin: 0 0 29px 0;}
.material-vremennii ol {max-width: 407px;margin: 0 0 29px 0;}
/*vspomogatelnie klassi end*/


/*zagalovki*/

h1 {font-size: 30px;margin: 0px 0 33px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;}
h2 {font-size: 27px;margin: 42px 0 34px;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;}
h3 {font-size: 22px;margin: 41px 0 23px;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;}
h4 {font-size: 20px;margin: 30px 0 16px;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;}
/*zagalovki end*/


/*header*/
header {}
header li {padding:0px;}
header li:before {content:none;}
.header-menu {padding-right: calc(50vw - 560.5px);padding-left: calc(50vw - 560.5px);background: #F1F1F1;display: flex;justify-content: space-between;align-items: center;padding-top: 6px;padding-bottom: 6px;}
.header-grafik svg {width: 11px;fill: #1776cd;}
.header-menu ul {display: flex;}
.header-menu a {text-decoration: none;}
.header-menu a:hover {text-decoration:underline;}
.header-menu li {margin: 0 30px 0 0;}
.header-menu__img {margin: 0 0 0 9px;width: 28px;fill:#343434;}
.header__info {padding-right: calc(50vw - 560.5px);padding-left: calc(50vw - 560.5px);display: flex;align-items: center;justify-content: space-between;padding-top: 37px;padding-bottom: 44px;}
.header__logo {margin: 0 6px 0 0;width: 191px;}
.header__name {text-transform: uppercase;color: #2F2F2F; font-family: 'Roboto Condensed', sans-serif; padding: 8px 13px; border-left: 1px solid #C1C1C1;}
.header__but {background: #1776CD;border-radius: 6px;padding: 15px 28px;color: #fff;font-size: 15px;cursor:pointer;text-align: center;}
.header__but:hover {background: #125ca0;}
.header__adres {font-size: 18px;}
.header__adres svg {width: 11px;fill: #1776cd;flex-shrink: 0;}
.header__adres > * {margin: 5px 0; display: flex; align-items: center;}
.header__adres svg, .header-grafik svg {margin: 2px 10px 0 0;}
.header__nomera {display: flex;flex-direction: column;}
.header__nomera a {margin: 1px 0;text-decoration: none;}
.header__nomera svg {width: 14px;fill: #1776cd;margin: 0 10px 0 0;}
.header__logomas {display: flex;align-items: center;}
/*header end*/


/*lev-menu*/
.lev-menu {}
.lev-menu li {padding:0px;margin: 16px 0 0px 0;}
.lev-menu li img {margin: 0px 17px 0 0;}
.lev-menu li a {display: flex;align-items: center;height: 33px;text-decoration:none;}
.lev-menu li a:hover {color: #1776CD;}
.lev-menu li:before {content:none;}
/*lev-menu end*/


/*vidi-menu*/
.vidi-menu {}
.zag-firstred  {font-size: 26px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin: 0 0 29px 0;}
.zag-firstred:first-letter {color: #F13737;}
.vidi-menu ul {}
.vidi-menu li  {margin: 10px 0 16px 0;}
.vidi-menu a  {text-decoration: none;}
.vidi-menu a:hover{color: #1776CD;}
/*vidi-menu end*/


/*vidi-tehniki-menu*/
.vidi-tehniki-menu li {padding:0px;margin: 22px 0 0 0;}
.vidi-tehniki-menu li:before {content:none;}
.vidi-tehniki-menu .zag-firstred {margin: 0 0px 10px 0;}
.vidi-tehniki-menu ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.vidi-tehniki-menu ul:after {content:'';width: 402px;height: 20px;}
.vidi-tehniki-menu a  {font-size: 17px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 149px; height: 153px; padding: 28px 21px 16px; background: #FCFCFC; border-radius: 10px; text-align: center;}
.vidi-tehniki-menu a:hover  {background: #E2E8ED;}
/*vidi-tehniki-menu end*/


/*apple-menu*/
.apple-menu li {padding:0px;margin: 22px 0 0 0;}
.apple-menu li:before {content:none;}
.apple-menu {}
.apple-menu .zag-firstred {margin: 0 0px 10px 0;}
.apple-menu li {}
.apple-menu ul {display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.apple-menu a {font-size: 19px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 149px; height: 153px; padding: 28px 21px 16px; background: #FCFCFC; border-radius: 10px; text-align: center;}
.apple-menu a:hover  {background: #E2E8ED;}
.item-211 {position: absolute;right: 0px;top: -52px;}
.apple-menu .item-211 a {font-size:15px;font-family: 'Roboto', sans-serif;text-transform: inherit;text-decoration: none;width: auto;height: auto;padding: 0px;background: none;padding: 0 32px 0 0;}
.apple-menu .item-211 a:hover {text-decoration:underline;}
.apple-menu .item-211 a:hover:before {right:-10px;}
.apple-menu .item-211 a:before {transition:0.2s;content:'';background: url(/images/content/apple-menu/strelka.svg) center center no-repeat;width: 24px;height: 6px;position: absolute;right: 0px;top: 4px;}
/*apple-menu end*/


/*forma-sleva*/
.forma-sleva  {padding: 26px 22px 35px; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7F7F7; border: 1px solid #D6D6D6; border-radius: 8px; position: relative;}
.forma-sleva input  {padding: 15px 20px;border: 1px solid #C7C7C7;border-radius: 7px;font-size: 14px;position: relative;}
.forma-sleva__chto-remontim  {margin: 0 0 11px 0;}
.forma-sleva__opisanie  {resize: none;padding: 15px 20px; border: 1px solid #C7C7C7; border-radius: 7px; font-size: 14px; height: 116px; width: calc(100% - 42px); margin: 0 0 7px 0; font-family: 'Roboto', sans-serif; font-size: 14px;}
.forma-sleva__nomer  {margin: 0 0 11px 0;}
.forma-sleva__knopka  {cursor: pointer;background: #1776CD; border-radius: 6px; border: none; font-size: 15px; color: #fff; width: 100%; padding: 15.5px 0;}
.forma-sleva__knopka:hover {background: #125ca0;}
.forma-sleva__proverka  {display: none;}
.forma-sleva span {position: absolute;right: 27px;margin: -27px 0 0 0;}
/*forma-sleva end*/




/*footer*/
footer {}
footer li {padding:0px;}
footer li:before {content:none;}
.footer-menu {padding-right: calc(50vw - 560.5px);padding-left: calc(50vw - 560.5px);background: #E2E8ED;display: flex;justify-content: space-between; align-items: center;padding-top: 6px;padding-bottom: 6px;}
.footer-menu ul {display: flex;}
.footer-menu a {text-decoration: none;}
.footer-menu a:hover {text-decoration:underline;}
.footer-menu li {margin: 0 30px 0 0;}
.footer-menu__img {margin: 0 0 0 9px; width: 28px; fill: #343434;}
footer .header__info {background: #EFF1F3;}
.footer__niz  {background: #EFF1F3; padding-bottom: 28px; padding-right: calc(50vw - 560.5px); padding-left: calc(50vw - 560.5px);}
.footer__niz span  {font-size: 15px; margin: 0 100px 0 0;}
.footer__niz a  {font-size: 15px;}
/*footer end*/


/*forma-sleva*/
.forma-vspl, .forma-vspl-bum {display: none;opacity: 0;z-index: 5; padding: 35px 22px 30px;background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7F7F7;border: 1px solid #D6D6D6;border-radius: 8px;position: fixed;width: 213px;transform: translate(-50%, -50%);top: 50%;left: 50%;}
.forma-vspl input, .forma-vspl-bum input  {padding: 15px 20px;border: 1px solid #C7C7C7;border-radius: 7px;font-size: 14px;position: relative;}
.forma-vspl__chto-remontim  {margin: 0 0 11px 0;}
.forma-vspl__opisanie  {resize: none;padding: 15px 20px; border: 1px solid #C7C7C7; border-radius: 7px; font-size: 14px; height: 116px; width: calc(100% - 42px); margin: 0 0 7px 0; font-family: 'Roboto', sans-serif; font-size: 14px;}
.forma-vspl__nomer  {margin: 0 0 11px 0;}
.forma-vspl__knopka  {cursor: pointer;background: #1776CD; border-radius: 6px; border: none; font-size: 15px; color: #fff; width: 100%; padding: 15.5px 0;}
.forma-vspl__knopka:hover {background: #125ca0;}
.forma-vspl__proverka  {display:none;}
.forma-vspl span {position: absolute;right: 27px;margin: -27px 0 0 0;}
.forma-vspl__close {cursor: pointer;position: absolute;top: 4px;right: 10px;}
.forma-vspl__fon {position: fixed;z-index: 4;top: 0px;left: 0px;display: none;opacity: 0;width: 100%; height: 100%;background: #00000099;}
/*forma-sleva end*/


/*forma-sleva*/
.vspl-table-price {display: none;opacity: 0;z-index: 5; padding: 35px 22px 30px;background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7F7F7;border: 1px solid #D6D6D6;border-radius: 8px;position: fixed;width: 213px;transform: translate(-50%, -50%);top: 50%;left: 50%;}
.vspl-table-price__zagalovok {font-size: 26px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;margin: 0 0 19px 0;text-align: center;}
.vspl-table-price__zagalovok:first-letter {color: #F13737;}
.vspl-table-price__blok {margin: 0 0 11px 0;}
.vspl-table-price__input  {padding: 15px 20px;border: 1px solid #C7C7C7;border-radius: 7px;font-size: 14px;position: relative;outline: none;}

.vspl-table-price__but  {cursor: pointer;background: #1776CD;border-radius: 6px;border: none;font-size: 17px;color: #fff;width: 100%;padding: 15.5px 0;}
.vspl-table-price__but:hover {background: #125ca0;}
.vspl-table-price span {position: absolute;right: 27px;margin: -27px 0 0 0;}
.vspl-table-price__close {cursor: pointer;position: absolute;top: 4px;right: 10px;}
.forma-vspl__fon {position: fixed;z-index: 4;top: 0px;left: 0px;display: none;opacity: 0;width: 100%; height: 100%;background: #00000099;}
/*forma-sleva end*/


/*panel*/
.panel {position: fixed;background: #1cd742;width: calc(100% - 20px);transform: translateX(-50%);bottom: 13px;left: 50%;box-sizing: border-box;height: 50px;display: none;border-radius: 28px;padding: 0 0 0 47px;box-shadow: 0px 15px 14px -9px rgb(0 0 0 / 61%);max-width: 500px;}
.panel__tel {position: absolute;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: #1776cd;border-radius: 50%;top: -5px;left: -5px;}
.panel__tel:after {content:'';background: rgb(23 118 205 / 50%);position: absolute;width: 100%;height: 100%;border-radius: 50%;z-index: -1;animation: border 4.7s infinite cubic-bezier(0.56, 0.18, 0.76, 0.73);}
.panel__tel svg {width:27px;fill:#fff;}
.panel__tg {background: #0088CC;}
.panel__tg svg {width:23px;fill:#fff;}
.panel__box {color: #fff;text-decoration: none;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;flex-grow: 1;}
.panel__box svg {margin-right: 8px;}
.panel__wa {background: #1bd741;z-index: -2;}
.panel__wa svg {width:23px;fill:#fff;}
.panel__vb {background: #7d3daf; border-radius: 0 25px 25px 0;}
.panel__vb svg {width:23px;fill:#fff;}
@keyframes border {
from {background: rgb(23 118 205 / 50%);width: 100%;height: 100%;}	
10% {background: rgb(23 118 205 / 0%);width: 170%;height: 170%;}
to {background: rgb(23 118 205 / 0%);width: 100%;height: 100%;}	
}
@media screen and (max-width: 1180px) {
.panel {display:flex;}
}
@media screen and (max-width: 424px) {
.panel__box {font-size: 13px;}
}
@media screen and (max-width: 370px) {
.panel {height:56px;}
.panel__tel {width: 66px;height: 66px;}
.panel__box {flex-direction:column;font-size: 11px;}
.panel__box svg {margin:0 0 4px 0;}
}
/*panel end*/


/* zakrep */
.zakrep {display: none;position: sticky;top: 0px;padding: 12px 15px;flex-shrink: 0;box-sizing: border-box;background: whitesmoke;z-index: 2;box-shadow: 0px 15px 14px -9px rgb(0 0 0 / 12%);}
.zakrep__price {height: 42px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background: #1776cd;border-radius: 8px;color: #fff;text-decoration: none;font-size: 17px;padding: 0px 23px;}
.zakrep__razdelitel {flex:auto;}
.zakrep__icon {width: 42px;height: 42px;padding: 11px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background: #1776cd;border-radius: 8px;}
.zakrep__icon svg {fill: #ffffff;flex-shrink: 0;width: 100%;}
.zakrep__zvon {margin-right: 8px;}
.zakrep__menu {}
.zakrep__nomer {}

@media screen and (max-width: 992px) {
.zakrep {display:flex;}
}
/* zakrep end */


/*mobil-menu*/
.mobil-menu__fon {opacity: 0;position:fixed;width: 100%;background:#00000070;left:0px;height:100%;top:0px;z-index: 2;display: none;}
/*mobil-menu end*/


/*glav-lev-menu*/
.glav-lev-menu {margin: 0 0 131px 0 !important;display: none;}
.glav-lev-menu li {padding:0px;}
.glav-lev-menu li:before {content:none;}
.glav-lev-menu a {text-decoration:none; width:100%; display:block;text-align:center;padding:10px 0;background: #ffffff;border-radius: 7px;}
/*glav-lev-menu end*/


/*Hlebnie kroshki*/
.moduletable-kroshki {font-size: 14px;margin: 25px 0 35px;}
.moduletable-kroshki li {padding:0px;margin: 0px;}
.moduletable-kroshki li:before {content:none;}
.moduletable-kroshki ul {display: flex;}
/*Hlebnie kroshki end*/