@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*bazovie nastroiki*/
html {scroll-behavior: smooth;}
body {font-family: 'Montserrat';background: #F9F9F9;}
* {margin: 0px;padding: 0px;}
p {font-size: 18px;margin: 0 0 30px 0;line-height: 153%;color: #0c0c0c;}
@media (min-width: 482px) and (max-width: 768px) {p {font-size: 17px;}}
@media (min-width: 426px) and (max-width: 481px) {p {font-size: calc(3vw + 3px);}}
@media screen and (max-width: 425px) {p {font-size: 4vw;}}
a {text-decoration: underline;color:#000;}
a:hover {text-decoration: none;}
input, textarea, button {outline: none; resize: none; border: none; font-family: 'Montserrat'; font-weight: 400; font-size: 16px;}
select {border: none; font-family: 'Montserrat'; font-weight: 400; font-size: 16px;}
.rsform-error {background: linear-gradient(45deg, #ff00004d 100%, #ffffff 0%) #fff !important;}
/*bazovie nastroiki end*/

/*blog*/
.com-content-category-blog__items.blog-items {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;}
.com-content-category-blog__item.blog-item {display: flex;flex-direction: column;padding: 25px 20px 25px;border-radius: 10px;border: 1px solid #DDD;background: #FFF;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.02);align-items: center;}
.page-header h2 {margin: 0 0 15px;font-weight: bold;font-size: 26px;color: #fc5d5d;}
.page-header a {color: #fc5d5d;text-decoration: none;}
.page-header a:hover {color: #e44949;}
.item-content p {font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
@media screen and (max-width: 1020px) {
.com-content-category-blog__items.blog-items {grid-template-columns: 1fr 1fr; grid-gap: 10px;}
}
@media screen and (max-width: 538px) {
.com-content-category-blog__items.blog-items {grid-template-columns: 1fr;}
}
/*blog end*/


/*zagalovki*/
h1,h2,h3,h4,.h1,.h2,.h3,.h4 {font-family: 'Montserrat';font-weight: 600;color: #0a0a0a;}
h1, .h1 {font-size: 34px;margin: 0px 0 40px;}
h2, .h2 {font-size: 30px;margin: 58px 0 37px;}
h3, .h3 {font-size: 25px;margin: 42px 0 28px;}
h4, .h4 {font-size: 20px;margin: 36px 0 21px;}

@media (min-width: 993px) and (max-width: 1160px) {
h1, .h1 { }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
}
@media (min-width: 769px) and (max-width: 992px) {
h1, .h1 { }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
}
@media (min-width: 482px) and (max-width: 768px) {
h1, .h1 {font-size: 32px;margin: 0 0 33px;}
h2, .h2 {font-size: 28px;margin: 46px 0 27px;}
h3, .h3 {margin: 36px 0 24px;font-size: 23px;}
h4, .h4 {font-size: 19px;}
}
@media screen and (max-width: 481px) {
h1, .h1 {font-size: 6vw;margin: 0px 0 32px;}
h2, .h2 {font-size: calc(6vw - 2px);margin: 36px 0 22px;}
h3, .h3 {font-size: calc(6vw - 4px);margin: 37px 0px 20px;}
h4, .h4 {font-size: calc(6vw - 7px);margin: 30px 0 18px;}
}
@media screen and (max-width: 320px) {
h1, .h1 { }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
}
/*zagalovki end*/


/* table */
.stand-table {border-collapse: collapse;margin: 0 0 30px 0;display: inline-block;border-radius: 9px;overflow: auto;max-width: 100%;border: 1px solid #DDD;}
.stand-table tr:nth-child(odd) {background: #f8f8f8;}
.stand-table tr:nth-child(even) {background: #e7e7e7;}
.stand-table tr:first-child {background: #ffffff;color: #000;}
.stand-table tr {}
.stand-table th {padding: 15px 35px;font-weight: 600;}
.stand-table td {padding: 15px 35px;}
.stand-table td:nth-child(1) {text-align: center;}
.stand-table td:nth-child(3) {text-align: center;white-space: nowrap;}

@media screen and (max-width: 480px) {
.stand-table th, .stand-table td {padding: 16px 23px;}
}
/* table end */


/* sigplus */
body .sigplus-gallery > ul > li {margin: 0px;display: block;}
body a.sigplus-image > img {display:block !important;}
body .sigplus-gallery ul > li > a {display:block !important;outline: none;}
.gallery-box {margin:0 0 40px;}
.gallery-box ul {display: grid; grid-template-columns: repeat(3, auto); grid-gap: 25px;}
.gallery-box img {border-radius: 8px; display: block; width: 100% !important; height: auto !important;}

@media (min-width: 769px) and (max-width: 992px) {
.gallery-box ul {grid-template-columns: repeat(4, auto); grid-gap: 20px;}
}
@media (min-width: 482px) and (max-width: 768px) {
.gallery-box ul {grid-template-columns: repeat(4, auto);grid-gap: 20px;}
}
@media screen and (max-width: 481px) {
.gallery-box {margin:0 0 30px;}
.gallery-box ul {grid-gap: 16px;grid-template-columns: repeat(2, auto);}
}
/* sigplus end */


/* swiper */
.swiper-container {overflow: hidden;}
.swiper-wrapper {display: flex;}
.swiper-slide {flex-shrink: 0;}
/* swiper end */


/* hlebnie kroshki */
.breadcrumb {font-size: 15px;margin: 20px 0 40px;}
.breadcrumb__spisok {display: flex;flex-wrap: wrap;}

@media screen and (max-width: 481px) {
.breadcrumb {font-size: 14px;}
}
@media screen and (max-width: 320px) {
.breadcrumb {font-size: 13px;}
}
/* hlebnie kroshki end */


/* indents */
.container-margin {width: 1110px; margin-right: auto; margin-left: auto;}
.container {padding-right: calc(50vw - 555px);padding-left: calc(50vw - 555px);}
.soderjimoe {margin-bottom: 77px;}
.modulmargin {margin-bottom: 80px;}

@media (min-width: 993px) and (max-width: 1150px) {
.container-margin {width: 100%; padding-right: 20px; padding-left: 20px;box-sizing: border-box;margin-right: 0px; margin-left: 0px;}
.container {margin-right: 0px;margin-left: 0px;padding-right:20px;padding-left:20px;}
}
@media (min-width: 769px) and (max-width: 992px) {
.container-margin {width: 100%; padding-right: 20px; padding-left: 20px;box-sizing: border-box;margin-right: 0px; margin-left: 0px;}
.container {margin-right: 0px;margin-left: 0px;padding-right:20px;padding-left:20px;}
}
@media (min-width: 482px) and (max-width: 768px) {
.container-margin {width: 100%; padding-right: 20px; padding-left: 20px;box-sizing: border-box;margin-right: 0px; margin-left: 0px;}
.container {margin-right: 0px;margin-left: 0px;padding-right:20px;padding-left:20px;}
.soderjimoe {margin-bottom: 70px;}
.modulmargin {margin-bottom: 70px;}
}
@media screen and (max-width: 481px) {
.container-margin {width: 100%; padding-right: 20px; padding-left: 20px;box-sizing: border-box;margin-right: 0px; margin-left: 0px;}
.container {margin-right: 0px;margin-left: 0px;padding-right: 16px;padding-left: 16px;}
.soderjimoe {margin-bottom: 70px;}
.modulmargin {margin-bottom: 70px;}
}
@media screen and (max-width: 320px) {
.soderjimoe {margin-bottom: 60px;}
.modulmargin {margin-bottom: 70px;}
}
/* indents end */


/* buttons */
.button-red {background: #FC5D5D;border-radius: 6px;color: #fff;height: 52px;padding: 0 30px;font-weight: 600;font-size: 16px;cursor:pointer;transition:0.2s;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;}
.button-red:hover {background: #e44949;}
.button-border {background: #FAFAFA;border: 1px solid #FC5D5D;border-radius: 6px;color: #000;height: 52px;padding: 0 30px;font-weight: 600;font-size: 16px;box-sizing: border-box;cursor: pointer;transition: 0.2s;display: inline-flex;align-items: center;justify-content: center;}
.button-border:hover {background: #FC5D5D;color:#fff;}
/* buttons end */


/*header*/
.header {}
.header__osnova {display: flex; align-items: center; justify-content: space-between; background: #F0F0F0; padding-top: 8px; padding-bottom: 7px;}
.header__logo {}
.header__logo svg {width: 127px; display: block; fill: #000;}
.header__opis {font-weight: 600;text-transform: uppercase;font-size: 16px;}
.header__opis span {text-decoration: underline;}
.header__reiting {text-decoration: none; display: flex; align-items: center;}
.header__cifra {font-size: 14px;font-weight: 600;background: #FC0;width: 53px;margin: 0 17px 0 0;height: 97px;clip-path: polygon(100% 0, 100% 100%, 50% calc(100% - 15px), 0 100%, 0 0);display: flex;align-items: center;justify-content: center;transform: translateY(-8px);}
.header__reit {}
.header__stars {display: flex; align-items: center; margin: 0 0 5px;}
.header__stars svg {margin: 0 6px 0 0;}
.header__rname {font-size: 14px; font-weight: 600;}
.header__rcount {font-size: 12px;}
.header__contc {}
.header__infhrf {display: flex; align-items: center; font-size: 14px;}
.header__infhrf svg {margin: 0 9px 0 0;display: block;fill: #8C8C8C;flex-shrink: 0;}
.header__adres {font-weight: 600; text-decoration: none; margin: 0 0 7px 2px;}
.header__adres:hover {text-decoration:underline;}
.header__svyaz {display: flex;flex-direction: column;align-items: flex-end;}
.header__phone {font-weight: 600; font-size: 16px; text-decoration: none; margin: 0 0 6px;}
.header__phone:hover {text-decoration:underline;}
.header__wa {font-weight: 600; text-decoration: none;}
.header__wa svg {filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.27));}
.header__menu {background: #E9E9E9;}
.header .glav-menu {}
.header .glav-menu ul {display: flex;align-items: center;justify-content: space-between;}
.header .glav-menu li {margin: 0 19px 0 0;}
.header .glav-menu li:last-child {margin:0px;}
.header .glav-menu a, .header .glav-menu span {font-size: 15px;font-weight: 500;text-decoration: none;display: block;padding: 22px 0;cursor:pointer;}
.header .glav-menu a:hover {text-decoration: underline;}
.header li.nav-item.deeper.parent {position:relative;}
.header li.nav-item.deeper.parent:before {position: absolute;width: 6px;height: 6px;bottom: 28px;right: -14px;content: '';border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(136deg);transition: 0.2s;}
.header li.nav-item.deeper.parent:hover:before {border-top: 2px solid #fc5d5d;border-right: 2px solid #fc5d5d;transform: rotate(315deg);bottom: 25px;}
.header .glav-menu ul.mod-menu__sub.list-unstyled.small li a {padding: 0;}
.header .glav-menu ul.mod-menu__sub.list-unstyled.small {display: grid;grid-template-columns: 1fr 1fr;background: #f9f9f9;padding: 20px;border-radius: 10px;border: 1px solid #DDD;left: 0px;z-index: 2;top: 50px;gap: 10px;transition:0.2s;opacity: 0;visibility: hidden;position: absolute;}
.header li.nav-item.deeper.parent:hover > ul.mod-menu__sub.list-unstyled.small {opacity: 1;visibility: visible;}
@media (min-width: 993px) and (max-width: 1150px) {
.header__logo svg {width: 97px;}
.header__opis {font-size: 14px;}
}
@media (min-width: 769px) and (max-width: 992px) {
.header__logo svg {width: 99px;}
.header__opis {font-size: 14px;}
.header__reiting {display: none;}
.header .glav-menu ul {justify-content: space-between;}
.header .glav-menu li {margin: 0px;}
.header .glav-menu a, .header .glav-menu span {padding: 18px 0;}
}
@media (min-width: 482px) and (max-width: 768px) {
.header__osnova {flex-wrap: wrap; padding-top: 12px; padding-bottom: 16px; justify-content: space-around; grid-gap: 7px;}
.header__logo svg {width: 87px;}
.header__opis {font-size: 14px;}
.header__reiting {display: none;}
.header__menu {display: none;}
}
@media screen and (max-width: 481px) {
.header__osnova {flex-wrap: wrap;padding-top: 15px;padding-bottom: 15px;justify-content: center;}
.header__logo {margin: 0 15px 0 0;}
.header__logo svg {width: 76px;}
.header__opis {display: none;}
.header__reiting {display: none;}
.header__contc {margin: 0 0 0 6px;}
.header__adres {margin: 0 0 3px 2px;}
.header__svyaz {margin: 10px 0 0;}
.header__phone {font-size: 17px; margin: 0 0 4px;}
.header__wa {font-size: 13px;}
.header__menu {display: none;}
}
@media screen and (max-width: 320px) {
.header__logo {
    margin: 0 0 13px;
}
}
/*header end*/



/*footer*/
.footer {}
.footer__osnova {display: flex; align-items: center; justify-content: space-between; background: #000; padding-top: 8px; padding-bottom: 7px;}
.footer__logo {}
.footer__logo svg {width: 127px; display: block; fill: #D3D3D3;}
.footer__opis {font-weight: 600; text-transform: uppercase; font-size: 16px; color: #D3D3D3;}
.footer__opis span {text-decoration: underline;}
.footer__reiting {text-decoration: none; display: flex; align-items: center;}
.footer__cifra {font-size: 14px; font-weight: 600; background: #FFCC00; width: 53px; margin: 0 17px 0 0; height: 116px; clip-path: polygon(100% 0, 100% 100%, 50% calc(100% - 15px), 0 100%, 0 0); display: flex; align-items: center; justify-content: center; transform: translateY(-8px);}
.footer__reit {}
.footer__stars {display: flex; align-items: center; margin: 0 0 5px;}
.footer__stars svg {margin: 0 6px 0 0;}
.footer__rname {font-size: 14px; font-weight: 600; color: #fff;}
.footer__rcount {font-size: 12px; color: #D6D6D6;}
.footer__contc {}
.footer__infhrf {display: flex; align-items: center; font-size: 14px;}
.footer__infhrf svg {margin: 0 9px 0 0; display: block; fill: #A6A6A6; flex-shrink: 0;}
.footer__adres {font-weight: 600; text-decoration: none; margin: 0 0 7px 2px; color: #fff;}
.footer__adres:hover {text-decoration:underline;}
.footer__clock {color: #BEBEBE;}
.footer__svyaz {display: flex; flex-direction: column; align-items: center;}
.footer__phone {font-weight: 600; font-size: 18px; text-decoration: none; margin: 0 0 6px; color: #fff;}
.footer__phone:hover {text-decoration:underline;}
.footer__wa {font-weight: 600;text-decoration: none;color: #25D366;margin: 0 0 6px;}
.footer__wa svg {filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.27));}
.footer__vk {font-weight: 600;text-decoration: none;color: #0077ff;}
.footer__end {padding-top: 12px; padding-bottom: 14px; display: flex; align-items: center; justify-content: space-between; background: #000; font-size: 14px;}
.footer__prava {color: #D9D9D9;}
.footer__politica {color: #DFDFDF;}
.footer__bl {}
.footer__menu {background: #393939;}
.footer .glav-menu {}
.footer .glav-menu ul {display: flex; align-items: center;}
.footer .glav-menu li {margin: 0 27px 0 0;}
.footer .glav-menu li:last-child {margin:0px;}
.footer .glav-menu a, .footer .glav-menu span {font-size: 15px; font-weight: 500; text-decoration: none; display: block; padding: 22px 0; color: #fff; cursor:pointer;}
.footer .glav-menu a:hover {text-decoration: underline;}
.footer li.nav-item.divider.deeper.parent {position:relative;}
.footer li.nav-item.divider.deeper.parent:before {position: absolute;width: 6px;height: 6px;bottom: 28px;right: -14px;content: '';border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(136deg); transition:0.2s;}
.footer li.nav-item.divider.deeper.parent:hover:before {border-top: 2px solid #fc5d5d;border-right: 2px solid #fc5d5d;transform: rotate(315deg);bottom: 25px;}
.footer .glav-menu ul.mod-menu__sub.list-unstyled.small li a {padding: 0;color:#000;}
.footer .glav-menu ul.mod-menu__sub.list-unstyled.small {opacity: 0;grid-template-columns: 1fr 1fr;background: #f9f9f9;padding: 20px;border-radius: 10px;border: 1px solid #DDD;position: absolute;left: -70px;z-index: 2;top: -356px;gap: 10px;display:grid;visibility: hidden;}
.footer li.nav-item.divider.deeper.parent:hover > ul.mod-menu__sub.list-unstyled.small {opacity: 1;  visibility:visible;}
@media (min-width: 993px) and (max-width: 1150px) {
.footer__logo svg {width: 97px;}
.footer__opis {font-size: 14px;}
}
@media (min-width: 769px) and (max-width: 992px) {
.footer__osnova {padding-top: 28px; padding-bottom: 0px;}
.footer__logo svg {width: 100px;}
.footer__opis {font-size: 13px;}
.footer__reiting {display: none;}
.footer__end {padding-bottom: 90px; font-size: 13px;}
.footer .glav-menu ul {justify-content: space-between;}
.footer .glav-menu li {margin: 0px;}
}
@media (min-width: 482px) and (max-width: 768px) {
.footer__osnova {flex-wrap: wrap; padding-top: 29px; padding-bottom: 7px; grid-gap: 10px; justify-content: space-around;}
.footer__logo svg {width: 100px;}
.footer__reiting {display: none;}
.footer__end {flex-wrap: wrap; padding-bottom: 83px;}
.footer .glav-menu {display: none;}
}
@media screen and (max-width: 481px) {
.footer__osnova {flex-wrap: wrap; justify-content: space-around; grid-gap: 10px; padding-top: 38px; padding-bottom: 20px;}
.footer__logo svg {width: 90px;}
.footer__opis {font-size: 15px;}
.footer__reiting {display: none;}
.footer__end {flex-direction: column; grid-gap: 6px; font-size: 13px; text-align: center;}
.footer .glav-menu {display: none;}
}
/*footer end*/


/* standform */
.standform {position: fixed;top: 50%;left: 50%;z-index: 13;transform: translate(-50%,-50%);background: #fff;display: flex;flex-direction: column;align-items: center;border-radius: 10px;overflow: hidden;box-sizing: border-box;visibility: hidden;opacity: 0;width: 100%;max-width: 340px;transition: 0.4s;padding: 30px 30px;}
.standform__logo {width: 140px;display: block;margin: 0 0 12px;flex-shrink: 0;}
.standform__imgfon {width: 40%; object-fit: cover;}
.standform__box {padding: 50px 38px 57px 39px;width: 60%;position: relative;}
.standform__close {position: absolute;right: 10px;top: 7px;font-size: 21px;cursor: pointer;}
.standform__zag {font-weight: 500; font-size: 22px; margin: 0 0 23px 0; text-align:center;}
.standform__input {width: 100%;border: 1px solid #E5E5E5;border-radius: 6px;height: 52px;padding: 0 18px;box-sizing: border-box;font-size: 16px;margin: 0 0 9px;flex-shrink: 0;}
.standform__input::placeholder {color:#cdcdcd;}
.standform__mail {width: 0px; height: 0px; padding: 0px; margin: 0px; border: none; display: block;}
.standform__name {}
.standform__nomer {}
.standform__but {width: 100%; margin: 17px 0 16px;}
.standform__blok-polit {display: flex;}
.standform__checkpolit {-webkit-appearance: none;-moz-appearance: none;width: 18px;height: 18px;border: 1px solid #8e8e8e;border-radius: 3px;position:relative;margin: 2px 11px 0 0;cursor: pointer;}
.standform__checkpolit:after {content: '';position: absolute;display: block;width: 12px;height: 12px;border-radius: 3px;background: #fc5d5d;opacity: 0;left: 2px;top: 2px;}
.standform__checkpolit:checked:after {opacity: 1;}
.standform__checkpolit+span {display:none;}
.standform__checkpolit-text {font-size: 12px;}

@media screen and (max-width: 650px) {
.standform {flex-direction: column;width: calc(100% - 40px);max-width: 310px;max-height: calc(100% - 40px);overflow: auto;}
.standform__imgfon {width: 100%;height: 130px;}
.standform__box {width: 100%;height: 80%;box-sizing: border-box;}
}
@media screen and (max-width: 320px) {
.standform__box {padding: 40px 20px 43px 20px;}
.standform__checkpolit-text {font-size: 11px;}
}
/* standform end */




/* popap-fon */
.popap-fon {position: fixed;z-index: 12;top: 0px;left: 0px;opacity: 0;visibility: hidden;width: 100%;height: 100%;background: #00000099;transition: 0.6s;}
/* popap-fon end */


/*modalmenu*/
.modalmenu  {z-index: 11;position: fixed;width: 100%;height: 100%;overflow: auto;box-sizing: border-box;background: #F9F9F9;padding: 32px 20px 28px;display: flex;flex-direction: column;align-items: center;right: -100%;top: 0px;transition: 0.4s;max-width: 290px;}
.modalmenu__close {position: absolute;right: 17px;top: 17px;}
.modalmenu__close svg {width: 14px;display: block;fill: #000;}
.modalmenu__fon {position: fixed;z-index: 10;top: 0px;left: 0px;visibility:hidden;opacity: 0;width: 100%;height: 100%;background: #00000099;transition: 0.6s;}
.modalmenu__razdelitel {flex: auto;margin: 0 0 50px;}
.modalmenu__logo {margin: 0 0 13px;}
.modalmenu__logo svg {width: 97px;}
.modalmenu__infhrf {display: flex; align-items: center; font-size: 14px;}
.modalmenu__infhrf svg {margin: 0 9px 0 0; display: block; fill: #8C8C8C; flex-shrink: 0;}
.modalmenu__adres {font-weight: 600; text-decoration: none; margin: 0 0 7px 2px;}
.modalmenu__phone {font-weight: 600; font-size: 18px; text-decoration: none; margin: 0 0 7px;}
.modalmenu__wa {font-weight: 600; text-decoration: none; margin: 0 0 30px;}
.modalmenu__adres {}
.modalmenu__clock {}
.modalmenu .glav-menu {width: 88%;}
.modalmenu .glav-menu ul {flex-direction: column;display: block;}
.modalmenu .glav-menu li {margin: 0 0 7px;}
.modalmenu .glav-menu a, .modalmenu .glav-menu span {border: 1px solid #E5E5E5;background: #fff;display: block;text-align: center;padding: 11px 0!important;!importan;!importa;!import;!impor;!impo;!imp;!impi;!imp;!im;!i;!i,;!i;!;text-decoration: none;border-radius: 10px;}
.modalmenu .glav-menu span {position:relative;margin: 0 0 7px;}
.modalmenu .glav-menu span:before {position: absolute;width: 6px;height: 6px;bottom: 18px;right: 66px;content: '';border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(136deg); transition:0.2s;}
span.mod-menu__separator.separator.active-modalmenu:before {border-top: 2px solid #fc5d5d;border-right: 2px solid #fc5d5d;transform: rotate(315deg);bottom: 15px}
.modalmenu .glav-menu ul.mod-menu__sub.list-unstyled.small {display: none;background: #f9f9f9;border-radius: 10px;gap: 0px;transition:0.2s;border: 0;padding: 0;opacity: 1;visibility: visible;}
ul.mod-menu__sub.list-unstyled.small li {padding: 0 3px;}
.active-modalmenu {display:flex;}
/*modalmenu end*/


/*panel*/
.panel {position: -webkit-sticky;position: sticky;background: #ffffff;display: none;justify-content: space-evenly;width: 100%;bottom: 0px;padding: 11px 0;z-index: 9;border-top: 1px solid #E5E5E5;}
.panel__icon {display: flex;flex-direction: column;align-items: center;text-decoration: none;min-width: 60px;}
.panel__icon svg {height: 20px;margin: 0 0 7px;fill: #212121;}
.panel__icon-name {color: #212121;font-size: 11px;}

@media (min-width: 482px) and (max-width: 992px) {
.panel {display: flex;bottom: 10px;left: 50%;width: 380px;transform: translateX(-50%);justify-content: space-between;padding: 11px 16px 8px;box-sizing: border-box;border-radius: 13px;position: fixed;border: 1px solid #d3d0d0;}
}
@media screen and (max-width: 481px) {
.panel {display: flex;}
}
/*panel end*/


/* deskpanel  */
.deskpanel {background: #ffffff;border-radius: 10px;position: fixed;padding: 8px 8px;left: calc(50vw - 813px);bottom: 30px;border: 1px solid #E5E5E5;z-index: 3;}
.deskpanel__icon {width: 44px; height: 44px; padding: 6px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 10px; transition: 0.4s; margin-bottom: 7px; cursor: pointer;}
.deskpanel__icon:last-child {margin:0px;}
.deskpanel__icon:hover {background:#f3f3f3;}
.deskpanel__icon svg {width: 100%; flex-shrink: 0;}
.deskpanel__wa {}
.deskpanel__vb {}
.deskpanel__tg {}
.deskpanel__zvon {}
.deskpanel__wa svg {fill: #1bd741; display: block;}
.deskpanel__vb svg {fill:#7d3daf;}
.deskpanel__tg svg {fill: #0088CC;}
.deskpanel__zvon svg {fill: #fc5d5d;width: 80%;}

@media (min-width: 993px) and (max-width: 1656px) {
.deskpanel {left: 20px;bottom: 20px;}
}
@media screen and (max-width: 992px) {
.deskpanel {display:none;}
}
/* deskpanel  end */